html {font-family: "Avenir Next", sans-serif;}
body {margin: 0; font-size: 18px; background-color: #000;   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/************************************************
Fonts
************************************************/
.rockwell {font-family: "rockwell", sans-serif;
font-weight: 400; font-style: normal;}
.avenir {font-family: "Avenir Next", sans-serif;}
.baga {font-family: "Baga", sans-serif;
font-weight: medium; font-style: normal;}
.hossroundslab {font-family: "hoss-round-slab", sans-serif;
font-weight: normal; font-style: normal;}




.FBmodalRC .bigtext {font-size: 2.8vw; margin-bottom: 10px;}
.bigtext {font-size: 3.3vw; margin-bottom: 10px;}

.hugetext {font-size: 4.1vw; margin-bottom: 10px;}

/************************************************
Character Styles (span) and Colors
************************************************/
.regweight {font-weight: normal;}
.lighter {font-weight: lighter;}
.italic {font-style: italic;}
.center {text-align: center;}
.left {text-align: left;;}
.right {text-align: right;}
.smaller {font-size: smaller;}
.bigger {font-size: larger; line-height: 1;}
.xlh {line-height: 1.5;}
.menoslh {line-height: 0.8;}
.lefttxt {text-align: left;}
.stress {font-style: italic; font-weight: bolder;}
.bold {font-weight:bold;}
.little {font-size: smaller;}
.spacer {margin-top: 20px;}
.spacer50 {margin-top: 50px;}
.leftindent {margin-left: 20px;}
.rightindent {margin-right: 20px;}
.spacedouttext {letter-spacing: 1.5px;}
.underline {text-decoration-line: underline;}

/* colored text */
.green {color: var(--legupgreen);}
.pink {color: var(--leguppink);}
.blue {color: var(--beneblue);}
.orange {color: var(--beneorange);}
.purple {color: var(--benepurple);}
.brown {color: var(--benebrown);}
.white {color: #fff;}
.txtcolorinherit {color: inherit;}
.bb_multiply {color: var(--benebluemultiply)}
.bo_multiply {color: var(--beneorangemultiply)}
.bag_multiply {color: var(--BAgreenmultiply)}
.lug_multiply {color: var(--legupgreenmultiply)}



/************************************************
Anchor Styles
************************************************/

a.stickycompensate {display: block; position: relative; top: -50px;}

/************************************************
FB Paragraph Styles
************************************************/
.FBh1 {font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 4.6vw;
  line-height: 1.4;
  text-align: left;
  width: 100%;
  letter-spacing: 0.04166667vw;
}

.FBh2 {font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 3.6vw;
  line-height: 1.4;
  margin-bottom: 20px;
  text-align: left;
  width: 100%;
  letter-spacing: 0.04166667vw;
}

.FBh3 {font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 2.5vw;
  line-height: 1.2;
  margin-top: 10px;
  text-align: left;
  letter-spacing: 0.04166667vw;
}

.FB421 .FBh1, .FB321 .FBh1, .FB221 .FBh1  {font-size: 3.6vw;}
.FB421 .FBunit .FBh2, .FB321 .FBunit .FBh2, .FB221 .FBunit .FBh2  {font-size: 3vw;}
.FB421 .FBh3, .FB321 .FBh3, .FB221 .FBh3 {font-size: 2.5vw;}



.FBtext {
  font-family: "Avenir Next", sans-serif;
  font-weight: normal;
  font-size: 1.8vw;
  line-height: 1.6;
  text-align: left;
}

.FBh3Tagline {font-size: 2vw; font-weight: lighter; font-style: italic; margin-bottom: 10px;}


/* Underline (Bottom Border) */
.bb {border-bottom: 2px solid; border-radius: 0px;}
.FBh1.bb {border-bottom: 4px solid;}
.FBh2.bb {border-bottom: 3px solid;}
.FBh3.bb {border-bottom: 2px solid;}
.TFrow.bb {border-bottom: 1px solid;}


/* Overline (Bottom Border) */
.bt {border-top: 2px solid;}
.FBh1.bt {border-top: 4px solid;}
.FBh2.bt {border-top: 3px solid;}
.FBh3.bt {border-top: 2px solid;}
.TFrow.bt {border-top: 1px solid;}




/* Exceptions */
.flex-tabs label .FBh3 {text-align: center; padding: 0px 10px 0px 10px;}
.FB421 .FBh3 {font-size: 2.3vw;}
.FBteam .FBh3 {font-size: 2vw;}
.FBteam .FBtext {font-size: 1.6vw; line-height: 1.6;}
.FBh3.light {font-weight: normal;}
.FBh2 + .FBtext {margin-top: 0px;}
.FBh3 + .FBtext {margin-top: 7px;}
.FBh3.xtraspace {margin-top: 30px;}
.FBh3.xtraspace + .FBtext {margin-top: 10px;}
.FBh2 + .FBh3 {margin-top: -5px;}
.tight {letter-spacing: calc(-0.133vw);}
.spacey {letter-spacing: calc(0.133vw);}
.normalspace {letter-spacing: normal;}
.FBh2.nobm {margin-bottom: 0px;}

.bm {margin-bottom: 10px;}

.imgbox ~ .FBh3 {margin-top: 0px;}


/************************************************
FB Color Styling
************************************************/
/* text color depending on container background color */
.extralightleguppinkBG .ct, .secondarylightBG .ct, .pinkTXT {color: var(--leguppink); text-decoration-color: var(--leguppink);}
.lightlegupgreenBG .ct, .extralightlegupgreenBG .ct, .greenTXT {color: var(--legupgreen); text-decoration-color: var(--legupgreen);}
.mildorangeBG .ct, .lightorangeBG .ct, .orangeTXT {color: var(--beneorange); text-decoration-color: var(--beneorange);}
.extralightbeneblueBG .ct, .blueTXT {color: var(--beneblue); text-decoration-color: var(--beneblue); }
.extralightpurpleBG .ct, .purpleTXT {color: var(--benepurple); text-decoration-color: var(--benepurple);}
.extralightBAgreenBG .ct {color: var(--BAgreen); text-decoration-color: var(--BAgreen);}



/* bottom border color depending on container background color */
.extralightleguppinkBG .bb, .secondarylightBG .bb {border-color: var(--leguppink);}
.lightlegupgreenBG .bb, .extralightlegupgreenBG .bb {border-color: var(--legupgreen);}
.mildorangeBG .bb, .lightorangeBG .bb {border-color: var(--beneorange);}
.lightbeneblueBG .bb, .extralightbeneblueBG .bb {border-color: var(--beneblue);}
.extralightpurpleBG .bb {border-color: var(--benepurple);}
.extralightBAgreenBG .bb {border-color: var(--BAgreen);}

/* bottom border color depending on container background color for Multiply borders*/

.extralightleguppinkBG .bb.multiply, .secondarylightBG .bb.multiply {border-color: var(--leguppinkmultiply);}
.lightlegupgreenBG .bb.multiply, .extralightlegupgreenBG .bb.multiply {border-color: var(--legupgreenmultiply);}
.mildorangeBG .bb.multiply, .lightorangeBG .bb {border-color: var(--beneorangemultiply);}
.lightbeneblueBG .bb.multiply, .extralightbeneblueBG .bb.multiply {border-color: var(--benebluemultiply);}
.extralightpurpleBG .bb.multiply, .lightpurpleBG .bb.multiply {border-color: var(--benepurplemultiply);}
.extralightBAgreenBG .bb.multiply {border-color: var(--BAgreenmultiply);}




/* underline color dependent on wrapper BG color */
.extralightleguppinkBG a, .secondarylightBG a {text-decoration-color: var(--leguppink);}
.lightlegupgreenBG a, .extralightlegupgreenBG a {text-decoration-color: var(--legupgreen);}
.mildorangeBG a, .lightorangeBG a {text-decoration-color: var(--beneorange);}
.extralightbeneblueBG a {text-decoration-color: var(--beneblue);}

/* text underline for links when mouse-over */
a:hover {text-decoration: underline;}
.hul:hover {text-decoration: underline;}


/************************************************
Topster, Footer and Review Text Styles
************************************************/
.baselineshift {position: relative; bottom: 4px;}
.reviewtext {font-weight: lighter; font-style: italic; margin: 0px 0px 0px 20px;}
.signature {text-align: right; font-style: italic; font-weight: normal;}

.footertext {
  font-family: "Avenir Next", sans-serif;
  font-size:16px;
  font-weight: normal;
  color: #fff;
  transition: color 0.5s ease;
  line-height: 2;
}



/************************************************
Link Styles
************************************************/
/* Basic Link Styling */
a {color: #000; text-decoration: none; text-align: left; cursor: pointer;}
.FBpadcell a {font-size: 1.8vw; font-weight: bolder; text-align: left;}
.FBpadcell a.light {font-weight: normal;}
.arrow::before {content: "\02794" " "; font-size: larger; line-height: 1;}

.panel a {font-size: 1.8vw; font-weight: bolder; text-align: left;}


/* Hover Effects for Links */
.FBtext a:hover {text-decoration: underline;}
.fancyhover {transform: scale(1); transition: transform 0.25s ease-out;}
.fancyhover:hover {transform: scale(1.1); transition: transform 0.25s ease-out;}
.contactsheethover {transform: scale(1); transition: transform 0.2s ease-out;}
.contactsheethover:hover {transform: scale(1.15); transition: transform 0.2s ease-out;}

/* Topster and Footer Link Styling */
.topstertext a {color: #000; font-size: 14px; font-weight: normal; margin: 0px 0px 0px 20px;}
.topstertext a:hover {color: var(--beneblue);}
.footertext a {font-weight: normal; color: #fff;}
.footertext a:hover {color: #000;}



/************************************************
List Styles
************************************************/
ul {
  font-family: "Avenir Next", sans-serif;
  list-style-type: none;
  list-style-position: outside;
  font-weight: normal;
  font-size: 1.8vw;
  line-height: 1.4;
  margin: 0 0 0 0;;
  padding: 0;
}

ul li {margin: 0px 0px 1.5vw 3vw; text-align: left;   text-indent: 0px;
}

.checklist li, .arrowlist li, .infolist li{
  list-style-type: none;
  list-style-position: outside;
  font-weight: normal;
  line-height: 1.4;
  padding: 0;
  margin: 0px 0px 1.5vw 3vw;
  font-style: italic;
}

.checklist li {
  font-size: 1.8vw;
  line-height: 1.4;
}

.arrowlist li {
  font-size: 1.6vw;
  line-height: 1.3;
}

.infolist li {
  font-size: 1.2vw;
  line-height: 1.0;
  background-color: var(--beneorange);
}


/******* Bullet Symbol Icons  *********************/
.checklist li:before {content: '\2713'; margin: 0px 1.3vw 1.5px -2.6vw; font-size: 2.4vw;
}
.arrowlist li:before {content: '\2799'; margin: 0px 1vw 1.5px -3vw; font-size: 1.6vw;
}


.infolist li:before {content: '\2799'; margin: 0px 0.5vw 0px -3vw; font-size: 1.8vw; background-color: var(--beneblue);}




/************************************************
********* Anfrage Formular Styles  **************
**************************************************/

form .FBh3 {font-weight: bold; font-size: 2.2vw; line-height: 1.2;}

ul.formlist li:first-child {margin: 0px 0px 0px 0px;}
ul.formlist li {margin: 50px 0px 0px 0px;}

.formrow ul li:first-child {margin: 0px 0px 0px 0px;}
.formrow ul li {margin: 20px 0px 0px 0px;}
.formlist .FBtext {font-size: 1.8vw;}


/************************************************
Media Queries
************************************************/

@media (min-width: 1200px) {
  .FBunit .FBh1 {font-size: 55.2px;}
  .FBunit .FBh2 {font-size: 44px;}
  .FBunit .FBh3 {font-size: 33.6px;}
  .FBquarter .FBh3 {font-size: 30px;}
  .FB421 .FBunit .FBh3 {font-size: 27.6px;}
  .tab .FBh3, .threetabs .FBh3 {font-size: 30px;}
  .tight {letter-spacing: -1.6px;}
  .spacey {letter-spacing: 1.6px;}


  .FBtext {font-size: 21.6px;}
  .FBteam .FBtext {font-size: 19.2px;}
  .formlist .FBtext {font-size: 21.6px;}

  .FBpadcell a {font-size: 21.6px;}
  .checklist li:before {margin: 0px 12px 0px -30px; font-size: 24px;}
  .checklist li {margin: 0px 0px 18px 36px; font-size: 21.6px;}
  ul {font-size: 21.6px;}
  ul li {margin: 0px 0px 18px 36px;}

  form .FBh3 {font-size: 26.4px;}

  .checklist li {font-size: 21.6px}
  .arrowlist li {font-size: 19.2px;}
  .infolist li {font-size: 14.4px;}

  .rockwell.bigtext{font-size: 39.6px; margin-bottom: 10px;}


  .bigtext {font-size: 39.6px; margin-bottom: 10px;}
  .FBmodalRC .bigtext {font-size: 33.6px; margin-bottom: 10px;}
  .hugetext {font-size: 49.2px; margin-bottom: 10px;}


}


@media (max-width: 850px) {
  .shyreturn::before {content: ' '; display: block;}
  .FBtext, .FBpadcell a, .formtext, ul {font-size: 2.4vw;}
  th, td, .colspaceAK th, .colspaceKA th {font-size: 1.9vw;}

  .footertext, .footertext a {font-size: 16px;}
  .topstertext, .topstertext a {font-size: 16px;}
  .reviewtext, .signature {font-size: 2.4vw;}

  ul {font-size: 2.6vw;}

  .checklist {padding: 1vw;}
  .checklist li {font-size: 2.6vw; line-height: 1.4; margin: 0vw 2vw 2vw 4vw;}
  .checklist li:before {content: '\2713'; margin: 0px 1.5vw 0px -3.5vw; font-size: 3vw;}

  .FB421 .FBh1, .FB321 .FBh1, .FB221 .FBh1  {font-size: 6vw;}
  .FB421 .FBunit .FBh2, .FB321 .FBunit .FBh2, .FB221 .FBunit .FBh2  {font-size: 3.8vw;}
  .FB421 .FBh3, .FB321 .FBh3, .FB221 .FBh3, .FBh3 {font-size: 3.2vw;}

  .FBteam .FBh3 {font-size: 3.0vw;}
  .FBteam .FBtext {font-size: 2.7vw;}
  .formlist .FBtext {font-size: 3.0vw;}
  form .FBh3 {font-size: 3.2vw;}

  .FBhalfinv .FBtext a.light {font-size: 1.8vw;}
  .FBhalfinv .FBtext {font-size: 2.2vw;}

  /* Exception for tab label */
  .flex-tabs label .FBh3 {font-size: 2.5vw;}

  .FBmodalRC .bigtext {font-size: 3.3vw; margin-bottom: 10px;}
  .bigtext {font-size: 3.8vw; margin-bottom: 10px;}


  .arrowlist li {font-size: 2vw; line-height: 1.5;}
  .arrowlist li:before {content: '\2799'; margin: 0px 1vw 1.5px -3vw; font-size: 2.6vw;}


}



@media (max-width: 667px) {

  .FBtext, .FBtext a, .FBpadcell a, .formtext, ul {font-size: 3.0vw;}
  .FBhalfinv .FBtext a.light {font-size: 3.0vw;}
  .FBhalfinv .FBtext {font-size: 3.0vw;}

  .reviewtext, .signature {font-size: 3vw;}
  .footertext, .footertext a {font-size: 14px;}
  .topstertext, .topstertext a {font-size: 14px;}

  ul li {margin: 0px 0px 10px 0px;}
  form ul li {margin: 10px 0px 0px 0px;}
  form ul li:first-child {margin: 0px 0px 0px 0px;}

  .FBfooterpad{margin: 0px;}


  .checklist {padding: 3vw;}
  .checklist li {font-size: 3.0vw; line-height: 1.4; margin: 0vw 2vw 3vw 5.5vw;}
  .checklist li:before {content: '\2713'; margin: 0px 1.5vw 0px -4.2vw; font-size: 3.8vw;}


  .arrowlist {padding: 3vw;}

  .arrowlist li {font-size: 3vw; line-height: 1.5;}
  .arrowlist li:before {content: '\2799'; margin: 0px 1vw 1.5px -3vw; font-size: 2.6vw;}




  .FB421 .FBh1, .FB321 .FBh1, .FB221 .FBh1  {font-size: 6.5vw;}
  .FB421 .FBunit .FBh2, .FB321 .FBunit .FBh2, .FB221 .FBunit .FBh2  {font-size: 6vw;}
  .FB421 .FBh3, .FB321 .FBh3, .FB221 .FBh3 {font-size: 4.5vw;}
  .tight {letter-spacing: 0.04166667vw;}
  .spacey {letter-spacing: 0.04166667vw;}



  .FBunit > .FBh3 {font-size: 3.6vw;}
  .FBh3 {font-size: 3vw;}

  .FBteam .FBh3 {font-size: 3.2vw;}
  .FBteam .FBtext {font-size: 2.6vw;}
  .formlist .FBtext {font-size: 3.2vw;}
  form .FBh3 {font-size: 3.6vw;}

  .FBmodalRC .bigtext {font-size: 4.8vw; margin-bottom: 0px;}
  .bigtext {font-size: 4.8vw; margin-bottom: 0px;}


}

/*********************************
iPad queries
**********************************/

@media
/* iPad 1, 2, Mini and Air */
only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1)
and (hover: none),

/* iPad 3, 4 and Pro 9.7" */
only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (hover: none)

{
  th, td {font-size: 1.9vw;}
  .halfwidthKA td, .subtable td, .fullcol tr th {font-size: 1.6vw;}
  .FBtext, .reviewtext, .signature {font-size: 2.4vw;}
  ul.newchecklist {padding: 10px 20px 10px 40px; margin: -10px 0px 30px 0px;}

}