.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}
/**
 * CLICKPRESS CSS-Grid
 * @author: Stefan Schulz-Lauterbach
 *
 * thanks to Dinko Skopljak for co-working
 */
.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.content-start {
  align-content: start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: end;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

[class*=grid_] {
  display: grid;
  grid-gap: 1rem;
}
[class*=grid_] > .block {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .grid_mobile_100 {
    grid-template-columns: 1fr;
  }
  .grid_mobile_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_mobile_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_mobile_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_mobile_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_mobile_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_mobile_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_mobile_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_mobile_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_mobile_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_mobile_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_mobile_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_mobile_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_mobile_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_mobile_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_mobile_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .gap_mobile_0 {
    grid-gap: 0;
  }
  .gap_mobile_1 {
    grid-gap: 1rem;
  }
  .gap_mobile_2 {
    grid-gap: 2rem;
  }
  .gap_mobile_3 {
    grid-gap: 3rem;
  }
  .gap_mobile_4 {
    grid-gap: 4rem;
  }
  .gap_mobile_5 {
    grid-gap: 5rem;
  }
  .gap_mobile_6 {
    grid-gap: 6rem;
  }
  .gap_mobile_7 {
    grid-gap: 7rem;
  }
  .gap_mobile_8 {
    grid-gap: 8rem;
  }
  .gap_mobile_9 {
    grid-gap: 9rem;
  }
  .gap_mobile_10 {
    grid-gap: 10rem;
  }
  .gap_mobile_11 {
    grid-gap: 11rem;
  }
  .gap_mobile_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 768px) {
  .grid_tablet_100 {
    grid-template-columns: 1fr;
  }
  .grid_tablet_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_tablet_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_tablet_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_tablet_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_tablet_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_tablet_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_tablet_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_tablet_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_tablet_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_tablet_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_tablet_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_tablet_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_tablet_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_tablet_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_tablet_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_tablet_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .gap_tablet_0 {
    grid-gap: 0;
  }
  .gap_tablet_1 {
    grid-gap: 1rem;
  }
  .gap_tablet_2 {
    grid-gap: 2rem;
  }
  .gap_tablet_3 {
    grid-gap: 3rem;
  }
  .gap_tablet_4 {
    grid-gap: 4rem;
  }
  .gap_tablet_5 {
    grid-gap: 5rem;
  }
  .gap_tablet_6 {
    grid-gap: 6rem;
  }
  .gap_tablet_7 {
    grid-gap: 7rem;
  }
  .gap_tablet_8 {
    grid-gap: 8rem;
  }
  .gap_tablet_9 {
    grid-gap: 9rem;
  }
  .gap_tablet_10 {
    grid-gap: 10rem;
  }
  .gap_tablet_11 {
    grid-gap: 11rem;
  }
  .gap_tablet_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 992px) {
  .grid_desktop_100 {
    grid-template-columns: 1fr;
  }
  .grid_desktop_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_desktop_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_desktop_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_desktop_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_desktop_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_desktop_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_desktop_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_desktop_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_desktop_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_desktop_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_desktop_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_desktop_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .grid_desktop_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_desktop_40_20_20_20 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .grid_desktop_20_40_20_20 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  .grid_desktop_20_20_40_20 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  .grid_desktop_20_20_20_40 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  .grid_desktop_20_20_20_20_20 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gap_desktop_0 {
    grid-gap: 0;
  }
  .gap_desktop_1 {
    grid-gap: 1rem;
  }
  .gap_desktop_2 {
    grid-gap: 2rem;
  }
  .gap_desktop_3 {
    grid-gap: 3rem;
  }
  .gap_desktop_4 {
    grid-gap: 4rem;
  }
  .gap_desktop_5 {
    grid-gap: 5rem;
  }
  .gap_desktop_6 {
    grid-gap: 6rem;
  }
  .gap_desktop_7 {
    grid-gap: 7rem;
  }
  .gap_desktop_8 {
    grid-gap: 8rem;
  }
  .gap_desktop_9 {
    grid-gap: 9rem;
  }
  .gap_desktop_10 {
    grid-gap: 10rem;
  }
  .gap_desktop_11 {
    grid-gap: 11rem;
  }
  .gap_desktop_12 {
    grid-gap: 12rem;
  }
}

/*# sourceMappingURL=clickpress-grid.css.map */

/* Hebamme Sarah Klaus · Theme (Contao 5.3)
   Werte 1:1 aus dem Gestaltungsentwurf, angepasst an das Contao-Markup.
   Icons: per CSS-Klasse ico-<name> am Inhaltselement (Backend: CSS-Klasse). */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url(/files/themes/hebamme/fonts/cormorant-garamond.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/files/themes/hebamme/fonts/cormorant-garamond-italic.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:300 600;font-display:swap;src:url(/files/themes/hebamme/fonts/nunito-sans.woff2) format('woff2')}

:root{
  --creme:#FFFCF8;
  --sand:#F4EDE4;
  --sand-tief:#EBE0D3;
  --salbei:#8A9E8B;
  --salbei-tief:#5C6F5E;
  --rose:#D7A89A;
  --text:#3B3733;
  --text-leise:#6E675F;
  --gold:#C2A04C;
  --salbei-hell:#E4EAE2;
  --sand-hell:#FAF5EE;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --max:1124px;
  --rand:max(28px,calc((100vw - var(--max)) / 2));
  --rand-hero:max(28px,calc((100vw - 1180px) / 2));
}

/* ---------- Basis ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.75;color:var(--text);background:var(--creme);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
figure{margin:0}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.15;letter-spacing:.01em;text-wrap:balance}
h1{font-size:clamp(2.6rem,5.4vw,4.4rem)}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:1.55rem}
p{text-wrap:pretty}
.kicker{font-family:var(--sans);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--salbei-tief);font-weight:600;margin-bottom:18px}
.lead{font-size:1.15rem;color:var(--text-leise);max-width:60ch}
.rte a{color:var(--salbei-tief);text-decoration:underline;text-underline-offset:3px}
.rte a:hover{color:var(--rose)}
.invisible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Clickpress-Grid: eigener Abstand, Abschnitte sind nur Hüllen */
section.ce_cp_grid_start{display:block}
[class*=grid_desktop_]{gap:34px}

/* ---------- Icons (Masken aus files/themes/hebamme/icons) ---------- */
.ico-herz{--ico:url(/files/themes/hebamme/icons/herz.svg)}
.ico-brief{--ico:url(/files/themes/hebamme/icons/brief.svg)}
.ico-telefon{--ico:url(/files/themes/hebamme/icons/telefon.svg)}
.ico-chat{--ico:url(/files/themes/hebamme/icons/chat.svg)}
.ico-blatt{--ico:url(/files/themes/hebamme/icons/blatt.svg)}
.ico-haus{--ico:url(/files/themes/hebamme/icons/haus.svg)}
.ico-pfeil{--ico:url(/files/themes/hebamme/icons/pfeil.svg)}
.ico-kalender{--ico:url(/files/themes/hebamme/icons/kalender.svg)}
.ico-uhr{--ico:url(/files/themes/hebamme/icons/uhr.svg)}
.ico-tape{--ico:url(/files/themes/hebamme/icons/tape.svg)}
.ico-stern{--ico:url(/files/themes/hebamme/icons/stern.svg)}
.ico-instagram{--ico:url(/files/themes/hebamme/icons/instagram.svg)}
.ico-schild{--ico:url(/files/themes/hebamme/icons/schild.svg)}
.ico-karte{--ico:url(/files/themes/hebamme/icons/karte.svg)}
.ico-frage{--ico:url(/files/themes/hebamme/icons/frage.svg)}
.ico-lernen{--ico:url(/files/themes/hebamme/icons/lernen.svg)}

.btn[class*="ico-"] > a::before,
.btn-fuss[class*="ico-"] > a::before,
.insta-handle > a::before,
.social > a::before,
.kachel > a::before,
.kassen .rte p::before,
.preis .rte p::before,
.hinweis .rte p::before,
.kontakt-info .rte::before,
.fuss-kontakt .rte p[class*="ico-"]::before,
.widget-submit[class*="ico-"] button::before,
.vorteile-leiste li::before,
.karussell-pfeil::before,
.burger > a::before,
.faq-liste summary::after,
.zitat .rte::before{
  content:'';display:inline-block;flex:none;width:1.15em;height:1.15em;background:currentColor;
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat
}

/* ---------- Knöpfe (Hyperlink-Element mit CSS-Klasse btn) ---------- */
.btn{display:inline-block}
.btn > a,.widget-submit button{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;background:var(--salbei-tief);color:#fff;text-decoration:none;padding:14px 30px;border:1px solid var(--salbei-tief);border-radius:999px;font-family:var(--sans);font-size:.94rem;font-weight:400;letter-spacing:.03em;line-height:1.4;cursor:pointer;transition:.25s}
.btn > a:hover,.widget-submit button:hover{background:var(--salbei);border-color:var(--salbei)}
.btn-hell > a{background:transparent;color:var(--salbei-tief);border-color:var(--salbei)}
.btn-hell > a:hover{background:var(--salbei);color:#fff}
.btn-weiss > a{background:#fff;color:var(--salbei-tief);border-color:#fff}
.btn-weiss > a:hover{background:transparent;color:#fff;border-color:#fff}
.btn-klein > a{padding:11px 22px;font-size:.88rem}

/* ---------- Kopf (Globale Inhalte: header-insert) ---------- */
/* Kopf fixiert, Platz darunter fest reserviert (--kopf-hoehe per site.js): das Schrumpfen verschiebt so keinen Inhalt mehr */
#wrapper{padding-top:var(--kopf-hoehe,214px)}
#header{position:fixed;top:0;left:0;right:0;z-index:1200;background:var(--creme);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
#header.klein{border-color:var(--sand-tief);box-shadow:0 2px 24px rgba(59,55,51,.05)}
#header > .inside{--kopf-rand:max(30px,calc((100vw - 1280px) / 2));display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;column-gap:18px;padding:0 var(--kopf-rand)}

.vorteile-leiste{grid-column:1/-1;margin:0 calc(50% - 50vw);background:var(--salbei-tief);color:#fff}
.vorteile-leiste ul{max-width:1340px;margin:0 auto;padding:12px 34px;display:flex;justify-content:center;gap:34px;list-style:none;flex-wrap:wrap}
.vorteile-leiste li{display:flex;align-items:center;gap:9px;font-size:.83rem;letter-spacing:.02em;white-space:nowrap}
.vorteile-leiste li::before{width:17px;height:17px;opacity:.9}
.vorteile-leiste li:nth-child(1){--ico:url(/files/themes/hebamme/icons/schild.svg)}
.vorteile-leiste li:nth-child(2){--ico:url(/files/themes/hebamme/icons/haus.svg)}
.vorteile-leiste li:nth-child(3){--ico:url(/files/themes/hebamme/icons/herz.svg)}

.marke-logo{margin:22px 0;transition:margin .35s ease}
.marke-logo a{display:grid;place-items:center;width:122px;height:122px;border-radius:50%;background:var(--creme);border:1px solid var(--sand-tief);padding:9px;transition:width .35s ease,height .35s ease,padding .35s ease,border-color .35s}
.marke-logo img{width:100%;height:auto}
.marke-text{line-height:1.1}
.marke-text p:first-child a{font-family:var(--serif);font-size:1.8rem;white-space:nowrap;color:var(--text);text-decoration:none;transition:font-size .35s ease}
.marke-text p:last-child{font-size:.68rem;letter-spacing:.2em;white-space:nowrap;text-transform:uppercase;color:var(--salbei-tief);margin-top:5px;max-height:2em;transition:opacity .3s,max-height .35s,margin .35s}
#header.klein .marke-logo{margin:9px 0}
#header.klein .marke-logo a{width:44px;height:44px;padding:3px;border-color:transparent}
#header.klein .marke-text p:first-child a{font-size:1.12rem}
#header.klein .marke-text p:last-child{opacity:0;max-height:0;overflow:hidden;margin-top:0}

.hauptnav{justify-self:end}
.hauptnav ul{list-style:none}
.hauptnav .level_1{display:flex;gap:22px;font-size:.9rem}
.hauptnav .level_1 > li{position:relative}
.hauptnav a,.hauptnav strong{display:block;text-decoration:none;white-space:nowrap;color:var(--text-leise);font-weight:300;padding:6px 0;border-bottom:1px solid transparent;transition:.2s}
.hauptnav a:hover,.hauptnav .level_1 > li > .trail,.hauptnav .level_1 > li > strong.active{color:var(--salbei-tief);border-color:var(--salbei)}
.hauptnav .level_2{position:absolute;left:-18px;top:100%;min-width:240px;background:var(--creme);border:1px solid var(--sand-tief);border-radius:6px;box-shadow:0 14px 40px rgba(59,55,51,.1);padding:10px 18px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:5}
.hauptnav .level_1 > li:hover > .level_2,.hauptnav .level_1 > li:focus-within > .level_2{opacity:1;visibility:visible;transform:none}
.hauptnav .level_2 a,.hauptnav .level_2 strong{padding:9px 4px;border-bottom:1px solid var(--sand-tief)}
.hauptnav a:focus-visible,.btn > a:focus-visible{outline:2px solid var(--salbei-tief);outline-offset:3px}
.hauptnav .level_2 li:last-child a,.hauptnav .level_2 li:last-child strong{border-bottom:0}
.hauptnav .level_2 strong.active{color:var(--salbei-tief)}

.kopf-cta{margin-left:4px}
.burger{display:none}
.burger > a{width:46px;height:46px;border-radius:50%;border:1px solid var(--sand-tief);background:var(--creme);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:0;text-decoration:none;--ico:url(/files/themes/hebamme/icons/menue.svg)}
.burger > a::before{width:22px;height:22px}
#header.offen .burger > a{--ico:url(/files/themes/hebamme/icons/schliessen.svg)}
.mobil-kontakt{display:none}

/* ---------- Abschnitte ---------- */
.sektion{padding:96px var(--rand)}
.sektion.hero,.sektion.seiten-kopf{padding:0;background:var(--sand)}
.band,.liste,.galerie,.faq{background:var(--creme)}
/* Startseite: helle und getönte Sektionen wechseln sich ab */
.ueber,.gebiet,.kacheln,.insta{background:var(--sand)}
.seite-start .gebiet{background:var(--creme)}
.seite-ueber .ueber{background:var(--creme)}
.werdegang{background:var(--sand)}
.kacheln.hell{background:var(--creme)}
.stimmen,.kontakt{background:var(--sand-hell)}
.ueber,.kontakt{padding-top:110px;padding-bottom:110px}
.liste{padding-top:100px;padding-bottom:100px}

.band-kopf{text-align:center;max-width:640px;margin:0 auto 60px}
.band-kopf .lead{margin:0 auto}

/* Hero und Seitenkopf: Bild randlos */
.hero-grid > [class*=grid_desktop_]{gap:0;align-items:stretch}
.hero-text{padding:110px 70px 110px var(--rand-hero);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-text .content-text{width:100%}
.hero-text h1{margin-bottom:26px}
.hero-text h1 em{font-style:italic;color:var(--salbei-tief)}
.hero-text .lead{margin-bottom:24px}
.hero-text .content-hyperlink{display:inline-block;margin:0 14px 0 0}
.hero-text{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:flex-start;row-gap:14px}
.hero-bild{min-height:640px;overflow:hidden;position:relative}
.hero-bild .content-image,.hero-bild figure{height:100%}
.hero-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.seiten-kopf .hero-text{padding-top:90px;padding-bottom:90px}
.seiten-kopf h1{font-size:clamp(2.3rem,4.4vw,3.6rem)}
.seiten-kopf .hero-bild{min-height:clamp(520px,40vw,720px)}
.seiten-kopf .hero-bild img{object-position:center 20%}
/* Hochformat im Kopf (Wochenbett): oben ausrichten, sonst wird der Kopf abgeschnitten */
.seiten-kopf .hero-bild.bild-oben img{object-position:center 0}
.seiten-kopf .hero-bild.bild-martina{display:grid;place-items:center;padding:60px 28px;background:var(--sand)}
.seiten-kopf .hero-bild.bild-martina img{position:static;width:300px;max-width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 15%;border-radius:4px}

/* Leistungs-Karten */
.karten > [class*=grid_desktop_]{gap:34px}
.karte{background:var(--sand);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s}
.karte:hover{transform:translateY(-4px)}
.karte-bild{aspect-ratio:3/4;overflow:hidden}
.karte-bild figure,.karte-bild img{width:100%;height:100%;object-fit:cover}
.karte .karte-text{padding:30px 30px 22px;flex:1}
.karte .karte-text .rte{position:relative}
.karte .karte-text .rte::before{content:'';display:block;width:44px;height:44px;border-radius:50%;margin-bottom:16px;background:var(--creme)}
.karte .karte-text .rte::after{content:'';position:absolute;left:11.5px;top:11.5px;width:21px;height:21px;background:var(--salbei-tief);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.karte .karte-text h3{margin-bottom:12px}
.karte .karte-text p{font-size:.97rem;color:var(--text-leise)}
.karte .karte-text p + p{margin-top:12px}
.karte .karte-text p.karte-hinweis{display:inline-block;margin-top:12px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--salbei-tief);background:var(--creme);border-radius:999px;padding:4px 12px}
.karte > .content-hyperlink{padding:0 30px 34px}
.karte-info .karte-text{padding:34px 30px}
.kassen{max-width:var(--max);margin:46px auto 0}
.kassen .rte p{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--sand);border-radius:6px;padding:20px 28px;font-size:1rem;color:var(--text);text-align:center}
.kassen .rte p::before{width:22px;height:22px;color:var(--salbei-tief)}
.kassen .rte p{background:none;padding:0}

/* Über mich */
.ueber-grid > [class*=grid_desktop_]{gap:70px;align-items:center}
.ueber-bild{position:relative;z-index:0}
.ueber-bild img{border-radius:4px;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 30%}
/* Über mich: Porträt rund und mittig, Karten hell auf Sand */
.seite-ueber .ueber-bild{display:flex;justify-content:center}
.seite-ueber .ueber-bild img{width:min(360px,100%);aspect-ratio:4/5;border-radius:180px 180px 8px 8px;object-position:center top}
.seiten-kopf.ohne-bild .hero-text{padding-top:80px;padding-bottom:80px}
.seiten-kopf.ohne-bild .lead{max-width:62ch}
.karte-info:hover{transform:none}
.ueber-text h2{margin-bottom:24px}
.ueber-text .lead + .lead{margin-top:18px}
.ueber-text .content-hyperlink{margin-top:26px}
.signatur{font-family:var(--serif);font-style:italic;font-size:1.45rem;color:var(--salbei-tief);margin-top:26px}

.vorteile{margin-top:64px;padding-top:50px;border-top:1px solid var(--sand-tief)}
.vorteile > [class*=grid_desktop_]{gap:30px 34px}
.vorteil .rte{position:relative;padding-left:58px;min-height:42px}
.vorteil .rte::before{content:'';position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--creme)}
.vorteil .rte::after{content:'';position:absolute;left:11px;top:11px;width:20px;height:20px;background:var(--salbei-tief);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.vorteil h3{font-size:1.2rem;line-height:1.75;margin-bottom:3px}
.vorteil p{font-size:.93rem;color:var(--text-leise);line-height:1.6}

/* Zitat und Abschluss-Band */
.zitat{background:var(--salbei-tief);color:#fff;text-align:center;--ico:url(/files/themes/hebamme/icons/anfuehrung.svg)}
.sektion.zitat{padding-top:60px;padding-bottom:60px}
.zitat .rte{display:flex;align-items:flex-start;justify-content:center;gap:18px;text-align:left}
.zitat .rte::before{width:28px;height:28px;opacity:.55;margin-top:6px;display:none}
.zitat p{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.35;font-style:italic;max-width:40ch;margin:0}
/* Abschlussband: Textblock mittig, Knopf an der linken Textkante (Icon 28 px + Abstand 18 px) */
.zitat.cta{display:grid;justify-content:center;justify-items:start}
.cta .content-hyperlink{margin-top:34px;margin-left:46px}
@media(min-width:992px){.zitat.cta{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta .content-hyperlink{margin:0;flex:none}.zitat.cta p{max-width:none}}
/* Abschlussband der Unterseiten: hell abgesetzt, damit es nicht in die grüne Fußleiste übergeht */
.zitat.cta{background:var(--sand-hell);color:var(--salbei-tief)}
.zitat.cta .rte::before{opacity:.7}
.zitat.cta .btn-weiss > a{background:var(--salbei-tief);color:#fff;border-color:var(--salbei-tief)}
.zitat.cta .btn-weiss > a:hover{background:var(--salbei);border-color:var(--salbei)}

/* Galerie als Karussell (Galerie-Element) */
.galerie{padding-top:96px}
.galerie .band-kopf{margin-bottom:60px}
.karussell{position:relative;max-width:var(--max);margin:0 auto}
.karussell ul{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;list-style:none}
.karussell ul::-webkit-scrollbar{display:none}
.karussell li{flex:0 0 calc((100% - 48px) / 4);min-width:0;scroll-snap-align:start}
.karussell img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}
.karussell-pfeil{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--sand-tief);background:var(--creme);color:var(--salbei-tief);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 22px rgba(59,55,51,.12);transition:.25s;z-index:2;--ico:url(/files/themes/hebamme/icons/pfeil.svg)}
.karussell-pfeil::before{width:22px;height:22px}
.karussell-pfeil:hover{background:var(--salbei-tief);color:#fff;border-color:var(--salbei-tief)}
.karussell-pfeil.links{left:-20px;--ico:url(/files/themes/hebamme/icons/pfeil-links.svg)}
.karussell-pfeil.rechts{right:-20px}
.karussell-pfeil[hidden]{display:none}

/* Zeilen (Weitere Angebote) */
.zeile{padding:56px 0;border-top:1px solid var(--sand-tief)}
.liste section.zeile:first-of-type{border-top:0}
.zeile > [class*=grid_desktop_]{gap:70px;align-items:center}
.zeile.dreh .zeile-bild{order:2}
.zeile-bild img{border-radius:4px;aspect-ratio:4/3;object-fit:cover;width:100%}
.zeile-text.textbreite{max-width:760px}
.bild-hoch img{aspect-ratio:4/5;max-width:440px}
/* Kacheln Weitere Angebote (Startseite) */
.sektion.kacheln{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.sektion.kacheln .band-kopf{flex:0 0 100%;max-width:none;margin-bottom:40px}
.kachel{flex:1 1 0;min-width:0;max-width:280px}
.kachel > a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:34px 18px 30px;background:var(--salbei-tief);color:#fff;text-align:center;text-decoration:none;border-radius:4px;font-family:var(--serif);font-size:1.35rem;line-height:1.25;transition:.25s}
.kachel > a::before{width:38px;height:38px;background:#fff}
.kachel > a::after{content:'Mehr erfahren';font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8;white-space:nowrap}
.kachel > a:hover{background:var(--salbei)}
@media(max-width:991px){.kachel{flex:0 1 calc((100% - 40px) / 3)}}
@media(max-width:575px){.kachel{flex:0 1 calc((100% - 20px) / 2)}.kachel > a{padding:26px 12px 22px;font-size:1.15rem}.kachel > a::after{font-size:.7rem;letter-spacing:.1em}}
.bild-matte img{object-position:70% center}
.zeile-bild.bild-martina{justify-self:end}
.zeile .bild-martina img{aspect-ratio:4/5;object-position:center 15%;max-width:300px}
.zeile-text h2{margin-bottom:6px}
.zeile-text p{color:var(--text-leise);margin-top:12px}
#martina .zeile-text p + p{margin-top:26px}
.zeile-text ul{list-style:none;margin:20px 0 26px}
.zeile-text li{position:relative;padding-left:26px;margin-bottom:9px;font-size:.98rem;color:var(--text-leise)}
.zeile-text li::before{content:'';position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--rose)}
.zeile-text .content-hyperlink{display:inline-block;margin:0 10px 10px 0}
.zeile-text .content-hyperlink:last-child{margin-right:0}
.zeile-text .rte > :last-child{margin-bottom:0}
.zeile-text .rte > ul:last-child,.zeile-text .content-text:has(+ .content-hyperlink) .rte > :last-child{margin-bottom:26px}
.preis{margin:12px 0 26px}
.preis .rte p{position:relative;display:block;background:var(--sand);border-radius:4px;padding:14px 20px 14px 50px;font-size:.92rem;line-height:1.6;color:var(--text);margin:0}
.preis .rte p::before{position:absolute;left:20px;top:16px;color:var(--salbei-tief)}
.info-box{max-width:820px;margin:56px auto 0;background:var(--sand);border-radius:6px;padding:34px 36px}
.info-box h3{margin-bottom:10px}
.info-box p{color:var(--text-leise)}

.info-text{max-width:760px;margin:0 auto}
.info-text h2{margin-bottom:10px}
.info-text p{color:var(--text-leise);margin-top:12px}
.info-text + .btn{display:block;max-width:760px;margin:30px auto 0}
.info-text.info-links,.info-links + .btn{margin-left:0}
.info-preis{max-width:760px;margin:30px auto 0}
.info-preis + .btn{display:block;max-width:760px;margin:26px auto 0}

/* Einsatzgebiet */
.gebiet-grid > [class*=grid_desktop_]{gap:60px;align-items:center}
.gebiet .lead{margin-top:20px}
.gebiet .content-hyperlink.btn{margin-top:28px}
.karte-feld{position:relative;z-index:0;isolation:isolate;border-radius:6px;overflow:hidden;border:1px solid var(--sand-tief)}
#karte{aspect-ratio:4/3;width:100%;background:var(--sand-tief);display:grid;place-items:center}
#karte .leaflet-tile-pane{filter:saturate(.35) brightness(1.06)}
.leaflet-container{font-family:var(--sans)}
.karte-sperre{max-width:32ch;text-align:center;color:var(--text-leise);font-size:.95rem;padding:0 24px}
.gebiet-grid .ce_cp_column_start:has(.karte-freigabe){position:relative}
.karte-freigabe{position:absolute;left:50%;top:0;transform:translate(-50%,0);margin-top:calc((100% * .75) / 2 + 34px)}
.karte-sperre{margin-bottom:40px}
.karte-geladen .karte-freigabe{display:none}
.karte-legende{margin-top:14px}

/* Zeitstrahl Werdegang (Über mich): Liste im Text-Element */
.zeitstrahl{list-style:none;position:relative;max-width:980px;margin:0 auto;padding:0}
.zeitstrahl::before{content:'';position:absolute;left:50%;top:8px;bottom:8px;width:2px;margin-left:-1px;background:var(--salbei);opacity:.45}
.zeitstrahl li{position:relative;width:50%;padding:0 48px 26px 0;text-align:right}
.zeitstrahl li:nth-child(even){margin-left:50%;padding:0 0 26px 48px;text-align:left}
.zeitstrahl li:last-child{padding-bottom:0}
.zeitstrahl li::before{content:'';position:absolute;top:4px;right:-9px;width:18px;height:18px;border-radius:50%;background:var(--salbei-tief);box-shadow:0 0 0 5px var(--sand)}
.zeitstrahl li:nth-child(even)::before{right:auto;left:-9px}
.zeitstrahl .jahr{display:block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--salbei-tief);margin-bottom:6px}
.zeitstrahl h3{font-size:1.35rem;line-height:1.3;margin-bottom:6px}
.zeitstrahl p{color:var(--text-leise);font-size:.97rem}
.werdegang-schluss{max-width:760px;margin:56px auto 0;text-align:center}
.werdegang-schluss p{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.5;color:var(--salbei-tief)}
.hinweis-klein{font-size:.88rem;margin-top:20px!important;padding-left:14px;border-left:3px solid var(--sand-tief)}
@media(max-width:767px){
  .zeitstrahl::before{left:9px}
  .zeitstrahl li,.zeitstrahl li:nth-child(even){width:auto;margin-left:0;padding:0 0 34px 44px;text-align:left}
  .zeitstrahl li::before,.zeitstrahl li:nth-child(even)::before{left:0;right:auto}
}
.kontakt-info{margin-top:28px}
.kontakt-info .rte{position:relative;padding-left:40px}
.kontakt-info .rte::before{position:absolute;left:0;top:4px;color:var(--salbei-tief)}
.kontakt-info h3{font-size:1.25rem;margin-bottom:4px}
.kontakt-info p{color:var(--text-leise)}
.karte-legende p{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-leise)}
.karte-legende p::before{content:'';width:14px;height:14px;border-radius:50%;background:rgba(138,158,139,.35);border:2px solid var(--salbei-tief);flex:none}

/* Stimmen */
.stimmen-leiste > [class*=grid_desktop_]{gap:26px}
.stimmen-leiste{padding:4px 4px 18px}
.stimme{background:var(--creme);border-radius:6px;padding:34px 36px;display:flex;flex-direction:column}
.stimme .content-text,.stimme .rte{display:flex;flex-direction:column;flex:1}
.stimme .rte::before{content:'';display:block;width:111px;height:19px;margin-bottom:18px;background:var(--gold);-webkit-mask:url(/files/themes/hebamme/icons/stern-voll.svg) left/19px 19px space no-repeat;mask:url(/files/themes/hebamme/icons/stern-voll.svg) left/19px 19px space no-repeat;-webkit-mask-repeat:space no-repeat;mask-repeat:space no-repeat}
.stimme p{font-family:var(--serif);font-size:1.18rem;font-style:italic;line-height:1.45;color:var(--text);flex:1}
.stimme p.stimme-name{flex:none;margin-top:20px;font-family:var(--sans);font-style:normal;font-size:.92rem}
.stimme-name em{display:block;font-style:normal;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);margin-top:4px}

/* FAQ (faq-bundle, Template mod_pm_faq_accordion) */
.faq-liste{max-width:820px;margin:0 auto}
.faq-liste details{border-bottom:1px solid var(--sand-tief);padding:4px 0}
.faq-liste summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-family:var(--serif);font-size:1.3rem;color:var(--text);--ico:url(/files/themes/hebamme/icons/pfeil.svg)}
.faq-liste summary::-webkit-details-marker{display:none}
.faq-liste summary::after{color:var(--salbei-tief);transition:transform .25s}
.faq-liste details[open] summary::after{transform:rotate(90deg)}
.faq-antwort p{color:var(--text-leise);padding:0 0 22px;max-width:70ch}
.faq-antwort a{color:var(--salbei-tief);text-decoration:underline;text-underline-offset:3px}

/* Instagram */
.insta-kopf{margin-bottom:38px}
.insta-kopf > [class*=grid_desktop_]{align-items:end;gap:30px}
.insta-kopf .ce_cp_column_start:last-child{justify-self:end}
.insta-kopf h2{margin-top:6px}
.insta-handle > a{display:inline-flex;align-items:center;gap:9px;color:var(--salbei-tief);font-size:.95rem;text-decoration:none}
.insta-handle > a:hover{color:var(--rose)}
.insta-grid [class*=grid_desktop_]{grid-template-columns:repeat(6,1fr);gap:12px}
.insta-grid{outline:1px dashed var(--rose);outline-offset:6px}
.insta-kachel a{display:block;position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;background:var(--sand)}
.insta-kachel a::after{content:'';position:absolute;right:8px;top:8px;width:24px;height:24px;background:#fff;opacity:.9;-webkit-mask:url(/files/themes/hebamme/icons/instagram.svg) center/contain no-repeat;mask:url(/files/themes/hebamme/icons/instagram.svg) center/contain no-repeat;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.insta-kachel figure,.insta-kachel img{width:100%;height:100%}
.insta-kachel img{object-fit:cover;transition:transform .4s}
.insta-kachel a:hover img{transform:scale(1.05)}
.platzhalter-hinweis p{text-align:center;font-size:.88rem;color:var(--text-leise);margin-top:34px}

/* Kontakt + Formular */
.kontakt-grid > [class*=grid_desktop_]{gap:70px;align-items:start}
.kontakt .lead{margin-top:20px}
.direkt{display:block;margin-top:14px}
.direkt > a{display:flex;width:100%;justify-content:flex-start}
.kontakt-text .content-text + .direkt{margin-top:30px}
.hinweis{margin-top:26px}
.hinweis .rte p{display:flex;gap:14px;font-size:.9rem;color:var(--text-leise);background:var(--creme);border-left:3px solid var(--rose);padding:16px 20px;border-radius:0 4px 4px 0}
.hinweis .rte p::before{color:var(--rose);margin-top:3px}
.kontakt-bild{margin-top:32px;border-radius:4px;overflow:hidden}
.kontakt-bild img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 15%}
.formular{background:#fff;padding:34px;border-radius:6px}
.formular .formbody [class*=grid_desktop_],.formular .formbody [class*=grid_tablet_]{gap:0 18px}
.widget{margin-bottom:14px}
/* Labels nur für Screenreader, sichtbar ist der Platzhalter */
.formular .widget-text > label,.formular .widget-textarea > label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.widget input.text::placeholder,.widget textarea::placeholder{color:var(--text-leise);opacity:1}
.widget > label,.widget legend{display:block;font-size:.83rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-leise);margin-bottom:7px}
.widget label .mandatory{color:var(--text-leise);margin-left:2px}
.widget input.text,.widget textarea,.widget select{width:100%;padding:13px 16px;border:1px solid var(--sand-tief);border-radius:4px;font-family:var(--sans);font-size:1rem;font-weight:300;background:#fff;color:var(--text)}
.widget textarea{min-height:96px;resize:vertical}
.widget select{appearance:none;-webkit-appearance:none;padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C6F5E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center/16px no-repeat;cursor:pointer}
.widget input.text:focus,.widget textarea:focus,.widget select:focus{outline:none;border-color:var(--salbei)}
.widget-checkbox fieldset{border:0}
.widget-checkbox legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.widget-checkbox span{display:flex;gap:13px;align-items:flex-start;margin:14px 0 4px;font-size:.88rem;color:var(--text-leise);line-height:1.6;text-transform:none;letter-spacing:0}
.widget-checkbox input{width:22px;height:22px;flex:none;margin-top:3px;accent-color:var(--salbei-tief)}
.widget-checkbox label{font-size:.88rem;text-transform:none;letter-spacing:0;color:var(--text-leise)}
.widget-checkbox a{color:var(--salbei-tief);display:inline-block;padding:4px 0}
.widget-altcha > label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.widget-altcha{margin-top:4px}
.widget-submit{margin:20px 0 0}
.widget-submit button{width:100%;justify-content:center;padding:17px 30px;font-size:1rem}
.formular p.error,.formular .error{color:#a3473a;font-size:.88rem}
.ce_form .message,.formular .confirmation{background:var(--sand);border-radius:6px;padding:20px 24px}

/* Pflichtseiten */
.recht{max-width:900px;margin:0 auto;box-sizing:content-box}
.recht h1{font-size:clamp(2.3rem,4.4vw,3.4rem);margin-bottom:30px}
.recht h2{font-size:1.8rem;margin:36px 0 12px}
.recht h3{font-size:1.35rem;margin:26px 0 8px}
.recht p,.recht li{color:var(--text-leise);margin-bottom:12px}
.recht a{overflow-wrap:anywhere}
.recht-platzhalter p{background:var(--sand);border-radius:6px;padding:20px 24px}

/* ---------- Fuß (Globale Inhalte: footer-insert) ---------- */
#footer{background:var(--salbei-tief);color:#E8EDE7;font-size:.92rem}
#footer > .inside{max-width:1180px;margin:0 auto;padding:74px 28px 34px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 20px}
.fuss-grid{flex:1 1 100%;margin-bottom:24px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.18)}
.fuss-logo a,.fuss-logo figure{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.1);padding:12px;margin-bottom:20px}
.fuss-logo img{width:100%;filter:brightness(0) invert(1);opacity:.92}
.fuss-marke p{opacity:.85;max-width:38ch}
.fuss-bild{display:grid;place-items:center}
.fuss-bild img{width:min(230px,100%);aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center 34%;border:3px solid rgba(255,255,255,.22)}
#footer h4{font-size:1.25rem;line-height:1.75;margin-bottom:16px}
#footer a{text-decoration:none;opacity:.85}
#footer a:hover{opacity:1;text-decoration:underline}
.fuss-kontakt .rte p{display:flex;align-items:center;gap:12px;margin-bottom:0}
.fuss-kontakt h4{margin-bottom:10px}
.fuss-kontakt .rte a{color:inherit;text-decoration:none;opacity:.9;display:inline-block;padding:6px 0}
.btn-fuss{margin-top:6px}
.btn-fuss > a{display:inline-flex;align-items:center;gap:11px;background:#fff;color:var(--salbei-tief)!important;border:1px solid #fff;border-radius:999px;padding:13px 26px;font-size:.92rem;opacity:1!important;transition:.25s}
.btn-fuss > a:hover{background:transparent;color:#fff!important;text-decoration:none!important}
.social{display:inline-block;margin:22px 12px 0 0}
.social > a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-size:0;opacity:.9!important;transition:.25s}
.social > a::before{width:20px;height:20px}
.social > a:hover{background:#fff;color:var(--salbei-tief)}
.fuss-copy p,.fuss-nav{font-size:.85rem;opacity:.8}
.fuss-nav ul{list-style:none;display:flex;gap:6px;align-items:center;margin:-10px 0}
.fuss-nav a,.fuss-nav strong{display:inline-block;padding:10px 2px}
.fuss-nav li + li::before{content:'·';margin-right:6px}
.fuss-nav strong{font-weight:300}
/* Unsichtbarer Besucherzähler darf die Verteilung der Fußzeile nicht beeinflussen */
#footer .mod_visitors{position:absolute}

/* ---------- Cookiebar (Oveleon) im Entwurfs-Look ---------- */
.contao-cookiebar{font-family:var(--sans)!important;color:var(--text)!important}
.contao-cookiebar .cc-inner{background:var(--creme)!important;border:1px solid var(--sand-tief)!important;border-radius:8px!important;box-shadow:0 14px 40px rgba(59,55,51,.14)!important;max-width:min(660px,calc(100vw - 36px))!important;padding:24px 26px!important}
.contao-cookiebar .cc-head p{font-size:.86rem;color:var(--text-leise)}
.contao-cookiebar .cc-detail-btn,.contao-cookiebar .cc-detail-btn span,.contao-cookiebar .cc-cookie-info{color:var(--text-leise)!important}
.contao-cookiebar .cc-head h3,.contao-cookiebar .cc-head h4{font-family:var(--serif);font-size:1.25rem;font-weight:400;margin-bottom:8px}
.contao-cookiebar .cc-btn{font-family:var(--sans)!important;border-radius:999px!important;padding:11px 22px!important;font-size:.88rem!important;border:1px solid var(--salbei)!important;background:transparent!important;color:var(--salbei-tief)!important}
.contao-cookiebar .cc-btn.success{background:var(--salbei-tief)!important;border-color:var(--salbei-tief)!important;color:#fff!important}
.contao-cookiebar .cc-btn:hover{background:var(--salbei)!important;border-color:var(--salbei)!important;color:#fff!important}

/* ---------- Responsiv ---------- */
@media(min-width:992px){
  .hero .hero-grid [class*=grid_desktop_]{grid-template-columns:minmax(0,52%) minmax(0,48%)}
  .ueber .grid_desktop_40_60{grid-template-columns:5fr 6fr}
  .fuss-grid .grid_desktop_40_20_40{grid-template-columns:1.3fr 1.1fr 1.1fr;gap:56px;align-items:start}
}

@media(max-width:1100px){
  #header > .inside{grid-template-columns:auto 1fr auto auto}
  .hauptnav{display:none;grid-column:1/-1;justify-self:stretch;border-top:1px solid var(--sand-tief);padding:16px 0 4px}
  #header.offen .hauptnav{display:block}
  .hauptnav .level_1{display:block;font-size:1rem}
  .hauptnav .level_1 > li{border-bottom:1px solid var(--sand-tief)}
  .hauptnav .level_1 > li:last-child{border-bottom:0}
  .hauptnav .level_1 > li > a,.hauptnav .level_1 > li > strong{padding:15px 2px;font-family:var(--serif);font-size:1.35rem;color:var(--text);border:0}
  .hauptnav .level_2{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:transparent;padding:0 0 10px 14px;min-width:0}
  .hauptnav .level_2 a,.hauptnav .level_2 strong{border:0;padding:6px 0;font-size:1rem}
  .burger{display:block;grid-row:2;grid-column:-2/-1}
  .kopf-cta{grid-row:2}
  #header.offen{max-height:100vh;overflow-y:auto}
  #header.offen .mobil-kontakt{display:block;grid-column:1/-1;margin-top:11px}
  #header.offen .mobil-kontakt:last-child{margin-bottom:26px}
  .mobil-kontakt > a{width:100%;justify-content:center}
  .hero-text{padding:90px 40px}
}
@media(max-width:991px){
  .hero-bild{min-height:400px;order:-1}
  .hero-bild img{position:relative;height:auto;min-height:400px}
  .seiten-kopf .hero-bild{min-height:340px}
  .hero-text,.seiten-kopf .hero-text{padding:60px 28px 66px}
  .zeile.dreh .zeile-bild{order:0}
  .zeile-bild.bild-martina{justify-self:start}
  .zeile{padding:44px 0}
  .zeile > [class*=grid_]{gap:34px}
  .ueber{padding-top:70px;padding-bottom:70px}
  .formular{padding:30px}
  .vorteile{margin-top:44px;padding-top:36px}
  .stimmen-leiste [class*=grid_]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;scrollbar-width:thin;scrollbar-color:var(--salbei) var(--sand-tief)}
  .stimme{flex:0 0 82%;scroll-snap-align:start;padding:28px 26px}
  .insta-grid [class*=grid_]{grid-template-columns:repeat(3,1fr)}
  .insta-kopf .ce_cp_column_start:last-child{justify-self:start}
  .karussell li{flex:0 0 78%}
  .karussell-pfeil{width:44px;height:44px}
  .karussell-pfeil.links{left:6px}
  .karussell-pfeil.rechts{right:6px}
  .fuss-grid .grid_desktop_40_20_40{gap:34px}
  .fuss-bild{justify-items:start}
}
@media(max-width:900px){
  .marke-logo a{width:56px;height:56px;padding:4px}
  .marke-logo{margin:16px 0}
  .marke-text p:first-child a{font-size:1.25rem}
  .marke-text p:last-child{display:none}
  .kopf-cta{display:none}
  .vorteile-leiste ul{display:block;position:relative;min-height:62px;padding:12px 22px}
  .vorteile-leiste li{position:absolute;inset:12px 22px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35;white-space:normal;font-size:.82rem;opacity:0;transition:opacity .6s ease;pointer-events:none}
  .vorteile-leiste li::before{vertical-align:-3px;margin-right:7px}
  .vorteile-leiste li.aktiv{opacity:1}
  .contao-cookiebar .cc-inner{width:calc(100vw - 28px)!important}
}
@media(max-width:575px){
  .widget-checkbox span{margin-top:14px}
}