:root {
  --hauptfarbe: #1B76A7; /* Sattes Blau */
  --hauptfarbe_alternativ: #BAD7E4; /* hell pastelblau */
  --hauptfarbe_hellhinterg: #edebe2; /* hellbeige */
  --hauptfarbe_dunkelhinterg: #1D485B; /* dunkelblau */
  --hauptfarbe_text: #132E3A; /* sehr dunkles blau */
  --zweitfarbe: #FCED49; /* gelb */
    
 --fontfam_h: 'Onest', sans-serif; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: 'Onest', sans-serif; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: 'Sacramento', monospace; /* ausgewählte Schriftart Highlights */
}





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

.landingpage_titelbild .bst_multibox .bst_multibox_titel {font-family: var(--fontfam_auszeichnung); font-weight: 400;font-size: 7vh;}

.bst_multibox .bst_multibox_titel {font-family: var(--fontfam_h); font-weight: 400;}

.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_titel {font-family: var(--fontfam_auszeichnung); font-size: 12vh;padding-top: 40px;}

.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_titel {font-family: var(--fontfam_auszeichnung); font-size: 9rem;}
.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {font-family: var(--fontfam_auszeichnung); font-size: 9rem;}

.bst_multibox .bst_multibox_untertitel {font-size: 3vh; padding-top: 3vh;}

#16 {background-color: var(--hauptfarbe_alternativ);}


#eintrag_ebene_1_4 {background-color: var(--hauptfarbe);}
#navigation ul li {height: 40px;}
#eintrag_ebene_1_4.navi_erste_ebene a {color: var(--hell);font-weight: 800;}
#eintrag_ebene_1_4.navi_erste_ebene a:hover {color: var(--hauptfarbe_alternativ);font-weight: 800;}

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

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

.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_bilder_leiste { opacity:1;}
.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe {background-color: var(--zweitfarbe); color: var(--hauptfarbe_text);}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_untertitel {font-size: 3vh; padding-top: 3vh; }

.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_ohne_bilderleiste .mb_standard_inhaltsbereich {background-color: var(--hauptfarbe_hintergrund);}

#bstb_unserhaus {background-color: var(--hauptfarbe_dunkelhinterg);}
#bstb_zusaetzlicheangebote {background-color: var(--hauptfarbe_dunkelhinterg);}

#multibox_40 .bst_multibox_titel {color: var(--hell); padding-top: 40px;}
#multibox_50 .bst_multibox_titel {color: var(--hell);}
#multibox_40 .bst_multibox_untertitel {color: var(--hell);}
#multibox_40 p {color: var(--hell);}




/*----- Startseite - Wohnungen -----*/
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste {padding:10vh 0 10vh 0;}
#multibox_50.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste {padding:10vh 0 5vh 0;}

.kacheln .bst_multibox.bst_multibox_kacheln_layout .bst_multibox_titel {font-family: var(--fontfam_h);font-weight: 500;}
.kacheln .bst_multibox.bst_multibox_kacheln_layout .bst_multibox_linkausgabe {background-color: var(--hauptfarbe); color: var(--hauptfarbe_alternativ);}
.kacheln .bst_multibox.bst_multibox_kacheln_layout {margin-bottom: 100px;}

#multibox_43.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_untertitel
{ font-size: 1.6rem;padding-top: 2vh;}





/*----- Startseite - FAQ - Ausklappbox indiv  ------*/

.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich .bst_multibox_titel {font-family: var(--fontfam_h);font-size: 2rem; font-weight: 500;}





/*----- Seite - Unser Haus  ------*/

#bstb_seite2_unserhaus {background-color: var(--hauptfarbe_dunkelhinterg);}
#multibox_61 {background-color: var(--hauptfarbe_dunkelhinterg);}

#multibox_59 .bst_multibox_titel {color: var(--hell); padding-top: 100px;}
#multibox_59 .bst_multibox_untertitel {color: var(--hell);}
#multibox_59 p {color: var(--hell);}

#vorl200_sprungmarken_bausteinbereiche {background-color: var(--hauptfarbe_dunkelhinterg);}
#vorl200_sprungmarken_bausteinbereiche li a {background-color: var(--hauptfarbe_alternativ); color:var(--hauptfarbe_dunkelhinterg);}
#vorl200_sprungmarken_bausteinbereiche li a:hover { background-color: var(--hauptfarbe); color: white;}





/*----- Unser Wohnung Seite -   ------*/
.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_bild_unten .bst_multibox_titel {font-size: 8rem;}



.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_bild_unten .bst_multibox_bilder_leiste {margin: 0}
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_bilder_leiste{margin: 0}




#bstb_wohnungen_4_9_apartment{background-color: var(--hauptfarbe_dunkelhinterg);}
#bstb_wohnungen_12_apartment{background-color: var(--hauptfarbe_dunkelhinterg);}
#bstb_wohnungen_5_10_studio{background-color: var(--hauptfarbe_dunkelhinterg);}
#bstb_wohnungen_3_8_studio{background-color: var(--hauptfarbe_dunkelhinterg);}
#bstb_wohnungen_11_13_apartment{background-color: var(--hauptfarbe_dunkelhinterg);}
#bstb_apartment_1267_infos {background-color: var(--hauptfarbe_dunkelhinterg);}
#bstb_wohnungen_apartments {background-color: var(--hauptfarbe_dunkelhinterg); width: 100%; padding: 6vh 20vw;}

div.indiv_bstb_grundriss .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_unten .bst_multibox_bilder_leiste .bst_mb_ein_bild {width:33%; height: 350px; overflow: hidden;}
div.indiv_bstb_grundriss .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_unten .bst_multibox_bilder_leiste { max-width: 3000px; width: 100%;}
div.indiv_bstb_grundriss  .bst_mb_ein_bild img.multibox_bild {width: 100%; height: 100%; object-fit: cover; display: block;}
div.indiv_bstb_grundriss .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_unten .mb_standard_inhaltsbereich {background-color: var(--hauptfarbe_hellhinterg);}
div.indiv_bstb_grundriss .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_unten .bst_multibox_titel {font-family: var(--fontfam_auszeichnung); font-size: 8rem; }



/* ------ 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_auszeichnung); width: 100%; text-align: center; letter-spacing: 0.5px; font-size: 3.2rem; line-height: 1.6rem; margin: 0; font-weight: 400; padding-bottom: 20px;}
#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_t); 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: 7vh 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_t); margin: 8px 15px; font-size: 0.9rem; line-height: 1.2rem;}
#fuss #fuss_kontaktundlinks #fuss_kontaktdaten div a {font-family: var(--fontfam_t); 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_t); font-size: 0.8rem; line-height: 1.1rem; color: var(--hauptfarbe);}
#sohle span {display: none;}
#sohle a:hover {color: var(--hauptfarbe);}


/*kopf_kontaktinfos*/

#kopf_kontaktinfos { position: fixed; right: 0; display: flex; justify-content: flex-end; top: 70vh; flex-wrap: wrap; z-index: 2;flex-direction: column; align-items: flex-end; overflow: hidden;}

#kopf_kontaktinfos .eine_kontaktinfo {background-color: #1b76a7; 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 .icon { display: flex; justify-content: center; align-items: center; width: 4vw; margin-right: 10px; color: #1b76a7}
#kopf_kontaktinfos .eine_kontaktinfo .icon img {height: 65%; width: 45%; object-fit: contain;}

#kopf_kontaktinfos .eine_kontaktinfo .kontaktinfo {font-family: var(--fontfam_h); transition: 0.3s; max-width: 0; color: white; 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:hover {cursor: pointer; width: 25vw;}
#kopf_kontaktinfos .eine_kontaktinfo:hover .kontaktinfo { cursor: pointer; max-width: 25vw;}

/*kopf_kontaktinfos ende*/



/* ------ Mobilversion --------   */

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

.kacheln .bst_multibox.bst_multibox_kacheln_layout {min-width: 330px; }
.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {font-size: 12vw;}

.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_titel {font-size: 8vh;line-height: 8vh;}
#multibox_40.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {font-size: 8vh;line-height: 8vh;}
#multibox_59.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {font-size: 8vh;line-height: 8vh;}
    
.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_bild_unten .bst_multibox_titel {font-size: 8vh;line-height: 8vh; padding-top: 60px;}
.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich .bst_multibox_titel {font-size: 3vh;}


#fuss #fuss_schnellkontakt h4 {line-height: 3.6rem;}
#navi_mobile_100 #navi_mobile_100_burgermenu #burgermenu_menu_text {color: var(--hauptfarbe);}
    
    
div.indiv_bstb_grundriss .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_unten .bst_multibox_bilder_leiste .bst_mb_ein_bild {width:100%; height: 295px; overflow: hidden;}    
    
div.indiv_bstb_grundriss .bst_multibox.bst_multibox_standard_layout.bst_multibox_bild_unten .bst_multibox_titel {font-size: 8vh;}    
div.indiv_bstb_grundriss .bst_multibox.bst_multibox_standard_layout .mb_standard_inhaltsbereich {margin-top: -80px;}
#kopf_kontaktinfos {top: 60vh;} 
#kopf_kontaktinfos.eine_kontaktinfo {width: 17vw; height: 5vh; padding-right: 11px;}
}



















/*Buchung*/
#wattenblick_buchung { width: 100%; height: 89vh; }
#wattenblick_buchung  #wattenblick_buchungssystem { width: 100%; height: 100%; border: none; }

/*Hot fix Bild Animation*/
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_bilder_leiste .bst_multibox_animation {width: calc(100% - 20px); height: 93%; display: flex; justify-content: center; align-items: center; overflow: hidden; border: 10px solid var(--hell);}

.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_animation_bild {width: 100%;  position: absolute; z-index: 99; top: 0; left: 0;}
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_bilder_leiste .bst_multibox_animation_bild.unsichtbar {width: 100%; display: none; position: absolute; z-index: 99; top: 0; left: 0;}












@media screen and (max-width: 768px) {
  #kopf_kontaktinfos .eine_kontaktinfo { width: 12vw; padding-right: 5px;}
  #kopf_kontaktinfos .eine_kontaktinfo .icon { width: 12vw;}

  #kopf_kontaktinfos .eine_kontaktinfo:hover { cursor: pointer; width: 75vw;}
  #kopf_kontaktinfos .eine_kontaktinfo:hover .kontaktinfo { justify-content: flex-start ;max-width: 75vw; font-size: 3.5vw; line-height: 3.5vw;}
}


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

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