html body :is(h1,h2,h3){hyphens:none !important;text-wrap:balance}
header{position:sticky;top:0;background:rgba(251,250,245,.96);backdrop-filter:blur(12px)}header::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 8px 24px #123b421a;opacity:0;transition:opacity .25s}header.has-scrolled::after{opacity:1}
.brand-band{background:#f6d25b;margin-top:24px;overflow:hidden}.brand-band.chapter-investieren{background:#d7e4d6}.brand-band.chapter-geld-schuetzen{background:#cce1e8}.brand-band.chapter-deine-rechte{background:#edd7c8}.brand-band-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:230px}.brand-band p{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.1;max-width:720px}.brand-band img{height:230px;width:180px;object-fit:contain;align-self:end}.brand-stories h2{margin-bottom:32px}.brand-stories h3{margin-top:20px}
.hero-line{display:block;position:relative;width:fit-content}.marker::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:6px;background:#f3c64e;transform-origin:left}
.card{position:relative;border-radius:20px;transition:transform .25s}.card::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:20px;box-shadow:0 1px 2px #123b420f,0 16px 32px #123b4224;opacity:0;transition:opacity .25s}.card:hover,.card:focus-within{transform:translateY(-4px)}.card:hover::after,.card:focus-within::after{opacity:1}.card-image img{transition:transform .35s}.card:hover .card-image img{transform:scale(1.04)}.card:hover .play{animation:play-pop .45s ease-out}.button{position:relative;overflow:hidden;transition:transform .2s}.button::after{content:"";position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:translateX(0) rotate(20deg);pointer-events:none}.button:hover::after{animation:shine .6s ease-out}
.motion-on .reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:var(--reveal-delay,0ms)}.motion-on .reveal.is-visible{opacity:1;transform:none}.motion-on .hero-line{animation:rise .6s both}.motion-on .hero-line:nth-child(2){animation-delay:60ms}.motion-on .hero-line:nth-child(3){animation-delay:120ms}.motion-on .hero-portrait>img{animation:arrival .85s both}.motion-on .hero-circle{animation:circle-grow .8s both}.motion-on .marker::after{animation:marker-grow .6s .4s both}.motion-on .is-visible .chapter-icon,.motion-on .chapter-tile:hover .chapter-icon{animation:icon-build .6s both;transform-origin:bottom}.chapter-icon path{transform-box:fill-box;transform-origin:bottom}.motion-on .is-visible .chapter-icon path:last-child,.motion-on .chapter-tile:hover .chapter-icon path:last-child{animation:icon-build .65s both}
.consent-panel:not([hidden]){position:sticky;bottom:0;z-index:20;max-width:none;display:flex;align-items:center;gap:16px;padding:12px 24px;margin:0;background:#fbfaf5;border:1px solid #c9d3cf;border-radius:0;font-size:12px;box-shadow:0 -4px 18px #123b4212}.consent-panel h2{font-size:17px;min-width:130px}.consent-panel p{font-size:12px;line-height:1.45;margin:0;max-width:540px}.consent-panel .actions{margin:0;gap:8px;flex-shrink:0}.consent-panel .button{font-size:12px;padding:8px 12px;min-height:44px}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes arrival{0%{opacity:0;transform:translateX(60px)}75%{opacity:1;transform:translateX(-6px)}100%{opacity:1;transform:none}}@keyframes circle-grow{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes marker-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes icon-build{from{opacity:0;transform:scaleY(.25) translateY(6px)}to{opacity:1;transform:none}}@keyframes play-pop{50%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes shine{to{transform:translateX(550%) rotate(20deg)}}
@media(max-width:1000px){.consent-panel:not([hidden]){flex-wrap:wrap;gap:8px}.consent-panel h2{width:100%}.consent-panel p{max-width:none}.consent-panel .actions{flex-wrap:wrap}.brand-band-inner{min-height:180px}.brand-band img{height:180px;width:130px}}
@media(max-width:760px){.brand-band-inner{padding-top:16px;gap:12px}.brand-band p{font-size:26px}.brand-band img{width:100px;height:160px}.consent-panel:not([hidden]){position:relative;padding:16px 20px}.hero-line{display:inline}.hero-line::after{bottom:-4px;height:3px}header{position:relative}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.motion-on .reveal{opacity:1;transform:none}.card:hover,.card:focus-within,.card:hover img,.button:hover{transform:none}}
@media(max-width:760px){.consent-panel .actions{flex-shrink:1;width:100%;min-width:0}.consent-panel .button{max-width:100%}.brand-band p{min-width:0;overflow-wrap:anywhere}.brand-band img{flex-shrink:0}}
@media(prefers-reduced-motion:no-preference){.motion-on .card.reveal.is-visible:hover,.motion-on .card.reveal.is-visible:focus-within{transform:translateY(-4px)}}
.band-title{display:flex;align-items:center;gap:24px;min-width:0}.band-title .chapter-icon{width:48px;height:48px;flex:none}.band-title h1{font-size:clamp(30px,4vw,52px);line-height:1.12}.brand-band img.chapter-scene{height:230px;width:250px;object-fit:cover;border-radius:22px 22px 0 0;margin-top:22px;align-self:end}.brand-band-inner{gap:36px}.brand-band+.wrap .page-intro{padding-top:28px}.band-title p{font-size:clamp(28px,4vw,46px)}
@media(max-width:760px){.brand-band-inner{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:16px}.brand-band img.chapter-scene{width:115px;height:150px;border-radius:16px 16px 0 0;margin-top:16px}.band-title{display:block}.band-title .chapter-icon{width:30px;height:30px;margin-bottom:12px}.band-title h1,.band-title p{font-size:clamp(23px,6vw,30px);overflow-wrap:anywhere}}
.brand-band img.chapter-scene{object-position:center top}
/* Readable consent strip: align with page content, allow natural wrapping. */
.consent-panel:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 32px;padding:24px max(24px,calc((100vw - 1184px)/2));align-items:center}
.consent-panel h2{grid-column:1;font-size:20px;line-height:1.3;min-width:0;width:auto}
.consent-panel>p{grid-column:1;font-size:15px;line-height:1.65;max-width:740px;margin:0}
.consent-panel>p+p{font-size:14px}
.consent-panel .actions{grid-column:2;grid-row:1/4;display:flex;flex-wrap:wrap;gap:12px;max-width:390px;min-width:0}
.consent-panel .button{font-size:14px;line-height:1.4;padding:13px 18px;min-height:48px;white-space:normal}
.monday-strip .monday-inner{padding-top:48px;padding-bottom:48px;gap:64px}.monday-strip h2{line-height:1.2;margin-bottom:16px}.monday-strip p{line-height:1.7}.footer-columns{gap:56px}.footer-columns nav{gap:16px}.footer-columns nav a,.footer-columns nav>span{font-size:15px;line-height:1.65}
@media(max-width:1000px){.consent-panel:not([hidden]){grid-template-columns:1fr;padding:22px 28px;gap:12px}.consent-panel .actions{grid-column:1;grid-row:auto;max-width:none;margin-top:4px}.footer-columns{gap:32px}}
@media(max-width:760px){.consent-panel:not([hidden]){padding:24px 20px}.consent-panel .actions{width:100%;gap:10px}.consent-panel .button{flex:1 1 160px}.monday-strip .monday-inner{padding-top:36px;padding-bottom:36px;gap:28px}.footer-columns{gap:32px}}

/* A useful first action, with quieter alternatives and generous reading space. */
.conversion-note{font-size:14px;line-height:1.6;color:var(--muted);margin-top:20px;max-width:460px}
.conversion-path{padding-top:56px;padding-bottom:64px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.25fr;gap:64px}
.conversion-path h2{font-size:clamp(30px,3vw,42px);line-height:1.15;max-width:440px}
.decision-links{display:grid;gap:28px}.decision-links a{display:block;text-decoration:none;padding-bottom:26px;border-bottom:1px solid var(--line)}.decision-links a:hover strong{text-decoration:underline;text-underline-offset:5px}.decision-links span{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.decision-links strong{font-size:24px;line-height:1.25;display:block}.decision-links p{font-size:16px;color:var(--muted);margin-top:10px;line-height:1.65}
.conversion-story{padding-top:48px;padding-bottom:56px;background:#edf1e9;margin-bottom:56px}.conversion-story h2{max-width:790px;font-size:clamp(30px,3.3vw,44px);line-height:1.15}.conversion-story>p:not(.eyebrow){max-width:720px;margin-top:24px;font-size:18px;line-height:1.75}.conversion-story .text-link{margin-top:24px}
@media(max-width:760px){.conversion-path{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}.conversion-story{padding-top:36px;padding-bottom:40px;margin-bottom:32px}.conversion-note{font-size:13px}.concept-hero .actions{gap:20px}.concept-hero .button{width:100%}.decision-links strong{font-size:23px}}
/* Homepage editorial hierarchy and a useful interactive entry. */
.home-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.055em;font-size:clamp(40px,4.2vw,62px);line-height:1.08}
.home-hero .eyebrow{letter-spacing:.055em;font-size:11px;line-height:1.7;max-width:530px}
.home-calculator{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-top:64px;padding-bottom:72px;border-top:1px solid var(--line);scroll-margin-top:180px}
.home-calculator h2,.home-evidence h2,.home-planned h2{font-size:clamp(30px,3vw,43px);line-height:1.15}
.home-calculator p,.home-evidence p{margin-top:24px;line-height:1.75;max-width:660px}
.home-calculator .eyebrow,.home-evidence .eyebrow,.home-planned .eyebrow{margin-top:0}
.home-calculator .text-link,.home-evidence .text-link{margin-top:24px;line-height:1.65}
.quick-panel{background:#e9efe8;padding:32px;border-radius:14px;min-width:0}.quick-panel fieldset{border:0;padding:0;margin:0;min-width:0}.quick-panel legend{font-size:23px;font-weight:700;margin-bottom:24px}.quick-panel label{display:block;font-size:15px;font-weight:700;margin-bottom:20px}.quick-panel input{display:block;width:100%;min-width:0;background:var(--paper);border:1px solid #748785;border-radius:6px;padding:12px;margin-top:8px;color:var(--ink)}.quick-panel .button{width:100%}.quick-panel .quick-limit{font-size:13px;line-height:1.7}.quick-panel #quick-result{font-size:23px;line-height:1.5;font-weight:700;border-top:1px solid #748785;padding-top:20px}.quick-panel #quick-error{color:#8b2020;font-weight:700}.quick-panel [aria-invalid=true]{border:2px solid #8b2020}
.home-evidence{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-top:56px;padding-bottom:64px;border-top:1px solid var(--line)}.evidence-example{border-left:3px solid var(--yellow);padding-left:32px}.evidence-example h3{font-size:25px;line-height:1.25}.evidence-example a{display:inline-block;margin-top:22px}.evidence-example .editorial-status{font-size:14px;color:var(--muted)}
.home-planned{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-top:40px;padding-bottom:48px;border-top:1px solid var(--line)}.home-planned h2{font-size:30px}.home-planned p{margin-top:18px;color:var(--muted)}.planned-links{display:grid;gap:22px}.planned-links a{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:20px}.planned-links a:hover strong{text-decoration:underline}.planned-links strong{display:block;font-size:21px}.planned-links span{display:block;font-size:14px;color:var(--muted);margin-top:6px}
body:has(.home-hero) .monday-strip h2{font-size:28px}body:has(.home-hero) .monday-inner{padding-top:32px;padding-bottom:32px}body:has(.home-hero) .monday-strip .eyebrow{margin-bottom:12px}body:has(.home-hero) .nav .nav-cta{background:transparent;border:1px solid var(--line)}
@media(max-width:760px){.home-calculator,.home-evidence,.home-planned{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:40px}.home-hero h1{font-size:clamp(36px,9vw,46px)}.home-calculator{scroll-margin-top:24px}.quick-panel{padding:24px}.evidence-example{padding-left:22px}.home-hero .hero-portrait{height:280px}.home-hero .hero-circle{max-width:260px}.home-hero .eyebrow{font-size:10px}}

.newsletter-popup{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:18px;padding:48px 40px 36px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #0004}.newsletter-popup::backdrop{background:#082c35b8}.newsletter-popup h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(30px,5vw,42px);line-height:1.15}.newsletter-popup p:not(.eyebrow){font-size:16px;line-height:1.7;margin-top:22px}.newsletter-popup .soon-label{display:inline-block;margin-top:22px}.newsletter-popup>.button{margin-top:28px;width:100%}.newsletter-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:30px;line-height:1}.newsletter-open{overflow:hidden}@media(max-width:480px){.newsletter-popup{padding:52px 24px 28px}.newsletter-popup .eyebrow{font-size:11px}}

/* Interaction review: immediate press feedback and accessible preferences. */
.button:active,.menu-toggle:active,.newsletter-close:active{background:#e4b836;transition:background-color 80ms}
@media(prefers-reduced-motion:no-preference){.button:active,.menu-toggle:active{transform:scale(.98);transition:transform 80ms,background-color 80ms}}
.chapter-nav a{min-height:44px;display:inline-flex;align-items:center}
@media(prefers-reduced-transparency:reduce){header{background:var(--paper);backdrop-filter:none}}
@media(prefers-contrast:more){header{background:var(--paper);backdrop-filter:none}.button,.menu-toggle{border:2px solid var(--ink)}.newsletter-popup{border:2px solid var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-width:4px}}
@media(hover:none){.card:hover,.motion-on .card.reveal.is-visible:hover,.card:hover .card-image img{transform:none}.card:hover::after{opacity:0}.card:hover .play,.button:hover::after{animation:none}}