/* WertXpertise – Gestaltung (Design „Ostsee“)
   Schriften liegen lokal (DSGVO: keine Google-Fonts-Verbindung). */
@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(../fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:600;font-display:swap;src:url(../fonts/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-700-normal.woff2) format("woff2")}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;line-height:1.6;font-size:1.0625rem}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{line-height:1.15;margin:0 0 .6em}
p{margin:0 0 1em}
ul{margin:0;padding:0}
.wrap{width:min(1180px,100% - 2rem);margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Sprunglink (WCAG 2.4.1) */
.skip{position:absolute;left:1rem;top:-4rem;z-index:1000;background:#111;color:#fff;padding:.7rem 1rem;border-radius:.4rem;text-decoration:none}
.skip:focus{top:1rem}
:focus-visible{outline:3px solid #1a5fd0;outline-offset:3px}

/* Kopfzeile: Grundverhalten, Aussehen je Entwurf */
.site-header{position:sticky;top:0;z-index:50;transition:background-color .3s,box-shadow .3s,backdrop-filter .3s}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.logo img{height:2.2rem;width:auto}
.nav-toggle{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-weight:600;background:none;border:2px solid currentColor;border-radius:.4rem;padding:.45rem .8rem;color:inherit;cursor:pointer}
.main-nav ul{list-style:none}
.main-nav{display:none}
.main-nav.open{display:block;position:absolute;left:0;right:0;top:100%;padding:1rem}
.main-nav.open ul{display:grid;gap:.25rem}
.main-nav a{display:block;padding:.6rem .4rem;text-decoration:none;font-weight:600}
.header-tel{display:none;text-decoration:none;font-weight:700;white-space:nowrap}
@media (min-width:1000px){
  .nav-toggle{display:none}
  .main-nav,.main-nav.open{display:block;position:static;padding:0;background:none!important;box-shadow:none!important}
  .main-nav ul,.main-nav.open ul{display:flex;gap:.2rem}
  .main-nav a{padding:.5rem .65rem}
  .header-tel{display:inline-block}
}

/* Parallax-Ebene (per JS bewegt, bei reduzierter Bewegung aus) */
[data-parallax]{will-change:transform}

/* Einblenden beim Scrollen */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}

/* Slider mit Pause-Knopf (WCAG 2.2.2) */
.slider{position:relative}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.slide.is-active{opacity:1;visibility:visible}
.slider-controls{position:absolute;z-index:5;display:flex;gap:.5rem;align-items:center}
.slider-controls button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;border-radius:999px}

/* ---------- Scroll-Effekte (wie Zinshauslotse) ---------- */
/* Karten: weich aus der Unschärfe nach oben, versetzt nacheinander */
.pop{opacity:0}
.pop.is-visible{opacity:1;animation:pop-in 1s cubic-bezier(.22,1,.36,1) var(--d,0s) backwards}
.pop.is-visible .ico{animation:icon-in .7s cubic-bezier(.34,1.56,.64,1) calc(var(--d,0s) + .3s) backwards}
.leistungen .card.pop.is-visible::before{animation:line-in .9s cubic-bezier(.22,1,.36,1) calc(var(--d,0s) + .35s) backwards}
@keyframes pop-in{from{opacity:0;transform:translateY(48px) scale(.96);filter:blur(8px)}}
@keyframes icon-in{from{opacity:0;transform:scale(.4) rotate(-12deg)}}
@keyframes line-in{from{transform:scaleX(0)}}
/* Bühne: langsamer Zoom des Hintergrundbilds */
.hero-bg img{animation:kenburns 12s ease-out both}
@keyframes kenburns{from{transform:scale(1.12)}to{transform:scale(1)}}
/* Porträt und Drohnenbild: öffnen sich aus der Mitte und bewegen sich beim Scrollen leicht */
.portrait-reveal{clip-path:inset(22% 18% 22% 18% round var(--radius));transition:clip-path 1.6s cubic-bezier(.22,1,.36,1)}
.portrait-reveal.is-visible{clip-path:inset(0 0 0 0 round var(--radius))}
.portrait-reveal img{transform:translate3d(0,var(--py,0px),0) scale(1.25);transition:transform 1.6s cubic-bezier(.22,1,.36,1);will-change:transform}
.portrait-reveal.is-visible img{transform:translate3d(0,var(--py,0px),0) scale(1.1)}
.portrait-reveal.is-settled img{transition:transform .2s linear}
.q-portrait.portrait-reveal{overflow:hidden;border-radius:var(--radius)}
.q-portrait.portrait-reveal figcaption{display:none}

@media (prefers-reduced-motion:reduce){
  .pop,.pop.is-visible{opacity:1;animation:none}
  .pop.is-visible .ico,.leistungen .card.pop.is-visible::before{animation:none}
  .hero-bg img{animation:none}
  .portrait-reveal{clip-path:none;transition:none}
  .portrait-reveal img,.portrait-reveal.is-visible img{transform:none;transition:none}
  .leistungen .card:hover,.btn:hover{transform:none}

  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

/* ---------- Struktur (Farben/Schriften kommen per Variablen aus dem jeweiligen Entwurf) ---------- */
body{background:var(--bg);color:var(--fg);font-family:var(--font-body)}
h1,h2,h3,.h1like{font-family:var(--font-head);font-weight:var(--head-weight,700);letter-spacing:var(--head-tracking,-.01em)}
h1,.h1like{font-size:clamp(2rem,5.2vw,3.6rem);display:block;line-height:1.08;margin:0 0 .5em}
h2{font-size:clamp(1.6rem,3.4vw,2.5rem)}
h3{font-size:1.25rem}
section{padding:clamp(2.5rem,5vw,4.25rem) 0}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;color:var(--accent-text);margin-bottom:.8rem}
.lead{font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--muted);max-width:40rem}
.sec-head{max-width:46rem;margin-bottom:2.5rem}
.ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.4rem;border-radius:var(--btn-radius,.4rem);font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .2s,background-color .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--accent);color:var(--accent-ink,#fff)}
.btn-secondary{border-color:currentColor;color:var(--fg)}
.text-link{font-weight:700;color:var(--accent-text)}
.intro-grid{display:grid;gap:1.5rem}
@media (min-width:900px){.intro-grid{grid-template-columns:1fr 1.2fr;gap:4rem}}
.cards{list-style:none;display:grid;gap:1.25rem}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--surface);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;border:1px solid var(--line)}
.card .ico{width:2.6rem;height:2.6rem;color:var(--accent-text);margin-bottom:1rem}
.card .meta{font-size:.9rem;color:var(--muted);margin-top:auto}
.card .card-quali{font-size:.85rem;line-height:1.5;color:var(--muted)}
.card .more{font-weight:700;color:var(--accent-text)}
.quali-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.quali-grid{grid-template-columns:.8fr 1.2fr;gap:4rem}.quali-grid:has(> :only-child){grid-template-columns:1fr}}
.q-portrait{margin:0}
.q-portrait .ph{aspect-ratio:4/5;border-radius:var(--radius)}
.q-portrait figcaption{font-size:.9rem;color:var(--muted);margin-top:.5rem}
.quali-list{list-style:none;display:grid;gap:.1rem;margin:1.5rem 0}
.quali-list li{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.since{font-weight:700;color:var(--accent-text);font-size:.9rem;padding-top:.1rem}
.quote-band{position:relative;overflow:hidden;color:#fff;padding:clamp(5rem,14vw,9rem) 0}
.quote-bg{position:absolute;inset:-30% 0;z-index:-1}
.quote-band blockquote{margin:0;text-align:center}
.quote-band blockquote p{font-family:var(--font-head);font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin:0 0 .5rem}
.quote-band footer{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
@media (min-width:700px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.steps{grid-template-columns:repeat(5,1fr)}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}
.step-no{display:block;font-family:var(--font-head);font-size:1.6rem;font-weight:700;color:var(--accent-text);margin-bottom:.4rem}
.step h3{font-size:1.05rem;margin-bottom:.3rem}
.step p{font-size:.95rem;color:var(--muted);margin:0}
.digital-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.digital-grid{grid-template-columns:1fr 1fr;gap:4rem}}
.digital-media{aspect-ratio:4/3;border-radius:var(--radius)}
.digital-list{list-style:none;display:grid;gap:1.25rem}
@media (min-width:600px){.digital-list{grid-template-columns:1fr 1fr}}
.digital-list h3{font-size:1.1rem;margin-bottom:.25rem}
.digital-list h3::before{content:"";display:block;width:2rem;height:3px;background:var(--accent);margin-bottom:.7rem}
.digital-list p{color:var(--muted);margin:0;font-size:.97rem}
.filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.filter button{font:inherit;font-weight:600;cursor:pointer;min-height:2.75rem;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg)}
.filter button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.articles{list-style:none;display:grid;gap:1.25rem}
@media (min-width:800px){.articles{grid-template-columns:repeat(3,1fr)}}
.article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding-bottom:1.25rem}
.article > *:not(.article-img){margin-inline:1.25rem}
.article-img{aspect-ratio:16/9;margin-bottom:1rem}
.article .cat{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--accent-text);margin-bottom:.4rem}
.article h3 a{text-decoration:none}
.article h3 a:hover{text-decoration:underline}
.article p:last-child{color:var(--muted);font-size:.97rem;margin-bottom:0}
.note{font-size:.85rem;color:var(--muted);margin-top:1rem}
.small-h{font-size:1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.netzwerk{padding:clamp(2.5rem,5vw,3.5rem) 0;background:#2b2e33;color:#fff;--muted:#dfe1e3;--line:transparent;--accent:#e8344f}
.netzwerk .netz-logo:hover,.netzwerk .netz-logo:focus-visible{box-shadow:0 14px 32px rgba(0,0,0,.35)}
.netz-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.netz-list li:last-child{grid-column:1/-1}
@media (min-width:640px){.netz-list{grid-template-columns:repeat(3,1fr);gap:1rem}.netz-list li:last-child{grid-column:auto}}
@media (min-width:1000px){.netz-list{grid-template-columns:repeat(5,1fr)}}
.netz-logo{position:relative;display:flex;align-items:center;justify-content:center;height:88px;padding:.85rem 1rem;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.netz-logo img{max-width:100%;max-height:50px;width:auto;height:auto;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.netz-logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent,#B3102F);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.netz-logo::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none;z-index:1}
.netz-list li:nth-child(2){--i:1}.netz-list li:nth-child(3){--i:2}.netz-list li:nth-child(4){--i:3}.netz-list li:nth-child(5){--i:4}
.netz-list .pop.is-visible .netz-logo::before{animation:netz-glanz 9s ease-in-out calc(1s + var(--i,0) * .35s) infinite both}
.netz-list .pop.is-visible .netz-logo img{animation:netz-welle 9s ease-in-out calc(1s + var(--i,0) * .35s) infinite both}
@keyframes netz-glanz{0%{transform:translateX(-120%)}14%,100%{transform:translateX(120%)}}
@keyframes netz-welle{0%,14%,100%{translate:0 0}6%{translate:0 -5px}}
.netz-logo:hover,.netz-logo:focus-visible{transform:translateY(-4px);box-shadow:0 12px 28px rgba(43,46,51,.12);border-color:transparent}
.netz-logo:hover img,.netz-logo:focus-visible img{transform:scale(1.06)}
.netz-logo:hover::after,.netz-logo:focus-visible::after{transform:scaleX(1)}
@media (min-width:640px){.netz-logo{height:108px;padding:1rem 1.25rem}.netz-logo img{max-height:58px}}
@media (prefers-reduced-motion:reduce){.netz-logo,.netz-logo img,.netz-logo::after{transition:none}.netz-logo:hover,.netz-logo:focus-visible{transform:none}.netz-logo:hover img,.netz-logo:focus-visible img{transform:none}.netz-list .pop.is-visible .netz-logo::before,.netz-list .pop.is-visible .netz-logo img{animation:none}}
.kontakt-grid{display:grid;gap:2.5rem}
@media (min-width:900px){.kontakt-grid{grid-template-columns:1.1fr 1fr;gap:4rem;align-items:start}}
.standorte{display:grid;gap:1rem}
@media (min-width:560px){.standorte{grid-template-columns:1fr 1fr}}
.standort{font-style:normal;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;line-height:1.8}
.standort h3{margin-bottom:.4rem}
.standort h3 span{display:block;font-family:var(--font-body);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text)}
.standort a{font-weight:600}
.site-footer{background:var(--footer-bg,#2b2e33);color:rgba(255,255,255,.82);font-size:.97rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:.2em}
.site-footer ul{list-style:none}
.footer-band{background:#8b0b0b;color:#fff;padding:2rem 0}
.footer-band-inner{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;justify-content:space-between;align-items:center}
.footer-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .3rem;color:rgba(255,255,255,.8)}
.footer-claim{font-size:clamp(1.3rem,2.2vw,1.55rem);font-weight:700;margin:0;line-height:1.25}
.footer-band-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}
.site-footer .footer-tel{font-size:1.25rem;font-weight:700;white-space:nowrap}
.site-footer .footer-btn{background:#fff;color:#8b0b0b;font-weight:700;padding:.8rem 1.4rem;border-radius:999px;transition:background .2s}
.site-footer .footer-btn:hover{background:#f3e6e6;text-decoration:none}
.footer-main{padding:3rem 0 1.75rem}
.footer-grid{display:grid;gap:2rem}
@media (min-width:800px){.footer-grid{grid-template-columns:1.6fr 1.2fr 1fr 1fr}}
.footer-logo{height:2.4rem;width:auto;margin-bottom:1.1rem}
.footer-h{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 1rem;font-family:var(--font-body)}
.footer-grid ul{display:grid;gap:.45rem}
.footer-socials{display:flex;gap:.7rem}
.site-footer .footer-social{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;color:#fff;transition:transform .2s,filter .2s}
.site-footer .footer-social:hover{filter:brightness(1.12);transform:translateY(-2px)}
.footer-social--fb{background:#1877f2}
.footer-social--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.footer-social--li{background:#0a66c2}
@media (prefers-reduced-motion:reduce){.site-footer .footer-social:hover{transform:none}}
.footer-social svg{width:20px;height:20px}
.footer-bottom{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:space-between;align-items:center;font-size:.85rem;color:rgba(255,255,255,.65);border-top:1px solid rgba(255,255,255,.15);margin-top:2.5rem;padding-top:1.25rem}
.footer-bottom p{margin:0}
.footer-bottom ul{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.num{display:block;font-size:.9rem;letter-spacing:.1em;color:var(--accent-text);margin-bottom:.5rem;font-family:var(--font-body);font-weight:700}
.main-nav.open{background:var(--bg);box-shadow:0 12px 24px rgba(0,0,0,.12)}
.quote-band,.hero-full,.hero-dark{isolation:isolate}

/* ---------- Design „Ostsee“ ---------- */
:root{--bg:#f7f5f0;--fg:#2b2e33;--muted:#5a5e64;--brand:#8b0b0b;--surface:#fff;--line:#dfe3e3;--accent:#b3102f;--accent-text:#b3102f;--radius:.6rem;--font-head:"Manrope",system-ui,sans-serif;--font-body:"Manrope",system-ui,sans-serif;--head-weight:700;--head-tracking:-.02em;--footer-bg:#2b2e33;--btn-radius:999px}
body{margin-top:0}
.site-header{position:fixed;left:0;right:0;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0))}
.site-header .logo img{transition:opacity .3s}
.site-header.is-scrolled{background:rgba(139,11,11,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(0,0,0,.18)}
.main-nav a{color:#fff}
.main-nav.open{background:var(--brand)}
.header-tel{color:#fff;background:#b3102f;border:2px solid #b3102f;border-radius:999px;padding:.45rem 1rem;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:background .2s,border-color .2s}
.header-tel:hover,.header-tel:focus-visible{background:#8b0b0b;border-color:#8b0b0b;text-decoration:none}
.site-header.is-scrolled .header-tel{background:#fff;border-color:#fff;color:#8b0b0b}
.site-header.is-scrolled .header-tel:hover,.site-header.is-scrolled .header-tel:focus-visible{background:#f3e6e6;border-color:#f3e6e6}
.hero-full{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;padding:8rem 0 6rem}
.hero-bg{position:absolute;inset:-20% 0 0;z-index:-1}
.hero-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,22,.35) 0%,rgba(20,20,22,.2) 35%,rgba(20,20,22,.8) 100%)}
.hero-full .lead{color:#e8eef2}
.hero-full .eyebrow{color:#fff}
.hero-full .btn-secondary{color:#fff}
.hero-full h1{max-width:52rem;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.intro{padding-top:3.5rem}
.leistungen .card{border:0;box-shadow:0 2px 14px rgba(0,0,0,.06);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.leistungen .card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent);transform-origin:left}
.leistungen .card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
.digital{background:#2b2e33;color:#fff;--fg:#fff;--muted:#dfe1e3;--accent:#e8344f;--accent-text:#fff}
.digital .eyebrow{color:#d11b38}

/* Bilder */
.hero-bg img,.quote-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg{background:#4d5055}
.hero-bg::before{z-index:1}
.quote-bg::after{content:"";position:absolute;inset:0;background:rgba(20,20,22,.5);z-index:1}
.quote-band .wrap{position:relative;z-index:2}
.digital-media{margin:0;overflow:hidden}
.digital-media img{width:100%;height:100%;object-fit:cover}
.q-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:var(--radius);background:#000}
.article-img{overflow:hidden}
.article-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.article:hover .article-img img{transform:scale(1.04)}

/* Ablauf „Verkauf“: vier Phasen */
.abl-a .phases{list-style:none;padding:0;margin:0;display:grid;gap:1.25rem;counter-reset:none}
@media (min-width:700px){.abl-a .phases{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.abl-a .phases{grid-template-columns:repeat(4,1fr)}}
.abl-a .phase{background:var(--surface);border-radius:var(--radius);padding:1.6rem 1.4rem;box-shadow:0 2px 14px rgba(15,42,61,.06);position:relative}
.abl-a .phase::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand);border-radius:var(--radius) var(--radius) 0 0}
.abl-a .phase:last-child::before{background:var(--accent)}
.abl-a .phase-label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-weight:700;margin:0 0 .2rem}
.abl-a .phase-name{font-size:1.35rem;margin:0 0 1.2rem}
.abl-a .phase-steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.abl-a .phase-steps li{display:grid;grid-template-columns:2.2rem 1fr;gap:.8rem;align-items:start}
.abl-a .step-no{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid var(--brand);color:var(--brand);display:grid;place-items:center;font-size:.85rem;font-weight:700;margin:0}
.abl-a h4{font-size:1rem;margin:.2rem 0 .15rem}
.abl-a .phase-steps p{font-size:.92rem;color:var(--muted);margin:0}
@media (min-width:1100px){.abl-a .phase:not(:last-child)::after{content:"";position:absolute;right:-1.05rem;top:2.2rem;width:.85rem;height:.85rem;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg)}}

/* Suchauftrag: Suchende vormerken, Eigentümer profitieren */
.suchauftrag{background:#fff}
.such-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.such-grid{grid-template-columns:1.25fr 1fr;gap:4rem}}
.suchauftrag .sec-head{margin-bottom:1.2rem}
.such-intro{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--muted);max-width:40rem;margin-bottom:2rem}
.such-cols{display:grid;gap:1.25rem;margin-bottom:2rem}
@media (min-width:640px){.such-cols{grid-template-columns:1fr 1fr}}
.such-box{background:var(--bg);border-radius:var(--radius);padding:1.4rem 1.4rem 1.2rem;position:relative;overflow:hidden}
.such-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand)}
.such-box + .such-box::before{background:var(--accent)}
.such-for{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-weight:700;margin:0 0 .3rem}
.such-box h3{font-size:1.15rem;margin-bottom:.8rem}
.such-list{list-style:none;display:grid;gap:.5rem}
.such-list li{position:relative;padding-left:1.6rem;font-size:.97rem;color:var(--muted)}
.such-list li::before{content:"";position:absolute;left:.15rem;top:.45em;width:.75rem;height:.4rem;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.such-kriterien-h{font-weight:700;margin-bottom:.6rem}
.such-kriterien{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.such-kriterien li{border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;font-size:.92rem;font-weight:600;background:#fff}
.such-media{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius)}
.such-media img{width:100%;height:100%;object-fit:cover}
.such-badge{position:absolute;left:1rem;bottom:1rem;background:var(--brand);color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .9rem;border-radius:999px}
@media (max-width:899px){.such-media{aspect-ratio:4/3}}

/* Aktuelles: Artikelsuche mit Vorschlägen (wie Zinshauslotse) */
.post-search{max-width:640px;margin:0 0 1.25rem}
.post-search__label{display:block;font-weight:700;font-size:.95rem;margin-bottom:.5rem}
.post-search__field{position:relative}
.post-search__icon{position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--muted);pointer-events:none}
.post-search input{width:100%;min-height:3.25rem;padding:.75rem 3.25rem .75rem 3.1rem;font:inherit;font-size:1rem;color:var(--fg);background:#fff;border:1px solid #cfd3d6;border-radius:999px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.post-search input::-webkit-search-cancel-button{display:none}
.post-search input::placeholder{color:#7d8186}
.post-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(179,16,47,.35)}
.post-search__clear{position:absolute;right:6px;top:50%;width:2.5rem;height:2.5rem;margin-top:-1.25rem;border:0;border-radius:50%;background:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer}
.post-search__clear:hover,.post-search__clear:focus-visible{background:var(--bg);color:var(--fg)}
.post-search__suggest{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.12);animation:suggest-in .18s ease}
.post-search__suggest li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border-radius:8px;cursor:pointer}
.post-search__suggest li[aria-selected="true"],.post-search__suggest li:hover{background:var(--bg)}
.post-search__suggest mark,.article h3 mark{background:none;color:var(--accent-text);font-weight:700}
.article h3 mark{background:rgba(179,16,47,.1);border-radius:3px}
.post-search__count{flex:none;font-size:.82rem;color:var(--muted)}
.post-search__status{min-height:1.4em;margin:-.75rem 0 1rem 4px;font-size:.92rem;color:var(--muted)}
@keyframes suggest-in{from{opacity:0;transform:translateY(-6px)}}

/* Aufeinanderfolgende Abschnitte mit gleichem Hintergrund: Abstand nicht doppeln */
.intro + .leistungen,.intro + .angebote,.angebote + .leistungen,.quali + .aktuelles{padding-top:0}

/* Immobilienangebote: Kacheln wie Aktuelles, Hinweis auf Off-Market */
.objekt-ph{display:grid;place-items:center;background:linear-gradient(135deg,#ecebe6,#dcdad3);color:#9a9a94;position:relative}
.objekt-ph svg{width:4rem;height:4rem}
.objekt-badge{position:absolute;left:.9rem;top:.9rem;background:var(--fg);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px}
.objekt-facts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;margin:0 1.25rem 1rem;padding:.9rem 0;border-block:1px solid var(--line)}
.objekt-facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.objekt-facts dd{margin:0;font-weight:700}
.objekte .article p[data-text],.objekte .article p.objekt-mehr{font-size:.9rem;color:var(--muted);margin-bottom:0}
.offmarket{display:flex;flex-direction:column;align-items:flex-start;background:var(--brand);color:#fff;border-radius:var(--radius);padding:1.6rem 1.5rem}
.offmarket .cat{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#f3dede;margin-bottom:.4rem}
.offmarket h3{margin-bottom:.6rem}
.offmarket p{margin:0 0 1.25rem;color:#f3dede}
.offmarket .btn{margin-top:auto}
.btn-light{background:#fff;color:var(--brand)}

/* Angebote: eine Reihe, bei mehr Objekten seitlich blättern */
.karussell{position:relative}
.karussell .objekte{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:.25rem .1rem 1rem;margin:-.25rem -.1rem 0}
.karussell .objekte::-webkit-scrollbar{display:none}
.karussell .objekt{flex:0 0 85%;scroll-snap-align:start}
@media (min-width:700px){.karussell .objekt{flex-basis:calc((100% - 1.25rem)/2)}}
@media (min-width:1000px){.karussell .objekt{flex-basis:calc((100% - 2.5rem)/3)}}
.karussell-nav{display:flex;justify-content:flex-end;gap:.5rem;margin:0 0 .75rem}
@media (min-width:1100px){.karussell-nav{margin:-3.9rem 0 1rem}}
.karussell-nav[hidden]{display:none}
.karussell-btn{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--fg);cursor:pointer;transition:background-color .2s,color .2s,opacity .2s}
.karussell-btn svg{width:1.3rem;height:1.3rem}
.karussell-btn:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand)}
.karussell-btn:disabled{opacity:.35;cursor:default}
@media (prefers-reduced-motion:reduce){.karussell .objekte{scroll-behavior:auto}}
/* Angebote aus Propstack: Hinweis „Reserviert“ auf dem Foto, Exposé-Link, Hinweis ohne Angebote */
.objekt .article-img{position:relative}
.objekt-link{font-weight:700;color:var(--accent-text)}
.objekte .objekt-leer{padding-top:1.25rem}
/* Verkaufte/vermietete Objekte: Stempel „Verkauft“ bzw. „Vermietet“ über dem Foto */
.objekt-stempel{position:absolute;left:1rem;top:1.1rem;transform:rotate(-8deg);border:2px solid #b3102f;color:#b3102f;background:rgba(255,255,255,.9);font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.15rem .55rem;border-radius:.25rem;box-shadow:0 1px 6px rgba(0,0,0,.18);pointer-events:none;white-space:nowrap}
.objekt-verkauft .objekt-facts{border-bottom:0;margin-bottom:0}

/* Wegweiser unter dem Startbild */
.wegweiser{position:relative;margin-top:-4.5rem;z-index:2}
.wegweiser-label{color:#fff;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin:0 0 .7rem}
.wegweiser ul{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.wegweiser-gruppen{display:grid;gap:1.2rem}
.wegweiser-wer{margin:0 0 .5rem;display:inline-block;background:var(--brand);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .7rem;border-radius:999px}
@media (min-width:800px){.wegweiser ul{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.wegweiser-gruppen{grid-template-columns:1fr 1fr;gap:1.6rem}}
.wegweiser a{height:100%;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:1rem;align-items:center;align-content:center;background:var(--surface);color:var(--fg);text-decoration:none;padding:1.3rem 1.2rem 1.3rem 1.1rem;border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.14);border-bottom:4px solid var(--accent);transition:background-color .25s,color .25s}
.wegweiser-nr{grid-row:1/3;font-weight:800;font-size:1.5rem;color:var(--accent);opacity:.35}
.wegweiser strong{font-size:1.08rem;line-height:1.3}
.wegweiser a>span:not(.wegweiser-nr){grid-column:2;font-size:.88rem;color:var(--muted)}
.wegweiser i{grid-row:1/3;grid-column:3;color:var(--accent);display:flex}
.wegweiser a:hover,.wegweiser a:focus-visible{background:var(--brand);color:#fff}
.wegweiser a:hover>span,.wegweiser a:focus-visible>span,.wegweiser a:hover i,.wegweiser a:focus-visible i{color:#fff}

/* ---------- Häufige Fragen (Kieler Ostufer) ---------- */
.faq-list{max-width:52rem;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1.1rem 0;min-height:2.75rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{margin:0;font-size:1.1rem}
.faq-item summary::after{content:"+";flex:none;font-size:1.6rem;line-height:1;font-weight:400;color:var(--accent-text);transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin:0 0 1.2rem;color:var(--muted);max-width:46rem}
@media (prefers-reduced-motion:reduce){.faq-item summary::after{transition:none}}

/* ---------- Seite Aktuelles und Artikelseiten (Aufbau wie Zinshauslotse) ---------- */
.hero-page{position:relative;min-height:clamp(22rem,52svh,30rem);display:flex;align-items:flex-end;overflow:hidden;color:#fff;padding:8rem 0 3rem;isolation:isolate}
.hero-page .lead{color:#e8eef2}
.hero-page .eyebrow{color:#fff}
.hero-page h1{max-width:52rem;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.page-plain .site-header{background:rgba(139,11,11,.97)}
.page-plain main{padding-top:4.5rem}
.akt-liste{padding-top:clamp(2rem,4vw,3rem)}
.article .post-meta,.post-meta{font-size:.88rem;color:var(--muted);margin-bottom:.35rem}
.aktuelles .article h3 a::after,.akt-liste .article h3 a::after{content:"";position:absolute;inset:0}
.aktuelles .article,.akt-liste .article{position:relative;display:flex;flex-direction:column}
.aktuelles .article .more-link{margin-top:auto;padding-top:.8rem;font-weight:700;color:var(--accent-text)}
.akt-liste .article .more-link{margin-top:auto;padding-top:.8rem;font-weight:700;color:var(--accent-text)}
.akt-liste .article p.teaser{color:var(--muted);font-size:.97rem}
.akt-folgen{background:var(--surface);border-top:1px solid var(--line)}
.folgen-grid{display:grid;gap:1.75rem}
@media (min-width:900px){.folgen-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:3rem}}
.folgen-list{list-style:none;display:grid;gap:.8rem}
@media (min-width:560px){.folgen-list{grid-template-columns:repeat(3,1fr)}}
.folgen-list a{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}
.folgen-list a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.folgen-list small{display:block;font-weight:400;font-size:.82rem;color:var(--muted)}
.folgen-ico{flex:none;display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:#fff}
.folgen-ico svg{width:20px;height:20px}
.folgen-ico--fb{background:#1877f2}
.folgen-ico--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.folgen-ico--li{background:#0a66c2}

/* Einzelner Artikel */
.beitrag{max-width:46rem;margin:0 auto;padding-top:2rem}
.beitrag h1{font-size:clamp(1.9rem,4.2vw,2.8rem);hyphens:manual}
.beitrag h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin-top:1.8em}
.beitrag h3{margin-top:1.4em}
.beitrag .lead{font-size:1.15rem;color:var(--fg);max-width:none}
.beitrag ul,.beitrag ol{padding-left:1.2em;margin:0 0 1em}
.beitrag li{margin-bottom:.4em}
.beitrag blockquote{margin:1.2em 0 1.4em;padding:18px 24px;border-left:4px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}
.beitrag blockquote p{margin:0}
.beitrag a{color:var(--accent-text)}
.beitrag__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-bottom:1.4em}
.beitrag__back{color:var(--accent-text);text-decoration:none;font-weight:700;font-size:.95rem}
.beitrag__back:hover{text-decoration:underline}
.beitrag__image{width:100%;height:auto;border-radius:var(--radius);margin:.4em 0 1.6em}
.beitrag__note{margin-top:2em;padding:18px 22px;border-left:4px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;font-size:.95rem}
.beitrag__sources{font-size:.9rem;color:var(--muted)}
.beitrag__sources a{word-break:break-word}
.beitrag__cta{margin-top:2em;padding:26px;border-radius:var(--radius);background:#8b0b0b;color:#fff}
.beitrag__cta h2{color:#fff;margin-top:0!important}
.beitrag__cta .btn{background:#fff;color:#8b0b0b}
.beitrag .post-meta a{color:var(--accent-text)}
.share{margin-top:2.2em;padding-top:1.4em;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.share__label{margin:0;font-weight:700;font-size:.95rem}
.share .share__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.share .share__list li{margin:0}
.share__btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg)!important;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.share__btn:hover,.share__btn:focus-visible{color:#fff!important;border-color:transparent;transform:translateY(-2px)}
.share__btn--mail:hover,.share__btn--mail:focus-visible{background:#b3102f}
.share__btn--linkedin:hover,.share__btn--linkedin:focus-visible{background:#0a66c2}
.share__btn--facebook:hover,.share__btn--facebook:focus-visible{background:#1877f2}
.share__btn--whatsapp:hover,.share__btn--whatsapp:focus-visible{background:#1c8a46}
.share__btn--x:hover,.share__btn--x:focus-visible{background:#000}
.share__btn--link:hover,.share__btn--link:focus-visible,.share__btn--native:hover,.share__btn--native:focus-visible{background:#2b2e33}
.share__status{flex-basis:100%;margin:0;min-height:1.2em;font-size:.9rem;color:var(--accent-text)}
.share--compact{margin:0 0 0 auto;padding:0;border:0;position:relative;gap:8px 10px}
.share--compact .share__label{font-size:.85rem;font-weight:600;color:var(--muted)}
.share--compact .share__list{gap:6px}
.share--compact .share__btn{width:36px;height:36px}
.share--compact .share__btn svg{width:16px;height:16px}
.share--compact .share__status{position:absolute;right:0;top:100%;margin-top:4px;flex-basis:auto;min-height:0;white-space:nowrap;font-size:.85rem}
@media (max-width:520px){.share--compact{margin-left:0}}
.beitrag .folgen-list{margin-top:.6rem}
@media (min-width:560px){.beitrag .folgen-list{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){.share__btn:hover,.folgen-list a:hover{transform:none}}
.akt-alle{margin:1.5rem 0 0}

/* Unsere Marken: WertXpertise und Zinshauslotse (Startseite) */
.marken-grid{display:grid;gap:1.5rem}
@media (min-width:860px){.marken-grid{grid-template-columns:1fr 1fr}}
.marke{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2.2rem;display:flex;flex-direction:column;text-decoration:none;color:var(--fg)}
.marke img{height:52px;width:auto;align-self:flex-start;margin-bottom:1.4rem}
.marke-zhl img{height:66px;margin:-7px 0 calc(1.4rem - 7px) -10px}
.marke h3{font-size:1.2rem}
.marke p{color:var(--muted);flex:1}
.marke-hier{font-size:.85rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.marke-zhl{border-top:4px solid var(--accent);transition:transform .2s,box-shadow .2s}
.marke-zhl:hover{transform:translateY(-3px);box-shadow:0 20px 45px -25px rgba(43,46,51,.45)}
.marke-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.marke-link{text-decoration:none}.marke-link:hover{text-decoration:underline}
.marke-socials{display:flex;align-items:center;gap:.55rem}
.marke-folgen{font-size:.85rem;font-weight:700;color:var(--muted);margin-right:.2rem}
.marke-social{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;color:#fff;transition:transform .2s,filter .2s}
.marke-social:hover{filter:brightness(1.12);transform:translateY(-2px)}
.marke-social svg{width:20px;height:20px}
@media (prefers-reduced-motion:reduce){.marke-social:hover,.marke-zhl:hover{transform:none}}
.marke-link{font-weight:700;color:var(--accent-text)}

/* ---------- Seite „Über uns“ (ueber-wertxpertise.html) ---------- */
.hero-ueber{min-height:clamp(26rem,64svh,38rem)}
.hero-ueber .hero-bg::before{background:linear-gradient(90deg,rgba(255,244,232,0) 50%,rgba(255,244,232,.28) 100%),linear-gradient(180deg,rgba(20,20,22,.35) 0,rgba(20,20,22,0) 8rem),linear-gradient(90deg,rgba(20,20,22,.45) 0,rgba(20,20,22,.22) 45%,rgba(20,20,22,0) 70%)}
.hero-ueber .hero-bg img{filter:brightness(1.45) saturate(1.05)}
.hero-ueber h1,.hero-ueber .lead,.hero-ueber .eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.45),0 2px 24px rgba(0,0,0,.35)}
@media (max-width:700px){.hero-ueber .hero-bg::before{background:linear-gradient(180deg,rgba(20,20,22,.4) 0,rgba(20,20,22,.15) 35%,rgba(20,20,22,.6) 100%)}}
.ueber-intro{padding-top:clamp(3rem,6vw,5rem)}
.ueber-intro .ctas{margin-top:1.4rem}
/* Zahlenband */
.ueber-zahlen{background:#8b0b0b;color:#fff;padding:clamp(2rem,4vw,3rem) 0}
.zahlen-list{list-style:none;display:grid;grid-template-columns:1fr;gap:1.5rem 1rem}
@media (min-width:640px){.zahlen-list{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.zahlen-list{gap:2rem}}
.zahlen-list li{display:flex;flex-direction:column;gap:.35rem;padding-left:1rem;border-left:3px solid rgba(255,255,255,.35)}
.zahlen-list strong{font-size:clamp(2.2rem,4.6vw,3.2rem);line-height:1;font-weight:700;letter-spacing:-.03em}
.zahlen-list strong span{color:#ffb3bf}
.zahlen-list li>span{font-size:.95rem;color:#f3e1e1;max-width:16rem}
/* Philosophie */
.werte-list{list-style:none;display:grid;gap:1rem;padding:0;margin:0}
@media (min-width:640px){.werte-list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.werte-list{grid-template-columns:repeat(5,1fr)}}
.werte-list li{background:var(--surface);border-radius:var(--radius);padding:1.4rem 1.25rem;box-shadow:0 2px 14px rgba(0,0,0,.06);border-top:4px solid var(--accent);transition:transform .3s,box-shadow .3s}
.werte-list li:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
.werte-no{display:block;font-weight:700;font-size:.85rem;letter-spacing:.12em;color:var(--accent-text);margin-bottom:.6rem}
.werte-list h3{font-size:1.15rem;margin-bottom:.4rem}
.werte-list p{font-size:.95rem;color:var(--muted);margin:0}
/* Werdegang als Zeitstrahl */
.werdegang{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.werdegang-grid{display:grid;gap:1rem}
@media (min-width:1000px){.werdegang-grid{grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}.werdegang-grid .sec-head{position:sticky;top:7rem}}
.zeitstrahl{list-style:none;position:relative;padding:0 0 0 0;margin:0}
.zeitstrahl::before{content:"";position:absolute;left:6.6rem;top:.6rem;bottom:.6rem;width:2px;background:linear-gradient(var(--accent),#8b0b0b)}
.zeitstrahl li{position:relative;display:grid;grid-template-columns:6.6rem 1fr;gap:1.6rem;padding:0 0 1.8rem}
.zeitstrahl li::before{content:"";position:absolute;left:calc(6.6rem - 7px);top:.35rem;width:16px;height:16px;border-radius:50%;background:var(--surface);border:3px solid var(--accent);box-sizing:border-box}
.zeitstrahl .zs-highlight::before,.zeitstrahl .zs-heute::before{background:var(--accent)}
.zs-jahr{font-weight:700;color:var(--accent-text);font-size:.95rem;text-align:right;padding-right:1.1rem;padding-top:.05rem}
.zeitstrahl h3{font-size:1.1rem;margin-bottom:.25rem}
.zeitstrahl p{color:var(--muted);margin:0;font-size:.97rem}
.zeitstrahl .zs-heute{padding-bottom:0}
.zeitstrahl .zs-liste{list-style:none;margin:.2rem 0 0;padding:0;color:var(--muted);font-size:.97rem}
.zeitstrahl .zs-liste li{display:block;padding:0 0 .15rem 1rem;grid-template-columns:none}
.zeitstrahl .zs-liste li::before{content:"";left:0;top:.62em;width:6px;height:6px;border:0;background:var(--accent)}
@media (max-width:520px){.zeitstrahl::before{left:5.4rem}.zeitstrahl li{grid-template-columns:5.4rem 1fr;gap:1.2rem}.zeitstrahl li::before{left:calc(5.4rem - 7px)}.zs-jahr{font-size:.8rem;padding-right:.9rem}}
/* Engagement */
.ehrenamt-grid{display:grid;gap:1rem}
@media (min-width:800px){.ehrenamt-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.ehren-card{background:var(--surface);border-radius:var(--radius);padding:1.6rem;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ehren-card .ico{width:2.4rem;height:2.4rem;color:var(--accent-text);margin-bottom:.9rem}
.ehren-card h3{font-size:1.15rem}
.ehren-card p{color:var(--muted);margin:0}
.ehren-logo{display:inline-block;margin-bottom:.9rem}
.ehren-logo img{display:block;height:2.4rem;width:auto}
/* Fortbildungen */
.fortbildung{background:var(--surface);border-top:1px solid var(--line)}
.fb-filter{margin-bottom:.6rem}
.fb-filter button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.fb-status{min-height:1.4em;font-size:.92rem;color:var(--muted);margin-bottom:1rem}
.fb-jahre{list-style:none;columns:1;column-gap:1.5rem}
@media (min-width:760px){.fb-jahre{columns:2}}
@media (min-width:1150px){.fb-jahre{columns:3}}
.fb-jahr{break-inside:avoid;display:inline-block;width:100%;margin:0 0 1.5rem;background:var(--bg);border-radius:var(--radius);padding:1.4rem 1.4rem 1rem;border:1px solid var(--line)}
.fb-jahr h3{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .6rem;padding-bottom:.6rem;border-bottom:2px solid var(--accent)}
.fb-jahr h3 span{font-size:clamp(1.8rem,3vw,2.2rem);letter-spacing:-.03em;color:#8b0b0b}
.fb-jahr h3 small{font-size:.85rem;font-weight:600;color:var(--muted);letter-spacing:0}
.fb-jahr ul{list-style:none}
.fb-jahr li[data-cat]{padding:.6rem 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.1rem}
.fb-jahr li[data-cat]:last-child{border-bottom:0}
.fb-org{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text)}
.fb-title{font-size:.98rem;line-height:1.45}
.fb-sub summary{cursor:pointer;font-size:.86rem;font-weight:600;color:var(--muted);margin-top:.25rem;width:max-content}
.fb-sub summary:hover{color:var(--accent-text)}
.fb-sub ul{list-style:disc;padding-left:1.2rem;margin:.35rem 0 .2rem;font-size:.9rem;color:var(--muted)}
.fb-sub li{padding:.1rem 0}
/* Kieler Ostufer */
.ostufer{position:relative;overflow:hidden;color:#fff;isolation:isolate;padding:clamp(4rem,9vw,7rem) 0}
.ostufer-bg{position:absolute;inset:-25% 0;z-index:-1}
.ostufer-bg img{width:100%;height:100%;object-fit:cover}
.ostufer-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,46,51,.92) 0%,rgba(43,46,51,.7) 55%,rgba(43,46,51,.35) 100%)}
.ostufer-inner>div{max-width:40rem}
.ostufer .eyebrow{color:#d11b38}
.ostufer p{color:#eef0f2}
.orte-list{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}
.orte-list li{padding:.5rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.page-ueber .netzwerk .sec-head .eyebrow{color:#d11b38}
.page-ueber .netzwerk .sec-head p{color:#dfe1e3}
.page-ueber .netzwerk .sec-head{margin-bottom:1.25rem}
@media (prefers-reduced-motion:reduce){.werte-list li,.werte-list li:hover{transition:none;transform:none}}
.fb-jahr[hidden],.fb-jahr li[hidden]{display:none}
/* Team */
.team-grid{display:grid;gap:1.5rem}
@media (min-width:800px){.team-grid{grid-template-columns:repeat(2,1fr)}}
.team-card{display:grid;grid-template-columns:8.5rem 1fr;gap:1.25rem;align-items:start;background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:0 2px 14px rgba(0,0,0,.06);border-left:4px solid var(--accent)}
@media (min-width:1000px){.team-card{grid-template-columns:10.5rem 1fr;padding:1.5rem}}
.team-foto{aspect-ratio:4/5;border-radius:calc(var(--radius) - .1rem);overflow:hidden;background:#2b2e33}
.team-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.team-foto--platzhalter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:#fff;background:linear-gradient(160deg,#b3102f,#8b0b0b 60%,#2b2e33)}
.team-foto--platzhalter span{font-size:2.4rem;font-weight:700;letter-spacing:.04em}
.team-foto--platzhalter small{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85}
.team-text h3{margin-bottom:.25rem}
.team-rolle{font-weight:600;color:var(--accent-text);font-size:.95rem;margin-bottom:.6rem}
.team-text p{font-size:.97rem}
.team-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.team-tags li{font-size:.8rem;font-weight:600;padding:.25rem .7rem;border-radius:999px;background:#f3e6e6;color:#8b0b0b}
@media (max-width:480px){.team-card{grid-template-columns:1fr}.team-foto{max-width:10rem}}

/* Rechtstexte (Datenschutz, Impressum) */
.hero-recht{min-height:clamp(18rem,40svh,24rem)}
.rechtstext{padding:clamp(2.5rem,5vw,4.25rem) 0}
.rechtstext-inner{max-width:52rem}
.rechtstext h2{font-size:clamp(1.25rem,2.2vw,1.5rem);margin:2.2rem 0 .6rem}
.rechtstext p,.rechtstext li{line-height:1.65}
.rechtstext ul{padding-left:1.2rem}
.rechtstext-hinweis{background:#fff4e5;border-left:4px solid var(--accent);padding:.9rem 1.1rem;border-radius:var(--radius)}

/* Kontaktseite (Vorschlag 1: Formular + Vertrauen) */
.hero-kontakt{min-height:clamp(20rem,46svh,26rem);padding-bottom:6.5rem}
.kontaktseite{padding:0 0 clamp(2.5rem,5vw,4.25rem)}
.kontakt-grid{display:grid;gap:2.5rem;align-items:start}
.kf-karte{background:var(--surface);border-radius:1rem;box-shadow:0 12px 40px rgba(43,46,51,.10);padding:clamp(1.25rem,3vw,2rem);margin-top:-4rem;position:relative;z-index:2}
.kf fieldset{border:0;margin:0 0 1.2rem;padding:0;min-width:0}
.kf legend,.kf-label{font-weight:700;margin:0 0 .5rem;padding:0}
.kf-anl-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.kf-anl-karte{position:relative;display:flex;flex-direction:column;gap:.15rem;border:1.5px solid var(--line);border-radius:.8rem;padding:.75rem .9rem;cursor:pointer;background:var(--surface)}
.kf-anl-karte input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.kf-anl-karte span{font-size:.85rem;color:var(--muted)}
.kf-anl-karte:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff7f8}
.kf-anl-karte:has(input:focus-visible),.kf-chip:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.kf-row{margin-bottom:.95rem}
.kf-two,.kf-three,.kf-four{display:grid;gap:.9rem}
@media (min-width:600px){.kf-two{grid-template-columns:1fr 1fr}.kf-three{grid-template-columns:2fr 1fr 1fr}.kf-four{grid-template-columns:repeat(4,1fr)}}
.kf label{display:block;font-weight:600;font-size:.92rem}
.kf small{font-weight:400;color:var(--muted)}
.kf input[type=text],.kf input[type=email],.kf input[type=tel],.kf select,.kf textarea{display:block;width:100%;margin-top:.3rem;font:inherit;font-weight:400;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:.6rem;background:#fff;color:var(--fg)}
.kf input:focus,.kf select:focus,.kf textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(179,16,47,.15)}
.kf [aria-invalid=true]{border-color:var(--accent)}
.kf-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.kf-chip{position:relative;font-weight:400!important}
.kf-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.kf-chip span{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:.4rem .85rem;font-size:.9rem;background:#fff}
.kf-chip input:checked+span{border-color:var(--accent);color:var(--accent);font-weight:700;background:#fff7f8}
.kf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kf-dsgvo{font-size:.8rem;color:var(--muted);margin:.4rem 0 1rem}
.kf label.kf-einwilligung{display:flex;gap:.7rem;align-items:flex-start;font-size:.85rem;font-weight:400;line-height:1.5;color:var(--muted);margin:1rem 0 .3rem;cursor:pointer}
.kf-einwilligung input{flex:none;width:1.15rem;height:1.15rem;margin:.15rem 0 0;accent-color:var(--accent)}
.kf-einwilligung a{color:inherit}
.kf-einwilligung input[aria-invalid=true]{outline:2px solid var(--accent);outline-offset:2px}
.kf-fehler{background:#fff4e5;border-left:4px solid var(--accent);padding:.7rem .9rem;border-radius:.5rem;font-size:.92rem}
.kf-send{width:100%}
.kf-send[disabled]{opacity:.6;cursor:wait}
.kf-dank h2{margin-top:0}
.kf-zusatz{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.kf-zusatz>.btn{margin:.3rem .4rem .3rem 0}
.kf-dank-kopf[hidden]+.kf-zusatz{margin-top:0;padding-top:0;border-top:0}
.kf-schritt2{margin-top:1.2rem}
.kontakt-aside{margin-top:-4rem;position:relative;z-index:2}
@media (min-width:960px){.kontakt-grid{grid-template-columns:1fr 1.35fr}}
@media (max-width:959px){.kontakt-grid>.kf-karte{margin-top:0}}
.kontakt-direkt{background:#fff;color:var(--fg);border-radius:1rem;border-top:6px solid #b3102f;padding:1.75rem;box-shadow:0 12px 40px rgba(43,46,51,.12)}
.kontakt-direkt .eyebrow{color:#b3102f}
.kontakt-direkt h2{color:var(--fg);font-size:1.6rem;line-height:1.25;margin:.2rem 0 .3rem}
.kontakt-direkt h3{color:var(--fg)}
.kontakt-telgross{display:block;color:#2b2e33;font-size:clamp(1.45rem,6.6vw,2rem);font-weight:800;white-space:nowrap;text-decoration:none;margin:.3rem 0 .2rem}
.kontakt-direkt .kontakt-mailtext{display:block;color:#5a5e64;margin:0 0 1rem}
.kontakt-knopf{width:100%;margin-top:.6rem;gap:.5rem;display:inline-flex;justify-content:center;align-items:center}
.kontakt-direkt .btn-secondary{color:#2b2e33;border-color:#2b2e33}
.kontakt-direkt hr{border:0;border-top:1px solid #e4e1dc;margin:1.4rem 0}
.kontakt-direkt .kontakt-schritte,.kontakt-direkt .kontakt-trust{margin-bottom:0}
.kontakt-direkt .kontakt-schritte li::before{background:#b3102f}
.kontakt-direkt .kontakt-schritte span{color:#5a5e64}
.kontakt-direkt .kontakt-trust li::before{color:#b3102f}
.kontakt-team{margin:1.6rem -1.75rem 0}
.kontakt-team-fotos{display:grid;grid-template-columns:1fr 1fr;border-bottom:4px solid #b3102f}
.kontakt-team-fotos>*{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 15%;display:block}
.kontakt-team-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:#fff;background:linear-gradient(160deg,#b3102f,#8b0b0b 60%,#2b2e33)}
.kontakt-team-ph span{font-size:2.4rem;font-weight:700;letter-spacing:.04em}
.kontakt-team-ph small{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85}
.kontakt-team-namen{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.75rem 0}
.kontakt-team-namen p{margin:0;display:flex;flex-direction:column;font-size:.92rem;color:#2b2e33}
.kontakt-team-namen span{color:#5a5e64;font-size:.8rem}
.kf-ueber{color:var(--accent);margin:0}
.kf-titel{font-size:1.45rem;margin:.2rem 0 1.2rem}
.kontakt-trust{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;gap:.55rem}
.kontakt-trust li{padding-left:1.6rem;position:relative}
.kontakt-trust li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.kontakt-schritte{list-style:none;counter-reset:s;padding:0;margin:0 0 1.6rem;display:grid;gap:.75rem}
.kontakt-schritte li{counter-increment:s;padding-left:2.4rem;position:relative;display:flex;flex-direction:column}
.kontakt-schritte li::before{content:counter(s);position:absolute;left:0;top:0;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}
.kontakt-schritte span{font-size:.9rem;color:var(--muted)}
@media (max-width:420px){.kf-anl-grid{grid-template-columns:1fr}}
.kf .kf-anl-karte{display:flex;font-weight:400}
.kf-anl-karte strong{font-weight:700}
.kf-anl-gross{grid-column:1/-1}
.kf-anl-gross strong span{font-weight:400;font-size:.85rem;color:var(--muted);margin-left:.35rem}
@media (max-width:520px){.kf-anl-gross strong span{display:block;margin-left:0}}
.page-kontakt [hidden]{display:none!important}
@media (min-width:600px){.kf-four.kf-name{grid-template-columns:1fr 1fr 1.5fr 1.5fr}}
@media (min-width:600px){.kf-four.kf-adresse{grid-template-columns:2fr 1fr 1fr 1.6fr}}
/* Spezialisten: Laufband „1 Ansprechpartner. Ein ganzes Team dahinter.“ (Lars' Wahl, Vorschlag 5) */
.spez{margin-top:1.5rem;background:linear-gradient(120deg,#8b0b0b,#2b2e33);color:#fff;border-radius:var(--radius);padding:2.2rem 0 1.6rem;overflow:hidden}
.spez-text{padding:0 clamp(1.25rem,3vw,2rem);display:grid;gap:1rem}
@media(min-width:900px){.spez-text{grid-template-columns:1fr 1.2fr;align-items:center;gap:2rem}}
.spez-big{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;line-height:1.15;margin:0;letter-spacing:-.02em}.spez-big span{color:#d11b38}
.spez h3{font-size:1.1rem;margin-bottom:.35rem}.spez p{color:#eef0f2;margin:0}
.spez-band{position:relative;margin-top:1.6rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.spez-band ul{list-style:none;display:flex;gap:.8rem;width:max-content;animation:spez-lauf 60s linear infinite}
.spez-band:hover ul,.spez-band.is-paused ul{animation-play-state:paused}
.spez-band li{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);font-weight:600;white-space:nowrap}
.spez-band svg{width:1.3rem;height:1.3rem;color:#ffb3bf}
.spez-ctrl{display:flex;justify-content:flex-end;padding:.6rem clamp(1.25rem,3vw,2rem) 0}
.spez-pause{font:inherit;font-size:.75rem;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:999px;min-width:2.75rem;min-height:2rem;cursor:pointer}
@keyframes spez-lauf{to{transform:translateX(calc(-50% - .4rem))}}
@media(prefers-reduced-motion:reduce){.spez-band{-webkit-mask-image:none;mask-image:none}.spez-band ul{animation:none;flex-wrap:wrap;width:auto;padding:0 clamp(1.25rem,3vw,2rem)}.spez-band li[aria-hidden]{display:none}.spez-ctrl{display:none}}

/* Seite Bewertung (bewertung.html, scripts/bewertung-gen.py) */
.bw-hero{background:radial-gradient(120% 120% at 80% 0,#a3141a 0,#8b0b0b 45%,#5e0707 100%);color:#fff;padding:8.5rem 0 10rem}
.bw-hero h1{color:#fff;max-width:40rem}.bw-hero .eyebrow{color:#fff}.bw-hero .lead{color:#f3e6e6}
.bw-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.bw-doc{margin:0}.bw-doc figcaption{font-size:.78rem;color:#f3e6e6;margin-top:.7rem;text-align:center}
.bw-doc-page{background:#fff;border-radius:.6rem;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden;transform:rotate(2deg);max-width:24rem;margin-inline:auto;color:#2b2e33}
.bw-doc-kopf{background:#8b0b0b;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.bw-doc-kopf img{width:110px;height:auto}.bw-doc-kopf span{color:#fff;font-size:.6rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase}
.bw-doc-body{padding:1rem 1.1rem 1.3rem}.bw-bar{height:.6rem;background:#e7e2dc;border-radius:3px;margin:.35rem 0}.bw-bar.thin{height:.4rem}.bw-bar.w40{width:40%}.bw-bar.w60{width:60%}.bw-bar.w70{width:70%}.bw-bar.w80{width:80%}
.bw-doc-lbl{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#b3102f;margin:.9rem 0 .1rem}
.bw-doc-wert{font-size:2rem;font-weight:800;color:#8b0b0b;line-height:1.3}.bw-blur{filter:blur(6px);user-select:none}
.bw-skala{height:.5rem;border-radius:3px;background:linear-gradient(90deg,#f1d5d9,#b3102f);position:relative;margin:.4rem 0 .9rem}.bw-skala b{position:absolute;left:55%;top:-.3rem;width:3px;height:1.1rem;background:#2b2e33}
.bw-doc-eck{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.8rem}.bw-doc-eck div{background:#f7f5f0;border-radius:.3rem;padding:.4rem}.bw-doc-eck i,.bw-doc-eck b{display:block;height:.3rem;background:#dcd6cf;margin:.15rem 0;border-radius:2px}.bw-doc-eck b{height:.45rem;width:70%;background:#bfb7ae}
.bw-doc-map{height:6.5rem;border-radius:.4rem;background:linear-gradient(135deg,#dfe8ec 0 40%,#ece9e2 40%);position:relative;margin-bottom:.7rem}.bw-doc-map i{position:absolute;width:.55rem;height:.55rem;border-radius:50%;background:#b3102f;border:2px solid #fff}.bw-doc-map em{position:absolute;left:48%;top:44%;width:.9rem;height:.9rem;background:#2b2e33;border:2px solid #fff;transform:rotate(45deg)}
.bw-ico{width:2.4rem;height:2.4rem;color:var(--accent);margin-bottom:.6rem}
.bw-orte{list-style:none;padding:0;margin:1rem 0 1.4rem;display:flex;flex-wrap:wrap;gap:.45rem}.bw-orte li{border:1.5px solid currentColor;border-radius:999px;padding:.3rem .8rem;font-size:.88rem;font-weight:600}
.bw-wege{padding-bottom:clamp(2.5rem,5vw,4.25rem)}
.bw-zwei{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;margin-top:-7rem;position:relative;z-index:2}
.bw-weg{background:#fff;border-radius:1rem;padding:clamp(1.4rem,3vw,2.2rem);box-shadow:0 14px 40px rgba(43,46,51,.12);position:relative;overflow:hidden}
.bw-weg h2{margin:.2rem 0 .7rem}.bw-weg-haupt::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}.bw-weg-haupt .bw-orte{color:var(--brand)}
.bw-weg-dunkel{background:#2b2e33;color:#fff}.bw-weg-dunkel .eyebrow{color:#D11B38}.bw-weg-dunkel h2{color:#fff}.bw-weg-dunkel .bw-ico{color:#fff}
.bw-anl{list-style:none;padding:0;margin:.8rem 0 1.2rem;display:grid;gap:.35rem}.bw-anl li{padding-left:1.4rem;position:relative}.bw-anl li::before{content:"✓";position:absolute;left:0;color:#D11B38;font-weight:800}
.bw-zhl{display:inline-flex;flex-direction:column;gap:.4rem;background:#fff;border-radius:.7rem;padding:.8rem 1rem;text-decoration:none;color:#1a4a8a;font-weight:700;font-size:.9rem;box-shadow:0 2px 10px rgba(0,0,0,.08)}.bw-zhl img{width:170px;height:auto}.bw-zhl:hover{text-decoration:underline}
.bw-sec{padding:clamp(2.5rem,5vw,4.25rem) 0}.bw-hell{background:#fff}
.bw-inhalt{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.bw-inhalt li{background:#fff;border-radius:.9rem;padding:1.4rem;box-shadow:0 2px 14px rgba(0,0,0,.06)}.bw-inhalt h3{font-size:1.1rem;margin:0 0 .4rem}.bw-inhalt p{margin:0;color:var(--muted)}
.bw-ablauf{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.bw-ablauf li{position:relative;padding-top:.4rem}.bw-ablauf li:not(:last-child)::after{content:"";position:absolute;top:1.9rem;left:3.6rem;right:-1rem;height:2px;background:var(--line)}
.bw-nr{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;margin-bottom:.8rem}
.bw-ablauf h3{font-size:1.1rem;margin:0 0 .3rem}.bw-ablauf p{margin:0;color:var(--muted)}
.bw-q-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;align-items:center}
.bw-portrait.portrait-reveal{overflow:hidden;border-radius:1rem}
.bw-portrait img{width:100%;height:auto;border-radius:1rem;aspect-ratio:4/5;object-fit:cover;object-position:top;display:block}
.bw-quali{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:1rem}
.bw-quali li{display:grid;grid-template-columns:2.6rem 1fr;column-gap:1rem;align-items:start}.bw-quali .bw-ico{grid-row:span 3;margin:0}
.bw-quali .since{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700}.bw-quali strong{font-size:1.08rem}.bw-quali span:last-child{color:var(--muted);font-size:.95rem}
.page-bewertung .faq-list{max-width:52rem}
@media (max-width:860px){
  .bw-hero{padding-bottom:6rem}.bw-hero-grid,.bw-zwei,.bw-q-grid{grid-template-columns:1fr}
  .bw-zwei{margin-top:-4rem}.bw-inhalt{grid-template-columns:1fr}
  .bw-doc-page{max-width:19rem}
  .bw-ablauf{grid-template-columns:1fr}.bw-ablauf li:not(:last-child)::after{display:none}
  .bw-portrait{max-width:16rem}
}
@media (min-width:861px) and (max-width:1100px){.bw-inhalt{grid-template-columns:repeat(2,1fr)}}

/* Seite Beratung (beratung.html, scripts/beratung-gen.py) – Vorschlag „Drei Wege“ */
.br-hero{min-height:clamp(28rem,62svh,36rem);padding-bottom:6.5rem}
.br-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.br-ico{width:2.6rem;height:2.6rem;color:var(--accent-text);margin-bottom:.8rem;flex:none}
.br-sec{padding:clamp(2.75rem,5vw,4.5rem) 0}
.br-wege-liste{list-style:none;display:grid;gap:1.25rem;margin-top:-4.5rem;position:relative;z-index:3}
@media (min-width:900px){.br-wege-liste{grid-template-columns:repeat(3,1fr)}}
.br-weg{background:#fff;border-radius:var(--radius);padding:1.8rem;box-shadow:0 18px 50px rgba(43,46,51,.14);display:flex;flex-direction:column;border-top:4px solid var(--accent)}
.br-weg .eyebrow{margin-bottom:.3rem}
.br-weg h2{font-size:1.35rem}
.br-weg p{color:var(--muted)}
.br-more{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--accent-text);text-decoration:none;margin-top:auto;min-height:2.75rem}
.br-more:hover{text-decoration:underline}
.br-pfeil{width:1.1rem;height:1.1rem;transition:transform .25s}
.br-more:hover .br-pfeil{transform:translateX(3px)}
.br-weg-zhl{background:#2b2e33;color:#fff;border-top-color:#D11B38}
.br-weg-zhl p{color:#dfe1e3}.br-weg-zhl .eyebrow{color:#D11B38}.br-weg-zhl .br-ico,.br-weg-zhl .br-more{color:#fff}
.br-split{display:grid;gap:2rem}
@media (min-width:900px){.br-split{grid-template-columns:5fr 7fr;gap:4rem;align-items:start}}
.br-pruef{list-style:none;display:grid;gap:1rem}
@media (min-width:640px){.br-pruef{grid-template-columns:1fr 1fr}}
.br-pruef li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;border-top:4px solid var(--accent)}
.br-pruef .br-ico{width:2.2rem;height:2.2rem;margin-bottom:.6rem}
.br-pruef h3{font-size:1.1rem;margin-bottom:.3rem}.br-pruef p{margin:0;color:var(--muted);font-size:.97rem}
.br-entw{background:#2b2e33;color:#fff;--fg:#fff;--muted:#dfe1e3;--accent-text:#D11B38}
.br-entw .eyebrow{color:#D11B38}.br-entw .text-link{color:#fff}
.br-entw-in{display:grid;gap:2rem;margin-bottom:2.5rem}
@media (min-width:900px){.br-entw-in{grid-template-columns:1fr 1fr;align-items:center;gap:4rem}}
.br-entw-bild{margin:0;overflow:hidden;border-radius:var(--radius)}.br-entw-bild img{border-radius:var(--radius);width:100%;aspect-ratio:16/10;object-fit:cover}
.br-entw-liste{list-style:none;display:grid;gap:1rem}
@media (min-width:640px){.br-entw-liste{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.br-entw-liste{grid-template-columns:repeat(4,1fr)}}
.br-entw-liste li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:1.3rem}
.br-entw-liste .br-ico{width:2rem;height:2rem;margin-bottom:.6rem}
.br-entw-liste h3{font-size:1.05rem;margin-bottom:.3rem}.br-entw-liste p{margin:0;font-size:.95rem;color:var(--muted)}
.br-faq{background:#fff;padding:clamp(2.75rem,5vw,4.5rem) 0}
.br-cta{padding:clamp(2.75rem,5vw,4rem) 0;background:#f0ece4}
.br-cta h2{margin-bottom:.4rem}.br-cta p{margin:0}
.br-cta-in{display:grid;gap:1.5rem}
@media (min-width:900px){.br-cta-in{grid-template-columns:1.3fr 1fr;align-items:center}.br-cta .ctas{justify-content:flex-end}}
@media (prefers-reduced-motion:reduce){.br-pfeil{transition:none}}

/* Seite Verkauf (verkauf.html, scripts/verkauf-gen.py) – Vorschlag 1 „Klassisch“ */
.vk-hero{min-height:clamp(30rem,78svh,44rem)}
.vk-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:72% center}
.vk-hero .hero-bg::before{background:linear-gradient(180deg,rgba(20,20,22,.45) 0,rgba(20,20,22,0) 9rem),linear-gradient(90deg,rgba(20,20,22,.6) 0,rgba(20,20,22,.35) 45%,rgba(20,20,22,0) 70%)}
@media (max-width:700px){.vk-hero{padding-bottom:17rem}.vk-hero .hero-bg{background:#2b2e33}.vk-hero .hero-bg img{position:absolute;left:0;bottom:0;height:19rem;object-position:center}.vk-hero .hero-bg::before{background:linear-gradient(180deg,#2b2e33 0,#2b2e33 calc(100% - 19rem),rgba(43,46,51,.25) calc(100% - 10rem),rgba(43,46,51,.1) 100%)}}
.vk-hero .btn-secondary{color:#fff}
.vk-btn{gap:.5rem}
.vk-anlaesse{background:var(--surface)}
.vk-anlass-list{list-style:none;display:grid;gap:1.25rem}
@media (min-width:700px){.vk-anlass-list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.vk-anlass-list{grid-template-columns:repeat(4,1fr)}}
.vk-anlass{border-top:3px solid var(--accent);padding-top:1rem}
.vk-anlass h3{font-size:1.15rem;margin-bottom:.4rem}.vk-anlass p{color:var(--muted);margin:0;font-size:.97rem}
.vk-preis-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.vk-preis-grid{grid-template-columns:1.2fr 1fr;gap:4rem;align-items:stretch}.vk-angebot{display:flex;flex-direction:column;justify-content:center}.vk-angebot .btn{align-self:flex-start}}
.vk-angebot{background:var(--brand);color:#fff;border-radius:1rem;padding:1.6rem 2rem;box-shadow:0 18px 50px rgba(139,11,11,.25)}
.vk-angebot h3{font-size:1.3rem;margin:.2rem 0 .8rem}
.vk-angebot .vk-haken{gap:.4rem;margin-bottom:1rem;font-size:.97rem}
.vk-angebot .vk-telbig{font-size:clamp(1.4rem,2.4vw,1.7rem);margin-bottom:.8rem}
.vk-angebot-k{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:#ffd0d8;margin:0}
.vk-haken{list-style:none;display:grid;gap:.6rem;margin:0 0 1.4rem}
.vk-haken li{display:grid;grid-template-columns:1.4rem 1fr;gap:.5rem;align-items:start}
.vk-haken svg{margin-top:.25rem;color:var(--accent-text)}
.vk-angebot .vk-haken svg{color:#fff}
.vk-telbig{display:block;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;text-decoration:none;letter-spacing:-.01em;margin:0 0 1rem;color:inherit}
/* Referenzen: verkaufte Objekte aus Propstack als Karten (ohne Ort und Preis), gefüllt von scripts/propstack-angebote.mjs */
.vk-ref-liste{list-style:none;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:560px){.vk-ref-liste{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.vk-ref-liste{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.vk-referenzen:has(.vk-ref-liste:empty){display:none}
.vk-ref{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(43,46,51,.08);margin:0}
.vk-ref-bild{position:relative;aspect-ratio:3/2;background:#e6e4dd;overflow:hidden}
.vk-ref-bild img{width:100%;height:100%;object-fit:cover}
.vk-ref-text{padding:.9rem 1.1rem 1.1rem;display:grid;gap:.15rem}
.vk-ref-text h3{font-size:1.05rem;margin:0}
.vk-ref-text p{margin:0;font-size:.9rem;color:var(--muted)}
.vk-bewertungen{background:var(--surface)}
.vk-bew-list{list-style:none;display:grid;gap:1.25rem}
@media (min-width:900px){.vk-bew-list{grid-template-columns:repeat(3,1fr)}}
.vk-bew{background:var(--bg);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column}
.vk-sterne{color:#e8a317;letter-spacing:.1em;font-size:1.1rem}
.vk-bew blockquote{margin:.6rem 0 1rem}.vk-bew blockquote p{margin:0}
.vk-bew-name{margin:auto 0 0;font-size:.88rem;font-weight:700;color:var(--muted)}
.vk-diskret{margin-top:2rem;padding:1.4rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius)}
.vk-diskret h3{font-size:1.1rem}.vk-diskret p{margin:0;color:#dfe1e3}
.vk-u-liste{list-style:none;display:grid;gap:1.25rem}
@media (min-width:900px){.vk-u-liste{grid-template-columns:repeat(3,1fr)}}
.vk-u-liste li{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);padding:1.5rem}
.vk-u-liste h3{font-size:1.15rem;margin-bottom:.3rem}.vk-u-liste p{margin:0;color:var(--muted)}
.vk-u-ico{width:2.4rem;height:2.4rem;color:var(--accent-text);margin-bottom:.7rem}
.vk-u-fuss{margin:1.5rem 0 0;font-weight:700;max-width:52rem}
.vk-kontakt{background:#2b2e33;color:#fff;--fg:#fff;--muted:#dfe1e3}
.vk-faq{background:#fff}
.vk-kontakt .eyebrow{color:#D11B38}
.vk-kontakt-grid{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.vk-kontakt-grid{grid-template-columns:1fr 1fr;gap:4rem}}
.vk-kontakt-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:2rem}
.vk-kontakt-box .vk-telbig{margin-bottom:.2rem}
.vk-mail{display:block;color:#c9ccd1;margin-bottom:1.2rem}
.vk-kontakt .btn-secondary{color:#fff}

/* Bewertung: Kästen dezenter (Lars 02.11.2026, Variante B), Knöpfe auf einer Linie */
.bw-hero{padding-bottom:8rem}
.bw-zwei{grid-template-columns:1fr 1fr;margin-top:-5rem}
.bw-weg{padding:1.4rem 1.6rem;box-shadow:0 6px 24px rgba(43,46,51,.08);display:flex;flex-direction:column;align-items:flex-start}
.bw-weg h2{font-size:clamp(1.3rem,2vw,1.55rem);margin:.1rem 0 .5rem}.bw-weg p{font-size:.95rem}
.bw-weg .bw-ico{width:1.7rem;height:1.7rem;margin-bottom:.3rem}.bw-weg .eyebrow{font-size:.7rem;margin-bottom:.3rem}
.bw-weg .btn,.bw-weg .bw-zhl{margin-top:auto}
.bw-weg-haupt::before{height:3px}
.bw-weg-dunkel{background:#fff;color:var(--fg)}.bw-weg-dunkel h2{color:var(--fg)}.bw-weg-dunkel .bw-ico{color:#2b2e33}.bw-weg-dunkel .eyebrow{color:var(--accent-text)}
.bw-weg-dunkel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#2b2e33}
.bw-orte{margin:.7rem 0 1rem;gap:.35rem}.bw-orte li{font-size:.78rem;padding:.2rem .65rem}
.bw-weg .btn{min-height:2.6rem;padding:.55rem 1.1rem;font-size:.92rem}
.bw-anl{margin:.5rem 0 1rem;gap:.2rem .9rem;font-size:.92rem;grid-template-columns:1fr 1fr;width:100%}
.bw-zhl{flex-direction:row;align-items:center;gap:.8rem;min-height:2.6rem;padding:.35rem .9rem;font-size:.82rem;box-shadow:none;border:1px solid var(--line);border-radius:999px}.bw-zhl img{width:120px}
@media (max-width:860px){.bw-hero{padding-bottom:5.5rem}.bw-zwei{grid-template-columns:1fr;margin-top:-4rem}.bw-anl{grid-template-columns:1fr}}

/* Vor Ort engagiert (Verkauf, Über uns; Lars' Wahl Vorschlag 1, 02.11.2026) */
.vor-ort-grid{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.vor-ort-grid{grid-template-columns:1fr 1.2fr;gap:4rem}}
.vor-ort-karten{list-style:none;display:grid;gap:1rem}
@media (min-width:600px){.vor-ort-karten{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.vor-ort-grid{grid-template-columns:1fr 1.5fr;gap:3rem}.vor-ort-karten li{padding:1.3rem 1rem}}
.vor-ort-karten li{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 14px rgba(0,0,0,.06);text-align:center}
.vor-ort-logo{display:flex;align-items:center;justify-content:center;height:5.5rem;width:5.5rem;margin:0 auto 1rem}
.vor-ort-logo-ff{width:min(100%,15rem)}
.vor-ort-logo img{max-width:100%;max-height:100%;width:auto;height:auto}
.vor-ort-karten h3{font-size:1.1rem;margin-bottom:.4rem}
.vor-ort-karten p{color:var(--muted);font-size:.95rem;margin:0}

/* Startseite: Kontakt mit Ostsee-Bild (Vorschlag 3, 02.11.2026) */
.kontakt-bild{background:linear-gradient(90deg,rgba(43,46,51,.86),rgba(43,46,51,.4)),url(../img/laboe-kueste-1200.webp) center/cover;color:#fff;padding-block:5.5rem}
@media (min-width:1200px){.kontakt-bild{background-image:linear-gradient(90deg,rgba(43,46,51,.86),rgba(43,46,51,.35)),url(../img/laboe-kueste-1920.webp)}}
.kontakt-bild .kontakt-grid{align-items:center}
@media (min-width:900px){.kontakt-bild .kontakt-grid{grid-template-columns:1fr 1fr}}
.kontakt-bild h2{color:#fff}
.kontakt-bild p{color:#e3e4e7}
.kontakt-bild .eyebrow{color:#d11b38}
.kontakt-bild .btn-secondary{color:#fff;border-color:#fff}
.kontakt-glas{background:rgba(255,255,255,.96);color:var(--fg);border-radius:1rem;padding:2rem;display:grid;gap:1.6rem;box-shadow:0 20px 50px rgba(0,0,0,.3)}
@media (min-width:560px){.kontakt-glas{grid-template-columns:1fr 1fr}}
.kontakt-glas .standort{background:none;border:0;padding:0;line-height:1.5}
.kontakt-glas .standort a{display:flex;gap:.5rem;align-items:center;font-weight:600;text-decoration:none;margin:.4rem 0;font-size:.97rem;overflow-wrap:anywhere}
.kontakt-glas .standort a:hover{color:var(--accent)}
.kontakt-glas .ico{width:1.15rem;height:1.15rem;flex:none;color:var(--accent)}
.kontakt-vcf{grid-column:1/-1;display:flex;gap:.6rem;align-items:center;justify-content:center;border-top:1px solid var(--line);padding-top:1.2rem;font-weight:700;text-decoration:none;color:var(--accent)}
.kontakt-vcf small{font-weight:400;color:var(--muted)}
@media (max-width:559px){.kontakt-vcf small{display:none}}
.kontakt-vcf:hover{text-decoration:underline}
/* Aktuelles: schmale Social-Zeile neben der Beitragssuche (Lars, 02.11.2026) */
.akt-tools{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.25rem}
.akt-tools .post-search{flex:1 1 22rem;margin:0}
.akt-tools .post-search[hidden]{display:none}
.akt-social{display:flex;align-items:center;gap:.8rem;min-height:3.25rem}
.akt-social__label{margin:0;font-weight:700;font-size:.95rem}
.akt-social__list{display:flex;gap:.55rem}
.akt-social__btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#fff;transition:transform .2s,filter .2s}
.akt-social__btn:hover{filter:brightness(1.12);transform:translateY(-2px)}
.akt-social__btn svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.akt-social__btn:hover{transform:none}}
/* Über uns: Vita mit Reitern Lars / Ivonne (PR, 02.11.2026) */
.vita{min-width:0}
.vita-name{font-size:1.2rem;margin:0 0 1.2rem}
.vita-panel+.vita-panel{margin-top:2.4rem}
.vita-js .vita-name{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vita-js .vita-panel+.vita-panel{margin-top:0}
.vita-tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;background:var(--bg);border:1px solid var(--line);border-radius:2rem;padding:.25rem;margin-bottom:1.8rem}
.vita-tabs button{font:inherit;font-weight:700;border:0;background:none;color:var(--muted);padding:.55rem 1.2rem;border-radius:2rem;cursor:pointer}
.vita-tabs button[aria-selected=true]{background:var(--accent);color:#fff}
.vita-tabs button:hover{color:var(--fg)}.vita-tabs button[aria-selected=true]:hover{color:#fff}

/* Seite Suchauftrag (suchauftrag.html, scripts/suchauftrag-gen.py) */
.hero-such .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.hero-such.hero-kurz{min-height:clamp(20rem,44svh,26rem)}
.sa-vorteile{list-style:none;display:grid;gap:1rem}
@media (min-width:700px){.sa-vorteile{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.sa-vorteile{grid-template-columns:repeat(5,1fr)}}
.sa-vorteile li{background:var(--surface);border-radius:1rem;padding:1.3rem 1.2rem 1.1rem;box-shadow:0 12px 40px rgba(43,46,51,.10);border-top:5px solid var(--accent)}
.sa-vorteile h3{font-size:1.05rem;margin:.6rem 0 .4rem}
.sa-vorteile p{font-size:.92rem;color:var(--muted);margin:0}
.sa-ico{display:inline-flex;width:2.8rem;height:2.8rem;border-radius:50%;align-items:center;justify-content:center;background:#fbeef0;color:var(--accent)}
.sa-v1-vorteile{padding:0;margin-top:-4.5rem;position:relative;z-index:3}
.sa-formteil{padding-top:clamp(2.5rem,5vw,4rem)}
.sa-formteil .kf-karte,.sa-formteil .kontakt-aside,.sa-v4-form .kf-karte,.sa-v4-form .kontakt-aside{margin-top:0}
.kf-karte .kf-titel{margin-bottom:1rem}
.sa-teil{border:0;margin:0 0 1.4rem;padding:0 0 .4rem;border-bottom:1px solid var(--line);min-width:0}
.sa-legend{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.1rem;margin-bottom:.9rem}
.sa-legend span{display:inline-flex;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--brand);color:#fff;align-items:center;justify-content:center;font-size:.9rem}
.sa-arten{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}
@media (min-width:600px){.sa-arten{grid-template-columns:repeat(4,1fr)}}
.kf .sa-art{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;border:1.5px solid var(--line);border-radius:.8rem;padding:.85rem .4rem;cursor:pointer;background:#fff;color:var(--fg);font-size:.88rem;text-align:center}
.sa-art svg{color:var(--accent)}
.sa-art input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sa-art:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff7f8;font-weight:700}
.sa-art:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.sa-arten[aria-invalid=true] .sa-art{border-color:var(--accent)}
@media (min-width:600px){.kf-four.sa-zahlen{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.sa-faq{background:var(--surface)}
.sa-eig{background:#efe9df;color:var(--fg);padding:clamp(1.8rem,4vw,2.6rem) 0}
.sa-eig-in{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.sa-eig p{margin:0;max-width:44rem}

.sa-tel h2{font-size:1.4rem}
/* Gewählt: Vorschlag 2 (Lars, 04.11.2026) */
.sa-v2-grid{display:grid;gap:2.5rem}
@media (min-width:960px){.sa-v2-grid{grid-template-columns:1fr 1.25fr;gap:3.5rem;align-items:start}}
.sa-v2 .kf-karte{margin-top:0}
@media (min-width:960px){.sa-v2 .kf-karte{margin-top:-7rem}}
.sa-vorteile-liste{list-style:none;display:grid;gap:1.2rem;margin:1.2rem 0 2rem}
.sa-vorteile-liste li{display:grid;grid-template-columns:2.8rem 1fr;gap:.2rem 1rem}
.sa-vorteile-liste .sa-ico{grid-row:span 2}
.sa-vorteile-liste h3{font-size:1.1rem;margin:.2rem 0 .2rem}
.sa-vorteile-liste p{margin:0;color:var(--muted);font-size:.95rem}
.sa-v2-bild{position:relative;margin:0;border-radius:1rem;overflow:hidden;max-width:26rem}
.sa-zahlen{align-items:end}
.sa-merkmale{display:grid;gap:.6rem .9rem;grid-template-columns:1fr 1fr}
@media (min-width:900px){.sa-merkmale{grid-template-columns:repeat(3,1fr)}}
.sa-zusatz .kf-four{grid-template-columns:1fr 1fr}
@media (min-width:600px){.sa-zusatz .kf-four{grid-template-columns:repeat(4,1fr)}}
.sa-merkmale label{font-weight:500}
.sa-ko{background:var(--surface);border-left:4px solid var(--accent);border-radius:.6rem;padding:.8rem 1rem;margin:0 0 1.2rem;font-size:.95rem}
.kf label[data-km][hidden]{display:none}
.sa-tipp{margin:-.4rem 0 0;color:var(--muted);font-size:.9rem}
.sa-zusatz .kf-unterkat [data-art]{margin-top:.2rem}
.sa-v2-tel{display:flex;gap:.7rem;align-items:flex-start;background:var(--surface);border-left:4px solid var(--accent);border-radius:.6rem;padding:.9rem 1rem;margin:0 0 2rem}
.sa-v2-tel svg{flex:none;color:var(--accent);margin-top:.2rem}
.sa-v2-tel a{font-weight:800;color:var(--fg);white-space:nowrap}
@media (max-width:959px){.sa-v2-bild{display:none}}
.kf .kf-anl-link{text-decoration:none;color:inherit;padding-right:2.2rem;font-size:.92rem;line-height:1.6}
.kf-anl-link i{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.2rem;color:var(--accent)}
.kf-anl-link:hover,.kf-anl-link:focus-visible{border-color:var(--accent);background:#fff7f8}

/* Tippgeber (tippgeber.html und Abschnitt #tippgeber auf der Startseite, scripts/tippgeber-gen.py, Lars 05.11.2026) */
.tg-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.tg-hero.hero-kurz{min-height:clamp(20rem,44svh,26rem)}
.tg-hero .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,46,51,.15),rgba(43,46,51,.75))}
.tg-name{grid-template-columns:1fr}
@media(min-width:600px){.kf-three.tg-name{grid-template-columns:.8fr 1.4fr 1.4fr}.kf-three.tg-adresse{grid-template-columns:2fr .8fr 1.4fr}}
.tg-einv{background:#fff7f8;border:1.5px solid #f1c9d0;border-radius:.7rem;padding:.8rem .9rem;color:var(--fg)!important}
.tg-schritte{list-style:none;display:grid;gap:1rem;counter-reset:s;margin:0;padding:0}
@media(min-width:800px){.tg-schritte{grid-template-columns:repeat(3,1fr)}}
.tg-schritte li{position:relative;background:var(--surface);border-radius:1rem;padding:1.4rem 1.3rem 1.2rem;box-shadow:0 12px 40px rgba(43,46,51,.10);border-top:5px solid var(--accent)}
.tg-schritte h3{font-size:1.12rem;margin:.7rem 0 .35rem}
.tg-schritte p{font-size:.94rem;color:var(--muted);margin:0}
.tg-nr{position:absolute;right:1.1rem;top:.8rem;font-size:2.2rem;font-weight:800;color:var(--accent);opacity:.18}
.tg-kurz{list-style:none;display:grid;gap:.55rem;margin:0;padding:0}
.tg-kurz li{display:flex;gap:.6rem;align-items:flex-start}
.tg-kurz svg{flex:none;color:var(--accent);margin-top:.25rem}
.tg-sec{padding:clamp(2.5rem,5vw,4rem) 0}
/* Seite: gewählt Vorschlag 2 */
.tg-v2-grid{display:grid;gap:2.5rem}
@media(min-width:960px){.tg-v2-grid{grid-template-columns:1fr 1.3fr;gap:3.5rem;align-items:start}.tg-v2 .kf-karte{margin-top:-7rem}}
.tg-v2 .kf-karte{margin-top:0}
.tg-liste{list-style:none;display:grid;gap:1.3rem;margin:1.2rem 0 2rem;padding:0;counter-reset:s}
.tg-liste li{display:grid;grid-template-columns:2.8rem 1fr;gap:.2rem 1rem}
.tg-liste .sa-ico{grid-row:span 2}
.tg-liste h3{font-size:1.1rem;margin:.2rem 0}
.tg-liste p{margin:0;color:var(--muted);font-size:.95rem}
.tg-liste .tg-nr{display:none}
.tg-kasten{background:var(--surface);border-radius:1rem;padding:1.2rem 1.3rem;border-left:4px solid var(--brand);margin-bottom:1.6rem}
.tg-kasten h3{font-size:1rem;margin-bottom:.6rem}
/* Startseite: gewählt Abschnitt 1 */
.tga{padding:clamp(2.5rem,5vw,4.25rem) 0}
.tga .eyebrow{margin-bottom:.4rem}
.tga-check{list-style:none;display:grid;gap:.55rem;margin:0 0 1.6rem;padding:0}
.tga-check li{display:flex;gap:.6rem;align-items:flex-start}
.tga-check svg{flex:none;color:var(--accent);margin-top:.25rem}
.tga1{background:var(--surface)}
.tga1-grid{display:grid;gap:2.2rem;align-items:center}
@media(min-width:900px){.tga1-grid{grid-template-columns:.9fr 1.1fr;gap:3.5rem}}
.tga1 figure{margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;position:relative}
.tga1 figure img{width:100%;height:100%;object-fit:cover}
.tga1 .such-badge{background:var(--accent)}
.tga1 p.tga-text{color:var(--muted);font-size:1.08rem;max-width:36rem}

/* IVD-Logo in der Menüzeile der Startseite (Vorschlag 1, 05.11.2026) */
.header-ivd{display:block;flex:none;width:2.9rem;height:2.9rem;border-radius:6px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.header-ivd img{width:100%;height:100%}
@media (max-width:999px){.site-header .logo{margin-right:auto}.header-ivd{width:2.5rem;height:2.5rem}}
@media (min-width:1000px) and (max-width:1149px){.header-ivd{width:2.3rem;height:2.3rem}.site-header .bar{gap:.6rem}.main-nav a{white-space:nowrap;padding:.5rem .5rem}}
/* Datenschutz: Widerspruch Besucherstatistik */
.statistik-widerspruch{background:#fff;border-left:4px solid #B3102F;padding:.9rem 1.1rem;border-radius:.3rem}
.statistik-widerspruch label{font-weight:600;cursor:pointer;display:inline-flex;gap:.55rem;align-items:center}
.statistik-widerspruch input{width:1.15rem;height:1.15rem;accent-color:#B3102F}
.statistik-widerspruch span{display:inline-block;margin-top:.35rem;font-size:.95em}