:root {
  --hauptfarbe: #8B75B3; /* Physio-Braun Lila */
  --hauptfarbe_alternativ: #DED5ED; /* hellere Version des lila */
  --hauptfarbe_hellhinterg: #EFE9E7; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #2D233B; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #E2FF67; /* Limettengrün */
 
  --fontfam_h: 'Martel Sans'; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: 'Martel Sans'; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: 'Martel Sans'; /* ausgewählte Schriftart Highlights */
}



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

.bst_multibox .bst_multibox_titel {color:var(--hauptfarbe);}
.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe {background-color: var(--zweitfarbe); color: var(--hauptfarbe_dunkelhinterg);}
.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe:hover {background-color: var(--hauptfarbe);}


.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_bild_unten .bst_multibox_untertitel {font-size: 2rem;}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_untertitel {font-size: 2rem;}




.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste {padding: 10vh 0 10vh 0;}
.bst_multibox.bst_multibox_galerie_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {aspect-ratio:1/1; border-radius: 50%;}
.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {aspect-ratio: 1/1;}
.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung {border-radius: 50%;}

#vorl200_sprungmarken_bausteinbereiche{z-index: 10; position: absolute; top:450px;}

.intuitives_bearbeiten {z-index: 20;}


.bst_multibox.bst_multibox_standard_layout .mb_standard_inhaltsbereich{padding: 60px 60px 60px 165px; margin-left: -165px;}

#multibox_83 p a {color:var(--hell);}

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

#bstb_braun_startseite_schnellbutton{background-color: var(--hauptfarbe_alternativ); }
#bstb_braun_startseite_schnellbutton .bst_multibox.bst_multibox_kacheln_layout  {flex: unset; width: 22%; min-width: unset;}
.bstb_intuitiv.kacheln {width: 100%; max-width: 100%;}
#bstb_braun_startseite_schnellbutton.kacheln .bst_multibox.bst_multibox_kacheln_layout {margin: 8vh 0vh 0vh 0vh;}
#bstb_braun_startseite_schnellbutton.kacheln .bst_multibox.bst_multibox_kacheln_layout .bst_multibox_titel {font-size: 1.5rem; text-transform: uppercase;}

.kacheln .bst_multibox.bst_multibox_kacheln_layout {background-color: transparent;}
.kacheln .bst_multibox.bst_multibox_kacheln_layout .multibox_bild{width: 100px;}
.kacheln .bst_multibox.bst_multibox_kacheln_layout.bst_multibox_bild_oben .bst_multibox_bilder_leiste .bst_mb_ein_bild {justify-content: center; flex-wrap: wrap; align-content: center; }
.kacheln .bst_multibox.bst_multibox_kacheln_layout .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung{background-color:var(--hauptfarbe); width: 147px; height: 147px; padding: 0.8em; border-radius: 100%; aspect-ratio: 1 / 1; }
.kacheln .bst_multibox.bst_multibox_kacheln_layout .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung:hover {background-color: var(--zweitfarbe);}



#multibox_38 p a {color: var(--hell);}

/* - Titelvideo - */

.landingpage_titelbild .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout {min-height: calc(100vh - 40vh - 120px); padding: 28vh 50px; margin-top: -20vh;}

.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_titel {margin-top: 85px;}


/* - Einleitung - */
#multibox_36.bst_multibox.bst_multibox_hauptueberschrift_layout .mb_standard_inhaltsbereich {background-color: transparent;}
#multibox_36.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung {border: none; box-shadow: none;}
.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_bild_unten .bst_multibox_bilder_leiste{margin-right: 0;}
#multibox_36.bst_multibox.bst_multibox_hauptueberschrift_layout {margin-bottom: 0}
#multibox_36.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_bild_unten .bst_multibox_bilder_leiste .bst_mb_ein_bild .bst_multibox_bild_umrahmung {width: calc(108% - 20px);}


/* - Individueller Kontakt Button*/
#fuss .kontakt_button_individuell_fixed {display: inline-flex; align-items: center; justify-content: center; position: fixed; bottom: 1em; left: 5px; margin: 0.5rem; padding: 1rem; text-transform: uppercase; font-weight: 500;letter-spacing: 2px; color: var(--hauptfarbe_dunkelhinterg); background-color: var(--zweitfarbe); border-radius: 0.5rem; cursor: pointer; z-index: 20; transition: background-color 0.3s; outline: none; border: 0; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;}
#fuss .kontakt_button_individuell_link {display: none;}

/* - Praxis - */
#bstb_startseite_praxis{background-color: var(--hauptfarbe);}
#multibox_38.bst_multibox .bst_multibox_titel {color: var(--hell);}
#multibox_38.bst_multibox .bst_multibox_untertitel {color: var(--hell);}
#multibox_38.bst_multibox p {color: var(--hell);}


/* - Team - */
#bstb_startseite_team{background-color: var(--hell);}
#multibox_42.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste {padding: 20vh 0 20vh 0;}

#multibox_41.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout {padding: 20vh 0;}
#multibox_41.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_video_leiste .bst_multibox_video_umrahmung {align-items: flex-start;}
#multibox_41.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_video_leiste .bst_multibox_video_umrahmung video {height: auto; align-items: flex-start; margin-top: -11vw;}


/* - FAQ - */

.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich:hover .bst_multibox_titel{color: var(--hauptfarbe_alternativ);}

.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_text {column-count: 1;}



/* ------------- Seite Leistunegen --------------- */

#multibox_44.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout{padding: 13vh 50px; margin-top: -25vh;}

#inhalt.inhalt_10 .bst_multibox .multibox_bild {width: 100%; }
#inhalt.inhalt_10 .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung{width: calc(105% - 20px);}
#inhalt.inhalt_10 .bst_multibox .bst_multibox_bild_umrahmung a {display: flex; width: 100%; height: 100%;}
#inhalt.inhalt_10 .bst_multibox .multibox_bild {width: 100%; object-fit: cover;}





/* ------------- Seite Praxis --------------- */
#multibox_72.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout{padding: 13vh 50px; margin-top: -25vh;}



#multibox_64 {background-color: var(--hauptfarbe);}
#multibox_64.bst_multibox .bst_multibox_titel {color: var(--hell);}
#multibox_64.bst_multibox .bst_multibox_untertitel {color: var(--hell);}
#multibox_64.bst_multibox .bst_multibox_inhalt p {color: var(--hell);}

#bstb_braun_praxis_barrierefrei {background-color: var(--hauptfarbe_alternativ);}
#multibox_76.bst_multibox.bst_multibox_image_video_layout .mb_video_inhaltsbereich {background-color: transparent;}


/* ------------- Seite Team --------------- */

#multibox_77.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout{padding: 13vh 50px; margin-top: -25vh;} 


#multibox_79.bst_multibox.bst_multibox_galerie_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {margin: 48px;}
#multibox_79.bst_multibox.bst_multibox_galerie_layout .bst_multibox_bilder_leiste .bst_multibox_bildunterschrift { opacity: 100%; background-color: var(--hauptfarbe); box-shadow: none; padding-top: 12px; font-size: 0.8rem;color: var(--hell); top: 77%;}
#multibox_77 .bst_multibox_video_umrahmung { align-items: center; }

/* ------------- Seite Kontakt --------------- */

#bstb_braun_kontakt_telefon {background-color: var(--hauptfarbe); color: var(--hell);}
#multibox_83.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_titel{color: var(--hell);}
#multibox_84.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_titel{color: var(--hell);}
#multibox_83.bst_multibox .bst_multibox_inhalt p{color: var(--hell);}
#multibox_84.bst_multibox .bst_multibox_inhalt p{color: var(--hell);}


/* ------------- NEWS --------------- */

#bstb_braun_startseite_news {background-color: var(--hauptfarbe_alternativ);}
.news_ausgabe .bst_multibox .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung {border-radius: unset;}
.news_ausgabe .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {aspect-ratio:unset;}
.bst_multibox .bst_multibox_info .bst_multibox_erstellungsdaten{color: var(--hauptfarbe);}


#news_ausgabe_weitere .bst_multibox .multibox_bild { width: auto;max-height: 590px;object-fit: cover;}

#news_ausgabe_weitere .bst_multibox.bst_multibox_standard_layout .mb_standard_inhaltsbereich{padding: 60px 60px 60px 207px; margin-left: -210px;}

#multibox_102.bst_multibox .bst_multibox_titel {justify-content: center; text-align: center; }
#multibox_102.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_ohne_bilderleiste .mb_standard_inhaltsbereich {background-color: transparent;}
/* ------------- Navigation --------------- */

#navigation {background-color: transparent;}





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

@media screen and (max-width: 768px) {
  .cms_div_um_alles {overflow-x: hidden;}

 .landingpage_titelbild .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_titel {font-size: 3.8rem;margin-top: unset;}
 .landingpage_titelbild .bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout{padding: 22vh 50px; margin-top: unset;}

  #multibox_36.bst_multibox.bst_multibox_hauptueberschrift_layout {margin-bottom: -2.8%; margin-top: 18vh;}
  #multibox_36.bst_multibox.bst_multibox_hauptueberschrift_layout.bst_multibox_bild_unten .bst_multibox_bilder_leiste .bst_mb_ein_bild .bst_multibox_bild_umrahmung {width: 21rem;}

  #multibox_41.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout {padding: 15vh 20px;}

  #multibox_41.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_video_leiste .bst_multibox_video_umrahmung video {height: 100%; align-items: center; margin-top: 0;}
  #multibox_41.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_video_leiste .bst_multibox_video_umrahmung {align-items: center;}

  #multibox_42.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste {padding: 10vh 0 20vh 0; calc(100% - 40px);}


  #multibox_44.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout{padding: 27vh 50px; margin-top: unset;} #vorl200_sprungmarken_bausteinbereiche{top:65vh;}
  #multibox_44.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_titel,
  #multibox_44.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_untertitel { position: relative; top: -11vh;}

  #multibox_72.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout{padding: 27vh 50px; margin-top: unset;}
  #multibox_77.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout{padding: 27vh 50px; margin-top: unset;}

  #multibox_72.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_titel,
  #multibox_72.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundvideo_layout .bst_multibox_untertitel { position: relative; top: -11vh;}

  #bstb_braun_startseite_schnellbutton .bst_multibox.bst_multibox_kacheln_layout {width: unset; padding: 2.4em;}
  #bstb_braun_startseite_schnellbutton.kacheln .bst_multibox.bst_multibox_kacheln_layout{margin: 3vh 0 -5vh 0;}

  #navi_mobile_100{background-color: transparent;}

  #navi_mobile_100 #navi_mobile_100_burgermenu #burgermenu_menu_text {color:var(--hauptfarbe);}

  .bst_multibox .bst_multibox_titel{font-size: 4vh;}

  .kacheln .bst_multibox.bst_multibox_kacheln_layout {flex: unset;}
}

@media screen and (min-width: 769px) {
  #multibox_77 .mb_video_ausgabe {object-fit: contain; margin-top: 25vw; height: auto; }
}













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


#fuss {background-color: transparent;}
#fuss #fuss_kontakt_aufnehmen {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; padding-top: 15vh;}
#fuss #fuss_kontakt_aufnehmen .ganze_zeile {display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center;background-color: var(--hauptfarbe_hellhinterg);}
#fuss #fuss_kontakt_aufnehmen .ganze_zeile #calltoaction {background-color: var(--hauptfarbe); transition: 0.2s; color: var(--hell); padding: 10px 20px; font-size: 1.2rem; line-height: 2.6rem;}
#fuss #fuss_kontakt_aufnehmen .ganze_zeile #calltoaction:hover {background-color: var(--hauptfarbe_alternativ); transition: 0.2s;}


#fuss #fuss_kontakt_aufnehmen .ganze_zeile a {margin: 10px;}
#fuss #fuss_kontakt_aufnehmen .ganze_zeile a img {height: 45px; width: 45px; transition: 0.2s; padding: 25px;}
#fuss #fuss_kontakt_aufnehmen .ganze_zeile a:hover img {height: 51px; width: 51px; padding: 22px;}



#fuss #fuss_links {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 3vh 0;}
#fuss #fuss_links a {margin: 5px 25px; text-transform: uppercase; letter-spacing: 1px; position: relative; transition: 0.3s;}
#fuss #fuss_links a:after {content: ''; position: absolute; right: 50%; left: 50%; height: 5px; background-color: var(--hauptfarbe); bottom: -8px; transition: 0.3s;}
#fuss #fuss_links a:hover:after {right: 0; left: 0; background-color: var(--hauptfarbe_alternativ);}
#fuss #fuss_links a:hover {color: var(--hauptfarbe_alternativ);}



#fuss #fuss_kontaktundlinks {display: flex; flex-wrap: wrap; flex-direction: column;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; background-color: var(--hauptfarbe_hellhinterg);}
#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; padding-bottom: 50px; padding-top: 50px; background-color: var(--hauptfarbe);}
#fuss #fuss_kontaktundlinks #fuss_kontaktdaten div {font-family: var(--fontfam_auszeichnung); margin: 8px 15px; font-size: 0.9rem; line-height: 1.5rem; color:var(--hell);}
#fuss #fuss_kontaktundlinks #fuss_kontaktdaten div a {font-family: var(--fontfam_auszeichnung); color: var(--hauptfarbe_alternativ);}
#fuss #fuss_kontaktundlinks #fuss_kontaktdaten div a:hover {border-bottom: 2px solid var(--zweitfarbe);}


#sohle {padding-bottom: 20px; padding-top: 20px; background-color: var(--hauptfarbe_hellhinterg);}
























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

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

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

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

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

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

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