@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#10283c;--navy2:#0b2032;--red:#ef5147;--red-dark:#d83c34;--text:#172c3f;--muted:#6c7984;--line:#dfe5e9;--soft:#f2f5f6;--cream:#f8f4ef;--white:#fff;--shadow:0 20px 55px rgba(9,32,51,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:white;color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ff9b72;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.14}h2{font-size:clamp(32px,4.3vw,54px);font-weight:800}h3{font-size:22px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.notice{min-height:31px;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 20px;background:var(--navy2);color:#d9e2e8;font-size:11px;font-weight:600;letter-spacing:.015em}.notice-dot,.live-dot{width:6px;height:6px;background:#f3b95e;border-radius:50%;display:inline-block}.notice-right{margin-left:22px;color:#8195a4}.site-header{position:sticky;top:0;z-index:15;background:#fff;border-bottom:1px solid #eef0f1}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;line-height:1}.brand-mark{display:grid;place-items:center;background:var(--navy);color:white;width:42px;height:42px;border-radius:10px;padding:7px}.brand-mark svg{width:100%}.brand-text{font-family:Manrope;font-size:18px;letter-spacing:-.07em;font-weight:800}.brand-accent,.footer-brand span{color:var(--red)}.brand-text small{display:block;color:#85929a;font-family:'DM Sans';font-size:9px;letter-spacing:.05em;margin-top:5px;font-weight:700}.nav{display:flex;gap:27px;align-items:center;font-size:12px;font-weight:700}.nav>a:not(.nav-cta):hover{color:var(--red)}.nav-cta{background:var(--navy);color:#fff;padding:13px 18px;border-radius:5px}.nav-cta span{margin-left:9px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;min-height:660px;padding-top:76px;padding-bottom:92px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--red)}.eyebrow{display:flex;align-items:center;gap:9px;color:#a74c45;margin-bottom:26px}.pulse{width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #f9d9d2}.hero h1{font-size:clamp(44px,5.3vw,76px);font-weight:800;line-height:1.08;margin-bottom:23px}.hero h1 em{font-style:normal;color:var(--red)}.hero-sub{max-width:470px;font-size:16px;color:#60707c;line-height:1.85;margin-bottom:31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 19px;font-size:13px;font-weight:800;border-radius:5px;transition:transform .15s,background .15s;line-height:1.4}.btn:hover{transform:translateY(-2px)}.btn-red{color:white;background:var(--red)}.btn-red:hover{background:var(--red-dark)}.btn-outline{color:var(--navy);border:1px solid #bdc9cc;background:transparent}.btn-dark{background:var(--navy);color:white}.btn-white{background:white;color:var(--navy)}.hero-foot{margin-top:26px;font-size:11px;font-weight:700;color:#809096}.check{color:#3e967e}.sep{margin:0 10px}.hero-card-wrap{position:relative;padding:30px 20px 45px 0}.hero-card{background:var(--navy);padding:29px 31px;color:#fff;border-radius:9px;box-shadow:0 28px 55px rgba(8,32,49,.22);min-height:415px;position:relative;z-index:1}.card-top,.card-footer{display:flex;justify-content:space-between;align-items:center}.tag{font-size:10px;border:1px solid #51687b;border-radius:3px;padding:7px 10px;font-weight:700;letter-spacing:.1em}.live-dot{background:#f2ac50;margin-right:5px}.card-date{font-size:10px;color:#9eb0bd}.alert-icon{width:56px;height:56px;border:2px solid var(--red);border-radius:50%;font-size:36px;display:grid;place-items:center;color:var(--red);font-weight:800;margin-top:34px}.card-eyebrow{font-size:10px;letter-spacing:.16em;color:#9fb0bc;font-weight:800;margin:21px 0 3px}.hero-card h2{font-size:34px;margin:0 0 5px}.risk-level{color:var(--red);font-size:18px;font-weight:800;letter-spacing:.02em}.risk-level span{font-size:26px}.risk-meter{display:flex;gap:6px;margin:18px 0}.risk-meter i{background:var(--red);height:9px;flex:1;border-radius:1px}.risk-meter i:last-child{opacity:.25}.risk-explainer{font-size:12px;line-height:1.8;color:#c1ccd4;max-width:370px;margin-bottom:22px}.card-footer{border-top:1px solid #355064;padding-top:17px;color:#869aab;font-size:9px;letter-spacing:.1em;font-weight:800}.card-footer span:last-child{color:#7ab99c}.floating-note{position:absolute;bottom:4px;right:-15px;background:white;border-radius:5px;transform:rotate(5deg);box-shadow:var(--shadow);padding:15px 20px;font-size:13px;color:#26384b;z-index:2}.floating-note strong{font-size:11px;color:#909ca6}.stats-band{background:#fff;border-bottom:1px solid #e9edef}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:31px 0}.stats>div{padding-left:37px;border-left:1px solid #e3e7eb;display:flex;flex-direction:column}.stats>div:first-child{padding-left:0;border:0}.stats strong{font:800 30px Manrope;letter-spacing:-.07em;color:var(--navy)}.stats span{font-size:11px;color:#7f8993;font-weight:700}.section{padding:112px 0}.section-white{background:white}.section-soft{background:#f2f5f6}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:25px}.section-kicker{margin-bottom:15px}.section-head h2{margin:0}.section-head>p{max-width:330px;font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{border:1px solid var(--line);padding:32px 27px 26px;border-radius:5px;display:flex;flex-direction:column;min-height:300px;transition:box-shadow .2s,transform .2s}.service:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.service-icon{font-size:32px;line-height:1;color:var(--red);margin-bottom:20px}.service-number{font-size:10px;letter-spacing:.14em;color:#929fa8;font-weight:800}.service h3{font-size:21px;margin:10px 0 11px}.service p{color:#78858f;font-size:13px;line-height:1.8}.service a{margin-top:auto;font-size:12px;font-weight:800;color:var(--red)}.service a span{margin-left:8px}.quote-band{background:var(--navy);color:white;text-align:center;padding:65px 0}.quote-inner{display:flex;flex-direction:column;align-items:center}.quote-mark{font:800 55px Georgia;color:var(--red);height:40px}.quote-band blockquote{font:800 clamp(22px,3vw,37px)/1.35 Manrope;letter-spacing:-.05em;margin:17px 0 20px}.quote-band em{color:#fa8076;font-style:normal}.quote-credit{font-size:10px;letter-spacing:.16em;color:#98aab8;font-weight:800}.test-layout,.report-layout,.hotline-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.section-copy{font-size:15px;color:var(--muted);line-height:1.9;max-width:420px}.info-panel{display:flex;gap:12px;border-left:3px solid #8eb1bc;background:#e9eff1;padding:14px;margin-top:32px;max-width:390px}.info-panel span{color:#638491;font-size:18px}.info-panel p{font-size:12px;color:#667a84;margin:0}.test-card{background:white;border:1px solid #e2e8eb;padding:39px;border-radius:7px;box-shadow:0 13px 35px rgba(20,43,62,.045);min-height:350px}.test-progress{display:flex;align-items:center;gap:15px}.test-progress>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#8c9ba6;white-space:nowrap}.progress-track{height:5px;background:#eaf0f3;flex:1;border-radius:3px;overflow:hidden}.progress-track>div{background:var(--red);height:100%;width:33%;transition:width .2s}.test-card h3{margin:29px 0 22px;font-size:23px;line-height:1.35}.quiz-options{display:grid;gap:10px}.quiz-options button{background:white;text-align:left;border:1px solid #dce4e9;border-radius:4px;padding:13px 16px;font-size:13px;font-weight:700;color:#31485b;transition:border .15s,background .15s}.quiz-options button:hover{border-color:var(--red);background:#fdf4f2}.quiz-result h3{margin-bottom:14px}.quiz-result p{color:#6e7e89;font-size:14px}.quiz-result .diagnosis{color:var(--red);font-size:11px;letter-spacing:.14em;font-weight:800}#quizRestart{margin-top:17px}.report-layout{align-items:start;grid-template-columns:.8fr 1.2fr}.confidential{display:flex;gap:17px;margin:35px 0;max-width:410px}.lock-icon{width:42px;height:42px;background:#eff5f4;color:#4b9781;display:grid;place-items:center;font-size:25px;border-radius:6px;flex-shrink:0}.confidential strong{font-size:13px}.confidential p{font-size:12px;color:#81909a;line-height:1.7}.form-steps{border-top:1px solid #e5eaed;max-width:380px;padding-top:22px;display:grid;gap:17px;font-size:12px;color:#88949f;font-weight:700}.form-panel{border:1px solid #dce4e8;border-radius:7px;overflow:hidden;box-shadow:0 14px 44px rgba(16,40,60,.065)}.form-panel-header{background:#f0f4f6;padding:17px 27px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.1em;color:#7e8b95}.form-body{padding:29px 30px 31px;display:flex;flex-direction:column}.form-body label{font-size:12px;font-weight:800;margin-bottom:8px}.form-body label span{font-weight:500;color:#929ca5}.form-body input,.form-body select,.form-body textarea{width:100%;background:white;border:1px solid #dce3e7;border-radius:4px;padding:12px 13px;margin-bottom:20px;color:var(--navy);outline-offset:2px;font-size:13px}.form-body input::placeholder,.form-body textarea::placeholder{color:#a7b0b7}.input-unit{position:relative}.input-unit input{padding-right:34px}.input-unit span{position:absolute;right:14px;top:12px;color:#84929c;font-size:13px}.form-body textarea{resize:vertical}.form-disclaimer{font-size:11px;color:#8795a0;line-height:1.6}.submit{width:100%;margin-top:8px}.report-result{padding:30px}.report-result h3{font-size:26px;margin:12px 0}.report-result p{font-size:13px;color:#6c7984;line-height:1.8}.report-result .result-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--red)}.result-box{background:#f4f6f7;padding:16px;border-left:3px solid var(--red);margin:20px 0}.result-box strong{display:block;font-size:26px;letter-spacing:-.05em}.result-box span{font-size:12px;color:#758590}.result-actions{display:flex;gap:9px;flex-wrap:wrap}.section-navy{background:var(--navy);color:white}.hotline-layout{grid-template-columns:1fr 1fr;align-items:center}.section-kicker.light{color:#fa938c}.section-navy h2{font-size:clamp(32px,4vw,49px)}.section-navy p{color:#a7bac8;font-size:14px;line-height:1.9;max-width:430px}.hotline-small{font-size:11px!important;color:#748e9f!important;margin-top:17px}.hotline-script{background:#19354a;border:1px solid #3a5264;border-radius:7px;overflow:hidden}.script-head{display:flex;gap:15px;padding:23px 25px;border-bottom:1px solid #3b5366;align-items:center}.script-head>span{display:grid;place-items:center;background:#2e4a5e;width:39px;height:39px;border-radius:6px;font-size:21px}.script-head strong,.script-head small{display:block}.script-head strong{font-size:12px;letter-spacing:.07em}.script-head small{font-size:10px;color:#92a9ba;margin-top:4px}.script-content{padding:27px}.script-content>span{font-size:10px;color:#fa9086;letter-spacing:.13em;font-weight:800}.script-content p{color:#d3dee5;font-size:12px;margin:8px 0 0;line-height:1.8}.script-separator{height:1px;background:#3b5366;margin:23px 0}.script-copy{width:100%;background:#244257;border:0;color:white;text-align:left;padding:17px 27px;font-size:12px;font-weight:800;display:flex;justify-content:space-between}.script-copy:hover{background:#31536a}.final-cta{background:#f9f4ef;padding:68px 0}.final-inner{display:flex;justify-content:space-between;align-items:center}.final-inner h2{margin:0;font-size:clamp(30px,4vw,46px)}.footer{background:#0b1f2f;color:#fff}.footer-top{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:80px;padding:62px 0 51px}.footer-brand strong{font-family:Manrope;font-size:19px;letter-spacing:-.06em}.footer-top p{color:#8ea2b0;font-size:12px;line-height:1.9;margin-top:13px}.footer-top>div>strong:not(.footer-brand strong){font-size:12px}.footer-top a{display:block;font-size:12px;color:#94a9b6;margin-top:10px}.footer-top a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #294152;padding:22px 0;color:#8297a6;font-size:10px;letter-spacing:.06em}.toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:#fff;padding:13px 20px;border-radius:5px;box-shadow:var(--shadow);font-weight:700;font-size:13px;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .2s;z-index:25}.toast.show{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@media(max-width:980px){.nav{gap:13px}.nav>a{font-size:11px}.hero-grid{gap:20px}.test-layout,.report-layout,.hotline-layout{gap:40px}.hero h1{font-size:55px}.floating-note{right:0}}@media(max-width:740px){.container{width:min(100% - 36px,550px)}.notice-right{display:none}.header-inner{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:white;box-shadow:0 20px 25px #10283c22;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:11px 5px;font-size:13px}.nav .nav-cta{padding:13px;margin-top:6px;text-align:center}.hero-grid,.test-layout,.report-layout,.hotline-layout{grid-template-columns:1fr}.hero-grid{padding:65px 0 75px;gap:25px}.hero h1{font-size:clamp(43px,10vw,62px)}.hero-sub{font-size:14px}.hero-card-wrap{padding:10px 12px 40px 0}.hero-card{min-height:0}.floating-note{right:0}.stats{grid-template-columns:repeat(2,1fr);row-gap:25px}.stats>div{padding-left:15px}.stats>div:nth-child(3){border-left:0;padding-left:0}.section{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:23px}.service-grid{grid-template-columns:1fr}.service{min-height:245px}.quote-band blockquote br{display:none}.quote-band{padding:56px 0}.test-card{padding:26px 22px}.form-body{padding:24px 20px}.form-panel-header{padding:15px 20px}.report-layout{gap:28px}.hotline-layout{gap:31px}.final-inner{display:block}.final-inner .btn{margin-top:27px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{gap:12px;flex-wrap:wrap}}@media(max-width:390px){.hero-actions .btn{width:100%}.brand-text{font-size:16px}.hero-card{padding:24px}.footer-top{grid-template-columns:1fr}.footer-top>div:last-child{grid-column:auto}}


/* ==============================
   Mobile-first Ergänzungen, November 2026
   ============================== */
.skip-link { position: fixed; left: 12px; top: -100px; z-index: 40; padding: 12px 18px; background: #fff; color: var(--navy); border: 2px solid var(--red); border-radius: 6px; }
.skip-link:focus { top: 12px; }
.menu-toggle { align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--navy); min-height: 44px; }
.menu-label { font-size: 13px; font-weight: 800; }
.menu-symbol { line-height: 1; font-size: 21px; }
.mobile-dock { display: none; }

/* Schweregrade: sichtbarer Überblick, kein Klick zum Aufklappen notwendig */
.section-levels { background: #f5f7f7; }
.section-head-levels { align-items: end; }
.levels-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.level-card { display: flex; flex-direction: column; padding: 24px 21px 21px; min-width: 0; background: white; border: 1px solid #e0e7e9; border-radius: 10px; border-top: 5px solid var(--tier-color); }
.level-one { --tier-color: #60a68f; --tier-faint: #eaf5ef; }
.level-two { --tier-color: #e9ac55; --tier-faint: #fff4e4; }
.level-three { --tier-color: #ef8551; --tier-faint: #fff1e9; }
.level-four { --tier-color: #d84c48; --tier-faint: #ffebea; }
.level-top { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.level-count { color: #788a96; }
.level-status { color: var(--tier-color); background: var(--tier-faint); border-radius: 100px; padding: 5px 9px; }
.level-visual { display: flex; align-items: center; gap: 5px; margin: 25px 0 20px; }
.level-visual i { height: 9px; flex: 1; background: #e8edef; border-radius: 3px; }
.level-one .level-visual i:nth-child(-n+1), .level-two .level-visual i:nth-child(-n+2), .level-three .level-visual i:nth-child(-n+3), .level-four .level-visual i:nth-child(-n+4) { background: var(--tier-color); }
.level-card h3 { font-size: 20px; line-height: 1.25; margin-bottom: 11px; }
.level-card p { color: #6c7d88; font-size: 12.5px; line-height: 1.75; margin-bottom: 22px; }
.level-response { margin-top: auto; padding: 16px 0 0; border-top: 1px solid #e9edef; display: flex; flex-direction: column; gap: 8px; }
.level-response strong { color: var(--tier-color); font-size: 10px; letter-spacing: .1em; }
.level-response span { font-size: 12px; line-height: 1.65; font-weight: 700; color: #263b4e; }
.levels-bottom { margin-top: 23px; display: flex; align-items: center; gap: 12px; }
.levels-bottom>span { font-size: 20px; color: #7e939f; }
.levels-bottom p { font-size: 12px; color: #7d8d97; margin: 0; flex: 1; }
.levels-bottom a, .help-link { color: var(--red-dark); font-size: 12px; font-weight: 800; }
.levels-bottom a span { margin-left: 5px; }

/* Soforthilfe: auf kleinen Bildschirmen als vertikale Handlungsfolge */
.section-aid { background: white; }
.aid-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: start; }
.aid-intro { position: sticky; top: 118px; }
.aid-emergency { display: flex; align-items: start; gap: 16px; margin-top: 28px; background: var(--navy); color: white; border-radius: 9px; padding: 20px; }
.aid-emergency-icon { border: 2px solid var(--red); border-radius: 50%; height: 32px; width: 32px; flex: 0 0 32px; display: grid; place-items: center; color: var(--red); font-weight: 800; }
.aid-emergency strong { display: block; color: #f5c4c0; font-size: 11px; letter-spacing: .1em; margin: 0 0 6px; }
.aid-emergency p { color: #d0dbe1; font-size: 12px; line-height: 1.75; margin: 0; }
.aid-steps { border: 1px solid #e2e8eb; border-radius: 10px; padding: 12px 26px 27px; }
.aid-step { display: flex; gap: 19px; padding: 28px 0; border-bottom: 1px solid #e5eaed; }
.aid-number { display: grid; place-items: center; height: 43px; width: 43px; flex: 0 0 43px; border-radius: 10px; background: #fceceb; color: var(--red-dark); font: 800 15px Manrope, sans-serif; }
.aid-step h3 { font-size: 19px; margin: 0 0 7px; }
.aid-step p { font-size: 13px; line-height: 1.8; color: #71818d; margin: 0; }
.aid-button { margin-top: 24px; }

.symptom-fieldset { margin: 0 0 18px; border: 0; padding: 0; min-width: 0; }
.symptom-fieldset legend { font-size: 12px; font-weight: 800; margin-bottom: 9px; padding: 0; }
.symptom-fieldset legend span { font-weight: 500; color: #929ca5; }
.form-body .check-row { display: flex; gap: 12px; align-items: flex-start; border: 1px solid #dce3e7; border-radius: 7px; padding: 13px 12px; margin-bottom: 9px; cursor: pointer; font-size: 12px; line-height: 1.5; font-weight: 500; }
.form-body .check-row:has(input:checked) { border-color: #ec918c; background: #fff7f6; }
.form-body .check-row input[type=checkbox] { width: 19px; height: 19px; min-width: 19px; margin: 0; padding: 0; accent-color: var(--red-dark); }
.form-body .check-row span { color: var(--text); }
.help-link { display: inline-block; margin: 0 0 17px; }

@media (max-width: 1100px) {
  .levels-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nav { gap: 15px; }
  .nav .nav-cta { padding: 12px 13px; }
  .aid-layout { gap: 40px; }
}
@media (max-width: 740px) {
  html { scroll-padding-top: 82px; }
  body { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
  .container { width: min(100% - 32px, 550px); }
  .notice { font-size: 10px; padding: 7px 12px; text-align: center; }
  .site-header { box-shadow: 0 2px 12px rgba(16,40,60,.035); }
  .header-inner { height: 66px; }
  .brand-mark { width: 39px; height: 39px; flex-shrink: 0; }
  .menu-toggle { display: inline-flex; }
  .nav { top: calc(100% - 1px); padding: 12px 16px 22px; border-top: 1px solid #edf0f2; }
  .nav a { padding: 13px 8px; border-bottom: 1px solid #eff2f3; font-size: 14px; min-height: 44px; }
  .nav .nav-cta { margin-top: 14px; padding: 14px 18px; }
  .hero-grid { padding-top: 40px; padding-bottom: 54px; gap: 12px; min-height: 0; }
  .hero h1 { font-size: clamp(36px, 10.3vw, 56px); line-height: 1.13; letter-spacing: -.064em; }
  .hero-sub { font-size: 15px; line-height: 1.7; margin-bottom: 23px; }
  .eyebrow { margin-bottom: 16px; font-size: 9px; letter-spacing: .09em; }
  .hero-actions { gap: 10px; }
  .hero-actions .btn { flex: 1 1 155px; padding: 15px 13px; }
  .hero-foot { margin: 18px 0 10px; line-height: 1.5; }
  .hero-card-wrap { padding: 12px 6px 22px 0; }
  .hero-card { padding: 24px; border-radius: 10px; }
  .card-date { white-space: nowrap; }
  .alert-icon { margin-top: 20px; width: 44px; height: 44px; font-size: 27px; }
  .card-eyebrow { margin-top: 17px; }
  .hero-card h2 { font-size: 28px; }
  .floating-note { right: 0; bottom: -2px; font-size: 11px; padding: 10px 13px; }
  .stats { padding: 24px 0; gap: 16px 4px; }
  .stats>div { padding-left: 14px; }
  .stats strong { font-size: 26px; }
  .section { padding: 66px 0; }
  .section h2 { font-size: clamp(30px, 8.2vw, 45px); }
  .section-head { margin-bottom: 28px; }
  .section-head>p { margin-top: 15px; }
  .section-kicker { font-size: 10px; line-height: 1.45; letter-spacing: .12em; }
  .service-grid { gap: 12px; }
  .service { min-height: auto; padding: 23px 21px; }
  .service-icon { margin-bottom: 10px; }
  .levels-grid { grid-template-columns: 1fr; gap: 12px; }
  .level-card { padding: 20px; }
  .level-card h3 { font-size: 21px; }
  .level-card h3 br { display: none; }
  .level-card p { font-size: 13px; margin-bottom: 16px; }
  .level-visual { margin: 17px 0 13px; }
  .level-response { padding-top: 13px; }
  .level-response span { font-size: 13px; }
  .levels-bottom { align-items: flex-start; flex-wrap: wrap; margin-top: 20px; }
  .levels-bottom p { flex: 1 1 calc(100% - 45px); }
  .levels-bottom a { margin-left: 31px; min-height: 44px; display: inline-flex; align-items: center; }
  .aid-layout { grid-template-columns: 1fr; gap: 25px; }
  .aid-intro { position: static; }
  .aid-emergency { margin-top: 20px; }
  .aid-steps { padding: 2px 18px 20px; }
  .aid-step { padding: 23px 0; gap: 13px; }
  .aid-number { width: 39px; height: 39px; flex-basis: 39px; }
  .aid-step h3 { font-size: 17px; }
  .aid-step p { font-size: 13px; }
  .aid-button { width: 100%; min-height: 48px; }
  .quote-band { padding: 44px 0; }
  .quote-band blockquote { font-size: clamp(22px, 5.4vw, 30px); }
  .test-card { padding: 24px 18px; min-height: 0; }
  .quiz-options button { font-size: 14px; padding: 16px; min-height: 50px; }
  .form-body { padding: 22px 17px; }
  .form-body label { font-size: 13px; }
  .form-body input,.form-body select,.form-body textarea { font-size: 16px; padding: 13px 12px; min-height: 49px; }
  .form-body .check-row { min-height: 52px; padding: 13px; font-size: 13px; }
  .input-unit span { top: 14px; }
  .submit,.btn { min-height: 48px; }
  .form-panel-header { gap: 8px; font-size: 9px; }
  .report-result { padding: 22px 18px; }
  .result-actions .btn { flex: 1 1 140px; }
  .hotline-script .script-content { padding: 23px 20px; }
  .hotline-script .script-head { padding: 20px; }
  .script-copy { padding: 17px 20px; min-height: 48px; }
  .final-cta { padding: 48px 0; }
  .footer-top { padding: 47px 0 32px; }
  .footer-bottom { padding-bottom: 20px; }
  .mobile-dock { position: fixed; display: grid; grid-template-columns: 1fr 1.2fr; gap: 10px; bottom: 0; left: 0; right: 0; z-index: 18; background: rgba(255,255,255,.97); border-top: 1px solid #dfe6e9; box-shadow: 0 -6px 25px rgba(11,31,47,.08); padding: 10px max(14px, env(safe-area-inset-left, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(14px, env(safe-area-inset-right, 0px)); backdrop-filter: blur(12px); }
  .dock-link { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 7px; font-size: 13px; font-weight: 800; border: 1px solid #b9c9d1; color: var(--navy); }
  .dock-primary { background: var(--red); border-color: var(--red); color: white; }
  .dock-icon { font-size: 18px; }
  .toast { bottom: calc(82px + env(safe-area-inset-bottom, 0px)); left: 14px; right: 14px; text-align: center; }
}
@media (max-width: 370px) {
  .container { width: calc(100% - 28px); }
  .brand-text { font-size: 14px; }
  .brand-text small { font-size: 8px; }
  .brand-mark { width: 36px; height: 36px; }
  .menu-toggle { padding: 7px 9px; gap: 5px; }
  .menu-label { font-size: 12px; }
  .hero h1 { font-size: 35px; }
  .card-top { gap: 5px; }
  .hero-card { padding: 20px; }
  .floating-note { transform: rotate(3deg); }
  .footer-top { grid-template-columns: 1fr; }
  .footer-top>div:last-child { grid-column: auto; }
  .dock-link { font-size: 12px; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Systemschriften als zuverlässige Alternative ohne Google-Fonts-Verbindung. */
.brand-text, .footer-brand strong, .stats strong, .quote-band blockquote { font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }



/* Erfahrungsberichte: Layout mit sicheren Bildgrenzen */
.section-stories { background:#f5f7f8; }
.stories-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:18px; }
.story-card { background:#fff; border:1px solid #e0e7eb; border-radius:12px; overflow:hidden; box-shadow:0 9px 32px rgba(19,40,55,.055); min-width:0; }
.story-featured { grid-row:span 2; border-color:#eea8a4; box-shadow:0 9px 28px rgba(239,81,71,.065); }
.story-image { background:#e8ecee; overflow:hidden; position:relative; min-width:0; }
.story-image img { display:block; width:100%; height:100%; max-width:100%; object-fit:cover; object-position:center 35%; }
.story-featured .story-image { height:370px; }
.story-secondary { display:grid; grid-template-columns:minmax(0,40%) minmax(0,60%); }
.story-secondary .story-image { height:100%; min-height:225px; }
.story-content { min-width:0; padding:25px; display:flex; flex-direction:column; }
.story-featured .story-content { padding:27px; }
.story-overline { font-size:10px; font-weight:850; color:#b02c38; letter-spacing:.105em; }
.story-content h3 { font-size:clamp(19px,2vw,26px); line-height:1.25; letter-spacing:-.035em; margin:12px 0; color:#122b40; }
.story-featured .story-content h3 { font-size:clamp(24px,2.8vw,35px); }
.story-content p { color:#4c6170; line-height:1.65; font-size:14px; margin:0 0 18px; }
.story-featured .story-content p { font-size:15px; }
.story-foot { display:flex; flex-wrap:wrap; gap:4px 10px; justify-content:space-between; font-size:10px; font-weight:700; color:#758795; border-top:1px solid #e8edef; padding-top:12px; margin-top:auto; }
@media (min-width:741px) and (max-width:1020px) {
 .stories-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .story-featured { grid-column:1/-1; grid-row:auto; display:grid; grid-template-columns:minmax(0,45%) minmax(0,55%); }
 .story-featured .story-image { height:100%; min-height:325px; }
 .story-secondary { display:block; }
 .story-secondary .story-image { height:190px; min-height:0; }
}

/* Mobile: KEINE riesigen Vollbreit-Fotos – kleine Thumbnails neben dem Text. */
@media (max-width:740px) {
  html, body { max-width:100%; overflow-x:clip; }
  .section-stories .container { width:calc(100% - 32px); max-width:550px; margin-inline:auto; min-width:0; }
  .section-stories .stories-heading h2 { font-size:clamp(25px,7.5vw,34px); line-height:1.16; overflow-wrap:anywhere; }
  .section-stories .stories-heading p { font-size:13px; line-height:1.55; margin-top:13px; }
  .section-stories .stories-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:11px !important; width:100%; max-width:100%; }
  .section-stories .story-card { box-sizing:border-box; display:grid !important; width:100% !important; max-width:100% !important; min-width:0 !important; grid-column:auto !important; grid-row:auto !important; align-items:stretch !important; border-radius:10px; }
  .section-stories .story-featured { grid-template-columns:clamp(108px,34vw,145px) minmax(0,1fr) !important; border-left:4px solid #ef5147; }
  .section-stories .story-secondary { grid-template-columns:clamp(80px,24vw,95px) minmax(0,1fr) !important; }
  .section-stories .story-image,
  .section-stories .story-featured .story-image,
  .section-stories .story-secondary .story-image { position:relative !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:auto !important; overflow:hidden !important; align-self:stretch; }
  .section-stories .story-image img { position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:cover !important; object-position:50% 44% !important; }
  .section-stories .story-featured .story-image img { object-position:50% 48% !important; }
  .section-stories .story-content,
  .section-stories .story-featured .story-content { min-width:0 !important; padding:13px 12px 14px !important; overflow-wrap:break-word; }
  .section-stories .story-overline { font-size:9px !important; line-height:1.3; letter-spacing:.02em !important; }
  .section-stories .story-content h3 { font-size:clamp(15px,4.2vw,18px) !important; line-height:1.22 !important; margin:7px 0 !important; letter-spacing:-.02em; }
  .section-stories .story-featured .story-content h3 { font-size:clamp(17px,4.8vw,21px) !important; }
  .section-stories .story-content p,
  .section-stories .story-featured .story-content p { font-size:12px !important; line-height:1.44 !important; margin:0 0 10px !important; }
  .section-stories .story-foot { flex-wrap:wrap; padding-top:7px; gap:0 7px; font-size:9px; line-height:1.4; }
}
@media (max-width:360px) {
  .section-stories .story-featured { grid-template-columns:102px minmax(0,1fr) !important; }
  .section-stories .story-secondary { grid-template-columns:76px minmax(0,1fr) !important; }
  .section-stories .story-content,.section-stories .story-featured .story-content { padding:10px 9px !important; }
  .section-stories .story-content h3 { font-size:15px !important; }
  .section-stories .story-featured .story-content h3 { font-size:17px !important; }
  .section-stories .story-content p { font-size:11.5px !important; }
}