/* ============================================================
   Schlüsseldienst Hilfe – Theme-Styles (Redesign 2026)
   ============================================================ */
@font-face{font-family:"Poppins";src:url("../fonts/Poppins-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/Poppins-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url("../fonts/OpenSans-Var.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}

:root{
	--rot:#db0f24; --rot-dunkel:#bd0d1f; --rot-tief:#db0f24;
	--rose:#f1ece4; --rose-2:#f4f0e9;
	--tinte:#1b2333; --text:#4c5666; --text-hell:#78828f;
	--creme:#faf6f0; --weiss:#fff; --linie:#ece7e1; --linie-2:#f0ebe4;
	--rad:16px; --rad-s:11px; --schatten:0 18px 50px -20px rgba(27,35,51,.18);
	--schatten-s:0 8px 24px -12px rgba(27,35,51,.16);
	--mitte:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Open Sans",system-ui,Arial,sans-serif;color:var(--text);background:var(--weiss);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:"Poppins","Open Sans",sans-serif;color:var(--tinte);line-height:1.14;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
a{color:var(--rot);text-decoration:none}
img,svg{max-width:100%}
p{margin:0 0 1em}
.mitte{max-width:var(--mitte);margin:0 auto;padding:0 24px}
.mitte-text{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
.sh-icon{display:inline-block;vertical-align:middle;flex:0 0 auto}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:"Poppins",sans-serif;font-weight:600;font-size:16px;padding:14px 26px;border-radius:var(--rad-s);border:2px solid transparent;cursor:pointer;transition:.18s;line-height:1;white-space:nowrap}
.btn-rot{background:var(--rot);color:#fff;box-shadow:0 12px 26px -12px rgba(219,15,36,.7)}
.btn-rot:hover{background:var(--rot-dunkel);transform:translateY(-1px)}
.btn-outline{background:#fff;color:var(--tinte);border-color:var(--linie)}
.btn-outline:hover{border-color:var(--rot);color:var(--rot)}
.btn-weiss{background:#fff;color:var(--rot)}
.btn-weiss:hover{transform:translateY(-1px)}
.btn-gross{font-size:19px;padding:17px 34px}
.kicker{font-family:"Poppins",sans-serif;font-weight:600;font-size:14.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--rot);margin:0 0 14px}
.kicker.hell{color:#fff}

/* ---- Topbar ---- */
.topbar{background:var(--rot-tief);color:#fff}
.topbar-innen{display:flex;justify-content:center;padding:9px 24px}
.topbar-text{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;letter-spacing:.01em}
.topbar-text .sh-icon{color:#fff}

/* ---- Header ---- */
.kopf{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--linie);transition:.2s}
.kopf.klein{box-shadow:0 6px 20px -14px rgba(27,35,51,.4)}
.kopf-innen{display:flex;align-items:center;gap:18px;padding:14px 24px}
.marke{flex:0 0 auto}
.kopf.klein .kopf-innen{padding:9px 24px}
.marke{display:inline-flex;align-items:center;gap:11px;font-family:"Poppins",sans-serif;font-weight:700;font-size:21px;color:var(--tinte);letter-spacing:-.02em}
.marke-logo{display:inline-flex;color:var(--rot)}
.hauptnav-wrap{margin-left:auto}
.hauptnav{list-style:none;display:flex;gap:22px;margin:0;padding:0}
.hauptnav a{color:var(--tinte);font-weight:600;font-size:15px;padding:6px 0;position:relative;transition:.15s;white-space:nowrap}
.hauptnav a:hover{color:var(--rot)}
.hauptnav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--rot);transform:scaleX(0);transition:.18s;border-radius:2px}
.hauptnav a:hover::after{transform:scaleX(1)}
.notruf-button{display:inline-flex;align-items:center;gap:9px;background:var(--rot);color:#fff;font-family:"Poppins",sans-serif;font-weight:600;font-size:15.5px;padding:12px 20px;border-radius:var(--rad-s);box-shadow:0 12px 26px -12px rgba(219,15,36,.7);transition:.18s;white-space:nowrap;flex:0 0 auto}
.notruf-button:hover{background:var(--rot-dunkel);transform:translateY(-1px)}
.burger{display:none;cursor:pointer}
.mobilnav{display:none;border-top:1px solid var(--linie);background:#fff;padding:14px 24px 20px}
.mobilnav-liste{list-style:none;margin:0 0 14px;padding:0}
.mobilnav-liste a{display:block;padding:12px 4px;font-family:"Poppins",sans-serif;font-weight:600;color:var(--tinte);border-bottom:1px solid var(--linie-2)}
.mobil-tel{width:100%;justify-content:center}

/* ---- Hero ---- */
.hero{background:linear-gradient(180deg,#fff 0%,var(--creme) 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:64px 24px 72px}
.hero h1{font-size:clamp(40px,5vw,62px);margin:.1em 0 .35em}
.hero .punkt{color:var(--rot)}
.hero-sub{font-size:19px;max-width:30em;color:var(--text)}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 20px}
.fairer-preis{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:600;color:var(--tinte);font-size:15.5px}
.fairer-preis .sh-icon{color:var(--rot)}
.fairer-preis .trenn{color:var(--linie)}

/* Karte + Partner-Karte */
.hero-karte-wrap{position:relative}
.at-bild{width:100%;height:auto;display:block}
.at-flaeche{fill:#e9e3db;stroke:#d8cfc4;stroke-width:2}
.at-linien path{fill:none;stroke:var(--rot);stroke-width:2.4;stroke-dasharray:2 12;stroke-linecap:round;opacity:.55}
.at-punkte circle{fill:var(--rot)}
.at-punkte .at-hub{fill:#fff;stroke:var(--rot);stroke-width:8}
.schluesselbund-des-vertrauens{position:absolute;right:6px;bottom:-26px;width:min(310px,86%);background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:18px 20px;box-shadow:var(--schatten)}
.pk-titel{display:flex;align-items:center;gap:8px;font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;color:var(--tinte);margin:0 0 12px}
.pk-titel .sh-icon{color:var(--rot)}
.pk-avatare{display:flex;margin:0 0 12px}
.avatar{width:52px;height:52px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:-12px;box-shadow:0 4px 10px -4px rgba(0,0,0,.3)}
.avatar:first-child{margin-left:0}
.avatar-1{background:linear-gradient(135deg,#e0576a,#db0f24)}
.avatar-2{background:linear-gradient(135deg,#3f4a5e,#1b2333)}
.avatar-3{background:linear-gradient(135deg,#d98a45,#b5652a)}
.pk-text{font-size:14px;color:var(--text);margin:0;line-height:1.5}

/* ---- Feature-Leiste ---- */
.feature-leiste{border-top:1px solid var(--linie);background:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:34px 24px}
.feature{display:flex;align-items:center;gap:14px}
.feature-icon{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--rose);color:var(--rot);display:flex;align-items:center;justify-content:center}
.feature h3{font-size:17px;margin:0 0 2px}
.feature p{font-size:14px;margin:0;color:var(--text-hell)}

/* ---- Sektionen ---- */
.sektion{padding:80px 0}
.sektion.creme{background:var(--creme)}
.sektion-titel{font-size:clamp(28px,3.4vw,40px);text-align:center;margin:0 auto .5em;max-width:16em}
.so-gehts .sektion-titel{margin-bottom:52px}

/* 3 Schritte */
.schritte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative}
.schritt{position:relative;background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:34px 26px 30px;text-align:left}
.schritt-num{position:absolute;top:-16px;left:26px;width:34px;height:34px;border-radius:50%;background:var(--rot);color:#fff;font-family:"Poppins",sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 8px 18px -8px rgba(219,15,36,.8)}
.schritt-icon{display:inline-flex;width:60px;height:60px;border-radius:16px;background:var(--rose);color:var(--rot);align-items:center;justify-content:center;margin:6px 0 16px}
.schritt h3{font-size:20px;margin:0 0 8px}
.schritt p{margin:0;font-size:15.5px}
.schritte-grid .schritt:not(:last-child)::after{content:"";position:absolute;top:50%;right:-19px;width:26px;border-top:2px dotted var(--rot);opacity:.5}
.hinweis-zeile{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:14.5px;color:var(--text-hell);margin:44px auto 0;max-width:44em}
.hinweis-zeile .sh-icon{color:var(--rot);flex:0 0 auto}

/* Leistungen */
.leistung-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.leistung{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:30px 24px;transition:.18s}
.leistung:hover{transform:translateY(-3px);box-shadow:var(--schatten-s)}
.leistung h3{font-size:19px;margin:0 0 8px}
.leistung p{margin:0;font-size:15px}

/* Einbruch-Band */
.gut-abgesichert{background:linear-gradient(120deg,var(--rot-tief) 0%,var(--rot-dunkel) 60%,var(--rot) 130%);color:#fff}
.gut-abgesichert h2{color:#fff;font-size:clamp(26px,3vw,36px)}
.gut-abgesichert p{color:rgba(255,255,255,.9)}
.einbruch-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.check-liste{list-style:none;margin:22px 0 28px;padding:0}
.check-liste li{display:flex;align-items:center;gap:11px;padding:7px 0;font-weight:600;color:#fff}
.check-liste .sh-icon{color:#ff8a97}
.einbruch-kachel{position:relative;border-radius:var(--rad);overflow:hidden;box-shadow:0 34px 70px -34px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.14)}
.ek-bild{display:block;width:100%;height:auto}
.ek-stat{position:absolute;left:0;right:0;bottom:0;padding:24px 22px 20px;background:linear-gradient(0deg,rgba(15,8,10,.92) 6%,rgba(15,8,10,.45) 62%,rgba(15,8,10,0));color:#fff}
.ek-stat strong{display:block;font-family:"Poppins",sans-serif;font-weight:700;font-size:22px;line-height:1.1;margin-bottom:4px}
.ek-stat span{display:block;font-size:14px;line-height:1.45;color:rgba(255,255,255,.9)}

/* Kontakt-CTA */
.call-to-aufsperren{background:var(--creme);text-align:center}
.kontakt-inner{max-width:44em}
.kontakt-sub{font-size:18px;margin:0 auto 30px;max-width:34em}
.kontakt-mini{margin:22px 0 0;font-size:14.5px;color:var(--text-hell);font-weight:600}

/* ---- Footer ---- */
.fuss{background:var(--tinte);color:#c7ccd6}
.fuss-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;padding:60px 24px 44px}
.marke-hell{color:#fff}.marke-hell .marke-logo{color:#fff}
.fuss-claim{margin:16px 0;font-size:15px;color:#aab2bf;max-width:26em}
.fuss-chips{display:flex;flex-wrap:wrap;gap:8px}
.fuss-chips span{font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 12px;color:#dfe3ea}
.fuss-spalte h4,.fuss-kontakt h4{color:#fff;font-size:15px;margin:0 0 14px;font-family:"Poppins",sans-serif}
.fuss-spalte ul{list-style:none;margin:0;padding:0}
.fuss-spalte li{margin:0 0 9px}
.fuss-spalte a{color:#c7ccd6;font-size:15px}
.fuss-spalte a:hover{color:#fff}
.fuss-tel{display:inline-flex;align-items:center;gap:9px;color:#fff;font-family:"Poppins",sans-serif;font-weight:600;font-size:19px;margin-bottom:10px}
.fuss-tel .sh-icon{color:#fff}
.fuss-mail{display:block;color:#c7ccd6;font-size:15px}
.fuss-unten{border-top:1px solid rgba(255,255,255,.1)}
.fuss-unten-innen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 24px;font-size:13px;color:#8b93a1}

/* ============ RESPONSIVE ============ */
@media(max-width:960px){
	.hauptnav-wrap,.notruf-button{display:none}
	.burger{display:flex;margin-left:auto}
	.mobilnav:not([hidden]){display:block}
	.hero-grid{grid-template-columns:1fr;gap:40px;padding:44px 24px 60px}
	.hero-karte-wrap{max-width:520px;margin:0 auto;width:100%}
	.feature-grid{grid-template-columns:repeat(2,1fr);gap:22px}
	.schritte-grid{grid-template-columns:1fr;gap:34px}
	.schritte-grid .schritt:not(:last-child)::after{display:none}
	.leistung-grid{grid-template-columns:repeat(2,1fr)}
	.einbruch-grid{grid-template-columns:1fr;gap:30px}
	.fuss-grid{grid-template-columns:1fr 1fr;gap:30px}
	.fuss-marke{grid-column:1/-1}
}
@media(max-width:560px){
	body{font-size:16px}
	.sektion{padding:56px 0}
	.feature-grid,.leistung-grid{grid-template-columns:1fr}
	.hero-grid{padding:34px 20px 48px}
	.hero h1{font-size:35px}
	.hero-sub{font-size:17px}
	.kicker{font-size:13.5px;letter-spacing:.07em;overflow-wrap:break-word}
	.hero-btns .btn{flex:1 1 auto;justify-content:center}
	.schluesselbund-des-vertrauens{position:static;width:100%;margin-top:18px}
	.einbruch-grid,.fuss-grid,.fuss-unten-innen{grid-template-columns:1fr}
	.mitte{padding:0 20px}
}

/* ============ POLISH ============ */
/* Avatare als Porträt-Zuschnitt */
.avatar{overflow:hidden}
.avatar .sh-icon{width:42px;height:42px;margin-top:9px}
.avatar-mehr{background:var(--rose);color:var(--rot);font-family:"Poppins",sans-serif;font-weight:700;font-size:17px}

/* Karte: Linien + Punkte + Hub-Puls */
.at-linien path{stroke-width:2.6;stroke-dasharray:4 9;opacity:.5}
.at-punkte circle{fill:var(--rot);stroke:#fff;stroke-width:5;paint-order:stroke}
.at-punkte .at-hub{fill:#fff;stroke:var(--rot);stroke-width:8}
.at-hub-ring{fill:var(--rot);transform-box:fill-box;transform-origin:center;animation:hubpuls 2.6s ease-out infinite}
@keyframes hubpuls{0%{transform:scale(.5);opacity:.4}70%{transform:scale(2.1);opacity:0}100%{opacity:0}}

/* Scroll-Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.reveal.sichtbar{opacity:1;transform:none}

/* Mobiler Anruf-FAB */
.keine-panik-button{position:fixed;right:16px;bottom:16px;z-index:60;display:none;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--rot);color:#fff;box-shadow:0 14px 30px -8px rgba(219,15,36,.85);animation:fabpuls 2.8s ease-in-out infinite}
.keine-panik-button:hover{background:var(--rot-dunkel)}
@keyframes fabpuls{0%,100%{box-shadow:0 14px 30px -8px rgba(219,15,36,.85)}50%{box-shadow:0 14px 30px -8px rgba(219,15,36,.85),0 0 0 10px rgba(219,15,36,.12)}}
@media(max-width:960px){.keine-panik-button{display:flex}}

@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.at-hub-ring,.keine-panik-button{animation:none}}

/* ============ DESIGNABGLEICH – PREMIUM-VORSCHLAG ============ */
:root{
	--rot:#db0f24;
	--rot-dunkel:#bd0d1f;
	--rot-tief:#db0f24;
	--rose:#f1ece4;
	--rose-2:#f4f0e9;
	--tinte:#20252b;
	--text:#5c6269;
	--text-hell:#7b7f84;
	--creme:#faf7f2;
	--linie:#e6dfd7;
	--linie-2:#eee8e0;
	--rad:14px;
	--rad-s:10px;
	--mitte:1320px;
}

body{background:var(--creme);font-size:16px}
.topbar-innen{justify-content:flex-start;max-width:var(--mitte);margin:0 auto;padding:8px 28px}
.topbar-text{font-size:14px}
.kopf{background:#fff}
.kopf-innen{padding:17px 28px}
.marke{font-size:22px}
.hauptnav{gap:30px}
.hauptnav a{font-weight:500;font-size:14.5px}
.notruf-button{padding:13px 22px;border-radius:9px;box-shadow:0 12px 28px -15px rgba(219,15,36,.62)}

.hero{
	background-color:var(--creme);
	background-image:linear-gradient(rgba(230,223,215,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(230,223,215,.34) 1px,transparent 1px);
	background-size:44px 44px;
}
.hero-grid{grid-template-columns:minmax(480px,.92fr) minmax(580px,1.08fr);gap:28px;min-height:520px;padding:42px 28px 58px}
.hero-text{position:relative;z-index:2}
.hero h1{font-size:clamp(46px,4.25vw,64px);line-height:1.03;letter-spacing:-.035em;margin:.08em 0 .38em;white-space:nowrap}
.hero-sub{font-size:18px;line-height:1.62;max-width:33em}
.hero-btns{margin:24px 0 18px}
.btn{border-radius:9px;padding:15px 27px}
.btn-outline{background:rgba(255,255,255,.72);border-color:#cfc5bc;color:var(--rot-tief)}
.fairer-preis{font-size:14.5px;gap:12px}
.fairer-preis .trenn{color:#bdb4aa}
.hero-karte-wrap{min-height:430px;display:flex;align-items:center;justify-content:center}
.at-bild{width:112%;max-width:none;filter:drop-shadow(0 22px 26px rgba(88,63,44,.10));transform:translateX(1%)}
.schluesselbund-des-vertrauens{right:0;bottom:8px;width:330px;border-color:#e4ddd5;padding:18px 20px;box-shadow:0 22px 50px -22px rgba(65,49,42,.30)}
.pk-titel{font-size:15.5px}
.avatar{width:48px;height:48px}
.avatar-1,.avatar-2,.avatar-3{background:#30353b}
.avatar-mehr{background:var(--rose);color:var(--rot)}

.feature-leiste{background:#fff;border-color:var(--linie)}
.feature-grid{padding:26px 28px;gap:20px}
.feature{padding-right:18px;border-right:1px solid var(--linie)}
.feature:last-child{border-right:0}
.feature-icon{width:48px;height:48px;border-radius:50%;background:var(--rose);color:var(--rot-tief)}
.feature h3{font-size:16px}
.feature p{font-size:13px}

.sektion{padding:72px 0}
.so-gehts{background:var(--creme)}
.so-gehts .sektion-titel{margin-bottom:44px}
.schritte-grid{gap:34px}
.schritt{padding:30px 25px 26px;box-shadow:0 12px 32px -26px rgba(32,37,43,.35)}
.schritt-num{background:var(--rot-tief);box-shadow:none}
.schritt-icon{border-radius:50%;background:var(--rose);color:var(--rot-tief)}
.schritte-grid .schritt:not(:last-child)::after{border-color:var(--rot-tief);opacity:.68}
.leistung{box-shadow:0 12px 34px -28px rgba(32,37,43,.35)}
.gut-abgesichert{background:var(--rot-tief)}
.call-to-aufsperren{background:#fff}
.fuss{background:#20252b}

@media(max-width:1180px){
	.hero-grid{grid-template-columns:.92fr 1.08fr;gap:18px}
	.hero h1{font-size:48px}
	.hauptnav{gap:18px}
}
@media(max-width:960px){
	.hero-grid{grid-template-columns:1fr;min-height:auto}
	.hero h1{white-space:normal}
	.at-bild{width:100%;transform:none}
	.feature{border-right:0}
}

/* ---- Logo-Bilder ---- */
.marke-bild{height:62px;width:auto;display:block}
.kopf.klein .marke-bild{height:50px}
.fuss-logo-bild{height:62px;width:auto;display:block}
@media(max-width:600px){.marke-bild{height:48px}}

/* ---- Schnelle Orientierung ---- */
.orientierung{background:#fff}
.orientierung-grid{display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:54px;align-items:center}
.orientierung-bild{display:flex;justify-content:center}
.orientierung-bild img{width:100%;max-width:430px;height:auto;display:block}
.orientierung-text h2{font-size:clamp(26px,3vw,37px);margin:0 0 .35em}
.orientierung-sub{color:var(--text);font-size:17px;margin:0 0 22px}
.tuerlich-tuerlich{border:1px solid var(--linie);border-radius:var(--rad-s);margin-bottom:12px;background:#fff;transition:.18s}
.tuerlich-tuerlich[open]{border-color:var(--rot);box-shadow:0 12px 30px -20px rgba(219,15,36,.5)}
.tuerlich-tuerlich summary{display:flex;align-items:center;gap:14px;padding:15px 18px;cursor:pointer;list-style:none}
.tuerlich-tuerlich summary::-webkit-details-marker{display:none}
.tuerlich-tuerlich summary::marker{content:""}
.ori-icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--rose);color:var(--rot);display:flex;align-items:center;justify-content:center}
.ori-txt{flex:1;display:flex;flex-direction:column;gap:2px}
.ori-txt strong{font-family:"Poppins",sans-serif;color:var(--tinte);font-size:16px;font-weight:600}
.ori-txt>span{font-size:14px;color:var(--text-hell)}
.ori-pfeil{flex:0 0 auto;color:var(--rot);display:inline-flex;transition:.22s}
.tuerlich-tuerlich[open] .ori-pfeil{transform:rotate(90deg)}
.tuerlich-tuerlich>p{margin:0;padding:2px 20px 18px 76px;font-size:15px;color:var(--text)}
.ori-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}
.ori-hinweis{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-hell);font-weight:600}
.ori-hinweis .sh-icon{color:var(--rot)}
@media(max-width:900px){
	.orientierung-grid{grid-template-columns:1fr;gap:28px}
	.orientierung-bild img{max-width:300px}
	.tuerlich-tuerlich>p{padding:2px 18px 16px 18px}
}

/* ---- Logo: Icon + Text-Wortmarke (scharf, lesbar) ---- */
.marke{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
.marke-icon{height:48px;width:auto;display:block;flex:0 0 auto}
.kopf.klein .marke-icon{height:42px}
.marke-wort{display:flex;flex-direction:column;line-height:1.05}
.marke-name{font-family:"Poppins",sans-serif;font-weight:700;font-size:23px;color:var(--tinte);letter-spacing:-.02em;white-space:nowrap}
.marke-name .rot{color:var(--rot)}
.marke-claim{font-family:"Open Sans",sans-serif;font-weight:600;font-size:11.5px;color:var(--text-hell);letter-spacing:.02em;white-space:nowrap;margin-top:2px}
.marke-hell .marke-name{color:#fff}
.marke-hell .marke-claim{color:#aab2bf}
.fuss-marke .marke-icon{height:50px}
@media(max-width:600px){.marke-icon{height:42px}.marke-name{font-size:20px}.marke-claim{font-size:10.5px}}

/* ---- Kopf/Hero-Anpassungen (Toni-Wünsche) ---- */
.kopf-innen{padding:20px 32px;gap:26px}
.kopf.klein .kopf-innen{padding:12px 32px}
.marke-icon{height:56px}
.kopf.klein .marke-icon{height:48px}
.marke-name{font-size:26px}
.marke-claim{font-size:12.5px}
/* Menü zwischen Logo und Telefon-Button zentrieren */
.hauptnav-wrap{flex:1 1 auto;display:flex;justify-content:center;margin-left:0}
.hauptnav{gap:38px}
.hauptnav a{font-size:16px}
/* Hero füllt den ersten Bildschirm */
@media(min-width:961px){
	.hero-grid{min-height:calc(100vh - var(--kopf-h,140px))}
}

/* Größere rote Flächen: dunklerer Verlauf (im Rot-Raum, kein Bordeaux) */
.gut-abgesichert{background:linear-gradient(135deg,#e01324 0%,#c60e20 52%,#a50c1a 115%)}
/* längere H1 darf umbrechen */
.hero h1{white-space:normal}

/* ---- PLZ-/Ort-Suche im Hero ---- */
.plz-karte{width:366px}
.plz-karte .pk-titel{margin-bottom:12px}
.ps-form{display:flex;gap:8px;margin:0}
#ps-input{flex:1 1 auto;min-width:0;font-family:"Open Sans",sans-serif;font-size:16px;padding:12px 14px;border:1.5px solid var(--linie);border-radius:10px;background:#fff;color:var(--tinte);outline:none;transition:.15s}
#ps-input:focus{box-shadow:none}
#ps-input::placeholder{color:#9aa0a8}
.ps-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:10px;background:var(--rot);color:#fff;cursor:pointer;transition:.15s}
.ps-btn:hover{background:var(--rot-dunkel)}
.ps-ergebnis{max-height:0;overflow:hidden;transition:max-height .25s ease}
.ps-ergebnis.offen{max-height:340px;overflow:auto;margin-top:8px}
.ps-liste{list-style:none;margin:0;padding:0}
.ps-liste li{display:flex;align-items:center;gap:10px;padding:9px 3px;border-bottom:1px solid var(--linie-2)}
.ps-liste li:last-child{border-bottom:0}
.ps-plz{font-family:"Poppins",sans-serif;font-weight:700;color:var(--rot);font-size:13.5px;min-width:44px}
.ps-ort{flex:1 1 auto;min-width:0;font-size:14px;color:var(--tinte);line-height:1.2;display:flex;flex-direction:column}
.ps-ort small{color:var(--text-hell);font-size:11.5px;font-weight:600;margin-top:1px}
.ps-ok{color:#2e9e4f;font-weight:700;flex:0 0 auto}
.ps-anruf{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;margin-top:10px;background:var(--rot);color:#fff;font-family:"Poppins",sans-serif;font-weight:600;font-size:14px;padding:11px;border-radius:10px;transition:.15s}
.ps-anruf:hover{background:var(--rot-dunkel)}
.ps-leer{font-size:13.5px;color:var(--text);padding:8px 2px;line-height:1.5}
.ps-hint{margin:10px 0 0 !important;font-size:12.5px !important;line-height:1.45}
@media(max-width:960px){.plz-karte{width:100%}}

/* Mobil: Karte + PLZ-Such-Karte stapeln (kein Nebeneinander) */
@media(max-width:960px){
	.hero-karte-wrap{display:block;min-height:auto;text-align:center}
	.at-bild{width:100%;max-width:460px;margin:0 auto;transform:none}
	.schluesselbund-des-vertrauens,.plz-karte{position:static;width:100%;max-width:460px;margin:16px auto 0;text-align:left}
}
/* Nav auf Mobil wieder ausblenden (Burger übernimmt) */
@media(max-width:960px){.hauptnav-wrap{display:none}}

/* Finale Mobil-Korrektur (überschreibt flache Kopf-Rules) */
@media(max-width:640px){
	.kopf-innen{padding:17px 16px;gap:12px}
	.kopf.klein .kopf-innen{padding:12px 16px}
	.marke-icon{height:46px}
	.kopf.klein .marke-icon{height:40px}
	.marke-name{font-size:19px}
	.marke-claim{font-size:10.5px}
	.burger{padding:10px 15px;gap:10px}
	.burger-txt{font-size:16px}
	.burger-lines,.burger-lines span{width:23px}
	.burger-lines span:nth-child(2){width:17px}
	.hero-grid{padding:26px 16px 42px}
	.hero h1{font-size:33px}
	.mitte{padding:0 16px}
	.topbar-innen{padding:8px 16px}
}

/* ============ HERO-REDESIGN (Entwurf exec-73046fc3) ============ */
.kicker-line{position:relative;padding-bottom:15px;margin-bottom:20px}
.kicker-line::after{content:"";position:absolute;left:0;bottom:0;width:58px;height:3px;border-radius:3px;background:var(--rot)}
.btn-outline .sh-icon{color:var(--rot)}

/* rechte Spalte: Karte im Hintergrund + Hilfe-Karte */
.hero-karte-wrap{display:block;position:relative;min-height:100%;filter:none;overflow:visible}
.at-bild{position:absolute;top:-6px;right:-6%;width:104%;max-width:660px;transform:none;opacity:1;z-index:0;filter:drop-shadow(0 20px 28px rgba(88,63,44,.10))}
.hilfe-karte{position:relative;z-index:2;width:min(448px,100%);margin:150px 0 0 auto;background:#fff;border:1px solid var(--linie);border-radius:18px;box-shadow:0 34px 64px -26px rgba(30,25,22,.36);padding:24px 24px 22px}
.hk-badge{display:inline-flex;align-items:center;gap:8px;font-family:"Poppins",sans-serif;font-weight:600;font-size:12.5px;color:var(--rot);background:var(--rose);padding:5px 12px 5px 10px;border-radius:999px;margin-bottom:12px}
.hk-punkt{width:9px;height:9px;border-radius:50%;background:var(--rot);box-shadow:0 0 0 4px rgba(219,15,36,.16)}
.hk-titel{font-size:22px;margin:0 0 15px}
.ps-form{display:flex;gap:8px;margin:0;align-items:stretch}
.ps-feld{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:0 12px;border:1.5px solid var(--linie);border-radius:11px;background:#fff;transition:.15s}
.ps-feld:focus-within{border-color:var(--rot)}
.ps-feld>.sh-icon{color:var(--rot);flex:0 0 auto}
#ps-input{flex:1 1 auto;width:100%;min-width:0;border:0;outline:0;background:none;font-family:"Open Sans",sans-serif;font-size:15.5px;padding:13px 0;color:var(--tinte)}
#ps-input::placeholder{color:#9aa0a8}
.ps-btn{flex:0 0 auto;width:auto;height:auto;padding:12px 18px;border-radius:11px;font-size:15px;white-space:nowrap}
.ps-ergebnis{max-height:0;overflow:hidden;transition:max-height .25s ease}
.ps-ergebnis.offen{max-height:300px;overflow:auto;margin-top:10px}
.hk-oder{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:var(--text-hell);font-size:13px}
.hk-oder::before,.hk-oder::after{content:"";flex:1 1 auto;height:1px;background:var(--linie)}
.hk-tel{display:flex;align-items:center;justify-content:center;gap:9px;font-family:"Poppins",sans-serif;font-weight:700;font-size:24px;color:var(--rot)}
.hk-tel:hover{color:var(--rot-dunkel)}
.hk-partner{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--linie-2)}
.hk-fotos{display:flex;flex:0 0 auto}
.hk-fotos img{width:52px;height:52px;border-radius:50%;border:3px solid #fff;object-fit:cover;margin-left:-14px;box-shadow:0 3px 8px -3px rgba(0,0,0,.35)}
.hk-fotos img:first-child{margin-left:0}
.hk-partner p{margin:0;font-size:13px;color:var(--text-hell);line-height:1.4}
.hk-partner strong{display:block;color:var(--tinte);font-size:14px;font-family:"Poppins",sans-serif;margin-bottom:1px}

/* Feature-Leiste im Hero */
.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#fff;border:1px solid var(--linie);border-radius:16px;padding:20px 28px;box-shadow:0 20px 42px -30px rgba(30,25,22,.3)}
.hf-item{display:flex;align-items:center;gap:14px}
.hf-item:not(:last-child){border-right:1px solid var(--linie);padding-right:20px}
.hf-icon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--rose);color:var(--rot);display:flex;align-items:center;justify-content:center}
.hf-item h3{font-size:16px;margin:0 0 1px}
.hf-item p{font-size:13px;margin:0;color:var(--text-hell)}

/* 100vh: Grid + Feature-Leiste füllen zusammen den Screen */
@media(min-width:961px){
	.hero{min-height:calc(100vh - var(--kopf-h,140px));display:flex;flex-direction:column;justify-content:center;padding-bottom:26px;gap:22px}
	.hero-grid{min-height:0;flex:1 1 auto;align-content:center;padding-top:20px;padding-bottom:0}
}

/* Mobil: Karte-Hintergrund + Hilfe-Karte stapeln */
@media(max-width:960px){
	.at-bild{position:static;width:100%;max-width:460px;margin:0 auto 16px;right:auto}
	.hilfe-karte{margin:0 auto;width:100%;max-width:460px}
	.hero-features{grid-template-columns:1fr;gap:16px}
	.hf-item:not(:last-child){border-right:0;border-bottom:1px solid var(--linie);padding-right:0;padding-bottom:16px}
}

/* "Partner verfügbar"-Badge in Grün */
.hk-badge{color:#0f8a3c;background:#e7f6ec}
.hk-punkt{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.18)}

/* ---- Mobil: mehr Luft ---- */
@media(max-width:960px){
	.hero-grid{gap:34px}
	.at-bild{margin:0 auto 26px}
	.hilfe-karte{padding:26px 22px 24px}
	.hilfe-karte .hk-titel{margin-bottom:18px}
	.hero-features{margin-top:32px;padding:10px 22px}
	.hf-item{padding:14px 0}
	.hf-item:not(:last-child){padding-bottom:18px}
}
@media(max-width:640px){
	.hero-grid{padding:34px 16px 8px;gap:32px}
	.hero-btns{margin:26px 0 22px;gap:12px}
	.hero-btns .btn{flex:1 1 auto;justify-content:center}
	.fairer-preis{gap:8px 12px}
	.sektion{padding:54px 0}
	.schritte-grid{gap:24px}
	.leistung-grid{gap:18px}
	.einbruch-grid{gap:26px}
}

/* Suche gestapelt (längeres Label) + Karte größer/höher */
.ps-form{flex-direction:column;gap:10px}
.ps-feld{width:100%}
.ps-btn{width:100%;justify-content:center}
.at-bild{top:-108px;right:-11%;width:116%;max-width:820px}
/* Karte mobil zurücksetzen (nach dem Desktop-Sizing) */
@media(max-width:960px){.at-bild{position:static;width:100%;max-width:480px;margin:0 auto 26px;top:auto;right:auto}}

/* ---- Feature-Leiste: größer + schwebend am Übergang ---- */
.feature-uebergang{position:relative;z-index:5}
.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#fff;border:1px solid var(--linie);border-radius:18px;padding:26px 34px;box-shadow:0 28px 56px -24px rgba(30,25,22,.36)}
.hf-icon{width:52px;height:52px}
.hf-item h3{font-size:17px}
.hf-item p{font-size:13.5px}
@media(min-width:961px){
	.hero{min-height:calc(100vh - var(--kopf-h,140px) - 52px)}
	.feature-uebergang{margin-top:-54px;margin-bottom:-54px}
	.orientierung{padding-top:106px}
}
@media(max-width:960px){
	.feature-uebergang{margin:30px 0}
	.hero-features{grid-template-columns:1fr;padding:20px 24px;gap:4px}
}

/* ==== Anruf-Button: Nummer beim Hover (Breite bleibt stabil) ==== */
.tel-hover .th-stack{display:inline-grid;text-align:center;line-height:1.05}
.tel-hover .th-stack > span{grid-area:1/1;transition:opacity .16s ease}
.tel-hover .th-num{opacity:0;visibility:hidden;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.tel-hover:hover .th-label,
.tel-hover:focus-visible .th-label{opacity:0;visibility:hidden}
.tel-hover:hover .th-num,
.tel-hover:focus-visible .th-num{opacity:1;visibility:visible}
@media(hover:none){ .tel-hover .th-num{display:none} } /* Touch: Label sichtbar lassen */

/* ==== Feature-Leiste mobil: aufgeräumte Liste mit Trennern ==== */
@media(max-width:960px){
	.feature-uebergang{margin:26px 0}
	.hero-features{grid-template-columns:1fr;gap:0;padding:6px 26px}
	.hf-item{display:flex;align-items:center;gap:16px;padding:16px 2px;border:0}
	.hf-item:not(:last-child){border-right:0;border-bottom:1px solid var(--linie);padding-right:2px;padding-bottom:16px}
	.hf-icon{width:46px;height:46px;flex:0 0 46px}
	.hf-item h3{margin:0 0 2px;font-size:16px}
	.hf-item p{margin:0;font-size:13px}
}

/* ==================================================================
   df-PORT (30.08.): Hero-Leiste (Ring) · Leistungs-Bildkarten · Schritte
   Steht am Dateiende → gewinnt in der Kaskade. Responsive hier KOMPLETT.
   ================================================================== */

/* Zentrierter Intro-Text unter dem Section-Titel */
.sektion-intro{max-width:720px;margin:18px auto 20px;text-align:center;color:var(--text-hell);font-size:16.5px;line-height:1.6}

/* ---- (a) Hero-Leiste: df-Ring statt gefülltem Kreis ---- */
.hf-icon{background:transparent;border:2px solid var(--rot);color:var(--rot)}

/* ---- (b) Leistungen als Bildkarten (df-Stil, rot umgefärbt) ---- */
.leistungen .sektion-titel{margin-bottom:.32em}
.leistung-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:46px}
.leistung{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);overflow:visible;text-align:center;box-shadow:var(--schatten-s);padding:0;transition:transform .18s,box-shadow .18s}
.leistung:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(27,35,51,.28)}
.leistung-bild{position:relative;border-radius:var(--rad) var(--rad) 0 0;overflow:hidden}
.leistung-bild img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.leistung-badge{position:relative;z-index:2;width:58px;height:58px;margin:-29px auto 0;background:var(--rot);border:3px solid #fff;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -10px rgba(219,15,36,.7)}
.leistung-txt{padding:12px 20px 26px}
.leistung-txt h3{font-size:19px;margin:0 0 7px}
.leistung-txt p{margin:0;font-size:14.5px;color:var(--text-hell);line-height:1.55}
.leistung-mehr{margin:38px auto 0;max-width:60em;text-align:center;color:var(--text-hell);font-size:16px;line-height:1.6}
.leistung-mehr strong{color:var(--tinte)}

/* ---- (c) Schritte: df-Stil (dunkle Kreise + Zähler-Badge + Verbinder) ---- */
.so-gehts .sektion-titel{margin-bottom:.32em}
.schritte-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:start;max-width:1000px;margin:46px auto 0}
.schritt{position:static;background:none;border:0;box-shadow:none;padding:0 12px;text-align:center}
.schritt-icon{position:relative;display:inline-flex;width:74px;height:74px;border-radius:50%;background:var(--tinte);color:#fff;align-items:center;justify-content:center;margin:0 auto 18px}
.schritt-num{position:absolute;top:-6px;right:-8px;left:auto;width:28px;height:28px;border-radius:50%;background:var(--rot);color:#fff;border:2px solid #fff;font-family:"Poppins",sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -6px rgba(219,15,36,.8)}
.schritt h3{font-size:20px;margin:0 0 7px}
.schritt p{margin:0 auto;font-size:16px;color:var(--text-hell);max-width:280px;line-height:1.55}
.schritte-grid .schritt:not(:last-child)::after{content:none;display:none}
.schritt-linie{display:flex;align-items:center;margin-top:37px}
.schritt-linie span{width:120px;border-top:3px dotted #e6cdd2}

/* ---- Responsive (NACH den Flat-Regeln → gewinnt) ---- */
@media(max-width:1080px){ .leistung-grid{grid-template-columns:repeat(3,1fr)} }
@media(max-width:900px){
	.schritte-grid{grid-template-columns:1fr;gap:30px;max-width:420px;margin-top:38px}
	.schritt-linie{display:none}
	.schritt{padding:0}
}
@media(max-width:760px){ .leistung-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:520px){ .leistung-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto} }

/* ==== Hero-Leiste: schmaler + gehaltvoller (nur Desktop, Mobil-Liste bleibt) ==== */
@media(min-width:961px){
	.hero-features{max-width:1080px;margin-left:auto;margin-right:auto;padding:32px 24px;border-radius:20px}
	.hf-item{padding:8px 32px;gap:17px}
	.hf-icon{width:56px;height:56px}
	.hf-item h3{font-size:17px;margin:0 0 4px}
	.hf-item p{font-size:14px;line-height:1.5;color:var(--text-hell)}
	.orientierung{padding-top:124px}
}

/* ==================================================================
   MOBIL-FEINSCHLIFF (30.08.): Header höher · Feature-Box eingerückt ·
   Hamburger als Button · Leistungen weiß · mehr Luft.
   WICHTIG: .kopf-innen und .hero-features tragen ZUSÄTZLICH .mitte;
   .mitte{padding:0 16px} (≤640) steht später → nullte vertikales Padding.
   Darum hier höhere Spezifität (.kopf .kopf-innen / .feature-uebergang .hero-features).
   ================================================================== */

/* Leistungen: weißer Hintergrund statt Creme */
.sektion.leistungen{background:#fff}

/* Hamburger als aufgeräumter Boxen-Button (weiß, rote Balken – kein Rosa) */
/* Mobile-Menü als beschrifteter Pill (nach Mockup mobile-menu-button-pill-v3) */
.burger{align-items:center;gap:12px;border:2px solid #eadfe0;border-radius:24px;background:#fff;padding:11px 18px;transition:background .18s,border-color .18s,box-shadow .18s;box-shadow:0 5px 14px -6px rgba(84,16,25,.18);-webkit-user-select:none;user-select:none}
.burger:hover{border-color:#e6c9ce}
.burger-txt{font-family:"Poppins",sans-serif;font-weight:700;font-size:17px;letter-spacing:.4px;color:var(--tinte);line-height:1}
.burger-lines{display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:26px}
.burger-lines span{display:block;width:26px;height:3px;background:var(--rot);border-radius:3px;transition:background .18s}
.burger-lines span:nth-child(2){width:20px}
/* geöffnet: rot, weißer Text + Icon (kein X, Label bleibt „Menü") */
.burger.auf{background:var(--rot);border-color:var(--rot);box-shadow:0 8px 20px -8px rgba(219,15,36,.5)}
.burger.auf .burger-txt{color:#fff}
.burger.auf .burger-lines span{background:#fff}

/* Feature-Box von den Rändern lösen (schwebende Karte statt Vollbreite) */
@media(max-width:960px){
	.feature-uebergang .hero-features{margin-left:24px;margin-right:24px;padding:14px 22px}
}
@media(max-width:640px){
	.feature-uebergang .hero-features{margin-left:16px;margin-right:16px;padding:12px 20px}
	/* Mobil-Header spürbar höher */
	.kopf .kopf-innen{padding:18px 16px}
	.kopf.klein .kopf-innen{padding:12px 16px}
	.marke-icon{height:48px}
	.kopf.klein .marke-icon{height:42px}
	/* mehr Luft in den Sektionen */
	.sektion{padding:64px 0}
}

/* ==================================================================
   RATGEBER: Content + Sidebar (Layout nach seibel-berlin, shilfe-Rot)
   ================================================================== */
.rg-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.rg-content{max-width:760px}
.rg-content .kicker{margin-bottom:12px}
.rg-content h2{font-size:clamp(26px,3vw,36px);line-height:1.18;margin:0 0 22px;max-width:15em}
.rg-content h2::after{content:"";display:block;width:64px;height:3px;margin-top:18px;background:var(--rot);border-radius:3px}
.rg-content h3{margin:40px 0 14px;font-size:22px;line-height:1.25}
.rg-content p{margin:0 0 18px;font-size:17px;line-height:1.75;color:var(--text)}
.rg-content ul{margin:0 0 22px;padding:0;list-style:none}
.rg-content ul li{position:relative;padding-left:30px;margin-bottom:12px;font-size:17px;line-height:1.7;color:var(--text)}
.rg-content ul li::before{content:"";position:absolute;left:2px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--rot)}
.rg-content blockquote{margin:30px 0;padding:6px 0 6px 24px;border-left:4px solid var(--rot);font-size:20px;line-height:1.55;color:var(--tinte);font-weight:600}
.rg-side{position:sticky;top:calc(var(--kopf-h,120px) + 16px)}
.rg-card{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:30px;box-shadow:var(--schatten)}
.rg-card h3{margin:0 0 12px;font-size:22px}
.rg-card > p{margin:0 0 22px;color:var(--text-hell);font-size:15.5px;line-height:1.6}
.rg-fakten{display:grid;gap:16px;margin-bottom:24px}
.rg-fakten > div{padding-bottom:16px;border-bottom:1px solid var(--linie)}
.rg-fakten > div:last-child{border-bottom:0;padding-bottom:0}
.rg-fakten span{display:block;margin-bottom:5px;font-family:"Poppins",sans-serif;font-size:14.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--rot)}
.rg-fakten strong{display:block;font-size:15.5px;line-height:1.45;color:var(--tinte);font-weight:600}
.rg-fakten a{display:inline-block;font-family:"Poppins",sans-serif;font-size:19px;font-weight:700;color:var(--rot)}
.rg-cta{width:100%;justify-content:center;margin-top:4px}
@media(max-width:960px){
	.rg-grid{grid-template-columns:1fr;gap:34px}
	.rg-side{position:static}
	.rg-card{max-width:560px}
}

/* ==== Footer mobil: 2 Link-Spalten, aufgeräumte Unterleiste ==== */
@media(max-width:560px){
	.fuss-grid{grid-template-columns:1fr 1fr;gap:28px 22px;padding:46px 20px 32px}
	.fuss-marke,.fuss-kontakt{grid-column:1/-1}
	.fuss-claim{margin:14px 0;max-width:none}
	.fuss-tel{font-size:20px}
	.fuss-unten-innen{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 20px}
	.fuss-disclaimer{font-size:12px;line-height:1.5}
}

/* ==================================================================
   WISSENSBLOG: Liste (Karten) · Pagination · Einzelbeitrag/Seite
   ================================================================== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.blog-card{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);box-shadow:var(--schatten-s);transition:transform .18s,box-shadow .18s;overflow:hidden}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(27,35,51,.28)}
.blog-pagination{margin-top:46px}
.blog-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.blog-pagination .page-numbers{display:inline-flex;min-width:44px;height:44px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--linie);border-radius:11px;font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;color:var(--tinte);background:#fff;transition:.15s}
.blog-pagination a.page-numbers:hover{border-color:var(--rot);color:var(--rot)}
.blog-pagination .page-numbers.current{background:var(--rot);color:#fff;border-color:var(--rot)}
.blog-pagination .page-numbers.dots{border:0;background:none;min-width:auto}

/* Einzelbeitrag / statische Seite (nutzt .rg-content-Prosa) */
.kicker-link{color:var(--rot)}
.rg-content h1{font-size:clamp(28px,3.4vw,40px);line-height:1.16;margin:0 0 10px;letter-spacing:-.01em}
.beitrag-meta{font-family:"Poppins",sans-serif;font-size:14px;color:var(--text-hell);margin:0 0 30px}
.beitrag-inhalt > *:first-child{margin-top:0}
.beitrag-inhalt img{max-width:100%;height:auto}
.beitrag-inhalt figure{margin:28px 0}
.beitrag-inhalt figure img{display:block;width:100%;border-radius:var(--rad)}
.beitrag-inhalt figcaption{font-size:14px;color:var(--text-hell);text-align:center;margin-top:8px}
.beitrag-inhalt ol{margin:0 0 22px;padding-left:24px}
.beitrag-inhalt ol li{margin-bottom:10px;font-size:17px;line-height:1.7;color:var(--text)}
.beitrag-inhalt h2{margin-top:40px}
.beitrag-zurueck{margin-top:36px}
.pfeil-links{transform:scaleX(-1)}
.einzelseite .rg-content{max-width:820px;margin:0 auto}

@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}

/* ==================================================================
   ORT-LANDINGPAGES + EINSATZGEBIETE
   ================================================================== */
.ort-hero{padding-top:52px}
.ort-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ort-hero-text h1{font-size:clamp(30px,4vw,50px);margin:.12em 0 .32em}
.ort-hero-sub{font-size:18px;color:var(--text);max-width:32em;margin:0}
.ort-hero .fairer-preis{margin-top:18px;color:var(--tinte)}
.ort-hero .fairer-preis .sh-icon{color:var(--rot)}
/* Orts-Karte */
.ort-karte{position:relative;z-index:1;height:380px;border-radius:var(--rad);border:1px solid var(--linie);box-shadow:var(--schatten);overflow:hidden;background:#eef1f3}
.ort-karte-cap{display:flex;align-items:center;gap:7px;justify-content:center;font-size:13.5px;color:var(--text-hell);margin:12px 0 0}
.ort-karte-cap .sh-icon{color:var(--rot)}
.ort-pin span{display:block;width:20px;height:20px;border-radius:50%;background:var(--rot);border:3px solid #fff;box-shadow:0 3px 8px rgba(219,15,36,.5);margin:3px}
/* Umgebungs-Chips */
.ort-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:12px;margin-top:38px}
.ort-chip{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--linie);border-radius:var(--rad-s);padding:13px 16px;color:var(--tinte);transition:.16s}
.ort-chip:hover{border-color:var(--rot);transform:translateY(-2px);box-shadow:var(--schatten-s)}
.ort-chip > .sh-icon{color:var(--rot);flex:0 0 auto}
.ort-chip span{display:flex;flex-direction:column;line-height:1.28;min-width:0}
.ort-chip strong{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ort-chip small{font-size:12.5px;color:var(--text-hell)}
/* Einsatzgebiete-Übersicht */
.gebiete-kopf{padding-bottom:0}
.bl-block{margin-bottom:44px}
.bl-block:last-of-type{margin-bottom:0}
.bl-titel{display:flex;align-items:center;gap:10px;font-size:24px;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--linie)}
.bl-titel .sh-icon{color:var(--rot);flex:0 0 auto}
.bl-anzahl{font-family:"Open Sans",sans-serif;font-weight:600;font-size:13px;color:var(--text-hell);margin-left:auto;text-transform:none;letter-spacing:0}
.staedte-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px}
.stadt-chip{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--linie);border-radius:var(--rad-s);padding:13px 16px;color:var(--tinte);transition:.16s}
.stadt-chip:hover{border-color:var(--rot);color:var(--rot);transform:translateY(-2px);box-shadow:var(--schatten-s)}
.stadt-chip strong{font-size:14.5px;font-weight:600}
.stadt-chip small{font-size:12px;color:var(--text-hell)}
.stadt-chip:hover small{color:var(--rot)}
.gebiete-hinweis{display:block;text-align:center;max-width:52em;margin:44px auto 0;color:var(--text-hell);font-size:15.5px;line-height:1.6}
.gebiete-hinweis .sh-icon{color:var(--rot);vertical-align:middle;margin:-3px 7px 0 0}
.gebiete-hinweis strong{color:var(--tinte)}
@media(max-width:900px){
	.ort-hero-grid{grid-template-columns:1fr;gap:28px}
	.ort-karte{height:300px}
}

/* ==================================================================
   ÜBER-UNS-SEITE
   ================================================================== */
.ueber-hero{padding-top:54px}
.ueber-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:52px;align-items:center}
.ueber-hero-text h1{font-size:clamp(32px,4.4vw,54px);margin:.12em 0 .32em}
.ueber-hero-sub{font-size:19px;color:var(--text);max-width:30em;margin:0 0 24px}
.ueber-usp{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px}
.ueber-usp span{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:var(--tinte);font-size:15px}
.ueber-usp .sh-icon{color:var(--rot)}
.ueber-hero-bild img{width:100%;height:auto;border-radius:var(--rad);box-shadow:var(--schatten);display:block}

.ueber-ziel{background:linear-gradient(135deg,#e01324 0%,#c60e20 55%,#a50c1a 120%);color:#fff;padding:62px 0}
.ziel-quote{font-family:"Poppins",sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.3;text-align:center;max-width:20em;margin:0 auto 42px;color:#fff}
.ziel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.ziel-item{text-align:center}
.ziel-icon{display:inline-flex;width:66px;height:66px;border-radius:50%;border:2px solid rgba(255,255,255,.55);color:#fff;align-items:center;justify-content:center;margin-bottom:16px}
.ziel-item h3{color:#fff;font-size:19px;margin:0 0 8px}
.ziel-item p{color:rgba(255,255,255,.9);font-size:15px;line-height:1.6;margin:0 auto;max-width:22em}

.ueber-warum-grid{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center}
.ueber-warum-text h2{font-size:clamp(26px,3vw,36px);margin:0 0 20px;max-width:14em}
.ueber-warum-text p{font-size:17px;line-height:1.75;color:var(--text);margin:0 0 16px}
.ueber-hinweis{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:var(--text-hell);background:var(--creme);border:1px solid var(--linie);border-radius:var(--rad-s);padding:14px 16px;margin-top:8px}
.ueber-hinweis .sh-icon{color:var(--rot);flex:0 0 auto;margin-top:2px}
.ueber-warum-grafik{display:flex;flex-direction:column;gap:16px}
.wg-anruf,.wg-partner{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:24px;box-shadow:var(--schatten-s)}
.wg-icon{display:inline-flex;width:54px;height:54px;border-radius:50%;background:var(--rose);color:var(--rot);align-items:center;justify-content:center;margin-bottom:12px}
.wg-anruf{text-align:center}
.wg-anruf strong{display:block;font-family:"Poppins",sans-serif;font-size:17px;color:var(--tinte);margin-bottom:4px}
.wg-anruf p{font-size:14px;color:var(--text-hell);margin:0 0 12px}
.wg-status{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#0f8a3c}
.wg-dot{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.18)}
.wg-titel{font-family:"Poppins",sans-serif;font-weight:600;font-size:14px;color:var(--tinte);margin:0 0 14px}
.wg-p{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--linie-2);font-size:14.5px;color:var(--tinte)}
.wg-p:last-child{border-bottom:0}
.wg-verf{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#0f8a3c}
.wg-verf::before{content:"";width:8px;height:8px;border-radius:50%;background:#16a34a}

.werte-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.wert-karte{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:28px 24px;text-align:center;box-shadow:var(--schatten-s);transition:transform .18s,box-shadow .18s}
.wert-karte:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(27,35,51,.28)}
.wert-icon{display:inline-flex;width:60px;height:60px;border-radius:50%;border:2px solid var(--rot);color:var(--rot);align-items:center;justify-content:center;margin-bottom:16px}
.wert-karte h3{font-size:18px;margin:0 0 8px}
.wert-karte p{font-size:14.5px;color:var(--text-hell);line-height:1.55;margin:0}

.ueber-at-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.ueber-at-bild img{width:100%;height:auto;display:block}
.ueber-at-text h2{font-size:clamp(26px,3vw,36px);margin:0 0 18px;max-width:12em}
.ueber-at-text p{font-size:17px;line-height:1.7;color:var(--text);margin:0 0 22px}
.ueber-at-liste{display:grid;gap:14px;margin-bottom:26px}
.ueber-at-liste div{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--tinte);font-size:16px}
.at-ic{display:inline-flex;width:42px;height:42px;border-radius:12px;background:var(--rose);color:var(--rot);align-items:center;justify-content:center;flex:0 0 auto}

.ueber-cta{background:linear-gradient(135deg,var(--rot) 0%,var(--rot-dunkel) 100%);padding:52px 0}
.ueber-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.ueber-cta h2{color:#fff;font-size:clamp(24px,2.6vw,32px);margin:0 0 10px}
.ueber-cta p{color:rgba(255,255,255,.92);font-size:17px;margin:0 0 12px;max-width:34em}
.ueber-cta-usp{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:#fff}
.ueber-cta-usp .sh-icon{color:#fff}
.ueber-cta .btn-weiss{flex:0 0 auto}

@media(max-width:900px){
	.ueber-hero-grid,.ueber-warum-grid,.ueber-at-grid{grid-template-columns:1fr;gap:32px}
	.ueber-hero-bild{order:-1}
	.ziel-grid{grid-template-columns:1fr;gap:24px}
	.werte-grid{grid-template-columns:repeat(2,1fr)}
	.ueber-cta-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){ .werte-grid{grid-template-columns:1fr} }

/* ==================================================================
   BILDER IN BEITRÄGEN/SEITEN – prominenter, mit Schatten
   ================================================================== */
.beitrag-inhalt img{max-width:100%;height:auto}
.beitrag-inhalt figure,.beitrag-inhalt .wp-block-image{margin:32px 0}
.beitrag-inhalt figure img,.beitrag-inhalt .wp-block-image img,.beitrag-inhalt > img,.beitrag-inhalt p > img{display:block;width:100%;border-radius:var(--rad);box-shadow:0 22px 46px -26px rgba(27,35,51,.45);margin-left:auto;margin-right:auto}
.beitrag-inhalt .wp-block-image.aligncenter,.beitrag-inhalt figure.aligncenter{width:100%}
.beitrag-inhalt figcaption,.beitrag-inhalt .wp-element-caption{font-size:14px;color:var(--text-hell);text-align:center;margin-top:10px}
@media(min-width:1040px){
	.beitrag-inhalt .alignwide img,.beitrag-inhalt figure.alignwide img{width:calc(100% + 130px);max-width:none;margin-left:-65px}
}

/* Über-Uns: Vermittlungs-Pfeil zwischen Anruf- und Partner-Karte */
.wg-pfeil{display:flex;align-items:center;justify-content:center;gap:10px;font-family:"Poppins",sans-serif;font-weight:600;font-size:13px;letter-spacing:.02em;color:var(--text-hell);margin:-2px 0}
.wg-pfeil-ic{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--rot);color:#fff;align-items:center;justify-content:center}
.wg-pfeil-ic .sh-icon{transform:rotate(90deg)}

/* Über-Uns: Ergebnis-Karte statt Partnerliste */
.wg-ergebnis{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:22px 24px;box-shadow:var(--schatten-s)}
.wg-erg-ic{display:inline-flex;width:46px;height:46px;border-radius:50%;background:#e7f6ec;color:#0f8a3c;align-items:center;justify-content:center;flex:0 0 auto}
.wg-ergebnis strong{display:block;font-family:"Poppins",sans-serif;font-size:16px;color:var(--tinte);margin-bottom:4px}
.wg-ergebnis p{font-size:14px;color:var(--text-hell);line-height:1.55;margin:0}

/* Über-Uns Österreich-Karte (SVG, ohne Netzwerk-Linien) */
.ueber-at-bild .at-karte{width:100%;height:auto;display:block}
.ueber-at-bild .at-linien{display:none}
.ueber-at-bild .at-punkte circle{fill:var(--rot);stroke:#fff;stroke-width:5}
.ueber-at-bild .at-punkte .at-hub{fill:#fff;stroke:var(--rot);stroke-width:7}

/* ==================================================================
   ÜBER-UNS: KONTAKTFORMULAR (Contact Form 7) im Theme-Stil
   ================================================================== */
.ueber-warum-grid{align-items:start}
.uwf-card{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);box-shadow:var(--schatten);padding:30px 30px 26px}
.uwf-card h3{display:flex;align-items:center;gap:10px;font-size:21px;margin:0 0 6px}
.uwf-card h3 .sh-icon{color:var(--rot)}
.uwf-sub{font-size:14.5px;color:var(--text-hell);margin:0 0 20px;line-height:1.55}
.wpcf7{font-family:inherit}
.wpcf7 .cf7-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.wpcf7 .cf7-feld{margin:0 0 14px}
.wpcf7 label{display:block;font-family:"Poppins",sans-serif;font-weight:600;font-size:13.5px;color:var(--tinte);margin:0 0 6px}
.wpcf7 .cf7-pflicht{color:var(--rot)}
.wpcf7 input[type=text],.wpcf7 input[type=tel],.wpcf7 input[type=email],.wpcf7 select,.wpcf7 textarea{width:100%;font-family:"Open Sans",sans-serif;font-size:15px;color:var(--tinte);background:#fff;border:1px solid var(--linie);border-radius:var(--rad-s);padding:12px 14px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
.wpcf7 textarea{min-height:96px;resize:vertical}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{outline:none;border-color:var(--rot);box-shadow:0 0 0 3px rgba(219,15,36,.12)}
.wpcf7 select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23db0f24' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.wpcf7 .cf7-akzept{display:flex;align-items:flex-start;gap:2px;font-size:13px;color:var(--text-hell);line-height:1.5;margin:6px 0 18px}
.wpcf7 .cf7-akzept label{font-family:"Open Sans",sans-serif;font-weight:400;font-size:13px;color:var(--text-hell);display:inline;margin:0}
.wpcf7 .cf7-akzept a{color:var(--rot);font-weight:600}
.wpcf7 .cf7-akzept input[type=checkbox]{width:auto;margin-right:7px;accent-color:var(--rot);vertical-align:middle}
.wpcf7 .cf7-submit{margin:0}
.wpcf7 .wpcf7-submit{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:9px;font-family:"Poppins",sans-serif;font-weight:600;font-size:16px;color:#fff;background:var(--rot);border:0;border-radius:var(--rad-s);padding:14px 26px;cursor:pointer;box-shadow:0 12px 26px -12px rgba(219,15,36,.7);transition:.18s}
.wpcf7 .wpcf7-submit:hover{background:var(--rot-dunkel);transform:translateY(-1px)}
.wpcf7 .wpcf7-response-output{margin:14px 0 0!important;padding:12px 14px!important;border-radius:var(--rad-s);font-size:14px;border-width:1px!important}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#e2b3b8!important;background:#fdecee;color:#a5121f}
.wpcf7 form.sent .wpcf7-response-output{border-color:#bfe6cd!important;background:#e7f6ec;color:#0f7a37}
.wpcf7 .wpcf7-not-valid-tip{color:#c0122a;font-size:12.5px;margin-top:5px}
.wpcf7 .wpcf7-not-valid{border-color:#e2929b!important}
@media(max-width:520px){ .wpcf7 .cf7-grid{grid-template-columns:1fr} }

/* Ort-Landing: Breadcrumb, H1-Zusatz, Sidebar-Themen-Nav */
.ort-brotkrumen{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--text-hell);margin:0 0 16px}
.ort-brotkrumen a{color:var(--text-hell)}
.ort-brotkrumen a:hover{color:var(--rot)}
.ort-brotkrumen span[aria-hidden]{color:var(--linie)}
.ort-h1-zusatz{font-weight:700;color:var(--rot);font-size:.58em;white-space:nowrap}
.rg-nav{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);box-shadow:var(--schatten-s);padding:22px 24px;margin-top:20px}
.rg-nav h3{font-size:16px;margin:0 0 8px}
.rg-nav a{display:flex;align-items:center;gap:9px;padding:10px 0;font-family:"Poppins",sans-serif;font-weight:600;font-size:14.5px;color:var(--tinte);border-bottom:1px solid var(--linie-2)}
.rg-nav a:last-child{border-bottom:0}
.rg-nav a:hover{color:var(--rot)}
.rg-nav a .sh-icon{color:var(--rot);flex:0 0 auto}

/* Hero-Suche: Treffer als Links zu den Ort-Landingpages */
.ps-liste li{display:block;padding:0;border-bottom:1px solid var(--linie-2)}
.ps-liste li:last-child{border-bottom:0}
.ps-treffer{display:flex;align-items:center;gap:11px;padding:11px 6px;color:inherit;border-radius:8px;transition:background .12s}
.ps-treffer:hover{background:var(--creme)}
.ps-treffer .ps-plz{min-width:44px}
.ps-treffer .ps-ort{color:var(--tinte)}
.ps-pfeil{flex:0 0 auto;color:var(--rot);font-weight:700;font-size:16px;transition:transform .12s}
.ps-treffer:hover .ps-pfeil{transform:translateX(3px)}
.ps-anruf{background:transparent;color:var(--rot);border:1px solid var(--linie);font-weight:600;margin-top:12px}
.ps-anruf:hover{background:var(--creme);color:var(--rot-dunkel)}

/* Section-Alternation: Ort-Hero heller Verlauf, Über-uns wechselnde Töne */
.ort-hero{background:linear-gradient(180deg,#fff 0%,var(--creme) 100%)}
#ueber-ablauf{background:#fff}
.ueber-at{background:#fff}

/* ==================================================================
   ORT-KONTAKT / RÜCKRUF-SECTION (Designvorschlag)
   ================================================================== */
.ort-kontakt{background:#fff}
.ok-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:0;border-radius:22px;overflow:hidden;box-shadow:0 34px 70px -34px rgba(27,35,51,.4);border:1px solid var(--linie)}
/* Linkes rotes Panel */
.ok-panel{position:relative;overflow:hidden;background:linear-gradient(150deg,#e01324 0%,#c00e20 55%,#a50c1a 120%);color:#fff;padding:44px 46px}
.ok-panel .kicker.hell{color:#ffd7db}
.ok-panel h2{color:#fff;font-size:clamp(28px,3vw,38px);line-height:1.12;margin:0 0 14px}
.ok-sub{color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.6;margin:0 0 26px;max-width:24em}
.ok-tel-label{font-weight:600;font-size:14px;color:rgba(255,255,255,.92);margin:0 0 10px}
.ok-tel{display:inline-flex;align-items:center;gap:14px;background:#fff;color:var(--rot);font-family:"Poppins",sans-serif;font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:.01em;padding:14px 26px;border-radius:14px;box-shadow:0 14px 30px -14px rgba(0,0,0,.4);margin-bottom:26px}
.ok-tel .sh-icon{color:var(--rot)}
.ok-usp{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative;z-index:2}
.ok-usp li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}
.ok-usp li .sh-icon{flex:0 0 auto;width:38px;height:38px;padding:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);color:#fff}
.ok-tuer{position:absolute;right:-30px;bottom:-30px;width:250px;height:auto;opacity:.9;pointer-events:none;z-index:1}
/* Rechte Formular-Karte */
.ok-form{background:#fff;padding:40px 42px}
.ok-form-kopf{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ok-form-kopf h3{font-size:clamp(24px,2.4vw,30px);margin:0}
.ok-badge{display:inline-flex;align-items:center;gap:7px;font-family:"Poppins",sans-serif;font-weight:600;font-size:12.5px;color:var(--rot);background:var(--creme);border:1px solid var(--linie);padding:6px 12px;border-radius:999px}
.ok-badge .sh-icon{color:var(--rot)}
.ok-form-sub{color:var(--text-hell);font-size:14.5px;margin:6px 0 22px}
.ok-step{display:flex;align-items:center;gap:10px;font-family:"Poppins",sans-serif;font-weight:700;font-size:15px;color:var(--tinte);margin:0 0 14px}
.ok-step:not(:first-child){margin-top:24px}
.ok-step-num{display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--rot);color:#fff;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}
.ok-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.ok-row > p{display:contents;margin:0}
.ok-row br{display:none}
.ok-form form > p:not(.ok-consent){margin:0}
.ok-feld{display:block;margin-bottom:14px}
.ok-row .ok-feld{margin-bottom:0}
.ok-consent{display:flex;align-items:flex-start;gap:2px;font-size:12.5px;color:var(--text-hell);line-height:1.5;margin:14px 0 4px}
.ok-consent label{font-family:"Open Sans",sans-serif;font-weight:400;font-size:12.5px;color:var(--text-hell);display:inline;margin:0}
.ok-consent input[type=checkbox]{width:auto;margin-right:7px;accent-color:var(--rot);vertical-align:middle}
.ok-form .wpcf7-submit{width:100%;justify-content:center;margin-top:8px}
.ok-disclaimer{font-size:12.5px;color:var(--text-hell);line-height:1.5;margin:14px 0 0}
/* Anliegen-Radio als Icon-Karten */
.ok-anliegen .wpcf7-radio{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ok-anliegen .wpcf7-list-item{margin:0}
.ok-anliegen .wpcf7-list-item label{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1.5px solid var(--linie);border-radius:12px;cursor:pointer;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;color:var(--tinte);transition:.15s;margin:0}
.ok-anliegen .wpcf7-list-item label:hover{border-color:var(--rot)}
.ok-anliegen .wpcf7-list-item label:has(input:checked){border-color:var(--rot);background:var(--creme);box-shadow:0 0 0 1px var(--rot) inset;color:var(--rot)}
.ok-anliegen input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.ok-anliegen .wpcf7-list-item-label{flex:1 1 auto}
.ok-anliegen .wpcf7-list-item label::before{content:"";width:26px;height:26px;flex:0 0 26px;background-repeat:no-repeat;background-position:center;background-size:contain}
.ok-anliegen .wpcf7-list-item:nth-child(1) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23db0f24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21h16'/%3E%3Cpath d='M6 21V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16'/%3E%3Cpath d='M13.5 12h.01'/%3E%3C/svg%3E")}
.ok-anliegen .wpcf7-list-item:nth-child(2) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23db0f24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3Cpath d='M12 15v2'/%3E%3C/svg%3E")}
.ok-anliegen .wpcf7-list-item:nth-child(3) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23db0f24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.5' cy='8.5' r='3.5'/%3E%3Cpath d='M11 11l8.5 8.5'/%3E%3Cpath d='M16.5 16.5l1.8-1.8'/%3E%3Cpath d='M14 14l1.8-1.8'/%3E%3C/svg%3E")}
.ok-anliegen .wpcf7-list-item:nth-child(4) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23db0f24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v10h-9l-5 4v-4H4z'/%3E%3Cpath d='M8.5 11h.01M12 11h.01M15.5 11h.01'/%3E%3C/svg%3E")}
@media(max-width:960px){
	.ok-grid{grid-template-columns:1fr}
	.ok-tuer{width:180px;right:-20px;bottom:-20px}
	.ok-panel,.ok-form{padding:34px 28px}
}
@media(max-width:560px){
	.ok-anliegen .wpcf7-radio,.ok-row{grid-template-columns:1fr}
	.ok-tuer{display:none}
}

/* Tür-Illustration weich ins Panel einblenden (Kante kaschieren) */
.ok-tuer{-webkit-mask-image:linear-gradient(135deg,transparent 0,#000 46%);mask-image:linear-gradient(135deg,transparent 0,#000 46%)}

/* Tür-Illustration: transparent gekeyt -> größer, ohne Maske, direkt aufs Panel */
.ok-tuer{width:min(94%,470px);right:-8px;left:auto;bottom:0;opacity:1;-webkit-mask-image:none;mask-image:none}
@media(max-width:960px){.ok-tuer{width:360px}}
@media(max-width:560px){.ok-tuer{display:none}}

/* ===================================================================
   INTEGRIERTE HERO-KARTE (Ort-Landingpages) – Anlehnung an Designvorschlag
   =================================================================== */
.ort-hero-karte{position:relative}
.ort-karte-panel{position:relative;border-radius:28px;overflow:hidden;display:flex;min-height:452px;
	background:radial-gradient(135% 105% at 72% 36%, #fdeef1 0%, #fbe6ea 40%, var(--creme) 82%);
	box-shadow:0 30px 70px -40px rgba(17,24,39,.5),inset 0 0 0 1px rgba(219,15,36,.05)}
.ort-karte-cap{display:block;margin:11px 6px 0;font-size:12px;line-height:1.45;color:var(--text-hell);text-align:right}
/* Karte randlos, weich in den Hintergrund geblendet */
.ort-karte{position:relative;z-index:1;flex:1;width:100%;height:auto;min-height:452px;
	border:0;border-radius:28px;box-shadow:none;background:transparent;
	-webkit-mask-image:linear-gradient(103deg,transparent 0,#000 17%,#000 100%);
	        mask-image:linear-gradient(103deg,transparent 0,#000 17%,#000 100%)}
.ort-karte .maplibregl-map,.ort-karte .maplibregl-canvas{border-radius:28px}
.ort-karte::after{content:none}

/* Ziel-Marker (Bullseye) + Ortsname */
.mk-ziel-wrap{display:flex;align-items:center;gap:11px;white-space:nowrap;overflow:visible;width:auto;height:auto;cursor:default}
/* Nachbarort-Marker (MapLibre HTML-Marker) */
.mk-nb{display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:default}
.mk-nb-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid var(--rot);box-sizing:border-box}
.mk-nb-lbl{font-family:"Open Sans",sans-serif;font-weight:600;font-size:13px;color:#4a423d;
	text-shadow:0 1px 0 #fff,0 0 5px rgba(255,255,255,.95),0 0 9px rgba(255,255,255,.85)}
.mk-ring{display:block;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--rot);box-sizing:border-box;
	box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(219,15,36,.7),0 0 0 11px rgba(219,15,36,.22)}
.mk-name{font-family:"Poppins",sans-serif;font-weight:800;font-size:19px;line-height:1.05;color:var(--tinte);
	text-shadow:0 1px 0 #fff,0 0 6px rgba(255,255,255,.9),0 0 12px rgba(255,255,255,.7)}
.mk-name em{display:block;font-weight:600;font-size:13px;font-style:normal;color:#6c625c;margin-top:2px}

/* Overlay-Chips */
.karte-chip{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:8px;
	font-family:"Open Sans",sans-serif;font-weight:700;font-size:14px;
	background:#fff;border-radius:999px;padding:9px 15px;box-shadow:0 10px 26px -12px rgba(17,24,39,.5)}
.karte-chip-gruen{top:16px;left:16px;color:var(--tinte);font-size:14.5px;padding:9px 16px}
.karte-chip-gruen::before{content:"";width:11px;height:11px;border-radius:50%;background:#1e9e57;
	box-shadow:0 0 0 0 rgba(30,158,87,.5);animation:sh-puls 2.2s infinite}
@keyframes sh-puls{0%{box-shadow:0 0 0 0 rgba(30,158,87,.55)}70%{box-shadow:0 0 0 9px rgba(30,158,87,0)}100%{box-shadow:0 0 0 0 rgba(30,158,87,0)}}
.karte-chip-24{bottom:16px;left:16px;color:var(--rot);border:1.5px solid rgba(219,15,36,.55)}
.karte-chip-24 .sh-icon{color:var(--rot)}
/* Tür-Illustration in der Ecke */
.karte-tuer-eck{position:absolute;z-index:5;right:6px;bottom:-6px;width:132px;height:auto;pointer-events:none;opacity:.9;
	filter:drop-shadow(0 6px 10px rgba(219,15,36,.12))}

@media(max-width:900px){
	.ort-hero-karte{min-height:360px;border-radius:22px}
	.ort-karte{min-height:360px;-webkit-mask-image:none;mask-image:none}
	.karte-tuer-eck{width:104px}
	.mk-name{font-size:17px}
}
@media(max-width:560px){
	.karte-chip{font-size:12.5px;padding:8px 12px}
	.karte-tuer-eck{width:88px}
}

/* Schmale Handys: Logo + Menü-Pill kompakter, damit nichts abgeschnitten wird */
@media(max-width:440px){
	.marke-icon{height:40px}
	.marke-name{font-size:16.5px}
	.marke-claim{font-size:10px}
	.burger{padding:9px 13px;gap:8px}
	.burger-txt{font-size:14.5px}
	.burger-lines,.burger-lines span{width:20px}
	.burger-lines span:nth-child(2){width:15px}
}

/* =========================================================
   PARTNER-WERDEN-LANDINGPAGE
   ========================================================= */
.partner-hero{padding-top:48px;background:linear-gradient(180deg,#fff 0%,var(--creme) 100%)}
.partner-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.partner-hero-text h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;margin:.1em 0 .3em}
.partner-hero-sub{font-size:18px;color:var(--text);max-width:34em;margin:0 0 26px}
.partner-hero-usp{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;color:var(--tinte);font-weight:600;font-size:14.5px}
.partner-hero-usp span{display:inline-flex;align-items:center;gap:8px}
.partner-hero-usp .sh-icon{color:var(--rot)}
/* Hero-Visual (rotes Panel + Netz-Karte + Anfrage-Cards) */
.partner-hero-visual{position:relative;min-height:440px;border-radius:26px;overflow:hidden;
	background:linear-gradient(150deg,#e2001a 0%,#c00e20 60%,#a50c1a 120%);box-shadow:0 30px 70px -40px rgba(219,15,36,.6)}
.ph-map{position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:78%;height:auto;
	filter:brightness(0) invert(1);opacity:.28;pointer-events:none}
.ph-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;
	padding:12px 15px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);max-width:250px}
.ph-card-ic{flex:0 0 auto;width:42px;height:42px;border-radius:10px;background:var(--creme);color:var(--rot);
	display:flex;align-items:center;justify-content:center}
.ph-card strong{display:block;font-family:"Poppins",sans-serif;font-size:14px;color:var(--tinte);line-height:1.2}
.ph-card span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-hell);margin-top:3px}
.ph-card span .sh-icon{color:var(--rot)}
.ph-card em{display:block;font-style:normal;font-size:11.5px;color:var(--text-hell);margin-top:2px}
.ph-card-1{top:24px;left:22px}
.ph-card-2{top:44%;left:6px}
.ph-card-3{bottom:34px;left:34px}

/* Schritte (falls nicht schon global genug) */
.partner-schritte{margin-top:38px}
.partner-schritte .schritt-ic{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;
	border-radius:50%;background:var(--creme);color:var(--rot);margin:6px 0 14px}

/* Mehr Zeit fürs Handwerk */
.partner-zeit-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.partner-zeit-visual{background:var(--creme);border-radius:24px;min-height:320px;display:flex;align-items:center;justify-content:center;
	box-shadow:inset 0 0 0 1px var(--linie)}
.pz-ic{color:var(--rot);opacity:.9}
.partner-zeit-text h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:22px}
.partner-vorteile{display:grid;gap:14px}
.pv-zeile{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:16px 18px}
.pv-ic{flex:0 0 auto;width:44px;height:44px;border-radius:10px;background:var(--rose);color:var(--rot);display:flex;align-items:center;justify-content:center}
.pv-zeile strong{font-family:"Poppins",sans-serif;color:var(--tinte);font-size:16.5px}
.pv-zeile p{margin:4px 0 0;color:var(--text);font-size:15px}

/* Standards */
.partner-standards-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.partner-check{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.partner-check li{display:flex;align-items:center;gap:12px;font-family:"Poppins",sans-serif;font-weight:600;font-size:17px;color:var(--tinte)}
.partner-check .sh-icon{color:var(--rot);flex:0 0 auto}
.partner-standards-schild{display:flex;align-items:center;justify-content:center}
.ps-schild{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--creme) 100%);
	display:flex;align-items:center;justify-content:center;color:var(--rot);box-shadow:0 20px 50px -24px rgba(219,15,36,.4)}

/* Bewerbungsformular */
.partner-form-sektion{background:var(--rose)}
.partner-form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.partner-form-intro h2{font-size:clamp(24px,2.6vw,32px)}
.pf-hinweis{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--tinte);font-weight:600;font-size:15px}
.pf-hinweis .sh-icon{color:var(--rot)}
.partner-form-box{background:#fff;border-radius:20px;padding:30px 30px 34px;box-shadow:0 30px 70px -40px rgba(17,24,39,.4)}
.partner-form-box .pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.partner-form-box .pf-voll{grid-column:1 / -1}
.partner-form-box .pf-feld{margin:0}
.partner-form-box label{font-family:"Poppins",sans-serif;font-weight:600;font-size:13.5px;color:var(--tinte)}
.partner-form-box input[type=text],.partner-form-box input[type=tel],.partner-form-box input[type=email]{
	width:100%;margin-top:6px;font-family:"Open Sans",sans-serif;font-size:15.5px;padding:12px 14px;border:1.5px solid var(--linie);
	border-radius:10px;background:#fff;color:var(--tinte);box-sizing:border-box}
.partner-form-box input:focus{outline:none;border-color:var(--rot)}
.pf-legende{display:block;margin-bottom:8px}
.pf-legende span{font-weight:400;color:var(--text-hell)}
.pf-leistungen .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:10px 22px}
.pf-leistungen .wpcf7-list-item{margin:0}
.pf-leistungen .wpcf7-list-item label{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--tinte);cursor:pointer}
.partner-form-box .wpcf7-acceptance{display:block;margin:16px 0 4px;font-size:13.5px;color:var(--text)}
.partner-form-box .wpcf7-submit{width:100%;margin-top:14px;background:var(--rot);color:#fff;border:0;border-radius:12px;
	font-family:"Poppins",sans-serif;font-weight:700;font-size:17px;padding:15px;cursor:pointer;box-shadow:0 14px 30px -14px rgba(219,15,36,.7)}
.partner-form-box .wpcf7-submit:hover{background:#c00e20}

/* FAQ */
.partner-faq-inner{max-width:820px}
.partner-faq-item{margin:0 0 12px}
.partner-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px}

@media(max-width:900px){
	.partner-hero-grid,.partner-zeit-grid,.partner-standards-grid,.partner-form-grid{grid-template-columns:1fr;gap:30px}
	.partner-hero-visual{min-height:360px}
	.partner-standards-schild{order:-1}
	.partner-form-box .pf-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
	.ph-card{max-width:210px;padding:10px 12px}
	.ph-card-3{left:12px}
}

/* Partner-Schritte als Karten mit zentrierter Nummer (Fix) */
.partner-schritte{grid-template-columns:repeat(3,1fr);gap:22px}
.partner-schritte .schritt{position:relative;background:#fff;border:1px solid var(--linie);border-radius:16px;
	padding:38px 24px 26px;text-align:center;box-shadow:0 16px 38px -24px rgba(17,24,39,.35);margin-top:16px}
.partner-schritte .schritt-num{position:absolute;top:-17px;left:50%;transform:translateX(-50%);width:34px;height:34px;
	border-radius:50%;background:var(--rot);color:#fff;font-family:"Poppins",sans-serif;font-weight:700;font-size:16px;
	display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(219,15,36,.8)}
.partner-schritte .schritt::after{content:none !important}
.partner-schritte .schritt h3{font-size:19px;margin:.2em 0 .4em}
@media(max-width:820px){.partner-schritte{grid-template-columns:1fr}}

/* =========================================================
   SERVICE-/LEISTUNGS-LANDINGPAGES
   ========================================================= */
.btn-weiss{background:#fff;color:var(--rot)}
.btn-weiss:hover{background:var(--creme)}

.leistung-hero{padding-top:48px;background:linear-gradient(180deg,#fff 0%,var(--creme) 100%)}
.leistung-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.leistung-hero-text h1{font-size:clamp(30px,4.2vw,50px);line-height:1.1;margin:.1em 0 .32em}
.leistung-hero-sub{font-size:18px;color:var(--text);max-width:34em;margin:0 0 24px}
.leistung-hero-usp{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:20px;color:var(--tinte);font-weight:600;font-size:14.5px}
.leistung-hero-usp span{display:inline-flex;align-items:center;gap:8px}
.leistung-hero-usp .sh-icon{color:var(--rot)}
.leistung-hero-visual{position:relative;min-height:430px;border-radius:26px;overflow:hidden;
	background:linear-gradient(150deg,#e2001a 0%,#c00e20 60%,#a50c1a 120%);box-shadow:0 30px 70px -40px rgba(219,15,36,.6)}
.leistung-hero-visual .lh-map{position:absolute;right:-8%;bottom:-6%;width:80%;height:auto;filter:brightness(0) invert(1);opacity:.26;pointer-events:none}
.lh-panel{position:absolute;top:26px;right:26px;z-index:2;background:#fff;border-radius:16px;padding:20px 22px;max-width:260px;box-shadow:0 22px 46px -20px rgba(0,0,0,.5)}
.lh-panel-titel{font-family:"Poppins",sans-serif;font-weight:700;font-size:16px;color:var(--tinte);margin:0 0 14px}
.lh-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lh-steps li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}
.lh-steps li.an{color:var(--tinte);font-weight:600}
.lh-steps .sh-icon{color:#fff;background:var(--rot);border-radius:50%;padding:4px;flex:0 0 auto}
.lh-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--linie);flex:0 0 auto}

/* Bild-Hero mit echtem Suchfeld (z. B. Türöffnung) */
.leistung-hero-foto .leistung-hero-grid{align-items:stretch}
.leistung-hero-foto .leistung-hero-text{align-self:center}
.leistung-hero-foto .leistung-hero-visual.lh-visual-foto{background:none;min-height:440px;border-radius:24px;
	box-shadow:0 34px 70px -42px rgba(20,20,30,.42)}
.lh-visual-foto img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px}
.lh-suche{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--linie);border-radius:16px;
	padding:7px 7px 7px 16px;margin-top:26px;max-width:520px;position:relative;box-shadow:0 10px 30px -14px rgba(20,20,30,.22)}
.lh-suche:focus-within{border-color:var(--rot)}
.lh-suche .lh-suche-ic{flex:0 0 auto;display:inline-flex;color:var(--rot)}
.lh-suche .ps-input{flex:1 1 auto;min-width:0;border:0;outline:0;background:none;font-family:"Open Sans",sans-serif;font-size:16px;padding:12px 4px;color:var(--tinte)}
.lh-suche .ps-input::placeholder{color:#9aa0a8}
.lh-suche .ps-btn{flex:0 0 auto;width:auto;height:auto;padding:13px 20px;border-radius:11px;font-size:15px;white-space:nowrap}
.lh-ergebnis{max-width:520px}
.lh-oder{margin:14px 0 0;font-size:14.5px;color:var(--text-hell)}
.lh-oder a{color:var(--tinte);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.lh-oder a .sh-icon{color:var(--rot)}
.lh-oder a:hover{color:var(--rot)}
@media(max-width:820px){.leistung-hero-foto .leistung-hero-visual.lh-visual-foto{min-height:300px}}
@media(max-width:600px){
	.lh-suche{flex-wrap:wrap;padding:14px;gap:12px}
	.lh-suche .lh-suche-ic{display:none}
	.lh-suche .ps-input{flex:1 1 100%;border:1.5px solid var(--linie);border-radius:11px;padding:13px 14px}
	.lh-suche .ps-btn{flex:1 1 100%;width:100%}
	.lh-suche,.lh-ergebnis{max-width:none}
}

/* Situation-Karten */
.ls-box{background:#fff;border:1px solid var(--linie);border-radius:20px;padding:30px 30px;box-shadow:0 20px 50px -34px rgba(17,24,39,.4)}
.ls-box h2{font-size:22px;margin:0 0 20px}
.ls-grid{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:stretch}
.ls-karte{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;
	background:var(--creme);border-radius:14px;padding:20px 12px;font-family:"Poppins",sans-serif;font-weight:600;color:var(--tinte)}
.ls-ic{display:inline-flex;width:48px;height:48px;border-radius:12px;background:#fff;color:var(--rot);align-items:center;justify-content:center}
.ls-cta{align-self:center;white-space:nowrap}

/* Erklär-Sektion + schonend (2-spaltig Bild/Text) */
.leistung-erklaer-grid,.leistung-schonend-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.le-bild img,.lsch-bild img{width:100%;height:auto;border-radius:18px;box-shadow:0 22px 50px -30px rgba(17,24,39,.5)}
.le-text h2,.lsch-text h2{font-size:clamp(23px,2.5vw,30px);margin-bottom:14px}
.le-check{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.le-check li{display:flex;align-items:center;gap:11px;font-size:16px;color:var(--tinte)}
.le-check .sh-icon{color:var(--rot);flex:0 0 auto}
.lsch-steps{display:grid;gap:14px;margin-top:20px}
.lsch-zeile{display:flex;gap:13px;align-items:flex-start}
.lsch-ic{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:var(--rose);color:var(--rot);display:flex;align-items:center;justify-content:center}
.lsch-zeile strong{font-family:"Poppins",sans-serif;color:var(--tinte);font-size:16px}
.lsch-zeile p{margin:3px 0 0;color:var(--text);font-size:14.5px}

/* Typische Fälle */
.lf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lf-karte{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:26px 22px;text-align:center;box-shadow:0 16px 38px -26px rgba(17,24,39,.35)}
.lf-ic{display:inline-flex;width:60px;height:60px;border-radius:50%;background:var(--creme);color:var(--rot);align-items:center;justify-content:center;margin-bottom:14px}
.lf-karte h3{font-size:17px;margin:0 0 8px}
.lf-karte p{font-size:14.5px;color:var(--text);margin:0}

/* Darauf achten */
.la-panel{background:var(--rose);border:1px solid rgba(219,15,36,.15);border-radius:20px;padding:32px 34px;
	display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center}
.la-kopf{display:flex;align-items:center;gap:16px;max-width:230px}
.la-ic{flex:0 0 auto;width:58px;height:58px;border-radius:50%;background:var(--rot);color:#fff;display:flex;align-items:center;justify-content:center}
.la-kopf h2{font-size:19px;margin:0}
.la-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.la-liste li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--tinte)}
.la-liste .sh-icon{color:var(--rot)}
.la-zitat{margin:0;font-family:"Poppins",sans-serif;font-weight:700;font-size:18px;color:var(--rot);border-left:3px solid var(--rot);padding-left:18px;max-width:230px}

/* Karte + Suche */
.leistung-karte-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.lk-text h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:12px}
.lk-bild img{width:100%;height:auto}

/* Rotes CTA-Band */
.leistung-cta-band{}
.lcb-inner{background:linear-gradient(150deg,#e2001a,#c00e20);border-radius:22px;padding:34px 40px;color:#fff;
	display:flex;align-items:center;gap:26px;flex-wrap:wrap;box-shadow:0 30px 70px -40px rgba(219,15,36,.7)}
.lcb-ic{flex:0 0 auto;color:#fff;opacity:.9}
.lcb-text{flex:1 1 300px}
.lcb-text h2{color:#fff;font-size:clamp(22px,2.4vw,28px);margin:0 0 6px}
.lcb-text p{margin:0;color:rgba(255,255,255,.92);font-size:16px}

/* Trust-Zeile */
.lt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.lt-item{display:flex;gap:14px;align-items:flex-start}
.lt-ic{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--rot);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -14px rgba(219,15,36,.5)}
.lt-item strong{font-family:"Poppins",sans-serif;color:var(--tinte);font-size:16.5px}
.lt-item p{margin:4px 0 0;color:var(--text);font-size:14.5px}

@media(max-width:900px){
	.leistung-hero-grid,.leistung-erklaer-grid,.leistung-schonend-grid,.leistung-karte-grid{grid-template-columns:1fr;gap:30px}
	.ls-grid{grid-template-columns:1fr 1fr}
	.ls-cta{grid-column:1 / -1}
	.lf-grid{grid-template-columns:1fr 1fr}
	.la-panel{grid-template-columns:1fr;gap:18px}
	.la-kopf,.la-zitat{max-width:none}
	.lt-grid{grid-template-columns:1fr}
	.leistung-erklaer-grid .le-bild,.leistung-schonend-grid .lsch-bild{order:-1}
}
@media(max-width:560px){ .ls-grid{grid-template-columns:1fr} .lf-grid{grid-template-columns:1fr} }

/* Leistungs-Karten als Links (Startseite) */
a.leistung-link{text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}
a.leistung-link:hover{transform:translateY(-4px)}
a.leistung-link .leistung-txt{display:flex;flex-direction:column;flex:1 1 auto}
.leistung-mehr-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--rot);font-family:"Poppins",sans-serif;font-weight:600;font-size:14px}
a.leistung-link .leistung-mehr-link{margin-top:auto;padding-top:14px}
.leistung-mehr-link .sh-icon{transition:transform .18s}
a.leistung-link:hover .leistung-mehr-link .sh-icon{transform:translateX(4px)}

/* Partner-Hero: Handy-Mockup „Neue Anfrage" (rechts) */
.ph-phone{position:absolute;right:16px;bottom:-4px;z-index:3;width:212px}
.ph-phone-inner{background:#fff;border-radius:30px;border:7px solid #1f2430;box-shadow:0 34px 64px -22px rgba(0,0,0,.6);overflow:hidden;padding-bottom:14px}
.pp-status{display:flex;justify-content:space-between;align-items:center;padding:11px 18px 5px;font-size:11px;font-weight:700;color:#1f2430}
.pp-status-ic{font-size:9px;letter-spacing:1px}
.pp-head{display:flex;align-items:center;gap:10px;padding:6px 18px 12px}
.pp-dooric{color:var(--rot)}
.pp-head strong{display:block;font-family:"Poppins",sans-serif;font-size:15px;color:#1f2430;line-height:1.1}
.pp-head>div span{font-size:12px;color:#8a8f98}
.pp-tab{height:3px;width:64px;background:var(--rot);margin:0 0 0 18px;border-radius:3px}
.pp-body{padding:14px 18px 0;border-top:1px solid #eee}
.pp-body h4{font-family:"Poppins",sans-serif;font-size:19px;color:#1f2430;margin:8px 0 12px}
.pp-loc{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;color:#555}
.pp-loc .sh-icon{color:var(--rot);flex:0 0 auto}
.pp-details{border-top:1px solid #eee;margin-top:10px;padding-top:12px}
.pp-details strong{display:block;font-family:"Poppins",sans-serif;font-size:13px;color:#1f2430;margin-bottom:4px}
.pp-details p{margin:0;font-size:12.5px;color:#666;line-height:1.4}
.pp-btn-rot{display:block;text-align:center;background:var(--rot);color:#fff;font-family:"Poppins",sans-serif;font-weight:700;font-size:13.5px;padding:11px;border-radius:11px;margin:16px 0 8px}
.pp-btn-outline{display:block;text-align:center;border:1.5px solid #dfe1e6;color:#1f2430;font-family:"Poppins",sans-serif;font-weight:600;font-size:13.5px;padding:10px;border-radius:11px}
/* Karten auf schmalere linke Zone, Platz fürs Handy */
.partner-hero-visual .ph-card{max-width:224px}
.ph-card-2{top:42%;left:6px}
@media(max-width:1050px){.ph-phone{width:186px;right:10px}}
@media(max-width:820px){.ph-phone{display:none}}

/* Partner: Werkstattwagen-Foto in „Mehr Zeit fürs Handwerk" */
.partner-zeit-visual{display:block;padding:0;overflow:hidden;background:none;box-shadow:none;min-height:0}
.partner-zeit-visual img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:24px;display:block}
/* Partner-Hero: Handy kleiner, Netz-Karte größer (Wunsch) */
.ph-phone{width:196px;right:20px}
@media(max-width:1050px){.ph-phone{width:172px}}
.ph-map{width:100%;right:-14%}

/* Hauptmenü-Dropdown „Leistungen" */
.hauptnav .hat-sub{position:relative}
.hauptnav .hat-sub>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.65;vertical-align:middle}
.hauptnav .hat-sub::before{content:"";position:absolute;top:100%;left:-10px;right:-10px;height:16px}
.hauptnav .sub-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:224px;list-style:none;margin:0;padding:8px;
	background:#fff;border:1px solid var(--linie);border-radius:14px;box-shadow:0 26px 54px -22px rgba(17,24,39,.4);
	opacity:0;visibility:hidden;transition:opacity .16s,visibility .16s;z-index:60}
.hauptnav .hat-sub:hover .sub-menu,.hauptnav .hat-sub:focus-within .sub-menu{opacity:1;visibility:visible}
.hauptnav .sub-menu li{margin:0}
.hauptnav .sub-menu a{display:block;padding:10px 14px;border-radius:9px;color:var(--tinte);font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;white-space:nowrap}
.hauptnav .sub-menu a:hover{background:var(--creme);color:var(--rot)}

/* ===== Partner-Seite: Feinschliff-Paket ===== */
/* Hero-Anfrage-Cards gleich groß */
.partner-hero-visual .ph-card{width:236px;max-width:none}
.ph-card strong{white-space:nowrap}
/* Handy kleiner */
.ph-phone{width:168px;right:18px}
@media(max-width:1050px){.ph-phone{width:152px}}
/* Schritt-Karten gleich hoch */
.partner-schritte{align-items:stretch}
.partner-schritte .schritt{display:flex;flex-direction:column;align-items:center}
/* Van-Foto: eigenes Motiv, klare abgerundete Darstellung */
.partner-zeit-visual{box-shadow:0 34px 70px -42px rgba(20,20,30,.42)}
/* Section-Hintergründe abwechseln (creme/weiß, Formular rosa) */
.partner-ablauf{background:#fff}
.partner-zeit{background:var(--creme)}
.partner-standards{background:#fff}
.partner-faq{background:var(--creme)}
/* Leistungsbereiche als Karten-Checkboxen */
.pf-leistungen .wpcf7-checkbox{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pf-leistungen .wpcf7-list-item{margin:0}
.pf-leistungen .wpcf7-list-item label{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 10px;border:1.5px solid var(--linie);border-radius:12px;font-weight:600;color:var(--tinte);cursor:pointer;transition:.15s;background:#fff;font-size:14.5px;text-align:center}
.pf-leistungen .wpcf7-list-item label:hover{border-color:var(--rot)}
.pf-leistungen .wpcf7-list-item label:has(input:checked){border-color:var(--rot);background:var(--rose);color:var(--rot)}
.pf-leistungen input[type=checkbox]{accent-color:var(--rot);width:17px;height:17px;flex:0 0 auto}
.partner-form-box .wpcf7-acceptance{margin:20px 0 4px;font-size:13.5px;color:var(--text)}
.partner-form-box .wpcf7-acceptance input[type=checkbox]{accent-color:var(--rot);margin-right:6px}
@media(max-width:560px){.pf-leistungen .wpcf7-checkbox{grid-template-columns:1fr}}

/* ===== Service-Seiten: Section-Hintergründe abwechseln ===== */
.leistung-situation{background:#fff}
.leistung-ablauf{background:var(--creme)}
.leistung-erklaer{background:#fff}
.leistung-faelle{background:var(--creme)}
.leistung-achten{background:#fff}
.leistung-karte{background:var(--creme)}
.leistung-schonend{background:#fff}
.leistung-cta-band{background:var(--creme)}
.leistung-faq{background:#fff}
.leistung-trust{background:var(--creme)}

/* ===== Leistungen als Mega-Menü (nach express-Vorbild) ===== */
.kopf,.kopf-innen,.hauptnav-wrap,.hauptnav{overflow:visible}
.hauptnav .hat-mega{position:relative}
.hauptnav .hat-mega>a{display:inline-flex;align-items:center;gap:6px}
/* Unterstrich (::after) wie bei den anderen Nav-Items belassen, Pfeil ist ein eigenes SVG */
.hauptnav .hat-mega>a::after{width:auto;height:2px;border:0;transform:scaleX(0)}
.hauptnav .hat-mega:hover>a::after,.hauptnav .hat-mega:focus-within>a::after{transform:scaleX(1)}
.hauptnav{align-items:center}
.mega-caret{width:15px;height:15px;flex:0 0 auto;opacity:.7;transition:transform .2s;margin-top:1px}
.hauptnav .hat-mega:hover .mega-caret,.hauptnav .hat-mega:focus-within .mega-caret{transform:rotate(180deg)}
.hauptnav .hat-mega::before{content:"";position:absolute;top:100%;left:-30px;right:-30px;height:24px}
.hauptnav .mega-panel{position:absolute;top:calc(100% + 18px);left:50%;width:min(720px,calc(100vw - 40px));transform:translate(-40%,10px);
	background:#fff;border:1px solid var(--linie);border-radius:16px;box-shadow:0 28px 64px -20px rgba(17,24,39,.4);
	opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;z-index:1000;overflow:hidden}
.hauptnav .hat-mega:hover .mega-panel,.hauptnav .hat-mega:focus-within .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-40%,0)}
.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:18px}
.mega-item{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;color:var(--tinte);text-decoration:none;transition:background .14s}
.mega-item:hover{background:var(--creme)}
.mega-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:var(--rose);color:var(--rot);flex:0 0 auto}
.mega-text{display:grid;gap:2px;min-width:0}
.mega-text strong{font-family:"Poppins",sans-serif;color:var(--tinte);font-size:15.5px;line-height:1.25}
.mega-text small{color:var(--text-hell);font-size:13px}
.mega-fuss{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;background:var(--creme);border-top:1px solid var(--linie)}
.mega-alle,.mega-tel{display:inline-flex;align-items:center;gap:8px;font-family:"Poppins",sans-serif;font-weight:600;font-size:14.5px;color:var(--tinte)}
.mega-tel{color:var(--rot);font-weight:700}
.mega-alle .sh-icon,.mega-tel .sh-icon{color:var(--rot);flex:0 0 auto}

/* Partner-Hero: Anfrage-Cards sauber untereinander (linksbündig) */
.partner-hero-visual .ph-card-1{top:26px;left:24px;bottom:auto;transform:none}
.partner-hero-visual .ph-card-2{top:50%;left:24px;bottom:auto;transform:translateY(-50%)}
.partner-hero-visual .ph-card-3{top:auto;bottom:26px;left:24px;transform:none}
.ph-card span{white-space:nowrap}

/* Handy: echte Telefon-Proportion beibehalten, komplett kleiner skalieren */
.ph-phone{width:212px;right:14px;bottom:6px;transform:scale(.84);transform-origin:bottom right}
@media(max-width:1050px){.ph-phone{width:212px;transform:scale(.72)}}

/* ============================================================
   Bildschirmfüllende Sektionen – nur auf der Startseite (.home)
   Hero + Feature-Leiste haben ihre eigene 100vh-Logik.
   Nur ab Desktop-Breite – mobil bleibt natürlicher Lesefluss.
   ============================================================ */
@media(min-width:900px){
	.home .orientierung,.home .so-gehts,.home .leistungen,.home .gut-abgesichert{
		min-height:100vh;min-height:100dvh;
		display:flex;flex-direction:column;justify-content:center
	}
}

/* ============================================================
   Wissensblog (Index, Kategorien, Einzelbeitrag)
   ============================================================ */
/* Hero */
.blog-hero{position:relative;padding:56px 0 30px;background:linear-gradient(180deg,#fff 0%,var(--creme) 100%)}
.blog-hero::after{content:"";position:absolute;top:0;right:0;width:48%;height:100%;z-index:0;pointer-events:none;
	background:radial-gradient(50% 55% at 62% 48%,var(--rose) 0%,rgba(251,231,233,0) 70%)}
.blog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.blog-hero-text .kicker{margin-bottom:10px}
.blog-hero-text h1{font-size:clamp(32px,4.6vw,56px);line-height:1.05;letter-spacing:-.02em;margin:.06em 0 .3em}
.blog-hero-sub{font-size:18px;line-height:1.6;color:var(--text);max-width:34em;margin:0 0 26px}
.blog-hero-visual{position:relative;border-radius:26px;overflow:hidden;min-height:360px;box-shadow:0 22px 48px -30px rgba(20,20,30,.32)}
.blog-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;border-radius:26px}
.blog-hero-klein{padding:44px 0 18px}
.blog-hero-klein .blog-hero-visual{min-height:270px}
.kicker-link{color:inherit}
.kicker-link:hover{color:var(--rot)}

/* Beitrags-Suche */
.blog-suche{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--linie);border-radius:16px;
	padding:7px 7px 7px 16px;max-width:520px;box-shadow:0 10px 30px -14px rgba(20,20,30,.2)}
.blog-suche:focus-within{border-color:var(--rot)}
.blog-suche-ic{flex:0 0 auto;display:inline-flex;color:var(--rot)}
.blog-suche input{flex:1 1 auto;min-width:0;border:0;outline:0;background:none;font-family:"Open Sans",sans-serif;font-size:16px;padding:12px 4px;color:var(--tinte)}
.blog-suche input::placeholder{color:#9aa0a8}
.blog-suche .btn{flex:0 0 auto;padding:13px 20px;border-radius:11px;font-size:15px;white-space:nowrap}

/* Container */
.blog-main{padding:28px 0 60px;background:var(--creme)}

/* Filter-Chips */
.blog-chips{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}
.blog-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:#fff;border:1.5px solid var(--linie);
	font-family:"Poppins",sans-serif;font-weight:600;font-size:14.5px;color:var(--tinte);transition:.15s}
.blog-chip .sh-icon{color:var(--rot);transition:.15s}
.blog-chip:hover{border-color:var(--rot);color:var(--rot)}
.blog-chip.aktiv{background:var(--rot);border-color:var(--rot);color:#fff;box-shadow:0 12px 26px -12px rgba(219,15,36,.6)}
.blog-chip.aktiv .sh-icon{color:#fff}

/* Featured-Beitrag */
.blog-featured{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr);background:#fff;border:1px solid var(--linie);
	border-radius:22px;overflow:hidden;box-shadow:0 26px 56px -34px rgba(17,24,39,.4);margin-bottom:46px}
.bf-bild{display:block;overflow:hidden}
.bf-bild img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;transition:transform .3s}
.blog-featured:hover .bf-bild img{transform:scale(1.03)}
.bf-inhalt{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}
.bf-kat,.bc-kat{align-self:flex-start;font-family:"Poppins",sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--rot)}
.bf-inhalt h2{font-size:26px;line-height:1.24;letter-spacing:-.01em;margin:12px 0 12px}
.bf-inhalt h2 a,.bc-inhalt h3 a{color:var(--tinte)}
.bf-inhalt h2 a:hover,.bc-inhalt h3 a:hover{color:var(--rot)}
.bf-inhalt p{font-size:16px;line-height:1.6;color:var(--text-hell);margin:0 0 22px}
.bf-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:14px;color:var(--text-hell)}
.bf-meta span{display:inline-flex;align-items:center;gap:7px}
.bf-meta .sh-icon{color:var(--rot)}
.bf-link{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:"Poppins",sans-serif;font-weight:600;color:var(--rot);transition:gap .18s}
.blog-featured:hover .bf-link{gap:12px}

/* „Aktuelle Ratgeber"-Titel */
.blog-grid-titel{font-size:26px;letter-spacing:-.01em;margin:0 0 22px}

/* Karten-Grid */
.blog-grid{margin-top:0}
.blog-card{display:flex;flex-direction:column}
.bc-bild{display:block;aspect-ratio:16/10;overflow:hidden}
.bc-bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-card:hover .bc-bild img{transform:scale(1.04)}
.bc-inhalt{display:flex;flex-direction:column;flex:1 1 auto;padding:22px 24px 24px}
.bc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.bc-datum{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-hell);white-space:nowrap}
.bc-datum .sh-icon{color:var(--rot)}
.blog-card h3{font-size:18.5px;line-height:1.32;letter-spacing:-.01em;margin:0 0 10px}
.bc-inhalt p{font-size:14.5px;line-height:1.6;color:var(--text-hell);margin:0 0 16px}
.bc-mehr{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-family:"Poppins",sans-serif;font-weight:600;font-size:14px;color:var(--rot);transition:gap .18s}
.blog-card:hover .bc-mehr{gap:12px}

/* Leer-Zustand (Kategorie ohne Beiträge) */
.blog-leer{text-align:center;max-width:560px;margin:14px auto 6px;background:#fff;border:1px solid var(--linie);border-radius:20px;padding:48px 34px;box-shadow:var(--schatten-s)}
.blog-leer-ic{display:inline-flex;width:80px;height:80px;border-radius:50%;background:var(--rose);color:var(--rot);align-items:center;justify-content:center;margin-bottom:18px}
.blog-leer h2{font-size:23px;margin:0 0 10px}
.blog-leer p{color:var(--text-hell);margin:0 0 24px}

/* Trust-Leiste */
.blog-trust{padding:0 0 70px;background:var(--creme)}
.blog-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#fff;border:1px solid var(--linie);border-radius:20px;padding:26px 30px;box-shadow:var(--schatten-s)}
.bt-item{display:flex;align-items:center;gap:14px}
.bt-ic{flex:0 0 auto;display:inline-flex;width:48px;height:48px;border-radius:12px;background:var(--rose);color:var(--rot);align-items:center;justify-content:center}
.bt-item strong{display:block;font-family:"Poppins",sans-serif;font-size:15.5px;color:var(--tinte)}
.bt-item > div span{display:block;font-size:13.5px;color:var(--text-hell)}

/* Einzelbeitrag: Meta-Zeile */
.beitrag-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.beitrag-meta span{display:inline-flex;align-items:center;gap:7px}
.beitrag-meta .sh-icon{color:var(--rot)}

/* Blog responsiv */
@media(max-width:900px){
	.blog-hero-grid{grid-template-columns:1fr;gap:26px}
	.blog-hero-visual{min-height:230px;order:-1}
	.blog-featured{grid-template-columns:1fr}
	.bf-bild img{min-height:210px}
	.bf-inhalt{padding:28px 26px}
	.bf-link{margin-left:0}
}
@media(max-width:600px){
	.blog-suche{flex-wrap:wrap;padding:12px}
	.blog-suche-ic{display:none}
	.blog-suche input{flex:1 1 100%;border:1.5px solid var(--linie);border-radius:11px;padding:12px 14px}
	.blog-suche .btn{flex:1 1 100%}
	.blog-trust-grid{grid-template-columns:1fr;gap:16px}
	.blog-featured{border-radius:18px}
	.bf-meta{gap:12px}
	.bf-link{margin-left:0}
}

/* ============================================================
   Einsatzgebiete-Übersicht
   ============================================================ */
.gebiete-hero{padding:56px 0 40px;background:linear-gradient(180deg,#fff 0%,var(--creme) 100%)}
.gebiete-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center}
.gebiete-hero-text h1{font-size:clamp(32px,4.6vw,54px);line-height:1.05;letter-spacing:-.02em;margin:.06em 0 .3em}
.gebiete-hero-sub{font-size:18px;line-height:1.6;color:var(--text);max-width:32em;margin:0 0 24px}
.gebiete-hero-visual{border:1px solid var(--linie);border-radius:24px;overflow:hidden;background:var(--creme);box-shadow:0 30px 62px -40px rgba(20,20,30,.42)}
.gebiete-hero-visual img{display:block;width:100%;height:auto;border-radius:24px}
.gebiete-suche-card{background:#fff;border:1px solid var(--linie);border-radius:18px;padding:22px 24px;box-shadow:0 24px 50px -34px rgba(17,24,39,.4);max-width:560px}
.gsc-titel{font-family:"Poppins",sans-serif;font-weight:700;font-size:16px;color:var(--tinte);margin:0 0 2px}
.gebiete-suche-card .lh-suche{margin-top:12px;max-width:none;box-shadow:none}
.gebiete-suche-card .lh-ergebnis{max-width:none}
.gsc-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px}
.gsc-checks span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--tinte)}
.gsc-checks .sh-icon{color:#1f9d55}

/* Trust-Leiste */
.gebiete-trust{background:#fff;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.gebiete-trust-grid{display:flex;justify-content:center;flex-wrap:wrap;padding:20px 0}
.gt-item{display:flex;align-items:center;gap:12px;padding:4px 42px;font-family:"Poppins",sans-serif;font-weight:600;font-size:15.5px;color:var(--tinte)}
.gt-item + .gt-item{border-left:1px solid var(--linie)}
.gt-ic{display:inline-flex;color:var(--rot)}

/* Bundesland-Karten */
.gebiete-bl .sektion-titel{margin-bottom:26px}
.bl-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bl-karte{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--linie);border-radius:16px;padding:20px 22px;color:var(--tinte);transition:.16s;box-shadow:var(--schatten-s)}
.bl-karte:hover{border-color:var(--rot);transform:translateY(-3px);box-shadow:0 22px 44px -24px rgba(17,24,39,.3)}
.bl-karte-ic{flex:0 0 auto;display:inline-flex;width:52px;height:52px;border-radius:13px;background:var(--rose);color:var(--rot);align-items:center;justify-content:center}
.bl-karte-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.bl-karte-txt strong{font-family:"Poppins",sans-serif;font-size:18px;line-height:1.2}
.bl-karte-anz{font-size:13px;color:var(--text-hell);margin:2px 0 6px}
.bl-karte-orte{font-size:12.5px;color:var(--text-hell);line-height:1.4}
.bl-karte-pfeil{flex:0 0 auto;display:inline-flex;color:var(--rot);transition:transform .16s}
.bl-karte:hover .bl-karte-pfeil{transform:translateX(4px)}

/* Häufig gesucht */
.gebiete-hg-titel{font-size:24px;letter-spacing:-.01em;margin:46px 0 18px}
.gebiete-hg{display:flex;flex-wrap:wrap;gap:12px}
.gebiete-hg-zentriert{justify-content:center}
.hg-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--linie);border-radius:999px;padding:11px 20px;font-family:"Poppins",sans-serif;font-weight:600;font-size:14.5px;color:var(--tinte);transition:.15s}
.hg-chip .sh-icon{color:var(--rot);transition:transform .15s}
.hg-chip:hover{border-color:var(--rot);color:var(--rot)}
.hg-chip:hover .sh-icon{transform:translateX(3px)}

/* Einsatzgebiete responsiv */
@media(max-width:900px){
	.gebiete-hero-grid{grid-template-columns:1fr;gap:28px}
	.gebiete-hero-visual{order:-1}
	.bl-karten{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
	.bl-karten{grid-template-columns:1fr}
	.gebiete-trust-grid{flex-direction:column;gap:14px;align-items:flex-start;padding:20px 24px}
	.gt-item{padding:0}
	.gt-item + .gt-item{border-left:0}
}

/* ============================================================
   Beitragsseite (Einzelartikel)
   ============================================================ */
.beitrag-breadcrumb{background:#fff;border-bottom:1px solid var(--linie)}
.beitrag-breadcrumb .mitte{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;padding-bottom:14px;font-size:13.5px;color:var(--text-hell)}
.beitrag-breadcrumb a{color:var(--text-hell)}
.beitrag-breadcrumb a:hover{color:var(--rot)}
.beitrag-breadcrumb .bc-sep{color:var(--linie-2,#d9d9de)}
.beitrag-breadcrumb .bc-akt{color:var(--tinte);font-weight:600}

/* Hero */
.beitrag-hero{padding:44px 0 34px;background:linear-gradient(180deg,#fff 0%,var(--creme) 100%)}
.beitrag-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:44px;align-items:center}
.beitrag-kat-badge{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--rot);color:var(--rot);border-radius:999px;padding:7px 15px;font-family:"Poppins",sans-serif;font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.beitrag-kat-badge .sh-icon{color:var(--rot)}
.beitrag-hero-text h1{font-size:clamp(28px,3.7vw,44px);line-height:1.12;letter-spacing:-.015em;margin:.32em 0 .28em}
.beitrag-hero-sub{font-size:18px;line-height:1.6;color:var(--text);max-width:34em;margin:0 0 22px}
.beitrag-hero .beitrag-meta{font-family:"Poppins",sans-serif;font-size:14px;color:var(--text-hell)}
.beitrag-share{display:inline-flex;align-items:center;gap:6px;margin-left:auto;background:#fff;border:1.5px solid var(--linie);border-radius:999px;padding:7px 15px;font-family:"Poppins",sans-serif;font-weight:600;font-size:13.5px;color:var(--tinte);cursor:pointer;transition:.15s}
.beitrag-share .sh-icon{color:#25D366}
.beitrag-share:hover{border-color:#25D366;color:#128C4B}
.beitrag-hero-visual{border-radius:22px;overflow:hidden;box-shadow:0 30px 62px -40px rgba(20,20,30,.42)}
.beitrag-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}

/* Trust-Leiste (teilt Stil mit Einsatzgebiete) */
.beitrag-trust{background:#fff;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.beitrag-trust-grid{display:flex;justify-content:center;flex-wrap:wrap;padding:18px 0}

/* 3-Spalten-Layout */
.beitrag-body{padding-top:48px}
.beitrag-grid{display:grid;grid-template-columns:236px minmax(0,1fr) 300px;gap:40px;align-items:start}
.beitrag-grid.ohne-toc{grid-template-columns:minmax(0,1fr) 300px}

/* Inhaltsverzeichnis */
.beitrag-toc{align-self:start}
.beitrag-toc .toc-card{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:22px 22px}
.toc-titel{font-family:"Poppins",sans-serif;font-weight:700;font-size:15px;color:var(--tinte);margin:0 0 14px}
.beitrag-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.beitrag-toc li a{display:block;padding:8px 10px 8px 16px;border-left:2px solid var(--linie);color:var(--text);font-size:14px;line-height:1.4;border-radius:0 8px 8px 0;transition:.14s}
.beitrag-toc li a:hover{border-left-color:var(--rot);color:var(--rot);background:var(--creme)}
.beitrag-toc li.toc-l3 a{padding-left:28px;font-size:13.5px;color:var(--text-hell)}

/* Artikel-Anker unter dem Sticky-Header */
.beitrag-inhalt h2,.beitrag-inhalt h3{scroll-margin-top:calc(var(--kopf-h,120px) + 20px)}
.beitrag-inhalt{min-width:0}
.beitrag-zurueck{margin-top:38px}

/* Hilfe-Card rechts */
.beitrag-side{position:sticky;top:calc(var(--kopf-h,120px) + 16px);align-self:start}
.beitrag-side .beitrag-hilfe-card{background:#fff;border:1px solid var(--linie);border-top:4px solid var(--rot);border-radius:16px;padding:26px 24px;box-shadow:0 22px 46px -30px rgba(17,24,39,.34)}
.beitrag-hilfe-card h3{font-size:19px;margin:0 0 8px}
.beitrag-hilfe-card > p{font-size:14.5px;color:var(--text-hell);line-height:1.55;margin:0 0 18px}
.bhc-liste{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:11px}
.bhc-liste li{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--tinte)}
.bhc-liste .sh-icon{color:var(--rot);flex:0 0 auto}
.bhc-tel{display:block;text-align:center;font-family:"Poppins",sans-serif;font-weight:700;font-size:24px;color:var(--rot);letter-spacing:-.01em;margin:0 0 12px}
.bhc-btn{width:100%;justify-content:center}
.beitrag-hilfe-card .bhc-hinweis{font-size:12.5px;color:var(--text-hell);text-align:center;margin:22px 0 0}

/* Beitragsseite responsiv */
@media(max-width:1080px){
	.beitrag-grid,.beitrag-grid.ohne-toc{grid-template-columns:minmax(0,1fr) 290px}
	.beitrag-toc{display:none}
}
@media(max-width:900px){
	.beitrag-hero-grid{grid-template-columns:1fr;gap:26px}
	.beitrag-hero-visual{order:-1}
}
@media(max-width:820px){
	.beitrag-grid,.beitrag-grid.ohne-toc{grid-template-columns:1fr}
	.beitrag-side{position:static}
	.beitrag-trust-grid{flex-direction:column;gap:14px;align-items:flex-start;padding:18px 24px}
	.beitrag-trust .gt-item{padding:0}
	.beitrag-trust .gt-item + .gt-item{border-left:0}
	.beitrag-share{margin-left:0}
}