:root {
  --hauptfarbe: #27517A; /* dunkelblau */
  --hauptfarbe_alternativ: #3E7EBC; /* hellere Version des blau */
  --hauptfarbe_hellhinterg: #c5d9eb; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #768697; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #27517A; /* dunkelblau */
	
  --borderradius: 0; /* Standard Border Radius */
  
  --fontfam_h: 'Chewy', sans-serif; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: 'Lexend', sans-serif; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: 'Chewy', sans-serif; /* ausgewählte Schriftart Highlights */
}
html {height: 100%;}
body {height: 100%;}

.cms_div_um_alles { background: rgb(62,126,188); background: linear-gradient(160deg, rgba(62,126,188,1) 0%, rgba(20,41,61,1) 100%); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;background-position: center;overflow: auto;}


#navigation {display: none;}



#back_to_top_btn {background-color: var(--hauptfarbe_alternativ)}


#bstb_start_kopfbereich {order: -1;}
#vorl200_sprungmarken_bausteinbereiche li a {background-color: var(--hell); color: var(--hauptfarbe);font-family: var(--fontfam_h);font-size: 1.3rem; line-height: 1.7rem; }



#bilderleiste {position: relative; height: 0;}

#kopf_kontaktinfos {position: fixed; right: 0; display: flex; justify-content: flex-end; top: 5vh; flex-wrap: wrap; z-index: 1; flex-direction: column; align-items: flex-end; overflow: hidden;}
#kopf_kontaktinfos .eine_kontaktinfo {background-color: var(--hauptfarbe_alternativ); width: 4vw; height: 5vh; display: flex; justify-content: flex-start; margin: 8px -20px 8px 0; transition: 0.3s; box-shadow: 6px 2px 20px -5px #000000a1; border-radius: 65px;}
#kopf_kontaktinfos .eine_kontaktinfo:hover {width: 20vw;}
#kopf_kontaktinfos .eine_kontaktinfo .icon {display: flex; justify-content: center; align-items: center; width: 4vw; margin-right: 10px}
#kopf_kontaktinfos .eine_kontaktinfo .icon img {height: 65%; width: 45%; object-fit: contain;}
#kopf_kontaktinfos .eine_kontaktinfo .kontaktinfo {transition: 0.3s; max-width: 0px; color: white; font-family: var(--fontfam); font-size: 0.9vw; line-height: 2vw; display: flex; justify-content: center; align-items: center; white-space: nowrap; overflow: hidden; letter-spacing: 0.5px; height: 100%; margin: 0;}
#kopf_kontaktinfos .eine_kontaktinfo:first-of-type .kontaktinfo {font-size: 1.3vw; line-height: 3vw;}
#kopf_kontaktinfos .eine_kontaktinfo:last-of-type .kontaktinfo {font-size: 0.8vw; line-height: 1vw;}
#kopf_kontaktinfos .eine_kontaktinfo:hover .kontaktinfo {max-width: 15vw;}


/*Abstände*/
/*#multibox_28 .bst_multibox_linkausgabe_bereich {margin-top: -30px;}
#multibox_32 .bst_multibox_linkausgabe_bereich {margin-top: -320px;}
#multibox_34 .bst_multibox_linkausgabe_bereich {margin-top: -30px;}
#multibox_33 .bst_multibox_titel {margin-top: -30px;}*/
#multibox_28 h2 {display: none;}





.bst_multibox {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
.bst_multibox.bst_multibox_standard_layout {display: flex; flex-wrap: wrap; flex-direction: column;}
.bst_multibox .bst_multibox_titel {color: var(--hell); font-weight: 400; justify-content: center; font-size: 3rem; line-height: 3.4rem; text-shadow:2px 5px 5px rgba(0, 0, 0, 0.5);margin-top: 50px; text-align: center;}
.bst_multibox .bst_multibox_untertitel {color: var(--hell); font-family: var(--fontfam_t); font-size: 1.8rem; line-height: 2.2rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; justify-content: center; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
.bst_multibox.bst_multibox_standard_layout .bst_multibox_inhalt {justify-content: center; align-items: center; align-content: center;}
.bst_multibox .bst_multibox_text {color: var(--hell); font-weight: 400; justify-content: center;}
.bst_multibox .bst_multibox_text p {text-align: center;}
.bst_multibox .bst_multibox_text h3 {text-align: center; color: var(--hell); font-weight: 400; justify-content: center; font-size: 2.5rem; line-height: 2.9rem; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); }
.bst_multibox .bst_multibox_text h2 {font-family: var(--fontfam_t); text-align: center; color: var(--hell); font-weight: 400; justify-content: center; font-size: 1.8rem; line-height: 2.2rem;}


.bst_multibox.bst_multibox_standard_layout.bst_multibox_ohne_bilderleiste .bst_multibox_untertitel {text-align: center;}

.bst_multibox .bst_mb_ein_bild {position: relative; border: 8px solid var(--hell);}
.bst_multibox .bst_mb_ein_bild:hover {}
.bst_multibox .bst_multibox_bild_umrahmung {}
.bst_multibox .bst_multibox_bilder_leiste .bst_multibox_bildunterschrift {position: absolute; bottom: 0; left: 10%; font-family: var(--fontfam_h); font-size: 1rem; line-height: 1rem; background-color: var(--hell); color: var(--hauptfarbe); padding: 10px 10px; display: inline-block; margin-bottom: -8px;}
.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste {display: flex;flex-wrap: wrap;justify-content: center;}


.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe {background-color: var(--hell);font-family: var(--fontfam_h);color: var(--hauptfarbe);font-size: 1.3rem; line-height: 1.3rem; font-weight: 400;}
.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe:hover {background-color: var(--hauptfarbe_alternativ); color: var(--hell); font-weight: 400;}


.bst_multibox.bst_multibox_standard_layout.bst_multibox_ohne_bilderleiste {width: 100%;}

 
#multibox_33  {max-width: unset; width: 100%; display: flex; flex-direction: column; }
#multibox_33 .bst_multibox_bilder_leiste {flex-wrap: nowrap; }
#multibox_33 .bst_multibox_bilder_leiste .bst_mb_ein_bild:nth-of-type(1) {margin-right: 50px;}
#multibox_33 .bst_multibox_bilder_leiste .bst_mb_ein_bild {max-width: unset; aspect-ratio: 8 / 5; margin-top: 0}
#multibox_33 .bst_multibox_bild_umrahmung {width: 100%; height: 100%;}
#multibox_33 .bst_multibox_bild_umrahmung a {width: 100%; height: 100%;}
#multibox_33 .bst_multibox_bild_umrahmung img {width: 100%; height: 100%; object-fit: cover;}
#multibox_33 .bst_multibox_untertitel {order: -2;text-align: center;}
#multibox_33 .bst_multibox_titel {order: -3;}
#multibox_33 .bst_multibox_text {margin-top: 50px;}




.bst_multibox.bst_multibox_indiv_galerie_layout {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.bst_multibox.bst_multibox_indiv_galerie_layout .bst_multibox_bilder_leiste {display: flex; flex-wrap: wrap; justify-content: center; padding: 0 50px;}
.bst_multibox.bst_multibox_indiv_galerie_layout .bst_mb_ein_bild {max-width: 300px; margin: 16px; aspect-ratio: 5 / 4; transition: 0.2s;}
.bst_multibox.bst_multibox_indiv_galerie_layout .bst_mb_ein_bild:hover {margin: 8px; max-width: 316px;}
.bst_multibox.bst_multibox_indiv_galerie_layout .bst_multibox_bild_umrahmung {width: 100%; height: 100%;}
.bst_multibox.bst_multibox_indiv_galerie_layout .bst_multibox_bild_umrahmung a {width: 100%; height: 100%;}
.bst_multibox.bst_multibox_indiv_galerie_layout .bst_multibox_bild_umrahmung img {width: 100%; height: 100%; object-fit: cover;}


#inhalt p a {color: var(--hell);border-bottom: 2px solid; border-bottom-color: var(--hauptfarbe_alternativ);}
#inhalt p a:hover {border-bottom: 2px solid; color: var(--hauptfarbe_alternativ);}

#fuss {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 2vh 0;}
#link_startseite {margin: 0 auto; color: var(--hell);border-bottom: 2px solid; border-bottom-color: var(--hauptfarbe_alternativ); transition: 0.2s;}
#link_startseite:hover {border-bottom: 2px solid; color: var(--hauptfarbe_alternativ);}

#sohle { order: 5; width: calc(100% - 20px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 5px;color: var(--hauptfarbe_hellhinterg);}
#sohle a { padding: 0 10px; color: var(--hauptfarbe_hellhinterg); transition: 0.2s;}

#multibox_41 {justify-content: center; align-content: center; align-items: center;}
#multibox_41 .bst_multibox_titel {order:-1; font-size:6rem;line-height: 5.4rem; margin-bottom:10px;z-index:1;}
#multibox_41 .bst_multibox_untertitel {order:-2; margin-top: 0; margin-bottom: -35px; padding-top: 100px;}
#multibox_41 .bst_multibox_bilder_leiste {justify-content: center; display: flex; flex-direction: column; align-items: center;align-content: center;}
#multibox_41 .bst_mb_ein_bild:nth-of-type(2) {border: none; max-width: 50px; padding-bottom: 50px ; padding-top: 50px;}
#multibox_41 .bst_mb_ein_bild:nth-of-type(1) {width: 700px; height: auto; max-width: unset;}
#multibox_41 .bst_mb_ein_bild {display: flex; justify-content: center; flex-direction: column; align-items: center;width: 100%; }
#multibox_41 .bst_multibox_bilder_leiste .bst_multibox_bildunterschrift {position: absolute; bottom: 0;left: 13%;font-family: var(--fontfam_h); font-size: 3rem; line-height: 3rem; background-color: var(--hell); color: var(--hauptfarbe); padding: 15px 18px; display: inline-block; margin-bottom: -8px;}

#multibox_36 {display: flex; flex-wrap: wrap;}
#multibox_36 h2 {order: -1;}
#multibox_36 .bst_multibox_bilder_leiste .bst_multibox_bildunterschrift {display: none;}

#multibox_31 .bst_mb_ein_bild  {border: none; max-width: 125px;aspect-ratio: 5 / 4; }


.indiv_seitenvorlage {display: grid;}





@media screen and (max-width: 768px) {
   #kopf_kontaktinfos .eine_kontaktinfo {width: 12vw; padding-right: 5px; }
   #kopf_kontaktinfos .eine_kontaktinfo:hover {width: 85vw;}
   #kopf_kontaktinfos .eine_kontaktinfo:hover .kontaktinfo {max-width: 65vw;}
   #kopf_kontaktinfos .eine_kontaktinfo .kontaktinfo {font-size: 4vw; line-height: 4.5vw;}
   #kopf_kontaktinfos .eine_kontaktinfo:first-of-type .kontaktinfo {font-size: 4.5vw; line-height: 4.5vw;}
   #kopf_kontaktinfos .eine_kontaktinfo:last-of-type .kontaktinfo {font-size: 3.5vw; line-height: 3.5vw;}
   #kopf_kontaktinfos .eine_kontaktinfo .icon {width: 12vw;}
    
   .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste { display: flex; flex-direction: column; align-items: center; }
    #multibox_33 .bst_multibox_bilder_leiste .bst_mb_ein_bild:nth-of-type(1) {margin-right: 0px; margin-bottom: 20px; }
    #multibox_33 .bst_multibox_bilder_leiste .bst_mb_ein_bild {width: 88%; }
    
 
    
    #multibox_41 .bst_mb_ein_bild:nth-of-type(1) {width: 90%;}
    #multibox_41 .bst_multibox_titel {font-size: 16vw; line-height: 19vw;margin-bottom: -15px;margin-top: 40px;}
    #multibox_41 .bst_multibox_bilder_leiste .bst_multibox_bildunterschrift { position: absolute; left: 13%; font-family: var(--fontfam_h); font-size: 1.5rem; line-height: 1.8; background-color: var(--hell); color: var(--hauptfarbe); padding: 3px 12px; display: inline-block;margin-bottom: -8px;}
    
    .bst_multibox .bst_multibox_untertitel {color: var(--hell);font-family: var(--fontfam_t);font-size: 1.5rem;line-height: 1.9rem;text-transform: uppercase;letter-spacing: 2px;font-weight: 300;justify-content: center;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
    .bst_multibox .bst_multibox_text h3 {
    text-align: center; color: var(--hell); font-weight: 400; justify-content: center; font-size: 2rem; line-height: 2.4rem; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);}
    .bst_multibox .bst_multibox_titel { color: var(--hell); font-weight: 400; justify-content: center; font-size: 2rem; line-height: 2.4rem; text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5); margin-top: 50px; text-align: center;}
    .bst_multibox .bst_multibox_text p { text-align: center; font-size: 1rem;line-height: 1.4rem;}
    .bst_multibox .bst_multibox_untertitel { color: var(--hell);font-family: var(--fontfam_t);font-size: 1.3rem; line-height: 1.7rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; justify-content: center; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
    .bst_multibox .bst_multibox_inhalt {width: 90%;}


    .kontaktformular_aktiv fieldset{width: calc(100% - 70px);margin: 0 auto;}
    
    #vorl200_sprungmarken_bausteinbereiche li a {background-color: var(--hell);color: var(--hauptfarbe); font-family: var(--fontfam_h); font-size: 1.2rem; line-height: 1.4rem;transition: 0.3s; padding: 4px 8px; margin: 7px;}
}







/*----------- Kontaktformular -----------*/

.kontaktformular_aktiv {width: auto; min-width: 30vw; max-width: 600px; font-family: var(--fontfam); font-size: 1rem; line-height: 1.6rem;margin: 0 auto;}
.kontaktformular_aktiv .kontakt_form_versteckte_felder_toggle {border-radius: var(--borderradius); font-family: var(--fontfam); font-size: 1rem; line-height: 1.6rem; padding: 5px 15px; transition: 0.2s; top: 30px; right: 30px;}
.kontaktformular_aktiv .kontakt_form_versteckte_felder_toggle:hover {background-color: var(--hauptfarbe_alternativ); cursor: pointer;}
.kontaktformular_aktiv fieldset {border-radius: var(--borderradius); padding: 15px 15px 15px 30px; background-color: var(--hauptfarbe_hellhinterg);}
.kontaktformular_aktiv fieldset legend {border-radius: var(--borderradius); padding: 5px 15px; font-size: 1rem; line-height: 1.6rem; letter-spacing: 1px; text-transform: uppercase;}
.kontaktformular_aktiv fieldset label {width: 100% !important; margin-top: 15px; flex: 1;}
.kontaktformular_aktiv input[type="text"], .kontaktformular_aktiv textarea, .kontaktformular_aktiv select {width: calc(100% - 30px) !important; max-width: 100% !important; border-radius: var(--borderradius); padding: 10px 15px; font-family: var(--fontfam); font-size: 1rem; line-height: 1.6rem; font-weight: 500; border: none; margin: 0 0 0 -15px;}
.kontaktformular_aktiv select {width: 100% !important;}
.kontaktformular_aktiv div {width: 97%; display: flex;}
.kontaktformular_aktiv div input:first-of-type {flex: 1; margin-right: 20px;}
.kontaktformular_aktiv div input:last-of-type {flex: 3;}
.kontaktformular_aktiv #spam_schutz_kontaktformular {display: flex; flex-direction: column;}
.kontaktformular_aktiv input[value="Anfrage senden"] {border-radius: var(--borderradius); font-family: var(--fontfam); font-size: 1rem; line-height: 1.6rem; transition: 0.2s; display: flex; justify-self: center; margin: 25px 0 5px 0 !important; width: auto !important; padding: 10px 30px;}
.kontaktformular_aktiv input[value="Anfrage senden"]:hover {background-color: var(--zweitfarbe); cursor: pointer;}






/* chewy-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: 'Chewy';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/chewy-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chewy-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lexend-v23-latin_latin-ext-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/lexend-v23-latin_latin-ext-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lexend-v23-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lexend-v23-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/lexend-v23-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/lexend-v23-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lexend-v23-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/lexend-v23-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lexend-v23-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v23-latin_latin-ext-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}