:root {
  --hauptfarbe: #b5152b; /* Bdb rot */
  --hauptfarbe_alternativ: #ff5c5c; /* hellere Version des mediamor rot */
  --hauptfarbe_hellhinterg: #eddedd; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #42051f; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #ff5c5c; /* akzentfarbe */

  --fontfam_h: 'Roboto', sans-serif; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: 'Roboto', sans-serif; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: 'Roboto', monospace; /* ausgewählte Schriftart Highlights */
}

.kontaktformular_aktiv fieldset legend{ box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f; }



  /*--------------------------- Allgemein -----------------------------*/
#vorl200_sprungmarken_bausteinbereiche {background-color: var(--hell);}






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

.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste p {color:var(--hell);}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste .bst_multibox_untertitel {color:var(--hell);}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste .bst_multibox_titel {color:var(--hell);}


.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_multibox_bild_umrahmung{border:10px solid var(--zweitfarbe);}











/*--------------------------- Landingpage -----------------------------*/


.bstb_intuitiv {background-color: var(--hauptfarbe);}

#multibox_72.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_bilder_leiste { opacity:0.8;}
.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_bilder_leiste::after {background-color: var(--hauptfarbe); opacity: 0.7;}

#multibox_69.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {color: var(--hell);font-weight: 200;}
#multibox_71.bst_multibox .bst_multibox_untertitel {color:var(--hell);}

.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {font-size: 4rem; color: var(--hell);}
.bst_multibox .bst_multibox_untertitel {font-size: 2rem; line-height: 3rem;}










/*--------------------------- Betreuungsbüro Abteil -----------------------------*/



.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste {padding: 100px 0 50px 0;}

#bstb_startseite_zurperson {background-color: var(--hell);}








/*--------------------------- Zur Person  -----------------------------*/

#multibox_79.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_bilder_leiste { opacity:0.8;}
.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_untertitel {color: var(--zweitfarbe);

}
#multibox_73.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste .bst_multibox_titel {color:var(--hauptfarbe);}
#multibox_73.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste .bst_multibox_untertitel {color:var(--zweitfarbe);}

/*--------------------------- Anfahrt  -----------------------------*/
#bstb_startseite_anfahrt {padding-bottom: 10vh;}









/*--------------------------- FAQ  -----------------------------*/
#bstb_startseite_faq {background-color: var(--hell);}

#multibox_77.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout.bst_multibox_ohne_bilderleiste .bst_multibox_titel {color:var(--hauptfarbe);}

.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich {background-color:var(--hauptfarbe);}
.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich .bst_multibox_titel {color: var(--hell);}
.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich .bst_multibox_titel:hover {color: var(--zweitfarbe);}

.bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich .ausklapp_btn svg {color: var(--hell);}



/*--------------------------- Tätigkeiten  -----------------------------*/

.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {color: var(--hell);}
.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_untertitel {color: var(--hell);}
.bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout p {color:var(--hell);}

#multibox_83.bst_multibox.bst_multibox_ueberschrift_mit_hintergrundbild_layout .bst_multibox_bilder_leiste {opacity:0.8;}


#bstb_taetigkeitsfelder_zusaetzlichetaetigkeiten {background-color: var(--hell);}
#bstb_taetigkeitsfelder_verfahrenspflegschaften {background-color: var(--hell);}
#bstb_taetigkeitsfelder_vormundschaft {background-color: var(--hell);}
#bstb_taetigekeitsfelder_verfahrenspflege {background-color: var(--hell);}
#bstb_taetigekeitsfelder_budgetassistenz {background-color: var(--hell);}
#bstb_taetigekeitsfelder_insolvenzberatung {background-color: var(--hell);}














/* ------ fuss --------   */

#fuss #fuss_schnellkontakt {background-color: var(--hell);}
#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: 2.2rem; line-height: 1.6rem; margin: 0; font-weight: 400;}
#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; width: 100%; border-top: 4px solid var(--hauptfarbe);background-color: var(--hell); margin-top: 40px; margin-bottom: 40px;}
#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);}


#fuss #fuss_kontaktundlinks #fuss_kontaktdaten {margin-top: 40px;}


#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);}




@media screen and (max-width: 768px) {
  #vorl200_sprungmarken_bausteinbereiche {margin-top: 7vh; margin-bottom: 0;}

  .bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout {overflow: unset; padding: 0; width: 100%; hyphens: auto;}
  .bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .mb_standard_inhaltsbereich {padding: 0.4em; margin: 17%}
  .bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout.bst_multibox_ohne_bilderleiste .mb_standard_inhaltsbereich {padding: 0.4em; margin: unset}
  .bst_multibox .bst_multibox_untertitel {font-size: 1rem; line-height: 1rem;}
  .bst_multibox.bst_multibox_standard_layout {hyphens: auto;}

  #multibox_66 {margin-top: 7em;}

  .bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout {padding: 6vh; width: unset;}
  .bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_titel {font-size: 17pt !important; line-height: 17pt !important;}
  .bst_multibox.bst_multibox_hauptueberschrift_mit_hg_bild_layout .bst_multibox_untertitel {font-size: 15pt !important; line-height: 17pt !important;}

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

  .bst_multibox .bst_multibox_titel {font-size: 33pt !important; line-height: 33pt;}
  .bst_multibox .bst_multibox_untertitel {font-size: 15pt !important; line-height: 17pt !important;}

  .bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_titel {font-size: 6vw !important; line-height: 7vw !important;}
  .bst_multibox.bst_multibox_ausklapp_box_layout .bst_multibox_anklickbarer_bereich .bst_multibox_titel:hover { color: var(--hell)}
}






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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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