:root{--navy:#073a68;--deep:#062e56;--blue:#173c65;--orange:#f36b08;--ink:#0d2e53;--muted:#40566b;--pale:#eaf4fd;--line:#d9e5f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:17px/1.55 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.container{max-width:1260px;margin:auto;padding-inline:24px}.skip{position:absolute;top:-70px;left:10px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}.site-header{background:linear-gradient(120deg,#064677,#052b52);color:#fff}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.pv-brand{text-decoration:none;display:flex;align-items:center;gap:13px}.brand strong{font-size:clamp(19px,2.2vw,29px);letter-spacing:-.04em;line-height:1.15}.brand small,.pv-brand small{display:block;font-size:13px;font-weight:400;color:#dceaf5}.brand-icon{font-size:37px;color:var(--orange)}.pv-brand{background:#fff;color:var(--navy);border-radius:55px 0 0 55px;padding:11px 22px}.pv-brand strong{font-size:22px;font-style:italic}.pv-brand small{color:#273f57}.pv-check{font-size:38px;color:var(--orange);font-weight:900}.mainnav{background:#062d55;border-top:1px solid #4d7192}.nav-inner{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav-inner a{padding:12px 18px;text-decoration:none;font-size:15px;font-weight:700;border-bottom:4px solid transparent}.nav-inner a:hover,.nav-inner a.active{background:var(--orange);border-radius:6px 6px 0 0;color:#fff}.menu-toggle{display:none;border:1px solid #bcd1e4;color:#fff;background:transparent;border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer}.hero{min-height:435px;background:linear-gradient(90deg,rgba(3,52,96,.98) 0%,rgba(5,69,122,.96) 28%,rgba(4,64,116,.55) 46%,rgba(0,0,0,0) 70%),url('titelmotiv.webp') center 53%/cover no-repeat}.hero-inner{min-height:435px;display:flex;align-items:center}.hero-copy{max-width:610px;color:#fff;padding-block:46px}.eyebrow{display:inline-block;padding:5px 13px;background:#fff;color:var(--navy);font-weight:800;font-style:italic;text-transform:uppercase;border-left:5px solid var(--orange);border-radius:5px}.hero h1{font-size:clamp(35px,4.3vw,58px);line-height:1.11;letter-spacing:-.04em;margin:18px 0}.hero h1 em{color:#ff790d;font-style:normal}.hero p{font-size:clamp(17px,1.8vw,22px);line-height:1.42;max-width:500px;margin:0 0 24px}.btn{display:inline-flex;align-items:center;gap:20px;background:var(--orange);color:#fff;border-radius:9px;padding:12px 22px;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #b54a00}.btn:hover{background:#d95a00}.intro{padding-top:34px;padding-bottom:28px}.intro h2,.content-section h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.035em;margin:0 0 10px}.intro h2 span{color:var(--navy)}.intro h2:after{content:'';display:block;width:110px;height:5px;background:var(--orange);border-radius:5px;margin-top:12px}.lead{margin:0 0 24px;font-size:19px;color:#263d54}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic{display:flex;align-items:center;gap:16px;background:var(--pale);border-radius:15px;padding:23px 20px;min-height:132px;text-decoration:none;transition:transform .2s,box-shadow .2s}.topic:hover{transform:translateY(-3px);box-shadow:0 8px 22px #143c651a}.topic strong{display:block;font-size:23px;line-height:1.15}.topic small{display:block;font-size:16px;color:#233f59;line-height:1.35;margin-top:6px}.topic-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:4px solid;border-radius:50%;font-size:36px;font-weight:800}.orange{color:var(--orange)}.blue{color:var(--navy)}.chev{font-size:38px;margin-left:auto}.content-section{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:32px;padding-bottom:32px;border-top:1px solid var(--line)}.content-section>div{max-width:760px}.content-section p{margin:0;color:var(--muted)}.kicker{text-transform:uppercase;color:#d65b00;font-weight:800;font-size:12px;letter-spacing:.1em}.content-section h2{font-size:27px;margin:6px 0}.text-link{flex-shrink:0;font-weight:750;color:#bd4c00;text-decoration-thickness:2px;text-underline-offset:4px}.pv-panel{margin-top:26px;margin-bottom:38px;background:linear-gradient(100deg,#e7f3fd,#fff3e8);border-radius:16px;display:flex;align-items:center;gap:22px;padding-top:22px;padding-bottom:22px}.pv-mark{color:var(--orange);font-size:58px;font-weight:900}.pv-panel h2{margin:0;font-size:26px}.pv-panel p{margin:5px 0 0;color:#2b4054}.pv-panel a{font-weight:800;color:#c44d00;white-space:nowrap}.footer{background:var(--deep);color:#e5eff8}.footer-inner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:22px;padding-bottom:22px;font-size:13px}.footer a{color:#fff}.footer-inner div{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.pv-brand{display:none}.hero{background-position:63% center}.hero-copy{max-width:510px}.cards{grid-template-columns:1fr}.topic{min-height:90px}.content-section,.pv-panel{align-items:flex-start;flex-direction:column;gap:12px}.footer-inner{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.container{padding-inline:18px}.header-inner{min-height:75px}.brand strong{font-size:17px}.brand small{font-size:11px}.brand-icon{font-size:25px}.menu-toggle{display:block}.mainnav{display:none}.mainnav.open{display:block}.nav-inner{display:flex;flex-direction:column;align-items:stretch;padding-block:10px}.nav-inner a{padding:10px 12px}.hero{min-height:570px;background:linear-gradient(180deg,rgba(3,45,84,.98),rgba(3,45,84,.93) 45%,rgba(3,45,84,.05) 75%),url('titelmotiv.webp') center bottom/auto 58% no-repeat;background-color:#164d7c}.hero-inner{min-height:570px;align-items:flex-start}.hero-copy{padding-top:34px}.hero h1{font-size:36px}.hero p{font-size:17px}.eyebrow{font-size:12px}.intro{padding-top:28px}.intro h2{font-size:28px}.lead{font-size:16px}.topic strong{font-size:21px}.topic small{font-size:15px}.pv-panel a{white-space:normal}}

/* V3 – freundlicher PV-Familienauftritt mit Original-Logo */
:root{--navy:#07549b;--deep:#174c7b;--blue:#0c5696;--orange:#f57612;--pale:#eff7ff}
.site-header{background:#fff;color:#104a7e;border-bottom:1px solid #d6e5f2}
.header-inner{min-height:108px}
.brand small{color:#456782}.brand-icon{color:var(--orange)}
.pv-brand{background:transparent;border-left:1px solid #d8e6f2;border-radius:0;padding:7px 0 7px 22px}
.pv-brand img{display:block;width:min(29vw,310px);height:auto}
.mainnav{background:#eaf4fc;border-top:1px solid #d6e5f2}
.nav-inner a{color:#104a7e}.nav-inner a:hover,.nav-inner a.active{background:var(--orange);color:white}
.menu-toggle{color:#0d508d;border-color:#c2d7e9}
.hero{background:linear-gradient(90deg,rgba(236,247,255,.98) 0%,rgba(232,246,255,.95) 27%,rgba(222,241,255,.70) 44%,rgba(255,255,255,0) 70%),url('titelmotiv.webp') center 53%/cover no-repeat}
.hero-copy{color:#103c67}.hero h1 em{color:#ed6908}.hero p{color:#244b6c}.eyebrow{background:#fff;color:#0e4c84;box-shadow:0 1px 7px #1d56801a}
.pv-mark{width:74px;height:74px;object-fit:contain;flex-shrink:0}
.footer{background:#eaf4fc;color:#244b6c;border-top:1px solid #d6e5f2}.footer a{color:#0c5696}
@media(max-width:900px){.pv-brand{display:flex}.pv-brand img{width:200px}}
@media(max-width:720px){.pv-brand{display:none}}
@media(max-width:650px){.hero{background:linear-gradient(180deg,rgba(235,247,255,.98),rgba(235,247,255,.95) 46%,rgba(235,247,255,.06) 76%),url('titelmotiv.webp') center bottom/auto 58% no-repeat;background-color:#e9f6ff}.menu-toggle{color:#0d508d}}

/* V4: Titelmotiv vollständig und unverzerrt zeigen, ohne Cover-Beschnitt */
.hero{background:linear-gradient(110deg,#eaf6ff 0%,#f5faff 70%,#e6f3ff 100%);min-height:0}
.hero-inner{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:clamp(18px,3vw,44px);align-items:center;min-height:0;padding-block:36px}
.hero-copy{padding-block:12px;max-width:none}
.hero-art{min-width:0;display:flex;align-items:center;justify-content:center}
.hero-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:12px}
@media(max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:clamp(30px,4vw,43px)}}
@media(max-width:650px){.hero{min-height:0;background:linear-gradient(180deg,#eaf6ff,#f7fbff)}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-block:24px;min-height:0}.hero-copy{padding:0}.hero-art{width:100%}.hero-art img{width:100%;height:auto}.hero h1{font-size:clamp(30px,8vw,38px)}}

/* V5: präzise Desktop-Komposition und kompakter Titelbereich */
.brand-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;line-height:1;color:var(--orange)}
.brand-icon svg{display:block;width:46px;height:46px}
.hero-inner{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(16px,2vw,28px);padding-block:24px}
.hero-copy{min-width:0;padding-block:8px}
.hero h1{font-size:clamp(31px,3.45vw,47px);letter-spacing:-.045em;line-height:1.14;margin:15px 0 15px}
.hero h1 em{white-space:nowrap}
.hero p{font-size:clamp(16px,1.45vw,19px);line-height:1.48;max-width:580px;margin-bottom:18px}
.hero-art img{border-radius:10px}
.eyebrow{font-size:13px}
.intro{padding-top:28px}
@media(max-width:1100px){.hero h1{font-size:clamp(29px,3.4vw,38px)}.hero-inner{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}}
@media(max-width:900px){.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.hero h1{font-size:clamp(26px,3.6vw,33px)}.hero h1 em{white-space:normal}}
@media(max-width:650px){.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding-block:22px}.hero h1{font-size:clamp(30px,7.8vw,38px)}.hero h1 em{white-space:normal}.hero-copy{padding:0}.brand-icon{flex-basis:34px}.brand-icon svg{width:34px;height:34px}.hero-art img{width:100%}}

/* V6 – finaler Feinschliff nach Desktop-Screenshot */
@media (min-width: 901px) {
  .brand { flex: 0 1 auto; min-width: 0; }
  .brand > span:last-child { min-width: 0; }
  .brand strong { display:block; white-space:nowrap; font-size:clamp(20px,2.05vw,27px); letter-spacing:-.035em; }
  .brand small { white-space:nowrap; font-size:12px; }
  .pv-brand { flex-shrink:0; }
  .hero-inner { grid-template-columns:minmax(0,1fr) minmax(0,1.06fr); gap:clamp(16px,2.2vw,30px); }
  .hero h1 { font-size:clamp(31px,3.1vw,43px); }
  .hero-art img { width:100%; }
  .topic { gap:12px; padding:20px 15px; }
  .topic-icon { flex-basis:56px; width:56px; height:56px; font-size:31px; }
  .topic > span:nth-child(2) { flex:1 1 auto; min-width:0; }
  .topic strong { font-size:21px; }
  .topic small { font-size:14px; line-height:1.35; }
  .chev { flex:0 0 auto; font-size:31px; }
}
@media (min-width: 901px) and (max-width: 1120px) {
  .brand strong { font-size:20px; }
  .pv-brand img { width:220px; }
  .hero h1 { font-size:32px; }
}
@media (max-width: 900px) {
  .brand strong { display:block; overflow-wrap:anywhere; }
  .topic > span:nth-child(2) { flex:1; min-width:0; }
}

/* V7 – freigegebenes Wortspiel und groesseres Titelmotiv */
.hero-inner{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(12px,1.6vw,22px);padding-block:20px}
.hero h1{font-size:clamp(30px,3.15vw,44px);line-height:1.16}
.hero h1 em{white-space:normal}
.hero-claim{font-weight:800;color:#0c5696!important;font-size:clamp(19px,2vw,25px)!important;margin:0 0 8px!important}
.hero-explainer{font-size:clamp(16px,1.35vw,18px)!important;margin:0 0 20px!important}
.hero-art img{width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:clamp(28px,3.6vw,36px)}}
@media(max-width:650px){.hero-inner{display:flex;flex-direction:column;gap:12px}.hero h1{font-size:clamp(30px,7.5vw,39px)}.hero-art img{width:100%}}

/* V8 – PV-Markenlogo prominent, Navigation mit eindeutig aktivem Eintrag */
.header-inner{min-height:112px;align-items:center;gap:24px}
.pv-brand{align-self:center;flex:0 0 auto;padding:6px 0 6px 26px;border-left:1px solid #d6e5f2}
.pv-brand img{width:clamp(290px,29vw,365px);height:auto;max-width:100%;object-fit:contain}
.nav-inner a:hover:not(.active){background:#d4e8f8;color:#0c4b81;border-radius:6px 6px 0 0}
.nav-inner a.active,.nav-inner a.active:hover{background:var(--orange);color:#fff}
@media (min-width:721px) and (max-width:1050px){
 .pv-brand img{width:clamp(205px,25vw,290px)}
 .brand strong{font-size:clamp(19px,2.2vw,25px)}
 .brand small{font-size:11px}
}
@media (max-width:720px){.pv-brand{display:none}.header-inner{min-height:82px}}

/* V9: Quell-Logo endet am rechten Bildrand; vollstaendige Wortmarke ohne Bildbeschnitt */
.pv-brand{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:visible;padding-right:4px}
.pv-brand .pv-brand-symbol{width:47px;height:47px;object-fit:contain;flex-shrink:0}
.pv-brand-wordmark{display:inline-flex;align-items:baseline;font-size:clamp(21px,2.3vw,30px);font-weight:800;letter-spacing:-.055em;line-height:1.1;white-space:nowrap}
.pv-word-orange{color:#f57612}.pv-word-blue{color:#07549b}
@media(min-width:721px) and (max-width:1050px){.pv-brand .pv-brand-symbol{width:37px;height:37px}.pv-brand-wordmark{font-size:clamp(18px,2vw,23px)}}

/* V10 – gezielter Feinschliff, keine Änderung des freigegebenen Grundlayouts */
.topic{border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.topic:hover{border-color:#f57612;background:#f7fbff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(7,84,155,.12)}
.topic:focus-visible{border-color:#f57612}
.closing{display:flex;align-items:center;gap:16px;margin-top:10px;margin-bottom:28px;padding-top:20px;padding-bottom:20px;border-top:1px solid #d9e5f0}
.closing-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff1e7;color:#ed6908;font-size:26px;font-weight:800}
.closing strong{font-size:clamp(20px,2.4vw,27px);color:#07549b}.closing p{margin:2px 0 0;color:#40566b}
@media(max-width:720px){.pv-brand{display:flex;position:absolute;right:18px;top:9px;border:0;padding:0;gap:0}.pv-brand .pv-brand-symbol{width:27px;height:27px}.pv-brand-wordmark{display:none}.header-inner{position:relative;padding-top:22px;padding-bottom:10px;min-height:93px}.brand{max-width:calc(100% - 74px)}.brand strong{font-size:clamp(14px,3.5vw,19px);overflow-wrap:anywhere}.brand small{font-size:10px}.menu-toggle{margin-left:auto}.nav-inner{gap:0}}
@media(max-width:400px){.brand-icon{display:none}.brand{max-width:calc(100% - 60px)}.brand strong{font-size:14px}.hero h1{font-size:30px}.closing{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic{transition:none}.topic:hover{transform:none}}

.article{max-width:960px;padding-block:42px 64px;line-height:1.7;overflow-wrap:break-word}.article h1{font-size:clamp(30px,4vw,46px);line-height:1.15;color:#07549b;margin:0 0 24px}.article h2{color:#07549b;font-size:clamp(23px,3vw,30px);line-height:1.25;margin:32px 0 12px}.article h3{color:#173c65;font-size:21px;margin:24px 0 8px}.article p{margin:0 0 16px}.article section{scroll-margin-top:24px}.article a:not(.btn){color:#07549b;text-decoration:underline;text-underline-offset:3px}.table-wrap{overflow-x:auto;margin:20px 0}.article table{border-collapse:collapse;width:100%;min-width:420px}.article th,.article td{padding:12px;border:1px solid #d7e1eb;text-align:left}.article th{background:#173c65;color:white}.article tr:nth-child(even){background:#f1f6fa}.toc,#checklist{background:#edf4fa;border-radius:12px;padding:20px;margin:24px 0}.toc li{margin:5px 0}#checklist label{display:flex;gap:10px;align-items:baseline;margin:12px 0}#checklist input{accent-color:#07549b}#checklist .btn{margin-top:12px}
.bav-calc{margin:24px 0;padding:clamp(16px,3vw,26px);border:1px solid #cbddeb;border-radius:14px;background:#f5faff}.article .bav-calc h3{margin-top:0}.calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calc-fields label{display:flex;flex-direction:column;gap:5px;font-weight:600;color:#173c65}.calc-fields input{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #829bb2;border-radius:6px;font:inherit;background:white;color:#173c65}.calc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.calc-reset{font:inherit;border:1px solid #829bb2;background:white;color:#173c65;border-radius:6px;padding:8px 12px;cursor:pointer}.calc-result{padding:15px;background:white;border-left:4px solid #07549b;font-weight:600;color:#173c65;overflow-wrap:anywhere}.article .calc-note{font-size:.9rem;margin:14px 0 0;color:#40566b}.bav-calc :focus-visible{outline:3px solid #07549b;outline-offset:3px}@media(max-width:540px){.calc-fields{grid-template-columns:1fr}}

.calc-fields select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #829bb2;border-radius:6px;font:inherit;background:white;color:#173c65}.bav-calc details{margin-top:16px}.bav-calc summary{cursor:pointer;font-weight:600;color:#173c65}

.partner-box{border:1px solid #d7e1eb;border-radius:12px;padding:clamp(16px,3vw,28px);background:#f5f9fc;margin:24px 0;min-width:0}.partner-box h2{margin-top:0}.partner-label{font-size:.85rem;font-weight:700;color:#465b70}.partner-box button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.partner-box iframe{max-width:100%}.partner-box button{border:0;font:inherit;font-weight:700}

/* Externes Vergleichsangebot: visuelle Trennung */
.partner-box{background:#f3f5f7;border:2px solid #73879a;}
.partner-powered{color:#173c65;font-size:1rem;margin:.5rem 0 1rem;}

/* V10: ruhige, platzsparende Zwischenüberschriften auf der Kostenfallen-Seite */
.kostenfallen-article section > h2{font-size:clamp(21px,2.15vw,25px);font-weight:650;line-height:1.32;letter-spacing:-.015em;margin:30px 0 12px}
@media(max-width:650px){.kostenfallen-article section > h2{font-size:21px;line-height:1.32}}