.esc{color-scheme:light;--navy:#051d35;--gold:#c79a54;--sand:#e5cfae;--ink:#172033;--slate:#334155;--paper:#f6f7fa;--border:#e3e7ee}
.esc *{box-sizing:border-box}.esc{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Segoe UI",Arial,sans-serif}
.esc header{background:var(--navy);color:white;border-bottom:3px solid var(--gold)}
.esc header .wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:12px}
.esc .wrap{width:min(100% - 36px,960px);margin:auto}.esc .wordmark{font-size:15px;letter-spacing:.16em;font-weight:750}
.esc .tag,.esc .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:750}.esc .tag{color:var(--sand)}
.esc .esc-main{padding-block:44px 60px}.esc .intro{max-width:720px;margin-bottom:28px}.esc .eyebrow{color:#5a4529}
.esc h1,.esc h2,.esc h3,.esc p{margin-top:0}.esc h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.06;letter-spacing:-.035em;margin-bottom:14px}
.esc h2{font-size:1.45rem;line-height:1.2;margin-bottom:12px}.esc h3{font-size:1.1rem;margin-bottom:6px}
.esc p{margin-bottom:13px}.esc .muted,.esc .help{color:var(--slate)}.esc .help{font-size:.9rem}
.esc .grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;align-items:start}
.esc .card{background:white;border:1px solid var(--border);border-radius:12px;padding:clamp(18px,3vw,30px)}
.esc aside{border-top:4px solid var(--gold)!important}.esc .field{margin-block:16px}
.esc label{display:block;font-weight:650;margin-bottom:4px}.esc input{display:block;width:100%;max-width:14rem;border:1px solid #7a8594;border-radius:6px;padding:9px 11px;font:inherit;background:white;color:var(--ink)}
.esc .actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.esc button{border:1px solid var(--navy);border-radius:7px;background:var(--navy);color:white;padding:10px 13px;font:inherit;font-weight:650;cursor:pointer}
.esc button.secondary{background:white;color:var(--navy)}.esc button:hover{filter:brightness(.92)}
.esc button:focus-visible,.esc input:focus-visible,.esc [tabindex]:focus-visible{outline:3px solid #927039;outline-offset:3px}
.esc .error{color:#8a2530;font-weight:650}.esc .metric{font-size:clamp(2rem,6vw,3rem);font-weight:750;line-height:1;color:var(--navy)}
.esc ul,.esc ol{padding-inline-start:23px;margin:8px 0 16px}.esc .section{margin-top:18px}.esc .rule{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}
.esc .price{font-size:1.65rem;font-weight:750;margin-bottom:3px}.esc .price small{font-size:.9rem;font-weight:600}
.esc .callout{background:#f7efe3;border-left:4px solid var(--gold);padding:10px 13px;margin-block:12px}
.esc table{border-collapse:collapse;width:100%;text-align:left}.esc th,.esc td{border-bottom:1px solid var(--border);padding:8px 5px;vertical-align:top}
.esc [hidden]{display:none!important}
@media(max-width:680px){.grid{grid-template-columns:1fr}.esc .esc-main{padding-top:27px}}

.esc{color-scheme:light;font-family:"Segoe UI Variable","Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.55}
.esc .wrap{width:min(100% - 36px,1120px)}
.esc .grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.esc fieldset{min-width:0;margin:16px 0;border:1px solid var(--border);border-radius:8px;padding:10px 12px 16px}
.esc legend{font-weight:750;padding:0 6px}
.esc select,.esc select option{color:#172033!important;background-color:#fff!important;color-scheme:light}
.esc select,.esc textarea{max-width:100%;min-height:44px;padding:8px;border:1px solid #7a8594;border-radius:6px;font:inherit}
.esc textarea{width:100%;color:var(--ink);background:#fff}
.esc #lead input:not([type=checkbox]),.esc #checkout input{max-width:100%}
.esc :is(a,select,summary,textarea,input,button):focus-visible{outline:3px solid #927039;outline-offset:3px}
.esc .button{display:inline-block;border-radius:7px;border:1px solid var(--navy);color:#fff;background:var(--navy);padding:10px 13px;font-weight:650;text-decoration:none}
.esc .button.secondary{color:var(--navy);background:#fff}
.esc .choice{display:flex;gap:8px;align-items:flex-start}
.esc input[type=checkbox],.esc input[type=radio]{width:auto;max-width:none;display:inline;flex:none;margin-top:5px}
.esc .esc-trap{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
.esc .hosted{min-height:50px;margin-bottom:8px}
.esc .status-error{color:#8a2530}
.esc details{margin:16px 0}.esc summary{font-weight:650;cursor:pointer}
.esc .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:20px}
.esc .tile{display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid var(--gold)}
.esc .tile a{margin-top:auto}
@media(max-width:780px){.esc .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.esc .grid{grid-template-columns:minmax(0,1fr)}.esc .esc-main{padding-top:27px}}
@media(max-width:500px){.esc .tiles{grid-template-columns:minmax(0,1fr)}}
@media(forced-colors:active){.esc select,.esc select option{color:CanvasText!important;background-color:Canvas!important}}

.esc .esc-offer,.esc .esc-sample{margin-bottom:18px}
.esc :is(#check,#berichtsvorschau){scroll-margin-top:100px}
.esc .esc-offer{border-top:3px solid var(--gold)}
.esc :is(.button,button).esc-gold{background:var(--gold);color:var(--navy);border-color:var(--gold);border-radius:5px;padding:12px 18px}
.esc :is(.button,button).esc-gold:hover{background:var(--sand);color:var(--navy);border-color:var(--sand);filter:none}
.esc .esc-buy-note{margin:12px 0 0}
.esc .esc-chart{margin:18px 0;color:var(--navy)}
.esc .esc-chart-bar{display:grid;grid-template-columns:5fr 1fr 2fr;height:22px;margin:9px 0}
.esc .esc-chart-bar > :nth-child(1),.esc .esc-chart li:nth-child(1) i{background:var(--gold)}
.esc .esc-chart-bar > :nth-child(2),.esc .esc-chart li:nth-child(2) i{background:var(--sand)}
.esc .esc-chart-bar > :nth-child(3),.esc .esc-chart li:nth-child(3) i{background:var(--navy)}
.esc .esc-chart ul{display:flex;gap:6px 18px;flex-wrap:wrap;list-style:none;padding:0;font-size:.88rem}
.esc .esc-chart i{display:inline-block;width:10px;height:10px;margin-inline-end:3px}

.esc .esc-report-preview .intro{margin-bottom:20px}
.esc .esc-report-preview .card{border-top:3px solid var(--gold)}
.esc .esc-report-preview .eyebrow{margin-bottom:8px}
.esc .esc-preview-timeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}
.esc .esc-preview-timeline li{background:#faf7f2;border-top:2px solid var(--gold);padding:10px 12px;color:var(--navy)}
.esc .esc-preview-timeline strong{display:block}
.esc .esc-preview-caption{margin:12px 0 0}
.esc #mini-questions .choice{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid #a4adb6;border-radius:5px;padding:10px 12px;min-height:44px;margin:4px;color:var(--navy);background:#fff;cursor:pointer}
.esc #mini-questions .choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.esc #mini-questions .choice:hover{border-color:var(--navy);background:#faf7f2}
.esc #mini-questions .choice:has(input:checked){background:var(--sand);border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);font-weight:700}
.esc #mini-questions .choice:has(input:checked)::after{content:'✓'}
.esc #mini-questions .choice:has(input:focus-visible){outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:480px){.esc .esc-preview-timeline{grid-template-columns:1fr}}
.esc .esc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.esc .esc-topic-directory .tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(12px,2.4vw,22px);margin-block:22px 18px}
.esc .esc-topic-directory .tile{min-width:0;width:100%;align-self:stretch;padding:clamp(17px,2.5vw,28px)}
.esc .esc-topic-directory .tile h2{margin:0 0 8px;color:var(--navy)}
.esc .esc-topic-question{font-weight:700;color:var(--navy);margin-bottom:7px}
.esc .esc-topic-description{margin-bottom:17px}
.esc .esc-topic-directory .tile .button{display:inline-flex;align-items:center;min-height:44px;margin-top:auto}
@media(max-width:640px){.esc .esc-topic-directory .tiles{grid-template-columns:minmax(0,1fr)}}
