/* Stylesheet Becker-gtue.de */
html {
    touch-action: manipulation;
}
/* kalender.php *******************************************************************/

  /* Tabellenzellen mit Datum, Tabellenkopf   */
  .datum {
      background-color:#EAEDFF;
      color: #000000;
      text-align: center;
      float: left; 
      width: 81px;
      height: 35px;
      padding:2px; 
      border:1px solid;
      line-height: 1.2;
      }
      
  .datum_m {
      background-color:#EAEDFF;
      color: #000000;
      text-align: center;
      float: left; 
      width: 65px;
      height: 35px;
      padding:2px; 
      border:1px solid;
      line-height: 1.2;
      }    

  /* Tabellenzellen Überschrift Uhrzeit, Tabellenkopf   */
  .uhrzeit {
      background-color:#EAEDFF;
      color:#000000;
      text-align: center;
      vertical-align:middle; 
      border:1px solid;
      height: 39px;
      line-height: 39px;
      }
      
   .uhrzeit_r {
      visibility: visible;
      background-color:#EAEDFF;
      color:#000000;
      text-align: center;
      vertical-align:middle; 
      border:1px solid;
      height: 39px;
      line-height: 39px;
      }      

  /* Tabellenzellen mit den Termin-Uhrzeiten (linke Spalte)*/
  .zeit {
      background-color:#1200C0;
      color:#ffffff;
      text-align: center;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;
      margin-top: 2px;
      }
      
   .zeit_r {
      visibility: visible;   
      background-color:#1200C0;
      color:#ffffff;
      text-align: center;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;
      margin-top: 2px;
      }   

  /* Tabellenzellen fuer Wochenende, Pausen und Geschaeftsschluss */
  .feld_nix {
      background-color:#8376FF;
      color:#FFFFFF;
      text-align: center;
      vertical-align: middle;
      float: left; 
      width: 79px;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;  
      margin-top: 2px;   
      margin-left: 2px;
  }
  
  .feld_nix_m {
      background-color:#8376FF;
      color:#FFFFFF;
      text-align: center;
      vertical-align: middle;
      float: left; 
      width: 63px;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;  
      margin-top: 2px;   
      margin-left: 2px;
  }  

  /* Tabellenzellen mit reservierten Terminen */
  .feld_res {
      background-color:#FF0000;
      color:#FFFFFF;
      text-align: center;
      vertical-align: middle;
      float: left; 
      width: 79px;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;      
      margin-top: 2px;
      margin-left: 2px;
  }

  .feld_res_m {
      background-color:#FF0000;
      color:#FFFFFF;
      text-align: center;
      vertical-align: middle;
      float: left; 
      width: 63px;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;      
      margin-top: 2px;
      margin-left: 2px;
  }    
   
  /* Tabellenzellen mit freien Terminen */
  .feld_frei {
      background-color:#00CC00;
      color:#FFFFFF;
      text-align: center;
      vertical-align: middle;
      float: left; 
      width: 79px;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;      
      margin-top: 2px;
      margin-left: 2px;
  }
  
  .feld_frei_m {
      background-color:#00CC00;
      color:#FFFFFF;
      text-align: center;
      vertical-align: middle;
      float: left; 
      width: 63px;
      height: 20px;
      line-height: 20px;       
      padding:2px; 
      border:1px solid;      
      margin-top: 2px;
      margin-left: 2px;
      font-family:arial,sans-serif;
  }

 /* Kalenderfeld */
  #kalenderfeld1_m {
    display: initial;
    float:left; 
    text-align:center; 
    padding:0px; 
    padding-right:3px; 
    border:1px solid; 
    border-color:#33FF00;
    width: 622px; 
    top: 0px; 
    left: 0px; 
    overflow: hidden; 
    position: relative;
  }    

/*-- 1box --*/
.box_m1 {
    visibility: hidden;
    position: absolute;
    float:left;
    text-align:center;
    padding:0px;
    border:none;
    border-color:#33FF00;
    width: 426px;
    top: 0px;
    left: 300%;
}

.box_pc1 {
    position: absolute;
    float:left;
    text-align:center;
    padding:0px;
    border:none;
    border-color:#33FF00;
    width: 522px;
    top: 0px;
    left: 300%;
}


 /* Navigationsfeld im Kalender */
  #navfeld {float:left; text-align:center; padding:10px; margin-right:10px; border:1px solid; border-color:#33FF00; height:120px; width: 150px;}

 /* Legendenfeld im Kalender */
  #legfeld {position:absolute; padding:10px; border:1px solid; border-color:#33FF00; width: 150px; top: 330px; left: 10px;}
  #legfeld2 {display: none; float:left; padding:8px; padding-bottom:0; margin-left:5px; margin-bottom:10px; min-height:130px; border:1px solid; border-color:#33FF00;}
 
 
@media only screen and (max-width: 1000px) {
  #legfeld {display: none;}
  #legfeld2 {display: inline;}
}

  /* Hinweistext bei Legende im Kalender */
.legende {
	text-decoration: none;
  color:#000000;
	font-size:17px;
	text-align: center;
	margin-bottom:0;
	margin-top:7px;
	
}

/*--------------------------------------------------------------------------------------------*/

/* reservierung.php ********************************************************/

.aussenrahmen {
      padding:0px; 
      border:1px solid; 
      border-color:#FFFF00; 
      max-width: 785px; 
}  

.aussenrahmenapp {
      padding:0px; 
      border:1px solid; 
      border-color:#FFFF00; 
      max-width: 785px; 
}  

.terminfeld {
      text-align:center; 
      padding:10px;
      padding-top:0px; 
      max-width: 765px;
      top: 0px; 
      left: 0px;
}      

.terminfeldapp {
      text-align:center; 
      padding:0px; 
      max-width: 765px;
      top: 0px; 
      left: 10px;
}      

.hinweisfeld {
      text-align:left; 
      padding:10px; 
      max-width: 765px; 
      top: 10px; 
      left: 10px;
}


  /* Buttons am rechten Rand */
.feldrechts {
      color:#000000;
      text-align: center;
      vertical-align: middle;
      float: right; 
      height: 30px;
      line-height: 30px;                
}


  /* linkes Feld */
.feldlinks {
      color:#000000;
      text-align: left;
      vertical-align: top;
      float: left; 
      width: 185px;
      line-height: 30px;               
}

  /* mittleres Feld Auswahl */
.feldmitte_a {
      color:#000000;
      text-align: left;
      padding-top:3px;
      vertical-align: middle;
      float: left; 
      line-height: 30px;         
}

  /* mittleres Feld Liste */
.feldmitte_b {
      color:#000000;
      text-align: left;
      padding-top:8px;
      vertical-align: middle;
      float: left;       
}

  /* Feld Auswahl Fahrzeugart und Dienstleistung*/
.auswahlfeld_a {
      text-align: left; 
      vertical-align: middle;
      padding:10px; 
      background-color:#F4FA58; 
      line-height: 30px;  
      max-width: 765px; 
      left: 10px;
      overflow:hidden;
}

  /* Feld ausgewählte Fahrzeugart und  Dienstleistung*/
.auswahlfeld_b {
      text-align: left; 
      vertical-align: middle;
      padding:10px; 
      margin-bottom: 3px;
      background-color:#9FF781; 
      max-width: 765px; 
      left: 10px;
      overflow:hidden;
}

  /* Feld für Kontaktdaten*/
.absenderfeld {
     text-align:left; 
     padding:10px; 
     background-color:#F4FA58; 
     max-width: 765px; 
     top: 10px; 
     left: 10px;
}

.absenderfeldapp {
     text-align:left; 
     padding:10px; 
     background-color:#F4FA58; 
     max-width: 765px; 
     top: 0px; 
     left: 10px;
}


/*-----------------------------------------------------------------------------------------*/

/* header.inc.php, preisfinder.php (navi) *******************#innenrahmen { float: left; max-width: 960px; margin-left:auto; margin-right:auto;border:1px solid; border-color:red;}*************************************/
#logo {position:absolute;top:0px;right:30px;height:80px;z-index:3;}
#navi {position:relative;top:12px; left:0px; width: 120px; padding:0px; float: left;}
#navi_innen {width: 120px; margin: 0px auto; font-family:arial,sans-serif; line-height: normal;}
#inhalt {position:absolute;top:0px;left:130px; max-width: 1080px; z-index:1; padding:10px;}
#inhalt_hoch {position:absolute;top:0px;left:130px; max-width: 815px; z-index:1; padding:10px;}
#seitenrahmen {position:relative; max-width: 1080px; margin-left:auto; margin-right:auto;}  /*-- min-width: 319px; 472px --*/
/*-- 
#seitenrahmen {
  position:relative; 
  max-width: 1080px; 
  margin-left:auto; 
  margin-right:auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
 --*/

/* Format für Navi-Leiste */	
		div.td {
			display: table-cell;
			text-align:center;
			vertical-align: middle; 
			background-color: #C0C0C0; 
			height:40px;
			width: 90px;
		}
		div.tr {
			float: left;
			margin-bottom:  20px;
			margin-left:  20px;
		}

/* ******************** */

/*  linke Spalte (Navigation) */
p.navi {
	margin:0px;
	padding-top:4px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:6px;
}
a.navi {
	text-decoration:none;
  color:#000000;
}
td.navi {
  border-top:1px solid #E6E6E6;
}

a.navi:link{color:#0000FF;text-decoration: none;}
a.navi:visited{color:#0000FF;text-decoration: none;}
a.navi:hover{color: #FF0000; font-weight: bold;text-decoration: none;}
a.navi:active{color:#0000FF;text-decoration: none;}
/*-----------------------------------------------------------------------------------------*/

/* index.php, preise.php (neu) ***************************************************************/
a.neu:link{color:#BA002E;text-decoration: none;}
a.neu:visited{color:#BA002E;text-decoration: none;}
a.neu:hover{color: #BA002E; font-weight: bold; text-decoration: underline;}
a.neu:active{color:#BA002E;text-decoration: none;}
p.neu{color:#BA002E;text-decoration: none;}

/* Tabelle oben für Hinweis und Leistungen */
.indexoben {
      width:100%;
      padding: 5px;
      float: left; 
      padding-bottom: 10px;  
}

/* Tabelle unten für GTÜ-Service */
.indexunten {
      padding: 5px;
      float: left;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around; 
      background-color:#CACACA; 
}

/* Tabellenspalte oben für Hinweis */
.indexspalte {
      text-align: center;
      background-color:#ACFA58; 
      padding: 2% 0;
      float: left; 
      width: 250px;
      margin-right: 20px;
      font-family: Mark, Arial, sans-serif;
      line-height:1.4;     
}

/* Tabellenspalte oben für Bereich Leistungen */
.leistungen {
      width: 100%;
      margin: 0px auto;   
}

@media only screen and (max-width: 920px) {
   .indexspalte {
      text-align: center;
      background-color:#ACFA58;       
      padding: 1%;
      float: left; 
      width: 100%;
      margin-bottom: 20px;    
   }
   .leistungen {
      width: 480px;
      margin: 0px auto;   
   }
}

/* Tabellenspalte oben für  Leistungen */
.indexspalte2 {
      text-align: left;
      float: left; 
      width: 270px; 
      padding-bottom: 15px;
      margin-right: 15px;   
}

/* Tabellenspalte unten für  GTÜ-Service */
.indexspalte3 {
      text-align: left;
      float: left; 
      width:250px;
   /*   height:299px; */
      padding-left: 15px; 
      padding-right: 15px; 
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 20px;
}

/* Text Leistungen */
.angebot {
  font-size:16px;
	line-height:19px;
  margin:0px;
	padding-top:0px;
}

/* Abstände von Text-Block zu vorangehendem Block */

.top0px {
  margin:0px;
	padding-top:0px;
}

/* Kleiner Anrisstext auf der Homepage */
.anriss {
  font-size:16px;
	line-height:15px;
  margin:0px;
	padding-top:6px;
}
.anriss a { 
	color:#000000;
}

/* Bilder GTÜ-Services */
.imgbutton {
  border:1px solid; 
  border-color:#FFFFFF;
  width:250px;
/*  height:84px; */
}

/* Farben und Abstände allgemein */
.red, td.red b { color:#BA002E; }

a.red {
  color:#BA002E;
}

/* drehbare Plakette */
#plakette {
  transform-origin: center;
  transition: transform 2s ease;
  width: 200px;
  height: 200px;
  margin: auto;
  display: block;
}

/*-------------------------------------------------------------------------------------------*/

/* preisfinder.php ****************************************************/
a.formulartext{
  color:#222222;
  font-family:arial,sans-serif;
  font-size:15px;
}
a.formulartext:link{color:#222222;text-decoration: none;}
a.formulartext:visited{color:#222222;text-decoration: none;}
a.formulartext:hover{color: #222222;text-decoration: none;}
a.formulartext:active{color:#222222;text-decoration: none;}
/*-----------------------------------------------------------------------------------*/

/* faq.php **************************************************************************/
#faq {top:15px; left:40px; padding:10px; font-size:16px}

.headline_grey {
	font-family:arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	color:#777777;
}

a.faq-text{
  color:#222222;
  font-family:arial,sans-serif;
  font-size:14px;
}
a.faq-text:link{color:#222222;text-decoration: none;}
a.faq-text:visited{color:#222222;text-decoration: none;}
a.faq-text:hover{color: #222222;text-decoration: none;}
a.faq-text:active{color:#222222;text-decoration: none;}
/*-----------------------------------------------------------------------------------------------*/

/* allgemein ******************************************/
body, p, td {
	font-family:arial,sans-serif;
	font-size:15px;
	color:#000000;
}

/* Links allgemein */
a {
  color:#BA002E;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
/*-----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 760px) {
   #navi {position:absolute; top:15px; left:0px; width: 100%; padding:0px;}
   #navi_innen {width: 570px; margin: 0px auto;}
   #inhalt {position:absolute;top:120px;left:0px; max-width: 825px; z-index:1; padding:10px;}
   #inhalt_hoch {position:absolute;top:70px;left:0px; max-width: 825px; z-index:1; padding:10px;}
   /* Tabelle oben für Hinweis und Leistungen */
    .indexoben {
          padding: 0px;
          float: left; 
          margin-left:  0px;
          max-width: 980px;
          padding-bottom: 10px;
          padding-top: 15px; 
    }

    /* Tabelle oben für GTÜ-Service */
    .indexunten {
          padding: 5px;
          float: left; 
          margin-left:  0px;
          max-width: 990px;   
          background-color:#CACACA; 
    }
	}
@media only screen and (max-width: 600px) {
   #navi_innen {width: 350px; margin: 0px auto;}
   #inhalt {position:absolute;top:180px;left:0px; max-width: 825px; z-index:1; padding:0px;}
	}	
@media only screen and (max-width: 500px) {
   .leistungen {width: 240px;; margin: 0px auto;}
	}
	
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Neue Seite 2026 neues Banner*/

.container {
  position: relative;
  width: 100%;
  height: 200px;
  line-height: 200px;
  display: flex;
  justify-content: flex-end;
  font-size: 80px;
  font-family:Arial;
  color:#444444;
  font-weight:bold;
}

.bannertext1 {
  position: absolute;
  right: 330px;
  visibility: visible;
}
.bannertext2 {
  position: absolute;
  right: 330px;
  visibility: hidden;
}  
.bannertext3 {
  position: absolute;
  right: 330px;
  visibility: hidden;
}   

embed.grauverlauf { 
  width: 100%;
  height: 100%;
  object-fit: fill;
  display: block;      /* Verhindert Lücken durch Inline-Verhalten */
  margin: 0;           /* Entfernt Außenabstand */
  padding: 0;          /* Entfernt Innenabstand */
}

embed.logo { 
  height: 100%;
  object-fit: contain;
  display: block;      /* Verhindert Lücken durch Inline-Verhalten */
  margin: 0;           /* Entfernt Außenabstand */
  padding: 0;          /* Entfernt Innenabstand */
  border: none;
}


@media (max-width: 1200px) {
  .container {
    height: 180px;
    line-height: 180px;
    font-size: 72px;
  }  
  .bannertext1 {
    right: 300px;
  }
  .bannertext2 {
    right: 300px;
  }
  .bannertext3 {
    right: 300px;
  } 
}


@media (max-width: 1100px) {
  .container {
    height: 140px;
    line-height: 140px;
    font-size: 56px;
  }  
  .bannertext1 {
    right: 233px;
    visibility: visible;
  }
  .bannertext2 {
    right: 233px;
    visibility: hidden;
  } 
  .bannertext3 {
    right: 233px;
    visibility: hidden;
  }          
}


@media (orientation: portrait) and (max-width: 850px) {
  .container {
    height: 140px;
    line-height: 140px;
    font-size: 56px;
  }  
  .bannertext1 {
    right: 233px;
    visibility: hidden;
  }
  .bannertext2 {
    right: 233px;
    visibility: visible;
  } 
  .bannertext3 {
    right: 233px;
    visibility: hidden;
  }          
}

@media (orientation: landscape) and (max-width: 850px) {
  .container {
    height: 100px;
    line-height: 100px;
    font-size: 40px;
  }  
  .bannertext1 {
    right: 166px;
    visibility: visible;
  }
  .bannertext2 {
    right: 166px;
    visibility: hidden;
  } 
  .bannertext3 {
    right: 166px;
    visibility: hidden;
  }          
}

@media (orientation: portrait) and (max-width: 720px) {
  .container {
    height: 100px;
    line-height: 100px;
    font-size: 40px;
  }  
  .bannertext1 {
    right: 166px;
    visibility: hidden;
  }
  .bannertext2 {
    right: 166px;
    visibility: visible;
  } 
  .bannertext3 {
    right: 166px;
    visibility: hidden;
  }          
}

@media (orientation: landscape) and (max-width: 620px) {
  .container {
    height: 80px;
    line-height: 80px;
    font-size: 28px;
  }  
  .bannertext1 {
    right: 125px;
    visibility: visible;
  }
  .bannertext2 {
    right: 125px;
    visibility: hidden;
  } 
  .bannertext3 {
    right: 125px;
    visibility: hidden;
  }          
}

@media (orientation: portrait) and (max-width: 520px) {
  .container {
    height: 80px;
    line-height: 80px;
    font-size: 28px;
  }  
  .bannertext1 {
    right: 125px;
    visibility: hidden;
  }
  .bannertext2 {
    right: 125px;
    visibility: visible;
  } 
  .bannertext3 {
    right: 125px;
    visibility: hidden;
  }          
}

@media (orientation: landscape) and (max-width: 450px) {
  .container {
    height: 80px;
    line-height: 80px;
    font-size: 28px;
  }  
  .bannertext1 {
    right: 125px;
    visibility: hidden;
  }
  .bannertext2 {
    right: 125px;
    visibility: visible;
  } 
  .bannertext3 {
    right: 125px;
    visibility: hidden;
  }          
}

@media (max-width: 382px) {
  .container {
    height: 80px;
    line-height: 80px;
    font-size: 28px;
  }  
  .bannertext1 {
    right: 125px;
    visibility: hidden;
  }
  .bannertext2 {
    right: 125px;
    visibility: hidden;
  } 
  .bannertext3 {
    right: 125px;
    visibility: visible;
  }          
}

/*-- _m Seite --*/

@media (orientation: portrait) and (max-width: 660px) {		
  #kalenderfeld1_m {
  width: 472px;
  } 
  .box_m1 {
    visibility: visible;
  }
  .box_pc1 {
    visibility: hidden;
  }
  
  .zeitleiste_r {
    visibility: hidden;
  } 
  .uhrzeit_r {
    visibility: hidden;
  }
  .zeit_r {
    visibility: hidden;
  }
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS GTÜ-Design*/

@font-face{font-display:swap;font-family:Mark;font-weight:400;src:url(/fonts/MarkW05-Regular.8ab87c46.woff2) format("woff2"),url(/fonts/MarkW05-Regular.f52ab90e.woff) format("woff"),url(/fonts/MarkPro.9e295b22.ttf) format("ttf")}
@font-face{font-display:swap;font-family:Mark;font-weight:700;src:url(/fonts/MarkW07-Bold.cdbaba6e.woff2) format("woff2"),url(/fonts/MarkW07-Bold.f3511f4f.woff) format("woff"),url(/fonts/MarkPro-Bold.9e523d0c.ttf) format("ttf")}
@font-face{font-display:swap;font-family:gtue_iconfont;font-style:normal;font-weight:400;src:url(/fonts/gtue_iconfont.a3ded78d.eot);src:url(/fonts/gtue_iconfont.a3ded78d.eot#iefix) format("embedded-opentype"),url(/fonts/gtue_iconfont.7fe74a17.woff2) format("woff2"),url(/fonts/gtue_iconfont.9905cf20.woff) format("woff"),url(/fonts/gtue_iconfont.ca06bd39.ttf) format("truetype"),url(/fonts/gtue_iconfont.927e9052.svg#gtue_iconfont) format("svg")}

body {font-family: 'Mark, Arial, sans-serif;', Helvetica, sans-serif; /* Beispiel-Schriftarten */}

.btn,.videoLightbox__close,html .content .main .sfg_box form.sfg_form button[type=submit]{background-color:transparent;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-size:.9375rem;font-weight:600;line-height:18px;line-height:1.125rem;max-width:100%;position:relative;text-align:left;width:14.375rem}
@media(max-width:991px){.btn,.videoLightbox__close,html .content .main .sfg_box form.sfg_form button[type=submit]{width:14.375rem}}
.btn,.videoLightbox__close,html .content .main .sfg_box form.sfg_form button[type=submit]{border:1px solid #fff;border-radius:2.5rem;padding:.625rem 2.5rem .625rem 1.25rem;-o-transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out;transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out}
.mce .btn,.mce .videoLightbox__close,.mce html .content .main .sfg_box form.sfg_form button[type=submit],html .content .main .sfg_box form.sfg_form .mce button[type=submit]{margin-top:1.25rem;text-decoration:none}
.btn:after,.videoLightbox__close:after,html .content .main .sfg_box form.sfg_form button[type=submit]:after{font-family:gtue_iconfont!important;font-style:normal;font-weight:400;speak:never;display:inline-block;font-variant:normal;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e6cc"}
.btn.dl:after,.btn.link-external:after,.btn:after,.videoLightbox__close:after,html .content .main .sfg_box form.sfg_form button.dl[type=submit]:after,html .content .main .sfg_box form.sfg_form button.link-external[type=submit]:after,html .content .main .sfg_box form.sfg_form button[type=submit]:after{font-size:1.25rem;position:absolute;right:.625rem;top:50%;transform:translateY(-50%)}
.btn:active,.btn:focus,.btn:hover,.videoLightbox__close:active,.videoLightbox__close:focus,.videoLightbox__close:hover,html .content .main .sfg_box form.sfg_form button[type=submit]:active,html .content .main .sfg_box form.sfg_form button[type=submit]:focus,html .content .main .sfg_box form.sfg_form button[type=submit]:hover{background-color:#fff;color:#da1f3d;outline:none}
.btn-invert{border-color:#da1f3d;color:#da1f3d}
.btn-invert:active,.btn-invert:focus,.btn-invert:hover{background-color:#da1f3d;border-color:#da1f3d;color:#fff}
.btn-back{border-radius:1.875rem;font-size:12px;font-size:.75rem;line-height:28px;line-height:1.75rem;padding:0 .9375rem;width:auto}
.btn-back:after{display:none}
.btn-back:before{font-family:gtue_iconfont!important;font-style:normal;font-weight:400;speak:never;display:inline-block;font-variant:normal;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î ¾";font-size:1rem;left:-.4375rem;position:relative;top:.1875rem}
.btn-narrow{min-width:9.375rem;padding-right:1.25rem;text-align:center}
.btn-narrow:after{display:none}
.btn-red,html .content .main .sfg_box form.sfg_form button[type=submit]{background-color:#da1f3d;border-color:#da1f3d}
.btn-red:active,.btn-red:focus,.btn-red:hover,html .content .main .sfg_box form.sfg_form button[type=submit]:active,html .content .main .sfg_box form.sfg_form button[type=submit]:focus,html .content .main .sfg_box form.sfg_form button[type=submit]:hover{background-color:transparent;color:#da1f3d}
.btn-narrow:after{display:none}
.btn-red,html .content .main .sfg_box form.sfg_form button[type=submit]{background-color:#da1f3d;border-color:#da1f3d}
.btn-red:active,.btn-red:focus,.btn-red:hover,html .content .main .sfg_box form.sfg_form button[type=submit]:active,html .content .main .sfg_box form.sfg_form button[type=submit]:focus,html .content .main .sfg_box form.sfg_form button[type=submit]:hover{background-color:transparent;color:#da1f3d}

.mce a.btn-to-top::after {transform: rotate(-90deg) translateX(50%);}
html {scroll-behavior: smooth;}
.icon-arrow-right:before{content:"\e6cc"}
body{text-rendering:optimizeLegibility;text-rendering:geometricPrecision;font-smooth:always;font-family:Mark,sans-serif;font-smoothing:subpixel-antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:15px;font-size:.9375rem;line-height:25px;line-height:1.5625rem}
p {font-family: Mark, Arial, sans-serif;}
@media(max-width:767px){a.anchor{top:-4.6875rem}}.hidden{display:none!important}.no-padding.wrapper{padding:0 .9375rem}img{border-radius:.4375rem;display:inline-block;height:auto;max-width:100%;width:100%}.highlight{color:#da1f3d}.theme1{background-color:#f6f6f6!important}.theme2{background-color:#767676!important}.mce>.theme1{border-radius:.4375rem}.text-center{text-align:center}.text-right{text-align:right}.narrow{margin-left:auto;margin-right:auto;max-width:41.25rem;text-align:center}.content-box:after{content:""}.content-box:after,hr{clear:both;display:block;float:none;width:100%}hr{background-color:#dadbdd;border:none;height:1px;left:0;margin:3rem 0 3rem}
.highlight {font-size:29px;line-height:32px;}
@media(max-width:991px){.highlight {font-size:27px;line-height:29px;}}
@media(max-width:767px){.highlight {font-size:25px;line-height:27px;}}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/