:root {
  --hauptfarbe: #044b95; /* blau */
  --hauptfarbe_alternativ: #AACDFF; /* pastell blau */
  --hauptfarbe_hellhinterg: #E8f2ff; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #032e5c; /* dunkleres blau */
  --hauptfarbe_text: #011122; /* sehr dunkles blau */
  --zweitfarbe: #FFD87B; /* akzent gelb */
  
  --borderradius: 0; /* Standard Border Radius */
  
  --fontfam_h: 'Montserrat', sans-serif; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: 'Montserrat', sans-serif; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: 'Montserrat', monospace; /* ausgewählte Schriftart Highlights */
  
  
  color-scheme: auto !important;
}

/*--------------------------- Allgemein -----------------------------*/

#bstb_bausteine_1 {order: -1;}

#vorl200_sprungmarken_bausteinbereiche li a{background-color: var(--hell);color: var(--hauptfarbe);}
.inhalt_1 #vorl200_sprungmarken_bausteinbereiche{margin-top: -80px; z-index: 10;}



/*--------------------------- Allgemein Multibox -----------------------------*/


.bst_multibox .bst_multibox_untertitel {font-weight: 300;}

.bst_multibox.bst_multibox_ausklapp_box_layout {margin-top: 8vh;}
.bst_multibox.bst_multibox_ausklapp_box_layout ~ .bst_multibox.bst_multibox_ausklapp_box_layout {margin-top: 2vh;}






/*--------------------------- Startseite -----------------------------*/

.landingpage_titelbild .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout {min-height: calc(100vh - 20vh - 140px)}

.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_video_leiste::after, .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_bilder_leiste::after {background-color: var(--hauptfarbe_dunkelhinterg); opacity: 0.7;}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_titel, .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_titel {color: var(--hell);}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_untertitel, .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_untertitel{color: var(--hell);}
.landingpage_titelbild .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_titel { font-size: 6.8rem; line-height: 8rem;}



.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout {padding: 17vh 0;}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste .bst_multibox_untertitel, .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste .bst_multibox_titel {color: var(--hauptfarbe);}


/*--------------------------- Über uns Kästchen indiv -----------------------------*/

#bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {align-items: flex-end;}
#bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_rechts .bst_multibox_bilder_leiste .bst_mb_ein_bild {align-items: flex-start;}
#bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild img {max-height: 60vh; object-fit: contain; }
#bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung {border: none; width: auto;}

#bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout .mb_standard_inhaltsbereich {padding-left: 150px; margin-left: -150px;}
#bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_rechts .mb_standard_inhaltsbereich {padding-left: 60px; padding-right: 150px; margin-left: 0px; margin-right: -150px;}



/*--------------------------- Fuss -----------------------------*/



#fuss #fuss_schnellkontakt {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 6vh 0 3vh 0;}
#fuss #fuss_schnellkontakt h4 {font-family: var(--fontfam_h); width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 0.5px; font-size: 1.2rem; line-height: 1.6rem; margin: 0;}
#fuss #fuss_schnellkontakt a {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 10px;}
#fuss #fuss_schnellkontakt a svg {margin: 8px; color: var(--hauptfarbe);}
#fuss #fuss_schnellkontakt a div {font-family: var(--fontfam_auszeichnung); color: var(--hauptfarbe);}
#fuss #fuss_schnellkontakt a:hover div {border-bottom: 2px solid var(--zweitfarbe);}

#fuss #fuss_kontaktundlinks {display: flex; flex-wrap: wrap; flex-direction: column; border-top: 4px solid var(--hauptfarbe);background-color: var(--hell);}
#fuss #fuss_kontaktundlinks .logo {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 10vh; padding: 4vh 0;}
#fuss #fuss_kontaktundlinks .logo img {height: 100%; width: 100%; object-fit: contain;}



#fuss #fuss_kontaktundlinks #fuss_kontaktdaten {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#fuss #fuss_kontaktundlinks #fuss_kontaktdaten div {font-family: var(--fontfam_auszeichnung); margin: 8px 15px; font-size: 0.9rem; line-height: 1.2rem;}
#fuss #fuss_kontaktundlinks #fuss_kontaktdaten div a {font-family: var(--fontfam_auszeichnung); color: var(--hauptfarbe);}
#fuss #fuss_kontaktundlinks #fuss_kontaktdaten div a:hover {border-bottom: 2px solid var(--zweitfarbe);}





#sohle { background-color: var(--hell);}
#sohle a {margin: 10px; font-family: var(--fontfam_auszeichnung); font-size: 0.8rem; line-height: 1.1rem; color: var(--hauptfarbe);}
#sohle span {display: none;}
#sohle a:hover {color: var(--hauptfarbe);}





/*--------------------------- Mobil -----------------------------*/

@media screen and (max-width: 768px) {
 #bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_rechts .mb_standard_inhaltsbereich {margin-right: 0;padding-left: 20px; padding-right: 20px;}
 #bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout .mb_standard_inhaltsbereich {margin-left: 0; padding-left: 20px;}
 .bst_multibox h1 {font-size: 9.5vw; line-height: 11vw;}
 .landingpage_titelbild .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_titel { font-size: 3.2rem; line-height: 3.8rem;}
   .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_untertitel, .bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_untertitel, .bst_multibox h4, .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_untertitel { font-size: 5vw; line-height: 7vw;}
 .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout { padding: 17vh 20px; width: calc(100% - 40px);}
 .bst_multibox h5 {    font-size: 3.5vw; line-height: 4.5vw;}
 
 
 #bstb_startseite_firma .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild img {  max-height: 35vh;}
 
 #fuss #fuss_kontaktundlinks #fuss_kontaktdaten {flex-direction: column; text-align: center}
 #fuss {display: flex; flex-wrap: wrap; flex-direction: column;}
 #fuss #fuss_kontaktundlinks .logo img {width: 80%}


}



















/* montserrat-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v31-latin_latin-ext-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat-v31-latin_latin-ext-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v31-latin_latin-ext-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat-v31-latin_latin-ext-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v31-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v31-latin_latin-ext-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v31-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat-v31-latin_latin-ext-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v31-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v31-latin_latin-ext-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v31-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v31-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v31-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat-v31-latin_latin-ext-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v31-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat-v31-latin_latin-ext-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montserrat-v31-latin_latin-ext-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
