@charset "UTF-8";
/*
 * This file imports all *.less files which are potentially used on the whole website.
 */
@font-face {
  font-family: "ofa-icons";
  src: url(73892b7ebdd4ed7eb516.eot);
  src: url(73892b7ebdd4ed7eb516.eot?#iefix) format("embedded-opentype"), url(0eacf853d8952bf40bc6.woff) format("woff"), url(ec7d9652d7fc6df0510a.ttf) format("truetype"), url(3d27de14b71143013ded.svg#ofa-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}
.ofa-icon:before {
  display: inline-block;
  margin-top: -4px;
  margin-right: 4px;
}
.ofa-icon-small:before {
  font-size: 14px !important;
}
.ofa-icon--right {
  display: inline-block;
  margin-left: 5px;
  font-size: 15px !important;
  margin-right: -5px !important;
}
[data-icon]:before {
  font-family: "ofa-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
}
.icon-ofa-icon-information--redHover:hover:before,
.icon-ofa-icon-customer--redHover:hover:before {
  color: #b0053a;
}
.icon-ofa-icon-zurueck:before {
  content: "\50";
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.icon-ofa-icon-zurueck-kreis:before {
  content: "\51";
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.icon-ofa-icon-aendern:before {
  content: "\62";
}
.icon-ofa-icon-aendern-bestellen:before {
  content: "\63";
}
.icon-ofa-icon-alternativen:before {
  content: "\64";
}
.icon-ofa-icon-bestellhinweiss-leer:before {
  content: "\66";
}
.icon-ofa-icon-bestellhinweiss-voll:before {
  content: "\67";
}
.icon-ofa-icon-bestellubersicht:before {
  content: "\68";
}
.icon-ofa-icon-customer:before {
  content: "\69";
}
.icon-ofa-icon-drucken:before {
  content: "\6a";
}
.icon-ofa-icon-filter-bestellungen:before {
  content: "\6c";
}
.icon-ofa-icon-groessenfinder:before {
  content: "\6d";
}
.icon-ofa-icon-hinzufuegen:before {
  content: "\6e";
}
.icon-ofa-icon-information:before {
  content: "\6f";
}
.icon-ofa-icon-kontakt:before {
  content: "\70";
}
.icon-ofa-icon-kostenvoranschlag:before {
  content: "\71";
}
.icon-ofa-icon-kunde:before {
  content: "\72";
}
.icon-ofa-icon-kundenbestellung:before {
  content: "\73";
}
.icon-ofa-icon-kundenkartei:before {
  content: "\74";
}
.icon-ofa-icon-lager:before {
  content: "\75";
}
.icon-ofa-icon-lagerbestellung:before {
  content: "\76";
}
.icon-ofa-icon-messgeraet:before {
  content: "\77";
}
.icon-ofa-icon-nachkaufschreiben:before {
  content: "\78";
}
.icon-ofa-icon-nachsorgechreiben:before {
  content: "\79";
}
.icon-ofa-icon-neuer-kunde:before {
  content: "\7a";
}
.icon-ofa-icon-ortho-kinder:before {
  content: "\41";
}
.icon-ofa-icon-kleine-groessen:before {
  content: "\5A";
  font-size: 24px;
  margin-top: -8px;
}
.icon-ofa-icon-pfeil:before {
  content: "\42";
}
.icon-ofa-icon-pin-linie:before {
  content: "\43";
}
.icon-ofa-icon-rabatt:before {
  content: "\44";
}
.icon-ofa-icon-retoure-12:before,
.icon-ofa-icon-retoure:before {
  content: "\47";
}
.icon-ofa-icon-speichern:before {
  content: "\48";
}
.icon-ofa-icon-status-angekommen:before {
  content: "\49";
}
.icon-ofa-icon-status-bearbeitung:before {
  content: "\4a";
}
.icon-ofa-icon-status-erledigt:before {
  content: "\4b";
}
.icon-ofa-icon-status-offen:before {
  content: "\4c";
}
.icon-ofa-icon-suche:before {
  content: "\4d";
}
.icon-ofa-icon-warenkorb:before {
  content: "\4e";
}
.icon-ofa-icon-warnung:before {
  content: "\4f";
}
.icon-ofa-icon-weiter:before {
  content: "\50";
}
.icon-ofa-icon-weiter-kreis:before {
  content: "\51";
}
.icon-ofa-icon-filialkunde:before {
  content: "\52";
}
.icon-ofa-icon-loeschen:before {
  content: "\53";
}
.icon-ofa-icon-schliessen:before {
  content: "\54";
}
.icon-ofa-icon-filter:before {
  content: "\56";
}
.icon-ofa-icon-massbestellung:before {
  content: "\57";
}
.icon-ofa-icon-serienbestellung:before {
  content: "\58";
}
.icon-ofa-icon-pin-gefuellt:before {
  content: "\59";
}
.icon-ofa-icon-abmelden:before {
  content: "\61";
}
.icon-ofa-icon-account:before {
  content: "\65";
}
.icon-ofa-icon-anmelden:before {
  content: "\6b";
}
.icon-ofa-icon-fachhandelsportal:before {
  content: "\45";
}
.icon-ofa-icon-toleranzen:before {
  content: "\46";
}
.icon-ofa-icon-schnellbestellung:before {
  content: "\55";
}
[class^="icon-portal-"]:before,
[class*=" icon-portal-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ofa-portal' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-portal-download:before {
  content: "\e906";
}
.icon-portal-aktualisieren:before {
  content: "\e90a";
}
.icon-portal-beliebte-produkte:before {
  content: "\e90b";
}
.icon-portal-burgermenu:before {
  content: "\e90c";
}
.icon-portal-drucken:before {
  content: "\e90d";
}
.icon-portal-filter:before {
  content: "\e90e";
}
.icon-portal-info:before {
  content: "\e90f";
}
.icon-portal-karriere:before {
  content: "\e910";
}
.icon-portal-koerperwissen:before {
  content: "\e911";
}
.icon-portal-krankheitsbild:before {
  content: "\e912";
}
.icon-portal-loeschen:before {
  content: "\e913";
}
.icon-portal-pfeil:before {
  content: "\e914";
}
.icon-portal-pin:before {
  content: "\e915";
}
.icon-portal-presse:before {
  content: "\e916";
}
.icon-portal-produktfinder:before {
  content: "\e917";
}
.icon-portal-schlieen:before {
  content: "\e918";
}
.icon-portal-speichern:before {
  content: "\e919";
}
.icon-portal-suche:before {
  content: "\e91a";
}
.icon-portal-therapie:before {
  content: "\e91b";
}
.icon-portal-weiter:before {
  content: "\e91c";
}
.icon-portal-weiter-kreis:before {
  content: "\e91d";
}
.icon-portal-facebook:before {
  content: "\e900";
}
.icon-portal-twitter:before {
  content: "\e901";
}
.icon-portal-instagram:before {
  content: "\e902";
}
.icon-portal-googleplus:before {
  content: "\e903";
}
.icon-portal-linkedin:before {
  content: "\e904";
}
.icon-portal-xing:before {
  content: "\e905";
}
/*
 * Utilities for styling
 */
/* Display */
.u-displayBlock {
  display: block;
}
.u-inlineBlock {
  display: inline-block;
}
.u-inlineBlock-important {
  display: inline-block !important;
}
.u-inline {
  display: inline;
}
.u-displayNone {
  display: none;
}
.u-smaller {
  font-size: 0.8em;
}
.u-small {
  font-size: 0.9em;
}
.u-base {
  font-size: 1em;
}
.u-floatRight {
  float: right;
}
.u-floatLeft {
  float: left;
}
/* Margins */
.u-marginTop20--negative {
  margin-top: -20px;
}
.u-marginTop35--negative {
  margin-top: -35px;
}
.u-marginTop50--negative {
  margin-top: -50px;
}
.u-marginTop0 {
  margin-top: 0;
}
.u-marginTop5 {
  margin-top: 5px;
}
.u-marginBottom0 {
  margin-bottom: 0;
}
.u-marginHeight5 {
  margin: 5px 0;
}
.u-marginBottom5 {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .u-xs-marginBottom20 {
    margin-bottom: 20px;
  }
}
.u-marginLeft10 {
  margin-left: 10px;
}
.u-marginRight10 {
  margin-right: 10px;
}
.u-marginTop10 {
  margin-top: 10px;
}
.u-marginBottom10 {
  margin-bottom: 10px;
}
.u-marginWidth10 {
  margin: 0 10px;
}
.u-marginHeight10 {
  margin: 10px 0;
}
.u-marginLeft15 {
  margin-left: 15px;
}
.u-marginRight15 {
  margin-right: 15px;
}
.u-marginTop15 {
  margin-top: 15px;
}
.u-marginBottom15 {
  margin-bottom: 15px;
}
.u-marginTop18 {
  margin-top: 18px;
}
.u-marginLeft20 {
  margin-left: 20px;
}
.u-marginLeft200 {
  margin-left: 200px;
}
.u-marginRight20 {
  margin-right: 20px;
}
.u-marginTop20 {
  margin-top: 20px;
}
.u-marginBottom20 {
  margin-bottom: 20px;
}
.u-marginWidth20 {
  margin: 0 20px;
}
.u-marginHeight20 {
  margin: 20px 0;
}
.u-marginLeft25 {
  margin-left: 25px;
}
.u-marginRight25 {
  margin-right: 25px;
}
.u-marginTop25 {
  margin-top: 25px;
}
.u-marginBottom25 {
  margin-bottom: 25px;
}
.u-marginWidth25 {
  margin: 0 25px;
}
.u-marginHeight25 {
  margin: 25px 0;
}
.u-marginLeft30 {
  margin-left: 30px;
}
.u-marginRight30 {
  margin-right: 30px;
}
.u-marginTop30 {
  margin-top: 30px;
}
.u-marginBottom30 {
  margin-bottom: 30px;
}
.u-marginWidth30 {
  margin: 0 30px;
}
.u-marginHeight30 {
  margin: 30px 0;
}
.u-marginTop40 {
  margin-top: 40px;
}
.u-marginRight40 {
  margin-right: 40px;
}
.u-marginLeft50 {
  margin-left: 50px;
}
.u-marginRight50 {
  margin-right: 50px;
}
.u-marginTop50 {
  margin-top: 50px;
}
.u-marginBottom50 {
  margin-bottom: 50px;
}
.u-marginWidth50 {
  margin: 0 50px;
}
.u-marginHeight50 {
  margin: 50px 0;
}
.u-marginTop80 {
  margin-top: 80px;
}
.u-marginTop100 {
  margin-top: 100px;
}
.u-marginTop150 {
  margin-top: 150px;
}
/* Paddings */
.u-paddingRight0 {
  padding-right: 0;
}
.u-paddingLeft10 {
  padding-left: 10px;
}
.u-paddingRight10 {
  padding-right: 10px;
}
.u-paddingBottom10 {
  padding-bottom: 10px;
}
.u-paddingTop10 {
  padding-top: 10px;
}
.u-paddingWidth10 {
  padding: 0 10px;
}
.u-paddingHeight10 {
  padding: 10px 0;
}
.u-paddingLeft15 {
  padding-left: 15px;
}
.u-paddingLeft20 {
  padding-left: 20px;
}
.u-paddingTop20 {
  padding-top: 20px;
}
.u-paddingBottom20 {
  padding-bottom: 20px;
}
.u-paddingRight20 {
  padding-right: 20px;
}
.u-paddingWidth20 {
  padding: 0 20px;
}
.u-paddingHeight20 {
  padding: 20px 0;
}
.u-paddingLeft25 {
  padding-left: 25px;
}
.u-paddingTop25 {
  padding-top: 25px;
}
.u-paddingBottom25 {
  padding-bottom: 25px;
}
.u-paddingRight25 {
  padding-right: 25px;
}
.u-paddingWidth25 {
  padding: 0 25px;
}
.u-paddingHeight25 {
  padding: 25px 0;
}
.u-paddingLeft50 {
  padding-left: 50px;
}
.u-paddingRight50 {
  padding-right: 50px;
}
.u-paddingWidth50 {
  padding: 0 50px;
}
.u-paddingHeight50 {
  padding: 50px 0;
}
.u-paddingLeft200 {
  padding-left: 200px;
}
.u-noPaddingNoMargin {
  padding: 0;
  margin: 0;
}
.u-noPadding {
  padding: 0 !important;
}
.u-noMargin {
  margin: 0 !important;
}
/* Width & Height */
.u-maxWidth100 {
  max-width: 100%;
}
.u-maxWidth50 {
  max-width: 50%;
}
.u-maxWidth30 {
  max-width: 30%;
}
.u-maxWidth300 {
  max-width: 300px;
}
.u-maxHeight100 {
  max-height: 100%;
}
.u-maxHeight50 {
  max-height: 50%;
}
.u-maxHeight30 {
  max-height: 30%;
}
.u-wAuto {
  width: auto;
}
.u-w40 {
  width: 40px;
}
.u-w50 {
  width: 50px;
}
.u-w50i {
  width: 50px !important;
}
.u-w70 {
  width: 70px;
}
.u-w80 {
  width: 80px;
}
.u-w90 {
  width: 80px;
}
.u-w100 {
  width: 100px;
}
.u-w120 {
  width: 120px;
}
.u-w130 {
  width: 130px;
}
.u-w150 {
  width: 150px;
}
.u-w160 {
  width: 160px;
}
.u-w200 {
  width: 200px;
}
.u-w240 {
  width: 240px;
}
.u-w250 {
  width: 250px;
}
.u-w300 {
  width: 300px;
}
.u-w330 {
  width: 330px;
}
.u-w340 {
  width: 340px;
}
.u-w380 {
  width: 380px;
}
.u-w20P {
  width: 20%;
}
.u-w40P {
  width: 40%;
}
.u-w80P {
  width: 80%;
}
.u-w60P {
  width: 60%;
}
.u-w100P {
  width: 100%;
}
.u-h100 {
  height: 100px;
}
.u-h20 {
  height: 20px;
}
.u-h30 {
  height: 30px;
}
.u-h50 {
  height: 50px;
}
.u-h80 {
  height: 80px;
}
.u-h70P {
  height: 70%;
}
.u-h100P {
  height: 100%;
}
.u-h250 {
  height: 250px;
}
.u-minHeight150 {
  min-height: 150px;
}
.u-minHeight450 {
  min-height: 450px;
}
/* Visibility */
.u-visibilityHidden {
  visibility: hidden;
  opacity: 0;
}
.u-overflow--hidden {
  overflow: hidden;
}
.u-overflow--auto {
  overflow: auto;
}
/* Centering */
/* This uses the merge-functionality (+_) of less on the transform declarations. */
.u-centerContainer {
  position: relative;
}
.u-centerVertically {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.u-centerHorizontally {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.u-centerVerticallyHorizontally {
  top: 50%;
  transform: translateY(-50%) translateX(-50%) translateX(-50%);
  position: absolute;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
}
/* Transitions */
.u-transitionEaseInOut2 {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.u-underline {
  text-decoration: underline;
}
.u-bold {
  font-family: "Humanist Condensed Bold";
}
.u-bold-important {
  font-family: "Humanist Condensed Bold" !important;
}
.u-light {
  font-family: "Humanist Condensed Light";
}
.u-italic {
  font-family: "Humanist Condensed Italic";
}
.u-uppercase {
  text-transform: uppercase;
}
.u-fontSizeLarge {
  font-size: 1.27em;
}
.u-fontSizeSmall {
  font-size: 0.8em;
}
.u-fontSizeSmall-hint {
  font-size: 0.9em;
}
.u-lineThrough {
  text-decoration: line-through;
}
.u-colorBrandNeutral {
  color: #a2a19f;
}
.u-desaturate {
  /* You're trying to find out how the grayscaling works?
   Because IE (and actually FF also) suck, grayscaling is done via https://github.com/karlhorky/gray/
   It's called in brand_filter.html currently. */
  opacity: 0.5;
  cursor: default;
}
.u-desaturate:before {
  cursor: default;
}
.u-listStyleDash {
  margin-top: 5px;
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
}
.u-listStyleDash > li:before {
  display: inline-block;
  content: '\2013';
  width: 1em;
  margin-left: -1em;
  margin-right: -0.5em;
}
.u-colorBrandBlack {
  color: #000000 !important;
}
.u-color-brandWarning {
  color: #b0053a;
}
.u-color-blueLightest {
  color: #b6c6ce;
}
.u-color-blueLighter {
  color: #95acb8;
}
.u-color-blueLight {
  color: #7391a0;
}
.u-color-blueNeutral {
  color: #547a8b;
}
.u-color-blueDark {
  color: #346274;
}
.u-color-blueDarker {
  color: #134b5c;
}
.u-color-blueDarkest {
  color: #033343;
}
/*
 * Brand-Color for Font, Background and Border
 */
.u-colorbrandNeutral-font {
  color: #a2a19f;
}
.u-colorbrandNeutral-background {
  background-color: #a2a19f;
}
.u-colorbrandNeutral-border {
  border-color: #a2a19f;
}
.u-colorBrandBlack-font {
  color: #000000;
}
.u-colorBrandBlack-background {
  background-color: #000000;
}
.u-colorBrandBlack-border {
  border-color: #000000;
}
.u-colorBrandDark-font {
  color: #a2a19f;
}
.u-color-memory-font {
  color: #a69965;
}
.u-color-memory-background {
  background-color: #a69965;
}
.u-color-memory-border {
  border-color: #a69965;
}
.u-color-MemoryAloevera-font {
  color: #8a9644;
}
.u-color-MemoryAloevera-background {
  background-color: #8a9644;
}
.u-color-MemoryAloevera-border {
  border-color: #8a9644;
}
.u-color-lastofa-font {
  color: #7a1a38;
}
.u-color-lastofa-background {
  background-color: #7a1a38;
}
.u-color-lastofa-border {
  border-color: #7a1a38;
}
.u-color-gilofa-font {
  color: #001d3b;
}
.u-color-gilofa-background {
  background-color: #001d3b;
}
.u-color-gilofa-border {
  border-color: #001d3b;
}
.u-color-GilofaAdditional-font {
  color: #a6b0bb;
}
.u-color-GilofaAdditional-background {
  background-color: #a6b0bb;
}
.u-color-GilofaAdditional-border {
  border-color: #a6b0bb;
}
.u-color-o-motion-font {
  color: #b20b0f;
}
.u-color-o-motion-background {
  background-color: #b20b0f;
}
.u-color-o-motion-border {
  border-color: #b20b0f;
}
.u-color-rathgeber-thermo-font {
  color: #898278;
}
.u-color-rathgeber-thermo-background {
  background-color: #898278;
}
.u-color-rathgeber-thermo-border {
  border-color: #898278;
}
.u-color-Ofafit-font {
  color: #898278;
}
.u-color-Ofafit-background {
  background-color: #898278;
}
.u-color-Ofafit-border {
  border-color: #898278;
}
.u-color-standardma-font {
  color: #8c8c8c;
}
.u-color-standardma-background {
  background-color: #8c8c8c;
}
.u-color-standardma-border {
  border-color: #8c8c8c;
}
.u-color-psb-font {
  color: #d37125;
}
.u-color-psb-background {
  background-color: #d37125;
}
.u-color-psb-border {
  border-color: #d37125;
}
.u-color-push-font {
  color: #6d3e5a;
}
.u-color-push-background {
  background-color: #6d3e5a;
}
.u-color-push-border {
  border-color: #6d3e5a;
}
.u-color-push-sports-font {
  color: #00496F;
}
.u-color-push-sports-background {
  background-color: #00496F;
}
.u-color-push-sports-border {
  border-color: #00496F;
}
.u-color-dynamics-font {
  color: #6286c3;
}
.u-color-dynamics-background {
  background-color: #6286c3;
}
.u-color-dynamics-border {
  border-color: #6286c3;
}
.u-color-dynamics-plus-font {
  color: #6286c3;
}
.u-color-dynamics-plus-background {
  background-color: #6286c3;
}
.u-color-dynamics-plus-border {
  border-color: #6286c3;
}
.u-color-pflege-font {
  color: #898278;
}
.u-color-pflege-background {
  background-color: #898278;
}
.u-color-pflege-border {
  border-color: #898278;
}
.u-color-zubehor-font {
  color: #898278;
}
.u-color-zubehor-background {
  background-color: #898278;
}
.u-color-zubehor-border {
  border-color: #898278;
}
.u-cursorPointer {
  cursor: pointer;
}
.u-verticalAlignTop {
  vertical-align: top;
}
.u-verticalAlignMiddle {
  vertical-align: middle;
}
.u-noClick {
  cursor: default !important;
}
.u-noPointerEvent {
  pointer-events: none;
}
.u-mirror {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.u-mirror:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.u-ofaColor {
  color: #a2a19f;
}
.u-ofaColor:hover {
  color: #a2a19f;
}
.u-pullTop10 {
  margin-top: -10px;
}
.u-pullTop20 {
  margin-top: -20px;
}
.u-pullTop30 {
  margin-top: -30px;
}
.u-pullBottom10 {
  margin-bottom: -10px;
}
.u-consigneePatient {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-width: 2px;
  border-color: #a2a19f;
  color: #a2a19f;
  border-style: solid;
  width: 20px;
  text-align: center;
  line-height: 16px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
.u-textAlign--center {
  text-align: center;
}
.u-textAlign--left {
  text-align: left;
}
.u-textAlign--right {
  text-align: right;
}
.u-subTitle {
  font-size: 1.27em;
  display: inline-block;
}
.u-noBorder {
  border: 0;
}
.u-borderRight {
  border-right: 1px solid #000000;
}
.u-warning {
  color: #b0053a;
  font-family: "Humanist Condensed Italic";
}
.u-success {
  color: #2a7216;
}
.u-underline {
  text-decoration: underline;
}
.u-positionRelative {
  position: relative;
}
.u-specificationWarning {
  font-family: "Humanist Condensed Italic";
  color: #b0053a;
  margin-top: -15px;
  margin-bottom: 10px;
}
.u-measurementLetter {
  font-family: "AGaramondPro-Italic";
}
.u-disabled {
  opacity: 0.5;
}
.u-measurementKeyValue {
  text-align: right;
}
.u-whiteSpace--normal {
  white-space: normal;
}
@media print {
  .u-noPrint {
    display: none;
  }
  .u-noWrap {
    white-space: nowrap;
    margin-right: 10px;
  }
}
@media (max-width: 1024px) {
  .u-applyLeg {
    font-size: 0.8em;
  }
  .u-measurementKeyValue {
    text-align: left;
  }
}
.u-colorTitle {
  white-space: normal;
  vertical-align: middle;
  display: inline-block;
}
[data-toggle="tooltip"] {
  cursor: pointer;
}
.hiddenAnchor {
  display: block;
  position: relative;
  top: -89px;
  /* size of the fixed header */
  visibility: hidden;
}
.u-noWrap {
  white-space: nowrap;
}
@media only screen and (max-width: 500px) {
  .u-wAuto {
    width: auto;
  }
  .u-w40 {
    width: 100%;
    max-width: 40px;
  }
  .u-w50 {
    width: 100%;
    max-width: 50px;
  }
  .u-w50i {
    width: 100%;
    max-width: 50px !important;
  }
  .u-w70 {
    width: 100%;
    max-width: 70px;
  }
  .u-w80 {
    width: 100%;
    max-width: 80px;
  }
  .u-w90 {
    width: 100%;
    max-width: 80px;
  }
  .u-w100 {
    width: 100%;
    max-width: 100px;
  }
  .u-w120 {
    width: 100%;
    max-width: 120px;
  }
  .u-w130 {
    width: 100%;
    max-width: 130px;
  }
  .u-w150 {
    width: 100%;
    max-width: 150px;
  }
  .u-w160 {
    width: 100%;
    max-width: 160px;
  }
  .u-w200 {
    width: 100%;
    max-width: 200px;
  }
  .u-w240 {
    width: 100%;
    max-width: 240px;
  }
  .u-w250 {
    width: 100%;
    max-width: 250px;
  }
  .u-w300 {
    width: 100%;
    max-width: 300px;
  }
  .u-w330 {
    width: 100%;
    max-width: 330px;
  }
  .u-w340 {
    width: 100%;
    max-width: 340px;
  }
  .u-w380 {
    width: 100%;
    max-width: 380px;
  }
  .u-w20P {
    width: 100%;
    max-width: 20%;
  }
  .u-w40P {
    width: 100%;
    max-width: 40%;
  }
  .u-w80P {
    width: 100%;
    max-width: 80%;
  }
  .u-w60P {
    width: 100%;
    max-width: 60%;
  }
  .u-w100P {
    width: 100%;
  }
  .u-h100 {
    height: 100px;
  }
  .u-h20 {
    height: 20px;
  }
  .u-h30 {
    height: 30px;
  }
  .u-h50 {
    height: 50px;
  }
  .u-h80 {
    height: 80px;
  }
  .u-h70P {
    height: 70%;
  }
  .u-h100P {
    height: 100%;
  }
  .u-h250 {
    height: 250px;
  }
  .u-minHeight150 {
    min-height: 150px;
  }
  .u-minHeight450 {
    min-height: 450px;
  }
}
@media (max-width: 500px) {
  .u-noPaddingMobile {
    padding: 0 !important;
  }
}
.hamburger path,
.mobile-basket-link path,
.mobile-navbar path {
  display: inline !important;
}
/****************************************************************************************************************
 *
 * BEGIN OF FONTS
 * 
 * The base for all the fonts is Humanist Condensed.
 * Font faces are defined in fonts.less.
 *
 * FONT WEIGHTS
 */
/*
 * Basic component fonts
 *
 * Starting with headline stuff
 */
/* 
 * Tables
 */
/*
 * Tag Label
 */
/* 
 * Filter
 */
/*
 * Pagination
 */
/*
 * Label
 */
/*
  * Buttons
  */
/*
 * Anchors
 */
/*
 * Body Text
 */
/*
 * FONT SIZES
 */
/*
 * Button font sizes
 */
/*
 * END OF FONTS
 ****************************************************************************************************************/
/*
 * MEDIA QUERIES
 ****************************************************************************************************************/
/*
 * END OF MEDIA QUERIES
 ****************************************************************************************************************/
/****************************************************************************************************************
 *
 * BEGIN OF COLORS
 *
 *
 * Official Ofa brand colors
 */
/*
 * Generics
 */
/*
 * Ofa blues
 */
/*
 * Every product brand has a different main color. 
 */
/*
 * Button colors
 */
/* 
 * textInput variables
 */
/*
 * Input Groups
 */
/*
 * hints
 */
/*
 * placeholder variables
 */
/*
 * textLabel variables
 */
/*
 * Navbar Item
 */
/*
 * Shadow Box
 */
/*
 * Sidetabs
 */
/*
 * keyValue component
 */
/*
 * Message
 */
/*
 * Select Dropdown component
 */
/*
 * Table component
 */
/*
 * Modal Header
 */
/*
 * Hints
 */
/*
 * Login Overlay
 */
/*
 * Horizontal lines
 */
/*
 * Tiles
 */
/*
 * END OF FONTS
 ****************************************************************************************************************/
/****************************************************************************************************************
 *
 * BEGIN OF MEDIA QUERIES
 *
 *
 * Media-Queries used in the project.
 * Use in less files: @media @media--tablet-portrait { .selectEverything{ ... } }
 */
/* 
 * This file contains all buttons 
 *
 * .btn - base class for Button component
*/
.btn {
  border-width: 2px;
  border-style: solid;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1em;
  font-family: "Humanist Condensed Bold";
  margin: 10px 0;
  padding: 6px 12px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn .ofa-icon {
  display: inline-block;
  font-size: 19px;
  margin-top: -6px;
  margin-bottom: -2px;
  margin-right: 4px;
}
.btn .ofa-glyphicon {
  display: inline-block;
  margin-top: -6px;
  margin-bottom: -2px;
  margin-right: 10px;
}
.btn:focus {
  outline: 0;
}
.btn--icon {
  padding: 5px 5px 3px;
  line-height: 1em;
  font-size: 12px;
}
.btn--newsletter {
  height: 26px;
  width: 28px;
  padding: 0;
  margin: 0;
  margin-left: 2px;
}
.btn--newsletter .ofa-icon {
  display: inline-block;
  font-size: 17px;
  margin-top: -1px;
  margin-left: 4px;
}
/*
 * Primary button
 */
.btn--primary {
  background-color: #a2a19f;
  border-color: #a2a19f;
  color: #ffffff;
}
.btn--primary[class^="icon-"] {
  margin-right: 10px;
}
.btn--primary:hover {
  border-color: #a2a19f;
  background-color: #a2a19f;
}
.btn--primary[disabled]:hover {
  background-color: #a2a19f;
  border-color: #a2a19f;
}
/* Primary button is available in different colors */
.btn--primaryBlue {
  background-color: #547a8b;
  border-color: #547a8b;
  color: #ffffff;
}
.btn--primaryBlue:hover {
  border-color: #346274;
  background-color: #346274;
}
.btn--primaryBlue[disabled]:hover {
  background-color: #547a8b;
  border-color: #547a8b;
}
.btn--primaryBlack {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.btn--primaryBlack:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn--primaryBlack[disabled]:hover {
  background-color: #000000;
  border-color: #000000;
}
/*
 * Secondary button
 */
.btn--secondary {
  background-color: #ffffff;
  border-color: #a2a19f;
  color: #a2a19f;
}
.btn--secondary:hover,
.btn--secondary:focus,
.btn--secondary:focus-visible,
.btn--secondary:active {
  border-color: #a2a19f;
  color: #a2a19f;
  outline: 0 !important;
}
.btn--secondary[disabled]:hover {
  background-color: #ffffff;
  border-color: #a2a19f;
}
.btn--third,
.btn--third[disabled]:hover {
  background-color: #134b5c;
  border-color: #134b5c;
  color: #ffffff;
}
.btn--third:hover,
.btn--third:focus,
.btn--third:focus-visible,
.btn--third:active {
  border-color: #033343;
  background-color: #033343;
  color: #ffffff;
  outline: 0 !important;
}
/*
 * Warning Button
 */
.btn--warning {
  background-color: #b0053a;
  border-color: #b0053a;
  color: #ffffff;
}
.btn--warning:hover {
  border-color: #7e042a;
  background-color: #7e042a;
}
/*
 * Link button
 */
.btn--link {
  border: none;
  font-family: "Humanist Condensed Italic";
  color: #a2a19f;
  text-decoration: underline;
  margin: 0;
  cursor: pointer;
}
.btn--primary--noClick:hover {
  background-color: #a2a19f !important;
  border-color: #a2a19f !important;
  cursor: default;
}
@media (max-width: 1040px) {
  .btn {
    padding: 4px 8px;
  }
  .btn .ofa-icon {
    margin-right: 0;
  }
  .btn--newsletter .ofa-icon {
    margin-top: -3px;
    margin-left: -3px;
  }
  .btn--newsletter .ofa-icon:before {
    margin-top: -7px;
  }
}
/*
 * Input fields2
 *
 * This file contains all styles for inputs including text, number, radio, checkbox and dropdown.
 * It also contains all styles for labels.
 */
label {
  font-weight: normal;
  /* Override bootstraps label font-weight: bold; */
}
.inputGroup {
  display: block;
}
.inputGroup--inline {
  display: inline-block;
}
.inputGroup--sub {
  margin-top: -30px;
}
.inputGroup-headline {
  font-size: 1.27em;
  color: #a2a19f;
  font-family: "Humanist Condensed Bold";
}
.inputGroup-numberInput,
.inputGroup-textInput,
.inputGroup-textArea {
  background-color: #ffffff;
  border-width: 1px;
  border-color: #a2a19f;
  border-style: solid;
  color: #000000;
  display: inline-block;
  font-family: "Humanist Condensed Light";
  font-size: 1em;
  padding: 3px 6px;
  margin: 18px 0;
  /* 18px = 20px - 1px (border) -1px (padding) */
  line-height: 16px;
}
.inputGroup-numberInput,
.inputGroup-textInput {
  height: 26px;
  width: 200px;
}
.inputGroup-textArea {
  height: 8em;
  width: 90%;
}
.u-patientForm .inputGroup-textInput,
.u-patientForm .inputGroup-numberInput {
  width: 300px;
}
.inputGroup-numberInput {
  width: auto;
}
.inputGroup--firstName-input {
  width: 166px !important;
  /* Patient Create View */
}
.inputGroup--birthday-input {
  width: 40px !important;
  margin-right: 0 !important;
}
/* Patient Create View */
.inputGroup--birthyear-input {
  width: 106px !important;
  margin-right: 0 !important;
}
.inputGroup-textInput--noMargin,
.inputGroup-textInput--noMargin:focus {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}
.inputGroup-textInput--autoWidth {
  width: auto;
}
.inputGroup-textInput--newsletter {
  width: 140px;
  height: 26px;
  vertical-align: top;
  border: 0;
  margin: 0;
}
.inputGroup--postcode-textInput {
  margin-right: 0 !important;
  width: 130px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
.inputGroup--city-textInput {
  margin-right: 0 !important;
  width: 166px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
.inputGroup--street-textInput {
  margin-right: 0 !important;
  width: 206px !important;
  /* Patient Create View */
}
.inputGroup--housenumber-textInput {
  margin-right: 0 !important;
  width: 90px !important;
  /* Patient Create View */
}
.inputGroup--accountPostcode-textInput {
  margin-right: 0 !important;
  width: 105px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
.inputGroup--accountCity-textInput {
  margin-right: 0 !important;
  width: 141px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
/* The following inputGroup fields are used in the basket for the custom delivery address on each line */
.inputGroup-basket--firstName,
.inputGroup-basket--lastName {
  width: 188px;
}
.inputGroup-basket--postcode {
  width: 105px;
}
.inputGroup-basket--city {
  width: 271px;
}
.inputGroup-numberInput:focus,
.inputGroup-textInput:focus {
  margin-right: -2px;
  padding-left: 5px;
  padding-right: 5px;
}
.inputGroup-numberInput:focus,
.inputGroup-textInput:focus,
.inputGroup-textArea:focus {
  border-color: #547a8b;
  border-width: 2px;
  outline: 0;
}
.inputGroup-customAddressCheckbox:not(:checked) ~ .inputGroup-customAddressContainer {
  display: none !important;
}
.inputGroup-customAddressCheckbox:checked ~ .inputGroup-customAddressContainer {
  display: block;
}
.inputGroup-textArea:focus {
  padding: 2px 5px;
}
.text-right .inputGroup-numberInput:focus,
.text-right .inputGroup-textInput:focus {
  margin-left: -2px;
  margin-right: 0;
}
.inputGroup-customAddressCheckbox:not(:checked) ~ .u-inlineBlock .select2 {
  opacity: 0.5;
}
.inputGroup-customAddressCheckbox:checked ~ .u-inlineBlock .select2 {
  opacity: 1;
}
.inputGroup-textInput.is-faulty,
.inputGroup-numberInput.is-faulty {
  color: #b0053a;
  border-color: #b0053a;
}
.inputGroup-textLabel {
  color: #000000;
  display: inline-block;
  width: 200px;
  /* IMPORTANT there is a dependency to keyValue-key in the layout!!! */
  font-size: 1em;
  font-family: "Humanist Condensed Light";
  line-height: 20px;
  vertical-align: top;
  margin: 20px 0;
  box-sizing: border-box;
}
.inputGroup-hint {
  font-family: "Humanist Condensed Italic";
}
.inputGroup-input {
  margin: 20px 0;
  display: inline-block;
}
.inputGroup-checkBoxLabel {
  margin-right: 10px;
}
.inputGroup-checkBoxLabel:last-of-type {
  margin-right: 0px;
}
.inputGroup-checkBoxLabel:before {
  content: '';
  background-image: url(d966a58b68573fa04951.png);
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-right: 3px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.inputGroup-checkBoxInput + .inputGroup-checkBoxLabel:before {
  background-position: -5px -101px;
}
.inputGroup-checkBoxInput:checked + .inputGroup-checkBoxLabel:before {
  background-position: -5px -5px;
}
.inputGroup-checkBoxInput {
  display: none;
}
.inputGroup-radioLabel {
  margin-right: 30px;
  margin-bottom: 16px;
}
.inputGroup-radioLabel div {
  font-family: "Humanist Condensed Italic";
}
.inputGroup-radioLabel:last-of-type {
  margin-right: 0;
}
.inputGroup-radioLabel:before {
  content: '';
  background-image: url(d966a58b68573fa04951.png);
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-bottom: -3px;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.inputGroup-radioInput + .inputGroup-radioLabel:before {
  background-position: -4px -218px;
}
.inputGroup-radioInput:checked + .inputGroup-radioLabel:before {
  background-position: -4px -192px;
}
.inputGroup-radioInput {
  display: none;
  pointer-events: none;
}
.inputGroup-radioInput:disabled + .inputGroup-radioLabel,
.inputGroup-radioInput:not(:checked) ~ div > .subChoiceLabel {
  opacity: 0.5;
}
.inputGroup-selectInput {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 2px;
  border-color: #d5d4d3;
  background-color: transparent;
  padding: 5px 35px 5px 5px;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(d966a58b68573fa04951.png);
  background-repeat: no-repeat;
  background-position: right -5px top -151px;
  background-size: 40px;
}
.inputGroup-sizeLabel,
.inputGroup-radioLabel,
.inputGroup-variationLabel,
.inputGroup-gripTopLabel {
  cursor: pointer;
  display: inline-block;
}
.inputGroup-sizeLabel {
  display: inline-block;
  height: 35px;
  min-width: 35px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  border-width: 2px;
  line-height: 31px;
  font-size: 16px;
  border-style: solid;
  text-align: center;
  margin-right: 10px;
  border-color: #a2a19f;
  background-color: #ffffff;
  color: #a2a19f;
  padding: 0 7px;
}
.inputGroup-radioInput:checked + .inputGroup-sizeLabel {
  background-color: #a2a19f;
  color: #ffffff;
}
.inputGroup-errors {
  color: #b0053a;
  font-family: "Humanist Condensed Italic";
  margin-top: -15px;
  margin-left: 205px;
  padding: 0;
  list-style: none;
}
.inputGroup--noInline-errors {
  margin-left: 0;
}
.inputGroup-radioLabel img,
.inputGroup-variationLabel img,
.inputGroup-gripTopLabel img {
  pointer-events: none;
}
.inputGroup-variationLabel,
.inputGroup-gripTopLabel {
  text-align: center;
  border: 2px solid #ffffff;
  padding: 4px 10px;
  vertical-align: top;
}
.inputGroup-gripTopLabel {
  width: 120px;
  display: inline-block;
}
.inputGroup-gripTopLabel img {
  max-width: 100px;
  height: 70px;
}
.inputGroup-radioInput:checked + .inputGroup-variationLabel,
.inputGroup-radioInput:checked + .inputGroup-gripTopLabel {
  border: 2px solid #a2a19f;
}
.inputGroup-additionalLabel {
  font-family: "Humanist Condensed Italic";
  color: #a2a19f;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 20px;
  margin-left: -40px;
}
/*
 * Sometimes label and input are not inline
 * Use inputGroup--noInline-textInput for that.
 */
.inputGroup-textInput.u-noInline {
  display: block;
  margin: 5px 0;
}
.inputGroup-textLabel.u-noInline {
  display: block;
  margin-bottom: 0;
}
.inputGroup-errors.u-noInline {
  margin-left: 0;
  margin-top: 5px;
}
/*
 * Button for input-files
 * Checkout the button in the image_field.html as an example for html + JS(!).
 */
.inputfile-button {
  width: 0.1px;
  height: 0.1px;
  visibility: hidden;
  overflow: hidden;
}
.inputfile-button + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.textInput--supplementProduct {
  width: 50px;
}
.inputGroup-amountInput {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.inputGroup-helptext {
  margin-top: -17px;
}
/*
 * Some input specific utilities
 */
.inputGroup-checkBoxInput + label + .inputGroup-reason {
  display: none;
}
.inputGroup-checkBoxInput:checked + label + .inputGroup-reason {
  display: block;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type="text"]:disabled,
input[type="number"]:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}
/*
 * PLACEHOLDER
 */
::-webkit-input-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
::-moz-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
:-ms-input-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
input:-moz-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
@media (max-width: 1400px) {
  .inputGroup-gripTopLabel {
    width: 110px;
  }
  .inputGroup-gripTopLabel img {
    max-width: 80px;
    height: 50px;
  }
}
@media (max-width: 1280px) {
  .input-search {
    width: 120px;
  }
  .inputGroup-textInput--newsletter {
    width: 125px;
  }
}
.productionNumberInput-input {
  font-size: 18px;
  width: 140px !important;
  height: 25px !important;
}
.select2-search {
  display: none;
}
.selection:focus,
.select2-container:focus,
.select2-selection:focus {
  outline: 0;
}
.select2-dropdown,
.select2-container--default .select2-selection--single {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
}
.select2-container .select2-selection--single {
  height: 26px;
  margin-top: -2px;
}
.select2-container--default .select2-selection--single {
  border-color: #a2a19f;
}
.select2-container--focus .select2-selection--single {
  border-color: #547a8b;
  border-width: 2px;
}
.select2-dropdown,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #547a8b;
  border-width: 2px;
  z-index: 20000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  height: 26px;
  width: 28px;
  background-image: url(d966a58b68573fa04951.png);
  background-position: -5px -156px;
  position: relative;
  display: block;
  top: 0;
  right: 0;
  left: auto;
  margin: 0;
}
.select2-container--focus .select2-selection--single .select2-selection__arrow b {
  background-position: -5px -126px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single b {
  background-position: -5px -126px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  width: 28px;
  top: -2px;
  right: 0;
}
.select2-results {
  -webkit-box-shadow: 0 5px 20px 2px #bbb;
  -moz-box-shadow: 0 5px 20px 2px #bbb;
  box-shadow: 0 5px 20px 2px #bbb;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eaeae9;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #d5d4d3;
  color: #000000;
}
.select2-results__option[aria-selected]:hover {
  background-color: #d5d4d3;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000;
  line-height: 25px;
  padding-right: 25px;
  padding-left: 8px;
}
.select2-container--focus .select2-selection--single .select2-selection__rendered {
  line-height: 23px;
  padding-left: 7px;
}
.select2-container.is-faulty {
  border: 1px solid #b0053a;
}
/* Different widths for dropdowns */
.u-w80 > .select2-container {
  width: 80px !important;
}
.u-w90 > .select2-container {
  width: 90px !important;
}
.u-w100 > .select2-container {
  width: 100px !important;
}
.u-w130 > .select2-container {
  width: 130px !important;
}
.u-w150 > .select2-container {
  width: 150px !important;
}
.u-w200 > .select2-container {
  width: 200px !important;
}
.u-w250 > .select2-container {
  width: 250px !important;
}
.u-w300 > .select2-container {
  width: 300px !important;
}
.u-w380 > .select2-container {
  width: 380px !important;
}
.u-w400 > .select2-container {
  width: 400px !important;
}
/* Widths that adapt according to screen size */
.u-w350A > .select2-container {
  width: 200px !important;
}
@media (min-width: 768px) {
  .u-w350A > .select2-container {
    width: 300px !important;
  }
}
@media (min-width: 992px) {
  .u-w350A > .select2-container {
    width: 350px !important;
  }
}
.u-w100P > .select2-container {
  max-width: 100% !important;
  width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--focus .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin: 0;
}
/*
 * Table styles
 */
@media (max-width: 767px) {
  .table-action--mobile {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.table {
  border-collapse: separate;
  white-space: nowrap;
}
.table--clean {
  min-width: 100%;
  border-collapse: separate;
  white-space: nowrap;
}
.table-headline {
  font-family: "Humanist Condensed Bold";
  color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  border-top: 0 !important;
  padding: 10px 0 10px 20px;
}
.table-headline:first-child,
.table-headline:last-child {
  padding-right: 10px;
}
.table-data {
  border-bottom-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 20px 0 20px 20px;
  position: relative;
}
.table-data:first-child,
.table-data:last-child {
  padding-right: 10px;
}
.parent .table-data {
  border-bottom: 0;
}
.table-data--slim {
  padding: 8px;
}
.table-row {
  border-bottom: 1px solid #000000;
}
.table-row.even .table-data {
  background-color: #ffffff;
}
.table-row.odd .table-data {
  background-color: #eaeae9;
}
.table-row:hover .table-data {
  background-color: #d5d4d3;
}
.table-row:focus .table-data {
  background-color: inherit;
}
.table-data--action {
  text-align: right;
}
.table-row:hover .table-action {
  color: #547a8b;
}
.table-action,
.table-action:focus,
.table-action:link,
.table-action:active,
.table-action:visited {
  color: #547a8b;
  margin-left: 10px;
  white-space: nowrap;
  cursor: pointer;
}
.table-row--basket {
  height: 170px;
}
.table-row--basket .table-data:first-child {
  padding-left: 20px;
}
.table-head--basket .table-headline {
  border-bottom: 1px solid #000000;
}
.table-row--basket .table-data {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000000;
}
/*
 * Table Utilities
 */
.u-tableShrinkable {
  table-layout: fixed;
}
/* DataTables CSS */
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  font-family: 'ofa-icons';
  content: "\51";
  font-size: 20px;
  line-height: 20px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #a2a19f;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  margin-left: -6px;
  background-color: transparent;
  content: "\51";
  transform: rotate(90deg);
  color: #547a8b;
}
table.dataTable > tbody > tr.child ul {
  margin-left: 65px;
  margin-bottom: 10px;
}
table.dataTable > tbody > tr.child span.dtr-title {
  font-family: "Humanist Condensed Bold";
  width: 165px;
}
table.dataTable > tbody > tr.child ul li {
  border-bottom: 0;
}
table.dataTable > tbody > tr.child td {
  border-bottom: 1px solid #000000;
}
.table-row.even + .child > td {
  background-color: #ffffff;
}
.table-row.odd + .child > td {
  background-color: #eaeae9;
}
.table-row.even:hover + .child > td,
.table-row.odd:hover + .child > td {
  background-color: #d5d4d3;
}
@media only screen and (max-width: 991px) {
  .patient-list-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    justify-items: center;
  }
  .patient-list-wrapper > * {
    width: 90%;
  }
  .patient-list-wrapper .wrapper-grid-1 {
    grid-row: 1;
  }
  .patient-list-wrapper .wrapper-grid-2 {
    grid-row: 1;
    grid-column: 2 / span 3;
  }
  .patient-list-wrapper .grid-row-1 {
    grid-row: 1;
    grid-column: 1;
  }
  .patient-list-wrapper .grid-row-2 {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .patient-list-wrapper .grid-row-3 {
    grid-row: 2;
    grid-column: 3;
    justify-self: end;
  }
  .patient-list-wrapper .grid-row-4 {
    grid-row: 2;
    grid-column: 1;
  }
  .patient-list-wrapper .grid-row-5 {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .patient-list-wrapper .u-marginTop35--negative {
    margin-top: 0;
  }
  .patient-list-wrapper .u-marginTop30.text-right {
    text-align: left;
    margin-top: 0;
  }
  .patient-list-wrapper .u-marginTop30 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 769px) {
  .patient-list-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .patient-list-wrapper .grid-row-1 {
    grid-row: 1;
    grid-column: unset;
  }
  .patient-list-wrapper .grid-row-2 {
    grid-row: 2;
    grid-column: unset;
  }
  .patient-list-wrapper .grid-row-3 {
    grid-row: 3;
    grid-column: unset;
  }
  .patient-list-wrapper .grid-row-4 {
    grid-row: 4;
    grid-column: unset;
  }
  .patient-list-wrapper .grid-row-5 {
    grid-row: 5;
    grid-column: unset;
  }
  .patient-list-wrapper > .col-sm-5 {
    width: auto;
  }
  .patient-list-wrapper .wrapper-grid-2 {
    grid-row: 2;
    grid-column: 1 / span 3;
  }
}
@media only screen and (max-width: 360px) {
  .js-orderDetailTable ul {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 500px) {
  .js-clientTable .dtr-title {
    max-width: 45%;
  }
  .wishlist-product {
    white-space: normal;
    max-width: 50%;
  }
  .wishlist-order-actions {
    text-align: center;
  }
  .js-orderDetailTable .dtr-title {
    max-width: 10%;
  }
  .js-orderDetailTable .dtr-data div {
    max-width: 50%;
    white-space: normal;
  }
  .js-orderDetailTable span.dtr-data {
    margin-right: -5em;
  }
}
@media (max-width: 993px) {
  .patient-list-wrapper .tabbed-view-wrapper.u-marginTop30 {
    margin-top: 0;
    margin-bottom: 0.2em;
  }
  .tabbed-view-filters {
    display: flex;
    flex-wrap: wrap;
  }
  .tabbed-view-filters a {
    flex: 1 0 auto;
    text-align: center;
    height: unset;
    line-height: unset;
    margin: 0.3em 0 0 0;
    width: 48%;
  }
  .tabbed-view-filters a:first-child {
    width: 100%;
  }
  .tabbed-view-filters a:nth-child(2) {
    margin-right: 5px;
  }
  .tabbed-view-filters a:nth-child(3) {
    margin-left: 5px;
  }
  .tabbed-view-filters form {
    width: 100%;
  }
}
/*
 * FONT FACES
 *
 * All fonts are defined in this file. Never define a new font anywhere else in the project.
 * Always use TTF, WOFF, EOT and SVG files to ensure cross browser compatibility.
 */
@font-face {
  font-family: 'Humanist Condensed Light';
  src: url(88917ceee3663696f409.eot);
  /* IE9 */
  src: url(88917ceee3663696f409.eot?#iefix) format('embedded-opentype'), url(7af82e7d5d7dca50ee7e.woff) format('woff'), url(6e79144f92df185487b5.ttf) format('truetype'), url(1a29540c7c6a7506379b.svg) format("svg");
}
@font-face {
  font-family: "Humanist Condensed Bold";
  src: url(9f3356e7f7ee194cbd1b.eot);
  /* IE9 */
  src: url(9f3356e7f7ee194cbd1b.eot?#iefix) format('embedded-opentype'), url(31c40b8ccccd636c0d19.woff) format('woff'), url(c066f8b4c1884219e65e.ttf) format('truetype'), url(41d7b65cb6358682bc9e.svg) format("svg");
}
@font-face {
  font-family: "Humanist Condensed Italic";
  src: url(39ef0a303379dd748e8e.eot);
  /* IE9 */
  src: url(39ef0a303379dd748e8e.eot?#iefix) format('embedded-opentype'), url(87dee3a7202eb1b7f08c.woff) format('woff'), url(14ee6b26d4a531143f66.ttf) format('truetype'), url(b67cd2f568acbc544f77.svg) format("svg");
}
@font-face {
  font-family: 'AGaramondPro-Italic';
  src: url(1813b9da9327b3a2160e.eot?#iefix) format('embedded-opentype'), url(9a84e6aa05d16babfc5f.otf) format('opentype'), url(7c61321828595b720d27.woff) format('woff'), url(d4b6a972db4e1273870d.ttf) format('truetype'), url(6d8feb38ab9e95c11a50.svg#AGaramondPro-Italic) format('svg');
  font-weight: normal;
  font-style: normal;
}
/*doc
---
title: Icons
name: icons
category: Basics
---

We have a set of icons which are used on the website. To display those, we use `ofa-icons`, a font.

```html_example_table
<span class="icon-zurueck"></span>

<span class="icon-aendern"></span>

<span class="icon-aendern-bestellen"></span>

<span class="icon-alternativen"></span>

<span class="icon-bestellhinweiss-leer"></span>

<span class="icon-bestellhinweiss-voll"></span>

<span class="icon-bestellubersicht"></span>

<span class="icon-customer"></span>

<span class="icon-filter"></span>

<span class="icon-groessenfinder"></span>

<span class="icon-hinzufuegen"></span>

<span class="icon-kontakt"></span>

<span class="icon-kostenvoranschlag"></span>

<span class="icon-kunde"></span>

<span class="icon-kundenbestellung"></span>

<span class="icon-kundenkartei"></span>

<span class="icon-lager"></span>

<span class="icon-lagerbestellung"></span>

<span class="icon-messgeraet"></span>

<span class="icon-nachkaufschreiben"></span>

<span class="icon-nachsorgechreiben"></span>

<span class="icon-neuer-kunde"></span>

<span class="icon-ortho-kinder"></span>

<span class="icon-pin"></span>

<span class="icon-rabatt"></span>

<span class="icon-retoure"></span>

<span class="icon-retoure-12"></span>

<span class="icon-status-angekommen"></span>

<span class="icon-status-bearbeitung"></span>

<span class="icon-status-erledigt"></span>

<span class="icon-status-offen"></span>

<span class="icon-warenkorb"></span>

<span class="icon-warnung"></span>

<span class="icon-filialkunde"></span>

<span class="icon-massbestellung"></span>

<span class="icon-serienbestellung"></span>

<span class="icon-abmelden"></span>

<span class="icon-account"></span>

<span class="icon-anmelden"></span>

<span class="icon-fachhandelsportal"></span>

<span class="icon-toleranzen"></span>

<span class="icon-schnellbestellung"></span>

<span class="icon-download"></span>

<span class="icon-calendar"></span>

<span class="icon-schulungen"></span>

<span class="icon-facebook2"></span>

<span class="icon-twitter2"></span>

<span class="icon-instagram2"></span>

<span class="icon-googleplus2"></span>

<span class="icon-linkedin2"></span>

<span class="icon-xing2"></span>

<span class="icon-aktualisieren"></span>

<span class="icon-beliebte-produkte"></span>

<span class="icon-burgermenu"></span>

<span class="icon-drucken"></span>

<span class="icon-filter"></span>

<span class="icon-info"></span>

<span class="icon-karriere"></span>

<span class="icon-koerperwissen"></span>

<span class="icon-krankheitsbild"></span>

<span class="icon-loeschen"></span>

<span class="icon-portal-pfeil"></span>

<span class="icon-pin"></span>

<span class="icon-presse"></span>

<span class="icon-produktfinder"></span>

<span class="icon-schliessen"></span>

<span class="icon-speichern"></span>

<span class="icon-suche"></span>

<span class="icon-therapie"></span>

<span class="icon-weiter"></span>

<span class="icon-weiter"></span>

<span class="icon-facebook"></span>

<span class="icon-twitter"></span>

<span class="icon-instagram"></span>

<span class="icon-googleplus"></span>

<span class="icon-linkedin"></span>

<span class="icon-xing"></span>

```
*/
@font-face {
  font-family: "ofa-icons";
  src: url(81affb36889c83ee3d7b.eot);
  src: url(81affb36889c83ee3d7b.eot?#iefix) format("embedded-opentype"), url(8d6d38e7db7125f5695b.woff) format("woff"), url(7df28176c1a431b4c0dc.ttf) format("truetype"), url(b0df5b7a6d9ea89ff8b4.svg#ofa-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "ofa-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
}
.icon-information--redHover:hover:before,
.icon-customer--redHover:hover:before {
  color: #b0053a;
}
.icon-aendern:before {
  content: "\62";
}
.icon-aendern-bestellen:before {
  content: "\63";
}
.icon-alternativen:before {
  content: "\64";
}
.icon-bestellhinweiss-leer:before {
  content: "\66";
}
.icon-bestellhinweiss-voll:before {
  content: "\67";
}
.icon-bestellubersicht:before {
  content: "\68";
}
.icon-customer:before {
  content: "\69";
}
.icon-filter-bestellungen:before {
  content: "\6c";
}
.icon-groessenfinder:before {
  content: "\6d";
}
.icon-hinzufuegen:before {
  content: "\6e";
}
.icon-kontakt:before {
  content: "\70";
}
.icon-kostenvoranschlag:before {
  content: "\71";
}
.icon-kunde:before {
  content: "\72";
}
.icon-kundenbestellung:before {
  content: "\73";
}
.icon-kundenkartei:before {
  content: "\74";
}
.icon-lager:before {
  content: "\75";
}
.icon-lagerbestellung:before {
  content: "\76";
}
.icon-messgeraet:before {
  content: "\77";
}
.icon-nachkaufschreiben:before {
  content: "\78";
}
.icon-nachsorgechreiben:before {
  content: "\79";
}
.icon-neuer-kunde:before {
  content: "\7a";
}
.icon-ortho-kinder:before {
  content: "\41";
}
.icon-pin-linie:before {
  content: "\43";
}
.icon-rabatt:before {
  content: "\44";
}
.icon-retoure-12:before,
.icon-retoure:before {
  content: "\47";
}
.icon-status-angekommen:before {
  content: "\49";
}
.icon-status-bearbeitung:before {
  content: "\4a";
}
.icon-status-erledigt:before {
  content: "\4b";
}
.icon-status-offen:before {
  content: "\4c";
}
.icon-warenkorb:before {
  content: "\4e";
}
.icon-warnung:before {
  content: "\4f";
}
.icon-filialkunde:before {
  content: "\52";
}
.icon-massbestellung:before {
  content: "\57";
}
.icon-serienbestellung:before {
  content: "\58";
}
.icon-abmelden:before {
  content: "\61";
}
.icon-account:before {
  content: "\65";
}
.icon-anmelden:before {
  content: "\6b";
}
.icon-fachhandelsportal:before {
  content: "\45";
}
.icon-toleranzen:before {
  content: "\46";
}
.icon-schnellbestellung:before {
  content: "\55";
}
.icon-portal-download:before {
  content: "\e90d";
}
.icon-portal-calendar:before {
  content: "\e922";
}
.icon-portal-schulungen:before {
  content: "\e906";
}
.icon-portal-facebook2:before {
  content: "\e907";
}
.icon-portal-twitter2:before {
  content: "\e908";
}
.icon-portal-instagram2:before {
  content: "\e909";
}
.icon-portal-googleplus2:before {
  content: "\e90a";
}
.icon-portal-linkedin2:before {
  content: "\e90b";
}
.icon-portal-xing2:before {
  content: "\e90c";
}
.icon-portal-aktualisieren:before {
  content: "\e90e";
}
.icon-portal-beliebte-produkte:before {
  content: "\e90f";
}
.icon-portal-burgermenu:before {
  content: "\e910";
}
.icon-portal-drucken:before {
  content: "\e911";
}
.icon-portal-filter:before {
  content: "\e912";
}
.icon-portal-info:before {
  content: "\e913";
}
.icon-portal-karriere:before {
  content: "\e914";
}
.icon-portal-koerperwissen:before {
  content: "\e915";
}
.icon-portal-krankheitsbild:before {
  content: "\e916";
}
.icon-portal-loeschen:before {
  content: "\e917";
}
.icon-pfeil:before {
  content: "\e918";
}
.icon-portal-pin:before {
  content: "\e919";
}
.icon-portal-presse:before {
  content: "\e91a";
}
.icon-portal-produktfinder:before {
  content: "\e91b";
}
.icon-portal-schliessen:before {
  content: "\e91c";
}
.icon-portal-speichern:before {
  content: "\e91d";
}
.icon-portal-suche:before {
  content: "\e91e";
}
.icon-portal-therapie:before {
  content: "\e91f";
}
.icon-portal-weiter:before {
  content: "\e920";
}
.icon-portal-zurueck:before {
  content: "\e920";
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.icon-portal-zurueck-kreis:before {
  content: "\e921";
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.icon-portal-weiter-kreis:before {
  content: "\e921";
}
.icon-portal-facebook:before {
  content: "\e900";
}
.icon-portal-twitter:before {
  content: "\e901";
}
.icon-portal-instagram:before {
  content: "\e902";
}
.icon-portal-googleplus:before {
  content: "\e903";
}
.icon-portal-linkedin:before {
  content: "\e904";
}
.icon-portal-xing:before {
  content: "\e905";
}
@font-face {
  font-family: 'icomoon-extra';
  src: url(61a35a23b478370801a8.eot?a69kt5);
  src: url(61a35a23b478370801a8.eot?a69kt5#iefix) format('embedded-opentype'), url(d8d46b079b8f3e52e799.ttf?a69kt5) format('truetype'), url(9fb9126877579a1a4de1.woff?a69kt5) format('woff'), url(3f8ce25890601afc4f31.svg?a69kt5#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icomoon-"],
[class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-extra' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icomoon-comments-o:before {
  content: "\f0e6";
}
/****************************************************************************************************************
 *
 * BEGIN OF FONTS
 *
 * The base for all the fonts is Humanist Condensed.
 * Font faces are defined in fonts.less.
 *
 * FONT WEIGHTS
 */
/*
 * FONT SIZES
 */
/*
 * MEDIA QUERIES
 ****************************************************************************************************************/
/*
 * END OF MEDIA QUERIES
 ****************************************************************************************************************/
/****************************************************************************************************************
 *
 * BEGIN OF COLORS
 *
 *
 * Official Ofa brand colors
 */
/*
 * Generics
 */
/*
 * Ofa blues
 */
/*
 * Every product brand has a different main color.
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.row-eq-height img {
  align-self: baseline;
}
@media (min-width: 769px) {
  ul.nav li.dropdown:hover > ul.dl-submenu {
    display: table;
    top: 51px;
  }
  ul.nav li.dropdown:hover > ul.dropdown--flex {
    position: fixed;
    top: 86px;
    display: flex;
    flex-flow: row wrap;
  }
  .text-right-sm {
    text-align: right;
  }
}
/* col-mdlg is used for the menu, to trigger custom screen-widths at which the menu is displayed in a full row */
@media (min-width: 1069px) {
  .col-mdlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-mdlg-10 {
    width: 83.33333333%;
  }
}
@media (min-width: 992px) {
  .col-lg-17 {
    width: 100%;
    float: left;
  }
  .col-lg-37 {
    width: 100%;
    float: left;
  }
  .col-lg-47 {
    width: 100%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-17 {
    width: 33.33333333%;
    float: left;
  }
  .col-md-17 {
    width: 100%;
    float: left;
  }
}
@media (min-width: 1600px) {
  .col-lg-17 {
    width: 14.28571429%;
    float: left;
  }
  .col-lg-37 {
    width: 42.85714286%;
    float: left;
  }
  .col-lg-47 {
    width: 57.14285714%;
    float: left;
  }
  .col-xl-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center;
  }
}
/* col-xxs- */
.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
  min-height: 1px;
  position: relative;
}
@media (max-width: 479px) {
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11,
  .col-xxs-12 {
    float: left;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-11 {
    width: 91.66666667%;
  }
  .col-xxs-10 {
    width: 83.33333333%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-8 {
    width: 66.66666667%;
  }
  .col-xxs-7 {
    width: 58.33333333%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-5 {
    width: 41.66666667%;
  }
  .col-xxs-4 {
    width: 33.33333333%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-2 {
    width: 16.66666667%;
  }
  .col-xxs-1 {
    width: 8.33333333%;
  }
  .col-xxs-pull-12 {
    right: 100%;
  }
  .col-xxs-pull-11 {
    right: 91.66666667%;
  }
  .col-xxs-pull-10 {
    right: 83.33333333%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-8 {
    right: 66.66666667%;
  }
  .col-xxs-pull-7 {
    right: 58.33333333%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-5 {
    right: 41.66666667%;
  }
  .col-xxs-pull-4 {
    right: 33.33333333%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-2 {
    right: 16.66666667%;
  }
  .col-xxs-pull-1 {
    right: 8.33333333%;
  }
  .col-xxs-pull-0 {
    right: auto;
  }
  .col-xxs-push-12 {
    left: 100%;
  }
  .col-xxs-push-11 {
    left: 91.66666667%;
  }
  .col-xxs-push-10 {
    left: 83.33333333%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-8 {
    left: 66.66666667%;
  }
  .col-xxs-push-7 {
    left: 58.33333333%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-5 {
    left: 41.66666667%;
  }
  .col-xxs-push-4 {
    left: 33.33333333%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xxs-push-2 {
    left: 16.66666667%;
  }
  .col-xxs-push-1 {
    left: 8.33333333%;
  }
  .col-xxs-push-0 {
    left: auto;
  }
  .col-xxs-offset-12 {
    margin-left: 100%;
  }
  .col-xxs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .col-xxs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .col-xxs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .col-xxs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxs-offset-0 {
    margin-left: 0;
  }
}
body .content-container > main {
  font-size: 1.27em;
}
body .content-container {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 96px);
  overflow: hidden;
}
.mainContent {
  flex: 1 0 auto;
}
b,
strong {
  font-family: "Humanist Condensed Bold";
}
i,
em {
  font-family: "Humanist Condensed Italic";
}
a {
  color: #547a8b;
  text-decoration: none;
}
a:hover {
  color: #547a8b;
}
a.redHover:hover {
  color: #7a1a38;
}
header {
  margin-bottom: 25px;
}
footer {
  margin-top: 15px;
}
h1 {
  font-size: 50px;
}
p > a {
  text-decoration: underline;
  font-family: "Humanist Condensed Bold";
}
ul:not([class]) > li,
.cms-plugin > li {
  list-style: none;
}
ul:not([class]) > li:before,
.cms-plugin > li:before {
  content: "\2013\a0";
  margin-left: -17px;
}
.cms-toolbar-item > li > ul:not([class]) > li {
  list-style-type: none;
}
.cms-toolbar-item > li > ul:not([class]) > li:before {
  content: '';
  margin-left: 0;
}
hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #000000;
}
input[type=text],
input[type=search],
input[type=number] {
  border: 1px solid #a2a19f;
  padding: 3px 5px;
}
.filer_image_container {
  display: table;
}
.cmsplugin-image-left {
  float: left;
  margin-right: 15px;
}
.cmsplugin-image-right {
  float: right;
  margin-left: 15px;
}
.filer_image_info {
  display: table-caption;
  caption-side: bottom;
  margin-top: 15px;
  font-size: 14px;
}
.filer_image {
  max-width: 100%;
}
.filer_image_container .filer_image_link {
  display: table;
}
.filer_image_container.center {
  margin-left: auto;
  margin-right: auto;
}
.row:before,
.row:after {
  width: 0;
}
.layouterRow--outer {
  position: relative;
}
.layouterRow-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media (max-width: 1024px) {
  h1 {
    font-size: 34px;
  }
}
@font-face {
  font-family: 'icomoon';
  src: url(61a35a23b478370801a8.eot);
  src: url(61a35a23b478370801a8.eot?#iefix) format('embedded-opentype'), url(9fb9126877579a1a4de1.woff) format('woff'), url(d8d46b079b8f3e52e799.ttf) format('truetype'), url(3f8ce25890601afc4f31.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Common styles of menus */
@media (max-width: 768px) {
  .mobileTopBar {
    display: none;
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 100000;
    height: 52px;
    top: 0;
    -webkit-box-shadow: inset 0px -23px 22px -24px #a79f94;
    -moz-box-shadow: inset 0px -23px 22px -24px #a79f94;
    box-shadow: inset 0px -23px 22px -24px #a79f94;
    overflow-y: hidden;
  }
  .dl-menuwrapper {
    width: 100%;
    float: left;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
  }
  .dl-menuwrapper:first-child {
    /*margin-right: 100px;*/
  }
  .dl-menuwrapper button {
    float: right;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
  }
  .dl-menuwrapper button:hover,
  .dl-menuwrapper button.dl-active,
  .dl-menuwrapper ul {
    background: white;
  }
  .dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
  }
  .dl-menuwrapper ul {
    padding: 0;
    margin-top: 2px;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .dl-menuwrapper li {
    position: relative;
  }
  .dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 25px 20px;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-family: "Humanist Condensed Bold";
    color: #033343;
    outline: none;
    border-bottom: 1px solid #033343;
  }
  .no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
  }
  .dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
  }
  .dl-menuwrapper li.dl-back:after,
  .dl-menuwrapper li > a:not(:only-child):after {
    display: none;
    position: absolute;
    top: 0;
    line-height: 71px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
  }
  .dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
  }
  .dl-menuwrapper .dl-menu {
    margin: 1px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
  }
  .dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    overflow-y: auto;
    height: 100%;
  }
  /* Hide the inner submenus */
  .dl-menuwrapper li .dl-submenu {
    display: none;
    width: 100%;
  }
  /*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
  .dl-menu.dl-subview li,
  .dl-menu.dl-subview li.dl-subviewopen > a,
  .dl-menu.dl-subview li.dl-subview > a {
    display: none;
  }
  .dl-menu.dl-subview li.dl-subview,
  .dl-menu.dl-subview li.dl-subview .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
  }
  /* Dynamically added submenu outside of the menu context */
  .dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin-top: 4px;
  }
  /* Animation classes for moving out and in */
  .dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
  }
  .dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
  }
  .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
  }
  .dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
  }
  .dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
  }
  @-webkit-keyframes MenuAnimOut1 {
    50% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
      -webkit-transform: translateZ(-372.5px) rotateY(15deg);
      opacity: 0.5;
    }
    100% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut2 {
    100% {
      -webkit-transform: translateX(-100%);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut3 {
    100% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut4 {
    100% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut5 {
    100% {
      -webkit-transform: translateY(40%);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut1 {
    50% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
      -webkit-transform: translateZ(-372.5px) rotateY(15deg);
      transform: translateZ(-372.5px) rotateY(15deg);
      opacity: 0.5;
    }
    100% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut2 {
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut3 {
    100% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut4 {
    100% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut5 {
    100% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      opacity: 0;
    }
  }
  .dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
  }
  .dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
  }
  .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
  }
  .dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
  }
  .dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
  }
  @-webkit-keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }
    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn2 {
    0% {
      -webkit-transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn5 {
    0% {
      -webkit-transform: translateY(40%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }
    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn2 {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn5 {
    0% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
  }
  @-webkit-keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn2 {
    0% {
      -webkit-transform: translateX(100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn5 {
    0% {
      -webkit-transform: translateZ(-200px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn2 {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn5 {
    0% {
      -webkit-transform: translateZ(-200px);
      transform: translateZ(-200px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
  }
  @-webkit-keyframes SubMenuAnimOut1 {
    0% {
      -webkit-transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(50%);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut2 {
    0% {
      -webkit-transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(100%);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut3 {
    0% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut4 {
    0% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut5 {
    0% {
      -webkit-transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-200px);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut1 {
    0% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut2 {
    0% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut3 {
    0% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut4 {
    0% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut5 {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-200px);
      transform: translateZ(-200px);
      opacity: 0;
    }
  }
  /* No JS Fallback */
  .no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  .no-js .dl-menuwrapper li .dl-submenu {
    display: block;
  }
  .no-js .dl-menuwrapper li.dl-back {
    display: none;
  }
  .no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
  }
  .no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px \9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
.slick-prev:before[dir="rtl"] {
  content: "→";
}
.slick-next {
  right: -25px;
}
.slick-next[dir="rtl"] {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
.slick-next:before[dir="rtl"] {
  content: "←";
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.breadrumbs {
  background-color: #b6c6ce;
  color: #033343;
}
.breadrumbList {
  list-style: none;
  margin-bottom: 0;
  padding: 7px 0;
}
.breadrumbList-item {
  font-size: 0.8em;
  display: inline-block;
  margin-right: 10px;
}
.breadrumbList-item:not(:last-child):after {
  content: '>';
  margin-left: 10px;
  text-decoration: none;
}
.breadrumbList-item > .is-active {
  font-family: "Humanist Condensed Bold";
}
.breadrumbList-item > a {
  color: #033343;
  text-decoration: none;
}
.breadrumbList-item > a:hover {
  text-decoration: underline;
}
.cookies {
  display: none;
  text-align: center;
  color: #ffffff;
  position: fixed;
  bottom: 0;
  background-color: rgba(84, 122, 139, 0.85);
  padding: 10px 30px;
  width: 100%;
}
.cookies a {
  color: #ffffff;
  text-decoration: underline;
}
.cookies-close {
  float: right;
  cursor: pointer;
}
/*doc
---
title: Buttons
name: button
category: Basics
---

Button styles can be applied to any element. Typically you'll want
to use either a `<button>` or an `<a>` element:

```html_example
<button class="btn btn--primary">Button click</button> or
<a class="btn btn--primary" href="#">Link click</a>
```

If your button is actually a link to another page, please use the
`<a>` element, while if your button performs an action, such as
submitting a form or triggering some javascript event, then use a
`<button>` element.

```html_example
<button class="btn btn--primary">Primary Button</button>
<button class="btn btn--primaryBlue">Primary-Blue Button</button>
<button class="btn btn--secondary">Secondary Button</button>
<button class="btn btn--warning">Warning Button</button>
```
The class `btn` sets up the basic style of the element.
It is __always__ followed by a class, which specifies the kind of button which
should be displayed. Examples are: `btn--primary`, `btn--primaryBlue`, `btn--secondary` and
 `btn--warning`.

```html_example
<button class="btn btn--primary" disabled>Disabled button</button>
<button class="btn btn--primaryBlue" disabled>Disabled button</button>
<button class="btn btn--secondary" disabled>Disabled button</button>
<button class="btn btn--warning" disabled>Disabled button</button>
```
No need to worry about disabling buttons. Just add the `disabled` attribute and everything works out-of-the-box.

```html_example
<button class="btn btn--primary"><span class="icon-aendern"></span> Editieren</button>
<button class="btn btn--primary">Weiter <span class="icon-weiter"></span></button>
```
To add an icon to the button, add a span, using the appropriated `icon-` class. Mind the space before the opening or
after the closing `<span>` element.

*/
/*
 * This file contains all buttons
 *
 * .btn - base class for Button component
*/
.btn {
  border-width: 2px;
  border-style: solid;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1em;
  font-family: "Humanist Condensed Bold";
  margin: 10px 0;
  padding: 6px 12px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn:focus {
  outline: 0;
}
/*
 * Primary button
 */
.btn--primary,
.btn--primary[disabled]:hover {
  background-color: #a2a19f;
  border-color: #a2a19f;
  color: #ffffff;
}
.btn--primary[class^="icon-"] {
  margin-right: 10px;
}
.btn--primary:hover {
  border-color: #a2a19f;
  color: #ffffff;
  background-color: #a2a19f;
}
/* Primary button is available in different colors */
.btn--primaryBlue,
.btn--primaryBlue[disabled]:hover {
  background-color: #547a8b;
  border-color: #547a8b;
  color: #ffffff;
}
.btn--primaryBlue:hover {
  border-color: #346274;
  background-color: #346274;
  color: #ffffff;
}
.btn--primaryBlack {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.btn--primaryBlack:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn--primaryBlack[disabled]:hover {
  background-color: #000000;
  border-color: #000000;
}
/*
 * Secondary button
 */
.btn--secondary,
.btn--secondary[disabled]:hover {
  background-color: #ffffff;
  border-color: #a2a19f;
  color: #a2a19f;
}
.btn--secondary:hover,
.btn--secondary:focus,
.btn--secondary:focus-visible,
.btn--secondary:active {
  border-color: #a2a19f;
  color: #a2a19f;
  outline: 0 !important;
}
/*
 * Warning Button
 */
.btn--warning,
.btn--warning[disabled]:hover {
  background-color: #b0053a;
  border-color: #b0053a;
  color: #ffffff;
}
.btn--warning:hover {
  border-color: #7e042a;
  background-color: #7e042a;
}
.btn--icon {
  padding: 2px 5px;
  margin: 10px 10px;
}
.btn--search {
  margin: 10px 0 10px -28px;
}
.btn--next:after {
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
  content: "\e920";
  margin-left: 10px;
  font-size: 14px;
}
.featherlight .featherlight-close-icon {
  color: #a2a19f;
  line-height: 30px;
  width: 30px;
  font-size: 20px;
}
.featherlight .featherlight-close-icon:hover {
  color: #a2a19f;
}
/* PUSH FOOTER */
/* These classes are used to guarantee that the footer is always at the bottom of the page*/
html {
  min-height: 100%;
  position: relative;
}
.main-container {
  min-height: 100%;
  width: 100%;
  position: absolute;
}
.content {
  overflow: hidden;
  padding-bottom: 420px;
}
@media (min-width: 1600px) {
  .content {
    padding-bottom: 300px;
  }
}
/* END FOOTER PUSH */
.social-icons a:first-child {
  margin-left: 40px;
}
@media (min-width: 992px) {
  .social-icons a:first-child {
    margin-left: 17%;
  }
}
.social-icon {
  height: 17px;
  margin-top: 10px;
  margin-left: 10px;
}
.footer {
  margin-top: 50px;
  background-color: #b6c6ce;
  padding: 30px 0 10px 0;
  color: #134b5c;
}
.footer-linkList {
  list-style: none;
  padding: 0;
  margin-left: -10px;
}
.footer-link {
  text-decoration: none;
  color: #346274;
  display: inline-block;
  padding: 2px 0;
}
.footer-linkListItem--lower {
  margin-left: 30px;
  display: inline-block;
}
.footer-category {
  margin-bottom: 10px;
  font-size: 1.27em;
}
.footer-lowerPart {
  margin-top: 20px;
  padding-bottom: 30px;
  padding-top: 10px;
  border-top: 1px solid #000000;
  color: #033343;
}
.footer-lowerLink {
  margin-left: 70px;
  color: #033343;
}
.footer-link:hover,
.footer-lowerLink:hover {
  color: #ffffff;
}
@media (max-width: 960px) {
  .footer-lowerLink {
    margin-left: 25px;
  }
}
@media (max-width: 767px) {
  .footer-lowerPart-links {
    text-align: left;
  }
  .footer-lowerLink {
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block;
  }
  .col-lg-47 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1440px) {
  .content {
    padding-bottom: 420px;
  }
}
@media screen and (max-width: 992px) {
  .content {
    padding-bottom: 480px;
  }
}
@media screen and (max-width: 769px) {
  .content {
    padding-bottom: 900px;
  }
}
.footer-forum-link {
  color: #134b5c;
  display: block;
  font-size: 1.27em;
  margin-top: 15px;
}
/*
 * This stylesheet is styling forms generated via the djangocms-forms plugin.
 */
.forms {
  /*
     * Button for input-files
     * Checkout the button in the image_field.html as an example for html + JS(!).
     */
  /*
     * Button for input-files
     * Checkout the button in the image_field.html as an example for html + JS(!).
     */
}
.forms form {
  position: relative;
  display: table;
  border-spacing: 0 20px;
  width: 100%;
  margin-bottom: 40px;
}
.forms .form-wrapper {
  max-width: 710px;
}
.forms .field-wrapper {
  display: table-row;
}
.forms .inputfile-button {
  width: 0.1px;
  height: 0.1px;
  visibility: hidden;
  overflow: hidden;
}
.forms .inputfile-button + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.forms .inputfile-button {
  width: 0.1px;
  height: 0.1px;
  visibility: hidden;
  overflow: hidden;
}
.forms .inputfile-button + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.forms label {
  vertical-align: top;
  padding-right: 20px;
  padding-top: 3px;
  display: initial;
  margin-right: 10px;
  font-weight: normal;
}
.forms input,
.forms textarea {
  width: 100%;
}
.forms input:focus,
.forms textarea:focus {
  outline: none;
}
.forms input[type="radio"],
.forms input[type="checkbox"] {
  width: 14px;
}
.forms textarea {
  height: 140px;
}
.forms .required-note {
  position: absolute;
  left: 0;
  margin-top: 10px;
}
.forms .button-wrapper {
  position: absolute;
  right: 0;
}
.forms .description {
  margin-bottom: 1em;
}
.forms .form-success {
  margin-top: 3em;
  margin-bottom: 1em;
  font-weight: bold;
}
.forms .error-list {
  margin-top: 10px;
}
.forms .checkboxselectmultiple ul {
  margin-left: 0;
  padding-left: 0;
}
.forms .checkboxselectmultiple li:before {
  content: "";
}
.forms .checkboxselectmultiple li:not(:last-child) {
  float: left;
}
.forms-alternative .forms .field-wrapper {
  display: block;
  margin-bottom: 20px;
}
.forms-alternative .forms .field-wrapper > label {
  margin-bottom: 10px;
}
.forms-alternative .forms label {
  width: initial;
}
.input-large {
  width: 250px;
}
input.searchInput:focus {
  outline: 0;
}
.inputGroup-numberInput:focus,
.inputGroup-textInput:focus {
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 495px) {
  .ccp--inputGroup-textInput {
    margin-top: -10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ccp--inputGroup-textInput {
    margin-top: -10px;
  }
}
.ccp--inputGroup {
  margin: 15px 0;
}
.ccp--inputGroup .ccp--inputGroup-textInput {
  margin: 8px 0;
}
.ccp--inputGroup .ccp--inputGroup-textLabel {
  margin: 8px 0;
}
/*
 * keyValue is a component which displays information in form of a key, value pair.
 */
.keyValue--sub {
  margin-top: -30px;
}
.keyValue-key {
  margin: 20px 0;
  color: #000000;
  width: 200px;
  /* IMPORTANT there is a dependency to formField-label in the layout!!! */
  display: inline-block;
  vertical-align: top;
}
.keyValue-value {
  margin: 20px 0;
  display: inline-block;
}
.ccp--keyValue {
  margin: 12px 0;
}
.ccp--keyValue .ccp--keyValue-key {
  margin: 6px 0;
  color: #000000;
  width: 200px;
  /* IMPORTANT there is a dependency to formField-label in the layout!!! */
  display: inline-block;
  vertical-align: top;
}
.ccp--keyValue .ccp--keyValue-value {
  margin: 6px 0;
  display: inline-block;
}
.ccp--keyValue--sub {
  margin-top: -30px;
}
.languageSwitch {
  border: 0;
  border-top: 1px solid #a2a19f;
}
.languageSwitch > .languageSwitch-item > a {
  padding: 15px 20px;
}
.languageSwitch-flag {
  margin-right: 7px;
  margin-top: -3px;
}
.modal {
  z-index: 10100;
}
.modal-backdrop {
  z-index: 10000;
}
/*doc
---
title: Navigation
name: navigation
category: Basics
---

The navigation itself consists of two rows. The upper and lower navigation.

```html_example
<nav class="navbar navbarOfa">
    <div class="collapse navbar-collapse navbar--neutral topNavbar ">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-11">
                  <ul class="nav navbar-nav navbar-right">
                    <li>
                      <a class="topNavbar-navbarItem" href="#">
                          Service
                      </a>
                    </li>
                    <li>
                      <a class="topNavbar-navbarItem" href="#">
                          Karriere
                      </a>
                    </li>
                    <li>
                      <a class="topNavbar-navbarItem" href="#">
                          Kontakt
                      </a>
                    </li>
                  </ul>
                </div>
            </div>
        </div>
    </div><!-- /.navbar-collapse -->
    ...
  </nav>
```
```html_example
<nav>
...
<div class="container-fluid bottomNavbar">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="navbar-header">
              <div class="dl-menuwrapper" id="ofa-navbar-collapse">
              <a class="navbarOfa-brand" href="/"><img src="images/ofa-bamberg-logo.png" alt="Ofa Bamberg Logo" title="Ofa Bamberg"></a>
                  <button type="button" class="dl-trigger"  aria-expanded="false">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                  </button>
                <ul class="nav navbar-nav navbar-right dl-menu">
                      <li>
                          <a class="bottomNavbar-navbarItem" href="#">
                            Home
                          </a>
                      </li>
                      <li>
                          <a class="bottomNavbar-navbarItem" href="#">
                            Anwendungsgebiete
                          </a>
                      </li>
                      <li>
                          <a class="bottomNavbar-navbarItem" href="#">
                            Wissen
                          </a>
                      </li>
                </ul>
              </div>
         </div>
    </div>
  </div><!-- /.navbar-collapse -->
</nav>
```
*/
/*
 * NAVIGATION STYLES
 *
 * This file contains all styles for the navigation.
 *
 */
/*
 * Body CSS for fixed navigation bar. Note this is dependent on the complete height of the navigation bar.
 */
body {
  padding-top: 96px;
}
.navbar-fixed-top {
  z-index: 9999;
}
.navbarOfa {
  background-color: #ffffff;
  border-color: #346274;
  margin-bottom: 0;
  -webkit-transition: margin-top 200ms;
  -moz-transition: margin-top 200ms;
  -ms-transition: margin-top 200ms;
  -o-transition: margin-top 200ms;
  transition: margin-top 200ms;
}
.navbarOfa .cms-placeholder {
  display: none;
}
@media (min-width: 769px) {
  .dl-submenu > li {
    white-space: nowrap;
    display: table-cell;
    padding: 30px 1vw;
    vertical-align: top;
  }
  .dl-submenu > li.dl-back {
    display: none;
  }
  .mobileTopBar {
    display: none !important;
  }
  .mobileSiteOverlay {
    display: none !important;
  }
  .dl-trigger {
    display: none;
  }
  .navbar-right {
    float: right;
  }
  .navbar-header,
  .dl-menuwrapper {
    width: 100%;
  }
  .dl-submenu {
    display: none;
    position: absolute;
  }
  .dl-submenu:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    width: 100%;
  }
  li:hover .dl-submenu {
    display: block;
  }
  .dl-menu > li > .dl-submenu {
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  .bottomNavbar-navbarItem {
    color: #033343;
    font-size: 1em;
    text-decoration: none;
  }
  .bottomNavbar-navbarItem .ofa-icon {
    font-size: 24px;
  }
  .nav > li > a.bottomNavbar-navbarItem {
    padding: 20px;
  }
  .navbar-left {
    padding-top: 7px;
    padding-bottom: 7px;
    color: #000000;
  }
  .nav > li > a.topNavbar-navbarItem {
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
  }
  .nav > li.active > a.bottomNavbar-navbarItem {
    padding-top: 20px;
    border-bottom: 4px solid #033343;
    padding-bottom: 16px;
  }
  .nav > li > a:hover.bottomNavbar-navbarItem:hover,
  .nav > li > a.bottomNavbar-navbarItem:focus {
    color: #033343;
    background-color: #b6c6ce;
  }
  .topNavbar {
    background-color: #b6c6ce;
    border-bottom: 1px solid #033343;
    min-height: 35px;
  }
  .topNavbar-navbarItem {
    color: #033343;
    font-size: 0.9em;
    text-decoration: none;
  }
  .nav > li > a:hover.topNavbar-navbarItem:hover,
  .nav > li > a.topNavbar-navbarItem:focus {
    background-color: #346274;
    color: #ffffff;
  }
  .navbarOfa-brand > img {
    height: 60px;
  }
  .dl-submenu {
    padding: 0 15px;
    border: 0;
    right: 0;
  }
  .dl-submenu > li > a {
    font-family: "Humanist Condensed Bold";
    color: #7391a0;
    text-decoration: none;
    padding: 10px 0;
    font-size: 1.27em;
  }
  .dl-submenu > li > a:hover,
  .dl-submenu > li > a:focus {
    background-color: transparent;
    color: #346274;
  }
  .dl-submenu > li > ul {
    list-style: none;
    left: 0;
    padding: 0;
    position: relative;
  }
  .dl-submenu > li > ul > li {
    padding: 5px 0;
    display: block;
  }
  .dl-submenu > li > ul > li > a {
    color: #000000;
    text-decoration: none;
    font-family: "Humanist Condensed Light";
    font-size: 1em;
  }
  .dl-submenu > li > ul > li > a:hover {
    color: #000000;
  }
  .dl-submenu > li.childless {
    padding: 5px 30px;
    display: block;
    margin-bottom: -23px;
    margin-top: 25px;
  }
  .dl-submenu > li.childless > a {
    padding: 0;
  }
  .dropdown--flex {
    padding: 25px 40px;
  }
  .dropdown--flex > li.childless {
    margin: 0;
    flex: 1;
    flex-basis: 25%;
    padding: 5px 10px;
  }
  .bottomNavbar .navbar-nav {
    height: 60px;
  }
  .link-banner {
    position: relative;
    top: -1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    margin-left: 20px;
  }
  .link-banner > a {
    background-color: #1c6a85;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    overflow: hidden;
    line-height: 20px;
    color: #ffffff;
  }
  .link-banner > a:hover {
    background-color: #346274 !important;
    color: #ffffff !important;
  }
  .link-banner::before {
    content: " ";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #033343 transparent transparent;
  }
  .link-banner a > div:first-of-type {
    width: 80%;
    float: left;
  }
  .link-banner a > div:last-of-type span {
    position: relative;
    top: 10px;
    right: -6px;
  }
  .search-dropdown {
    width: 400px;
    top: 61px;
  }
}
@media (max-width: 768px) {
  .topNavbar {
    display: none;
  }
  .dropdown-menu {
    top: 0;
  }
  .dropdown-menu > li.childless {
    padding: 5px 30px;
    clear: both;
  }
  .dropdown-menu > li {
    padding: 5px 30px;
  }
}
@media (max-width: 1024px) {
  .navbar-left {
    display: none;
  }
}
@media (min-width: 769px) {
  .navbar-nav > li > a {
    padding-bottom: 12px;
  }
  ul.nav li.dropdown:hover > ul.dl-submenu {
    display: table;
    top: 51px;
  }
  ul.nav li.dropdown:hover > ul.dropdown--flex {
    position: absolute;
    top: 51px;
    min-width: 800px;
    display: flex;
    flex-flow: row wrap;
  }
}
@media (min-width: 1200px) {
  .bottomNavbar-navbarItem {
    font-size: 1.2em;
  }
  .topNavbar-navbarItem {
    font-size: 1em;
  }
  ul.nav li.dropdown:hover > ul.dl-submenu,
  ul.nav li.dropdown:hover > ul.dropdown--flex {
    top: 61px;
  }
}
@media (max-width: 320px) {
  .navbarOfa-brand > img {
    margin-left: -43px;
    margin-right: -23px;
  }
}
@media (max-width: 350px) {
  .navbarOfa-brand > img {
    margin-left: -30px;
  }
}
@media (max-width: 1200px) {
  .navbarOfa-brand > img {
    height: 50px;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  body {
    padding-top: 86px;
  }
  .nav > li > a.bottomNavbar-navbarItem {
    padding: 15px 12px;
  }
  .nav > li.active > a.bottomNavbar-navbarItem {
    padding-top: 15px;
    border-bottom: 4px solid #033343;
    padding-bottom: 11px;
  }
  .bottomNavbar .navbar-nav {
    height: 50px;
  }
  .link-banner > a {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    overflow: hidden;
    line-height: 18px !important;
  }
  .link-banner a > div:last-of-type span {
    right: -4px;
  }
}
@media (min-width: 768px) and (max-width: 837px) {
  .link-banner {
    margin-left: 0;
  }
  .nav > li > a.bottomNavbar-navbarItem {
    padding: 15px 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1376px) {
  .bottomNavbar-navbarItem {
    font-size: 1.1em;
  }
  .nav > li > a.bottomNavbar-navbarItem {
    padding: 20px 13px;
  }
}
@media (max-width: 1150px) {
  .nav > li > a.topNavbar-navbarItem {
    padding-left: 13px;
    padding-right: 13px;
  }
  .bottomNavbar-navbarItem > span {
    display: inline-block;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .navbar-left {
    display: none;
  }
}
@media (max-width: 768px) {
  body {
    padding-top: 51px;
  }
  .topNavbar {
    display: none;
  }
  .bottomNavbar .row > * {
    padding: 0;
  }
  .navbarOfa-brand {
    padding-left: 20px;
  }
  .mobileTopBar {
    line-height: 50px;
    padding: 0 20px;
    color: #a2a19f;
    font-size: 16px;
  }
  .mobileSiteOverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    z-index: -1;
  }
  .dropdown-menu {
    top: 0;
  }
  .dropdown-menu > li.childless {
    padding: 5px 30px;
    clear: both;
  }
  .dropdown-menu > li {
    padding: 5px 30px;
  }
  .nav > li > a.bottomNavbar-navbarItem,
  .dl-menuwrapper li a {
    padding: 28px 34px;
  }
  .dl-menuwrapper .dl-menu,
  .dl-menuwrapper .dl-submenu {
    margin-top: 0;
  }
  .dl-menuwrapper li a {
    font-size: 17px;
    color: #033343;
  }
  .dl-menuwrapper .dl-menu li a:hover,
  .dl-menuwrapper li.dl-back > a:hover {
    background: #b6c6ce;
  }
  .dl-menuwrapper li.dl-back > a {
    padding-left: 34px;
    background: transparent;
  }
  button.dl-trigger {
    background: transparent;
    padding: 0;
    margin-right: 20px;
    width: 28px;
  }
  button.dl-trigger:after {
    height: 2px;
    width: 100%;
    top: 17px;
    left: 0;
    background: #a2a19f;
    box-shadow: 0 8px 0 #a2a19f, 0 16px 0 #a2a19f;
  }
}
@media (min-width: 769px) {
  .navbar-nav > li > a {
    padding-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .dl-submenu > li {
    padding: 30px 1vw;
  }
}
@media (min-width: 1200px) {
  .dl-submenu > li {
    padding: 30px 3vw;
  }
  .topNavbar-navbarItem {
    font-size: 1em;
  }
  .bottomNavbar-navbarItem {
    font-size: 1.1em;
  }
}
@media (min-width: 1260px) {
  .bottomNavbar-navbarItem {
    font-size: 1.2em;
  }
}
@media (max-width: 768px) {
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-header {
    float: none;
  }
  .navbar-nav > li {
    float: none;
  }
  .link-banner .icon {
    display: none;
  }
  .link-banner {
    width: auto;
  }
}
@media (max-width: 768px) {
  #cms-top {
    display: none;
  }
}
.mobileSearch {
  display: inline-block;
  max-width: initial;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}
.mobileSearch input {
  height: 100%;
  font-size: 1.05em;
  position: relative;
  top: 1px;
  width: calc(100% - 80px);
  background-color: transparent;
}
.mobileSearch button {
  background-color: transparent;
  border: none;
}
.mobileSearch button:focus {
  outline: none;
}
.mobileSearch .icon-suche {
  font-size: 1.15em;
  line-height: 1em;
  margin-right: 8px;
}
.mobileTopBar .js-closeMobileMenu {
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
}
.mobileTopBar .icon-schliessen {
  position: relative;
  top: 2px;
}
.pagination-item,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:focus,
.pagination > li > span:focus {
  display: inline-block;
  text-align: center;
  border: 2px solid #eaeae9;
  height: 34px;
  line-height: 19px;
  min-width: 34px;
  color: #000000;
  -webkit-border-radius: 17px !important;
  -moz-border-radius: 17px !important;
  border-radius: 17px !important;
  margin-right: 5px;
}
.is-active > .pagination-item {
  border-color: #a2a19f;
  background-color: #d5d4d3;
}
.pagination-item:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #ffffff;
  background-color: #a2a19f;
  border-color: #a2a19f;
}
.pressArticle {
  color: #000000;
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  padding: 5px 30px 0 30px;
  margin-bottom: 25px;
}
.sidebarLeft-categoryItem a {
  color: #547a8b;
}
.sidebarLeft-categoryItem a:hover {
  color: #547a8b;
}
.sidebarLeft-categoryItem.is-active {
  font-family: "Humanist Condensed Bold";
}
.pressArticle-date {
  margin-top: 10px;
  font-size: 0.9em;
  float: right;
}
.pressArticle-continue {
  font-weight: "Humanist Condensed Bold";
  color: #547a8b;
  margin-bottom: 20px;
  display: inline-block;
}
.pressArticle-continue:after {
  content: "\e920";
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-weight: 900 !important;
  font-size: 0.8em;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
  margin-left: 7px;
}
.pressArticle-image {
  width: 25%;
  height: 100%;
  display: inline-block;
  margin-top: -5px;
  margin-left: -30px;
  margin-right: 30px;
  text-align: center;
  vertical-align: top;
}
.newsArticle-image {
  width: 25%;
  height: 100%;
  display: inline-block;
  margin-top: -5px;
  margin-left: -30px;
  margin-right: 30px;
  text-align: center;
  vertical-align: top;
  width: 19.9%;
}
.pressArticle-image img,
.newsArticle-image img {
  max-width: 100%;
}
.pressArticle-image + .pressArticle-content,
.newsArticle-image + .pressArticle-content {
  padding-top: 10px;
  width: 75%;
  display: inline-block;
}
.pressArticle {
  clear: both;
}
@media screen and (max-width: 1200px) {
  .pressArticle-image {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  .pressArticle-image + .pressArticle-content {
    width: 100%;
  }
}
.radioLabel {
  margin-right: 30px;
  margin-bottom: 5px;
  cursor: pointer;
}
.radioLabel:last-of-type {
  margin-right: 0;
}
.radioLabel:before {
  content: '';
  background-image: url(992bc8c93dc6f9f00099.png);
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-bottom: -3px;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.radioInput + .radioLabel:before {
  background-position: -4px -218px;
}
.radioInput:checked + .radioLabel:before {
  background-position: -4px -192px;
}
.radioInput {
  display: none;
  pointer-events: none;
}
.scrollUp {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 60px;
  text-indent: -9999px;
  opacity: 0;
  z-index: 9999;
  background-color: #547a8b;
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.scrollUp-container {
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.scrollUp-arrow {
  display: block;
  width: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
}
.scrollUp:hover {
  -webkit-box-shadow: 0 0 30px 8px #bcbbb9;
  -moz-box-shadow: 0 0 30px 8px #bcbbb9;
  box-shadow: 0 0 30px 8px #bcbbb9;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.searchList {
  list-style: none;
  padding-left: 0;
}
.searchList .highlighted {
  font-family: "Humanist Condensed Bold";
}
.spacer-xs {
  margin-top: 30px;
  margin-bottom: 30px;
}
.spacer-sm {
  margin-top: 60px;
  margin-bottom: 60px;
}
.spacer-md {
  margin-top: 90px;
  margin-bottom: 90px;
}
.spacer-lg {
  margin-top: 120px;
  margin-bottom: 120px;
}
.sidebarLeft,
.sidebarRight-pressContact {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  width: 100%;
  padding: 20px 25px;
  background-color: #ffffff;
}
.sidebarLeft-categoryList,
.sidebarLeft-filterList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebarLeft-filters {
  border-top: 1px solid #a2a19f;
  margin-top: 20px;
  padding-top: 20px;
}
input#search-filter:focus::-webkit-input-placeholder {
  color: transparent;
}
input#search-filter:focus::-moz-placeholder {
  color: transparent;
}
.sidebarRight-pressContactImageContainer {
  text-align: center;
}
.sidebarRight-pressContactImage {
  width: 100%;
}
.sidebarRight-download {
  margin-top: 35px;
  margin-bottom: 25px;
}
.sidebarRight-input {
  width: 100%;
}
.sidebarLeft-filter {
  width: 100%;
  font-size: 14px;
}
.sidebarLeft-filterItem {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*doc
---
title: Tabs
name: tabs
category: Basics
---

Tabs are used to create a more compact rendering of complex content.


```html_example
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active"><a href="#tab-1" aria-controls="content1" role="tab" data-toggle="tab">Home</a></li>
  <li role="presentation"><a href="#tab-2" aria-controls="content2" role="tab" data-toggle="tab">Info</a></li>
  <li role="presentation"><a href="#tab-3" aria-controls="content3" role="tab" data-toggle="tab">Exit</a></li>
</ul>

<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab-1">
    Some content
  </div>
  <div role="tabpanel" class="tab-pane" id="tab-2">
    Some other content
  </div>
  <div role="tabpanel" class="tab-pane" id="tab-3">
    Some more other content
  </div>
</div>
```
Every tab is represented by an `<li>` element within the `.nav-tabs` list and an `<div class="tab-pane">` element
 containing the content for the corresponding tab. Tab are linked via `<a>` element within the `<li>` element.
 The `href` attribute of the `<a>` element contains the id of a `.tab-pane` prefixed with a `#`. The `aria-controls`
 attribute helps disabled users to navigate the page and understand tabs. `data-toggle="tab"` is necessary for
 bootstrap's Javascript to make this element an interactive tab.

*/
.nav-tabs {
  margin-top: 30px;
  border: 0;
  margin-bottom: 30px;
}
.nav-tabs > li:before {
  content: none !important;
}
.nav-tabs > li {
  flex-grow: 1;
}
.nav-tabs > li {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.nav-tabs > li.active {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.nav-tabs > li > a {
  background-color: #eaeae9;
  border: 0;
  color: #000000;
  padding: 15px 30px;
  margin-right: 0;
  text-align: center;
  text-decoration: none;
  z-index: 100;
  white-space: nowrap;
}
.nav-tabs > li.active > a {
  border: 0;
  font-family: "Humanist Condensed Bold";
  z-index: 200;
  -webkit-box-shadow: 0 0 29px 2px #b8b8b5;
  -moz-box-shadow: 0 0 29px 2px #b8b8b5;
  box-shadow: 0 0 29px 2px #b8b8b5;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  padding-bottom: 12px;
}
.nav-tabs > li:not(:last-child) > a,
.nav-tabs > li.active:not(:last-child) > a {
  border-right: 1px solid #d5d4d3;
}
.nav-tabs--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.tab-content {
  margin-bottom: 30px;
  padding: 0;
}
[class^=col-] > .ofa-tile--default {
  height: 100%;
}
.row-eq-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.ofa-tile {
  margin: 15px 0;
  height: 100%;
}
@media (max-width: 520px) {
  .ofa-tile table td {
    display: block;
  }
}
.ofa-tile--default {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
  padding: 25px;
  color: #000000;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.ofa-tile--default:hover {
  -webkit-box-shadow: 0 0 30px 8px #bcbbb9;
  -moz-box-shadow: 0 0 30px 8px #bcbbb9;
  box-shadow: 0 0 30px 8px #bcbbb9;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.ofa-tile--default img {
  max-width: 100%;
}
.ofa-tile--default p {
  color: black;
}
.ofa-tile--default .tile-fullwidthImage {
  text-align: center;
  margin-left: -25px;
  margin-right: -25px;
}
.ofa-tile--default .tile-bottomImage {
  margin-bottom: -25px;
}
.ofa-tile--default .tile-leftFullHeightImage {
  margin-top: -25px;
  margin-bottom: -25px;
  margin-left: -25px;
}
.ofa-tile--brand-neutral {
  border-bottom: 7px solid #a2a19f;
}
.ofa-tile--memory {
  border-bottom: 7px solid #a69965;
}
.ofa-tile--memory-aloe-vera {
  border-bottom: 7px solid #8a9644;
}
.ofa-tile--lastofa,
.ofa-tile--lastofa-forte,
.ofa-tile--lastofa-baumwolle,
.ofa-tile--lastofa-extra {
  border-bottom: 7px solid #7a1a38;
}
.ofa-tile--gilofa,
[class*=ofa-tile--gilofa],
.ofa-tile--gilofa-style,
.ofa-tile--gilofa-travel,
.ofa-tile--gilofa-2000,
.ofa-tile--gilofa-fine {
  border-bottom: 7px solid #001d3b;
}
[class*=ofa-tile--o-motion],
[class*=ofa-tile--omotion] {
  border-bottom: 7px solid #b20b0f;
}
.ofa-tile--rathgeber {
  border-bottom: 7px solid #898278;
}
.ofa-tile--pflege {
  border-bottom: 7px solid #898278;
}
.ofa-tile--zubehor {
  border-bottom: 7px solid #898278;
}
.ofa-tile--ofa-fugleiter,
.ofa-tile--ofa-fit-expert,
.ofa-tile--ofa-grip,
.ofa-tile--ofa-fit-flexi,
.ofa-tile--callusan,
.ofa-tile--ofa-clean {
  border-bottom: 7px solid #898278;
}
.ofa-tile--standard {
  border-bottom: 7px solid #8c8c8c;
}
[class*=ofa-tile--psb],
.ofa-tile--psb {
  border-bottom: 7px solid #d37125;
}
[class*=ofa-tile--push],
.ofa-tile--push {
  border-bottom: 7px solid #6d3e5a;
}
[class*=ofa-tile--push-sports],
.ofa-tile--push-sports {
  border-bottom: 7px solid #00496F;
}
[class*=ofa-tile--dynamics],
.ofa-tile--dynamics {
  border-bottom: 7px solid #6286c3;
}
[class*=ofa-tile--dynamics-plus],
.ofa-tile--dynamics-plus {
  border-bottom: 7px solid #6286c3;
}
.ofa-tile--portal-blue {
  border-bottom: 7px solid #547a8b;
}
.ofa-tile--border {
  /* Set color via adding the .border-color--[brand] class to the tile */
  border-bottom: 7px solid;
}
.ofa-tile-url {
  display: block;
  height: 100%;
}
.ofa-tile-url:focus {
  outline: 0;
}
.vote-modal-dialog {
  margin-top: 120px;
}
.vote-modal-header {
  border-bottom: 0;
}
.vote-modal-body {
  padding: 0 30px 20px 30px;
  font-size: 1.27em;
}
@media (min-width: 768px) {
  .vote-modal-dialog {
    width: 720px;
  }
}
@media (max-width: 767px) {
  .vote-modal-dialog {
    margin-top: 60px;
  }
}
.votingOption-button.background-color--brand-neutral {
  border-color: #a2a19f;
  background-color: #a2a19f;
}
.votingOption-button.background-color--brand-neutral:hover {
  border-color: #898885;
  background-color: #898885;
}
.votingOption-button.background-color--memory {
  border-color: #a69965;
  background-color: #a69965;
}
.votingOption-button.background-color--memory:hover {
  border-color: #897d4f;
  background-color: #897d4f;
}
.votingOption-button.background-color--memory-aloevera {
  border-color: #8a9644;
  background-color: #8a9644;
}
.votingOption-button.background-color--memory-aloevera:hover {
  border-color: #6a7334;
  background-color: #6a7334;
}
.votingOption-button.background-color--lastofa {
  border-color: #7a1a38;
  background-color: #7a1a38;
}
.votingOption-button.background-color--lastofa:hover {
  border-color: #501125;
  background-color: #501125;
}
.votingOption-button.background-color--gilofa {
  border-color: #001d3b;
  background-color: #001d3b;
}
.votingOption-button.background-color--gilofa:hover {
  border-color: #000408;
  background-color: #000408;
}
.votingOption-button.background-color--o-motion {
  border-color: #b20b0f;
  background-color: #b20b0f;
}
.votingOption-button.background-color--o-motion:hover {
  border-color: #82080b;
  background-color: #82080b;
}
.votingOption-button.background-color--rathgeber {
  border-color: #898278;
  background-color: #898278;
}
.votingOption-button.background-color--rathgeber:hover {
  border-color: #6e6860;
  background-color: #6e6860;
}
.votingOption-button.background-color--pflege {
  border-color: #898278;
  background-color: #898278;
}
.votingOption-button.background-color--pflege:hover {
  border-color: #6e6860;
  background-color: #6e6860;
}
.votingOption-button.background-color--zubehor {
  border-color: #898278;
  background-color: #898278;
}
.votingOption-button.background-color--zubehor:hover {
  border-color: #6e6860;
  background-color: #6e6860;
}
.votingOption-button.background-color--ofafit {
  border-color: #898278;
  background-color: #898278;
}
.votingOption-button.background-color--ofafit:hover {
  border-color: #6e6860;
  background-color: #6e6860;
}
.votingOption-button.background-color--standard {
  border-color: #8c8c8c;
  background-color: #8c8c8c;
}
.votingOption-button.background-color--standard:hover {
  border-color: #737373;
  background-color: #737373;
}
.votingOption-button.background-color--psb {
  border-color: #d37125;
  background-color: #d37125;
}
.votingOption-button.background-color--psb:hover {
  border-color: #a85a1d;
  background-color: #a85a1d;
}
.votingOption-button.background-color--push {
  border-color: #6d3e5a;
  background-color: #6d3e5a;
}
.votingOption-button.background-color--push:hover {
  border-color: #4c2c3f;
  background-color: #4c2c3f;
}
.votingOption-button.background-color--push-sports {
  border-color: #00496F;
  background-color: #00496F;
}
.votingOption-button.background-color--push-sports:hover {
  border-color: #00273c;
  background-color: #00273c;
}
.votingOption-button.background-color--dynamics {
  border-color: #6286c3;
  background-color: #6286c3;
}
.votingOption-button.background-color--dynamics:hover {
  border-color: #436baf;
  background-color: #436baf;
}
.votingOption-button.background-color--dynamics-plus {
  border-color: #6286c3;
  background-color: #6286c3;
}
.votingOption-button.background-color--dynamics-plus:hover {
  border-color: #436baf;
  background-color: #436baf;
}
.votingOption-button.background-color--portal-blue {
  border-color: #547a8b;
  background-color: #547a8b;
}
.votingOption-button.background-color--portal-blue:hover {
  border-color: #415e6b;
  background-color: #415e6b;
}
.cms-toolbar-expanded .navbar-fixed-top {
  top: 46px;
}
.cms-toolbar-expanded body {
  padding-top: 95px;
}
.cms-toolbar-expanded .select2-dropdown {
  margin-top: -46px;
}
/* This file imports all utility css classes, which are used. */
/*doc
---
title: Brand colors
name: brand-colors
category: Basics
---

We have utility classes to color the following attributes with the color of a slugifyed brand

* background-color
* color
* border-color
* border-bottom-color

**Usage**

* `.background-color--[slug]` eg `.background-color--memory`
* `.font-color--[slug]` eg `.font-color--memory`
* `.border-color--[slug]` eg `.border-color--memory`
* `.border-bottom-color--[slug]` eg `.border-bottom-color--memory`

border-bottom-color--[slug] use important, because Bootstrap is overriding border-bottom-color on eg. tabs.

*/
/***************************
***** Background Color *****
***************************/
.background-color--brand-neutral {
  background-color: #a2a19f;
}
.background-color--memory {
  background-color: #a69965;
}
.background-color--memory-aloevera {
  background-color: #8a9644;
}
.background-color--lastofa,
[class*=background-color--lastofa] {
  background-color: #7a1a38;
}
.background-color--gilofa,
[class*=background-color--gilofa] {
  background-color: #001d3b;
}
.background-color--o-motion,
[class*=background-color--o-motion] {
  background-color: #b20b0f;
}
.background-color--rathgeber {
  background-color: #898278;
}
.background-color--pflege {
  background-color: #898278;
}
.background-color--zubehor {
  background-color: #898278;
}
.background-color--ofafit,
[class*=background-color--ofa] {
  background-color: #898278;
}
.background-color--standard {
  background-color: #8c8c8c;
}
.background-color--psb {
  background-color: #d37125;
}
.background-color--push {
  background-color: #6d3e5a;
}
.background-color--push-sports {
  background-color: #00496F;
}
.background-color--dynamics,
[class*=background-color--dynamics] {
  background-color: #6286c3;
}
.background-color--dynamics-plus {
  background-color: #6286c3;
}
.background-color--portal-blue {
  background-color: #547a8b;
}
/*********************
***** Font Color *****
*********************/
.font-color--brand-neutral {
  color: #a2a19f;
}
.font-color--memory {
  color: #a69965;
}
.font-color--memory-aloevera {
  color: #8a9644;
}
.font-color--lastofa,
[class*=font-color--lastofa] {
  color: #7a1a38;
}
.font-color--gilofa,
[class*=font-color--gilofa] {
  color: #001d3b;
}
.font-color--o-motion,
[class*=font-color--o-motion] {
  color: #b20b0f;
}
.font-color--rathgeber {
  color: #898278;
}
.font-color--pflege {
  color: #898278;
}
.font-color--zubehor {
  color: #898278;
}
.font-color--ofafit,
[class*=font-color--ofa] {
  color: #898278;
}
.font-color--standard {
  color: #8c8c8c;
}
.font-color--psb {
  color: #d37125;
}
.font-color--push {
  color: #6d3e5a;
}
.font-color--push-sports {
  color: #00496F;
}
.font-color--dynamics,
[class*=font-color--dynamics] {
  color: #6286c3;
}
.font-color--dynamics-plus {
  color: #6286c3;
}
.font-color--portal-blue {
  color: #547a8b;
}
/***********************
***** Border Color *****
***********************/
.border-color--brand-neutral {
  border-color: #a2a19f;
}
.border-color--memory {
  border-color: #a69965;
}
.border-color--memory-aloe-vera {
  border-color: #8a9644;
}
.border-color--lastofa,
.border-color--lastofa-forte,
.border-color--lastofa-baumwolle,
.border-color--lastofa-extra,
[class*=border-color--lastofa-extra] {
  border-color: #7a1a38;
}
.border-color--gilofa,
.border-color--gilofa-style,
.border-color--gilofa-travel,
.border-color--gilofa-2000,
.border-color--gilofa-fine,
[class*=border-color--gilofa] {
  border-color: #001d3b;
}
.border-color--o-motion,
[class*=border-color--o-motion] {
  border-color: #b20b0f;
}
.border-color--rathgeber {
  border-color: #898278;
}
.border-color--pflege {
  border-color: #898278;
}
.border-color--zubehor {
  border-color: #898278;
}
.border-color--ofa-fugleiter,
.border-color--ofa-fit-expert,
.border-color--ofa-grip,
.border-color--ofa-fit-flexi,
.border-color--callusan,
.border-color--ofa-clean,
[class*=border-color--ofa] {
  border-color: #898278;
}
.border-color--standard {
  border-color: #8c8c8c;
}
.border-color--psb {
  border-color: #d37125;
}
.border-color--push {
  border-color: #6d3e5a;
}
.border-color--push-sports {
  border-color: #00496F;
}
.border-color--dynamics,
[class*=border-color--dynamics] {
  border-color: #6286c3;
}
.border-color--dynamics-plus {
  border-color: #6286c3;
}
.border-color--portal-blue {
  border-color: #547a8b;
}
/*
 * Border Bottom
 */
.border-bottom-color--brand-neutral {
  border-bottom-color: #a2a19f !important;
}
.border-bottom-color--memory {
  border-bottom-color: #a69965 !important;
}
.border-bottom-color--memory-aloe-vera {
  border-bottom-color: #8a9644 !important;
}
.border-bottom-color--lastofa,
.border-bottom-color--lastofa-forte,
.border-bottom-color--lastofa-baumwolle,
.border-bottom-color--lastofa-extra,
[class*=border-bottom-color--lastofa] {
  border-bottom-color: #7a1a38 !important;
}
.border-bottom-color--gilofa,
.border-bottom-color--gilofa-style,
.border-bottom-color--gilofa-travel,
.border-bottom-color--gilofa-2000,
.border-bottom-color--gilofa-fine,
[class*=border-bottom-color--gilofa] {
  border-bottom-color: #001d3b !important;
}
.border-bottom-color--o-motion,
[class*=border-bottom-color--o-motion] {
  border-bottom-color: #b20b0f !important;
}
.border-bottom-color--rathgeber {
  border-bottom-color: #898278 !important;
}
.border-bottom-color--pflege {
  border-bottom-color: #898278 !important;
}
.border-bottom-color--zubehor {
  border-bottom-color: #898278 !important;
}
.border-bottom-color--ofa-fugleiter,
.border-bottom-color--ofa-fit-expert,
.border-bottom-color--ofa-grip,
.border-bottom-color--ofa-fit-flexi,
.border-bottom-color--callusan,
.border-bottom-color--ofa-clean,
[class*=border-bottom-color--ofa-] {
  border-bottom-color: #898278 !important;
}
.border-bottom-color--standard {
  border-bottom-color: #8c8c8c !important;
}
.border-bottom-color--psb {
  border-bottom-color: #d37125 !important;
}
.border-bottom-color--push {
  border-bottom-color: #6d3e5a !important;
}
.border-bottom-color--push-sports {
  border-bottom-color: #00496F !important;
}
.border-bottom-color--dynamics,
[class*=border-bottom-color--dynamics] {
  border-bottom-color: #6286c3 !important;
}
.border-bottom-color--dynamics-plus {
  border-bottom-color: #6286c3 !important;
}
.border-bottom-color--portal-blue {
  border-bottom-color: #547a8b !important;
}
.border-bottom-color--portal-blue {
  border-bottom-color: #547a8b !important;
}
.u-fontSize-micro {
  font-size: 0.5em;
}
.u-fontSize-smallest {
  font-size: 0.75em;
}
.u-fontSize-smaller {
  font-size: 0.8em;
}
.u-fontSize-small {
  font-size: 0.9em;
}
.u-fontSize-base {
  font-size: 1em;
}
.u-fontSize-large {
  font-size: 1.27em;
}
.u-fontSize-larger {
  font-size: 1.45em;
}
.u-fontSize-largest {
  font-size: 1.9em;
}
.u-fontSize-jumbo {
  font-size: 2em;
}
.u-bold {
  font-family: "Humanist Condensed Bold";
}
.u-fontColor--black {
  color: black;
}
/* Margin helpers */
.u-noMargin {
  margin: 0;
}
.u-marginTop0 {
  margin-top: 0;
}
.u-marginBottom0 {
  margin-bottom: 0;
}
.u-marginTop {
  margin-top: 5px;
}
.u-marginBottom {
  margin-bottom: 5px;
}
.u-marginLeft {
  margin-left: 5px;
}
.u-marginRight {
  margin-right: 5px;
}
.u-marginTop10 {
  margin-top: 10px;
}
.u-marginBottom10 {
  margin-bottom: 10px;
}
.u-marginLeft10 {
  margin-left: 10px;
}
.u-marginRight10 {
  margin-right: 10px;
}
.u-marginTop15 {
  margin-top: 15px;
}
.u-marginBottom15 {
  margin-bottom: 15px;
}
.u-marginLeft15 {
  margin-left: 15px;
}
.u-marginRight15 {
  margin-right: 15px;
}
.u-marginTop20 {
  margin-top: 20px;
}
.u-marginBottom20 {
  margin-bottom: 20px;
}
.u-marginLeft20 {
  margin-left: 20px;
}
.u-marginRight20 {
  margin-right: 20px;
}
.u-marginTop25 {
  margin-top: 25px;
}
.u-marginBottom25 {
  margin-bottom: 25px;
}
.u-marginLeft25 {
  margin-left: 25px;
}
.u-marginRight25 {
  margin-right: 25px;
}
.u-marginTop30 {
  margin-top: 30px;
}
.u-marginBottom30 {
  margin-bottom: 30px;
}
.u-marginLeft30 {
  margin-left: 30px;
}
.u-marginRight30 {
  margin-right: 30px;
}
.u-marginTop40 {
  margin-top: 40px;
}
.u-marginBottom40 {
  margin-bottom: 40px;
}
.u-marginLeft40 {
  margin-left: 40px;
}
.u-marginRight40 {
  margin-right: 40px;
}
.u-marginTop50 {
  margin-top: 50px;
}
.u-marginBottom50 {
  margin-bottom: 50px;
}
.u-marginLeft50 {
  margin-left: 50px;
}
.u-marginRight50 {
  margin-right: 50px;
}
/* Padding helpers */
.u-paddingTop {
  padding-top: 5px;
}
.u-paddingBottom {
  padding-bottom: 5px;
}
.u-paddingLeft {
  padding-left: 5px;
}
.u-paddingRight {
  padding-right: 5px;
}
.u-paddingTop {
  padding-top: 10px;
}
.u-paddingBottom {
  padding-bottom: 10px;
}
.u-paddingLeft {
  padding-left: 10px;
}
.u-paddingRight {
  padding-right: 10px;
}
.u-paddingTop {
  padding-top: 15px;
}
.u-paddingBottom {
  padding-bottom: 15px;
}
.u-paddingLeft {
  padding-left: 15px;
}
.u-paddingRight {
  padding-right: 15px;
}
.u-paddingTop {
  padding-top: 20px;
}
.u-paddingBottom {
  padding-bottom: 20px;
}
.u-paddingLeft {
  padding-left: 20px;
}
.u-paddingRight {
  padding-right: 20px;
}
.u-paddingTop {
  padding-top: 25px;
}
.u-paddingBottom {
  padding-bottom: 25px;
}
.u-paddingLeft {
  padding-left: 25px;
}
.u-paddingRight {
  padding-right: 25px;
}
.u-paddingTop {
  padding-top: 30px;
}
.u-paddingBottom {
  padding-bottom: 30px;
}
.u-paddingLeft {
  padding-left: 30px;
}
.u-paddingRight {
  padding-right: 30px;
}
.u-paddingTop {
  padding-top: 40px;
}
.u-paddingBottom {
  padding-bottom: 40px;
}
.u-paddingLeft {
  padding-left: 40px;
}
.u-paddingRight {
  padding-right: 40px;
}
.u-paddingTop {
  padding-top: 50px;
}
.u-paddingBottom {
  padding-bottom: 50px;
}
.u-paddingLeft {
  padding-left: 50px;
}
.u-paddingRight {
  padding-right: 50px;
}
.ofa-dropShadow-default {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.ofa-dropShadow-hover {
  -webkit-box-shadow: 0 0 30px 8px #bcbbb9;
  -moz-box-shadow: 0 0 30px 8px #bcbbb9;
  box-shadow: 0 0 30px 8px #bcbbb9;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.tab-shadow {
  -webkit-box-shadow: 0 0 29px 2px #bcbbb9;
  -moz-box-shadow: 0 0 29px 2px #bcbbb9;
  box-shadow: 0 0 29px 2px #bcbbb9;
}
.tab-shadow--active {
  -webkit-box-shadow: 0 0 29px 2px #b8b8b5;
  -moz-box-shadow: 0 0 29px 2px #b8b8b5;
  box-shadow: 0 0 29px 2px #b8b8b5;
}
.ofa-dropShadowBlue-default {
  -webkit-box-shadow: 0 0 18px 2px #97aeba;
  -moz-box-shadow: 0 0 18px 2px #97aeba;
  box-shadow: 0 0 18px 2px #97aeba;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.ofa-dropShadowBlue-hover {
  -webkit-box-shadow: 0 0 30px 8px #7694a4;
  -moz-box-shadow: 0 0 30px 8px #7694a4;
  box-shadow: 0 0 30px 8px #7694a4;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.u-w50 {
  width: 50px;
}
.u-w100 {
  width: 100px;
}
.u-w150 {
  width: 150px;
}
.u-w200 {
  width: 200px;
}
.u-w250 {
  width: 250px;
}
.u-centerHorizontally {
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
}
.u-inlineBlock {
  display: inline-block;
}
.u-hidden {
  display: none;
}
.u-w25P {
  width: 25%;
}
.u-w75P {
  width: 75%;
}
.u-w100P {
  width: 100%;
}
.u-success {
  color: #2a7216;
}
.u-fontLarge {
  font-size: 1.27em;
}
/*doc
---
title: Accordion Tabs
name: tabs-2-accordion
category: Basics
---

Accordion tabs are similarly to normal tabs used to create a more compact rendering of complex content.
The content area is collapsed and can be expanded by clicking on the tab header.

These accordion tabs can be used via the corresponding <b>DjangoCMS plugin</b>.


```html_example
<div class="accordion-plugin">
  <div class="accordion accordion--bright">
      <button class="accordion-title js-accordionButton">Bright Accordion <i class="glyphicon pull-right accordion-toggleIcon"></i></button>
      <div class="accordion-content js-accordionContent">
          <p>Content one</p>
      </div>
  </div>
  <div class="accordion accordion--dark">
    <button class="accordion-title js-accordionButton">Dark Accordion <i class="glyphicon pull-right accordion-toggleIcon"></i></button>
    <div class="accordion-content js-accordionContent">
        <p>Content two</p>
    </div>
  </div>
</div>

{% addtoblock "extra_js" %}
    <script type="text/javascript" src="{% static 'accordion/accordion.js' %}"></script>
{% endaddtoblock "extra_js" %}
```
Every accordion component is wrapped in a `<div>` with the `.accordion-plugin` class. The tabs themselves have the
class `.accordion` and contain a `<button>` that represents the collapsed row and a `<div>` for the content.

Currently this is just used as a DjangoCMS plugin. If you want to use it in a template, add the above JavaScript
snippet to the `extra_js` sekizai block.

The tabs currently support two styles: Bright and Dark.

If you want to add a new style, add it in the settings to `ACCORDION_PLUGIN_STYLES` and add CSS rules for it like it's
done with `.accordion--bright` and `.accordion--dark`.
*/
.accordion {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  margin: 20px 0;
  padding: 0 60px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}
.accordion:hover {
  -webkit-box-shadow: 0 0 30px 8px #bcbbb9;
  -moz-box-shadow: 0 0 30px 8px #bcbbb9;
  box-shadow: 0 0 30px 8px #bcbbb9;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.accordion--bright {
  background-color: rgba(255, 255, 255, 0.8);
}
.accordion--bright:hover {
  background-color: #ffffff;
}
.accordion--dark {
  background-color: #dedad4;
}
.accordion--dark:hover {
  background-color: #e1ddd8;
}
.accordion-title {
  background-color: transparent;
  color: #000000;
  cursor: pointer;
  padding: 20px 0;
  width: 100%;
  font-size: 1.27em;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.accordion-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -ms-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
}
/* The 'show class is added to the accordion panel when the user clicks on one of the buttons. */
.accordion-content.show {
  opacity: 1;
  height: auto;
  padding-bottom: 30px;
}
button.accordion-title .accordion-toggleIcon:after {
  font-size: 13px;
  content: '\e080';
}
button.accordion-title.active .accordion-toggleIcon:after {
  content: '\e114';
}
@media (max-width: 768px) {
  .accordion-plugin .accordion {
    padding: 0 30px;
  }
}
.addressTile-title {
  margin-top: 0;
  margin-bottom: 20px;
}
.addressTile-map {
  min-height: 230px;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 20px;
}
.addressTile-link {
  color: #a2a19f;
  font-family: "Humanist Condensed Bold";
  text-decoration: none;
  display: inline-block;
  margin-top: 15px;
}
.addressTile-link:hover {
  color: #7a1a38;
}
.addressTile-link:after {
  content: "\e920";
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-weight: 900 !important;
  font-size: 0.75em;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
  margin-left: 7px;
}
.fullWidthSlider[data-color=black] .fullWidthSlider-headline,
.fullWidthSlider[data-color=black] .fullWidthSlider-subline,
.fullWidthSlider[data-color=black] .slick-next:before,
.fullWidthSlider[data-color=black] .slick-prev:before {
  color: #000;
}
.fullWidthSlider[data-color=black] > .dots > .slick-dots li button {
  background-color: #000;
}
.fullWidthSlider[data-color=white] .fullWidthSlider-headline,
.fullWidthSlider[data-color=white] .fullWidthSlider-subline,
.fullWidthSlider[data-color=white] .slick-next:before,
.fullWidthSlider[data-color=white] .slick-prev:before {
  color: #fff;
}
.fullWidthSlider[data-color=white] > .dots > .slick-dots li button {
  background-color: #fff;
}
.fullWidthSlider[data-color=brand-neutral] .fullWidthSlider-headline,
.fullWidthSlider[data-color=brand-neutral] .fullWidthSlider-subline,
.fullWidthSlider[data-color=brand-neutral] .slick-next:before,
.fullWidthSlider[data-color=brand-neutral] .slick-prev:before {
  color: #a2a19f;
}
.fullWidthSlider[data-color=brand-neutral] > .dots > .slick-dots li button {
  background-color: #a2a19f;
}
.fullWidthSlider[data-color=memory] .fullWidthSlider-headline,
.fullWidthSlider[data-color=memory] .fullWidthSlider-subline,
.fullWidthSlider[data-color=memory] .slick-next:before,
.fullWidthSlider[data-color=memory] .slick-prev:before {
  color: #a69965;
}
.fullWidthSlider[data-color=memory] > .dots > .slick-dots li button {
  background-color: #a69965;
}
.fullWidthSlider[data-color=memory-aloe-vera] .fullWidthSlider-headline,
.fullWidthSlider[data-color=memory-aloevera] .fullWidthSlider-headline,
.fullWidthSlider[data-color=memory-aloe-vera] .fullWidthSlider-subline,
.fullWidthSlider[data-color=memory-aloevera] .fullWidthSlider-subline,
.fullWidthSlider[data-color=memory-aloe-vera] .slick-next:before,
.fullWidthSlider[data-color=memory-aloevera] .slick-next:before,
.fullWidthSlider[data-color=memory-aloe-vera] .slick-prev:before,
.fullWidthSlider[data-color=memory-aloevera] .slick-prev:before {
  color: #8a9644;
}
.fullWidthSlider[data-color=memory-aloe-vera] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=memory-aloevera] > .dots > .slick-dots li button {
  background-color: #8a9644;
}
.fullWidthSlider[data-color=lastofa] .fullWidthSlider-headline,
.fullWidthSlider[data-color=lastofa-forte] .fullWidthSlider-headline,
.fullWidthSlider[data-color=lastofa-baumwolle] .fullWidthSlider-headline,
.fullWidthSlider[data-color=lastofa-extra] .fullWidthSlider-headline,
.fullWidthSlider[data-color=lastofa] .fullWidthSlider-subline,
.fullWidthSlider[data-color=lastofa-forte] .fullWidthSlider-subline,
.fullWidthSlider[data-color=lastofa-baumwolle] .fullWidthSlider-subline,
.fullWidthSlider[data-color=lastofa-extra] .fullWidthSlider-subline,
.fullWidthSlider[data-color=lastofa] .slick-next:before,
.fullWidthSlider[data-color=lastofa-forte] .slick-next:before,
.fullWidthSlider[data-color=lastofa-baumwolle] .slick-next:before,
.fullWidthSlider[data-color=lastofa-extra] .slick-next:before,
.fullWidthSlider[data-color=lastofa] .slick-prev:before,
.fullWidthSlider[data-color=lastofa-forte] .slick-prev:before,
.fullWidthSlider[data-color=lastofa-baumwolle] .slick-prev:before,
.fullWidthSlider[data-color=lastofa-extra] .slick-prev:before {
  color: #7a1a38;
}
.fullWidthSlider[data-color=lastofa] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=lastofa-forte] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=lastofa-baumwolle] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=lastofa-extra] > .dots > .slick-dots li button {
  background-color: #7a1a38;
}
.fullWidthSlider[data-color=gilofa] .fullWidthSlider-headline,
.fullWidthSlider[data-color*=gilofa] .fullWidthSlider-headline,
.fullWidthSlider[data-color=gilofa-style] .fullWidthSlider-headline,
.fullWidthSlider[data-color=gilofa-travel] .fullWidthSlider-headline,
.fullWidthSlider[data-color=gilofa-2000] .fullWidthSlider-headline,
.fullWidthSlider[data-color=gilofa-fine] .fullWidthSlider-headline,
.fullWidthSlider[data-color=gilofa] .fullWidthSlider-subline,
.fullWidthSlider[data-color*=gilofa] .fullWidthSlider-subline,
.fullWidthSlider[data-color=gilofa-style] .fullWidthSlider-subline,
.fullWidthSlider[data-color=gilofa-travel] .fullWidthSlider-subline,
.fullWidthSlider[data-color=gilofa-2000] .fullWidthSlider-subline,
.fullWidthSlider[data-color=gilofa-fine] .fullWidthSlider-subline,
.fullWidthSlider[data-color=gilofa] .slick-next:before,
.fullWidthSlider[data-color*=gilofa] .slick-next:before,
.fullWidthSlider[data-color=gilofa-style] .slick-next:before,
.fullWidthSlider[data-color=gilofa-travel] .slick-next:before,
.fullWidthSlider[data-color=gilofa-2000] .slick-next:before,
.fullWidthSlider[data-color=gilofa-fine] .slick-next:before,
.fullWidthSlider[data-color=gilofa] .slick-prev:before,
.fullWidthSlider[data-color*=gilofa] .slick-prev:before,
.fullWidthSlider[data-color=gilofa-style] .slick-prev:before,
.fullWidthSlider[data-color=gilofa-travel] .slick-prev:before,
.fullWidthSlider[data-color=gilofa-2000] .slick-prev:before,
.fullWidthSlider[data-color=gilofa-fine] .slick-prev:before {
  color: #001d3b;
}
.fullWidthSlider[data-color=gilofa] > .dots > .slick-dots li button,
.fullWidthSlider[data-color*=gilofa] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=gilofa-style] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=gilofa-travel] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=gilofa-2000] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=gilofa-fine] > .dots > .slick-dots li button {
  background-color: #001d3b;
}
.fullWidthSlider[data-color*=o-motion] .fullWidthSlider-headline,
.fullWidthSlider[data-color*=omotion] .fullWidthSlider-headline,
.fullWidthSlider[data-color*=o-motion] .fullWidthSlider-subline,
.fullWidthSlider[data-color*=omotion] .fullWidthSlider-subline,
.fullWidthSlider[data-color*=o-motion] .slick-next:before,
.fullWidthSlider[data-color*=omotion] .slick-next:before,
.fullWidthSlider[data-color*=o-motion] .slick-prev:before,
.fullWidthSlider[data-color*=omotion] .slick-prev:before {
  color: #b20b0f;
}
.fullWidthSlider[data-color*=o-motion] > .dots > .slick-dots li button,
.fullWidthSlider[data-color*=omotion] > .dots > .slick-dots li button {
  background-color: #b20b0f;
}
.fullWidthSlider[data-color=rathgeber] .fullWidthSlider-headline,
.fullWidthSlider[data-color=rathgeber] .fullWidthSlider-subline,
.fullWidthSlider[data-color=rathgeber] .slick-next:before,
.fullWidthSlider[data-color=rathgeber] .slick-prev:before {
  color: #898278;
}
.fullWidthSlider[data-color=rathgeber] > .dots > .slick-dots li button {
  background-color: #898278;
}
.fullWidthSlider[data-color=pflege] .fullWidthSlider-headline,
.fullWidthSlider[data-color=pflege] .fullWidthSlider-subline,
.fullWidthSlider[data-color=pflege] .slick-next:before,
.fullWidthSlider[data-color=pflege] .slick-prev:before {
  color: #898278;
}
.fullWidthSlider[data-color=pflege] > .dots > .slick-dots li button {
  background-color: #898278;
}
.fullWidthSlider[data-color=zubehor] .fullWidthSlider-headline,
.fullWidthSlider[data-color=zubehor] .fullWidthSlider-subline,
.fullWidthSlider[data-color=zubehor] .slick-next:before,
.fullWidthSlider[data-color=zubehor] .slick-prev:before {
  color: #898278;
}
.fullWidthSlider[data-color=zubehor] > .dots > .slick-dots li button {
  background-color: #898278;
}
.fullWidthSlider[data-color=ofa-fugleiter] .fullWidthSlider-headline,
.fullWidthSlider[data-color=ofa-fit-expert] .fullWidthSlider-headline,
.fullWidthSlider[data-color=ofa-grip] .fullWidthSlider-headline,
.fullWidthSlider[data-color=ofa-fit-flexi] .fullWidthSlider-headline,
.fullWidthSlider[data-color=callusan] .fullWidthSlider-headline,
.fullWidthSlider[data-color=ofa-clean] .fullWidthSlider-headline,
.fullWidthSlider[data-color=ofa-fugleiter] .fullWidthSlider-subline,
.fullWidthSlider[data-color=ofa-fit-expert] .fullWidthSlider-subline,
.fullWidthSlider[data-color=ofa-grip] .fullWidthSlider-subline,
.fullWidthSlider[data-color=ofa-fit-flexi] .fullWidthSlider-subline,
.fullWidthSlider[data-color=callusan] .fullWidthSlider-subline,
.fullWidthSlider[data-color=ofa-clean] .fullWidthSlider-subline,
.fullWidthSlider[data-color=ofa-fugleiter] .slick-next:before,
.fullWidthSlider[data-color=ofa-fit-expert] .slick-next:before,
.fullWidthSlider[data-color=ofa-grip] .slick-next:before,
.fullWidthSlider[data-color=ofa-fit-flexi] .slick-next:before,
.fullWidthSlider[data-color=callusan] .slick-next:before,
.fullWidthSlider[data-color=ofa-clean] .slick-next:before,
.fullWidthSlider[data-color=ofa-fugleiter] .slick-prev:before,
.fullWidthSlider[data-color=ofa-fit-expert] .slick-prev:before,
.fullWidthSlider[data-color=ofa-grip] .slick-prev:before,
.fullWidthSlider[data-color=ofa-fit-flexi] .slick-prev:before,
.fullWidthSlider[data-color=callusan] .slick-prev:before,
.fullWidthSlider[data-color=ofa-clean] .slick-prev:before {
  color: #898278;
}
.fullWidthSlider[data-color=ofa-fugleiter] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=ofa-fit-expert] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=ofa-grip] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=ofa-fit-flexi] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=callusan] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=ofa-clean] > .dots > .slick-dots li button {
  background-color: #898278;
}
.fullWidthSlider[data-color=standard] .fullWidthSlider-headline,
.fullWidthSlider[data-color=standard] .fullWidthSlider-subline,
.fullWidthSlider[data-color=standard] .slick-next:before,
.fullWidthSlider[data-color=standard] .slick-prev:before {
  color: #8c8c8c;
}
.fullWidthSlider[data-color=standard] > .dots > .slick-dots li button {
  background-color: #8c8c8c;
}
.fullWidthSlider[data-color*=psb] .fullWidthSlider-headline,
.fullWidthSlider[data-color=psb] .fullWidthSlider-headline,
.fullWidthSlider[data-color*=psb] .fullWidthSlider-subline,
.fullWidthSlider[data-color=psb] .fullWidthSlider-subline,
.fullWidthSlider[data-color*=psb] .slick-next:before,
.fullWidthSlider[data-color=psb] .slick-next:before,
.fullWidthSlider[data-color*=psb] .slick-prev:before,
.fullWidthSlider[data-color=psb] .slick-prev:before {
  color: #d37125;
}
.fullWidthSlider[data-color*=psb] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=psb] > .dots > .slick-dots li button {
  background-color: #d37125;
}
.fullWidthSlider[data-color*=push] .fullWidthSlider-headline,
.fullWidthSlider[data-color=push] .fullWidthSlider-headline,
.fullWidthSlider[data-color*=push] .fullWidthSlider-subline,
.fullWidthSlider[data-color=push] .fullWidthSlider-subline,
.fullWidthSlider[data-color*=push] .slick-next:before,
.fullWidthSlider[data-color=push] .slick-next:before,
.fullWidthSlider[data-color*=push] .slick-prev:before,
.fullWidthSlider[data-color=push] .slick-prev:before {
  color: #6d3e5a;
}
.fullWidthSlider[data-color*=push] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=push] > .dots > .slick-dots li button {
  background-color: #6d3e5a;
}
.fullWidthSlider[data-color*=dynamics] .fullWidthSlider-headline,
.fullWidthSlider[data-color=dynamics] .fullWidthSlider-headline,
.fullWidthSlider[data-color*=dynamics] .fullWidthSlider-subline,
.fullWidthSlider[data-color=dynamics] .fullWidthSlider-subline,
.fullWidthSlider[data-color*=dynamics] .slick-next:before,
.fullWidthSlider[data-color=dynamics] .slick-next:before,
.fullWidthSlider[data-color*=dynamics] .slick-prev:before,
.fullWidthSlider[data-color=dynamics] .slick-prev:before {
  color: #6286c3;
}
.fullWidthSlider[data-color*=dynamics] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=dynamics] > .dots > .slick-dots li button {
  background-color: #6286c3;
}
.fullWidthSlider[data-color*=dynamics-plus] .fullWidthSlider-headline,
.fullWidthSlider[data-color=dynamics-plus] .fullWidthSlider-headline,
.fullWidthSlider[data-color*=dynamics-plus] .fullWidthSlider-subline,
.fullWidthSlider[data-color=dynamics-plus] .fullWidthSlider-subline,
.fullWidthSlider[data-color*=dynamics-plus] .slick-next:before,
.fullWidthSlider[data-color=dynamics-plus] .slick-next:before,
.fullWidthSlider[data-color*=dynamics-plus] .slick-prev:before,
.fullWidthSlider[data-color=dynamics-plus] .slick-prev:before {
  color: #6286c3;
}
.fullWidthSlider[data-color*=dynamics-plus] > .dots > .slick-dots li button,
.fullWidthSlider[data-color=dynamics-plus] > .dots > .slick-dots li button {
  background-color: #6286c3;
}
.fullWidthSlider[data-color=portal-blue] .fullWidthSlider-headline,
.fullWidthSlider[data-color=portal-blue] .fullWidthSlider-subline,
.fullWidthSlider[data-color=portal-blue] .slick-next:before,
.fullWidthSlider[data-color=portal-blue] .slick-prev:before {
  color: #547a8b;
}
.fullWidthSlider[data-color=portal-blue] > .dots > .slick-dots li button {
  background-color: #547a8b;
}
.fullWidthSlider[data-color=push-sports] .fullWidthSlider-headline,
.fullWidthSlider[data-color=push-sports] .fullWidthSlider-subline,
.fullWidthSlider[data-color=push-sports] .slick-next:before,
.fullWidthSlider[data-color=push-sports] .slick-prev:before {
  color: #00496F;
}
.fullWidthSlider[data-color=push-sports] > .dots > .slick-dots li button {
  background-color: #00496F;
}
.fullWidthSlider-headline {
  font-size: 40px;
}
.fullWidthSlider-subline {
  font-size: 20px;
}
.fullWidthSlider {
  position: relative;
  height: 600px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 150px;
}
.fullWidthSlider .slick-next:before,
.fullWidthSlider .slick-prev:before {
  content: '\e921';
  font-size: 35px;
}
.fullWidthSlider .slick-next {
  right: 40px;
}
.fullWidthSlider .slick-prev {
  left: 40px;
  z-index: 300;
}
.fullWidthSlider .slick-next,
.fullWidthSlider .slick-prev {
  height: 40px;
  width: 40px;
}
.fullWidthSlider .slick-track,
.fullWidthSlider .slick-list {
  height: 100%;
}
.fullWidthSlider > .dots {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.fullWidthSlider > .dots .slick-dots {
  position: relative;
  padding-top: 55px;
  bottom: auto;
  width: 768px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2000;
  text-align: left;
}
.fullWidthSlider > .dots .slick-dots li {
  margin: 0;
}
.fullWidthSlider > .dots .slick-dots li button {
  height: 6px;
  width: 6px;
  padding: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #fff;
}
.fullWidthSlider > .dots .slick-dots li button:before {
  content: '';
}
.fullWidthSlider > .dots .slick-dots li.slick-active button {
  opacity: 1;
}
.fullWidthSlider-background {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100;
}
.fullWidthSlider-slide {
  height: 100%;
  background-size: cover;
  display: block;
  background-position: 50% 50%;
}
.fullWidthSlider-slideContent {
  padding-top: 90px;
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
.fullWidthSliderContent-container {
  z-index: 200;
  position: absolute;
  top: 375px;
  width: 1000px;
  right: 50%;
}
.fullWidthSliderContent {
  padding: 20px;
  left: 50%;
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.fullWidthSliderContent img {
  display: inline-block;
  max-width: 100px;
  margin-bottom: 10px;
  max-height: 100px;
}
.fullWidthSliderContent-slide {
  padding: 10px 20px;
  text-align: center;
}
.fullWidthSliderContent-slide:focus {
  outline: 0;
}
.fullWidthSlider-contentHeadline {
  min-height: 66px;
  color: #000000;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.fullWidthSlider-contentText {
  font-size: 1.27em;
}
.fullwidthSlider-link {
  color: #547a8b;
  font-size: 1.27em;
}
.fullwidthSlider-link:hover {
  color: #346274;
}
.fullwidthSlider-link:after {
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
  content: "\e920";
  font-size: 11px;
  margin-left: 5px;
}
@media (max-width: 1024px) {
  .fullWidthSliderContent-container {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: -30%;
  }
  .fullWidthSliderContent-container .slick-dots {
    position: relative;
    bottom: auto;
    margin-bottom: 0;
  }
  .fullWidthSliderContent-container .slick-dots li {
    margin: 0;
  }
  .fullWidthSliderContent-container .slick-dots li button {
    height: 3px;
    width: 3px;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.5;
    background-color: #a2a19f;
  }
  .fullWidthSliderContent-container .slick-dots li button:before {
    content: '';
  }
  .fullWidthSliderContent-container .slick-dots li.slick-active button {
    opacity: 1;
  }
  .fullWidthSliderContent {
    left: auto;
  }
}
@media (max-height: 800px) {
  .fullWidthSlider {
    height: 300px;
  }
  .fullWidthSliderContent-container {
    top: 75px;
  }
}
@media (max-height: 800px) and (max-width: 441px) {
  .fullWidthSlider {
    margin-bottom: 180px;
  }
}
@media (max-height: 800px) and (max-width: 372px) {
  .fullWidthSlider {
    margin-bottom: 200px;
  }
}
@media (max-height: 800px) and (max-width: 346px) {
  .fullWidthSlider {
    margin-bottom: 230px;
  }
}
@media (max-height: 800px) and (min-width: 992px) {
  .fullWidthSlider {
    margin-bottom: 250px;
  }
  .fullWidthSliderContent-container {
    top: 185px;
  }
}
@media (max-height: 800px) and (min-width: 992px) and (max-width: 441px) {
  .fullWidthSlider {
    margin-bottom: 180px;
  }
}
@media (max-height: 800px) and (min-width: 992px) and (max-width: 372px) {
  .fullWidthSlider {
    margin-bottom: 200px;
  }
}
@media (max-height: 800px) and (min-width: 992px) and (max-width: 346px) {
  .fullWidthSlider {
    margin-bottom: 230px;
  }
}
@media (max-height: 1024px) and (max-width: 768px) {
  .fullWidthSlider {
    height: 300px;
  }
  .fullWidthSliderContent-container {
    top: 75px;
  }
}
[class^=col-] > .productGallery {
  height: auto;
}
.productGallery:hover .slick-arrow {
  opacity: 1;
}
.productGallery-thumbnail,
.productGalleryNav-thumbnail {
  text-align: center;
}
.productGalleryNav-thumbnail {
  min-height: 100px;
  padding: 0 5px;
}
.productGalleryNav-thumbnail:focus,
.productGallery-thumbnail:focus {
  outline: 0;
}
.productGallery-thumbnail > img,
.productGalleryNav-thumbnail > img {
  display: inline-block;
}
.productGalleryNav-thumbnail > img {
  max-width: 100%;
}
.productGallery--memory .slick-arrow {
  background-color: #a69965;
}
.productGallery--memory-aloevera .slick-arrow {
  background-color: #8a9644;
}
.productGallery--lastofa .slick-arrow {
  background-color: #7a1a38;
}
.productGallery--gilofa .slick-arrow {
  background-color: #001d3b;
}
.productGallery--o-motion .slick-arrow {
  background-color: #b20b0f;
}
.productGallery--rathgeber .slick-arrow {
  background-color: #898278;
}
.productGallery--pflege .slick-arrow {
  background-color: #898278;
}
.productGallery--zubehor .slick-arrow {
  background-color: #898278;
}
.productGallery--ofafit .slick-arrow {
  background-color: #898278;
}
.productGallery--standard .slick-arrow {
  background-color: #8c8c8c;
}
.productGallery--psb .slick-arrow {
  background-color: #d37125;
}
.productGallery--push .slick-arrow {
  background-color: #6d3e5a;
}
.productGallery--dynamics .slick-arrow {
  background-color: #6286c3;
}
.productGallery--dynamics-plus .slick-arrow {
  background-color: #6286c3;
}
.productGallery--push-sports .slick-arrow {
  background-color: #00496F;
}
.productGallery--portal-blue .slick-arrow {
  background-color: #547a8b;
}
.productGallery .slick-arrow {
  opacity: 0;
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  -ms-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  content: ' ';
  width: 45px;
  height: 45px;
  color: #ffffff;
  z-index: 9998;
}
.productGalleryNav .slick-arrow:before {
  color: #a2a19f;
  font-size: 30px;
}
.productGalleryNav {
  padding: 0 20px;
}
.slick-prev:before {
  font-family: 'ofa-icons';
  content: "\e920";
}
.slick-next:before {
  content: "\e920";
  font-family: 'ofa-icons';
}
.slick-next {
  right: 0;
}
.slick-prev {
  left: 0;
  -webkit-transform: scaleX(-1) translate(0, -50%);
  -ms-transform: scaleX(-1) translate(0, -50%);
  transform: scaleX(-1) translate(0, -50%);
}
.slick-lightbox-slick-item:focus {
  outline: 0;
}
.productGalleryNav {
  margin-top: 20px;
}
.imageRow {
  margin: 0 20px;
  padding: 0;
  display: -webkit-flex;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -webkit-flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  list-style: none;
}
.imageRow-item:before {
  content: none !important;
}
.imageRow-item {
  min-width: 120px;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding: 15px 10px;
  text-align: center;
}
.imageRow-imageCaption {
  text-align: left;
  margin: 0 auto;
}
.imageRow-imageCaption--centered {
  text-align: center;
}
.imageSlider-container {
  margin-left: -25px;
  margin-right: -25px;
  position: relative;
}
.imageSlider-title {
  margin-top: 0;
  min-height: 53px;
}
.imageSlider-thumbnail {
  text-align: center;
  min-height: 150px;
}
.imageSlider-thumbnail:focus {
  outline: 0;
}
.imageSlider-thumbnail > img {
  display: inline-block;
}
.imageSlider-thumbnail-title {
  margin-top: 0;
  min-height: 53px;
  text-align: left;
  padding-left: 25px;
  padding-right: 60px;
}
.imageSlider-thumbnail-caption {
  text-align: left;
  margin-top: 10px;
  padding: 0 25px;
}
.imageSlider-container .slick-arrow {
  background-color: #a2a19f;
  top: 10px;
  z-index: 9998;
}
.imageSlider-container .slick-arrow:before {
  font-size: 10px;
  font-weight: 900;
  opacity: 1;
}
.imageSlider-container .slick-next {
  right: 10px;
}
.imageSlider-container .slick-prev {
  right: 35px;
  left: auto;
}
.news-readMore {
  font-weight: bold;
  text-decoration: none;
}
.news-readMore:after {
  content: "\e920";
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-weight: 900 !important;
  font-size: 0.8em;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
  margin-left: 7px;
}
.news-plugin--landscape .news-plugin--image {
  background-size: cover;
  background-position: center;
  margin-left: -25px;
  margin-bottom: -25px;
  margin-top: -25px;
  margin-right: 5px;
}
.news-plugin--landscape.news-plugin-hasimage .news-content {
  margin-left: 15px;
}
@media (max-width: 768px) {
  .news-plugin--landscape .news-plugin--image {
    height: 300px;
    width: calc(100% + 2 * 25px);
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  .news-plugin--landscape .news-plugin--image {
    height: 200px;
  }
}
.productTile {
  text-align: center;
  position: relative;
  height: 100%;
  width: 100%;
  margin-bottom: -25px;
  display: table;
}
.productTile-headCell,
.productTile-bodyCell {
  display: table-cell;
  padding: 0;
}
.productTile-bodyCell {
  vertical-align: bottom;
}
.productTile-bodyCell img {
  margin-left: auto;
  margin-right: auto;
}
.productTile-head {
  text-align: left;
  min-height: 120px;
  display: table-row;
  width: 100%;
}
.productTile-body {
  display: table-row;
  vertical-align: bottom;
  text-align: center;
  width: 100%;
}
.productTile-logo {
  margin-bottom: 8px;
}
.productTile-image {
  display: inline-block;
  max-height: 220px;
}
.productTile-link {
  display: block;
  text-align: left;
  font-family: "Humanist Condensed Bold";
  text-decoration: none;
  font-size: 0.9em;
  margin: 25px 0;
}
.productTile-link:after {
  content: "\e920";
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-weight: 900 !important;
  font-size: 0.8em;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
  margin-left: 7px;
}
.ofa-tile--memory .productTile-link {
  color: #a69965;
}
.ofa-tile--memory-aloe-vera .productTile-link {
  color: #8a9644;
}
.ofa-tile--lastofa .productTile-link,
.ofa-tile--lastofa-forte .productTile-link,
.ofa-tile--lastofa-baumwolle .productTile-link,
.ofa-tile--lastofa-extra .productTile-link {
  color: #7a1a38;
}
.ofa-tile--gilofa .productTile-link,
[class*=ofa-tile--gilofa] .productTile-link,
.ofa-tile--gilofa-style .productTile-link,
.ofa-tile--gilofa-travel .productTile-link,
.ofa-tile--gilofa-2000 .productTile-link,
.ofa-tile--gilofa-fine .productTile-link {
  color: #001d3b;
}
.ofa-tile--o-motion .productTile-link,
[class*=ofa-tile--omotion] .productTile-link,
[class*=ofa-tile--o-motion] .productTile-link {
  color: #b20b0f;
}
.ofa-tile--rathgeber .productTile-link {
  color: #898278;
}
.ofa-tile--pflege .productTile-link {
  color: #898278;
}
.ofa-tile--zubehor .productTile-link {
  color: #898278;
}
.ofa-tile--ofa-fugleiter .productTile-link,
.ofa-tile--ofa-fit-expert .productTile-link,
.ofa-tile--ofa-grip .productTile-link,
.ofa-tile--ofa-fit-flexi .productTile-link,
.ofa-tile--callusan .productTile-link,
.ofa-tile--ofa-clean .productTile-link {
  color: #898278;
}
.ofa-tile--standard .productTile-link {
  color: #8c8c8c;
}
.ofa-tile--psb .productTile-link,
[class*=ofa-tile--psb] .productTile-link {
  color: #d37125;
}
.ofa-tile--push .productTile-link,
[class*=ofa-tile--push] .productTile-link {
  color: #6d3e5a;
}
.ofa-tile--dynamics .productTile-link,
[class*=ofa-tile--dynamics] .productTile-link {
  color: #6286c3;
}
.ofa-tile--dynamics-plus .productTile-link,
[class*=ofa-tile--dynamics-plus] .productTile-link {
  color: #6286c3;
}
.ofa-tile--push-sports .productTile-link,
[class*=ofa-tile--push-sports] .productTile-link {
  color: #00496F;
}
.titleImage {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.titleImage-content {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-top: 15px;
  overflow: hidden;
}
.titleImage-margin-top {
  margin-top: 15px;
}
.titleImage-backlink {
  margin-top: 15px;
  float: right;
  font-size: 1.2em;
}
.titleImage-headline {
  margin-top: 15px;
}
.titleImage-subheadline {
  font-size: 24px;
}
.titleImage-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 20px 0 20px;
  display: inline-block;
  margin-left: -20px;
}
.titleImage-overlay--shadow {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
}
.titleImage-content--noImage {
  position: relative;
}
@media (max-width: 768px) {
  .titleImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 250px;
  }
  .titleImage-content,
  .titleImage-content > .col-md-10,
  .titleImage-overlay {
    position: relative;
    top: 0;
    width: calc(100% + 10px);
    height: 100%;
  }
  .titleImage-overlay {
    display: block;
    margin: 0 -10px;
    padding-left: calc(8.33333333% + 10px);
    min-height: 170px;
    margin-top: 6em;
  }
}
.topic-headline {
  min-height: 52px;
  margin: 0 0 10px 0;
  position: relative;
  color: #000000;
}
.topic-compactForm:hover {
  cursor: pointer;
}
.topic-link-compactForm {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  color: #ffffff;
  background-color: #a2a19f;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.topic-link-compactForm:hover {
  background-color: #346274;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.topic-readMore {
  color: #346274;
  font-family: "Humanist Condensed Bold";
  text-decoration: none;
  margin-top: 20px;
  font-size: 0.9em;
}
.topic-readMore:after {
  content: "\e920";
  font-family: "ofa-icons" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-weight: 900 !important;
  font-size: 0.8em;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-top: -2px;
  margin-left: 7px;
}
.video-js,
.video-js .vjs-tech {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}
.vjs-poster {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.vjs-skin-ofa {
  color: #a2a19f;
}
.vjs-skin-ofa .vjs-control-bar {
  background: rgba(255, 255, 255, 0.8);
}
.vjs-skin-ofa .vjs-progress-holder {
  background: #ffffff;
}
.vjs-skin-ofa .vjs-play-progress {
  background: #a2a19f;
}
.vjs-skin-ofa .vjs-load-progress {
  background: rgba(162, 161, 159, 0.15);
}
.vjs-skin-ofa .vjs-big-play-button {
  border-radius: 100%;
  height: 1.5em;
  width: 1.5em;
  background-color: transparent;
  color: #ffffff;
}
.vjs-skin-ofa .vjs-big-play-button {
  margin-top: -0.75em;
  margin-left: -0.75em;
}
.vjs-skin-ofa .vjs-big-play-button:hover {
  color: #a2a19f;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
}
.vjs-skin-ofa.video-js:hover .vjs-big-play-button {
  background-color: transparent;
}
.plugin-videoplayer {
  margin: 15px 0;
}
.plugin-videoplayer--textParent {
  width: 30%;
  max-width: 100%;
  float: left;
  margin: 15px;
}
@media screen and (max-width: 480px) {
  .plugin-videoplayer--textParent {
    width: 100%;
    margin: 15px 0;
  }
}
.veinCheck-container {
  padding: 135px 0;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -26px;
}
.veinCheck-progressbar {
  margin-top: 20px;
  width: 100%;
  height: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.veinCheck-progressbarProgress {
  background: #6e8ea2;
  background: -moz-linear-gradient(top, #6e8ea2 0%, #465e6b 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #6e8ea2), color-stop(100%, #465e6b));
  background: -webkit-linear-gradient(top, #6e8ea2 0%, #465e6b 100%);
  background: -o-linear-gradient(top, #6e8ea2 0%, #465e6b 100%);
  background: -ms-linear-gradient(top, #6e8ea2 0%, #465e6b 100%);
  background: linear-gradient(to bottom, #6e8ea2 0%, #465e6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e8ea2', endColorstr='#465e6b', GradientType=0);
  -webkit-box-shadow: 0 0 10px 2px #a2a19f;
  -moz-box-shadow: 0 0 10px 2px #a2a19f;
  box-shadow: 0 0 10px 2px #a2a19f;
  height: 100%;
  width: 0;
}
.veinCheck-progressbarBubble {
  position: relative;
  background: #fff;
  width: 50px;
  margin-left: -25px;
  margin-top: 15px;
  line-height: 25px;
  text-align: center;
  -webkit-box-shadow: 0 0 18px 1px #8f8f8f;
  -moz-box-shadow: 0 0 18px 1px #8f8f8f;
  box-shadow: 0 0 18px 1px #8f8f8f;
}
.veinCheck-progressbarBubble:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}
.veinCheck-question {
  height: 120px;
}
.veinCheck-questions {
  margin-top: 80px;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.veinCheck-answers {
  list-style: none;
  padding: 0;
}
[class^=veinCheck-result--] {
  display: none;
}
.veinCheck-results {
  margin-top: 80px;
  display: none;
}
.veinCheck-resultSkin {
  display: none;
}
@media (max-width: 1024px) {
  .veinCheck-container {
    padding: 20px 0;
  }
}
.fc-list-heading {
  display: none;
}
.fc-list-view {
  border-style: none;
}
.fc-list-table td {
  border-width: 0;
}
.fc-unthemed .fc-list-empty {
  background-color: transparent;
}
.fc-list-empty {
  vertical-align: top;
}
.fc-scroller {
  height: auto !important;
}
#calendar {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
#calendar .fc-toolbar.fc-header-toolbar {
  padding-top: 10px;
}
#calendar .fc-view-container {
  min-height: 110px;
  padding: 0 30px;
}
#calendar .fc-toolbar button {
  border: 0;
  background: transparent;
  box-shadow: unset;
  font-size: 25px;
  height: auto;
  line-height: 30px;
  color: #346274;
  outline: none;
}
#calendar tr {
  border-top: 1px solid #d5d4d3;
}
#calendar .event-link {
  white-space: nowrap;
}
@media (max-width: 700px), (min-width: 992px) and (max-width: 1350px) {
  #calendar .fc-list-table td {
    display: block;
  }
}
.fc-center button {
  vertical-align: middle;
  color: grey;
  font-size: 1.2em;
}
#filtered-calendar .fc-toolbar {
  display: none;
}
#filtered-calendar table {
  border-collapse: separate;
  border-spacing: 0 30px;
  border: 0;
  padding: 0 15px;
}
#filtered-calendar .fc-view-container {
  transform: translateY(-30px);
}
#filtered-calendar td {
  border: solid 1px;
  padding: 0;
}
#filtered-calendar .fc-view {
  margin-left: -15px;
  margin-right: -15px;
}
#filtered-calendar .event-row {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
#filtered-calendar .event-previewed {
  background-color: #eaeae9;
}
#filtered-calendar .event {
  margin: 8px;
  border: 0;
  padding: 10px 15px 10px 15px;
  font-size: 0.9em;
}
#filtered-calendar .event-title {
  font-size: 1.5em;
  margin: 5px 0;
}
#filtered-calendar .event-image {
  border: 0;
  text-align: center;
  vertical-align: middle;
  width: 130px;
}
#filtered-calendar .fc-list-empty-wrap2 {
  position: relative;
  margin-top: 30px;
}
#filtered-calendar .fc-list-empty-wrap2 .fc-list-empty {
  padding-left: 15px;
  text-align: left;
}
/* This file contains merely CSS rules which can be applied by the user */
.table--borderless {
  max-width: 100% !important;
  border: 0;
}
.table--borderless tr,
.table--borderless td,
.table--borderless th {
  border: 0;
}
.table--lowerLine {
  max-width: 100%;
  border-spacing: 10px 0;
  margin-left: -10px;
  border-collapse: separate;
}
.table--lowerLine tr,
.table--lowerLine td,
.table--lowerLine th {
  border: 0;
}
.table--lowerLine td {
  border-bottom: 1px solid #000000;
}
.table--lowerLine th {
  border-bottom: 2px solid #000000;
  font-family: "Humanist Condensed Bold";
}
/* Filters */
.filter-headline {
  cursor: pointer;
}
.filter-headline:after {
  font-family: "Glyphicons Halflings";
  content: "\e080";
  float: right;
  font-size: 0.8em;
  line-height: 21px;
  color: #a2a19f;
}
.filter-headline[aria-expanded="true"]:after {
  content: "\e114";
}
.filter-headline.filter-set:after {
  display: none;
}
.filter-label {
  display: block;
  font-weight: normal;
  cursor: pointer;
  padding: 2px 5px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  width: 130px;
  padding-right: 10px;
}
.filter-label:hover {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background-color: #d5d4d3;
}
.filter-label.is-active {
  border: solid 1px #000000;
}
.filter-label.is-active:after {
  /* Set the remove-glyphicon */
  line-height: 21px;
  font-size: 10px;
  float: right;
  color: #000000;
}
.filter-input {
  display: none;
}
.filter-deleteAll {
  /* The sidebar has a padding of 10px 30px. This class makes childs "fullwidth" in the sidebar */
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -10px;
  /* To get rid of the sidebars padding */
  margin-top: 20px;
  padding: 20px;
  text-align: center;
  color: #ffffff;
  background-color: #a2a19f;
  font-weight: bold;
  cursor: pointer;
}
.filter-deleteAll .glyphicon {
  margin-right: 5px;
}
.filter-deleteAll--disabled {
  pointer-events: none;
  opacity: 0.5;
}
/* Utilities */
.sidebar-fullwidthChild {
  /* The sidebar has a padding of 10px 30px. This class makes childs "fullwidth" in the sidebar */
  margin-left: -30px;
  margin-right: -30px;
}
hr.sidebar-fullwidthChild {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #EEEEEE;
}
/* ShadowBox */
.shadowBox {
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 30px;
  -webkit-box-shadow: 0 0 20px 2px #bbb;
  -moz-box-shadow: 0 0 20px 2px #bbb;
  box-shadow: 0 0 20px 2px #bbb;
  background-color: white;
}
.shadowBox--noTopShadow {
  -webkit-box-shadow: 0 5px 20px -1px #bbb;
  -moz-box-shadow: 0 5px 20px -1px #bbb;
  box-shadow: 0 5px 20px -1px #bbb;
}
.shadowBox-headline {
  margin: 20px 0;
  color: #a2a19f;
  font-size: 1.27em;
  font-family: "Humanist Condensed Bold";
}
.table-cell-wrap {
  white-space: normal;
}
.table-link > a {
  color: #547a8b !important;
}
.linkGenerator {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -10px;
  margin-top: 10px;
  padding: 20px;
  text-align: center;
  color: #a2a19f;
  background-color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 767px) {
  .center-mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 520px) {
  .downloadFilesTable th:nth-child(4),
  .downloadFilesTable td:nth-child(4),
  .downloadFilesTable th:nth-child(5),
  .downloadFilesTable td:nth-child(5) {
    display: none;
  }
}
.rightsOfUseModal {
  max-height: 100vh;
}
.rightsOfUseModal--scrollArea {
  max-height: calc(100vh - 400px);
  overflow-y: auto;
  border: 1px solid #d5d4d3;
}
.rightsOfUse--label {
  font-weight: bold;
}
.paginate_button {
  display: inline-block;
  text-align: center;
  line-height: 26px;
  border: 2px solid #eaeae9;
  height: 30px;
  width: 30px;
  margin-right: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.paginate_button.current {
  border-color: #a2a19f;
  background-color: #d5d4d3;
}
.paginate_button:hover {
  color: #ffffff;
  background-color: #a2a19f;
  border-color: #a2a19f;
  cursor: pointer;
}
.paginate_button.disabled {
  display: none;
}
.dataTables_paginate {
  display: inline-block;
  padding-left: 20px;
  margin: 20px 0;
  border-radius: 0;
  float: right !important;
}

/****************************************************************************************************************
 *
 * BEGIN OF FONTS
 * 
 * The base for all the fonts is Humanist Condensed.
 * Font faces are defined in fonts.less.
 *
 * FONT WEIGHTS
 */
/*
 * Basic component fonts
 *
 * Starting with headline stuff
 */
/* 
 * Tables
 */
/*
 * Tag Label
 */
/* 
 * Filter
 */
/*
 * Pagination
 */
/*
 * Label
 */
/*
  * Buttons
  */
/*
 * Anchors
 */
/*
 * Body Text
 */
/*
 * FONT SIZES
 */
/*
 * Button font sizes
 */
/*
 * END OF FONTS
 ****************************************************************************************************************/
/*
 * MEDIA QUERIES
 ****************************************************************************************************************/
/*
 * END OF MEDIA QUERIES
 ****************************************************************************************************************/
/****************************************************************************************************************
 *
 * BEGIN OF COLORS
 *
 *
 * Official Ofa brand colors
 */
/*
 * Generics
 */
/*
 * Ofa blues
 */
/*
 * Every product brand has a different main color. 
 */
/*
 * Button colors
 */
/* 
 * textInput variables
 */
/*
 * Input Groups
 */
/*
 * hints
 */
/*
 * placeholder variables
 */
/*
 * textLabel variables
 */
/*
 * Navbar Item
 */
/*
 * Shadow Box
 */
/*
 * Sidetabs
 */
/*
 * keyValue component
 */
/*
 * Message
 */
/*
 * Select Dropdown component
 */
/*
 * Table component
 */
/*
 * Modal Header
 */
/*
 * Hints
 */
/*
 * Login Overlay
 */
/*
 * Horizontal lines
 */
/*
 * Tiles
 */
/*
 * END OF FONTS
 ****************************************************************************************************************/
/****************************************************************************************************************
 *
 * BEGIN OF MEDIA QUERIES
 *
 *
 * Media-Queries used in the project.
 * Use in less files: @media @media--tablet-portrait { .selectEverything{ ... } }
 */
/*
 * Input fields2
 *
 * This file contains all styles for inputs including text, number, radio, checkbox and dropdown.
 * It also contains all styles for labels.
 */
label {
  font-weight: normal;
  /* Override bootstraps label font-weight: bold; */
}
.inputGroup {
  display: block;
}
.inputGroup--inline {
  display: inline-block;
}
.inputGroup--sub {
  margin-top: -30px;
}
.inputGroup-headline {
  font-size: 1.27em;
  color: #a2a19f;
  font-family: "Humanist Condensed Bold";
}
.inputGroup-numberInput,
.inputGroup-textInput,
.inputGroup-textArea {
  background-color: #ffffff;
  border-width: 1px;
  border-color: #a2a19f;
  border-style: solid;
  color: #000000;
  display: inline-block;
  font-family: "Humanist Condensed Light";
  font-size: 1em;
  padding: 3px 6px;
  margin: 18px 0;
  /* 18px = 20px - 1px (border) -1px (padding) */
  line-height: 16px;
}
.inputGroup-numberInput,
.inputGroup-textInput {
  height: 26px;
  width: 200px;
}
.inputGroup-textArea {
  height: 8em;
  width: 90%;
}
.u-patientForm .inputGroup-textInput,
.u-patientForm .inputGroup-numberInput {
  width: 300px;
}
.inputGroup-numberInput {
  width: auto;
}
.inputGroup--firstName-input {
  width: 166px !important;
  /* Patient Create View */
}
.inputGroup--birthday-input {
  width: 40px !important;
  margin-right: 0 !important;
}
/* Patient Create View */
.inputGroup--birthyear-input {
  width: 106px !important;
  margin-right: 0 !important;
}
.inputGroup-textInput--noMargin,
.inputGroup-textInput--noMargin:focus {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}
.inputGroup-textInput--autoWidth {
  width: auto;
}
.inputGroup-textInput--newsletter {
  width: 140px;
  height: 26px;
  vertical-align: top;
  border: 0;
  margin: 0;
}
.inputGroup--postcode-textInput {
  margin-right: 0 !important;
  width: 130px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
.inputGroup--city-textInput {
  margin-right: 0 !important;
  width: 166px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
.inputGroup--street-textInput {
  margin-right: 0 !important;
  width: 206px !important;
  /* Patient Create View */
}
.inputGroup--housenumber-textInput {
  margin-right: 0 !important;
  width: 90px !important;
  /* Patient Create View */
}
.inputGroup--accountPostcode-textInput {
  margin-right: 0 !important;
  width: 105px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
.inputGroup--accountCity-textInput {
  margin-right: 0 !important;
  width: 141px !important;
  /* IMPORTANT! Note this is dependent on the width of inputGroup-textInput (above). */
  /* Both added up (inputGroup--postcode-textInput and inputGroup--city-textInput) + borderWidth*2  should result
   * in the width of inputGroup-textInput. */
}
/* The following inputGroup fields are used in the basket for the custom delivery address on each line */
.inputGroup-basket--firstName,
.inputGroup-basket--lastName {
  width: 188px;
}
.inputGroup-basket--postcode {
  width: 105px;
}
.inputGroup-basket--city {
  width: 271px;
}
.inputGroup-numberInput:focus,
.inputGroup-textInput:focus {
  margin-right: -2px;
  padding-left: 5px;
  padding-right: 5px;
}
.inputGroup-numberInput:focus,
.inputGroup-textInput:focus,
.inputGroup-textArea:focus {
  border-color: #547a8b;
  border-width: 2px;
  outline: 0;
}
.inputGroup-customAddressCheckbox:not(:checked) ~ .inputGroup-customAddressContainer {
  display: none !important;
}
.inputGroup-customAddressCheckbox:checked ~ .inputGroup-customAddressContainer {
  display: block;
}
.inputGroup-textArea:focus {
  padding: 2px 5px;
}
.text-right .inputGroup-numberInput:focus,
.text-right .inputGroup-textInput:focus {
  margin-left: -2px;
  margin-right: 0;
}
.inputGroup-customAddressCheckbox:not(:checked) ~ .u-inlineBlock .select2 {
  opacity: 0.5;
}
.inputGroup-customAddressCheckbox:checked ~ .u-inlineBlock .select2 {
  opacity: 1;
}
.inputGroup-textInput.is-faulty,
.inputGroup-numberInput.is-faulty {
  color: #b0053a;
  border-color: #b0053a;
}
.inputGroup-textLabel {
  color: #000000;
  display: inline-block;
  width: 200px;
  /* IMPORTANT there is a dependency to keyValue-key in the layout!!! */
  font-size: 1em;
  font-family: "Humanist Condensed Light";
  line-height: 20px;
  vertical-align: top;
  margin: 20px 0;
  box-sizing: border-box;
}
.inputGroup-hint {
  font-family: "Humanist Condensed Italic";
}
.inputGroup-input {
  margin: 20px 0;
  display: inline-block;
}
.inputGroup-checkBoxLabel {
  margin-right: 10px;
}
.inputGroup-checkBoxLabel:last-of-type {
  margin-right: 0px;
}
.inputGroup-checkBoxLabel:before {
  content: '';
  background-image: url(d966a58b68573fa04951.png);
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-right: 3px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.inputGroup-checkBoxInput + .inputGroup-checkBoxLabel:before {
  background-position: -5px -101px;
}
.inputGroup-checkBoxInput:checked + .inputGroup-checkBoxLabel:before {
  background-position: -5px -5px;
}
.inputGroup-checkBoxInput {
  display: none;
}
.inputGroup-radioLabel {
  margin-right: 30px;
  margin-bottom: 16px;
}
.inputGroup-radioLabel div {
  font-family: "Humanist Condensed Italic";
}
.inputGroup-radioLabel:last-of-type {
  margin-right: 0;
}
.inputGroup-radioLabel:before {
  content: '';
  background-image: url(d966a58b68573fa04951.png);
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-bottom: -3px;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.inputGroup-radioInput + .inputGroup-radioLabel:before {
  background-position: -4px -218px;
}
.inputGroup-radioInput:checked + .inputGroup-radioLabel:before {
  background-position: -4px -192px;
}
.inputGroup-radioInput {
  display: none;
  pointer-events: none;
}
.inputGroup-radioInput:disabled + .inputGroup-radioLabel,
.inputGroup-radioInput:not(:checked) ~ div > .subChoiceLabel {
  opacity: 0.5;
}
.inputGroup-selectInput {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 2px;
  border-color: #d5d4d3;
  background-color: transparent;
  padding: 5px 35px 5px 5px;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(d966a58b68573fa04951.png);
  background-repeat: no-repeat;
  background-position: right -5px top -151px;
  background-size: 40px;
}
.inputGroup-sizeLabel,
.inputGroup-radioLabel,
.inputGroup-variationLabel,
.inputGroup-gripTopLabel {
  cursor: pointer;
  display: inline-block;
}
.inputGroup-sizeLabel {
  display: inline-block;
  height: 35px;
  min-width: 35px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  border-width: 2px;
  line-height: 31px;
  font-size: 16px;
  border-style: solid;
  text-align: center;
  margin-right: 10px;
  border-color: #a2a19f;
  background-color: #ffffff;
  color: #a2a19f;
  padding: 0 7px;
}
.inputGroup-radioInput:checked + .inputGroup-sizeLabel {
  background-color: #a2a19f;
  color: #ffffff;
}
.inputGroup-errors {
  color: #b0053a;
  font-family: "Humanist Condensed Italic";
  margin-top: -15px;
  margin-left: 205px;
  padding: 0;
  list-style: none;
}
.inputGroup--noInline-errors {
  margin-left: 0;
}
.inputGroup-radioLabel img,
.inputGroup-variationLabel img,
.inputGroup-gripTopLabel img {
  pointer-events: none;
}
.inputGroup-variationLabel,
.inputGroup-gripTopLabel {
  text-align: center;
  border: 2px solid #ffffff;
  padding: 4px 10px;
  vertical-align: top;
}
.inputGroup-gripTopLabel {
  width: 120px;
  display: inline-block;
}
.inputGroup-gripTopLabel img {
  max-width: 100px;
  height: 70px;
}
.inputGroup-radioInput:checked + .inputGroup-variationLabel,
.inputGroup-radioInput:checked + .inputGroup-gripTopLabel {
  border: 2px solid #a2a19f;
}
.inputGroup-additionalLabel {
  font-family: "Humanist Condensed Italic";
  color: #a2a19f;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 20px;
  margin-left: -40px;
}
/*
 * Sometimes label and input are not inline
 * Use inputGroup--noInline-textInput for that.
 */
.inputGroup-textInput.u-noInline {
  display: block;
  margin: 5px 0;
}
.inputGroup-textLabel.u-noInline {
  display: block;
  margin-bottom: 0;
}
.inputGroup-errors.u-noInline {
  margin-left: 0;
  margin-top: 5px;
}
/*
 * Button for input-files
 * Checkout the button in the image_field.html as an example for html + JS(!).
 */
.inputfile-button {
  width: 0.1px;
  height: 0.1px;
  visibility: hidden;
  overflow: hidden;
}
.inputfile-button + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.textInput--supplementProduct {
  width: 50px;
}
.inputGroup-amountInput {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.inputGroup-helptext {
  margin-top: -17px;
}
/*
 * Some input specific utilities
 */
.inputGroup-checkBoxInput + label + .inputGroup-reason {
  display: none;
}
.inputGroup-checkBoxInput:checked + label + .inputGroup-reason {
  display: block;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type="text"]:disabled,
input[type="number"]:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}
/*
 * PLACEHOLDER
 */
::-webkit-input-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
::-moz-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
:-ms-input-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
input:-moz-placeholder {
  color: #a2a19f;
  font-family: "Humanist Condensed Italic";
}
@media (max-width: 1400px) {
  .inputGroup-gripTopLabel {
    width: 110px;
  }
  .inputGroup-gripTopLabel img {
    max-width: 80px;
    height: 50px;
  }
}
@media (max-width: 1280px) {
  .input-search {
    width: 120px;
  }
  .inputGroup-textInput--newsletter {
    width: 125px;
  }
}
.productionNumberInput-input {
  font-size: 18px;
  width: 140px !important;
  height: 25px !important;
}
.select2-search {
  display: none;
}
.selection:focus,
.select2-container:focus,
.select2-selection:focus {
  outline: 0;
}
.select2-dropdown,
.select2-container--default .select2-selection--single {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
}
.select2-container .select2-selection--single {
  height: 26px;
  margin-top: -2px;
}
.select2-container--default .select2-selection--single {
  border-color: #a2a19f;
}
.select2-container--focus .select2-selection--single {
  border-color: #547a8b;
  border-width: 2px;
}
.select2-dropdown,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #547a8b;
  border-width: 2px;
  z-index: 20000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  height: 26px;
  width: 28px;
  background-image: url(d966a58b68573fa04951.png);
  background-position: -5px -156px;
  position: relative;
  display: block;
  top: 0;
  right: 0;
  left: auto;
  margin: 0;
}
.select2-container--focus .select2-selection--single .select2-selection__arrow b {
  background-position: -5px -126px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single b {
  background-position: -5px -126px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  width: 28px;
  top: -2px;
  right: 0;
}
.select2-results {
  -webkit-box-shadow: 0 5px 20px 2px #bbb;
  -moz-box-shadow: 0 5px 20px 2px #bbb;
  box-shadow: 0 5px 20px 2px #bbb;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eaeae9;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #d5d4d3;
  color: #000000;
}
.select2-results__option[aria-selected]:hover {
  background-color: #d5d4d3;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000;
  line-height: 25px;
  padding-right: 25px;
  padding-left: 8px;
}
.select2-container--focus .select2-selection--single .select2-selection__rendered {
  line-height: 23px;
  padding-left: 7px;
}
.select2-container.is-faulty {
  border: 1px solid #b0053a;
}
/* Different widths for dropdowns */
.u-w80 > .select2-container {
  width: 80px !important;
}
.u-w90 > .select2-container {
  width: 90px !important;
}
.u-w100 > .select2-container {
  width: 100px !important;
}
.u-w130 > .select2-container {
  width: 130px !important;
}
.u-w150 > .select2-container {
  width: 150px !important;
}
.u-w200 > .select2-container {
  width: 200px !important;
}
.u-w250 > .select2-container {
  width: 250px !important;
}
.u-w300 > .select2-container {
  width: 300px !important;
}
.u-w380 > .select2-container {
  width: 380px !important;
}
.u-w400 > .select2-container {
  width: 400px !important;
}
/* Widths that adapt according to screen size */
.u-w350A > .select2-container {
  width: 200px !important;
}
@media (min-width: 768px) {
  .u-w350A > .select2-container {
    width: 300px !important;
  }
}
@media (min-width: 992px) {
  .u-w350A > .select2-container {
    width: 350px !important;
  }
}
.u-w100P > .select2-container {
  max-width: 100% !important;
  width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--focus .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin: 0;
}
/****************************************************************************************************************
 *
 * BEGIN OF FONTS
 *
 * The base for all the fonts is Humanist Condensed.
 * Font faces are defined in fonts.less.
 *
 * FONT WEIGHTS
 */
/*
 * FONT SIZES
 */
/*
 * MEDIA QUERIES
 ****************************************************************************************************************/
/*
 * END OF MEDIA QUERIES
 ****************************************************************************************************************/
/****************************************************************************************************************
 *
 * BEGIN OF COLORS
 *
 *
 * Official Ofa brand colors
 */
/*
 * Generics
 */
/*
 * Ofa blues
 */
/*
 * Every product brand has a different main color.
 */
/*
 * FONT FACES
 *
 * All fonts are defined in this file. Never define a new font anywhere else in the project.
 * Always use TTF, WOFF, EOT and SVG files to ensure cross browser compatibility.
 */
@font-face {
  font-family: 'Humanist Condensed Light';
  src: url(88917ceee3663696f409.eot);
  /* IE9 */
  src: url(88917ceee3663696f409.eot?#iefix) format('embedded-opentype'), url(7af82e7d5d7dca50ee7e.woff) format('woff'), url(6e79144f92df185487b5.ttf) format('truetype'), url(1a29540c7c6a7506379b.svg) format("svg");
}
@font-face {
  font-family: "Humanist Condensed Bold";
  src: url(9f3356e7f7ee194cbd1b.eot);
  /* IE9 */
  src: url(9f3356e7f7ee194cbd1b.eot?#iefix) format('embedded-opentype'), url(31c40b8ccccd636c0d19.woff) format('woff'), url(c066f8b4c1884219e65e.ttf) format('truetype'), url(41d7b65cb6358682bc9e.svg) format("svg");
}
@font-face {
  font-family: "Humanist Condensed Italic";
  src: url(39ef0a303379dd748e8e.eot);
  /* IE9 */
  src: url(39ef0a303379dd748e8e.eot?#iefix) format('embedded-opentype'), url(87dee3a7202eb1b7f08c.woff) format('woff'), url(14ee6b26d4a531143f66.ttf) format('truetype'), url(b67cd2f568acbc544f77.svg) format("svg");
}
@font-face {
  font-family: 'AGaramondPro-Italic';
  src: url(1813b9da9327b3a2160e.eot?#iefix) format('embedded-opentype'), url(9a84e6aa05d16babfc5f.otf) format('opentype'), url(7c61321828595b720d27.woff) format('woff'), url(d4b6a972db4e1273870d.ttf) format('truetype'), url(6d8feb38ab9e95c11a50.svg#AGaramondPro-Italic) format('svg');
  font-weight: normal;
  font-style: normal;
}
.ofa-dropShadow-default {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.ofa-dropShadow-hover {
  -webkit-box-shadow: 0 0 30px 8px #bcbbb9;
  -moz-box-shadow: 0 0 30px 8px #bcbbb9;
  box-shadow: 0 0 30px 8px #bcbbb9;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.tab-shadow {
  -webkit-box-shadow: 0 0 29px 2px #bcbbb9;
  -moz-box-shadow: 0 0 29px 2px #bcbbb9;
  box-shadow: 0 0 29px 2px #bcbbb9;
}
.tab-shadow--active {
  -webkit-box-shadow: 0 0 29px 2px #b8b8b5;
  -moz-box-shadow: 0 0 29px 2px #b8b8b5;
  box-shadow: 0 0 29px 2px #b8b8b5;
}
.ofa-dropShadowBlue-default {
  -webkit-box-shadow: 0 0 18px 2px #97aeba;
  -moz-box-shadow: 0 0 18px 2px #97aeba;
  box-shadow: 0 0 18px 2px #97aeba;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.ofa-dropShadowBlue-hover {
  -webkit-box-shadow: 0 0 30px 8px #7694a4;
  -moz-box-shadow: 0 0 30px 8px #7694a4;
  box-shadow: 0 0 30px 8px #7694a4;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
/*doc
---
title: Tabs
name: tabs
category: Basics
---

Tabs are used to create a more compact rendering of complex content.


```html_example
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active"><a href="#tab-1" aria-controls="content1" role="tab" data-toggle="tab">Home</a></li>
  <li role="presentation"><a href="#tab-2" aria-controls="content2" role="tab" data-toggle="tab">Info</a></li>
  <li role="presentation"><a href="#tab-3" aria-controls="content3" role="tab" data-toggle="tab">Exit</a></li>
</ul>

<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab-1">
    Some content
  </div>
  <div role="tabpanel" class="tab-pane" id="tab-2">
    Some other content
  </div>
  <div role="tabpanel" class="tab-pane" id="tab-3">
    Some more other content
  </div>
</div>
```
Every tab is represented by an `<li>` element within the `.nav-tabs` list and an `<div class="tab-pane">` element
 containing the content for the corresponding tab. Tab are linked via `<a>` element within the `<li>` element.
 The `href` attribute of the `<a>` element contains the id of a `.tab-pane` prefixed with a `#`. The `aria-controls`
 attribute helps disabled users to navigate the page and understand tabs. `data-toggle="tab"` is necessary for
 bootstrap's Javascript to make this element an interactive tab.

*/
.nav-tabs {
  margin-top: 30px;
  border: 0;
  margin-bottom: 30px;
}
.nav-tabs > li:before {
  content: none !important;
}
.nav-tabs > li {
  flex-grow: 1;
}
.nav-tabs > li {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.nav-tabs > li.active {
  -webkit-box-shadow: 0 0 18px 2px #d1d1cf;
  -moz-box-shadow: 0 0 18px 2px #d1d1cf;
  box-shadow: 0 0 18px 2px #d1d1cf;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.nav-tabs > li > a {
  background-color: #eaeae9;
  border: 0;
  color: #000000;
  padding: 15px 30px;
  margin-right: 0;
  text-align: center;
  text-decoration: none;
  z-index: 100;
  white-space: nowrap;
}
.nav-tabs > li.active > a {
  border: 0;
  font-family: "Humanist Condensed Bold";
  z-index: 200;
  -webkit-box-shadow: 0 0 29px 2px #b8b8b5;
  -moz-box-shadow: 0 0 29px 2px #b8b8b5;
  box-shadow: 0 0 29px 2px #b8b8b5;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  padding-bottom: 12px;
}
.nav-tabs > li:not(:last-child) > a,
.nav-tabs > li.active:not(:last-child) > a {
  border-right: 1px solid #d5d4d3;
}
.nav-tabs--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.tab-content {
  margin-bottom: 30px;
  padding: 0;
}
.breadrumbs {
  background-color: #b6c6ce;
  color: #033343;
}
.breadrumbList {
  list-style: none;
  margin-bottom: 0;
  padding: 7px 0;
}
.breadrumbList-item {
  font-size: 0.8em;
  display: inline-block;
  margin-right: 10px;
}
.breadrumbList-item:not(:last-child):after {
  content: '>';
  margin-left: 10px;
  text-decoration: none;
}
.breadrumbList-item > .is-active {
  font-family: "Humanist Condensed Bold";
}
.breadrumbList-item > a {
  color: #033343;
  text-decoration: none;
}
.breadrumbList-item > a:hover {
  text-decoration: underline;
}
.btn {
  border-radius: 0px !important;
}
.breadrumbs {
  margin-bottom: 20px !important;
}
#machina-forum {
  flex: 1 0 auto;
  /*** Borders ***/
  /*** Colors ***/
  /*** Buttons ***/
  /*** No blue glow ***/
  /*** Overrides ***/
}
#machina-forum input[type="text"],
#machina-forum input[type="search"],
#machina-forum select,
#machina-forum .breadcrumb,
#machina-forum .editor-toolbar,
#machina-forum .CodeMirror {
  border-color: #a2a19f !important;
  border-radius: 0px !important;
}
#machina-forum .alert,
#machina-forum .panel,
#machina-forum .panel-heading,
#machina-forum .panel-body,
#machina-forum .nav-tabs > li > a,
#machina-forum .dropdown-menu,
#machina-forum .select2-container .select2-selection--single,
#machina-forum .select2-container .select2-selection--multiple {
  border-radius: 0px !important;
}
#machina-forum .breadcrumb,
#machina-forum .panel-heading,
#machina-forum .navbar-default,
#machina-forum .panel-default > .panel-heading {
  background-color: #d5d4d3;
}
#machina-forum a {
  color: #547a8b !important;
}
#machina-forum .btn {
  background-color: #547a8b !important;
  border-color: #547a8b !important;
  border-radius: 0px !important;
  color: #fff !important;
}
#machina-forum .btn:hover {
  background-color: #346274 !important;
  border-color: #346274 !important;
}
#machina-forum .btn-secondary {
  background-color: #a2a19f !important;
  border-color: #a2a19f !important;
}
#machina-forum .btn-secondary:hover {
  background-color: #a2a19f !important;
  border-color: #a2a19f !important;
}
#machina-forum .btn-search {
  margin: 0px;
}
#machina-forum .btn-margin-left {
  margin-left: 10px;
  margin-right: 0px;
}
#machina-forum .btn-margin-right {
  margin-left: 0px;
  margin-right: 10px;
}
#machina-forum textarea:hover,
#machina-forum textarea:focus,
#machina-forum textarea:active,
#machina-forum input:hover,
#machina-forum input:focus,
#machina-forum input:active,
#machina-forum select:hover,
#machina-forum select:focus,
#machina-forum select:active,
#machina-forum button:hover,
#machina-forum button:focus,
#machina-forum button:active,
#machina-forum label:focus,
#machina-forum .btn:active,
#machina-forum .btn.active {
  border-color: #a2a19f !important;
  box-shadow: none !important;
  outline: none !important;
}
#machina-forum .checkbox label,
#machina-forum .radio label {
  padding-left: 0px;
}
#machina-forum .input-group-btn {
  font-size: 14px;
}
#machina-forum .form-search {
  font-size: 15px;
  height: 36px;
}
#machina-forum .pagination {
  margin: 0 !important;
}
#machina-forum .forumlist .panel-body .forum-icon:not(.unread),
#machina-forum .topiclist .panel-body .topic-icon:not(.unread) {
  color: #346274;
}
#machina-forum #id_enable_signature:disabled + label {
  opacity: 0.3;
}
#machina-forum .image-preview {
  display: none;
  max-height: 150px;
  max-width: 150px;
}
#machina-forum .image-attachment {
  display: block;
}
#machina-forum .forum-name-link,
#machina-forum .topic-name,
#machina-forum .post-content {
  font-size: 17.7833px;
}
#machina-forum .forum-description {
  font-size: 14px;
}
.nav-link,
.navbar {
  padding: 0 !important;
}
.navbar-nav {
  flex-direction: unset !important;
}
.navbar > .container,
.navbar > .container-fluid {
  display: block !important;
}
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: FontAwesome;
  src: url(7f77840e46fa6103b494.eot?v=4.5.0);
  src: url(7f77840e46fa6103b494.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(af6df524c7d052f637e3.woff2?v=4.5.0) format('woff2'), url(b09f4960e5ffa8e0ef92.woff?v=4.5.0) format('woff'), url(bfcf94e00816b7cfccc7.ttf?v=4.5.0) format('truetype'), url(85248e128ebce905c08a.svg?v=4.5.0#fontawesomeregular) format('svg');
  font-weight: 400;
  font-style: normal;
}
.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.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.fa-pull-right,
.fa.pull-right {
  margin-left: 0.3em;
}
.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: 0.08em solid #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.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(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  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 {
  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-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  filter: none;
}
.fa-stack {
  position: relative;
  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;
}
.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-close:before,
.fa-remove: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-cog:before,
.fa-gear: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-repeat:before,
.fa-rotate-right: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-image:before,
.fa-photo: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-exclamation-triangle:before,
.fa-warning: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-cogs:before,
.fa-gears: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-floppy-o:before,
.fa-save:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder: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-sort:before,
.fa-unsorted:before {
  content: "\f0dc";
}
.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-bolt:before,
.fa-flash:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-clipboard:before,
.fa-paste: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-chain-broken:before,
.fa-unlink: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-caret-square-o-down:before,
.fa-toggle-down:before {
  content: "\f150";
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: "\f151";
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: "\f152";
}
.fa-eur:before,
.fa-euro:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-inr:before,
.fa-rupee:before {
  content: "\f156";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: "\f157";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: "\f158";
}
.fa-krw:before,
.fa-won: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-caret-square-o-left:before,
.fa-toggle-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-try:before,
.fa-turkish-lira: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-bank:before,
.fa-institution:before,
.fa-university:before {
  content: "\f19c";
}
.fa-graduation-cap:before,
.fa-mortar-board: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: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-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: "\f1c5";
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: "\f1c6";
}
.fa-file-audio-o:before,
.fa-file-sound-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-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-empire:before,
.fa-ge:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-paper-plane:before,
.fa-send:before {
  content: "\f1d8";
}
.fa-paper-plane-o:before,
.fa-send-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-futbol-o:before,
.fa-soccer-ball-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-ils:before,
.fa-shekel:before,
.fa-sheqel: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-bed:before,
.fa-hotel:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-y-combinator:before,
.fa-yc: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-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-paper-o:before,
.fa-hand-stop-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-television:before,
.fa-tv: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";
}
.post .panel-body .post-sidebar,
.topic-review .panel-body .post-review .post-sidebar {
  border-left: 1px solid #eee;
}
.forumlist .panel-body .forum-image img,
.pagination-block {
  vertical-align: middle;
}
.member-posts .post .panel-body .post-content-wrapper h4.subject a:focus,
.member-posts .post .panel-body .post-content-wrapper h4.subject a:hover,
.post .panel-body .post-content-wrapper h4.subject a:focus,
.post .panel-body .post-content-wrapper h4.subject a:hover {
  text-decoration: none;
}
.navbar-fixed-top-spacing {
  height: 90px;
}
.navbar.machina-navbar .navbar-form .input-group {
  width: 100%;
}
#main_container {
  margin-bottom: 40px;
}
#main_container .controls-link-wrapper {
  margin-top: -20px;
  padding-top: 9px;
}
.preview .post-preview .post-content-wrapper hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.post-edit {
  margin-bottom: 8px;
}
.post-edit form .wmd-panel {
  margin: 0;
  width: 100%;
}
.post-edit form #poll_formset .poll-option-form div.checkbox {
  margin-top: 6px;
}
.post-edit form #attachment_formset .attachments-title {
  margin-bottom: 10px;
}
.post-edit form #attachment_formset .attachment-form div.checkbox {
  margin-top: 30px;
}
.post-delete {
  margin-top: 15px;
  margin-bottom: 8px;
}
.post-delete .warning-message {
  margin-bottom: 10px;
}
.topic-review .panel-body {
  max-height: 300px;
  overflow-y: scroll;
}
.topic-review .panel-body .post-review {
  padding: 8px 0;
  border-bottom: 3px solid #eee;
}
.topic-review .panel-body .post-review .post-content-wrapper h4.subject {
  margin: 0;
}
.topic-review .panel-body .post-review .post-content-wrapper .attachments .attachments-title {
  margin-top: 10px;
  display: inline-block;
  border-bottom: 1px solid #999;
}
.topic-review .panel-body .post-review .post-content-wrapper .attachments .attachment {
  margin-top: 4px;
}
.topic-review .panel-body .post-review .post-content-wrapper .attachments .attachment p {
  margin: 0;
}
.pagination-block {
  text-align: right;
}
.pagination-block .pagination {
  margin: 4px 0;
  float: right;
}
.topic-actions-block {
  position: relative;
  z-index: 2;
  padding-top: 3px;
  padding-bottom: 9px;
}
.topic-actions-block .moderation-dropdown {
  margin-left: 4px;
  display: inline-block;
}
.topic-actions-block .btn-subscription {
  margin-left: 4px;
}
.post {
  margin-bottom: 8px;
}
.post .panel-body .post-content-wrapper h4.subject {
  margin: 0;
}
.post .panel-body .post-content-wrapper h4.subject:hover a {
  display: inline-block;
}
.post .panel-body .post-content-wrapper h4.subject a {
  display: none;
}
.post .panel-body .post-content-wrapper .attachments .attachments-title {
  margin-top: 10px;
  display: inline-block;
  border-bottom: 1px solid #999;
}
.post .panel-body .post-content-wrapper .attachments .attachment {
  margin-top: 4px;
}
.post .panel-body .post-content-wrapper .attachments .attachment p {
  margin: 0;
}
.post .panel-body .post-content-wrapper .post-signature {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  border-top: 1px dashed #eee;
}
.post .panel-body .post-sidebar .avatar {
  margin-bottom: 6px;
  width: 100%;
}
.poll {
  margin-bottom: 8px;
}
.poll .panel-body .poll-content-wrapper h4.question {
  margin: 0;
}
.poll .panel-body .poll-content-wrapper hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.poll .panel-body .poll-content-wrapper .poll-options {
  margin-top: 16px;
}
.poll .panel-body .poll-content-wrapper .poll-options .checkbox,
.poll .panel-body .poll-content-wrapper .poll-options .radio {
  margin: 0;
}
.pagination-block .mark-topics-read {
  padding: 8px 12px;
  float: right;
}
.forum-actions-block {
  position: relative;
  z-index: 2;
  padding-top: 3px;
  padding-bottom: 9px;
}
.forum-actions-block p {
  margin: 0;
  padding: 6px 12px;
}
.topiclist {
  margin-bottom: 6px;
}
.topiclist .panel-heading {
  padding: 10px 0 8px;
}
.topiclist .panel-heading .panel-row {
  margin: 0;
}
.topiclist .panel-heading .topic-count-col {
  text-align: center;
}
.topiclist .panel-heading .topic-count-col,
.topiclist .panel-heading .topic-last-post-col {
  font-size: 13px;
  text-transform: uppercase;
  color: #555;
}
.topiclist .panel-body {
  padding: 0;
}
.topiclist .panel-body .panel-row {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.topiclist .panel-body .topic-icon {
  position: relative;
  padding-left: 5px;
  padding-right: 20px;
  width: 50px;
  text-align: center;
  color: #3497ff;
}
.topiclist .panel-body .topic-icon.unread {
  color: #dc4e44;
}
.topiclist .panel-body .topic-name .topic-created,
.topiclist .panel-body .topic-name .topic-inline-pagination {
  font-size: 11px;
  color: #666;
}
.topiclist .panel-body .topic-name .topic-inline-pagination {
  padding-top: 6px;
}
.topiclist .panel-body .topic-name .locked-indicator {
  color: #9d261d;
}
.topiclist .panel-body .topic-count {
  text-align: center;
}
.topiclist .panel-body .topic-count,
.topiclist .panel-body .topic-last-post {
  font-size: 13px;
}
.forumlist-top-controls {
  padding-bottom: 9px;
}
.forumlist-top-controls p {
  margin: 0;
  padding: 6px 12px;
}
.forumlist .panel-heading {
  padding: 10px 0 8px;
}
.forumlist .panel-heading .panel-row {
  margin: 0;
}
.forumlist .panel-heading .forum-count-col {
  text-align: center;
}
.forumlist .panel-heading .forum-count-col,
.forumlist .panel-heading .forum-last-post-col {
  font-size: 13px;
  text-transform: uppercase;
  color: #555;
}
.forumlist .panel-body {
  padding: 0;
}
.forumlist .panel-body .panel-row {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.forumlist .panel-body .forum-icon {
  padding-left: 5px;
  padding-right: 20px;
  width: 50px;
  height: 45px;
  line-height: 49px;
  text-align: center;
  color: #3497ff;
}
.forumlist .panel-body .forum-icon.unread {
  color: #dc4e44;
}
.forumlist .panel-body .forum-icon.link {
  color: #999;
}
.forumlist .panel-body .forum-image {
  padding-right: 10px;
  height: 70px;
  line-height: 70px;
}
.forumlist .panel-body .forum-name .forum-description {
  font-size: 11px;
}
.forumlist .panel-body .forum-name .sub-forums {
  font-size: 12px;
}
.forumlist .panel-body .forum-count,
.forumlist .panel-body .forum-syndication {
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.forumlist .panel-body .forum-last-post {
  padding-top: 5px;
}
.forumlist .panel-body .forum-count,
.forumlist .panel-body .forum-last-post,
.forumlist .panel-body .forum-link-redirects {
  font-size: 13px;
}
.member-posts .post {
  margin-bottom: 8px;
}
.member-posts .post .panel-body .post-content-wrapper h4.subject {
  margin: 0;
}
.member-posts .post .panel-body .post-content-wrapper h4.subject a {
  display: inline-block;
}
.profile-sidebar .panel {
  override: hidden;
}
.profile-sidebar .panel .profile-avatar .avatar.empty {
  height: 150px;
  background: #eee;
  text-align: center;
  display: inline-block;
}
.profile-sidebar .panel .profile-avatar .avatar.empty i.fa {
  margin-top: 50px;
}
.profile-sidebar .panel .profile-avatar .avatar {
  width: 100%;
}
.recent-posts .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.recent-posts .panel-body .post {
  margin-bottom: 0;
  padding-top: 10px;
  border-bottom: 4px solid #eee;
}
.recent-posts .panel-body .post .post-title {
  font-size: 16px;
}
.member-profile-edit form .wmd-panel {
  margin: 0;
  width: 100%;
}
.topic-delete,
.topic-lock,
.topic-move,
.topic-unlock,
.topic-update-type {
  margin-top: 15px;
  margin-bottom: 8px;
}
.topic-delete .warning-message,
.topic-lock .warning-message,
.topic-move .warning-message,
.topic-unlock .warning-message,
.topic-update-type .warning-message {
  margin-bottom: 10px;
}
.postmoderationlist {
  margin-bottom: 6px;
}
.postmoderationlist .panel-heading {
  padding: 10px 0 8px;
}
.postmoderationlist .panel-heading .panel-row {
  margin: 0;
}
.postmoderationlist .panel-heading .moderation-col {
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  color: #555;
}
.postmoderationlist .panel-body .post-name .post-created,
.resultslist .panel-body .post-name .post-created {
  font-size: 11px;
  color: #666;
}
.postmoderationlist .panel-body {
  padding: 0;
}
.postmoderationlist .panel-body .panel-row {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.postmoderationlist .panel-body .forum-name,
.postmoderationlist .panel-body .topic-name {
  text-align: center;
}
.postmoderationlist .panel-body .forum-name a,
.postmoderationlist .panel-body .topic-name a {
  margin-top: 3px;
  display: inline-block;
}
.postmoderationlist .panel-body .post-mark {
  text-align: center;
}
.postmoderationlist .panel-body .post-mark input {
  margin-top: 5px;
  display: inline-block;
}
.resultslist {
  margin-bottom: 6px;
}
.resultslist .panel-heading {
  padding: 10px 0 8px 14px;
}
.resultslist .panel-body {
  padding: 0;
}
.resultslist .panel-body table.table {
  margin: 0 auto;
}
.resultslist .panel-body table.table td {
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle !important;
}
.resultslist .panel-body table.table td.post-name {
  width: 40%;
}
.resultslist .panel-body table.table td.post-content {
  width: 60%;
}
.resultslist .panel-body .post-content .highlighted {
  font-weight: 700;
}
.dropdown-toggle::after {
  display: none;
}
.topic-actions-block .moderation-dropdown.show {
  display: inline-block !important;
}
@media (min-width: 768px) {
  .form-inline .input-group > .form-control {
    width: auto !important;
  }
}
#machina-forum .input-group-btn {
  display: inline-block;
}
.navbar .container-fluid {
  display: block !important;
}


/*# sourceMappingURL=portal.420d027dd4b6f2c8c836.css.map*/