/**
 * 
 *
 *
 * NOTE: Do not use initial value for elements as no version of IE supports this property
 */
/**
 * For more information on how to use LESS.JS, visit
 * http://lesscss.org/features/
 * 
 * Information on Constants and mixins is provided in-line here,
 * but Nested Rules may be of interest.
 * 
 */
/* used for areas and headers 3F5682, 35508A, Original: 03378A */
/* used for accents or headers on primary color #7794ce c5cfe3*/
/* used for accents or headers on primary color */
.colorSet1 {
  background-color: #35508A;
  color: white;
}
.colorSet1Invers {
  background-color: white;
  color: #35508A;
}
.colorSet2 {
  background-color: #7794ce;
  color: white;
}
.colorSet3 {
  background-color: #ececec;
  color: #35508A;
}
#header {
  color: #35508A;
}
/* Dimensions */
/* Legacy dimensions / colours */
/* Global Design Colours*/
/* less.js converts #aarrggbb to #aarrgg bb string */
.translucent-white-background {
  /* Mixin for IE8 support */
  background-color: rgba(255, 255, 255, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
  /* IE8 */
}
/* Site Font */
.site_default_font {
  font-family: 'Open Sans', sans-serif;
}
.site_header_font {
  font-family: 'Open Sans', sans-serif;
}
/* Bold mixins so we can incorporate fonts */
.weight-normal {
  font-weight: 400;
}
.weight-semibold {
  font-weight: 600;
}
.weight-bold {
  font-weight: 700;
}
.weight-extrabold {
  font-weight: 800;
}
/* Note: we cannot embed these mixins within a media query and have the output updated in the classes which use them, hence the media queries in place */
.styleguide-h1 {
  font-size: 2.5em;
  line-height: 1.1em;
  font-weight: 600;
  hyphens: none;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  /* use padding to avoid margin collapsing */
  padding: 0 0 7px 0;
  color: #35508A;
  text-align: center;
}
.styleguide-h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.7em;
  line-height: 1.1em;
  font-weight: 700;
  hyphens: none;
  color: #35508A;
  margin: 0;
  padding: 0 0 7px 0;
  line-height: 2em;
  text-align: center;
}
.styleguide-h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3em;
  line-height: 1.1em;
  color: #35508A;
  font-weight: 700;
  hyphens: none;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: center;
}
.styleguide-h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  line-height: 1.1em;
  color: #012151;
  font-weight: bold;
  hyphens: none;
  margin: 0;
  padding: 15px 0 5px 0;
}
.styleguide-h5 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  line-height: 1.1em;
  color: #012151;
  font-weight: bold;
  hyphens: none;
  margin: 0;
  padding: 12px 0 5px 0;
}
.styleguide-paragraph {
  color: #012151;
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
}
.styleguide-cta-buttons {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 400;
  hyphens: none;
}
.styleguide-dropdown-nav {
  font-size: 16px;
  color: #012151;
  font-weight: 600;
  hyphens: none;
}
.styleguide-italic {
  font-size: 16px;
  color: #012151;
  font-style: italic;
  font-weight: 400;
}
.styleguide-buttons {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 600;
  hyphens: none;
}
.styleguide-top-navigation {
  font-size: 14px;
  color: #012151;
  font-weight: 400;
  hyphens: none;
}
.styleguide-labels {
  font-size: 14px;
  color: #012151;
  font-weight: 400;
  hyphens: none;
}
.styleguide-description {
  font-size: 12px;
  color: #9CABB7;
  font-weight: 400;
}
.styleguide-link {
  color: #35508A;
}
.styleguide-link:link,
.styleguide-link:visited {
  color: #35508A;
}
/* MIXIN for non h1/h2 headers */
.startalignedHeader {
  hyphens: none;
  text-align: left;
  text-align: start;
  /* works on modern browers, except IE*/
}
/* Use this class/mixin for paragraphs with a comfortable number of characters in a line, the "measure"*/
.easyread-nocenter {
  /*	max-width: 40em !important;*/
  text-align: justify;
  /* counter-intuitive as justify leads to awkward word spacing */
  hyphens: auto;
  /* Firefox and Safari can now insert hyphens to resolve word spacing issues with justify */
}
.easyread-nocenter ul {
  text-align: unset;
}
/* Disable default hyphens for German language (DOES'T WORK FOR MIXINS) */
.lang_de .easyread-nocenter {
  hyphens: none;
}
.easyread {
  /*	max-width: 40em !important;*/
  text-align: justify;
  /* counter-intuitive as justify leads to awkward word spacing */
  hyphens: auto;
  /* Firefox and Safari can now insert hyphens to resolve word spacing issues with justify */
  margin-left: auto;
  margin-right: auto;
}
.easyread ul {
  text-align: unset;
}
/* Disable default hyphens for German language (DOES'T WORK FOR MIXINS) */
.lang_de .easyread-nocenter {
  hyphens: none;
}
/* less.js converts #aarrggbb to #aarrgg bb string */
.translucent-white-background {
  /* Mixin for IE8 support */
  background-color: rgba(255, 255, 255, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
  /* IE8 */
}
/* Abstract colors */
/* Element colors */
.styleguide-navigation {
  font-size: 14px;
  color: white;
  font-weight: 400;
  hyphens: none;
}
/* rounded border mixin to allow a constant feel for all rounded edges*/
.floating-shadow {
  box-shadow: 0px 1px 2px 2px #B0BAC1;
}
/* ********** responsive breakpoints *************** */
/* this breakpoint is just a helper to avoid content problematic textflow while staying with the basic layout (wide) */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/_css/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/_css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/_css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/_css/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/_css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/_css/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.button.primary,
.ccmsButton.primary {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 400;
  hyphens: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 100px;
  padding: 0 20px;
  margin: 30px 20px 20px 20px;
  outline: 0;
  /* prevents user text selection */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  /* border is used for highlighting and set here to avoid changes in size */
  border: 2px solid transparent;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  min-width: 150px;
  font-size: 1.2em;
  font-weight: normal;
  /* left or right aligned buttons must not have a margin at that side */
  /* in case we have icons, increase the padding on the opposite site */
  background-color: #35508A;
  color: white;
  border-radius: 10px;
}
.button.primary.left,
.ccmsButton.primary.left {
  margin-left: 0;
}
.button.primary.right,
.ccmsButton.primary.right {
  margin-right: 0;
}
.button.primary.buttonIcon_yes.buttonIconLeft,
.ccmsButton.primary.buttonIcon_yes.buttonIconLeft {
  padding-right: 30px;
}
.button.primary.buttonIcon_yes.buttonIconRight,
.ccmsButton.primary.buttonIcon_yes.buttonIconRight {
  padding-left: 30px;
}
.button.primary .buttonIcon_font-awesome i,
.ccmsButton.primary .buttonIcon_font-awesome i {
  /*			vertical-align: middle; */
  font-size: 1em;
}
.button.primary.buttonIconRight .buttonIcon,
.ccmsButton.primary.buttonIconRight .buttonIcon {
  float: right;
  margin-right: 5px;
  margin-left: 20px;
}
.button.primary.buttonIconLeft .buttonIcon,
.ccmsButton.primary.buttonIconLeft .buttonIcon {
  float: left;
  margin-left: 5px;
  margin-right: 20px;
}
.button.primary:focus,
.ccmsButton.primary:focus {
  /* for visualizing access via keyboard/tabindex */
  text-decoration: underline;
}
.button.secondary,
.ccmsButton.secondary {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 400;
  hyphens: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 100px;
  padding: 0 20px;
  margin: 30px 20px 20px 20px;
  outline: 0;
  /* prevents user text selection */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  /* border is used for highlighting and set here to avoid changes in size */
  border: 2px solid transparent;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  min-width: 150px;
  font-size: 1.2em;
  font-weight: normal;
  /* left or right aligned buttons must not have a margin at that side */
  /* in case we have icons, increase the padding on the opposite site */
  background-color: #7794ce;
  color: white;
}
.button.secondary.left,
.ccmsButton.secondary.left {
  margin-left: 0;
}
.button.secondary.right,
.ccmsButton.secondary.right {
  margin-right: 0;
}
.button.secondary.buttonIcon_yes.buttonIconLeft,
.ccmsButton.secondary.buttonIcon_yes.buttonIconLeft {
  padding-right: 30px;
}
.button.secondary.buttonIcon_yes.buttonIconRight,
.ccmsButton.secondary.buttonIcon_yes.buttonIconRight {
  padding-left: 30px;
}
.button.secondary .buttonIcon_font-awesome i,
.ccmsButton.secondary .buttonIcon_font-awesome i {
  /*			vertical-align: middle; */
  font-size: 1em;
}
.button.secondary.buttonIconRight .buttonIcon,
.ccmsButton.secondary.buttonIconRight .buttonIcon {
  float: right;
  margin-right: 5px;
  margin-left: 20px;
}
.button.secondary.buttonIconLeft .buttonIcon,
.ccmsButton.secondary.buttonIconLeft .buttonIcon {
  float: left;
  margin-left: 5px;
  margin-right: 20px;
}
.button.secondary:focus,
.ccmsButton.secondary:focus {
  /* for visualizing access via keyboard/tabindex */
  text-decoration: underline;
}
.button.buttonLowProfile,
.ccmsButton.buttonLowProfile {
  height: 28px;
  width: auto;
  padding: 0 15px 0 15px;
  line-height: 24px;
  box-sizing: border-box;
  cursor: pointer;
  color: #3a444e;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  border-top: 1px solid #CDD2D8;
  border-left: 1px solid #CDD2D8;
  /* border-top: 1px solid #CDD2D8 */
  border-bottom: 1px solid #B9B9B9;
  border-right: 1px solid #B9B9B9;
  box-shadow: 2px 2px 10px -5px #000000;
  color: white;
  background-color: #35508A;
}
.button.buttonLowProfile.buttonIcon_yes.buttonIconLeft,
.ccmsButton.buttonLowProfile.buttonIcon_yes.buttonIconLeft {
  padding-right: 30px;
}
.button.buttonLowProfile.buttonIcon_yes.buttonIconRight,
.ccmsButton.buttonLowProfile.buttonIcon_yes.buttonIconRight {
  padding-left: 30px;
}
.button.buttonLowProfile .buttonIcon_font-awesome i,
.ccmsButton.buttonLowProfile .buttonIcon_font-awesome i {
  vertical-align: middle;
  font-size: 1em;
}
.button.buttonLowProfile.buttonIconRight .buttonIcon,
.ccmsButton.buttonLowProfile.buttonIconRight .buttonIcon {
  float: right;
  margin-right: 5px;
  margin-left: 20px;
}
.button.buttonLowProfile.buttonIconLeft .buttonIcon,
.ccmsButton.buttonLowProfile.buttonIconLeft .buttonIcon {
  float: left;
  margin-left: 5px;
  margin-right: 20px;
}
.ccmMX-h {
  /* hide encrypted email distortion */
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  max-height: 1px !important;
  max-width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
}
.ccmMX-d {
  direction: rtl !important;
  unicode-bidi: bidi-override !important;
  white-space: nowrap;
  cursor: pointer;
}
.commPhone,
.commMail {
  font-weight: normal;
  text-decoration: underline;
}
a {
  text-decoration: none;
  font-weight: bold;
  color: #35508A;
}
/* icon only for links inside text, not for menus! */
p a::after,
.downloadArea a::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c1";
  font-size: 0.8em;
  margin-left: 0.5em;
}
p a::after.fa-pull-left,
.downloadArea a::after.fa-pull-left {
  margin-right: 0.3em;
}
p a::after.fa-pull-right,
.downloadArea a::after.fa-pull-right {
  margin-left: 0.3em;
}
p a::after.pull-left,
.downloadArea a::after.pull-left {
  margin-right: 0.3em;
}
p a::after.pull-right,
.downloadArea a::after.pull-right {
  margin-left: 0.3em;
}
p a[href^='http']::after,
.downloadArea a[href^='http']::after {
  content: "\f08e";
}
p a[href^='tel']::after,
.downloadArea a[href^='tel']::after {
  content: "\f095";
}
p a:link,
.downloadArea a:link {
  text-decoration: none;
  color: #35508A;
}
p a:active,
.downloadArea a:active {
  text-decoration: none;
  color: #35508A;
}
p a:visited,
.downloadArea a:visited {
  text-decoration: none;
  color: #35508A;
}
p a:hover,
.downloadArea a:hover,
p a:hover::after,
.downloadArea a:hover::after {
  color: #7794ce;
  text-decoration: underline;
}
#devJS_Area {
  height: 0;
  overflow: hidden;
}
/* mixins for screenreader compatiblity */
/* https://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  max-height: 1px !important;
  max-width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.visuallyhiddenDebug {
  background-color: #ff9999;
}
*:focus {
  outline: 1px dotted #aaa;
  /* remove ugly black solid focus outline in Chrome */
}
.keyboarNavSupport *[tabindex='0']:focus,
.keyboarNavSupport *[tabindex='-1']:focus,
.keyboarNavSupport .focussed {
  /* background-color: rgba(210, 210, 210, 0.1); */
  filter: drop-shadow(10px 10px 10px #a0a0a0);
}
.keyboarNavSupport .hiddenFocus {
  filter: none !important;
}
.keyboarNavSupport .transcriptSpoken:focus {
  filter: none !important;
}
.clearfix {
  display: block;
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.maximizeAbsolute {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.noselect {
  /* prevents user text selection */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/*

* {
box-sizing:border-box;
-moz-box-sizing:border-box; 
}

*/
body {
  height: 100%;
  font-family: sans-serif;
  /*    overflow: hidden; */
}
.right {
  float: right;
}
.left {
  float: left;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
video {
  width: 100%;
  /* height: 100%; leads to a margin at top but is required by iOS, browserDetect takes care now */
}
img[usemap] {
  border: none;
}
.composeError {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}
.composeError_warning {
  color: orange;
}
.composeWarning_Box {
  -webkit-box-shadow: 0 0 40px 5px orange inset;
  box-shadow: 0 0 40px 5px orange inset;
}
.composeError_critical {
  color: red;
}
.composeError_error {
  color: white;
  background-color: red;
}
input {
  font-size: 11px;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px;
}
/* sets the anchor element of makroTemplate 531 to 80px above the text */
h1 .ccmsHeaderAnchor,
h2 .ccmsHeaderAnchor,
h3 .ccmsHeaderAnchor,
h4 .ccmsHeaderAnchor,
h5 .ccmsHeaderAnchor,
h6 .ccmsHeaderAnchor {
  width: 0;
  height: 0;
  overflow: hidden;
  top: -80px;
  position: relative;
  display: block;
}
.frontend p,
.frontend .p {
  margin: 0 10px 10px 0;
  font-size: 1em;
}
.list {
  border-left: 1px solid #cfd2d5;
  border-right: 1px solid #cfd2d5;
  overflow: hidden;
}
.c_contentContainer {
  /*	do NOT set width: 100%;  we want the contentContainer to be dynamic! */
  height: 100%;
  /* overflow: hidden is required to limit the inner content to the width */
  overflow: hidden;
  /* for waitNode:
		ATTENTION: causes trouble for fehlig because c_contentContainer overlaps c_contentLeft
		NOTE: position: unset is not supported by IE11/Edge so we cannot undo position: relative later!
		In case position: relative is required, set it at custom level 	 
		position: relative; 
	*/
  min-height: 200px;
}
/* this should be part of customer design:
.contentData	{
	margin: 10px 0 20px 0;
}

.contentData_head	{
	width: 94%;
	height: 30px;
	line-height: 30px;
	margin: 0 10px 20px 10px;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #dddddd;
	font-weight: bold;
}

.contentData_inner	{
	margin: 10px;
	overflow: hidden;
}
*/
.contentList {
  background-color: #ffffff;
}
.contentborder {
  border-bottom: 1px solid #cfd2d5;
  overflow: hidden;
}
/* contentSlot is used by makroTemplates and is prepared for LT */
.contentSlot {
  overflow: hidden;
  position: relative;
}
.contentSlotInner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.header {
  margin-bottom: 5px;
  font-weight: bold;
  text-align: center;
  /* makes Header display about dropDownMenuClassic Flyout container in HBCM admin menu	
	position: relative;
*/
}
.tableHead {
  height: auto;
  margin: 0;
  padding: 0 10px 0 10px;
  list-style-position: outside;
  list-style-type: none;
  background-color: #F1F1F1;
  background-image: linear-gradient(top, #F1F1F1 0%, #F8F8F8 50%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(top, #F1F1F1 0%, #F8F8F8 50%, #FFFFFF 100%);
  background-image: -o-linear-gradient(top, #F1F1F1 0%, #F8F8F8 50%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(top, #F1F1F1 0%, #F8F8F8 50%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(top, #F1F1F1 0%, #F8F8F8 50%, #FFFFFF 100%);
  /*	border-top: 1px solid #c3c7cd; */
  border-bottom: 1px solid #f08925;
  line-height: 20px;
  font-weight: bold;
  float: none;
  clear: both;
  display: block;
  zoom: 1;
}
.tableHead:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tableHead li {
  float: left;
  margin-right: 3px;
  padding: 3px 0;
  overflow: hidden;
}
.evenLine {
  background-color: #f0f0f0;
}
.oddLine {
  background-color: #ffffff;
}
/* table for data show and edit */
.ul_table {
  height: auto;
  margin: 3px 0 3px 0;
  padding: 3px 0;
  list-style-position: outside;
  list-style-type: none;
  overflow: hidden;
  line-height: 1.5em;
}
.ul_table > li {
  margin-right: 3px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.ul_table > li p {
  white-space: normal;
}
.ul_table > li ul li {
  white-space: normal;
}
.ul_table > li ul li p {
  whites-pace: normal;
}
.contentList .ul_table {
  line-height: 1.5em;
  margin: 0;
}
.linkList li {
  cursor: pointer;
  padding: 0;
}
/* sublists have a reduced height! */
.contentList .contentList .ul_table {
  padding: 4px 10px 4px 10px;
}
.contentList .contentList .contentList .ul_table {
  padding: 2px 10px 0 10px;
}
.contentShow,
.contentShow .tabContainer .contentShow {
  background-color: #F1F1F1;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  padding: 10px;
  margin: 0 0 10px 0;
  overflow: hidden;
  cursor: default;
  clear: both;
}
.contentShow .contentShow {
  margin: 0px;
  border: none;
}
.contentShow .showPreviewPicture {
  margin: 5px 5px 0 0;
  float: right;
}
.contentShow .ul_table {
  line-height: 18px;
  padding: 2px 0 2px 0;
}
.contentEdit {
  background-color: #f0f2f4;
}
.contentEdit .ul_table {
  line-height: 18px;
  padding: 2px 0 2px 0;
}
.contentEdit .ul_table input[type="text"] {
  width: 100%;
}
.contentEdit .ul_table textarea {
  width: 100%;
  overflow: visible;
  height: auto;
}
.showFieldName {
  width: 100px;
  margin-right: 10px;
  text-align: right;
  font-weight: bold;
  cursor: default;
}
.showFieldValue {
  margin-right: 10px;
  cursor: default;
}
.contentShow .showFieldValue {
  height: auto;
}
.showIDValue {
  width: 30px;
  margin-right: 10px;
  cursor: default;
}
#textSearchLeft_mainSearch {
  width: 100%;
}
#textSearchLeft_mainSearch table,
#textSearchLeft_CMS_t_ObjectObject_Search table {
  width: 100%;
}
.textSearchInput {
  width: 100%;
  height: 19px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}
.b_Search {
  padding: 10px;
}
/* action menu on top or bottom of a dataset */
.actionMenuTop {
  height: auto;
  clear: both;
  overflow: hidden;
  background-color: #ffffff;
}
.actionMenuBottom {
  min-height: 50px;
  /* for IE only... */
  margin: 0 10px;
  padding: 0 5px;
  overflow: hidden;
  clear: both;
}
/* do not add outer margins to actionXXX: add them to actionMenuBottom for example */
.actionHR {
  margin: 5px 0;
  clear: both;
}
.actionleft {
  margin: 0 10px 10px 0;
  float: left;
}
.actionright {
  margin: 0 0 10px 10px;
  float: right;
}
.actionfull {
  margin: 0 0 10px 10px;
  float: none;
}
.actionright a,
.actionleft a,
.actionfull a {
  color: #3A444E;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
}
.resultArea {
  clear: both;
  margin-bottom: 10px;
}
.ok {
  clear: both;
  margin: 10px;
  line-height: 25px;
  /* border: 2px solid #00AA00; */
  background-color: lightgreen;
  text-align: center;
  padding: 5px;
  border-bottom: 2px solid #00AA00;
}
.frontend .ok {
  background-color: transparent;
  color: #00AA00;
  width: 80%;
  margin: 0 auto;
}
.nok {
  clear: both;
  margin: 10px;
  line-height: 25px;
  text-align: center;
  padding: 5px;
  color: white;
  background-color: red;
}
.debugArea {
  clear: both;
  margin: 10px;
  background-color: orange;
}
/* ++++++++++++++++ uploadFile ++++++++++++++++++++ */
.uploadFile {
  float: left;
  height: auto;
  margin-right: 5px;
  display: inline;
  overflow: hidden;
}
.uploadFile input {
  width: 100%;
}
.uploadFileSubmitButton {
  float: left;
  margin-left: 5px;
}
.uploadFileAltButton {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}
.uploadProgressContainer {
  height: 100%;
  overflow: hidden;
  border-left: 1px solid #CFD2D5;
  border-right: 1px solid #CFD2D5;
}
/* ++++++++++++++++ listFile/sendFile ++++++++++++++++++++ */
.listFile_ul {
  height: auto;
  padding: 3px 0 3px 0;
  margin: 0;
  list-style-position: outside;
  list-style-type: none;
  overflow: hidden;
  clear: both;
  cursor: pointer;
}
*html .listFile_ul {
  height: 25px;
  padding: 5px 0 3px 0;
}
.listFile_ul li {
  margin-right: 3px;
  float: left;
}
.sendFile_ul {
  height: auto;
  padding: 3px 0 3px 0;
  margin: 0;
  list-style-position: outside;
  list-style-type: none;
  overflow: hidden;
  clear: both;
  cursor: pointer;
}
*html .sendFile_ul {
  height: 25px;
  padding: 5px 0 3px 0;
}
.sendFile_ul li {
  margin-right: 3px;
  float: left;
}
.sortLink {
  padding: 0;
  background-color: transparent;
  background-image: none;
  color: black;
  text-decoration: none;
  background-image: url(/images/sort.png);
  background-repeat: no-repeat;
}
.sortLink:active {
  color: black;
}
.sortLink:visited {
  color: black;
}
.sortLink:hover {
  text-decoration: underline;
}
.sortLink0 {
  padding: 0 0 0 15px;
  background-image: url(/images/sortAsc.png);
  background-repeat: no-repeat;
}
.sortLink1 {
  padding: 0 0 0 15px;
  background-image: url(/images/sortDesc.png);
  background-repeat: no-repeat;
}
.downloadArea {
  height: auto;
  margin-bottom: 15px;
}
/* always combine .downloadlink with the filetype below! */
.downloadlink {
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 33px !important;
  display: inline;
}
.downloadlink a {
  font-size: 11px;
  font-weight: normal;
  color: #5e6b79;
  text-decoration: underline;
}
.downloadlink a:hover {
  color: #ef7f00;
}
.pdflink {
  background-image: url(/images/i_pdf.gif);
}
.xlslink,
.odslink {
  background-image: url(/images/i_xls.gif);
}
.xlsxlink {
  background-image: url(/images/i_xlsx.gif);
}
.doclink,
.odtlink {
  background-image: url(/images/i_doc.gif);
}
.docxlink {
  background-image: url(/images/i_docx.gif);
}
.pptlink,
.odplink {
  background-image: url(/images/i_ppt.gif);
}
.pptxlink {
  background-image: url(/images/i_ppt.gif);
}
.txtlink {
  background-image: url(/images/i_txt.gif);
}
.jpglink {
  background-image: url(/images/i_jpg.gif);
}
.mp3link {
  background-image: url(/images/i_mp3.gif);
}
.addlink {
  margin: 0 0 0 13px;
  background-image: url(/images/b_addLink.gif);
  background-position: 0 8px;
  background-repeat: no-repeat;
  display: inline;
  padding-left: 15px;
  display: block;
  color: #5e6b79;
}
.addlink:hover {
  color: #ef7f00;
}
.adminlink {
  font-size: 10px;
}
.adminlink:hover {
  color: #ef7f00;
}
.simplecmslink {
  background-image: url(/images/b_cmsLink.gif);
  background-position: 0 0px;
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-left: 3px;
  display: inline;
}
#syswarning .simplecmslink {
  color: #ef7f00;
}
.unitPlay {
  height: 30px;
  line-height: 29px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.listOf_t_comData {
  overflow: hidden;
}
#t_comData0 {
  height: auto;
  clear: both;
  overflow: hidden;
}
.searchResult {
  margin: 10px 0;
}
.textSearch {
  margin: 10px 0;
}
.footerCopyright {
  margin-top: 10px;
  text-align: center;
  float: left;
}
.loginstartPage_Welcome {
  text-align: center;
}
/* ------------- Video ----------------- */
.upload_Picture_inner {
  overflow: hidden;
}
.rbmSortList_Container {
  height: auto;
  background-color: #F0F0F0;
  overflow-x: auto;
  overflow-y: hidden;
}
.pictureList_ul {
  height: 230px;
  /* padding helps to keep sortobjects IN the parent area */
  padding: 15px;
  margin: 0;
  list-style-position: outside;
  list-style-type: none;
  clear: both;
  overflow: hidden;
}
.pictureList_ul li {
  width: 200px;
  margin-right: 10px;
  float: left;
}
.picListNavi {
  background-color: #eaeaea;
  height: 20px;
}
.picListNaviText {
  width: 185px;
  height: 20px;
  overflow: hidden;
  float: left;
  font-size: 9px;
  color: #666666;
}
.picListContainer {
  text-align: center;
}
.picListContainer img {
  max-width: 200px;
  max-height: 200px;
  cursor: pointer;
}
.rbmSortList.vertical li {
  clear: both;
}
.showFieldValue {
  width: 400px;
}
.showFieldValue p {
  margin: 0;
  white-space: normal;
}
.IEdummy {
  display: none;
}
.gapsCheckImage {
  margin-right: 10px;
}
.specialKeys {
  margin: 5px;
  padding: 5px;
  border: 1px solid #b0b0b0;
  background-color: yellow;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.iconEdit {
  float: right;
  overflow: visible;
  text-align: right;
  width: 0;
  height: 0;
  cursor: pointer;
  margin-right: 20px;
}
.addInfo {
  float: right;
  overflow: visible;
  text-align: right;
  position: relative;
  width: 0;
  height: 0;
}
.showFieldValue ul {
  list-style-type: circle;
  height: auto;
  overflow: hidden;
}
.showFieldValue ul li {
  clear: both;
}
.wrapImage {
  overflow: hidden;
}
.t_ClientContract_show .showFieldValue {
  width: 180px;
}
.rbmWindow .c_contentLeft {
  margin-bottom: 0;
  padding-bottom: 0;
}
.rbmWindow #c_contentInner {
  min-height: 10px;
}
#c_topBanner {
  overflow: hidden;
}
.videoPreview {
  position: relative;
}
.videoPreviewImage {
  position: relative;
}
.videoPreviewOverlay {
  position: absolute;
  top: 0;
}
.actionMenuTop .actionleft {
  margin: 10px 15px;
}
.statusGIF {
  display: inline;
}
.listFunction {
  margin: 6px 0 0 0;
  display: inline;
}
.toolbarIcons16 img {
  display: inline;
  margin: 0 5px 0 5px;
  cursor: pointer;
}
.handleDispute {
  display: none;
  margin: 20px;
}
.makroTemplateSelection {
  margin: 0 5px 0 5px;
}
.configure .showFieldValue ul li {
  float: left;
}
.questionInfo {
  left: 150px;
  top: 0;
  position: absolute;
  width: 450px;
  text-align: center;
}
.c_contentRight .questionInfo {
  width: 100px;
}
.waitElement {
  background-image: url(/images/ajax2.gif);
  background-position: 0 0px;
  background-repeat: no-repeat;
  padding: 1px 0 2px 22px;
  margin-left: 3px;
  display: inline;
}
.c_contentContainer > .waitElement {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 1000;
  background-image: none;
  text-align: center;
}
/* full waitElement covering the whole content */
.composeWaitFull {
  top: 0;
  left: 0;
  bottom: 0;
  /* must be negative to cover the footer as well but a negative value extends the scrollHeight and has sideeffencts on detecting the scrollParent */
  width: 100%;
  height: auto;
  margin: 0;
  padding: 50px 0 0 0;
  /* for spinner */
  z-index: 1000;
  background-color: rgba(240, 240, 240, 0.6);
  background-image: none;
  border: 0 none;
  text-align: center;
  position: absolute;
}
.contentBodyInner .waitElement.composeWait2,
.wndBody .waitElement.composeWait2,
.waitElement.composeWait2 {
  top: 0;
  left: 0;
  bottom: 0;
  /* must be negative to cover the footer as well but a negative value extends the scrollHeight and has sideeffencts on detecting the scrollParent */
  width: 100%;
  height: auto;
  margin: 0;
  padding: 50px 0 0 0;
  /* for spinner */
  z-index: 1000;
  background-color: rgba(240, 240, 240, 0.6);
  border: 0 none;
  text-align: center;
  position: absolute;
  background-image: none;
}
.c_contentContainer > .waitElement.composeWait2 {
  top: 0;
  left: 0;
  bottom: 0;
  /* must be negative to cover the footer as well but a negative value extends the scrollHeight and has sideeffencts on detecting the scrollParent */
  width: 100%;
  height: auto;
  margin: 0;
  padding: 50px 0 0 0;
  /* for spinner */
  z-index: 1000;
  background-color: rgba(240, 240, 240, 0.6);
  border: 0 none;
  text-align: center;
  position: absolute;
  background-image: none;
}
.errorArea {
  clear: both;
  margin: 10px;
  background-color: red;
  color: white;
  line-height: 25px;
  padding: 5px;
}
.notice {
  text-align: center;
}
.warning {
  clear: both;
  margin: 10px;
  line-height: 25px;
  padding: 5px;
  text-align: center;
  color: #ef7f00;
}
.contractCancellation {
  margin-right: 30px;
}
.b_Login {
  margin-left: 7px;
  background-image: url(/images/b_go.gif);
  background-repeat: no-repeat;
  border: medium none;
  height: 20px;
}
.captcha .contentEdit .ul_table input {
  width: auto;
}
.captcha {
  margin-top: 25px;
}
.captcha .warning {
  font-weight: bold;
  color: red;
}
#captchaCode {
  width: 50px;
}
/* search template */
.contentData_tab .searchResult {
  overflow: hidden;
  background-color: #ffffff;
  /*	border-left: 1px solid #cfd2d5;
	border-right: 1px solid #cfd2d5; */
}
.tabSearchListAll {
  width: 150px;
  height: 40px;
  float: right;
  line-height: 40px;
}
.tabSearchImage {
  margin-top: 10px;
  display: block;
  float: right;
  cursor: pointer;
}
.tabSearch {
  height: 40px;
  line-height: 40px;
  padding-left: 17px;
  background-color: #f3f4f5;
  border-left: 1px solid #cfd2d5;
  border-right: 1px solid #cfd2d5;
  border-bottom: 1px solid #cfd2d5;
}
.contentEdit {
  background-color: transparent;
}
.tabSearchListAll .simplecmslink,
.addNews .simplecmslink {
  margin-left: 13px;
}
/* do not remove this! */
.IEdummy {
  display: none;
}
/* Group stuff */
.contentData_tabhead {
  height: 29px;
  overflow: hidden;
  background-color: #ffffff;
  /*	border-left: 1px solid #cfd2d5;
	border-right: 1px solid #cfd2d5; */
}
.add_tabhead {
  width: 150px;
  height: 29px;
  float: right;
  line-height: 29px;
}
.c_contentInner .textList {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  list-style-type: none;
  list-style-position: inside;
  border-bottom: 1px solid #d6d6d6;
}
.c_contentInner .textList li {
  padding: 0 0 0 15px;
  background-image: url(/images/i_startPageList.gif);
  background-position: 0 6px;
  background-repeat: no-repeat;
  line-height: 20px;
  color: #373833;
  font-size: 12px;
}
/* if contentBlocks disable overflows their margin will not work in IE
.contentBlock {
	overflow: hidden;
}
*/
.contentBlock .img {
  font-size: 12px;
  line-height: 16px;
}
.contentBlock_line {
  width: auto;
  height: auto;
  margin: 0 0 15px 0;
}
.contentBlock_sortlist {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style-type: none;
  overflow: hidden;
  clear: both;
}
.contentBlock_list {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style-type: none;
  overflow: hidden;
  clear: both;
}
#userForm {
  display: none;
}
.radioButtonText {
  cursor: pointer;
}
.unableToPlayVideo {
  margin: 40px;
  padding: 20px;
  border: 1px solid red;
  color: red;
  font-weight: bold;
  line-height: 25px;
}
.orderDetailsList {
  list-style-position: outside;
  list-style-type: none;
  padding: 0;
}
.orderAmount {
  display: block;
  float: right;
  text-align: right;
  width: 60px;
}
.orderDetails {
  margin: 10px;
}
.genericIMG {
  border: none;
}
.genericIMG_Container {
  position: relative;
  /* for overlay images or texts */
  overflow: hidden;
  /* an image must not overflow it's container */
}
.genericIMG_Container .bannerCenter {
  background-position: center center;
}
.genericIMG_Container .bannerCenterTop {
  background-position: center top;
}
.genericIMG_Container .bannerCenterBottom {
  background-position: center bottom;
}
.genericIMG_Container .bannerLeftTop {
  background-position: left top;
}
.genericIMG_Container .bannerLeftCenter {
  background-position: left center;
}
.genericIMG_Container .bannerLeftBottom {
  background-position: left bottom;
}
.genericIMG_Container .bannerRightTop {
  background-position: right top;
}
.genericIMG_Container .bannerRightCenter {
  background-position: right center;
}
.genericIMG_Container .bannerRightBottom {
  background-position: right bottom;
}
.imgCaption {
  font-weight: normal;
  line-height: 22px;
  color: #666666;
  text-align: center;
  margin: 0;
  padding: 5px;
}
.imgCaption p {
  padding: 5px;
  margin: 0;
}
.imgCaption.bottomOverlay,
.imgCaption.bottomOverlayWithArrow {
  position: absolute;
  pointer-events: none;
  bottom: 0;
  left: 0;
  right: 0;
}
.imgCaption.bottomOverlay {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.imgCaption.bottomOverlayWithArrow {
  height: 80px;
  margin-top: -80px;
}
.imgCaption.bottomOverlay p {
  color: #ffffff;
}
.imgCaption.bottomOverlayWithArrow p {
  color: #ffffff;
  float: left;
  margin-left: 20px;
  max-width: 80%;
  text-align: left;
}
.imgCaption.bottomOverlayWithArrow i {
  color: black;
  background-color: white;
  float: right;
  height: 56px;
  line-height: 56px;
  width: 56px;
  font-size: 20px;
  border-radius: 30px;
  border: solid 2px grey;
  margin: 0 20px 0 0;
}
.imgCaption.topOverlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  top: 0;
  margin-top: 0;
  pointer-events: none;
}
.imgCaption.topOverlay p {
  color: #ffffff;
}
.imgOverlay {
  position: absolute;
}
/* for pageStructure visualisation */
.blockName {
  font-size: 9px;
  color: #808080;
}
.hilightContainer div:hover {
  background-color: #d30030;
}
.hilightContainer div div:hover {
  background-color: orange;
}
.hilightContainer div div div:hover {
  background-color: yellow;
}
.hilightContainer div div div div:hover {
  background-color: green;
}
.hilightContainer div div div div div:hover {
  background-color: blue;
}
.hilightContainer div div div div div div:hover {
  background-color: lightgrey;
}
.hilightContainer div div div div div div div:hover {
  background-color: darkgrey;
}
.hilightContainer div div div div div div div div:hover {
  background-color: white;
}
.orderButton {
  float: right;
  margin: 15px 0 15px 15px;
}
.enterVoucher {
  line-height: 20px;
  text-align: right;
  font-weight: bold;
}
/* xxxxxxxxxxxxxxxxxx system xxxxxxxxxxxxxxxxxxxxx */
.c_unitAdd .content-system {
  width: auto;
}
.content-system {
  background-color: white;
}
.c_unitAdd {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.content-system .c_top {
  /*	height: 63px; this must not be set in general! Leave auto! */
  background-color: transparent;
  margin: 0;
  /* prevents user text selection */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.content-system .defaultLogo {
  float: left;
  margin: 8px 0 0 0;
}
.content-system .c_contentInner {
  overflow: auto;
}
/* textSetEditor */
.textSetTranslation {
  border: 1px solid #F1F1F1;
  margin: 0 10px 10px 10px;
}
.textSetTranslationHeadLang {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 7px;
}
.textSetTranslationBody {
  height: 0px;
  overflow: hidden;
}
/* will be set to block in IE.css */
.nonPlaceholderHeader {
  display: none;
}
.textSetEditorSlider h4 {
  margin: 0;
  padding: 3px;
  text-align: right;
  transform: rotate(-90deg) translate(-100%);
  transform-origin: left top 0;
  background-image: linear-gradient(right center, #EEEEEE 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(right center, #EEEEEE 0%, #ffffff 100%);
  background-image: -o-linear-gradient(right center, #EEEEEE 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(right center, #EEEEEE 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(right center, #EEEEEE 0%, #ffffff 100%);
  min-width: 70px;
  cursor: pointer;
}
.p_Payment .showFieldValue {
  width: auto;
}
.dragDropParent {
  background-color: #DFEBFF;
}
.CMS_t_Object_list_childObjects {
  margin-left: 15px;
}
#SEPA input {
  width: 90%;
}
#SEPA .showFieldValue {
  width: 370px;
}
.contentBodyContainer {
  overflow: hidden;
}
.makroTemplateGap {
  clear: both;
  /* overflow: auto;  this is to keep any 3D Perspective and to avoid collapsing to 0px height in case of floating children! */
  position: relative;
  /* we want this at least during configuration so that absolute positioned elements do not overlap */
}
.makroTemplateGap + .makroTemplateGap {
  margin-top: 20px;
}
.textBlock h1:first-of-type,
.textBlock h2:first-of-type,
.textBlock h3:first-of-type,
.textBlock h4:first-of-type,
.textBlock h5:first-of-type,
.textBlock h6:first-of-type {
  margin-top: 0;
}
.textBlock.centered {
  text-align: center !important;
}
.textBlock.centered h3,
.textBlock.centered h4,
.textBlock.centered h5,
.textBlock.centered h6 {
  text-align: center !important;
}
.textBlockWithImage {
  /* to avoid border collapsing */
  overflow: hidden;
}
.textBlockImage {
  margin-bottom: 10px;
}
.textBlockWithImage.imagePos_left .textBlockImage {
  float: left;
  margin-right: 15px;
  margin-left: 0;
}
.textBlockWithImage.imagePos_right .textBlockImage {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}
@media (max-width: 790px) {
  .textBlockWithImage.imagePos_left .textBlockImage {
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  .textBlockWithImage.imagePos_right .textBlockImage {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.adminOpenObject {
  float: right;
  overflow: visible;
  text-align: right;
  position: relative;
  width: auto;
  height: 0;
  top: 10px;
  right: 25px;
  cursor: pointer;
  z-index: 200;
}
/* we MUST not set a witdth for the configuration container globally
since any content can require different values here which must be 
defined by the content itself!
.c_CMS_t_ObjectConfigurationContainer	{
	width: 700px;
}
*/
.c_rasterContainer + .c_rasterContainer {
  margin-top: 10px;
}
.c_rasterContainer {
  display: block;
  zoom: 1;
  margin-bottom: 10px;
  clear: both;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c_rasterContainer:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.c_rasterContainer .c_rasterContainer {
  margin-bottom: 10px;
  margin-top: 0;
}
.raster {
  margin: 0;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-right: 8px;
}
.raster + .raster {
  padding-right: 5px;
  /*SMD 0px originally */
  padding-left: 5px;
}
.rasterFloatLeft .raster:first-of-type {
  padding-left: 0;
  padding-right: 10px;
}
.rasterFloatLeft .raster:last-of-type {
  padding-left: 10px;
  padding-right: 0;
}
.rasterFloatRight .raster:first-of-type {
  padding-right: 0;
  padding-left: 10px;
}
.rasterFloatRight .raster:last-of-type {
  padding-right: 10px;
  padding-left: 0;
}
.rasterContainer12 .contentBlock_raster1 {
  width: 66.66666666%;
}
.rasterContainer12 .contentBlock_raster2 {
  width: 33.33333333%;
}
.rasterContainer21 .contentBlock_raster1 {
  width: 33.33333333%;
}
.rasterContainer21 .contentBlock_raster2 {
  width: 66.66666666%;
}
.rasterContainer46 .contentBlock_raster1 {
  width: 40%;
}
.rasterContainer46 .contentBlock_raster2 {
  width: 60%;
}
.rasterContainerAuto .contentBlock_raster1 {
  width: auto;
}
.rasterContainerAuto .contentBlock_raster2 {
  width: auto;
}
.rasterContainer3 .contentBlock_raster1 {
  width: 33.33333333%;
}
.rasterContainer4 .contentBlock_raster1 {
  width: 25%;
}
.rasterContainer4 .contentBlock_raster2 {
  width: 50%;
}
.rasterContainer11 .contentBlock_raster1,
.rasterContainer11 .contentBlock_raster2 {
  width: 50%;
}
/* avoid that this setting applies to child raster elements that might have a different aligning */
.rasterFloatLeft > .raster {
  float: left;
}
.rasterFloatRight > .raster {
  float: right;
}
.rasterFloatLeft.rasterContainerAuto > .contentBlock_raster2 {
  float: left;
}
.rasterFloatLeft.rasterContainerAuto > .contentBlock_raster1 {
  float: none;
  overflow: hidden;
  /* to prevent overlaying the other container next to it */
}
.rasterFloatRight.rasterContainerAuto > .contentBlock_raster2 {
  float: right;
}
.rasterFloatRight.rasterContainerAuto > .contentBlock_raster1 {
  float: none;
  overflow: hidden;
  /* to prevent overlaying the other container next to it */
}
@media (max-width: 790px) {
  /* turn of floating and all padding to display the rasterContainer below each other */
  .raster {
    margin-bottom: 10px;
  }
  .raster + .raster {
    padding: 0;
  }
  .raster:first-of-type {
    padding: 7px !important;
  }
  .raster:last-of-type {
    padding: 7px !important;
  }
  .rasterContainer21 .contentBlock_raster1 {
    width: auto;
  }
  .rasterContainer3 .contentBlock_raster1 {
    width: auto;
  }
  .rasterContainer4 .contentBlock_raster1 {
    width: auto;
  }
  .rasterContainer4 .contentBlock_raster2 {
    width: auto;
  }
  .rasterContainer21 .contentBlock_raster2 {
    width: auto;
  }
  .rasterContainer11 .contentBlock_raster1,
  .rasterContainer11 .contentBlock_raster2 {
    width: auto;
  }
  .rasterFloatLeft .raster {
    float: none;
    width: 100%;
  }
  .rasterFloatRight .raster {
    float: none;
    width: 100%;
  }
}
.contentBlock_raster3 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 710px;
}
.htmlClose {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0);
  color: #444444;
  border: 2px solid #444444;
  font-size: 15px;
  height: 20px;
  width: 20px;
  right: 0;
  top: 0;
  line-height: 20px;
  padding: 0 0 0 5px;
  position: absolute;
  transition: all 0.3s ease 0s;
  box-shadow: 0px 0px 10px 3px #444444;
  cursor: pointer;
}
.htmlClose:hover {
  /* background-color: rgba(0, 138, 201, 0.7); */
  border-color: #000000;
  color: #000000;
  box-shadow: 0px 0px 5px 3px #000000;
  border-radius: 15px;
}
.composeDebug {
  display: none;
}
.composeGlobalDebug .composeDebug {
  display: block;
}
.actionIcon {
  width: 16px;
  height: 16px;
  background-image: url(/images/icons_dark.png);
  display: block;
  float: right;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}
.actionIcon:hover {
  background-image: url(/images/icons_light.png);
}
.actionView {
  background-position: -96px -120px;
}
.actionPrint {
  background-position: -96px -48px;
}
.toolbar ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.toolbar ul li {
  float: left;
  margin: 0 3px;
  cursor: pointer;
}
.composeLogo {
  float: right;
}
body[dir="rtl"] .composeLogo {
  float: left;
}
#composePoweredByContainer {
  background-color: #ffffff;
}
.genericTE_row {
  float: none;
  clear: both;
  position: relative;
}
.genericTE_row:nth-of-type(even) {
  background-color: #f0f0f0;
}
.genericTE_row:nth-of-type(odd) {
  background-color: transparent;
}
.genericTE_row:hover {
  background-color: #efebe6 !important;
}
.genericTE_row:nth-of-type(even).genericTE_row_open:hover {
  background-color: #f0f0f0;
}
.genericTE_row:nth-of-type(odd).genericTE_row_open:hover {
  background-color: #ffffff;
}
.genericTE_row.showSendForm:nth-of-type(even):hover {
  background-color: #f0f0f0;
}
.genericTE_row.showSendForm:nth-child(odd):hover {
  background-color: #ffffff;
}
.genericTE_subList {
  margin-left: 15px;
  margin-right: 5px;
  margin-bottom: 15px;
  /* to let row hover color flow around */
  display: none;
}
.genericTE_pageCounter {
  padding: 10px;
  margin: 0 0 15px 0;
  border-top: 1px solid #a0a0a0;
  text-align: center;
}
.genericTE_row_open {
  overflow: hidden;
}
.genericTE_row_open .genericTE_subList {
  display: block;
  background-color: #FFFFFF;
  /* to prevent hover color from row inside subList */
}
.genericTE_row_open .genericTE_subList .genericTE_subList_filter .ul_table {
  padding-right: 5px;
  border-right: 1px solid #CFD2D5;
}
.genericTE_subList_filter {
  border-top: 1px solid #CFD2D5;
  border-left: 1px solid #CFD2D5;
}
.genericTE_filterInfo {
  font-weight: bold;
  margin: 0 15px;
  float: left;
}
/* genericTE2 sublist indention */
.genericTE_row .ul_table + .ul_table {
  margin-left: 5%;
}
.gTE2_CCMS_GE2Toolbar {
  text-align: center;
  color: orangered;
}
.gTE2_CCMS_GE2Toolbar_header {
  text-align: center;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #888888;
}
.gTE2_CCMS_GE2Toolbar i.fa:not(:last-child) {
  margin-right: 10px;
}
.gTE2_cell .gTE2_cell_content .form_field_container_currency .inputType_currency {
  text-align: right;
}
.gTE2_header {
  margin-right: 2px !important;
}
/* gTE_right is set by listColumn definition and will hide the form_field_valid icon 

*/
.gTE2_right {
  text-align: right;
}
.gTE2_right .form_field_valid_icon {
  display: none;
}
.gTE2_right.gTE2_header {
  padding-right: 3px;
}
.gTE2_right .form_field {
  padding-right: 3px;
}
.gTE2_c_Show .form_field_valid_icon {
  display: none !important;
}
.gTE2_c_Show .form_field_help {
  display: none !important;
}
.gTE2_c_Show .form_help {
  display: none;
}
.gTE2_c_Show .form_field_container {
  width: 100% !important;
}
.formContainer * {
  box-sizing: border-box;
}
/* highlight TE2 cells on smaller screens widthes */
@media (max-width: 1280px) {
  .backoffice .gTE2_cell:hover {
    overflow: visible;
  }
  .backoffice .gTE2_cell:hover .gTE2_cell_content {
    z-index: 1900;
    background-color: #ffffff;
    /* same color as row:hover */
    /*			border-bottom: 1px dashed #aaaaaa;
					border-right: 1px dashed #aaaaaa;*/
    box-shadow: 5px 5px 15px 5px;
    transition-delay: 1s;
  }
  .backoffice .gTE2_cell .gTE2_cell_content {
    position: relative;
    width: max-content;
    overflow: hidden;
    float: none;
    display: block;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    transition: all 0.5s ease-out;
  }
}
.wndBody .contentData {
  margin: 20px;
}
#messageArea {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 50em;
  max-height: 0;
  transition: max-height 0.5s ease-out;
  overflow: hidden;
}
#messageArea .dismissButton {
  margin-top: -3px;
  float: right;
  cursor: pointer;
  font-size: 16px;
  color: #888888;
}
#messageArea .dismissButton:hover {
  color: #546979;
}
#messageArea.open {
  display: block;
  max-height: 500px;
  transition: max-height 0.3s ease-in;
}
.composeMessage {
  font-weight: bold;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease-out 0s;
}
.composeMessage.open {
  max-height: 500px;
  min-height: 30px;
}
.composeMessage.logLevel250 {
  color: #20B300;
}
.composeMessage.logLevel300 {
  color: orange;
}
.composeMessage.logLevel400 {
  color: red;
}
.support {
  margin: 20px;
}
.c_mobilerotate_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 800;
  line-height: 100vh;
  background-color: white;
  text-align: center;
  display: none;
  opacity: 0;
  visibility: hidden;
}
.fa-icon-green {
  color: #00aa00;
}
.fa-icon-red {
  color: #dd0000;
}
.fa-icon-toolbar {
  cursor: pointer;
}
.tabHeaderBackground {
  background-image: linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
}
/* mixins */
.frontend .backend input,
.frontend.backend input,
.frontend .backend select,
.frontend.backend select {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7;
  box-shadow: none;
  color: black;
  box-sizing: border-box;
  padding: 0 3px;
}
.frontend .backend textarea,
.frontend.backend textarea {
  background-color: #ffffff;
  border: 1px solid #D7D7D7;
  box-shadow: none;
  color: black;
  box-sizing: border-box;
  padding: 0 3px;
  width: 100%;
  font-size: 14px;
}
/* logo must not be positioned absolute in textEditor since it covers the menu then */
.objectType4 .logo {
  position: relative;
  float: left;
}
.globalLessonToolbar {
  border-bottom: 0;
  margin: 0 15px 0 15px;
  padding-bottom: 6px;
  border-bottom: 1px solid #cccccc;
  text-align: right;
  font-size: 1.5em;
  position: relative;
  border-bottom: 1px solid #ccc;
}
html {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #012151;
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
  padding: 0;
  /* background-color: @body-background-color; */
}
#maintemplate {
  width: 100%;
  text-align: left;
  /* 	position: relative; if set we cannot use any position: sticky inside */
  /* 	overflow: hidden; to allow the contentLeft_shadow to go outside */
}
.c_contentArea {
  /* 	overflow: hidden; to allow the contentLeft_shadow to go outside */
  /* width: 100%;  @see LTV-696/CCMS-33
	float: left; */
  /*	overflow: hidden; */
}
#mainWrapper {
  width: auto;
  /* 	height: 100%; bad for cumulative layout shift CLS */
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
}
#main {
  width: 100%;
  height: 100%;
  text-align: left;
}
.c_unit {
  height: 100%;
  margin: 0 auto;
}
.c_unitAdd {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100%;
  transition: top 1s ease;
  left: 0px;
  margin-top: 0;
  background-color: white;
  overflow: auto;
  z-index: 100;
}
.c_unit.c_unitAdd {
  width: 100%;
}
.c_unitAdd .content-framework {
  margin: 0 auto;
  width: 1160px;
}
.unitGroup,
.unitContainer,
#maintemplate,
#c_page_framework,
#c_unitContent_framework {
  height: 100%;
}
.leftPos {
  /*	max-width: 1180px;  for non wide only! */
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  margin-bottom: 0;
  min-height: calc(100vh - (3 * 0));
}
.c_top {
  height: 100%;
  /* according to header */
  overflow: visible;
  /* to allow fly out menus */
  width: 100%;
  max-width: 1218px;
  margin: 0 auto;
  position: relative;
  display: block;
  zoom: 1;
}
.c_top:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.c_top .defaultLogo {
  display: block;
}
.c_contentArea.frontend {
  height: 100%;
  margin: 70px auto 0 auto;
  position: relative;
  overflow: visible;
  /* stuartnd: min-width: 1180px; */
  /* to avoid SCORM wrapper shining through the transparent lesson background */
  background-color: white;
}
.c_contentInner {
  width: 100%;
  height: auto;
}
.frontend .contentData {
  overflow: hidden;
  max-width: 1218px;
  margin: 0 auto;
}
/* in case we display backOffice screens within the frontend we must not limit the width */
.frontend .contentData.backOffice {
  max-width: 98%;
}
.contentBody {
  height: auto;
  position: relative;
}
.contentBodyInner {
  height: auto;
  width: auto;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.contentBody70 {
  width: 446px;
  height: auto;
  margin-right: 10px;
  float: left;
}
.contentBody30 {
  width: 234px;
  height: auto;
  float: left;
}
/** XXX can we rremove frontend??? */
.frontend .contentBody,
.frontend .contentBodyInner {
  min-height: 100%;
  margin-bottom: 0;
}
.frontend .contentBody {
  margin: 0;
}
.rbmWindow .contentBody {
  margin: 0 10px !important;
}
.rbmWindow .contentBody .contentBody {
  /* prevent cascading margins */
  margin: 0 !important;
}
.logo {
  cursor: pointer;
}
#c_topBanner .logo {
  float: left;
}
.topMenuBar {
  width: 100%;
  height: 30px;
  position: absolute;
  top: 90px;
}
.menuBlock_mainMenu {
  float: left;
}
.loginTop {
  margin: 5px 30px 5px 10px;
  float: right;
  display: none;
}
.c_contentLeft {
  width: 280px;
  height: 100%;
  min-height: 600px;
  float: left;
  /*	overflow: hidden;  
	margin-bottom: -32767px;
    padding-bottom: 32767px;
*/
}
.c_leftMenuBlock {
  height: auto;
}
.c_leftMenuBlock .header {
  line-height: 20px;
}
/* XXX make it variable an move it to objectConfituration */
/* this is the general page width */
.objectConfiguration,
.objectConfigurationPreview {
  width: 1180px;
}
.objectConfiguration.showObjectConfigSection {
  width: 1182px;
  /*compensates the border */
}
@media (max-width: 1280px) {
  /* ensure that content does not touch left screen boundary */
  .landing_header {
    padding-left: 10px;
  }
  /* prevent content from touching screen boundaries
	 must not be done with contentBody Inner as contentBody can also reside in rbmWindow
	.contentBodyInner {
		margin-left: 10px;
		margin-right: 10px;
	}
	*/
}
/* footer */
footer {
  min-height: 0;
  line-height: 0;
  font-weight: bold;
  z-index: 50;
  /* ensure the cookiebanner is not overlayed by content */
  width: 100%;
  margin-top: 4em;
  display: block;
  /* overflow: hidden; the footer can contain cookie banners or scrollToTop buttons with position:fixed so it should allow overflow...
		at least Safari cares about it */
  margin-bottom: -2px;
}
footer .footerCopyright {
  color: white;
  margin: 0;
  padding-left: 5px;
  line-height: 70px;
}
footer .content {
  max-width: 1218px;
  margin: 0 auto;
}
footer .content .menuclassicContainer {
  height: 70px;
  line-height: 70px;
}
footer .content .menuclassicContainer .menuclassic .menuItem {
  float: left;
}
footer .content .menuclassicContainer .menuclassic .menuItem .menuItemContent {
  margin: 0 10px;
}
footer .content .menuclassicContainer .menuclassic .menuItem .menuItemContent a {
  font-size: 14px;
  color: white;
  font-weight: 400;
  hyphens: none;
  color: #FFFFFF;
}
footer .content .menuclassicContainer .menuclassic .menuItem .menuItemContent .fa {
  vertical-align: middle;
}
footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
}
.landing_footer {
  position: fixed;
  /* will be removed on cookie opt in */
  bottom: 0;
  z-index: 10;
  margin-top: 0;
}
.landing_footer.hideOptIn {
  position: relative;
}
.landing_footer.hideOptIn .trackingOptInBanner {
  display: none;
}
.landing_footer .trackingOptInBanner {
  height: auto;
  width: 100%;
  background-color: rgba(50, 50, 50, 0.9);
  color: #ffffff;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}
.landing_footer .trackingOptInBanner .optInInfo {
  font-size: 1.3em;
  line-height: 1.8em;
}
.landing_footer .trackingOptInBanner .optIn {
  font-size: 1em;
  height: 1.6em;
  padding: 3px 10px;
  min-width: 80px;
  text-align: center;
  cursor: pointer;
  line-height: 0.8em;
}
.landing_footer .trackingOptInBanner .optInButtons {
  white-space: nowrap;
  display: inline-block;
  padding: 5px 0;
}
.landing_footer .trackingOptInBanner .optInYes {
  background-color: green;
  color: #ffffff;
  font-weight: bold;
  margin-left: 20px;
}
.landing_footer .trackingOptInBanner .optInNo {
  margin-left: 10px;
}
.landing_footer .trackingOptInBanner .optInPrivacy {
  line-height: 2em;
}
.landing_footer .trackingOptInBanner a {
  color: white;
  text-decoration: underline;
}
.landing_footer .fullWidth {
  background-color: #35508A;
  height: 70px;
}
.landing_footer #menuBlock_bottomMenu .menuclassicContainer {
  float: right;
}
@media (max-width: 790px) {
  .landing_footer {
    height: auto;
    position: unset;
  }
  .landing_footer .trackingOptInBanner {
    position: fixed;
    bottom: 0;
  }
  .landing_footer .trackingOptInBanner .optInInfo {
    font-size: 1.2em;
    line-height: 1.6em;
  }
  .landing_footer .fullWidth {
    height: auto;
  }
  .landing_footer .menuBlock_bottomMenu {
    display: block;
    zoom: 1;
    /* center bottom menu item on small screens */
    width: 200px;
    margin: 0 auto;
  }
  .landing_footer .menuBlock_bottomMenu:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .landing_footer .menuBlock_bottomMenu .menuItem {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 200px;
    text-align: center;
  }
  .landing_footer #menuBlock_bottomMenu .menuclassicContainer,
  .landing_footer .footerCopyright {
    height: auto;
    float: none;
    clear: both;
    line-height: 50px;
  }
}
.waitopac {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #000000;
}
.rbmFader {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
  transition: opacity 0.4s ease 0s;
}
#waitLoading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color: white;
  z-index: 1000;
}
/* --------------- rbmWindow ------------- */
.rbmWindow {
  /*		z-index: 1100;  z-index will be set when opened */
  overflow: visible;
  background-color: transparent;
  display: none;
  visibility: hidden;
  box-shadow: 11px 10px 45px;
  max-width: 100vw;
  /* do not allow windows larger than the viewport */
  position: fixed;
}
/* child windows must be absolute to keep the position dependant on the parent window */
.rbmWindow .rbmWindow {
  position: absolute;
}
/* just in case we render a window from old XML code */
.wndShadow {
  display: none;
}
.windowHeaderID {
  font-size: 0.8em;
  vertical-align: baseline;
  margin-left: 5px;
}
/* -------- top ----------- */
.rbmWindowBorder {
  border: 1px solid #dcdcdc;
}
/* -------- content ----------- */
.wndContentInner {
  height: 100%;
  overflow: visible;
  max-width: 100vw;
  /* do not allow windows larger than the viewport */
}
*html .wndContentInner {
  /* hoehe - 16px - Caption, IE only */
  height: 300px;
  overflow-x: visible;
  overflow-y: hidden;
}
.wndInner {
  margin: 0;
  height: 100%;
  width: 100%;
  float: left;
  overflow: hidden;
  background-color: #ededed;
}
/* -------- caption ----------- */
.wndCaption {
  height: 40px;
  background-color: #dcdcdc;
  overflow: visible;
}
.wndClose {
  display: block;
  width: 25px;
  height: 25px;
  padding: 5px;
  position: absolute;
  right: 15px;
  z-index: 99;
  /* must be above any c_top */
  color: inherit;
  cursor: pointer;
}
.wndCaption.noCaption .wndClose {
  width: 30px;
  height: 30px;
  right: 0;
  text-shadow: 0 0 12px #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  border-radius: 0 0 0 15px;
}
.rbmWindowText_caption {
  float: left;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 7px;
  height: 20px;
  line-height: 30px;
}
/* -------- bottom ----------- */
.wndBottom {
  height: 20px;
  background-color: #dcdcdc;
  overflow: visible;
}
.rbmWindowText_bottom {
  float: left;
  font-style: italic;
}
.wndSizer {
  background-color: red;
  width: 4px;
  height: 4px;
  float: right;
}
/* -------- body ----------- */
.scrollIntoViewA {
  height: 0;
}
.wndBody {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.wndBody .contentData {
  padding: 15px;
  /* to ensure that standart content put into a window does not expand to the borders */
}
/* do not scroll the body if it contains an iframe */
.rbmWindow.containsIFrame .wndBody {
  overflow: hidden;
}
/* we have to set a wndBody with an iframe to scroll on mobile devices (iOS) ! */
.isMobile .rbmWindow.containsIFrame .wndBody {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/********************** rbmTabstrip ***************************/
.tabContainer {
  float: left;
  overflow: hidden;
  /* content must not overlap into other tabs! */
  min-height: 100px;
  /* to give enough space for a wait spinner */
}
.tabShiftContainer {
  overflow: hidden;
  transition: margin-left 1s ease;
  -moz-transition: margin-left 1s ease;
  -webkit-transition: margin-left 1s ease;
  -ms-transition: margin-left 1s ease;
  -o-transition: margin-left 1s ease;
}
.rbmWindowTabHeader {
  margin: 10px 0 10px 15px;
  color: #373833;
  font-size: 16px;
  font-weight: bold;
}
/********************** rbmTooltip ***************************/
.rbmTooltip {
  position: absolute;
  left: 90px;
  top: 80px;
  width: 400px;
  overflow: visible;
  z-index: 2100;
}
.rbmTooltip .tooltipcenter {
  height: 100px;
  float: left;
}
.rbmTooltip .tltpcorner {
  width: 23px;
  height: 24px;
  float: left;
}
.rbmTooltip .tltptop {
  height: 24px;
  width: 354px;
  background-image: url(/images/gui/rbmTooltip/bg_tooltip_top.gif);
  overflow: hidden;
  float: left;
}
.rbmTooltip .tltpleft {
  width: 24px;
  height: 100%;
  background-image: url(/images/gui/rbmTooltip/bg_tooltip_left.gif);
  float: left;
}
.rbmTooltip .tltphead {
  width: 100%;
  height: 22px;
}
.rbmTooltip .tltpcontent {
  width: 352px;
  height: 100%;
  background-color: #ffffff;
  float: left;
  overflow: hidden;
  box-shadow: 11px 10px 45px;
}
.rbmTooltip .tltpcontentinner {
  margin: 10px 5px 5px 10px;
  overflow: hidden;
}
.rbmTooltip .tooltipps img {
  position: absolute;
  display: block;
}
.rbmTooltip .tltpnnw {
  top: -24px;
  left: 10px;
}
.rbmTooltip .tltpnne {
  top: -24px;
  right: 10px;
}
.rbmTooltip .tltpssw {
  bottom: -24px;
  left: 10px;
}
.rbmTooltip .tltpsse {
  bottom: -24px;
  right: 10px;
}
.rbmTooltip .tltpwnw {
  left: -24px;
  top: 10px;
}
.rbmTooltip .tltpene {
  right: -24px;
  top: 10px;
}
/********************** bgHiLighter ***************************/
#bgHiLighter {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1080;
  display: none;
}
#bgHiLighterTop {
  width: 100%;
  height: 450px;
  float: left;
}
#bgHiLighterLeft {
  width: 450px;
  height: 50px;
  float: left;
}
#bgHiLight {
  width: 50px;
  height: 50px;
  float: left;
  background-color: transparent;
  opacity: 100;
  filter: alpha(opacity=0);
}
#bgHiLighterRight {
  width: 500px;
  height: 50px;
  float: right;
}
#bgHiLighterBottom {
  width: 100%;
  height: 500px;
  float: left;
}
/* --------------------- rbmFlipBox ----------------- */
.rbmFlipBox {
  /*	width: 100%;  do not set width due to borders */
  margin-bottom: 10px;
}
.rbmFlipBoxThemeHead {
  /*	width: 100%;  do not set width due to borders */
  height: 27px;
  /* will be adjusted by template */
  cursor: pointer;
  background-color: #FCFCFC;
  background-image: linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -o-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -moz-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -webkit-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -ms-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  border-left: 1px solid #CDD2D8;
  border-top: 1px solid #CDD2D8;
  border-bottom: 1px solid #B9B9B9;
  border-right: 1px solid #B9B9B9;
  overflow: hidden;
  color: black;
}
.rbmFlipBox .rbmFlipBoxThemeHead .header {
  padding: 0 5px 0 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
  position: relative;
  float: left;
}
.rbmFlipBox .themeOpen .rbmFlipBoxThemeHead {
  font-weight: bold;
  color: #373833;
}
.rbmFlipBox .themeOpen .rbmFlipBoxThemeHead .header {
  background-repeat: no-repeat;
}
.rbmFlipBoxThemeContainer {
  /*	width: 100%;  do not set width due to borders */
  height: 25px;
  /* will be adjusted by template */
  overflow: hidden;
}
.rbmFlipBoxThemeContainerInner {
  /* for limited height only: limit this hight to the rbmFlipBox.height - rbmFlipBoxThemeHead.height get a scoll bar */
  /*	height: 125px; */
  overflow: auto;
  background-color: #F3F4F5;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
}
.rbmFlipBoxThemeBody {
  height: auto;
}
.rbmFlipBox span.rbmFlipBoxHeaderIcon {
  background-repeat: no-repeat;
  display: inline;
  margin: 3px 5px 0 0;
  height: 20px;
  text-indent: -10000px;
  width: 20px;
  float: right;
}
/* --------------------- rbmDropBox ----------------- */
.rbmDropBox .rbmDropBoxThemeHead {
  /*	background-color: #a5c0c8;  */
  color: black;
  height: 27px;
  /*	background-image: url(/images/bg_DropBoxHead.jpg); */
  font-weight: normal;
  /*	width: 100%;  do not set width due to borders */
  cursor: pointer;
  background-color: darkgrey;
  overflow: hidden;
}
.rbmDropBox .themeOpen .rbmDropBoxThemeHead {
  /*	background-color: #54788c; */
  color: #527c99;
  font-weight: bold;
}
.rbmDropBox .themeOpen .rbmDropBox .rbmDropBoxThemeHead {
  /*	background-color: #a5c0c8; */
  color: #27323d;
  font-weight: normal;
}
.rbmDropBox .themeOpen .rbmDropBox .themeOpen .rbmDropBoxThemeHead {
  /*	background-color: #54788c; */
  color: #27323d;
  font-weight: bold;
}
.rbmDropBoxThemeContainer {
  border-left: 1px solid #cdd1d8;
  border-right: 1px solid #cdd1d8;
  /*	width: 100%;  do not set width due to borders */
  height: 25px;
  /* will be adjusted by template */
  overflow: hidden;
}
.rbmDropBoxThemeContainerInner {
  background-color: #f0f2f4;
  border-top: 1px solid #cdd1d8;
  overflow: hidden;
}
.rbmDropBoxThemeBottom {
  height: 28px;
  background-image: linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
  background-image: -o-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
  background-image: -moz-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
  background-image: -webkit-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
  background-image: -ms-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
}
.rbmDropBoxThemeBody .cmslink {
  margin: 10px 0 10px 0;
}
/* --------------------- contentTab ----------------- */
.contentTabContainer {
  height: auto;
  box-sizing: border-box;
  /*	background-color: #dddddd;		/*otherwise we see the highlight */
  background-color: white;
  width: 100%;
  overflow: hidden;
  position: relative;
  /* to keep the waitNode inside the container */
  background-image: linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
  background-image: -o-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
  border: 1px solid;
  border-color: transparent #e0e0e0 #e0e0e0 #e0e0e0;
}
.contentTabContainer .contentTabContainer {
  padding: 0;
  border: none;
}
.contentTab {
  margin-right: 10px;
  overflow: hidden;
  width: 100%;
}
.tabDummy {
  height: 60px;
  margin: 20px;
  text-align: center;
  float: left;
}
/* re-apply the styles for the third level */
.tabHeader,
.contentTabContainer .contentTabContainer .contentTabContainer .tabHeader {
  background-repeat: repeat-x;
  border-top: 1px solid #cfd2d5;
  border-bottom: 1px solid #F08925;
  height: auto;
  background-image: linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
  overflow: hidden;
}
.contentTabContainer .contentTabContainer .tabHeader {
  background-color: #F0F2F4;
  border-bottom: 0 solid #F08925;
  border-top: 0 none;
  height: 25px;
  overflow: hidden;
  border-left: 1px solid #C3C7CD;
}
.contentTabContainer .contentTabContainer .tabTypeA {
  border-left: 0px solid #C3C7CD;
  border-right: 0px solid #FFFFFF;
}
.tabHeader_ul {
  margin: 0;
  height: 26px;
  border-top: 0px;
  border-left: 0px solid #cfd2d5;
  border-right: 1px solid #cfd2d5;
  clear: both;
  cursor: default;
  list-style-position: outside;
  list-style-type: none;
  /*    overflow: hidden; */
  padding: 0;
}
.tabTypeA {
  border-left: 1px solid #C3C7CD;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #F0F2F4;
  color: white;
  cursor: pointer;
  display: inline;
  float: left;
  height: 25px;
  margin: 0;
  overflow: hidden;
  padding: 2px 0 0 0;
}
.tabTypeA div {
  width: 100%;
  height: 25px;
  padding: 0 10px;
  margin: 0;
}
.tabTypeA_a {
  background-color: #F0F2F4;
  color: #000000;
  height: 25px;
}
.tabTypeA a {
  color: #21272d;
  font-weight: normal;
  text-decoration: none;
  line-height: 25px;
  /*	display: block; to allow inline icons */
  height: 25px;
}
.tabTypeA a:link {
  color: #21272d;
  font-weight: normal;
  text-decoration: none;
}
.tabTypeA a:visited {
  color: #21272d;
  font-weight: normal;
  text-decoration: none;
}
.tabTypeA a:active {
  color: #21272d;
  font-weight: normal;
  text-decoration: none;
}
.tabTypeA a:hover {
  color: #21272d;
  font-weight: normal;
  text-decoration: underline;
}
.tabTypeA_a a {
  color: #f08925;
  font-weight: bold;
  text-decoration: none;
}
.tabTypeA_a a:link {
  color: #f08925;
  font-weight: bold;
  text-decoration: none;
}
.tabTypeA_a a:visited {
  color: #f08925;
  font-weight: bold;
  text-decoration: none;
}
.tabTypeA_a a:active {
  color: #f08925;
  font-weight: bold;
  text-decoration: none;
}
.tabTypeA_a a:hover {
  color: #f08925;
  font-weight: bold;
  text-decoration: underline;
}
.fadingSlideshowBox {
  /*	width: 100%; */
  height: 100%;
  /*	float: left; */
  position: relative;
  overflow: hidden;
}
.fadingSlide {
  position: absolute;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.fadingSlide div {
  background-repeat: no-repeat;
}
/*---------------------------- rbmScrollBox ------------------------------- */
.rbmScrollBox {
  height: 100%;
  overflow: hidden;
}
.rbmScrollBoxContainerInner {
  float: left;
}
.rbmScroller {
  width: 10px;
  height: 100%;
  float: right;
  line-height: 0;
}
.rbmScrollUp {
  background-color: orange;
}
.rbmScrollDown {
  background-color: orange;
}
.rbmScrollbar {
  background-color: #dddddd;
  border-left: 1px solid orange;
  border-right: 1px solid orange;
  overflow: hidden;
}
.rbmScrollbarHandle {
  width: 6px;
  height: 20px;
  background-color: orange;
  position: relative;
  border: 1px solid white;
}
.dropzone {
  width: 200px;
  height: 270px;
  min-height: 270px;
  overflow: auto;
}
.videoUpload .dropzone {
  width: 250px;
}
.dropzone .dz-default.dz-message {
  background-position: 0 -60px;
  background-size: 200px 200px;
  height: 90px;
  margin-left: -30%;
  margin-top: -61.5px;
  opacity: 1;
  position: absolute;
  top: 50%;
  transition: opacity 0.3s ease-in-out 0s;
  width: 120px;
}
/* ++++++++++++++++++++++++ contentSlideshow ++++++++++++++++++++ */
.contentSlideshowPreview {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.contentSlideshowPreview li {
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 15px;
  width: 216px;
  cursor: pointer;
  background: url(/images/i_Lupe.png) no-repeat 200px 134px;
}
.contentSlideshow {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.contentSlideshowContainer {
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  transition: 1.5s ease;
}
.contentSlideshowContainer .contentSlideShowView {
  position: relative;
  /* important: fixes crazy issue with misplaced slides */
}
.contentSlideshowSlide {
  float: left;
}
.contentSlideshowNavi {
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
}
.contentSlideshowNavi .goLeft {
  width: 20px;
  height: 100%;
  margin-top: -20px;
  background: url(/images/c_SlideshowNavi.png) no-repeat;
  float: left;
  cursor: pointer;
}
.contentSlideshowNavi .goRight {
  width: 20px;
  height: 100%;
  margin-top: -20px;
  background: url(/images/c_SlideshowNavi.png) no-repeat -48px 0;
  float: right;
  cursor: pointer;
}
.contentSlideshowNavi .pageCounter {
  margin: 0 auto;
  position: relative;
  width: auto;
  height: 20px;
}
.contentSlideshowNavi .page {
  float: left;
  width: 14px;
  height: 20px;
  background-image: url(/images/c_SlideshowNavi.png);
  background-repeat: no-repeat;
  background-position: -34px 0;
  cursor: pointer;
}
.contentSlideshowNavi .page:hover {
  background-position: -20px 0;
}
.contentSlideshowNavi .pageSel {
  background-position: -20px 0;
}
.contentSlideshowNavi_overlayPercentage {
  height: 0;
}
.contentSlideshowNavi_overlayPercentage .pageCounter {
  height: 30px;
  bottom: -20px;
  width: 50%;
  position: absolute;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.isMobile .contentSlideshowNavi_overlayPercentage .pageCounter,
.contentSlideshow.contentSlideshowLB:hover > .contentSlideshowNavi_overlayPercentage .pageCounter,
.contentSlideshow.contentSlideshowRB:hover > .contentSlideshowNavi_overlayPercentage .pageCounter,
.contentSlideshow.contentSlideshowMID:hover > .contentSlideshowNavi_overlayPercentage .pageCounter {
  bottom: 6%;
  opacity: 1;
}
.contentSlideshowNavi_overlayPercentage .page {
  float: left;
  width: 60px;
  height: 30px;
  background-image: none;
  padding-top: 25px;
  margin-right: 8px;
  margin-left: 8px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.contentSlideshowNavi_overlayPercentage .page .pageInner {
  width: 100%;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.contentSlideshowNavi .page:hover {
  background-position: 0 0;
}
.contentSlideshowNavi .page:hover > .pageInner {
  background-color: #7794ce;
}
.contentSlideshowNavi .pageSel {
  background-position: 0 0;
}
.contentSlideshowNavi .pageSel > .pageInner {
  background-color: #7794ce;
}
.contentSlideshowNavi_overlayPercentage .goRight,
.contentSlideshowNavi_overlayPercentage .goLeft {
  border-right: none;
  width: 8%;
  margin-top: 0;
  max-width: 50px;
  position: absolute;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.contentSlideshowNavi_overlayPercentage .goRight {
  background: url(/images/b_next.png) no-repeat scroll 50% 50% rgba(255, 255, 255, 0.25);
  right: 0;
  border-radius: 0;
  right: -50px;
}
.contentSlideshowNavi_overlayPercentage .goLeft {
  background: url(/images/b_prev.png) no-repeat scroll 50% 50% rgba(255, 255, 255, 0.25);
  border-left: none;
  border-radius: 0;
  left: -50px;
}
.contentSlideshow.contentSlideshowLB > .contentSlideshowNavi_overlayPercentage .goLeft {
  background-color: rgba(255, 255, 255, 0);
  visibility: hidden;
}
.contentSlideshow.contentSlideshowRB > .contentSlideshowNavi_overlayPercentage .goRight {
  background-color: rgba(255, 255, 255, 0);
  visibility: hidden;
}
.contentSlideshow.contentSlideshowLB:hover > .contentSlideshowNavi_overlayPercentage .goRight,
.contentSlideshow.contentSlideshowMID:hover > .contentSlideshowNavi_overlayPercentage .goRight {
  background-color: #7794ce;
  right: 0;
  border-radius: 25px 0 0 25px;
}
.contentSlideshow.contentSlideshowRB:hover > .contentSlideshowNavi_overlayPercentage .goLeft,
.contentSlideshow.contentSlideshowMID:hover > .contentSlideshowNavi_overlayPercentage .goLeft {
  background-color: #7794ce;
  left: 0;
  border-radius: 0 25px 25px 0;
}
.bodyLockPositionY {
  /*	overflow-y: hidden; */
  position: fixed;
  height: auto;
  width: 100%;
}
.bodyLockPositionX {
  overflow-x: hidden;
  position: fixed;
  height: 100%;
  width: auto;
}
/* Mobile Styling uses filling_popup */
/* rbmWindow */
.rbmWindow.filling_popup {
  position: fixed;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: 100%;
  /* otherwise safari miscalculates the height and makes it around 100px higher than the screen */
}
.rbmWindow.filling_popup .rbmWindowBorder {
  height: 100%;
}
.rbmWindow.filling_popup .wndContentInner {
  height: 100% !important;
  max-width: 100% !important;
  width: 100vw !important;
  background-color: white;
}
.rbmWindow.filling_popup .wndContentInner {
  /* height: calc(~"100% - 30px") !important;	 subtract the window caption!!! TODO: move this to a class 'withCaption' */
  max-width: 100% !important;
  width: 100vw !important;
  background-color: white;
  text-align: center;
}
.rbmWindow.filling_popup .wndContentInner .wndInner {
  min-width: 800px;
  float: none;
  display: inline-block;
}
/* Ensure that we allow additional space for narrow */
@media (max-width: 800px) {
  /* maximize the windows */
  .rbmWindow.filling_popup {
    left: 0 !important;
    top: 0 !important;
    min-height: 90vh;
  }
  .rbmWindow[style].wndAspect {
    min-height: unset;
    left: unset;
    top: unset;
  }
  .wndContentInner {
    height: 90vh;
  }
  .rbmWindow.wndAspect .wndContentInner {
    height: unset;
  }
  .rbmWindow.filling_popup .wndContentInner .wndInner {
    width: 100%;
    min-width: 0;
  }
}
.rbmWindow.filling_popup .wndContentInner .wndBody {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  border: none;
}
.player169-368 {
  width: 368px;
  /*	height: 207px; will be calculated*/
}
.generalPlayer,
.playerCanvasSize {
  min-height: 1px;
  /* avoid fully hidden players, they might not play */
}
/*xxxxxxxxxxxxx Video */
.c_player {
  /* this is the default */
  /*	width: 640px;  do not set a width for the default player. this is the job of the classes below!
/*	height: 360px; never define a player height!! If you want a fix height, use a wrapping container */
  height: auto;
  overflow: hidden;
}
.c_player640 {
  width: 640px;
}
.c_player480 {
  width: 480px;
}
.c_player320 {
  width: 320px;
}
.fullscreen .c_player {
  width: 960px;
  height: auto;
}
.playerContainer {
  height: 100%;
  width: 100%;
  float: left;
}
.playerInitFailed {
  margin: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.c_previewPlayer {
  height: 70%;
}
.wnd_videoPreview .captions {
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
}
.generalPlayer {
  width: 100%;
  position: relative;
}
.videoOverlayWindow {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}
.generalPlayer video {
  width: 100%;
  /*	height: 100%; leads to margin at top */
}
.simpleTrainingBottom {
  width: 640px;
  height: 41px;
  float: left;
  background-image: url(/images/panel/flexPanelBottom/bg_panel.jpg);
  background-repeat: no-repeat;
}
.simpleTrainingBottom .panel_navi {
  margin: 10px;
}
.playerPanel_flexPanelBottom .panel_navi .playerPanelButton {
  width: 25px;
  height: 25px;
}
.playerPanel_flexPanelBottom .panel_navi .playerPanelButton a {
  width: 25px;
  height: 25px;
  display: block;
}
.playerPanel_flexPanelBottom #b_skipForward {
  background-image: url(/images/b_flexPanelBottom.png);
  background-position: -75px 0;
}
.playerPanel_flexPanelBottom #b_skipForward:hover {
  background-position: -75px -25px;
}
.playerPanel_flexPanelBottom #b_skipBack {
  background-image: url(/images/b_flexPanelBottom.png);
  background-position: 0 0;
}
.playerPanel_flexPanelBottom #b_skipBack:hover {
  background-position: 0 -25px;
}
.playerPanel_flexPanelBottom #b_play {
  background-image: url(/images/b_flexPanelBottom.png);
  background-position: -25px 0;
}
.playerPanel_flexPanelBottom #b_play:hover {
  background-position: -25px -25px;
}
.playerPanel_flexPanelBottom #b_pause {
  background-image: url(/images/b_flexPanelBottom.png);
  background-position: -50px 0px;
}
.playerPanel_flexPanelBottom #b_pause:hover {
  background-position: -50px -25px;
}
.panel_navi {
  padding: 0;
  float: left;
  list-style-type: none;
  list-style-position: inside;
  display: inline;
}
.panel_navi li,
.panel_navi .playerPanelButton {
  float: left;
  cursor: pointer;
}
.panel_navi li img,
.playerPanelButton {
  cursor: pointer;
}
.playerPanel_flexPanelBottom {
  width: 100%;
  height: 35px;
  float: left;
  /*	background-image: url(../../images/panel/flexPanelBottom/bg_panel.jpg);
	background-repeat: no-repeat;*/
  background-color: #F1F1F1;
  position: relative;
  /* to allow overlay */
}
.playerPanel_flexPanelBottom .playerPanelLeft {
  float: left;
  margin-top: -35px;
}
.playerPanel_flexPanelBottom .playerPanelCenter {
  height: 35px;
  width: 100px;
  margin: 0 auto;
}
.playerPanel_flexPanelBottom .playerPanelRight {
  float: right;
  margin-top: -35px;
}
/* margin in em to move the panel left on small player widthes */
.playerPanel_flexPanelBottom .panel_navi {
  width: auto;
  height: 30px;
  margin: 5px 0.4em 0 0.4em;
}
.playerPanel_flexPanelBottom .panel_navi li,
.playerPanel_flexPanelBottom .panel_navi .playerPanelButton {
  width: auto;
  height: 30px;
  margin: 0;
}
.playerPanel_flexPanelBottom .panel_add li,
.playerPanel_flexPanelBottom .panel_add .playerPanelButton {
  float: right;
}
.playerPanel_flexPanelBottom .panel_time {
  margin: 6px 0 0 0;
  /*	float: left; */
  text-align: center;
  line-height: 30px;
  color: #373833;
  font-weight: bold;
}
.playerPanel_flexPanelBottom .volumeBar {
  width: 7px;
  height: 30px;
  float: left;
  cursor: pointer;
}
/* font-size in em to make the time smaller for small players */
.playerPanel_flexPanelBottom .timeElapsed {
  width: 100%;
  line-height: 35px;
  text-align: center;
  font-size: 0.5em;
}
.transparentPanel {
  /*	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) -10%, rgba(0, 0, 0, 0.5) 75%); */
  background-color: rgba(0, 0, 0, 0.2);
}
/* show the overlay panel on mouseover */
.overlayPanel {
  visibility: hidden;
}
.econtioPlayer:hover > .overlayPanel {
  visibility: visible;
}
.econtioPlayer .rbmTooltip {
  font-size: 0.7em;
}
.c_player:hover > .overlayPanel {
  visibility: visible;
}
/* uiMode: false; hide clappr panel: */
.playerContainer.hiddenUI .media-control[data-media-control] {
  display: none	!important;
}
/* font-size in em to adjust with player-size */
.playerSubtitle {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  color: #000000;
  font-size: 0.9em;
  text-align: center;
  box-sizing: border-box;
  transition: bottom 0.5s ease;
}
.playerSubtitle.insideObjectConfiguration {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 0 !important;
}
/* in case of having an internal panel at the bottom, move the subtitle out of the way
	so it does not overlay the panel  */
.generalPlayer:hover .playerSubtitle_overlayBottom {
  bottom: 50px;
}
.playerSubtitle_overlayBottom {
  position: absolute;
  bottom: 10px;
  color: #ffffff;
  text-shadow: 2px 2px 3px #000000;
}
.panelType_flexPanelBottom .playerSubtitle_overlayBottom {
  bottom: 40px;
}
.videoPlayer_default:hover .panelType_flexPanelBottom .playerSubtitle_overlayBottom {
  bottom: 100px;
}
.playerSubtitle_belowPlayer {
  background-color: #F1F1F1;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  height: 84px;
}
.flexPanelBottom .subtitleLanguageSelector {
  display: block;
  float: right;
  width: auto;
  height: auto;
  margin: 4px 10px 0 0;
  padding: 0 5px;
  font-size: 14px;
}
.playerSubtitle_overlayTop {
  position: absolute;
  top: 10px;
  color: #ffffff;
  text-shadow: 2px 2px 3px #000000;
}
/****************************** rbmTree ***********************/
.treeContainer {
  width: 260px;
  height: auto;
  overflow: hidden;
  z-index: 10;
}
.tree {
  height: auto;
  /*	width: 260px; */
  list-style-type: none;
  list-style-position: inside;
  padding: 0;
  margin: 0 0 0 18px;
  font-size: 1em;
  line-height: 1.5em;
}
.tree li {
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  z-index: 10;
}
.treeNode {
  width: auto;
  height: 20px;
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
  display: inline;
}
.treetext {
  width: auto;
  height: 20px;
  margin: 1px 0 0 0;
  padding: 0;
  float: left;
  overflow: hidden;
  display: inline;
  font-weight: bold;
}
.treeItem {
  padding: 3px 0;
  margin: 1px 1px 1px 0;
  height: auto;
  /*	width: 400px; */
  overflow: hidden;
  cursor: pointer;
}
.treeItem:hover {
  border-right: 1px solid #7794ce;
}
.treeOpen {
  height: auto;
  background-image: url(/images/gui/rbmTree/bg_TreeVerticalLine4.gif);
  background-repeat: repeat-y;
  font-size: 0.9em;
  /* this will make the font-size decrease in every child container ! */
}
.treeOpen .treeOpen {
  font-size: 1em;
}
.treeText a {
  color: #485078;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
.treeText a:hover {
  text-decoration: underline;
}
.hcTree ul {
  padding: 0;
}
.hcTree ul li {
  list-style-type: none;
}
.hc {
  width: 100%;
  /*muss relativ sein!!*/
  margin: 0;
  padding: 0;
  float: left;
  border-top: 1px dashed #d8d8d8;
  height: auto;
}
.hcLine {
  padding: 0px;
  float: left;
  /*	margin: 3px 0 0 5px;	 zieht die Eintr�ge auseinander!! */
  margin: 5px 0;
}
.hcLine .middle {
  width: 160px;
  float: left;
}
.hcLine .right {
  width: 200px;
  height: 22px;
  float: right;
  margin-top: 3px;
}
.hcLine .rightnum {
  width: 200px;
  height: 22px;
  float: right;
}
.hcLine select {
  width: 190px;
  font-size: 10px;
}
.hcinput {
  margin: 0 5px 0 0;
  padding: 0px;
  font-size: 10px;
  height: 18px;
  float: right;
  min-width: 80%;
}
.hcseltext {
  margin: 0 0 0 2px;
  padding: 0;
  /*	background : #CCCCCC url(../tree/plus.gif) no-repeat fixed top left; */
  font-size: 10px;
  font-weight: bold;
}
.hcNumText,
.hcComboText,
.hcGroupText {
  font-weight: bold;
}
.hcCombo {
  float: right;
  min-width: 80%;
}
.shoppingCartTeaserText {
  text-align: center;
  line-height: 30px;
  color: #414d77;
  font-weight: bold;
  min-width: 190px;
  display: inline-block;
}
.shoppingCartTeaserText {
  height: 40px;
  cursor: pointer;
}
.shoppingCartTeaser {
  box-shadow: 1px 7px 20px -5px #000000;
  /*	box-shadow: -2px 2px 5px -3px #cccccc inset; */
  background-color: #ffffff;
  /* for IE 11 */
  background-image: -moz-linear-gradient(#f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-image: -moz-linear-gradient(45deg, #f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-image: -webkit-linear-gradient(#f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-image: -webkit-linear-gradient(45deg, #f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 600px 40px;
  transition: background 2s ease-out 0s;
  border-left: 1px solid #efefef;
  border-bottom: 2px solid #ffffff;
  -webkit-animation-name: cartHighlight;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite;
  /* Safari 4.0 - 8.0 */
  animation-name: cartHighlight;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
@-webkit-keyframes cartHighlight {
  1% {
    background-position: -400px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes cartHighlight {
  1% {
    background-position: -400px 0;
  }
  100% {
    background-position: 0 0;
  }
}
.shoppingCartTeaser .h4 {
  padding-top: 5px;
  line-height: 18px;
  margin: 0;
  text-align: center;
  font-weight: 500;
  padding-bottom: 1px;
}
.shoppingCartTeaser .cartOverview {
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
}
.cartIcon {
  float: right;
  margin: 7px;
  width: 20px;
  height: 19px;
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -275px 0;
  cursor: pointer;
  transition: background 0.5s ease-out 0s;
}
.buttonLowProfile span.addToCart {
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -225px -2px;
  display: block;
  width: 20px;
}
.buttonLowProfile span.addToCartArrow {
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -125px 0px;
  margin: 3px 0 0;
  display: block;
  width: 13px;
}
.rbmShopCartTitle {
  position: absolute;
  left: 400px;
  top: 5px;
  font-size: 1.2em;
  font-weight: bold;
  transition: left ease 1s;
}
.rbmShopCartContainerOpen .cartIcon {
  background-position: -300px 0;
}
.rbmShopCartContainerOpen .rbmShopCartTitle {
  left: 10px;
}
.cartSummary {
  padding: 10px;
}
.cartItem {
  height: auto;
  list-style-type: none;
  list-style-position: inside;
  padding: 0;
  padding: 3px 0;
  margin: 0 0 0 3px;
  font-size: 1em;
  line-height: 18px;
  overflow: hidden;
}
.cartItem li {
  float: left;
  overflow: hidden;
  margin-right: 1px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cartItem .column1 {
  width: 6%;
  min-width: 30px;
  /* to avoid cut on mobile */
}
.cartItem .column2 {
  width: 60%;
}
.cartItem .column3 {
  width: 12%;
  min-width: 70px;
  text-align: right;
}
.cartItem .column4 {
  width: 18%;
  min-width: 70px;
  /* to avoid cut on mobile */
  text-align: right;
  float: right;
  margin-right: 7px;
}
.cartItem .column5 {
  width: 5%;
}
.cartItem .orderNumber {
  text-align: right;
}
.cartHead {
  background-color: #F3F4F5;
  font-weight: bold;
  margin: 0;
}
.cartSum,
.cartTotal {
  border-top: 1px solid #dddddd;
}
.cartSum p,
.cartTotal p {
  padding: 0 0 3px 0;
  margin: 0;
}
.rbmShopCartContainer .contentBody {
  margin: 0 10px 10px 10px;
}
.rbmShopCartContainer .contentDataHead {
  margin: 10px;
}
.cartItemList {
  margin-top: 2px;
  border-bottom: 1px solid #ff0000;
  /*    overflow: hidden;  prevent cart content to float around hcSearch container. NOT necessary when cart is not rendered to content! Causes strange margin! */
}
.rbmShopCartContainer .contentData {
  min-height: 570px;
  overflow: auto;
}
.addressVerificationData {
  margin: 15px;
}
.cartBin {
  width: 22px;
  height: 22px;
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -250px 0;
  display: block;
  cursor: pointer;
}
.button.buttonGreen,
.ccmsButton.buttonGreen {
  background-color: #20B300 !important;
  color: #FFFFFF !important;
}
.button.buttonLowProfile.buttonLight {
  color: #000000;
  font-weight: bold;
  background-color: #ebebeb;
  border: 1px solid #d6d6d6;
  padding: 0 8px;
  background-image: linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -moz-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -o-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -ms-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
}
.button.buttonLowProfile.buttonLight:hover {
  color: #7794ce;
}
.rbmShopCartContainer {
  background-color: rgba(255, 255, 255, 0);
  height: 32px;
  width: 37px;
  position: absolute;
  right: 150px;
  top: 5px;
  z-index: 400;
  transition: width 0.5s ease-out 0s, height 0.5s ease-out 0s, box-shadow 2s ease 0s, background-color 1s ease 0s;
  /*	-moz-transition: width 1.5s ease-out 1s, height 1.5s ease-out 1s, box-shadow 2x ease 2s, background-color 2s ease 2s; */
  box-shadow: none;
  overflow: hidden;
  color: #000000;
}
.rbmShopCartContainerOpen {
  box-shadow: 15px 15px 55px 3px #000000;
  background-color: #ffffff;
  width: 780px;
}
.rbmShopCartHead {
  background-color: transparent;
  background-image: none;
  height: 30px;
  width: 100%;
}
.rbmShopCartContainerOpen .rbmShopCartHead {
  background-image: linear-gradient(left, rgba(245, 245, 245, 0) 0%, #f5f5f5 80%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f5f5f5 80%, rgba(255, 255, 255, 0) 100%);
}
.rbmShopCartBody {
  width: 100%;
  height: calc(100% - 30px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
}
#orderButtonTextLong {
  display: inline;
}
#orderButtonTextShort {
  display: none;
}
@media (max-width: 970px) {
  .rbmShopCartContainer {
    /*		top: 4px; top moves at next breakpoint when we change to mobile menu */
    right: 5px;
    /* move the icon to the right to avoid unused space on the right side of the cart */
  }
}
@media (max-width: 790px) {
  .rbmShopCartContainer {
    top: 4px;
  }
  .rbmShopCartContainerOpen {
    width: 96%;
    position: fixed;
    /* this avoids background scrolling at bottom of cart */
  }
  .shoppingCartTeaser {
    border-bottom: none;
  }
  #deleteCartButton {
    padding-right: 0;
  }
  #deleteCartButton .buttonText {
    display: none;
  }
}
@media (max-width: 490px) {
  /* shorten the text in the order button on phones */
  #orderButtonTextLong {
    display: none;
  }
  #orderButtonTextShort {
    display: inline;
  }
}
.addToCartButton.inCart {
  background-color: #97bf0d;
}
.frontend .widgetBoard {
  max-width: 1280px;
  margin: 0 auto;
}
.frontend .widget {
  position: relative;
  float: left;
  margin: 0 30px 25px 10px;
  box-sizing: border-box;
}
.frontend .widget.widget.quarter {
  width: calc(25% - 40px);
}
.frontend .widget.widget.threequarters {
  width: calc(75% - 40px);
}
.frontend .widget.widget.third {
  width: calc(33.3% - 40px);
}
.frontend .widget.widget.twothirds {
  width: calc(66.6% - 40px);
}
.frontend .widget.widget.half {
  width: calc(50% - 40px);
}
.frontend .widget.widget.full {
  width: calc(100% - 40px);
}
@media (max-width: 970px) {
  .frontend .widget {
    margin-right: 10px;
  }
  .frontend .widget.widget.quarter {
    width: calc(25% - (40px - 20px));
  }
  .frontend .widget.widget.threequarters {
    width: calc(75% - (40px - 20px));
  }
  .frontend .widget.widget.third {
    width: calc(33.3% - (40px - 20px));
  }
  .frontend .widget.widget.twothirds {
    width: calc(66.6% - (40px - 20px));
  }
  .frontend .widget.widget.half {
    width: calc(50% - (40px - 20px));
  }
  .frontend .widget.widget.full {
    width: calc(100% - (40px - 20px));
  }
}
@media (max-width: 970px) {
  .frontend .widget.widget.quarter {
    width: calc(50% - (40px - 20px));
    aspect-ratio: unset !important;
  }
  .frontend .widget.widget.threequarters {
    width: calc(100% - (40px - 20px));
    aspect-ratio: unset !important;
  }
  .frontend .widget.widget.third {
    width: calc(50% - (40px - 20px));
    aspect-ratio: unset !important;
  }
  .frontend .widget.widget.twothirds {
    width: calc(100% - (40px - 20px));
    aspect-ratio: unset !important;
  }
  .frontend .widget.widget.half {
    width: calc(100% - (40px - 20px));
    aspect-ratio: unset !important;
  }
  .frontend .widget.widget.full {
    width: calc(100% - (40px - 20px));
    aspect-ratio: unset !important;
  }
}
@media (max-width: 790px) {
  .frontend .widget.widget.quarter,
  .frontend .widget.widget.threequarters,
  .frontend .widget.widget.third,
  .frontend .widget.widget.twothirds,
  .frontend .widget.widget.half {
    width: calc(100% - (40px - 20px));
  }
}
.frontend .widget h2 {
  margin: 20px 15px 10px 15px;
  text-align: center;
}
.frontend .widget h3 {
  margin: 3px 20px 0 20px;
  padding-bottom: 3px;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.frontend .widget .widgetContent {
  max-height: 325px;
  min-height: 325px;
  box-sizing: border-box;
  box-shadow: 2px 2px 15px #aaa;
  /* border: 1px solid #ddd; */
  border-radius: 15px;
  overflow: auto;
  /* ensure any loaded object/content does not touch the edge of the widget */
}
.frontend .widget .widgetContent .contentDataHead,
.frontend .widget .widgetContent .contentData_tabhead {
  display: none;
}
.frontend .widget .widgetContent .contentBody {
  margin: 20px;
}
.frontend .widget .widgetToolbar {
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 1.5em;
}
.frontend .widget .widgetToolbar i.expandIcon {
  font-size: 0.8em;
}
.frontend .widget .widgetToolbar i.expandIcon::before {
  content: "\f065";
}
.frontend .widget.expanded {
  width: calc(100% - 40px) !important;
  clear: both;
  height: auto;
  aspect-ratio: unset !important;
}
.frontend .widget.expanded .widgetContent {
  max-height: unset !important;
  min-height: unset !important;
}
.frontend .widget.expanded .widgetToolbar i.expandIcon::before {
  content: "\f066";
}
.composeProcess .t_ProcOrder_editingForm_ID36 {
  font-size: 3em;
}
.composeProcess .t_ProcOrder_editingForm_ID36 .form_field_container_text {
  font-weight: bold;
  color: red;
}
.composeProcess .t_ProcOrder_editingForm_ID36 .form_edit_field_showOnly {
  padding: 0.5em 0;
}
.composeProcess .edit_IDReceivedByPerson {
  font-size: 1.5em;
  text-align: center;
  line-height: 4em;
}
.gTE2_t_ProcOrder_IDStatus,
.gTE2_t_ProcOrder_IDStatus_header {
  text-align: center;
}
.gTE2_t_ProcOrder_description {
  white-space: wrap !important;
}
.listOf_t_ProcOrder .tableHead li {
  padding: 10px 0 !important;
}
#searchResult_s_EMail {
  padding: 0 10px 10px 10px;
}
#searchResult_s_EMail .autoKeywords {
  padding: 15px;
  margin: 0 20px;
  background-color: #f1f1f1;
  background-color: mediumvioletred;
  color: #ffffff;
  font-size: 1.1em;
}
#searchResult_s_EMail #searchForm_s_EMail {
  padding: 20px 10px;
  border-bottom: 3px solid #333333;
}
.listOf_s_EMail .s_EMail_ul {
  border-bottom: 1px solid #888888;
  padding: 15px 10px !important;
}
.listOf_s_EMail .gTE2_s_EMail_BODY_header,
.listOf_s_EMail .gTE2_s_EMail_dataType_header {
  display: none;
}
.listOf_s_EMail .gTE2_s_EMail_BODY {
  margin-left: 40px;
  padding: 10px 30px 10px 10px;
  box-sizing: border-box;
}
.listOf_s_EMail .gTE2_s_EMail_CCMS_GE2Toolbar {
  font-size: 2em;
}
.listOf_s_EMail em {
  color: red;
}
.listOf_s_EMail table {
  margin-left: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.listOf_s_EMail table th {
  background-color: #555555;
  color: #ffffff;
  font-size: 0.9em;
  text-align: center;
  font-weight: normal;
}
.listOf_s_EMail table td {
  vertical-align: top;
  padding: 5px;
  background-color: #e1e1e1;
}
#attachmentPreviewTarget {
  width: 100%;
}
/*
.attachmentObject {
	height: 90vh  !important;
	width: 60vh !important;
	
	.wndContentInner {
		width: 59.8vh !important;
		height: 89.9vh !important;
	}
}
*/
.gTE2_t_ProcInvoice_total,
.gTE2_t_ProcInvoice_total_header {
  text-align: right;
  padding-right: 10px;
}
.gTE2_t_ProcInvoice_dueDays,
.gTE2_t_ProcInvoice_dueDays_header,
.gTE2_t_ProcInvoice_skontoDays,
.gTE2_t_ProcInvoice_skontoDays_header {
  text-align: center;
}
.treeItemSelected {
  background-color: #A0B0C8;
  border-radius: 4px 0 0 4px;
}
/* Mobile login form */
#login_fullpage {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
#login_fullpage .loginButton .formRow {
  width: 100%;
}
.loginForm,
.requestPasswordForm {
  display: block;
  margin: 0;
  padding: 20px 0 0;
  border-collapse: collapse;
  width: 100%;
  max-width: 500px;
  /* nested elements must not have another padding */
}
.loginForm fieldset,
.requestPasswordForm fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.loginForm fieldset legend,
.requestPasswordForm fieldset legend {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  max-height: 1px !important;
  max-width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.loginForm .heading,
.requestPasswordForm .heading {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  line-height: 1.1em;
  color: #012151;
  font-weight: bold;
  hyphens: none;
  margin: 0;
  padding: 15px 0 5px 0;
  color: dark-gray;
}
.loginForm .formRow,
.requestPasswordForm .formRow {
  /* display: table-row; */
  border-bottom: 10px solid transparent;
}
.loginForm label,
.requestPasswordForm label {
  font-size: 14px;
  color: #012151;
  font-weight: 400;
  hyphens: none;
  padding: 0;
  display: block;
  font-size: 1.5em;
}
.loginForm.mode_fullpage input,
.requestPasswordForm.mode_fullpage input {
  font-size: 1.2em;
  width: 100%;
  height: 3em;
  padding: 0 1em;
}
.loginForm input,
.requestPasswordForm input,
.loginForm textarea,
.requestPasswordForm textarea,
.loginForm select,
.requestPasswordForm select {
  color: #012151;
  -moz-box-shadow: 0 1px 1px #E5E5E5 inset;
  color: #666666;
  line-height: normal;
}
.loginForm .login_fail input,
.requestPasswordForm .login_fail input {
  box-shadow: 0 1px 5px 5px red inset;
  -moz-box-shadow: 0 1px 5px 5px red inset;
}
.loginForm .rememberMe,
.requestPasswordForm .rememberMe {
  display: none;
  float: left;
}
.loginForm .forgotPassword,
.requestPasswordForm .forgotPassword {
  border-bottom: none;
  cursor: pointer;
  float: right;
}
.loginForm .button.primary,
.requestPasswordForm .button.primary {
  margin-top: 20px;
}
.loginForm.mode_embedded .resultArea,
.requestPasswordForm.mode_embedded .resultArea {
  color: black;
  /* otherwise the text is white unless we hover */
  padding-bottom: 10px;
  margin-bottom: 0;
}
.loginForm .loginForm,
.requestPasswordForm .loginForm,
.loginForm .requestPasswordForm,
.requestPasswordForm .requestPasswordForm {
  padding-top: 0;
}
.userLoginLink {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px 0 0;
  padding: 10px 15px;
  cursor: pointer;
}
#menuBlock_closeMenu {
  float: right;
}
.menu {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  clear: both;
}
/* contentMenu such as LTV resources menu */
.menuContent li {
  display: inline-block;
  width: 22%;
}
/* default menu link color must not be default blue */
.menuItem .menuItemContent a {
  color: #000000;
}
.menuItem .menuItemContent a:link,
.menuItem .menuItemContent a:visited {
  color: #000000;
}
/******* leftClassic Menu ******/
.menuleftClassicContainer {
  /*		width: 170px; */
  height: auto;
  margin: 0px;
}
.menuleftClassic,
.menuleftClassicSub {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}
.menuleftClassicSub {
  margin: 0 0 10px 15px;
}
.menuleftClassic .menuItem .menuItemContent {
  cursor: pointer;
}
.menuleftClassic .menuItem a {
  font-size: 12px;
  font-weight: bold;
  color: #0165AA;
  text-decoration: none;
  line-height: 20px;
}
.menuleftClassic .menuItem a:hover {
  color: #7A032A;
  text-decoration: none;
}
.menuleftClassic .menuItem .sel1 a {
  color: #7A032A;
  text-decoration: none;
}
.menuleftClassic .menuItem .sel1 a:hover {
  text-decoration: none;
}
/******* menugClassic Dropdown ******/
.menuclassicDropDown {
  overflow: hidden;
  /* usually the major menu content is centered */
  /* ***************** Flyout ******************** */
  /* any dropdown container is hidden by default... */
  /*... and displays on hover */
}
.menuclassicDropDown .menuItem {
  color: black;
  background-color: transparent;
  text-decoration: none;
  line-height: 28px;
  margin-right: 5px;
  border: none;
  float: left;
  text-align: center;
}
.menuclassicDropDown .menuItem .menutext {
  padding-right: 5px;
}
.menuclassicDropDown .menuItemContent {
  text-align: center;
  padding: 0 15px;
  margin: 0;
}
.menuclassicDropDown .menuItem a {
  line-height: 24px;
}
.menuclassicDropDown .menuItem .sel1 {
  text-decoration: none;
}
.menuclassicDropDown .menuItem .sel1 a {
  /* .menuColorSetLevel1Sel; */
}
.menuclassicDropDown .menuItem .menuclassicDropDownSubContainer {
  display: none;
  z-index: 1700;
  /*!to show up on top of a menu window*/
  border: 1px solid #D3D3D3;
  position: absolute;
  /* otherwise the menu will appear behind contentLeft or contentRight */
}
.menuclassicDropDown .menuItem:hover > .menuclassicDropDownSubContainer {
  display: block;
}
.menuclassicDropDown .menuclassicDropDownSub {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  clear: both;
  width: 100%;
  height: 100%;
  border-top: 1px solid #ffffff;
}
.menuclassicDropDown .menuclassicDropDownSub .menuItemSub {
  color: black;
  background-color: transparent;
  text-decoration: none;
  line-height: 35px;
  border-bottom: 1px solid #D3D3D3;
}
.menuclassicDropDown .menuclassicDropDownSub .menuItemContentSub:hover {
  color: #35508A;
}
.menuclassicDropDown .menuclassicDropDownSub .menuItemSub a {
  line-height: 35px;
  padding-left: 10px;
  display: block;
  text-align: left;
  font-size: 0.9em;
  font-weight: normal;
}
/* the height of inputs in leftMenu to match buttonLowProfile  */
.menuColorSet {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
.menuColorSetLevel1 {
  color: black;
  background-color: transparent;
  text-decoration: none;
  line-height: 28px;
}
.menuColorSetLevel2 {
  color: black;
  background-color: transparent;
  text-decoration: none;
  line-height: 35px;
  border-bottom: 1px solid #D3D3D3;
}
.menuColorSetLevel1Hover,
.menuColorSetLevel2Hover {
  color: #35508A;
}
.menuColorSetLevel1Sel,
.menuColorSetLevel2Sel {
  text-decoration: none;
}
.menuclassic .menuItem {
  border-right: none;
}
#menuBlock_register {
  display: none;
}
.menuBlock_languageMenu,
.menuBlock_hamburgerMenu,
.menuBlock_mainMenu,
.menuBlock_login Menu {
  float: right;
}
footer .menuclassic * {
  color: white;
}
#c_frontendMenu #menu_callout #menu_hbr_callout {
  font-size: 48px;
  position: absolute;
  z-index: 10000;
}
#c_frontendMenu #menu_callout #menu_hbr_callout * {
  /* position: initial; */
}
#c_frontendMenu #menu_callout a:hover {
  text-decoration: none;
}
#c_frontendMenu #menu_callout .menuItemContentText {
  display: none;
}
#menuSub_callout {
  position: absolute;
  top: 50px;
  border-width: 50px 15px 15px;
  /* transparent border makes it easier to use mouse without the menu disappearing */
  border-style: solid;
  border-color: transparent;
  /* background-color: initial; */
}
#menu_hamburger {
  display: block;
  /* always on now */
}
#menu_mainMenu .menuItem,
#menu_languageMenu .menuItem {
  text-transform: uppercase;
  cursor: pointer;
}
#menu_mainMenu .menuItem .menuItemContentSub,
#menu_languageMenu .menuItem .menuItemContentSub {
  text-transform: none;
}
header .menuclassic .menuItem .menuItemContent > a,
header .menuclassicDropDown .menuItem .menuItemContent > a,
header .menuclassic .menuItem .menuItemContentSub > a,
header .menuclassicDropDown .menuItem .menuItemContentSub > a {
  font-size: 14px;
  color: #012151;
  font-weight: 400;
  hyphens: none;
  background-color: transparennt;
  line-height: 35px;
  /* 50px */
  height: 35px;
  /* 50px */
  border: none;
  font-size: 16px;
}
header .menuclassicDropDown .menuItem:hover {
  color: black;
  background-color: #edf0f1;
}
header .menuclassicDropDown .menuItem.dropped1 {
  background-color: #edf0f1;
}
header .menuclassicDropDown .menuItem a:hover {
  color: black;
  text-decoration: none;
}
header .menuclassicDropDown .menuclassicDropDownSub {
  background-color: #edf0f1;
  border: none;
}
header .menuclassicDropDown .menuItem {
  background-color: transparent;
}
header .menuclassicDropDown .menuItem:hover {
  color: white;
  background-color: #35508A;
}
header .menuclassicDropDown .menuItem:hover a {
  color: white;
}
header .menuclassicDropDown .menuItem a:hover {
  color: white;
  text-decoration: none;
}
header .menuclassicDropDown .menuItem.dropped1 {
  background-color: #edf0f1;
}
header .menuclassicDropDown .menuItem .menuItemContent {
  margin: 5px 0 0px;
}
header .menuclassicDropDown .menuItem .menuItemSub {
  font-size: 16px;
  color: #012151;
  font-weight: 600;
  hyphens: none;
  padding: 0 20px 0 10px;
}
header .menuclassicDropDown .menuItem .menuItemSub:hover {
  background-color: #35508A;
}
header .menuclassicDropDown .menuItem .menuItemSub:hover a {
  color: white;
}
header .menuclassicDropDown .menuItem .menuItemContentSub a {
  font-size: 16px;
  color: #012151;
  font-weight: 600;
  hyphens: none;
}
header #menuSub_login {
  width: 500px;
  padding: 0;
}
header #menuSub_login .menuclassicDropDownSub {
  padding: 0;
  background-color: #35508A;
}
header #menuSub_login li.menuItemSub {
  margin: 0;
  padding: 0 20px;
}
header #menuSub_login li.menuItemSub a {
  color: #ffffff;
}
header #menuSub_login .menuItemContentSub {
  display: none;
}
#menu_login_loginEntry {
  border-bottom: none;
}
#menu_login_loginEntry {
  margin: 0;
  padding: 0 20px;
}
header .menuclassic .menuItem .menuItemContent,
header .menuclassicDropDown .menuItem .menuItemContent {
  margin-top: 0;
  padding: 0 10px;
}
header #menu_mainMenu .menuItemContent a {
  line-height: 70px;
}
header #menu_languageMenu .menuItemSub .menuItemContentSub a {
  line-height: 50px;
}
header .menu_icon {
  font-size: 1.6em;
  padding: 5px 5px 5px 0;
}
header .menu_icon a {
  font-weight: bold;
  text-align: right;
}
header #menuSub_hamburger,
header #menuSub_language,
header #menuSub_login {
  position: absolute;
  top: 70px;
  right: 0;
}
/* Hide non-mobile + hamburger menu items */
#menuItem_mobilelogin,
#menuItem_hamburger_hmbdoRegister,
#menuItem_hamburger_hmblogin,
#menuItem_hamburger_hmbadministration,
#menuItem_hamburger_hmbuserhome,
#menuItem_hamburger_hmblogout,
#menuItem_hamburger_hbmsearch,
#menuItem_hamburger_hbmForCompanies,
#menuItem_hamburger_hmbcontact {
  display: none;
}
.loginForm,
.requestPasswordForm {
  display: block;
  margin: 0;
  padding: 20px 0 0;
  border-collapse: collapse;
  width: 100%;
  max-width: 500px;
  /*
	.formRow > * {
		display: table-cell;
	}
	*/
}
.loginForm fieldset,
.requestPasswordForm fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.loginForm fieldset legend,
.requestPasswordForm fieldset legend {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  max-height: 1px !important;
  max-width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.loginForm .header,
.requestPasswordForm .header {
  /*	max-width: 40em !important;*/
  text-align: justify;
  /* counter-intuitive as justify leads to awkward word spacing */
  hyphens: auto;
  /* Firefox and Safari can now insert hyphens to resolve word spacing issues with justify */
  margin-left: auto;
  margin-right: auto;
}
.loginForm .header ul,
.requestPasswordForm .header ul {
  text-align: unset;
}
.loginForm .heading,
.requestPasswordForm .heading {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  line-height: 1.1em;
  color: #012151;
  font-weight: bold;
  hyphens: none;
  margin: 0;
  padding: 15px 0 5px 0;
  color: dark-gray;
}
.loginForm .formBlock,
.requestPasswordForm .formBlock {
  /* display: table;
		table-layout: auto;
		 */
  /* width: 100%; */
}
.loginForm .formRow,
.requestPasswordForm .formRow {
  /* display: table-row; */
  border-bottom: 10px solid transparent;
}
.loginForm label,
.requestPasswordForm label {
  font-size: 14px;
  color: #012151;
  font-weight: 400;
  hyphens: none;
  color: #ffffff;
  /* line-height: 2em;
		padding: 1em 20px 0 0;
		text-align: right;
		*/
  float: left;
  padding: 0;
}
.loginForm input,
.requestPasswordForm input,
.loginForm textarea,
.requestPasswordForm textarea,
.loginForm select,
.requestPasswordForm select {
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
  width: 100%;
  color: #012151;
  background-color: #E3E6E8;
  border: none;
  box-shadow: 0 1px 1px #E5E5E5 inset;
  -moz-box-shadow: 0 1px 1px #E5E5E5 inset;
  color: #222222;
  height: 3.5em;
  line-height: normal;
  padding: 1em;
  font-size: 16px;
}
.loginForm .login_fail input,
.requestPasswordForm .login_fail input {
  box-shadow: 0 1px 5px 5px red inset;
  -moz-box-shadow: 0 1px 5px 5px red inset;
}
.loginForm .rememberMe,
.requestPasswordForm .rememberMe {
  display: none;
  float: left;
}
.loginForm .forgotPassword,
.requestPasswordForm .forgotPassword {
  color: #35508A;
  border-bottom: none;
  cursor: pointer;
  float: right;
}
.loginForm .forgotPassword:link,
.requestPasswordForm .forgotPassword:link,
.loginForm .forgotPassword:visited,
.requestPasswordForm .forgotPassword:visited {
  color: #35508A;
}
.loginForm .button.primary,
.requestPasswordForm .button.primary {
  margin-top: 20px;
  background-color: #7794ce;
}
.loginForm.mode_embedded .resultArea,
.requestPasswordForm.mode_embedded .resultArea {
  color: black;
  /* otherwise the text is white unless we hover */
  padding-bottom: 10px;
  margin-bottom: 0;
}
.requestPasswordSuccess {
  margin: 40px 0;
}
.passwordChangeSuccessful {
  margin: 30px;
  text-align: center;
}
.support {
  margin: 0 auto;
  width: 250px;
  text-align: center;
}
.warning {
  margin: 20px;
}
#login_embedded.loginForm input {
  color: #012151;
  background-color: white;
  border: none;
  box-shadow: 0 1px 1px #E5E5E5 inset;
  -moz-box-shadow: 0 1px 1px #E5E5E5 inset;
  /*
		height: 3.5em;
		line-height: normal;
		padding: 1em;
		*/
}
#login_embedded.loginForm .composeMessage {
  color: #012151;
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
}
#login_embedded.loginForm .composeMessage a {
  color: #35508A;
  padding: 0;
  text-decoration: underline;
  display: inline-block;
  border: none;
  font-weight: bold;
}
#login_embedded.loginForm .composeMessage a:link,
#login_embedded.loginForm .composeMessage a:visited {
  color: #35508A;
}
#login_embedded.loginForm .composeMessage a:hover {
  color: #012151;
}
li#menuItem_hamburger {
  height: 100%;
  margin-right: 0;
}
ul#menu_frontendMenu > .menuItemFirst > div > a {
  lineheight: 1.5em;
  font-size: 1.5em;
  position: relative;
  top: -1em;
  color: darkorange;
}
ul#menu_frontendMenu > .menuItemFirst > div > a::before {
  content: '\2261';
  lineheight: 2em;
  font-size: 2em;
  vertical-align: baseline;
}
ul#menu_frontendMenu > .menuItemFirst > div > a:hover {
  text-decoration: none;
}
@media (max-width: 850px) {
  .menuItem_search,
  .menuItem_contact,
  .menuItem_forCompanies,
  .menuItem_administration {
    display: none;
  }
  #menu_hamburger,
  #menuItem_hamburger_hbmsearch,
  #menuItem_hamburger_hbmForCompanies,
  #menuItem_hamburger_hmbcontact,
  #menuItem_hamburger_hmbadministration {
    display: block;
  }
}
/* @import "../../../_css/v2/eTraining.css"; */
.backend {
  /* ATTENTION:  this must be included into .backend {} */
  font-family: sans-serif, Arial;
  font-size: 14px;
  /* make the admin object responsive */
  /* Global */
  /* Undoing forced 1180px for backend */
  /* Backend */
  /* Object Configuration Preview */
  /* this CANNOT be good!! it affects ALL divs!! 
#maintemplate > div {
	width: 100%;
	margin: 0 auto; 
}

*/
  /* in objectInfo float: right, but in configuration's objectTest float left */
}
.backend h1 {
  margin: 10px 0 5px 0;
  font-size: 22px;
  font-weight: 400;
}
.backend .c_top {
  height: 120px;
}
.backend #c_unitContent_object_5001 #c_page_framework {
  width: 100%;
}
.backend .content-framework {
  width: 100% !important;
  /* works in Chrome, FF is buggy: scrollbar does not work correctly */
  margin: 0 !important;
}
.backend .content-framework .contentData.backend {
  padding: 0 10px;
}
.backend .c_contentContainer {
  overflow: hidden;
  /* prevent content Container from overlapping c_contentLeft in legacy backend editors such as t_Client */
}
.backend .objectConfiguration,
.backend .objectConfigurationPreview {
  width: 100%;
  overflow: hidden;
}
.backend .objectConfiguration.showObjectConfigSection {
  width: 100%;
}
.backend.modernStyle .c_CMS_t_ObjectConfiguration .c_top {
  position: relative;
  /* overwrite 'fixed' as it will otherwise overlay configuration page top containing close */
  background-color: transparent;
  border-top: 2px dashed;
  padding-top: 10px;
}
.backend .t_ClientLicence_list .ul_table {
  min-height: 12px;
  height: auto;
  /* allow to grow when label is too long */
}
.backend .CMS_t_ObjectConfigurationPreview.objectConfigurationPreview {
  position: relative;
  min-height: 500px;
  /* for fullWidthBanner subPages */
  /* the scale transform prevents any position fixed header from breaking out of the container */
  transform-origin: top left;
  transform: scale(1);
}
.backend .CMS_t_ObjectConfigurationPreview.frontend .MCAnswer input {
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: normal;
  height: 19px;
  line-height: 19px;
  text-align: left;
  box-sizing: border-box;
  padding: 0 3px;
  width: auto;
}
.backend .tabShiftContainer {
  transition: none;
}
.backend .objectPreviewContainerScaledTarget .c_contentArea {
  margin: 0 !important;
}
.backend .objectPreviewContainerScaled {
  width: 600px;
  height: auto;
  max-height: 1000px;
  margin: 15px 15px 15px 0;
  float: right;
  overflow: auto;
}
.backend .objectPreviewContainerScaled .objectPreviewContainerScaledHead {
  font-size: 1.5em;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #f1f1f1;
  font-weight: bold;
  color: #f1f1f1;
}
.backend .objectPreviewContainerScaled .objectPreviewContainerScaledHead .adminOpenObject {
  right: 0;
  top: 0;
}
.backend .objectPreviewContainerScaled.objectPreviewContainerScaled201,
.backend .objectPreviewContainerScaled.objectPreviewContainerScaled301,
.backend .objectPreviewContainerScaled.objectPreviewContainerScaled302,
.backend .objectPreviewContainerScaled.objectPreviewContainerScaled307,
.backend .objectPreviewContainerScaled.objectPreviewContainerScaled311 {
  background-color: #000000;
}
.backend .objectPreviewContainerScaled .objectPreviewContainerScaledTarget {
  transform: scale(0.5);
  transform-origin: top left;
  width: 200%;
  /* 1/scaleFactor | 1/0.4 = 2.5 => 250% */
}
.backend .objectPreviewContainerScaled .objectPreviewContainerScaledTargetMulti {
  height: 500px;
}
.backend .objectPreviewContainerScaled .objectPreviewContainerScaledTarget100 {
  transform: scale(0.7);
  width: 137%;
  margin: 2%;
}
.backend .objectPreviewContainerScaled .content-lesson {
  margin-bottom: 30px;
}
.backend .f_ObjectTest .objectPreviewContainerScaled {
  height: 680px;
}
.backend .f_ObjectTest .objectPreviewContainerScaled.lessonPreview {
  height: 1400px;
}
.backend .CMS_t_ObjectConfigurationPreview .objectPreviewContainerScaled {
  float: left;
  background-color: #000000;
}
.backend .c_CMS_t_ObjectConfigurationContainer {
  /* used for visualizing structure in objectConfiguration_classic */
}
.backend .c_CMS_t_ObjectConfigurationContainer .MCQuestion {
  margin: 5px 5px 0 5px;
  padding: 5px;
  background-color: #ffffff;
  border: 3px solid #ffa13f;
  overflow: hidden;
}
.backend .c_CMS_t_ObjectConfigurationContainer .MCQuestion_Arrow {
  text-align: center;
}
.backend .c_CMS_t_ObjectConfigurationContainer .MCAnswer {
  clear: both;
  height: auto;
  margin: 0px 5px 10px 5px;
  background-color: #ffffff;
  border: 3px solid #e7e7e7;
  overflow: hidden;
  cursor: pointer;
  background-repeat: no-repeat;
  padding: 8px 0 7px 35px;
  line-height: 20px;
}
.backend .form_CMS_t_Object .editingForm_description .form_show_field_text {
  max-height: 200px;
  overflow: hidden;
}
.backend .form_CMS_t_Object .editingForm_description .form_show_field_text:before {
  content: '';
  display: block;
  height: 50px;
  background: -moz-linear-gradient(top, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.backend .lang_ar {
  direction: rtl;
  text-align: right;
}
.backend .translationVisualization {
  margin: 20px;
  overflow: hidden;
}
.backend .translationVisualization span {
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
  height: 40px;
  font-size: 0.95em;
}
.backend #form_t_Client_editingForm {
  width: 70%;
}
.backend .clientActionContainer {
  width: 30%;
  margin: 0;
  background-color: transparent;
  /* width: 510px; */
  height: auto;
  max-height: 1000px;
  float: right;
  overflow: auto;
}
.backend .clientActionContainer .t_ClientCom_Result {
  transform: scale(0.85);
  transform-origin: top left;
  width: 117%;
}
.backend .voicemail i.fa-microphone {
  display: inline;
}
.backend .voicemail i.fa-play {
  display: none;
}
.backend .voicemailPlaying i.fa-microphone {
  display: none;
}
.backend .voicemailPlaying i.fa-play {
  display: inline;
}
.backend.modernStyle .c_top {
  background-color: #333333;
  height: 50px;
  /*max-width: calc(~"100% - 30px"); */
  max-width: unset;
  width: unset;
  hight: unset;
  left: 0;
  top: 0;
  right: 0;
  position: fixed;
  z-index: 15;
}
.backend.modernStyle .c_top .logo .lessonLogo {
  margin-left: 10px;
}
.backend.modernStyle .c_top #menu_closeMenu {
  background-color: transparent;
}
.backend.modernStyle .c_top #menu_closeMenu .menuItem {
  float: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: none;
  margin: none;
}
.backend.modernStyle .c_top #menu_closeMenu .menuItem .menuItemContent {
  padding: 5px;
  text-align: left;
}
.backend.modernStyle .c_top #menu_closeMenu .menuItem .menuItemContent a,
.backend.modernStyle .c_top #menu_closeMenu .menuItem .menuItemContent a:visited,
.backend.modernStyle .c_top #menu_closeMenu .menuItem .menuItemContent a:link {
  color: #ffffff;
}
.backend.modernStyle .c_top #menu_closeMenu .menuItem .menuItemContent a i.fa,
.backend.modernStyle .c_top #menu_closeMenu .menuItem .menuItemContent a:visited i.fa,
.backend.modernStyle .c_top #menu_closeMenu .menuItem .menuItemContent a:link i.fa {
  vertical-align: middle;
  font-size: 1.5em;
  margin-right: 7px;
  display: inline-block;
  width: 35px;
  text-align: center;
}
.backend.modernStyle .c_top .topMenuBar {
  background-color: #333333;
  width: 160px;
  position: fixed;
  left: 0;
  top: 50px;
  /* height of c_top */
  bottom: 0;
  height: unset;
  /* for the left menu */
}
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem {
  float: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: none;
  margin: none;
}
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem .menuItemContent {
  padding: 5px;
  text-align: left;
}
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem .menuItemContent a,
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem .menuItemContent a:visited,
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem .menuItemContent a:link {
  color: #ffffff;
}
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem .menuItemContent a i.fa,
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem .menuItemContent a:visited i.fa,
.backend.modernStyle .c_top .topMenuBar .menuBlock_adminMenu .menu_adminMenu .menuItem .menuItemContent a:link i.fa {
  vertical-align: middle;
  font-size: 1.5em;
  margin-right: 7px;
  display: inline-block;
  width: 35px;
  text-align: center;
}
.backend.modernStyle .subMenuBar {
  box-sizing: border-box;
  height: 35px;
  line-height: 32px;
  /* to allow the red 3px bottom border on sel1 selection */
  padding-left: 10px;
  background-color: #888888;
  /* otherwise we get white text on white bg... */
}
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuHeaderIcon {
  display: inline-block;
}
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem {
  line-height: inherit;
}
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem .menuItemContent a,
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem .menuItemContent a:link,
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem .menuItem .menuItemContent a:visited {
  color: white;
  font-weight: 400;
  /* line-height: 35px; let this be auto because it causes an increasing height of 1px */
}
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem .sel1 {
  background-color: transparent;
  background-image: none;
  border-bottom: 3px solid red;
}
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem .menuItemSub {
  color: #ffffff;
}
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem .menuItemSub a {
  font-size: 12px;
  color: #ffffff;
}
.backend.modernStyle .subMenuBar .menuclassicDropDown .menuItem .menuclassicDropDownSubContainer {
  background-color: #888888;
  /* otherwise we get white text on white bg... */
}
.backend.modernStyle .objectAdminSubMenuBar {
  background-color: rebeccapurple;
}
.backend.modernStyle .objectAdminSubMenuBar .menuclassicDropDown .menuItem,
.backend.modernStyle .objectAdminSubMenuBar .menuclassicDropDownSubContainer {
  background-color: rebeccapurple;
}
.backend.modernStyle .clientAdminSubMenuBar {
  background-color: red;
}
.backend.modernStyle .clientAdminSubMenuBar .menuclassicDropDown .menuItem,
.backend.modernStyle .clientAdminSubMenuBar .menuclassicDropDownSubContainer {
  background-color: red;
}
.backend.modernStyle .mediaAdminSubMenuBar {
  background-color: green;
}
.backend.modernStyle .mediaAdminSubMenuBar .menuclassicDropDown .menuItem,
.backend.modernStyle .mediaAdminSubMenuBar .menuclassicDropDownSubContainer {
  background-color: green;
}
.backend.modernStyle .groupAdminSubMenuBar {
  background-color: orange;
}
.backend.modernStyle .groupAdminSubMenuBar .menuclassicDropDown .menuItem,
.backend.modernStyle .groupAdminSubMenuBar .menuclassicDropDownSubContainer {
  background-color: orange;
}
.backend.modernStyle .projectAdminSubMenuBar {
  background-color: #132aa2;
}
.backend.modernStyle .projectAdminSubMenuBar .menuclassicDropDown .menuItem,
.backend.modernStyle .projectAdminSubMenuBar .menuclassicDropDownSubContainer {
  background-color: #132aa2;
}
.backend.modernStyle .c_contentArea {
  margin-top: 50px;
}
.backend.modernStyle.menuMaximized .c_contentArea {
  margin-left: 150px;
}
.backend.modernStyle.menuMaximized .logo .lessonLogo {
  margin-left: 160px;
}
.backend.modernStyle.menuMinimized .logo .lessonLogo {
  margin-left: 45px;
}
.backend.modernStyle.menuMinimized .topMenuBar {
  width: 45px;
}
.backend.modernStyle.menuMinimized .topMenuBar .menutext {
  display: none;
}
.backend.modernStyle.menuMinimized .c_contentArea {
  margin-left: 45px;
}
.backend.modernStyle.menuMinimized .c_contentArea .c_contentLeft {
  margin: 0;
}
.backend.modernStyle .menuBlock_objectNew {
  margin: 15px;
}
.backend.modernStyle #c_bottom {
  padding-left: 50px;
}
.backend.modernStyle .unitFullIframe {
  display: block;
  margin: 0;
  height: calc(100vh - 51px);
  width: 100vw;
}
.backend .menuclassicDropDown .menuItem {
  background-color: transparent;
  background-image: none;
}
.backend .wndHCEditor .hcLine .middle {
  width: 100%;
}
.backend.modernStyle .t_CNCObjectAdminSubMenuBar {
  background-color: #4f7cb3;
}
body,
.landing_header {
  min-width: 300px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 1.5em;
}
.frontend h1 {
  font-size: 2.5em;
  line-height: 1.1em;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  /* use padding to avoid margin collapsing */
  padding: 0 0 7px 0;
  color: #35508A;
  text-align: center;
  hyphens: none;
}
.frontend h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.7em;
  line-height: 1.1em;
  font-weight: 700;
  hyphens: none;
  color: #35508A;
  margin: 0;
  padding: 0 0 7px 0;
  line-height: 2em;
  text-align: center;
}
.frontend h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3em;
  line-height: 1.1em;
  color: #35508A;
  font-weight: 700;
  hyphens: none;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: center;
}
.frontend h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  line-height: 1.1em;
  color: #012151;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 5px 0;
  hyphens: none;
  text-align: left;
  text-align: start;
  /* works on modern browers, except IE*/
}
.frontend h5 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  line-height: 1.1em;
  color: #012151;
  font-weight: bold;
  margin: 0;
  padding: 12px 0 5px 0;
  hyphens: none;
  text-align: left;
  text-align: start;
  /* works on modern browers, except IE*/
}
.frontend .contentBody {
  color: #012151;
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
}
p,
.p {
  color: #012151;
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
}
@media (max-width: 790px) {
  p,
  .p {
    padding-bottom: 5px;
    /* save space */
  }
}
/* Global Styles */
.pdflink {
  background-position: 0;
}
.simplecmslink {
  background-position: 0px;
  padding-left: 15px;
  background-repeat: no-repeat;
}
.textField.styleguide-h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.7em;
  line-height: 1.1em;
  font-weight: 700;
  hyphens: none;
  color: #35508A;
  margin: 0;
  padding: 0 0 7px 0;
  line-height: 2em;
  text-align: center;
  margin-left: -40px;
  margin-right: -40px;
}
/* LANGUAGE SPECIFIC OPTIONS */
.lang_de .frontend .textBlock {
  hyphens: none;
}
/* @import "../design.css" */
.meinFehligHead,
.shoppingCartTeaserText {
  text-align: center;
  line-height: 30px;
  color: #414d77;
  font-weight: bold;
  min-width: 190px;
  display: inline-block;
}
.shoppingCartTeaserText {
  height: 40px;
  cursor: pointer;
}
.shoppingCartTeaser {
  box-shadow: 1px 7px 20px -5px #000000;
  /*	box-shadow: -2px 2px 5px -3px #cccccc inset; */
  background-color: #ffffff;
  /* for IE 11 */
  background-image: -moz-linear-gradient(#f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-image: -moz-linear-gradient(45deg, #f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-image: -webkit-linear-gradient(#f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-image: -webkit-linear-gradient(45deg, #f6f6f6 15%, #f1f1f1 50%, #ffa500 75%, #ffa500 100%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 600px 40px;
  transition: background 2s ease-out 0s;
  border-left: 1px solid #efefef;
  border-bottom: 2px solid #ffffff;
  -webkit-animation-name: cartHighlight;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite;
  /* Safari 4.0 - 8.0 */
  animation-name: cartHighlight;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
@-webkit-keyframes cartHighlight {
  1% {
    background-position: -400px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes cartHighlight {
  1% {
    background-position: -400px 0;
  }
  100% {
    background-position: 0 0;
  }
}
.shoppingCartTeaser .h4 {
  padding-top: 5px;
  line-height: 18px;
  margin: 0;
  text-align: center;
  font-weight: 500;
  padding-bottom: 1px;
}
.shoppingCartTeaser .cartOverview {
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
}
.cartIcon {
  float: right;
  margin: 7px;
  width: 20px;
  height: 19px;
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -275px 0;
  cursor: pointer;
  transition: background 0.5s ease-out 0s;
}
.buttonLowProfile span.addToCart {
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -225px -2px;
  display: block;
  width: 20px;
}
.buttonLowProfile span.addToCartArrow {
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -125px 0px;
  margin: 3px 0 0;
  display: block;
  width: 13px;
}
.rbmShopCartTitle {
  position: absolute;
  left: 400px;
  top: 5px;
  font-size: 1.2em;
  font-weight: bold;
  transition: left ease 1s;
}
.rbmShopCartContainerOpen .cartIcon {
  background-position: -300px 0;
}
.rbmShopCartContainerOpen .rbmShopCartTitle {
  left: 10px;
}
.cartItem {
  height: auto;
  list-style-type: none;
  list-style-position: inside;
  padding: 0;
  padding: 3px 0;
  margin: 0 0 0 3px;
  font-size: 1em;
  line-height: 18px;
  overflow: hidden;
}
.cartItem li {
  float: left;
  overflow: hidden;
  margin-right: 1px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cartItem .column1 {
  width: 6%;
  min-width: 30px;
  /* to avoid cut on mobile */
}
.cartItem .column2 {
  width: 60%;
}
.cartItem .column3 {
  width: 12%;
  min-width: 70px;
  text-align: right;
}
.cartItem .column4 {
  width: 18%;
  min-width: 70px;
  /* to avoid cut on mobile */
  text-align: right;
  float: right;
  margin-right: 7px;
}
.cartItem .column5 {
  width: 5%;
}
.cartItem .orderNumber {
  text-align: right;
}
.cartHead {
  background-color: #F3F4F5;
  font-weight: bold;
  margin: 0;
}
.cartSum,
.cartTotal {
  border-top: 1px solid #dddddd;
}
.cartSum p,
.cartTotal p {
  padding: 0 0 3px 0;
  margin: 0;
}
.rbmShopCartContainer .contentBody {
  margin: 0 10px 10px 10px;
}
.rbmShopCartContainer .contentDataHead {
  margin: 10px;
}
.cartItemList {
  border-bottom: 1px solid #35508A;
  padding: 10px;
  /*    overflow: hidden;  prevent cart content to float around hcSearch container. NOT necessary when cart is not rendered to content! Causes strange margin! */
}
.rbmShopCartContainer .contentData {
  min-height: 570px;
  overflow: auto;
}
.cartBin {
  width: 22px;
  height: 22px;
  background-image: url("/14/images/iconsFehlig.png");
  background-position: -250px 0;
  display: block;
  cursor: pointer;
}
.button.buttonGreen,
.ccmsButton.buttonGreen {
  background-color: #20B300 !important;
  color: #FFFFFF !important;
}
.button.buttonLowProfile.buttonLight {
  color: #000000;
  font-weight: bold;
  background-color: #ebebeb;
  border: 1px solid #d6d6d6;
  padding: 0 8px;
  background-image: linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -moz-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -o-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
  background-image: -ms-linear-gradient(top, #fcfcfc 0%, #ebebeb 50%, #cbcbcb 100%);
}
.button.buttonLowProfile.buttonLight:hover {
  color: #7794ce;
}
.rbmShopCartContainer {
  background-color: rgba(255, 255, 255, 0);
  height: 32px;
  width: 37px;
  position: absolute;
  right: 150px;
  top: 5px;
  z-index: 400;
  transition: width 0.5s ease-out 0s, height 0.5s ease-out 0s, box-shadow 2s ease 0s, background-color 1s ease 0s;
  /*	-moz-transition: width 1.5s ease-out 1s, height 1.5s ease-out 1s, box-shadow 2x ease 2s, background-color 2s ease 2s; */
  box-shadow: none;
  overflow: hidden;
  color: #000000;
}
.rbmShopCartContainerOpen {
  box-shadow: 15px 15px 55px 3px #000000;
  background-color: #ffffff;
  width: 780px;
}
.rbmShopCartHead {
  background-color: transparent;
  background-image: none;
  height: 30px;
  width: 100%;
}
.rbmShopCartContainerOpen .rbmShopCartHead {
  background-image: linear-gradient(left, rgba(245, 245, 245, 0) 0%, #f5f5f5 80%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f5f5f5 80%, rgba(255, 255, 255, 0) 100%);
}
.rbmShopCartBody {
  width: 100%;
  height: calc(100% - 30px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
}
#orderButtonTextLong {
  display: inline;
}
#orderButtonTextShort {
  display: none;
}
@media (max-width: 970px) {
  .rbmShopCartContainer {
    /*		top: 4px; top moves at next breakpoint when we change to mobile menu */
    right: 5px;
    /* move the icon to the right to avoid unused space on the right side of the cart */
  }
}
@media (max-width: 790px) {
  #deleteCartButton {
    padding-right: 0;
  }
  #deleteCartButton .buttonText {
    display: none;
  }
}
@media (max-width: 490px) {
  /* shorten the text in the order button on phones */
  #orderButtonTextLong {
    display: none;
  }
  #orderButtonTextShort {
    display: inline;
  }
}
.addToCartButton.inCart {
  background-color: #97bf0d;
}
.frontend {
  /** subsequent subpage must not have a 70px top margin in contentData */
  /* disabled temporarily as it breaks mobile design */
}
.frontend .contentData {
  padding-bottom: 20px;
}
.frontend .subPageCollection.snapScroll {
  scroll-snap-type: y mandatory;
  scroll-snap-type: mandatory;
  overflow-x: scroll;
  height: 100vh;
}
.frontend .subPageCollection.snapScroll .subPage {
  scroll-snap-align: start;
}
.frontend .subPage {
  /*	subPages must not define margins, since subPage are implizit elements and cannot have individual styles for this reason
	So eliminating the margin from a subPage requires CSS on the object_XXXX class which cannot be added by the authors!
	For this reason the content inside the subPages is responsible for adding padding or margins. Worst case the other can
	add an empty body to the bottom to increase the margin. That not perfect, but it is much better than not having any 
	control over the margins at all!	

	margin: 0 0 40px 0; 

*/
  position: relative;
  /* Automatically switch contents in opposing colors */
}
.frontend .subPage .contentData.defaultContentData .contentDataHead {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.frontend .subPage.subPage_even {
  background-color: #E3E6E8;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.frontend .subPage.subPage_even.subPageNoColor {
  background-color: transparent;
}
.frontend .subPage.subPage_odd {
  background-color: #FFFFFF;
}
.frontend .subPage.subPage_odd.subPageNoColor {
  background-color: transparent;
}
.frontend .subPage .contentDataHead {
  padding-top: 30px;
}
.frontend .subPage .contentDataHead.headerOnly {
  padding-top: 30px;
}
.frontend .subPage .contentData {
  padding-bottom: 50px;
}
.frontend .makroTemplateGap.contentDataFWB {
  margin: 0 !important;
}
.frontend .contentData.fullWidthBanner .contentBody {
  margin-top: 20px;
}
.frontend .contentData.headerOnly {
  display: none;
}
.frontend .fullWidthBannerScrim {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
  /* IE6-9 */
}
.frontend .contentDataHead.fullWidthBanner {
  overflow: hidden;
  position: relative;
}
.frontend .contentDataHead.fullWidthBanner .contentBody {
  margin: 0;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner {
  overflow: hidden;
  /* prevent any inner element's margins to exceed the bounds */
  width: 100%;
  max-width: 1218px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual {
  padding: 0;
  background-color: #E3E6E8;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .genericIMG {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerCenterTop .genericIMG {
  background-position: center top;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerCenterBottom .genericIMG {
  background-position: center bottom;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerLeftTop .genericIMG {
  background-position: center top;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerLeftCenter .genericIMG {
  background-position: center bottom;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerLeftBottom .genericIMG {
  background-position: center bottom;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerRightTop .genericIMG {
  background-position: center top;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerRightCenter .genericIMG {
  background-position: center bottom;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerRightBottom .genericIMG {
  background-position: center bottom;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBody {
  width: 100%;
  display: table;
  z-index: 2;
  height: 100%;
  /* because globally defined min-height: 100% does not work in Firefox 70 */
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner {
  height: 100%;
  /* because globally defined min-height: 100% does not work in Firefox 70 */
  display: table-cell;
  vertical-align: middle;
  text-shadow: 2px 2px 10px #222222;
  /* to make text better readable wehn positioned on lighter background areas (due to scaling bg image) */
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h1 {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3em;
  line-height: 1.1em;
  color: #35508A;
  font-weight: 700;
  hyphens: none;
  margin: 0;
  padding: 0 0 5px 0;
  color: #FFFFFF;
  padding-top: 0px;
  margin-top: 20px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner .button {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 400;
  hyphens: none;
  text-transform: uppercase;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.structuredContent .contentBodyInner {
  display: block;
  /* structured content requires margin: 0 auto to center horizontally */
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos2 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 2%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos4 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 4%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos6 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 6%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos8 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 8%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos10 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 10%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos12 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 12%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos14 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 14%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos16 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 16%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos18 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 18%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos20 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 20%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos22 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 22%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.verticalPos24 .contentBodyInner {
  vertical-align: bottom;
  padding-bottom: 24%;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h1 {
  font-size: 60px;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h2 {
  font-size: 28px;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextFullHeight {
  height: 100vh;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextFullHeight .contentBody {
  position: absolute;
  top: 0;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextFullHeight .playerCanvasSize {
  height: 100vh;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextFullHeight .playerCanvasSize video {
  object-position: center;
  object-fit: cover;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextLarge {
  height: 500px;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextMedium {
  height: 375px;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextSmall {
  height: 250px;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .fadingSlideshow,
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentSlideShow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.frontend .contentDataHead.fullWidthBanner.startPageVisual .fadingSlideshow.fadingSlideshow_fixed,
.frontend .contentDataHead.fullWidthBanner.startPageVisual .contentSlideShow.fadingSlideshow_fixed {
  position: fixed;
}
@media (max-width: 790px) {
  .frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h1 {
    margin-left: 0;
    margin-right: 0;
    font-size: 40px;
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h2 {
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextLarge {
    height: 350px;
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextMedium {
    height: 250px;
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextSmall {
    height: 180px;
  }
}
@media (max-width: 490px) {
  .frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h1 {
    margin-left: 0;
    margin-right: 0;
    /* font-size: 28px; normally 60px */
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual .contentBodyInner h2 {
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    /* font-size: 18px; /* normally 28px */
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextLarge {
    height: 300px;
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextMedium {
    height: 200px;
  }
  .frontend .contentDataHead.fullWidthBanner.startPageVisual.bannerTextSmall {
    height: 150px;
  }
}
.frontend .fullWidthBanner.fullWidthBannerColorSet1 {
  background-color: #35508A;
  color: white;
}
.frontend .fullWidthBanner.fullWidthBannerColorSet1 h1,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 h2,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 h3,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 h4,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 h5,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 h6,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 p {
  background-color: #35508A;
  color: white;
}
.frontend .fullWidthBanner.fullWidthBannerColorSet1 .ccmsButton.primary {
  background-color: #7794ce;
  color: white;
}
.frontend .fullWidthBanner.fullWidthBannerColorSet1 p a {
  background-color: #7794ce;
  color: white;
  background-color: transparent;
}
.frontend .fullWidthBanner.fullWidthBannerColorSet1 p a:link,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 p a:active,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 p a:visited {
  background-color: #7794ce;
  color: white;
  background-color: transparent;
}
.frontend .fullWidthBanner.fullWidthBannerColorSet1 p a:hover,
.frontend .fullWidthBanner.fullWidthBannerColorSet1 p a:hover::after {
  color: #7794ce;
  background-color: transparent;
}
.frontend .fullWidthBannerColorSet2 {
  background-color: #7794ce;
  color: white;
}
.frontend .fullWidthBannerColorSet2 h1,
.frontend .fullWidthBannerColorSet2 h2,
.frontend .fullWidthBannerColorSet2 h3,
.frontend .fullWidthBannerColorSet2 h4,
.frontend .fullWidthBannerColorSet2 h5,
.frontend .fullWidthBannerColorSet2 h6,
.frontend .fullWidthBannerColorSet2 p {
  background-color: #7794ce;
  color: white;
}
.frontend .fullWidthBannerColorSet2 p a {
  background-color: #7794ce;
  color: white;
  background-color: transparent;
}
.frontend .fullWidthBannerColorSet2 p a:link,
.frontend .fullWidthBannerColorSet2 p a:active,
.frontend .fullWidthBannerColorSet2 p a:visited {
  color: #35508A;
}
.frontend .fullWidthBannerColorSet2 p a:hover,
.frontend .fullWidthBannerColorSet2 p a:hover::after {
  background-color: #35508A;
  color: white;
  background-color: transparent;
}
.frontend .fullWidthBannerColorSet3 {
  background-color: #ececec;
  color: #35508A;
}
.frontend .fullWidthBannerColorSet3 h1,
.frontend .fullWidthBannerColorSet3 h2,
.frontend .fullWidthBannerColorSet3 h3,
.frontend .fullWidthBannerColorSet3 h4,
.frontend .fullWidthBannerColorSet3 h5,
.frontend .fullWidthBannerColorSet3 h6,
.frontend .fullWidthBannerColorSet3 p {
  background-color: #ececec;
  color: #35508A;
}
.frontend .contentData {
  margin-bottom: 50px;
  /* ensure space for static footer */
  margin-top: 70px;
}
.frontend .contentData.frontendNoHead .contentDataHead {
  /* center standard headers such as contact page */
  margin: 30px 0 40px 0;
  text-align: center;
}
.frontend .contentData.fullWidthBanner.startPageVisual {
  margin-top: 20px;
}
.frontend .c_contentContainer {
  /* margin-top: 70px; */
}
.frontend .techData {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em;
}
.frontend .techData h3 {
  text-align: center;
}
.frontend .techData .techTable {
  margin-left: 21%;
}
.frontend .techData .techTable td {
  padding: 2px;
  margin: 2px;
}
@media (max-width: 1280px) {
  .frontend .contentData .contentBody,
  .frontend .composeProcess {
    padding: 0 10px;
    transition: padding ease 0.5s;
  }
}
@media (max-width: 790px) {
  .frontend .techData {
    width: 100%;
  }
  .frontend .visualMore5101 {
    display: none;
  }
  .frontend .contentData .contentBody {
    padding: 0 5px;
  }
}
@keyframes bounce2 {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-12px);
  }
}
@keyframes hithere {
  30% {
    transform: scale(1.2);
  }
  40%,
  60% {
    transform: rotate(-20deg) scale(1.2);
  }
  50% {
    transform: rotate(20deg) scale(1.2);
  }
  70% {
    transform: rotate(0deg) scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer {
  position: absolute;
  right: 50px;
  top: 150px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer :focus {
  outline: none;
  box-shadow: none;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
  width: 50px;
  height: 50px;
  background-color: orange;
  margin-top: 20px;
  border-radius: 10px;
  margin: 20px auto 0 auto;
  line-height: 50px;
  content: "\f129";
  font-size: 2em;
  text-align: center;
  color: white;
  /* animation: bounce2 2s ease infinite; */
  animation: hithere 1s ease infinite;
  transition: opacity 0.5s ease;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer:after.fa-pull-left {
  margin-right: 0.3em;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer:after.fa-pull-right {
  margin-left: 0.3em;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer:after.pull-left {
  margin-right: 0.3em;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer:after.pull-right {
  margin-left: 0.3em;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox {
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  width: 300px;
  height: 370px;
  /* auto does not work as clip-path result will vary with content size */
  padding: 1px 0 20px 0;
  border: 5px #012151;
  clip-path: xywh(0 0 100% 100% round 15% 0);
  /*
				border-radius: 30px 0 30px 0;
				overflow: hidden;
				*/
  transition: all ease 0.5s;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox h2 {
  color: #012151 !important;
  text-shadow: none;
  font-weight: bold !important;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox h3 {
  text-align: center;
  color: #012151 !important;
  text-shadow: none;
  margin-top: 20px;
  line-height: 1.2em;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox p {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-top: 10px;
  margin-bottom: 0;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox .FWBCall2Action {
  position: absolute
					
					width: 100%;
  bottom: 15px;
  text-shadow: none;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox .FWBCall2Action .FWBNextPageCenter {
  position: absolute;
  margin-left: 50%;
  bottom: 15px;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox .FWBCall2Action .FWBNextPageCenter .FWBNextPage {
  width: 50px;
  margin-left: -50%;
  animation: bounce2 2s ease infinite;
}
.frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox .FWBCall2Action .FWBMore {
  width: 50px;
  position: absolute;
  left: 20px;
  bottom: 20px;
  transform-origin: top center;
  animation: swing 2s ease infinite;
}
@media (max-width: 790px) {
  .frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer {
    top: 100px;
    right: 50%;
    /*centers FWInfobox */
  }
  .frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer:after {
    margin-left: calc(100% - 25px);
    display: block;
  }
  .frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox {
    min-height: 280px;
    clip-path: xywh(0 0 100% 22% round 15% 0);
    margin-left: 50%;
    /*centers FWInfobox */
    margin-bottom: -285px;
    /* to make info bubble keep distance to bottom */
  }
  .frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox h2 {
    /** overload normal media sizes with original ones (aka keep them) */
    font-size: 22px !important;
    margin-top: 15px !important;
  }
  .frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer .FWBInfobox h3 {
    font-size: 18px !important;
  }
  .frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer.FWBInfoboxOpen .FWBInfobox {
    background-color: rgba(255, 255, 255, 0.9);
    clip-path: xywh(0 0 100% 100% round 15% 0);
    margin-bottom: 20px;
  }
  .frontend .contentDataHead.fullWidthBanner .contentBodyInner .FWBInfoboxContainer.FWBInfoboxOpen:after {
    opacity: 0%;
    /* display: none; */
  }
}
.frontend #priceList table {
  width: 80%;
  margin: 0 auto;
  font-size: 1.2em;
}
.frontend #priceList table th {
  background-color: #E7E7E7;
  color: #001E4C;
  padding: 6px;
}
.frontend #priceList table td {
  border-bottom: 3px solid #E7E7E7;
}
.frontend #priceList table th:nth-child(3),
.frontend #priceList table td:nth-child(3) {
  visibility: hidden;
}
.frontend #subPage_10098 #priceList table th {
  background-color: #ffffff;
}
.frontend #subPage_10098 #priceList table td {
  border-bottom: 3px solid #ffffff;
}
.frontend #subPage_10098 #priceList table td:first-child {
  border-right: 3px solid #ffffff;
}
.frontend .raster .techData {
  width: 80%;
}
.frontend .subPage .contentData {
  padding-bottom: 15px;
  margin-bottom: 0;
}
.frontend .subPageCollection .subPage:not(:first-of-type) .contentDataDefault {
  margin-top: 20px;
}
.frontend .mietbedingungen h3 {
  text-align: start;
}
.frontend #menu_doAffiliate {
  display: none;
}
.frontend footer {
  background-color: #35508A;
  color: white;
}
.frontend p a:hover,
.frontend .downloadArea a:hover,
.frontend p a:hover::after,
.frontend .downloadArea a:hover::after {
  color: #35508A;
  text-decoration: underline;
}
/* @import "composeBackoffice.less"; */
/* anlog to #moreLanguagesArea in relaunch.css */
#messageArea {
  position: relative;
  max-width: 50em;
  max-height: 0;
  transition: all 0.5s ease-out;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#messageArea .dismissButton {
  float: right;
  cursor: pointer;
  font-size: 24px;
  color: #B0BAC1;
  line-height: 42px;
}
#messageArea .dismissButton:hover {
  color: #012151;
}
#messageArea.open {
  display: block;
  height: 0;
  overflow: visible;
  /* max-height: 500px; */
  transition: max-height 0.3s ease-in;
}
/* PROCESSES AND FORMS */
#composeMessageContainer {
  display: block;
}
.composeMessage {
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease-out;
  margin: 8px 30px 0 30px;
  /* to make the shadow visible */
  box-shadow: 0 0 27px #000000;
  border-radius: 4px;
  background-color: #f4f0e8;
  line-height: 40px;
  padding: 0 20px;
}
.composeMessage:first-child {
  margin-top: 30px;
}
.composeMessage:last-child {
  margin-bottom: 40px;
}
.composeMessage.open {
  max-height: 500px;
  min-height: 40px;
  transition: max-height 0.3s ease-in;
  padding: 5px 20px;
  z-index: 10000;
}
.composeMessage.logLevel400,
composeMessage.logLevel500 {
  /* error */
  color: red;
}
.ArrowTopMixIn {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  border-width: 12px 12px 0 15px;
  border-style: solid solid none solid;
  border-left-color: transparent;
  border-right-color: transparent;
  transition: all ease 0.3s;
}
.customSelectBox {
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='4' viewBox='0 0 20 4'><path d='M0,0l4,4l4-4H0z' fill='%23212121'/></svg>") no-repeat right;
  -webkit-appearance: none;
  -moz-appearance: none;
  vertical-align: middle;
  white-space: nowrap;
}
.clickToCall {
  cursor: pointer;
}
.clickToCall:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f095";
  margin-right: 10px;
}
.clickToCall:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f101";
  margin-left: 10px;
  visibility: hidden;
  font-weight: bold;
}
.clickToCall:hover:before {
  color: red;
}
.clickToCall:hover:after {
  color: red;
  visibility: visible;
}
.clickToMail {
  cursor: pointer;
}
.clickToMail:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f003";
  margin-right: 10px;
}
.clickToMail:hover:before {
  color: red;
}
.composeProcess {
  min-width: 280px;
  /* these are labels that are right from a checkbox/radio button */
  /* for placing the timezone */
  /* mix in */
  /* used by bulkUpload process */
  /* since customTERowGap in between we need nth-of-type but there is still an issue with it */
  /* contentLeft search forms e.g. b_objectSearch */
  /* selectListItem such as FHLG shipment address selection require a full width */
  /* for form_input_field: line editors such a product in orders */
}
.composeProcess > .waitElement.composeWait2 {
  top: 0;
  left: 0;
  bottom: 0;
  /* must be negative to cover the footer as well but a negative value extends the scrollHeight and has sideeffencts on detecting the scrollParent */
  width: 100%;
  height: auto;
  margin: 0;
  padding: 50px 0 0 0;
  /* for spinner */
  z-index: 1000;
  background-color: rgba(240, 240, 240, 0.6);
  background-image: none;
  border: 0 none;
  text-align: center;
  position: absolute;
}
.composeProcess .composeProcessError {
  border: 2px solid red;
  padding: 10px;
  margin: 5px;
}
.composeProcess .form {
  width: 100%;
  height: 100%;
  min-width: 330px;
}
.composeProcess .form.withFormHelp {
  width: 78%;
  border-right: 1px solid #DCDCDC;
}
.composeProcess .clickable {
  cursor: pointer;
}
.composeProcess fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.composeProcess fieldset p {
  margin: 10px 10px 10px 0;
}
.composeProcess .inputFieldset {
  padding: 4px 0;
  /* would be better to display lines dugin c_Show only! */
}
.composeProcess .form_c_Show .inputFieldset {
  border-bottom: 1px solid #f0f2f4;
}
.composeProcess .formFieldset legend {
  font-size: 1.5em;
  font-weight: 700;
  box-sizing: border-box;
  padding: 15px 10px 10px 0;
}
.rbmWindow .composeProcess .formFieldset legend {
  margin-left: 15px;
}
.composeProcess .formFieldset legend.heading {
  font-size: 1.7em;
  width: 100%;
  text-align: center;
}
.composeProcess .formFieldset .explanation {
  padding: 5px 15px 5px 15px;
}
.composeProcess .form_label {
  float: left;
  font-weight: 700;
  line-height: 2em;
  padding: 0.5em 0;
  text-align: right;
  width: 25%;
}
body[dir="rtl"] .composeProcess .form_label {
  float: right;
  text-align: left;
}
.composeProcess .form_field_container {
  width: 50%;
  float: left;
  position: relative;
}
.composeProcess .form_field_container .IDSelectorDeleteIcon {
  position: absolute;
  margin-left: -30px;
  width: 30px;
  height: 100%;
  background-color: #f1f1f1;
  line-height: 34px;
  text-align: center;
  border: 1px solid #B4B4B4;
  border-left-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
}
.composeProcess .form_field_container .IDSelectorDeleteIcon:hover {
  color: red;
}
.composeProcess .form_field_container .IDSelectornewIcon {
  position: absolute;
  margin-left: 0;
  width: 30px;
  height: 100%;
  line-height: 34px;
}
.composeProcess .form_field_container .IDSelectorLink {
  position: absolute;
  padding-top: 0.45em;
}
.composeProcess .contentList .form_field_container {
  width: 80%;
}
.composeProcess .contentList .form_field_container select {
  width: 100%;
}
body[dir="rtl"] .composeProcess .form_field_container {
  float: right;
}
body[dir="rtl"] .composeProcess .form_field_container .IDSelectorDeleteIcon {
  margin-left: 0;
  margin-right: -20px;
}
.composeProcess .form_field_container_checkbox {
  width: 50%;
  /* was 55% ... but this makes it wider than others */
}
.composeProcess .form_field_container_radioContent {
  width: 91%;
  display: table-row;
}
.composeProcess .form_field {
  display: block;
  position: relative;
  clear: both;
}
.composeProcess .form_field .inputType_tel {
  cursor: pointer;
}
.composeProcess .form_field .inputType_tel:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f095";
  margin-right: 10px;
}
.composeProcess .form_field .inputType_tel:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f101";
  margin-left: 10px;
  visibility: hidden;
  font-weight: bold;
}
.composeProcess .form_field .inputType_tel:hover:before {
  color: red;
}
.composeProcess .form_field .inputType_tel:hover:after {
  color: red;
  visibility: visible;
}
.composeProcess .form_field:hover {
  background-color: #FFFFE0;
}
.composeProcess .form_field:hover .form_help_bubble {
  display: block;
}
.composeProcess .form_field_icon.help_icon {
  visibility: hidden;
  /* enable this on custom level if necessary */
  padding-left: 8px;
  cursor: pointer;
  font-size: 1.3em;
  padding-left: 3px;
}
.composeProcess .form_help {
  width: 6%;
  padding: 0 4px 0 0;
  float: left;
}
.composeProcess .form_help_bubble {
  position: absolute;
  right: -27%;
  /*	top: -5px; */
  width: 25%;
  height: auto;
  background-color: #FFFFE0;
  border: 1px solid #DCDCDC;
  padding: 0 7px 10px 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: none;
  overflow: hidden;
}
.composeProcess .upper_help_bubble {
  top: -5px;
}
.composeProcess .lower_help_bubble {
  bottom: -50px;
}
.composeProcess .medium_help_bubble {
  top: -200px;
}
.composeProcess .form_edit_field {
  float: left;
  padding: 0 1% 0 0;
  width: 95.5%;
}
.composeProcess .form_field {
  /* do not show placeholders in red unless the field is required */
}
.composeProcess .form_field input,
.composeProcess .form_field select {
  height: auto;
  min-height: 28px;
  padding: 0.6em;
  max-width: 100%;
}
.composeProcess .form_field option.seperator {
  font-size: 0.9em;
}
.composeProcess .form_field.bRequired input::-webkit-input-placeholder,
.composeProcess .form_field.bRequired select::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #bf5757;
  /* for a contrast ratio of at least 4.5:1 */
}
.composeProcess .form_field.bRequired input:-moz-placeholder,
.composeProcess .form_field.bRequired select:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bf5757;
  /* #AA4949 */
  opacity: 1;
}
.composeProcess .form_field.bRequired input::-moz-placeholder,
.composeProcess .form_field.bRequired select::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bf5757;
  opacity: 1;
}
.composeProcess .form_field.bRequired input:-ms-input-placeholder,
.composeProcess .form_field.bRequired select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bf5757;
}
.composeProcess .form_field.bRequired input::-ms-input-placeholder,
.composeProcess .form_field.bRequired select::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bf5757;
}
.composeProcess .form_field.bRequired input::input-placeholder,
.composeProcess .form_field.bRequired select::input-placeholder {
  color: #bf5757;
  opacity: 1;
}
.composeProcess .form_field textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 120%;
  width: 100%;
}
.composeProcess .form_field_icon {
  height: 100%;
  min-height: 30px;
  margin: 0 0 0 10px;
  padding-left: 30px;
  float: left;
  background-position: 0 1px;
  background-repeat: no-repeat;
  font-size: 1.3em;
  line-height: 28px;
  visibility: hidden;
}
body[dir="rtl"] .composeProcess .form_field_icon {
  float: right;
  margin: 0 10px 0 0;
  padding-right: 30px;
}
.composeProcess .inputFieldset.form_field_valid .form_field_valid_icon {
  background-image: url("/images/ok.gif");
  visibility: visible;
}
.composeProcess .inputFieldset.form_field_invalid .form_field_valid_icon {
  background-image: url("/images/notok.gif");
  visibility: visible;
}
.composeProcess .inputFieldset.waitElement {
  margin: inherit;
  padding: inherit;
  display: inherit;
  background-image: none;
  background-position: inherit;
}
.composeProcess .inputFieldset.waitElement .form_field_valid_icon {
  background-image: url(/images/ajax3.gif);
}
.composeProcess .form_field input,
.composeProcess .form_field select {
  width: 100%;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #B4B4B4;
  box-shadow: 0 1px 1px #E5E5E5 inset;
  -moz-box-shadow: 0 1px 1px #E5E5E5 inset;
  color: #666666;
  font-size: 1em;
  min-height: 28px;
  line-height: normal;
  padding: 0.6em;
}
.composeProcess .form_field .form_edit_field input[type="text"] {
  min-width: 80px;
  /* prevent too small inputs */
}
.composeProcess .inputFieldset legend {
  font-size: inherit;
  font-weight: 700;
  padding: inherit;
  padding: 0;
}
.composeProcess .formFieldsetNoLegend legend {
  display: none;
}
.composeProcess .form_edit_field_radio {
  padding: 6px 0;
}
.composeProcess .form_c_Show .form_field_container_radioContent {
  width: 91%;
  float: left;
}
.composeProcess .field_radioContent .form_label {
  width: 91%;
  text-align: center;
}
.composeProcess .field_radioContent .form_field_container_radioContent {
  display: table;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_show_field_radioContent {
  font-size: 3em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent {
  display: table-row;
  padding: 15px;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
  padding: 0;
  border: 10px solid white;
  float: left;
  display: table-cell;
  position: relative;
  border-top: 2px solid;
  padding: 10px;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue:before {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  border-width: 12px 12px 0 15px;
  border-style: solid solid none solid;
  border-left-color: transparent;
  border-right-color: transparent;
  transition: all ease 0.3s;
  left: 45%;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue:hover,
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue_selected {
  background-color: #35508A;
  color: white;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue:hover h5,
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue_selected h5 {
  color: white;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValueImage {
  height: auto;
  width: 100%;
  background-color: #35508A;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValueText {
  padding: 5px;
  border-top: 5px solid #35508A;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue_selected {
  background-color: #35508A;
}
.composeProcess .field_radioContent .form_field_container_radioContent .form_edit_field_radioContent .radioContentValue_selected .radioContentValueText {
  border-top: 5px solid #7794ce;
  color: white;
}
.composeProcess .form_edit_field_checkbox {
  padding: 8px 0;
}
.composeProcess .form_edit_field_display {
  padding: 3px 0;
}
.composeProcess .form_edit_field_checkbox i.fa {
  /* set this to display: inline-block on custom level */
  display: none;
}
.composeProcess .form_show_field {
  padding: 0.5em 0;
  line-height: 2em;
  /* prevent huge textareas */
  max-height: 200px;
  overflow: auto;
}
.composeProcess .form_edit_field_showOnly {
  padding: 0.45em 0;
  line-height: 2em;
}
.composeProcess .form_edit_field_showOnly.edit_preview {
  padding: 0;
}
.composeProcess .form_show_field_checkbox .ccmsCheckBox,
.composeProcess .form_edit_field_checkbox .ccmsCheckBox {
  display: block;
}
.composeProcess .form_show_field_checkbox .ccmsCheckBox.fa-check,
.composeProcess .form_edit_field_checkbox .ccmsCheckBox.fa-check {
  color: #97bf0d;
}
.composeProcess .form_show_field_checkbox .ccmsCheckBox.fa-times,
.composeProcess .form_edit_field_checkbox .ccmsCheckBox.fa-times {
  color: #e74d12;
}
.composeProcess .form_edit_field_radio label,
.composeProcess .form_edit_field_checkbox label {
  vertical-align: top;
  margin-left: 10px;
  width: 80%;
  display: inline-block;
  line-height: 2em;
  min-height: 28px;
}
.composeProcess .form_edit_field_radio .radioValue label,
.composeProcess .form_edit_field_checkbox .radioValue label {
  padding: 0;
  text-align: left;
}
.composeProcess .form_edit_field_radio .radioValue {
  height: auto;
  margin-bottom: 7px;
}
.composeProcess .form_field .form_edit_field input[type='radio'],
.composeProcess .form_field .form_edit_field input[type='checkbox'] {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.composeProcess .form_field .edit_street,
.composeProcess .form_field .edit_city {
  width: 65%;
}
.composeProcess .form_field .edit_nr,
.composeProcess .form_field .edit_zip {
  width: 30%;
}
.composeProcess .form_edit_field_double {
  width: 47.5%;
}
.composeProcess .form_edit_field_datetime {
  position: relative;
}
.composeProcess .form_edit_field_datetime .fieldTimezone {
  position: absolute;
  right: 7px;
  bottom: 0;
  font-size: 0.8em;
}
.composeProcess .button .buttonIcon_font-awesome {
  padding-left: 7px;
}
.composeProcess .passiveForm {
  height: 36px;
  /* will be adjusted by template */
  background-color: #FCFCFC;
  background-image: linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -o-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -moz-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -webkit-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  background-image: -ms-linear-gradient(bottom, #e5e6e8 0%, #ededed 25%, #fefefe 83%);
  border-left: 1px solid #CDD2D8;
  /* border-top: 1px solid #CDD2D8 */
  border-bottom: 1px solid #B9B9B9;
  border-right: 1px solid #B9B9B9;
  overflow: hidden;
  color: black;
  position: relative;
  line-height: 36px;
}
.composeProcess .passiveForm .passiveFormEditIcon {
  margin-left: 10px;
  font-size: 15px;
}
.composeProcess .passiveFormHeader {
  font-size: 16px;
  font-weight: 700;
  padding-left: 1px;
}
.composeProcess .passiveForm_lookahead .passiveFormHeader {
  color: #B9B9B9;
}
.composeProcess .passiveFormComment {
  float: right;
  padding-right: 20px;
}
.composeProcess .passiveFormIcon {
  background-image: url("/images/ok.gif");
  background-position: 0 6px;
  line-height: 36px;
  visibility: visible;
}
.composeProcess .passiveForm_lookahead .passiveFormIcon {
  color: #B9B9B9;
}
.composeProcess .passiveFormLeft {
  width: 78%;
}
.composeProcess .passiveFormRight {
  width: 22%;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 10px;
  /* prevent cart summary from touching the right border */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: 1px solid #DCDCDC;
  background-color: #F1F1F1;
  text-align: right;
}
.composeProcess.hidePassiveFormCalculation .passiveFormLeft {
  width: 100%;
}
.composeProcess.hidePassiveFormCalculation .passiveFormRight {
  width: 0;
  padding-right: 0 !important;
}
.composeProcess.noLookAhead .passiveForm_lookahead {
  display: none;
}
.composeProcess .processBar {
  list-style-type: none;
  padding: 0;
  margin: 10px 15px 10px 10px;
}
.composeProcess .processBar li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 15px;
  float: left;
  line-height: 30px;
  text-align: center;
  background-color: #E3E6E8;
  margin-right: 3px;
  position: relative;
}
.composeProcess .processBar li::before {
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-left-color: #FFFFFF;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 15px 0 15px 15px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.composeProcess .processBar li::after {
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-left-color: #E3E6E8;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 15px 0 15px 15px;
  right: -15px;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.composeProcess .processBar li.sel1 {
  background-color: #35508A;
  color: white;
}
.composeProcess .processBar li.sel1::after {
  border-color: rgba(0, 0, 0, 0) use-text-color rgba(0, 0, 0, 0) #35508A;
  border-color: rgba(0, 0, 0, 0) -moz-use-text-color rgba(0, 0, 0, 0) #35508A;
  border-color: rgba(0, 0, 0, 0) -webkit-use-text-color rgba(0, 0, 0, 0) #35508A;
  border-left-color: #35508A;
}
.composeProcess .processBarStep1 {
  display: none;
  /* do not display processbar for process with just one step */
}
.composeProcess .processBarStep2 {
  width: calc(50% - 3px);
}
.composeProcess .processBarStep3 {
  width: calc(33% - 3px);
}
.composeProcess .processBarStep4 {
  width: calc(25% - 3px);
}
.composeProcess .processBarStep5 {
  width: calc(20% - 3px);
}
.composeProcess .processBar li:nth-child(1) {
  z-index: 10;
}
.composeProcess .processBar li:nth-child(2) {
  z-index: 9;
}
.composeProcess .processBar li:nth-child(3) {
  z-index: 8;
}
.composeProcess .processBar li:nth-child(4) {
  z-index: 7;
}
.composeProcess .processBar li:nth-child(5) {
  z-index: 6;
}
.composeProcess .processBar li:nth-child(6) {
  z-index: 5;
}
.composeProcess .processBar li:nth-child(7) {
  z-index: 4;
}
.composeProcess .processBar li:nth-child(8) {
  z-index: 3;
}
.composeProcess .processBar li:nth-child(9) {
  z-index: 2;
}
.composeProcess .processBar li:nth-child(10) {
  z-index: 1;
}
.composeProcess .starRating {
  padding: 15px 0;
  font-size: 1.5em;
}
.composeProcess .starRating i.fa {
  height: 28px;
  width: 28px;
  color: #c5c5c5;
  display: inline-block;
  padding-right: 10px;
  cursor: pointer;
}
.composeProcess .starRating.starValue1 .star1 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue2 .star1 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue2 .star2 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue3 .star1 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue3 .star2 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue3 .star3 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue4 .star1 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue4 .star2 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue4 .star3 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue4 .star4 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue5 .star1 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue5 .star2 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue5 .star3 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue5 .star4 i.fa {
  color: #35508A;
}
.composeProcess .starRating.starValue5 .star5 i.fa {
  color: #35508A;
}
.composeProcess .starRating .starRating-empty i.fa {
  color: #959595;
}
.composeProcess .formInfo {
  overflow: hidden;
  clear: both;
  display: block;
}
.composeProcess .formInfo p {
  margin: 10px 0;
}
.composeProcess .form_field_container .formInfo {
  font-style: italic;
}
.composeProcess .field_display.inputType_sectionHeader {
  background-color: #e1e1e1;
  font-weight: bold;
}
.composeProcess .field_display.inputType_sectionHeader .form_label {
  font-weight: bold;
}
.composeProcess .invalid {
  color: #ee0000;
  content: "\f00d";
}
.composeProcess .valid {
  content: "\f00c";
  color: #00aa00;
}
.composeProcess .validIconSizeLarge {
  font-size: 22px;
}
.composeProcess .validIconSizeSmall {
  font-size: 16px;
}
.composeProcess .invalid {
  content: "\f00d";
}
.composeProcess .bValid_0::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ee0000;
  content: "\f00d";
}
.composeProcess .bValid_0::before.fa-pull-left {
  margin-right: 0.3em;
}
.composeProcess .bValid_0::before.fa-pull-right {
  margin-left: 0.3em;
}
.composeProcess .bValid_0::before.pull-left {
  margin-right: 0.3em;
}
.composeProcess .bValid_0::before.pull-right {
  margin-left: 0.3em;
}
.composeProcess .bValid_1::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
  color: #00aa00;
}
.composeProcess .bValid_1::before.fa-pull-left {
  margin-right: 0.3em;
}
.composeProcess .bValid_1::before.fa-pull-right {
  margin-left: 0.3em;
}
.composeProcess .bValid_1::before.pull-left {
  margin-right: 0.3em;
}
.composeProcess .bValid_1::before.pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul.bValid_0::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ee0000;
  content: "\f00d";
  font-size: 22px;
}
.composeProcess .listEntry_ul.bValid_0::before.fa-pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul.bValid_0::before.fa-pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul.bValid_0::before.pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul.bValid_0::before.pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul.bValid_1::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
  color: #00aa00;
  font-size: 22px;
}
.composeProcess .listEntry_ul.bValid_1::before.fa-pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul.bValid_1::before.fa-pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul.bValid_1::before.pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul.bValid_1::before.pull-right {
  margin-left: 0.3em;
}
.composeProcess .listColumn_ul {
  padding-left: 5px !important;
}
.composeProcess .listEntry_ul {
  padding-left: 5px;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_0::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ee0000;
  content: "\f00d";
  font-size: 16px;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_0::before.fa-pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_0::before.fa-pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_0::before.pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_0::before.pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_1::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
  color: #00aa00;
  font-size: 16px;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_1::before.fa-pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_1::before.fa-pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_1::before.pull-left {
  margin-right: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry.bValid_1::before.pull-right {
  margin-left: 0.3em;
}
.composeProcess .listEntry_ul .gTE2_listEntry::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.8) 100%);
  width: 15px;
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  display: inline-block;
}
.composeProcess .listEntry_ul .gTE2_listEntry_CCMS_GE2Toolbar::after {
  display: none;
}
.composeProcess .genericTE_row:nth-of-type(2n) .listEntry_ul .gTE2_listEntry::after {
  background-image: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.1) 10%, rgba(240, 240, 240, 0.8) 100%);
}
.composeProcess .genericTE_row:hover .listEntry_ul .gTE2_listEntry::after {
  background-image: linear-gradient(to right, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0.1) 10%, rgba(221, 221, 221, 0.8) 100%);
}
.composeProcess .dataTypeInfoTable {
  width: 100%;
}
.composeProcess .dataTypeInfoTable td {
  padding: 3px;
  vertical-align: top;
}
.composeProcess .dataTypeInfoTable td:first-of-type {
  width: 25%;
  text-align: right;
  font-weight: bold;
  padding-right: 10px;
}
.composeProcess .formPA_search,
.composeProcess .formPA_export,
.composeProcess .form_c_Search {
  width: 100%;
  margin: 0;
  border-right: none;
}
.composeProcess .formPA_search .formFieldset legend,
.composeProcess .formPA_export .formFieldset legend,
.composeProcess .form_c_Search .formFieldset legend {
  display: none;
}
.composeProcess .formPA_search .form_label,
.composeProcess .formPA_export .form_label,
.composeProcess .form_c_Search .form_label {
  width: 40%;
}
.composeProcess .formPA_search .form_field_icon,
.composeProcess .formPA_export .form_field_icon,
.composeProcess .form_c_Search .form_field_icon {
  display: none;
}
.composeProcess .field_selectListItem .form_help {
  display: none;
}
.composeProcess .field_selectListItem .form_field_container_selectListItem,
.composeProcess .field_selectListItem .form_edit_field_selectListItem {
  width: 100%;
  margin: 0;
}
.composeProcess .field_selectListItem .ul_table {
  line-height: 30px;
}
.composeProcess .postFieldContent {
  width: 81%;
  padding: 0 0 10px 10%;
  float: left;
  box-sizing: border-box;
  margin: 0 5% 10px 5%;
}
.composeProcess .postFieldContent .uploadPreview {
  position: relative;
  width: 85%;
  margin: 0;
  padding: 5%;
  caret-color: transparent;
  cursor: copy;
  min-height: 35vh;
  height: auto;
}
.composeProcess .postFieldContent .dropInfo {
  position: absolute;
  box-sizing: border-box;
  border: 2px dashed #888888;
  padding: 5vh 0;
  height: calc(100% - 55px);
  width: 90%;
  text-align: center;
  margin-top: 15px;
  user-select: none;
}
.composeProcess .postFieldContent .dropInfo .fa-cloud-upload {
  font-size: 4vw;
  margin-bottom: 20px;
}
.composeProcess .uploadPreview {
  background-color: #f1f1f1;
  border: 1px solid #888888;
  padding: 0 20px 20px 20px;
  width: 80%;
  margin: 5%;
  height: auto;
  min-height: 25vw;
}
.composeProcess .uploadPreview h5 {
  margin-top: 5px;
  text-align: center;
  margin-bottom: 0;
  line-height: 3em;
}
.composeProcess .uploadPreview .uploadedImage {
  width: 100%;
  display: none;
  /* hide until needed */
}
.composeProcess .uploadPreview .uploadedPDF {
  width: 100%;
  height: 500px;
  display: none;
  /* hide until needed */
}
.composeProcess.largeElements {
  /*		
		.form_field_container_checkbox {
			width: 50%;
		}
*/
  /* checkboxes */
  /* add a distance for bitfield checkboxes */
  /* radio buttons */
  /* Hide  legends as they insert unwanted padding between elements */
  /* Passive Forms appear once a step has been completed */
}
.composeProcess.largeElements .form_label {
  font-size: 14px;
  color: #012151;
  font-weight: 400;
  hyphens: none;
  line-height: 2em;
  padding: 1em 0;
}
.composeProcess.largeElements .form_field .edit_firstName,
.composeProcess.largeElements .form_field .edit_name {
  width: 95.5%;
}
.composeProcess.largeElements .form_edit_field.edit_subject select {
  width: 100%;
}
.composeProcess.largeElements .form_field input,
.composeProcess.largeElements .form_field textarea,
.composeProcess.largeElements .form_field select {
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
  width: 100%;
  color: #012151;
  background-color: #E3E6E8;
  border: none;
  box-shadow: 0 1px 1px #E5E5E5 inset;
  -moz-box-shadow: 0 1px 1px #E5E5E5 inset;
  color: #222222;
  height: 3.5em;
  line-height: normal;
  padding: 1em;
  font-size: 16px;
}
.composeProcess.largeElements .form_field textarea {
  height: 7em;
  resize: none;
}
.composeProcess.largeElements .field_selectListItem .ul_table {
  line-height: 50px;
}
.composeProcess.largeElements input[type="checkbox"] {
  /* display:none;   makes it inaccassible for screenreaders */
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  max-height: 1px !important;
  max-width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.composeProcess.largeElements .form_edit_field_radio .radioValue .inputText {
  line-height: 2em;
  padding: 0.6em 0;
}
.composeProcess.largeElements .form_field .form_edit_field_checkbox.form_edit_field_bitfield .radioValue {
  margin-bottom: 5px;
}
.composeProcess.largeElements input[type='checkbox'] + label span.inputGraphic {
  border-radius: 3px;
  border: 1px solid #B0BAC1;
  display: inline-block;
  color: #E3E6E8;
  background-color: #E3E6E8;
  font-size: 1.5em;
  line-height: 1em;
  width: 1.2em;
  height: 1.2em;
  vertical-align: top;
  text-align: center;
  padding: 2px;
  margin-right: 10px;
}
.composeProcess.largeElements input:checked + label span.inputGraphic {
  color: #35508A;
}
.composeProcess.largeElements input[type='radio'] {
  /* display:none;   makes it inaccassible for screenreaders */
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  max-height: 1px !important;
  max-width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.composeProcess.largeElements input[type='radio'] + label span.inputGraphic {
  border-radius: 1em;
  border: 1px solid #B0BAC1;
  display: inline-block;
  color: #E3E6E8;
  background-color: #E3E6E8;
  font-size: 1.5em;
  line-height: 1.2em;
  width: 1.2em;
  height: 1.3em;
  vertical-align: top;
  text-align: center;
  padding: 0;
  margin-right: 10px;
  margin-top: 8px;
}
.composeProcess.largeElements input[type='radio']:checked + label span.inputGraphic {
  color: #35508A;
}
.composeProcess.largeElements input:checked + label span.inputGraphic {
  color: #35508A;
}
.composeProcess.largeElements label span.inputText {
  display: inline-block;
  text-align: left;
}
.composeProcess.largeElements label p {
  margin: 0;
  /* no gaps in labels: we just need p inside <html> CDATA for editing purposes */
  padding: 0;
}
.composeProcess.largeElements .form_edit_field_checkbox i.fa,
.composeProcess.largeElements .form_edit_field_radio i.fa {
  display: inline-block;
}
.composeProcess.largeElements .form_edit_field_radio label,
.composeProcess.largeElements .form_edit_field_checkbox label {
  font-weight: 400;
  margin: 0;
  padding: 0 0 15px 0;
  color: #012151;
  width: 100%;
}
.composeProcess.largeElements .form_edit_field_radio label span.inputText,
.composeProcess.largeElements .form_edit_field_checkbox label span.inputText {
  width: calc(100% - 46px);
}
.composeProcess.largeElements .form_edit_field_radio label div,
.composeProcess.largeElements .form_edit_field_checkbox label div {
  display: inline-block;
  margin-left: 10px;
}
.composeProcess.largeElements .form_show_field {
  padding: 0.5em 0;
  line-height: 2em;
}
.composeProcess.largeElements .form_edit_field_showOnly {
  padding: 1em 0.8em;
  line-height: 2em;
}
.composeProcess.largeElements #form_registerForm_next {
  margin-top: 10px;
}
.composeProcess.largeElements legend.empty {
  display: none;
}
.composeProcess.largeElements .actionMenuBottom {
  overflow: visible;
}
.composeProcess.largeElements .actionright {
  height: auto;
}
.composeProcess.largeElements .passiveForm .form_field_icon.passiveFormIcon {
  background-image: url();
  color: #97bf0d;
  padding-left: 0;
}
.composeProcess.largeElements .passiveForm_preview .form_field_icon.passiveFormIcon {
  color: #B9B9B9;
}
.composeProcess .contentList .form_field input,
.composeProcess .contentList .form_field select {
  min-height: unset;
  padding: 0.2em 0.4em;
  height: 1.5em;
  border: 1px solid #555555;
  background-color: #F1F1F1;
}
.composeProcess .contentList .inputFieldset.form_field_valid .form_field_valid_icon {
  background-size: 35%;
  width: 100%;
  background-position-x: center;
  margin: 0;
}
@media (max-width: 490px) {
  .composeProcess {
    /* make sure you have added placeholders */
  }
  .composeProcess .form_label {
    display: none;
  }
  .composeProcess .form_help {
    padding-right: 8px;
  }
  .composeProcess .form_help .form_field_icon {
    padding: 0;
    margin: 0;
    min-width: 22px;
  }
  .composeProcess .form_field_container {
    width: 75%;
  }
}
.composeMCE {
  border: 1px solid rgba(120, 120, 120, 0.3);
  box-sizing: border-box;
  position: relative;
}
.composeMCE .pell-content {
  box-sizing: border-box;
  height: 300px;
  outline: 0;
  overflow-y: auto;
  padding: 10px;
  box-shadow: 0px 0px 13px -7px inset #888888;
  background-color: #FFFFFF;
}
.composeMCE .pell-actionbar {
  background-color: #FFF;
  border-bottom: 1px solid rgba(10, 10, 10, 0.4);
}
.composeMCE .pell-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: 0;
  width: 30px;
  vertical-align: bottom;
}
.composeMCE .pell-button-selected {
  background-color: #F0F0F0;
}
.composeMCE .pellDisabled .pell-actionbar {
  opacity: 0.2;
}
.composeMCE .pellDisabled .pell-button {
  cursor: default;
}
.composeMCE .pell-button.edithtml {
  float: right;
}
.composeMCE .htmlEditor {
  width: 100%;
  min-width: 400px;
  min-height: 200px;
  height: 100%;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 10;
}
.composeMCE .htmlEditor .htmlEditorHeader {
  height: 30px;
  line-height: 30px;
  background-color: #888888;
  color: white;
  text-align: center;
}
.composeMCE .htmlEditor .htmlEditorFooter {
  height: 30px;
  text-align: right;
  padding: 0 5px;
}
.composeMCE .htmlEditor .htmlEditorFooter input {
  margin-left: 10px;
}
.composeMCE .htmlEditor textarea {
  width: 100%;
  height: calc(100% - 60px);
  font-family: 'Courier New', Courier, monospace;
}
legend.activeFormLegend {
  background-color: #FCFCFC;
  -moz-background-image: -moz-linear-gradient(center bottom, #E5E6E8 0%, #EDEDED 25%, #FEFEFE 83%);
  -webkit-background-image: -webkit-linear-gradient(center bottom, #E5E6E8 0%, #EDEDED 25%, #FEFEFE 83%);
  background-image: linear-gradient(center bottom, #E5E6E8 0%, #EDEDED 25%, #FEFEFE 83%);
  border-bottom: 1px solid #B9B9B9;
  border-right: none;
  color: #000000;
  height: 46px;
  line-height: 18px;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
}
.passiveForm_lookahead {
  display: none;
}
.passiveFormIcon i,
.composeProcess .inputGraphic {
  display: none;
}
.frontend .waitElement.composeWait2 .customWait2 {
  color: #35508A;
}
.composeProcess .form_field .form_edit_field input[type="text"],
.composeProcess .form_field .form_edit_field input[type="number"],
.composeProcess .form_field .form_edit_field input[type="password"],
.composeProcess .form_field .form_edit_field select,
.composeProcess .form_field .form_edit_field textarea {
  font-size: 1em;
}
@media (max-width: 490px) {
  .composeProcess .form_field .form_edit_field input[type="text"],
  .composeProcess .form_field .form_edit_field input[type="number"],
  .composeProcess .form_field .form_edit_field input[type="password"],
  .composeProcess .form_field .form_edit_field select,
  .composeProcess .form_field .form_edit_field textarea {
    font-size: 1em;
    /* prevent phones from zooming */
  }
}
input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea {
  font-size: 12px;
}
@media (max-width: 490px) {
  input[type="text"],
  input[type="number"],
  input[type="password"],
  select,
  textarea {
    font-size: 16px;
    /* prevent phones from zooming */
  }
}
@media (max-width: 490px) {
  input[type="text"],
  input[type="number"],
  input[type="password"],
  select {
    height: 23px;
    /* adjust height for Safari on iOS */
  }
}
.backend .inPast {
  color: #c1c1c1;
  background-color: lightyellow;
}
.frontend #listOf_t_ProductTime .listFunction {
  margin: 0;
}
.frontend .content-booking .c_contentArea {
  background-color: #ffffff;
}
.frontend .content-booking .c_contentArea .c_contentContainer {
  margin-top: 0;
}
.frontend .content-booking .c_top {
  background-image: url(/20/images/bookingTop.jpg);
  background-size: cover;
  background-position: 0 60%;
  transition: all 1s ease 0s;
}
.frontend .content-booking {
  height: 100%;
}
.frontend .content-booking .bookingLogo {
  height: 80%;
  top: 5%;
  transition: all 1s ease 0s;
  max-height: 80px;
}
@media (max-width: 800px) {
  .frontend .content-booking .bookingLogo {
    height: 50%;
    top: 5%;
    max-height: 50px;
  }
  .frontend #bookingHotline {
    text-align: left;
    padding-left: 25px;
    background-image: linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  }
}
@media (max-width: 1600px) {
  .content-booking .c_top {
    height: 120px;
  }
  .content-booking .c_contentArea {
    height: calc(100% - 130px);
  }
}
@media (max-width: 1600px) {
  .content-booking .c_top {
    height: 120px;
  }
  .content-booking .c_contentArea {
    /* add 5px due to margin-top: 5px on .content-booking .c_contentArea */
    height: calc(100% - 130px);
  }
}
@media (min-width: 1600px) {
  .content-booking .c_top {
    height: 200px;
  }
  .content-booking .c_contentArea {
    /* add 5px due to margin-top: 5px on .content-booking .c_contentArea */
    height: calc(100% - 210px);
  }
}
@media (max-height: 460px) {
  .content-booking .c_top {
    height: 0;
  }
  .content-booking .c_contentArea {
    /* add 5px due to margin-top: 5px on .content-booking .c_contentArea */
    height: calc(100% - 10px);
  }
}
#c_unit_object_5302 {
  overflow: hidden;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  line-height: normal;
}
#c_unit_object_5302 .c_top {
  margin: 0;
  max-width: inherit;
}
#c_unit_object_5302 .c_top .menuclassicDropDown .menuItem {
  background-color: #fefefe;
}
#c_unitContent_object_5302 {
  height: 100%;
}
.content-booking .c_contentContainer {
  overflow: auto;
  position: relative;
  /* for toolTips */
  -webkit-overflow-scrolling: touch;
}
.content-booking .c_contentArea {
  overflow: hidden;
}
.content-booking #c_bottom {
  height: 30px;
  background-color: #ffffff;
  background-image: none;
}
.content-booking .bookingLogo img {
  margin: 0 auto;
  display: block;
  height: 100%;
}
.content-booking #menuBlock_closeMenu {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}
.bookingData {
  overflow: hidden;
  height: 120px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 20%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 80%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(25%, #ffffff), color-stop(75%, #ffffff), color-stop(80%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 20%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 80%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 20%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 80%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 20%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 80%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 80%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}
.bookingDataInner {
  margin: 10px auto;
  width: 500px;
  font-size: 16px;
  line-height: 25px;
}
.content-booking .c_contentInner {
  margin: 0;
  -webkit-user-select: none;
}
.content-booking h3 {
  margin: 2px 5px;
}
.passiveForm {
  border-right: none;
}
.passiveFormRight {
  width: 21.5%;
}
.bookingBoat {
  font-size: 18px;
  font-style: italic;
  left: 3px;
  padding-left: 5px;
  position: absolute;
  top: 86px;
  border-bottom: 1px solid #aaaaaa;
  width: 100%;
  color: #666666;
}
#bookingHotline {
  line-height: 20px;
  padding-top: 10px;
  font-size: 20px;
  text-align: center;
  position: sticky;
  left: 0;
}
.booking {
  margin: 30px 20px 20px 0;
  height: auto;
  min-height: 160px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*	overflow: hidden; */
  -webkit-user-select: none;
}
.booking div {
  /* overflow: hidden; */
  margin-bottom: 3px;
}
.booking .month {
  border: 1px solid #cccccc;
  border-right: none;
  float: left;
  height: 100%;
  height: calc(100% - 35px);
  -webkit-user-select: none;
}
.booking .month:last-of-type {
  border-right: 1px solid #cccccc;
}
.booking .day {
  width: 20px;
  border-right: 1px solid #d1d1d1;
  height: 100%;
  height: calc(100% - 25px);
  min-height: 100px;
  float: left;
  text-align: center;
  -webkit-user-select: none;
}
.booking .day:last-of-type {
  border-right: none;
}
.booking .day.dow0 {
  background-color: #a1a1a1;
  background-color: rgba(161, 161, 161, 0.5);
}
.booking .day.dow6 {
  background-color: #c1c1c1;
  background-color: rgba(208, 208, 208, 0.5);
}
.booking .day a:link,
.booking .day a:visited,
.booking .day a:active,
.booking .day a:focus {
  color: #ffffff;
  outline: medium none;
  text-decoration: none;
  font-weight: bold;
}
.booking .day a:hover {
  text-decoration: underline;
}
.booking .timeRange {
  -moz-transform: skewX(-32deg) translateX(10px);
  -webkit-transform: skewX(-32deg) translateX(10px);
  -o-transform: skewX(-32deg) translateX(10px);
  -ms-transform: skewX(-32deg) translateX(10px);
  transform: skewX(-32deg) translateX(10px);
  height: 20px;
  position: absolute;
  background-color: #139F26;
  /*	background-color: rgba(19,159,138,0.7); */
  background-color: rgba(19, 119, 180, 0.7);
  border: 1px solid #0064C8;
  transition: all 0.5s ease;
  -webkit-user-select: none;
}
.booking .noStartDay {
  background-color: #1040BB;
}
.booking.legend .timeRange {
  width: 30px;
  position: relative;
  float: left;
  margin-right: 15px;
}
.booking .timeRange:hover {
  background-color: #aa00aa;
  background-color: rgba(170, 0, 170, 0.7);
}
.booking .timeRange.status2 {
  cursor: pointer;
}
.booking .timeRange.status0,
.booking .timeRange.status3,
.booking .timeRange.status4 {
  background-color: #ff0000;
  background-color: rgba(255, 0, 0, 0.7);
  border: 1px solid darkred;
}
.booking .timeRange.status1 {
  background-color: #ffb400;
  background-color: rgba(255, 180, 0, 0.7);
  border: 1px solid orange;
}
.booking .timeRange.status4.statusAdmin {
  background-color: #aa45f1;
  background-color: rgba(176, 69, 251, 0.7);
  border: 1px solid #621d93;
}
/*status3: show unblocked as blocked */
.booking .timeRange.status3.statusAdmin {
  background-color: black;
}
.booking .timeRange.status0.statusAdmin1 {
  background-color: #666666;
  background-color: rgba(102, 102, 102, 0.7);
  border: 1px solid #333333;
}
.booking .timeRange.status0.statusAdmin2 {
  background-color: #cccc00;
  background-color: rgba(221, 221, 0, 0.7);
  border: 1px solid #aaaa00;
}
.booking .timeRange.status0.statusAdmin3 {
  background-color: #006600;
  background-color: rgba(0, 102, 0, 0.7);
  border: 1px solid #003300;
}
.c_page_object_5302 .c_contentArea {
  overflow: auto;
}
.booking .timeRange.bookingMouseover,
.booking .timeRange.status3.statusAdmin.bookingMouseover {
  background-color: rgba(0, 180, 0, 0.7);
}
.booking .timeRange.bookingMouseoverAlternative {
  background-color: rgba(255, 255, 0, 0.7);
}
.booking .timeRange.bookingSelected {
  background-color: rgba(0, 255, 0, 0.9);
}
.rbmTooltip_bookingTooltip .htmlClose {
  right: -10px;
  top: -20px;
  background-color: white;
  box-shadow: 0 0 10px 1px #444444;
  border-width: 1px;
}
.frontend table.bookingTable {
  width: 100%;
  font-size: 12px;
  margin-top: inherit;
  margin-bottom: inherit;
  border-collapse: inherit;
  border: none;
}
.frontend table.bookingTable td {
  padding: 3px;
  background-color: #cccccc;
  box-sizing: border-box;
  border: none;
}
.frontend table.bookingTableFieldname {
  font-weight: bold;
  text-align: right;
}
.bookingDifference {
  color: #B4152B;
}
#process_p_Order_target {
  height: 100%;
}
.contentTabContainer {
  background-color: #ffffff;
  background-image: none;
}
.cartItemList {
  border-bottom: 2px solid #DCDCDC;
  overflow: hidden;
  /*	div {
		height: 140px;
	}
*/
}
.cartItemList h3 {
  margin: 0;
}
.cartItemList h4 {
  margin-top: 10px;
}
.cartItemList .bookingPicture {
  float: left;
}
.cartItemList .bookingDescription {
  float: left;
  max-width: 350px;
  min-width: 300px;
  overflow: hidden;
  padding-left: 15px;
  width: 50%;
}
.cartItemList .bookingDescription h5 {
  margin: 0 0 5px;
}
.cartItemList .bookingDescription p {
  margin: 5px 0;
}
.cartItemList .bookingPrice {
  float: right;
  padding-left: 15px;
  width: 354px;
}
.cartItemList .bookingTable {
  font-size: 14px;
  line-height: 26px;
}
.cartItemList .bookingTable td {
  text-align: right;
  background-color: #f1f1f1;
}
.cartItemList .bookingTable td:nth-child(odd) {
  font-weight: bold;
  text-align: right;
  min-width: 140px;
}
.cartItemList .bookingTable td:nth-child(even) {
  min-width: 209px;
}
.cartItemList .cartItemListTotal {
  font-weight: normal;
}
.HBCM_f_ClientBooking .cartItemList {
  margin: 10px 0 20px 0;
  padding-bottom: 20px;
}
.HBCM_f_ClientBooking .cartItemList div {
  width: 250px;
  height: auto;
}
.HBCM_f_ClientBooking .cartItemList .bookingDescription {
  padding-top: 5px;
  max-width: 420px;
  width: auto;
  float: left;
}
.HBCM_f_ClientBooking .cartItemList .bookingTable {
  background-color: #dddddd;
}
.HBCM_f_ClientBooking .cartItemList .bookingTable td {
  background-color: #f1f1f1;
}
.HBCM_f_ClientBooking .cartItemList .bookingPrice {
  clear: both;
  width: 100%;
  height: auto;
  padding: 0;
}
.cartItemList .fa {
  margin-left: 10px;
}
.cartItemList .fa-times {
  color: red;
}
.cartItemList .fa-check {
  color: green;
}
.bookingContract,
.bookingComment {
  z-index: 90;
  position: absolute;
  text-align: center;
  line-height: 18px;
  transition: all 0.5s ease 0;
  margin: 0 10px;
}
.bookingContract a,
.bookingComment a {
  line-height: 12px !important;
}
.statusAdmin2 ~ .bookingContract,
.statusAdmin2 ~ .bookingComment {
  border-color: #333333;
}
.statusAdmin2 ~ .bookingContract a,
.statusAdmin2 ~ .bookingComment a {
  color: #555555 !important;
}
.bookingComment {
  line-height: 21px;
  font-weight: bold;
}
.status3 ~ .bookingComment {
  color: #ffffff;
}
.bookingContract {
  border-bottom: 2px dotted #ffffff;
}
.bookingContract:hover {
  border-bottom: 2px solid #ffffff;
}
.menuclassicDropDown .menuItem .sel1 a {
  color: #35508A;
}
.buchenButton {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin: 20px;
}
.buttonLowProfile.buchenButton span.buttonIcon {
  margin-top: 12px;
}
.support {
  text-align: center;
}
.resultArea {
  font-size: 16px;
  font-weight: bold;
  padding: 20px;
}
.orderSuccess h2 {
  font-size: 20px;
}
.orderSuccess p {
  font-size: 16px;
  line-height: 30px;
}
.rbmTooltip_bookingTooltip {
  transition: opacity 0.5s ease 0s;
}
.rbmTooltip_bookingTooltip #orderButton {
  height: 28px;
  font-size: 14px;
  text-align: center;
}
.switchBookingIcon {
  position: absolute;
  right: -16px;
  top: 2px;
  cursor: pointer;
}
.selectYear {
  width: 49%;
  float: left;
  cursor: pointer;
  color: #4f4f4f;
  line-height: normal;
}
.selectYear:hover {
  color: #35508A;
}
/*

.lastMinuteButton {

	-webkit-animation: color_change2 1s infinite alternate;
	-moz-animation: color_change2 1s infinite alternate;
	-ms-animation: color_change2 1s infinite alternate;
	-o-animation: color_change2 1s infinite alternate;
	animation: color_change2 1s infinite alternate;

	color: black;
}


@-webkit-keyframes color_change2 {
	from { background-color: #20B300; }
	to { background-color: #FFFF00; }
}
@-moz-keyframes color_change2 {
	from { background-color: #20B300; }
	to { background-color: #FFFF00; }
}
@-ms-keyframes color_change2 {
	from { background-color: #20B300; }
	to { background-color: #FFFF00; }
}
@-o-keyframes color_change2 {
	from { background-color: #20B300; }
	to { background-color: #FFFF00; }
}
@keyframes color_change2 {
	from { background-color: #20B300; }
	to { background-color: #FFFF00; }
}



.lastMinute, 
#w_12616.status2, 
#w_12617.status2,
#w_12649.status2,
#w_14429.status2,
#w_14430.status2,
#w_12715.status2,
#w_14431.status2,
#w_14438.status2,
#w_12781.status2,
#w_12782.status2,
#w_12650.status2,
#w_12584.status2,
#w_14356.status2 {
	-webkit-animation: color_change 1s infinite alternate;
	-moz-animation: color_change 1s infinite alternate;
	-ms-animation: color_change 1s infinite alternate;
	-o-animation: color_change 1s infinite alternate;
	animation: color_change 1s infinite alternate;
}

.lastMinute,
#w_12616.status2.bookingSelected, 
#w_12617.status2.bookingSelected,
#w_12649.status2.bookingSelected,
#w_14429.status2.bookingSelected,
#w_14430.status2.bookingSelected,
#w_12715.status2.bookingSelected,
#w_14431.status2.bookingSelected,
#w_14438.status2.bookingSelected,
#w_12781.status2.bookingSelected,
#w_12782.status2.bookingSelected,
#w_12650.status2.bookingSelected,
#w_12584.status2.bookingSelected,
#w_14356.status2.bookingSelected {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

@-webkit-keyframes color_change {
	from { background-color: rgba(19, 159, 138, 0.7); }
	to { background-color: rgba(221, 221, 0, 0.7); }
}
@-moz-keyframes color_change {
	from { background-color: rgba(19, 159, 138, 0.7); }
	to { background-color: rgba(221, 221, 0, 0.7); }
}
@-ms-keyframes color_change {
	from { background-color: rgba(19, 159, 138, 0.7); }
	to { background-color: rgba(221, 221, 0, 0.7); }
}
@-o-keyframes color_change {
	from { background-color: rgba(19, 159, 138, 0.7); }
	to { background-color: rgba(221, 221, 0, 0.7); }
}
@keyframes color_change {
	from { background-color: rgba(19, 159, 138, 0.7); }
	to { background-color: rgba(221, 221, 0, 0.7); }
}

.w_bookingContent	{
	line-height: 22px;
	transform: skewX(32deg) translateX(10px);
	margin-left: -15px;
	
}

#w_12616 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_12617 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_12649 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_14429 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_14430 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_12715 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_14431 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_14438 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_12781 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_12782 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_12650 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_12584 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
#w_14356 .w_bookingContent .innerText:before	{
	content: 'Last Minute';
}
*/
/* https://css-tricks.com/styling-based-on-scroll-position/ */
#top-of-site-pixel-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 500px;
  left: 0;
}
.landing_header {
  /* rgba(53, 75, 138, 0.6) */
  background-color: rgba(200, 200, 200, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 200;
  transition: background-color 0.5s ease;
}
.landing_header:hover {
  background-color: #ffffff;
}
.headerNotAtTop .landing_header {
  background-color: #ffffff;
}
.headerNotAtTop .subPageCollection.snapScroll .subPage {
  scroll-snap-align: none;
}
.landing_footer {
  margin-top: 0;
  height: 500px;
  bottom: -420px;
}
.bottomAttach .landing_footer {
  position: sticky;
  margin-top: -120px;
}
.subPage_first {
  /* legacy content requires a top margin to not start underneath _top */
}
.subPage_first .contentDataHead {
  margin-top: 30px;
}
.subPage_first .contentDataHead.fullWidthBanner {
  margin-top: 0;
}
.subPage_first .contentDataHead.fullWidthBanner.bannerTextFullHeight.startPageVisual {
  margin-top: 0;
}
.subPage_first .contentDataHead.fullWidthBanner.bannerTextLarge.startPageVisual {
  height: 50vh;
}
@media (max-width: 777px) {
  .subPage_first .contentDataHead.fullWidthBanner.bannerTextLarge.startPageVisual {
    height: 50vw;
  }
}
/* for legacy pages: distance to top  */
.contentData.frontend > .contentDataHead.frontend {
  margin-top: 30px;
}
.contentDataHead.fullWidthBanner.startPageVisual.bannerTextLarge {
  height: 700px;
}