@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-display:swap}
:root{--paper:#f7f3ed;--paper-2:#fffdf9;--ink:#082f34;--muted:#5c6969;--line:rgba(8,47,52,.18);--orange:#ff5b3a;--orange-soft:#ffe0d8;--navy:#17233e;--danger:#a91f2c;--danger-hover:#7f1721;--green:#256c59;--pad:clamp(24px,5vw,76px);--shadow:0 22px 55px rgba(8,47,52,.11);--interaction-hover-bg:var(--navy);--interaction-hover-fg:white;--interaction-selected-bg:var(--orange-soft);--interaction-selected-line:var(--orange);--motion-fast:180ms;--press-scale:.985}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.skip-link{position:fixed;z-index:1000;left:16px;top:12px;padding:12px 16px;background:var(--ink);color:white;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.ok-header{position:relative;z-index:20;height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,243,237,.96);backdrop-filter:blur(12px)}
.ok-brand{width:210px;display:grid;gap:7px}
.ok-brand span{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ok-brand img{display:block;width:142px;height:auto}
.ok-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:750}
.ok-header nav a{padding:11px 0;border-bottom:2px solid transparent}
.ok-header nav a:hover{border-color:var(--ink)}
.ok-emergency-link{padding:12px 17px!important;background:var(--danger);color:white;border:0!important}
.ok-menu{display:none;border:1px solid var(--ink);background:transparent;padding:10px 14px;font-weight:800}
.ok-header-mobile-actions{display:none;align-items:center;gap:7px}
.ok-header-mobile-actions>a{padding:11px 12px;background:var(--danger);color:white;font-size:12px;font-weight:850}
.ok-mobile-nav{position:relative;z-index:19;padding:18px 20px 24px;display:grid;gap:2px;background:var(--paper-2);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.ok-mobile-nav a{padding:15px;border-bottom:1px solid var(--line);font-weight:750}
.ok-mobile-nav .is-emergency-link{background:var(--danger);color:white;border:0;margin-top:8px}
.ok-section-kicker,.ok-eyebrow{display:block;margin:0 0 16px;font-size:clamp(12px,.82vw,14px);font-weight:800;line-height:1.35;letter-spacing:.075em;text-transform:uppercase}
.ok-breadcrumb{display:flex;gap:10px;align-items:center;margin:0 0 42px;font-size:12px;color:var(--muted)}
.ok-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.ok-statusline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.ok-statusline span{padding:7px 10px;border:1px solid var(--line);font-size:10px;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.35)}
.ok-statusline strong{font-weight:850}
.ok-button{min-height:50px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ink);font-size:13px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s}
.ok-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(8,47,52,.13)}
.ok-button--primary{margin-top:30px;min-width:min(100%,320px);background:var(--orange);border-color:var(--orange)}
.ok-button--secondary{background:white}
.ok-button--call{background:var(--navy);border-color:var(--navy);color:white}

/* Startseite */
.ok-home-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);border-bottom:1px solid var(--line)}
.ok-home-hero>div{padding:clamp(72px,9vw,130px) var(--pad)}
.ok-home-hero h1{max-width:900px;margin:0 0 30px;font-size:clamp(58px,8.5vw,128px);line-height:.88;letter-spacing:-.07em}
.ok-home-hero>div>p:not(.ok-eyebrow){max-width:680px;margin:0 0 38px;font-size:clamp(18px,2vw,25px);line-height:1.42}
.ok-home-hero aside{padding:50px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--navy);color:white}
.ok-home-hero aside strong{font-size:30px;line-height:1.1}
.ok-home-hero aside p{color:rgba(255,255,255,.76)}
.ok-home-hero aside a{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.35);font-weight:850}
.ok-search{max-width:820px}
.ok-search label{display:block;margin-bottom:10px;font-size:12px;font-weight:850}
.ok-search>div{display:grid;grid-template-columns:1fr auto;border:2px solid var(--ink);background:white}
.ok-search input{min-width:0;padding:19px 20px;border:0;background:transparent;font-size:16px}
.ok-search button{padding:0 28px;border:0;border-left:2px solid var(--ink);background:var(--orange);font-weight:850}
.ok-home-paths{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.ok-home-paths>a{min-height:260px;padding:34px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--paper-2);transition:transform .18s,box-shadow .18s}
.ok-home-paths>a:last-child{border-right:0}
.ok-home-paths>a:hover{position:relative;z-index:1;transform:translateY(-4px);box-shadow:var(--shadow)}
.ok-home-paths .is-danger{background:var(--danger);color:white}
.ok-home-paths span{font-size:11px;font-weight:850;letter-spacing:.12em}
.ok-home-paths h2{max-width:340px;margin:auto 0 10px;font-size:clamp(27px,3vw,45px);line-height:1;letter-spacing:-.045em}
.ok-home-paths p{margin:0;color:inherit;opacity:.76}
.ok-home-paths i{margin-top:24px;font-style:normal;font-size:13px;font-weight:850}
.ok-v1-banner{padding:30px var(--pad);display:grid;grid-template-columns:.7fr 1.3fr auto;gap:30px;align-items:center;background:var(--orange);border-bottom:1px solid var(--ink)}
.ok-v1-banner>div{display:grid;gap:4px}.ok-v1-banner>div span{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ok-v1-banner>div strong{font-size:25px}.ok-v1-banner p{max-width:620px;margin:0}.ok-v1-banner>a{padding:12px 16px;border:1px solid var(--ink);font-weight:850;white-space:nowrap}
.ok-search-results,.ok-frequent,.ok-worlds,.ok-trust{padding:clamp(70px,9vw,125px) var(--pad);border-bottom:1px solid var(--line)}
.ok-search-results>header,.ok-frequent>header,.ok-worlds>header{max-width:880px;margin-bottom:48px}
.ok-search-results h2,.ok-frequent h2,.ok-worlds h2,.ok-trust h2{margin:0;font-size:clamp(44px,6vw,84px);line-height:.94;letter-spacing:-.06em}
.ok-search-results [data-result-list],.ok-frequent>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-no-results{max-width:760px;padding:40px;background:white;border:1px solid var(--line)}
.ok-no-results h3{margin:0 0 12px;font-size:30px}
.ok-no-results div{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ok-no-results a{padding:11px 14px;border:1px solid var(--ink);font-weight:800}
.ok-worlds>header p{max-width:580px;color:var(--muted)}
.ok-worlds>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-worlds>div>a{min-height:300px;padding:34px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;box-shadow:inset 7px 0 var(--accent);transition:transform .18s,box-shadow .18s}
.ok-worlds>div>a:hover{position:relative;z-index:1;transform:translateY(-4px);box-shadow:var(--shadow)}
.ok-worlds>div>a>span{font-size:11px;font-weight:850}
.ok-worlds h3{max-width:600px;margin:auto 0 14px;font-size:clamp(30px,4vw,56px);line-height:.98;letter-spacing:-.05em}
.ok-worlds>div p{max-width:520px;margin:0;color:var(--muted)}
.ok-worlds i{margin-top:28px;font-style:normal;font-size:13px;font-weight:850}
.ok-trust{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);background:var(--ink);color:white}
.ok-trust ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.3)}
.ok-trust li{padding:24px 0;display:grid;gap:6px;border-bottom:1px solid rgba(255,255,255,.3)}
.ok-trust li span{color:rgba(255,255,255,.7)}

/* Navigation cards */
.ok-result-card{min-height:300px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;box-shadow:inset 5px 0 var(--accent);transition:transform .18s,box-shadow .18s}
.ok-result-card:hover{position:relative;z-index:2;transform:translateY(-4px);box-shadow:var(--shadow)}
.ok-result-card>span{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ok-result-card h3{max-width:620px;margin:auto 0 12px;font-size:clamp(26px,3vw,42px);line-height:1.02;letter-spacing:-.045em}
.ok-result-card p{max-width:650px;margin:0;color:var(--muted)}
.ok-result-card i{margin-top:24px;font-style:normal;font-size:13px;font-weight:850}
.ok-result-card i b{margin-left:6px}
.ok-result-card.is-compact{min-height:250px}
.ok-result-card.is-compact h3{font-size:clamp(24px,2.4vw,34px)}
.ok-result-card.is-compact p{font-size:14px}

/* Themenwelt */
.ok-world-hero{min-height:520px;padding:70px var(--pad);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--line);box-shadow:inset 12px 0 var(--accent)}
.ok-world-hero>span{font-size:12px;font-weight:850}
.ok-world-hero h1{max-width:1050px;margin:28px 0 20px;font-size:clamp(62px,9vw,130px);line-height:.86;letter-spacing:-.07em}
.ok-world-hero p{max-width:680px;margin:0;font-size:clamp(19px,2.3vw,28px)}
.ok-world-list{padding:clamp(70px,9vw,125px) var(--pad)}
.ok-world-list>header{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;margin-bottom:48px}
.ok-world-list>header h2{margin:0;font-size:clamp(44px,6vw,82px);line-height:.95;letter-spacing:-.06em}
.ok-world-list>header p{max-width:500px;color:var(--muted)}
.ok-world-list>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-world-list>aside{margin-top:38px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--navy);color:white}
.ok-world-list>aside strong{font-size:22px}
.ok-world-list>aside p{margin:4px 0 0;color:rgba(255,255,255,.72)}
.ok-world-list>aside a{flex:none;padding:12px 16px;border:1px solid white;font-weight:850}
.ok-legacy{min-height:650px;padding:clamp(80px,10vw,150px) var(--pad);display:flex;flex-direction:column;justify-content:center}
.ok-legacy h1{max-width:1000px;margin:0 0 30px;font-size:clamp(64px,10vw,150px);line-height:.85;letter-spacing:-.07em}
.ok-legacy p{max-width:700px;font-size:22px}

/* Inhaltsseiten */
.ok-article__hero{position:relative;padding:clamp(50px,7vw,95px) var(--pad) clamp(70px,8vw,115px);border-bottom:1px solid var(--line);box-shadow:inset 12px 0 var(--accent)}
.ok-article__hero h1{max-width:1100px;margin:0 0 28px;font-size:clamp(54px,8vw,116px);line-height:.88;letter-spacing:-.07em}
.ok-article__hero .ok-lead{max-width:820px;margin:0;font-size:clamp(18px,2vw,25px);line-height:1.45}
.ok-urgent-inline{max-width:760px;margin-top:28px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:16px;background:#fff4da;border-left:5px solid #c66d00}
.ok-urgent-inline p{margin:0}
.ok-crisis{padding:26px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--danger);color:white}
.ok-crisis strong{font-size:20px}
.ok-crisis p{margin:4px 0 0;max-width:780px;color:rgba(255,255,255,.8)}
.ok-crisis a{flex:none;padding:12px 16px;border:1px solid white;font-weight:850}
.ok-keyfacts{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.ok-keyfacts article{min-height:210px;padding:30px;border-right:1px solid var(--line);background:var(--paper-2)}
.ok-keyfacts article:last-child{border-right:0}
.ok-keyfacts span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.ok-keyfacts strong{display:block;margin:45px 0 8px;font-size:clamp(25px,3.2vw,46px);line-height:1}
.ok-keyfacts p{margin:0;color:var(--muted)}
.ok-explainer{padding:32px var(--pad);display:grid;grid-template-columns:.45fr 1.55fr;gap:30px;background:var(--navy);color:white}
.ok-explainer span{font-weight:850}
.ok-explainer p{max-width:900px;margin:0;color:rgba(255,255,255,.78)}
.ok-situations,.ok-options,.ok-stages,.ok-steps,.ok-details,.ok-contact-section,.ok-checklist,.ok-glossary,.ok-related{padding:clamp(70px,8vw,115px) var(--pad);border-bottom:1px solid var(--line)}
.ok-situations>header,.ok-options>header,.ok-stages>header,.ok-steps>header,.ok-details>header,.ok-contact-section>header,.ok-checklist>header,.ok-glossary>header,.ok-related>header{max-width:900px;margin-bottom:46px}
.ok-situations h2,.ok-options h2,.ok-stages h2,.ok-steps h2,.ok-details h2,.ok-contact-section h2,.ok-checklist h2,.ok-glossary h2,.ok-related h2{margin:0;font-size:clamp(43px,6vw,78px);line-height:.94;letter-spacing:-.06em}
.ok-situations>header>p{max-width:620px;color:var(--muted)}
.ok-situations>div{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ok-situation-card{min-height:280px;padding:28px;display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line)}
.ok-situation-card>span{font-size:11px;font-weight:850;letter-spacing:.1em}
.ok-situation-card h3{margin:0 0 12px;font-size:clamp(25px,3vw,38px);line-height:1.02}
.ok-situation-card p{margin:0 0 24px;color:var(--muted)}
.ok-situation-card .ok-button{margin-top:auto;align-self:flex-start}
.ok-options>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-options article{min-height:260px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ok-options article>span{font-size:11px;font-weight:850}
.ok-options h3{margin:0 0 10px;font-size:34px;line-height:1}
.ok-options strong{display:block;color:var(--green)}
.ok-options p{color:var(--muted)}
.ok-stages>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-stages a{min-height:310px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;transition:transform .18s,box-shadow .18s}
.ok-stages a:hover{position:relative;z-index:1;transform:translateY(-4px);box-shadow:var(--shadow)}
.ok-stages a>span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.ok-stages h3{margin:auto 0 8px;font-size:40px;line-height:1}
.ok-stages p{color:var(--muted)}
.ok-stages i{margin-top:18px;font-style:normal;font-weight:850}
.ok-steps{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,7vw,110px)}
.ok-steps>header{margin:0}
.ok-steps ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.ok-steps li{padding:25px 0;display:grid;grid-template-columns:55px 1fr;gap:18px;border-bottom:1px solid var(--line)}
.ok-steps li>span{font-size:12px;font-weight:850;color:var(--orange)}
.ok-steps li p{margin:0;font-size:clamp(17px,1.7vw,22px)}
.ok-details{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,7vw,110px);background:var(--paper-2)}
.ok-details>header{margin:0}
.ok-details>div{border-top:1px solid var(--line)}
.ok-details details{border-bottom:1px solid var(--line)}
.ok-details summary{padding:23px 44px 23px 0;position:relative;font-size:20px;font-weight:850;cursor:pointer}
.ok-details summary:after{content:'+';position:absolute;right:8px;font-size:25px}
.ok-details details[open] summary:after{content:'−'}
.ok-details details>div{padding:0 0 26px;color:var(--muted)}
.ok-details ul{margin:0;padding-left:22px}
.ok-details li+li{margin-top:10px}
.ok-contact-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,7vw,110px)}
.ok-contact-section>header{margin:0}
.ok-contact-section>div{border-top:1px solid var(--line)}
.ok-place{padding:28px 0;border-bottom:1px solid var(--line)}
.ok-place--primary{padding:30px;background:white;border:1px solid var(--ink)}
.ok-place__heading>span{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.ok-place h3{margin:14px 0 8px;font-size:clamp(26px,3vw,40px);line-height:1.05}
.ok-place p{margin:0;color:var(--muted)}
.ok-place__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.ok-contact-action{padding:13px 15px;display:grid;gap:3px;background:var(--navy);color:white}
.ok-contact-action span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.68)}
.ok-contact-action strong{overflow-wrap:anywhere}
.ok-place__actions .ok-button{grid-column:1/-1}
.ok-place address{margin-top:18px;font-style:normal;font-size:13px;color:var(--muted)}
.ok-checklist{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,7vw,110px)}
.ok-checklist>header{margin:0}
.ok-checklist ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.ok-checklist li{border-bottom:1px solid var(--line)}
.ok-checklist label{padding:20px 0;display:grid;grid-template-columns:24px 44px 1fr;gap:12px;align-items:start;cursor:pointer}
.ok-checklist input{width:21px;height:21px;accent-color:var(--orange)}
.ok-checklist label>span{font-size:11px;font-weight:850}
.ok-checklist b{font-weight:650}
.ok-glossary>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-glossary details{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-2)}
.ok-glossary summary{font-size:22px;font-weight:850;cursor:pointer}
.ok-glossary p{color:var(--muted)}
.ok-glossary small{display:block;padding-top:12px;border-top:1px solid var(--line)}
.ok-sources{margin:50px var(--pad);border:1px solid var(--line);background:var(--paper-2)}
.ok-sources summary{padding:22px 24px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:850}
.ok-sources summary small{font-weight:500;color:var(--muted)}
.ok-sources>div{padding:0 24px 24px}
.ok-sources a{padding:15px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}
.ok-sources a span{font-size:13px;color:var(--muted)}
.ok-sources>div>p{padding:18px;margin:16px 0 0;background:#eef3f1;color:var(--muted)}
.ok-utilities{margin:50px var(--pad);padding:24px;display:flex;justify-content:space-between;gap:30px;border:1px solid var(--line)}
.ok-utilities>div:first-child{display:grid;gap:4px}
.ok-utilities>div:first-child span{font-size:13px;color:var(--muted)}
.ok-utilities>div:last-child{display:flex;flex-wrap:wrap;gap:8px}
.ok-utilities button,.ok-utilities a{padding:10px 12px;border:1px solid var(--ink);background:transparent;font-size:12px;font-weight:800}
.ok-related>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-boundary{margin:50px var(--pad) 90px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#edf2ef;border-left:5px solid var(--green)}
.ok-boundary strong{font-size:18px}
.ok-boundary p{margin:4px 0 0;color:var(--muted)}
.ok-boundary a{flex:none;text-decoration:underline;text-underline-offset:4px;font-weight:800}

/* Notfall */
.is-emergency{background:#fff9f7}
.ok-emergency-hero{padding:38px var(--pad) 44px;background:var(--navy);color:white}
.ok-emergency-hero .ok-statusline span{border-color:rgba(255,255,255,.35);background:transparent}
.ok-emergency-hero .ok-breadcrumb{margin-bottom:24px;color:rgba(255,255,255,.7)}
.ok-emergency-hero h1{margin:0 0 12px;font-size:clamp(54px,8vw,104px);line-height:.9;letter-spacing:-.065em}
.ok-emergency-hero>div>p:last-child{max-width:760px;margin:0;font-size:clamp(17px,2vw,23px);color:rgba(255,255,255,.8)}
.ok-emergency-grid{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ok-emergency-card{min-height:220px;padding:22px;display:flex;flex-direction:column;background:white;color:var(--navy);transition:transform .18s}
.ok-emergency-card:hover{transform:translateY(-4px)}
.ok-emergency-card>span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.ok-emergency-card strong{margin:auto 0 0;font-size:clamp(48px,6vw,84px);line-height:.85}
.ok-emergency-card p{margin:12px 0 0;font-weight:850}
.ok-emergency-card i{margin-top:8px;font-style:normal;font-size:12px;color:var(--danger)}
.ok-emergency-fallback{margin-top:10px;padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:2px 24px;border:1px solid rgba(255,255,255,.55)}
.ok-emergency-fallback span{font-weight:850}
.ok-emergency-fallback strong{grid-row:1/3;grid-column:2;font-size:38px}
.ok-emergency-fallback p{margin:0;color:rgba(255,255,255,.72)}

/* Wegweiser */
.ok-guide{min-height:750px;padding:clamp(50px,7vw,90px) var(--pad) 100px}
.ok-guide>header{max-width:920px}
.ok-guide h1{margin:0 0 24px;font-size:clamp(58px,9vw,126px);line-height:.86;letter-spacing:-.07em}
.ok-guide>header>p:last-of-type{max-width:700px;font-size:19px}
.ok-guide-emergency{display:inline-block;margin-top:12px;color:var(--danger);font-weight:850;text-decoration:underline;text-underline-offset:4px}
.ok-guide__progress{margin:55px 0 28px;display:grid;gap:10px}
.ok-guide__progress>span{font-size:12px;font-weight:850}
.ok-guide__progress>i{height:5px;background:rgba(8,47,52,.15)}
.ok-guide__progress b{display:block;height:100%;background:var(--orange);transition:width .25s}
.ok-guide form{max-width:1050px}
.ok-guide fieldset{margin:0;padding:0;border:0}
.ok-guide legend{max-width:900px;margin-bottom:12px;font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.045em;font-weight:850}
.ok-guide fieldset>p{max-width:680px;color:var(--muted)}
.ok-guide fieldset>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}
.ok-guide label{position:relative;min-height:84px;padding:20px 22px;display:flex;align-items:center;background:white;border:2px solid transparent;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;font-weight:750}
.ok-guide label:hover{border-color:var(--ink)}
.ok-guide label:has(input:checked){border-color:var(--ink);background:#eef4f1}
.ok-guide label.is-danger:has(input:checked){border-color:var(--danger);background:#fff0ef;color:var(--danger)}
.ok-guide input{position:absolute;opacity:0}
.ok-guide__nav{display:flex;justify-content:space-between;margin-top:28px}
.ok-guide__nav button,.ok-guide__results button,.ok-guide__result-actions a{min-width:130px;padding:13px 18px;border:1px solid var(--ink);background:transparent;font-weight:850}
.ok-guide__nav button:last-child{background:var(--orange);border-color:var(--orange)}
.ok-guide__nav button:disabled{opacity:.35;cursor:not-allowed}
.ok-guide__results{max-width:1100px;padding-top:35px}
.ok-guide__results>h2{max-width:850px;margin:0 0 14px;font-size:clamp(48px,7vw,90px);line-height:.92;letter-spacing:-.06em}
.ok-guide__results>p{max-width:750px;font-size:18px}
.ok-guide__results>[data-guide-result-list]{margin-top:36px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-guide__result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}

/* Vollständige V1 */
.ok-directory>header{padding:clamp(65px,8vw,115px) var(--pad);border-bottom:1px solid var(--line)}
.ok-directory>header h1{max-width:950px;margin:0 0 24px;font-size:clamp(64px,10vw,150px);line-height:.84;letter-spacing:-.07em}
.ok-directory>header>p{max-width:760px;font-size:clamp(18px,2vw,24px)}
.ok-directory-search{max-width:820px;margin-top:36px;display:grid;gap:9px}.ok-directory-search span{font-size:12px;font-weight:850}.ok-directory-search input{width:100%;padding:18px 20px;border:2px solid var(--ink);background:white;font-size:16px}
.ok-directory>header nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ok-directory>header nav a{padding:9px 12px;border:1px solid var(--ink);font-size:12px;font-weight:800}
.ok-directory>[data-v1-group]{padding:clamp(65px,8vw,110px) var(--pad);border-bottom:1px solid var(--line)}
.ok-directory>[data-v1-group]>header{display:flex;align-items:end;gap:18px;margin-bottom:38px}.ok-directory>[data-v1-group]>header>span{font-size:14px;font-weight:850;color:var(--orange)}.ok-directory>[data-v1-group]>header h2{margin:0;font-size:clamp(42px,6vw,78px);line-height:.9;letter-spacing:-.055em}
.ok-directory>[data-v1-group]>div,.ok-v1-grid,.ok-v1-place>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ok-directory-empty{padding:80px var(--pad)}
.ok-directory-empty h2{font-size:50px;margin:0 0 14px}.ok-directory-empty a{display:inline-block;margin-top:20px;font-weight:850;text-decoration:underline}
.ok-v1-situation{padding:40px var(--pad);display:grid;grid-template-columns:.45fr 1.55fr;gap:30px;background:var(--navy);color:white}.ok-v1-situation p{max-width:950px;margin:0;font-size:clamp(18px,2vw,25px);color:rgba(255,255,255,.82)}
.ok-v1-place{padding:clamp(70px,8vw,115px) var(--pad);border-bottom:1px solid var(--line)}.ok-v1-place>header{max-width:900px;margin-bottom:42px}.ok-v1-place h2{margin:0;font-size:clamp(43px,6vw,78px);line-height:.94;letter-spacing:-.06em}
.ok-v1-info,.ok-system-copy{padding:clamp(70px,8vw,115px) var(--pad);border-bottom:1px solid var(--line)}
.ok-v1-info{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,7vw,110px)}.ok-v1-info h2,.ok-system-copy>h2{margin:0;font-size:clamp(44px,6vw,82px);line-height:.94;letter-spacing:-.06em}.ok-v1-info ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.ok-v1-info li{padding:20px 0;border-bottom:1px solid var(--line);font-size:18px}
.ok-system-copy>p{max-width:780px;font-size:20px}.ok-system-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.ok-system-actions a{padding:14px 17px;border:1px solid var(--ink);background:white;font-weight:850}
.ok-system-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:45px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.ok-system-principles article{min-height:260px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.ok-system-principles h3{margin:0 0 12px;font-size:32px;line-height:1}.ok-system-principles p{color:var(--muted)}

.ok-footer{padding:65px var(--pad) 35px;display:grid;grid-template-columns:1.5fr .5fr;gap:50px;background:var(--navy);color:white}
.ok-footer .ok-brand img{filter:invert(1)}
.ok-footer .ok-brand span{color:white}
.ok-footer p{max-width:570px;color:rgba(255,255,255,.68)}
.ok-footer>div:nth-child(2){display:grid;align-content:start;gap:12px}
.ok-footer>div:nth-child(2) a{text-decoration:underline;text-underline-offset:4px}
.ok-footer small{grid-column:1/-1;padding-top:28px;border-top:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.58)}

@media(max-width:900px){
  .ok-header{height:88px}.ok-header nav{display:none}.ok-header-mobile-actions{display:flex}.ok-menu{display:block}
  .ok-home-hero{grid-template-columns:1fr}.ok-home-hero aside{min-height:260px}
  .ok-v1-banner{grid-template-columns:1fr}.ok-v1-banner>a{justify-self:start}
  .ok-home-paths{grid-template-columns:1fr}.ok-home-paths>a{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}
  .ok-trust,.ok-world-list>header,.ok-steps,.ok-details,.ok-contact-section,.ok-checklist{grid-template-columns:1fr}
  .ok-v1-info,.ok-v1-situation{grid-template-columns:1fr}
  .ok-world-list>aside{align-items:flex-start;flex-direction:column}
  .ok-keyfacts{grid-template-columns:1fr 1fr}.ok-keyfacts article:nth-child(2){border-right:0}
  .ok-explainer{grid-template-columns:1fr}
  .ok-contact-section>header,.ok-details>header,.ok-checklist>header,.ok-steps>header{margin-bottom:0}
  .ok-emergency-grid{grid-template-columns:repeat(2,1fr)}
  .ok-footer{grid-template-columns:1fr}
  .ok-footer small{grid-column:1}
}
@media(max-width:620px){
  :root{--pad:20px}
  .ok-brand{width:145px}.ok-brand span{display:none}.ok-brand img{width:118px}
  .ok-home-hero{min-height:0}.ok-home-hero>div{padding-top:62px;padding-bottom:68px}.ok-home-hero h1{font-size:55px;line-height:.92}.ok-home-hero aside{padding:32px;min-height:220px}
  .ok-search>div{grid-template-columns:1fr}.ok-search button{padding:14px;border-left:0;border-top:2px solid var(--ink)}
  .ok-search-results,.ok-frequent,.ok-worlds,.ok-trust{padding-top:70px;padding-bottom:70px}
  h1{hyphens:manual;overflow-wrap:break-word}h2,h3{hyphens:auto;overflow-wrap:break-word}
  .ok-search-results [data-result-list],.ok-frequent>div,.ok-worlds>div,.ok-world-list>div,.ok-situations>div,.ok-options>div,.ok-stages>div,.ok-related>div,.ok-guide__results>[data-guide-result-list],.ok-glossary>div{grid-template-columns:minmax(0,1fr)}
  .ok-directory>[data-v1-group]>div,.ok-v1-grid,.ok-v1-place>div,.ok-system-principles{grid-template-columns:minmax(0,1fr)}
  .ok-options article,.ok-stages a{min-width:0}
  .ok-result-card,.ok-result-card.is-compact{min-height:230px}.ok-result-card h3,.ok-result-card.is-compact h3{font-size:28px}
  .ok-world-hero{min-height:430px;padding-top:48px;padding-bottom:58px}.ok-world-hero h1{font-size:58px}
  .ok-world-list>header{gap:10px}.ok-world-list>header h2{font-size:48px}
  .ok-article__hero{padding-top:38px;padding-bottom:68px}.ok-article__hero h1{font-size:49px;line-height:.92}.ok-breadcrumb{margin-bottom:30px;overflow:auto;white-space:nowrap}
  .ok-button--primary{width:100%}.ok-urgent-inline{grid-template-columns:1fr}
  .ok-crisis{align-items:flex-start;flex-direction:column}
  .ok-keyfacts{grid-template-columns:1fr}.ok-keyfacts article{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.ok-keyfacts strong{margin-top:28px}
  .ok-situations,.ok-options,.ok-stages,.ok-steps,.ok-details,.ok-contact-section,.ok-checklist,.ok-glossary,.ok-related{padding-top:65px;padding-bottom:65px}
  .ok-situations h2,.ok-options h2,.ok-stages h2,.ok-steps h2,.ok-details h2,.ok-contact-section h2,.ok-checklist h2,.ok-glossary h2,.ok-related h2{font-size:46px}
  .ok-situation-card{min-height:240px}.ok-options article{min-height:230px}.ok-stages a{min-height:270px}
  .ok-place--primary{padding:22px}.ok-place__actions{grid-template-columns:1fr}.ok-place__actions .ok-button{grid-column:1}
  .ok-sources{margin:34px 20px}.ok-sources summary{align-items:flex-start;flex-direction:column}.ok-sources a{align-items:flex-start;flex-direction:column}
  .ok-utilities{margin:34px 20px;align-items:flex-start;flex-direction:column}.ok-utilities>div:last-child{display:grid;width:100%}
  .ok-boundary{margin:34px 20px 70px;align-items:flex-start;flex-direction:column}.ok-boundary a{flex:auto}
  .ok-emergency-hero{padding:24px 14px 28px}.ok-emergency-hero .ok-statusline{margin-bottom:14px}.ok-emergency-hero .ok-breadcrumb{margin-bottom:15px}.ok-emergency-hero .ok-eyebrow{margin-bottom:8px}.ok-emergency-hero h1{font-size:48px}.ok-emergency-hero>div>p:last-child{font-size:15px;line-height:1.35}
  .ok-emergency-grid{margin-top:20px;grid-template-columns:repeat(2,1fr);gap:7px}.ok-emergency-card{min-height:130px;padding:13px}.ok-emergency-card>span{font-size:8px}.ok-emergency-card strong{font-size:44px}.ok-emergency-card p{margin-top:7px;font-size:12px;line-height:1.15}.ok-emergency-card i{font-size:9px}
  .ok-emergency-fallback{padding:12px 14px}.ok-emergency-fallback strong{font-size:30px}.ok-emergency-fallback p{font-size:11px}
  .ok-guide{padding-top:45px}.ok-guide h1{font-size:57px}.ok-guide fieldset>div{grid-template-columns:1fr}.ok-guide label{min-height:70px}.ok-guide__results>h2{font-size:50px}
  .ok-footer{padding-left:20px;padding-right:20px}
}
/* Open-Knowledge-Interaktionen: gleiche Semantik wie auf der Vereinsseite.
   Navy = Hover/Absicht, Orange-soft = dauerhafte Auswahl, Rot = Notfall. */
.ok-header nav a,
.ok-mobile-nav a,
.ok-button,
.ok-search button,
.ok-contact-action,
.ok-guide__nav button,
.ok-guide__results button,
.ok-guide__result-actions a,
.ok-utilities button,
.ok-utilities a,
.ok-directory>header nav a,
.ok-system-actions a {
  transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,
             border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,
             transform 90ms ease;
}
.ok-button:hover,
.ok-search button:hover,
.ok-guide__nav button:hover:not(:disabled),
.ok-guide__results button:hover,
.ok-guide__result-actions a:hover,
.ok-utilities button:hover,
.ok-utilities a:hover,
.ok-directory>header nav a:hover,
.ok-system-actions a:hover {
  color:var(--interaction-hover-fg);
  background:var(--interaction-hover-bg);
  border-color:var(--interaction-hover-bg);
  box-shadow:none;
  transform:none;
}
.ok-button--call:hover,
.ok-contact-action:hover {
  color:var(--ink);
  background:var(--orange);
  border-color:var(--orange);
}
.ok-button:active,
.ok-search button:active,
.ok-guide__nav button:active:not(:disabled),
.ok-guide__results button:active,
.ok-guide__result-actions a:active,
.ok-utilities button:active,
.ok-utilities a:active,
.ok-directory>header nav a:active,
.ok-system-actions a:active { transform:scale(var(--press-scale)); }

.ok-header nav a:hover,
.ok-header nav a:focus-visible,
.ok-mobile-nav a:hover,
.ok-mobile-nav a:focus-visible {
  color:white;
  background:var(--navy);
  border-color:var(--navy);
}
.ok-header nav a[aria-current="page"],
.ok-mobile-nav a[aria-current="page"] {
  color:var(--ink);
  background:var(--interaction-selected-bg);
  border-color:var(--interaction-selected-line);
}
.ok-header nav .ok-emergency-link:hover,
.ok-mobile-nav .is-emergency-link:hover,
.ok-header-mobile-actions>a:hover {
  color:white;
  background:var(--danger-hover);
}

/* Verlinkte Karten wechseln die Farbe, heben sich aber nicht vom Raster ab. */
.ok-home-paths>a,
.ok-worlds>div>a,
.ok-result-card,
.ok-stages a,
.ok-emergency-card {
  transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,
             box-shadow var(--motion-fast) ease;
}
.ok-home-paths>a:hover,
.ok-worlds>div>a:hover,
.ok-result-card:hover,
.ok-stages a:hover {
  position:relative;
  z-index:1;
  color:white;
  background:var(--navy);
  transform:none;
  box-shadow:inset 7px 0 var(--accent,var(--orange));
}
.ok-home-paths>a:hover p,
.ok-worlds>div>a:hover p,
.ok-result-card:hover>span,
.ok-result-card:hover p,
.ok-stages a:hover p { color:rgba(255,255,255,.74); }
.ok-home-paths .is-danger:hover,
.ok-emergency-card:hover {
  color:white;
  background:var(--danger-hover);
  transform:none;
  box-shadow:inset 7px 0 var(--orange);
}
.ok-emergency-card:hover i { color:white; }

/* Auswahl und geoeffnete Inhalte bleiben nach der Aktion sichtbar. */
.ok-guide label:hover {
  border-color:var(--navy);
  background:var(--paper);
}
.ok-guide label:has(input:checked),
.ok-guide label:has(input:checked):hover {
  color:var(--ink);
  border-color:var(--interaction-selected-line);
  background:var(--interaction-selected-bg);
  box-shadow:inset 5px 0 var(--interaction-selected-line);
}
.ok-guide label.is-danger:has(input:checked),
.ok-guide label.is-danger:has(input:checked):hover {
  color:var(--danger);
  border-color:var(--danger);
  background:#fff0ef;
  box-shadow:inset 5px 0 var(--danger);
}
.ok-details summary,
.ok-glossary summary,
.ok-sources summary {
  transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,
             padding var(--motion-fast) ease;
}
.ok-details summary:hover,
.ok-glossary summary:hover,
.ok-sources summary:hover { background:#ece7df; }
.ok-details details[open] summary,
.ok-glossary details[open] summary,
.ok-sources[open] summary {
  color:var(--ink);
  background:var(--interaction-selected-bg);
  box-shadow:inset 5px 0 var(--interaction-selected-line);
}
.ok-sources a:hover { color:var(--ink); background:#ece7df; }

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.ok-button:active,.ok-search button:active,.ok-guide__nav button:active:not(:disabled),.ok-guide__results button:active,.ok-guide__result-actions a:active,.ok-utilities button:active,.ok-utilities a:active,.ok-directory>header nav a:active,.ok-system-actions a:active{transform:none}}

/* Mobile titles remain readable as complete words in every translation. The
   knowledge platform uses a calmer type scale than the campaign pages so even
   long administrative terms fit without clipped letter fragments. */
@media(max-width:620px){
  main h1,main h2,main h3{
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-wrap:pretty!important;
  }
  main h1{font-size:clamp(2rem,10vw,2.4rem)!important;line-height:1!important}
  main h2{font-size:clamp(1.8rem,9vw,2.25rem)!important;line-height:1.05!important}
  main h3{font-size:clamp(1.15rem,6vw,1.35rem)!important;line-height:1.2!important;letter-spacing:-.025em!important}
  html[lang="de"] main h1{font-size:clamp(1.65rem,8.2vw,2.2rem)!important}
  html[lang="de"] main h3{font-size:clamp(1.05rem,5.5vw,1.25rem)!important}
}
.ok-no-break-token{white-space:nowrap}

@media print{.ok-header,.ok-mobile-nav,.ok-utilities,.ok-footer,.ok-related,.ok-boundary,.ok-button{display:none!important}body{background:white;font-size:11pt}.ok-article__hero,.ok-situations,.ok-options,.ok-stages,.ok-steps,.ok-details,.ok-contact-section,.ok-checklist,.ok-glossary{padding:20px 0}.ok-article__hero h1{font-size:34pt}.ok-place,.ok-situation-card,.ok-checklist li{break-inside:avoid}.ok-sources{margin:20px 0}.ok-sources>div{display:block!important}}