:root {
  --hauptfarbe: #1B4C47; /* dunkelgrün */
  --hauptfarbe_alternativ: #10746a; /* hellere Version des mediamor rot */
  --hauptfarbe_hellhinterg: #F3EEE8; /* Hellbeige */
  --hauptfarbe_dunkelhinterg: #e6dece; /* Beige #E0D9CA*/
  --zweitfarbe: #E1C14F; /* Goldgelb */
  
  --fontfam_h: 'Zain', sans-serif; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: 'Zain', sans-serif; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: 'Playwrite GB J', sans-serif; /* ausgewählte Schriftart Highlights */
}

body {background-color: var(--hauptfarbe);}
#back_to_top_btn {background-color: #e1c14fcc;}

#inhalt {margin-top: 6vh;}
#inhalt p a {color: var(--zweitfarbe);}



#bilderleiste {display: none; background-color: transparent; height: auto; order: unset;}
#bilderleiste a {height: 85%;}



#navigation {height: 20vh; width: calc(100% - 10%); background-color: var(--hauptfarbe); padding: 0 5%; border-bottom-color: var(--hauptfarbe_dunkelhinterg);}
#navigation a {max-width: 10vw; height: 80%;}
#navigation a img {width: 100%; height: 100%;}
#navigation #logo_navi_gross {display: flex;}
#navigation #logo_navi_klein {display: none;}
#navigation.scrolled_down #logo_navi_gross {display: none;}
#navigation.scrolled_down #logo_navi_klein {display: flex;}


#navigation ul li a {color: var(--hauptfarbe_hellhinterg); font-size: 1.3rem; line-height: 1.5rem;}
#navigation ul li a:before {display: none;}
#navigation ul li a.aktiv {color: var(--zweitfarbe);}












.bst_multibox.bst_multibox_standard_layout {max-width: 800px;}

.bst_multibox .bst_multibox_titel {color: var(--zweitfarbe); font-size: 3rem; line-height: 3rem; font-weight: 400;}
.bst_multibox h1 {text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}
.bst_multibox .bst_multibox_untertitel {color: var(--hauptfarbe_dunkelhinterg); font-weight: 300; letter-spacing: 1px;}
.bst_multibox .bst_multibox_inhalt {color: var(--hauptfarbe_dunkelhinterg); font-size: 1.3rem; line-height: 1.45rem;}

.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild img {width: calc(100% - 16px) !important; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; border: 8px solid var(--zweitfarbe);}


.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe {background-color: var(--zweitfarbe); color: var(--hauptfarbe); font-size: 1.1rem; line-height: 1.3rem;}
.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe:hover {background-color: var(--hauptfarbe_dunkelhinterg);}




#sohle {display: flex; flex-wrap: wrap;}
#sohle a {color: var(--zweitfarbe); padding: 10px; text-transform: uppercase; letter-spacing: 1px;}
#sohle a:hover {color: var(--hauptfarbe_dunkelhinterg);}




@media screen and (max-width: 1600px) {

}



@media screen and (max-width: 768px) {

h1, h2, h3, h4, h5, h6, h7, p {hyphens: auto;}

#navi_mobile_2020 #logo_navi_gross {display: none;}
#navi_mobile_2020 #logo_navi_klein {display: none;}
#navi_mobile_2020.scrolled_down #logo_navi_gross {display: none;}
#navi_mobile_2020.scrolled_down #logo_navi_klein {display: none;}


#bilderleiste {display: flex; height: 30vh;}



.bst_multibox .bst_multibox_titel {font-size: 2.6rem; line-height: 2.6rem;}
.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {max-width: 75%;}
.bst_multibox .bst_multibox_linkausgabe_bereich {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

}





/* playwrite-gb-j-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/playwrite-gb-j-v10-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playwrite-gb-j-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/playwrite-gb-j-v10-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playwrite-gb-j-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/playwrite-gb-j-v10-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playwrite-gb-j-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/playwrite-gb-j-v10-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playwrite-gb-j-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/playwrite-gb-j-v10-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playwrite-gb-j-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/playwrite-gb-j-v10-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playwrite-gb-j-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playwrite-gb-j-v10-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playwrite-gb-j-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playwrite GB J';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playwrite-gb-j-v10-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playwrite-gb-j-v10-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}




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