/* janeinorakel.de – Gestaltung „Ombra“ (Präfix om-, Token ombra) */
:root{
  --om-bg:#FFFFFF; --om-flaeche:#EEF0F8; --om-tinte:#1B1F3B; --om-grau:#5A5F7E; --om-linie:#D9DCEB;
  --om-nacht:#141838; --om-prim:#2E3A8C; --om-prim-dunkel:#1F2A6B; --om-prim-hell:#E3E7F7; --om-band:linear-gradient(160deg,#141838 0%,#1F2A6B 55%,#2E3A8C 100%);
  --om-gold:#E6B655; --om-gold-dunkel:#C9972F; --om-gold-hell:#FBF1D9; --om-rose:#C85C8E; --om-rose-hell:#F9E6EE;
  --om-gruen:#3C8C6E; --om-gruen-hell:#E2F1EA; --om-rot:#B9463F; --om-rot-hell:#F8E3E1; --om-gelb:#C9972F; --om-gelb-hell:#FBF1D9;
  --om-kopf:'Spectral',Georgia,serif; --om-text:'Figtree',system-ui,sans-serif;
  --om-breit:1120px; --om-mass:68ch; --om-r:12px; --om-r2:20px; --om-ab:18px; --om-schatten:0 8px 24px rgba(27,31,59,.08); --om-glanz:0 0 0 4px rgba(230,182,85,.25),0 18px 40px rgba(20,24,56,.35);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
body{margin:0;background:var(--om-bg);color:var(--om-tinte);font:400 1.08rem/1.65 var(--om-text)}
a{color:var(--om-prim);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--om-prim-dunkel);filter:brightness(1.15)}
:focus-visible{outline:3px solid var(--om-gold);outline-offset:2px;border-radius:6px}
img,svg{max-width:100%}
h1,h2,h3{font-family:var(--om-kopf);font-weight:600;line-height:1.15;letter-spacing:0}
h1{font-size:clamp(2rem,1.3rem + 2.8vw,3.2rem);margin:.1em 0 .4em;overflow-wrap:anywhere;hyphens:manual}
h2{font-size:clamp(1.45rem,1.2rem + 1vw,1.95rem);margin:1.8em 0 .5em;color:var(--om-prim)}
h3{font-size:1.2rem;margin:1.5em 0 .35em;color:var(--om-prim-dunkel)}
p,ul,ol{margin:0 0 1.05em}
code{font-family:ui-monospace,Menlo,monospace;font-size:.92em;background:var(--om-flaeche);padding:1px 5px;border-radius:5px}
.om-wrap{max-width:var(--om-breit);margin:0 auto;padding:0 var(--om-ab)}
.om-skip{position:absolute;left:-999px;top:8px;background:var(--om-gold);color:var(--om-tinte);padding:8px 14px;border-radius:var(--om-r);z-index:50}
.om-skip:focus{left:8px}

/* Kopf: dunkle Leiste, Logo links, Menü rechts */
.om-kopf{background:var(--om-nacht);color:#fff;position:relative;z-index:5}
.om-kopf .om-wrap{display:flex;align-items:center;gap:22px;min-height:66px}
.om-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:600 1.15rem var(--om-kopf)}
.om-logo svg{width:34px;height:34px;flex:none}
.om-logo em{font-style:italic;color:var(--om-gold)}
.om-nav{display:flex;gap:2px;margin-left:auto;font-weight:600;font-size:.95rem}
.om-nav a{color:#E6E8F4;text-decoration:none;padding:8px 12px;border-radius:8px;transition:background .15s}
.om-nav a:hover{background:rgba(255,255,255,.1);color:#fff;filter:none}
.om-nav a[aria-current]{background:var(--om-gold);color:var(--om-tinte)}
.om-menue{display:none;margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:8px 16px;font:600 .95rem var(--om-text);cursor:pointer}
.om-lade{display:none;background:var(--om-prim-dunkel);border-bottom:1px solid var(--om-prim)}
.om-lade.om-offen{display:block}
.om-lade a{display:block;padding:12px var(--om-ab);border-top:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:600}

/* Held: Nachtband mit Sternen, Werkzeug mittendrin */
.om-held{background:var(--om-band);color:#fff;padding:44px 0 52px;position:relative;overflow:hidden}
.om-held::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.6px),radial-gradient(circle,rgba(230,182,85,.5) 1px,transparent 1.6px);background-size:160px 140px,230px 210px;background-position:20px 30px,90px 70px;opacity:.5;pointer-events:none}
.om-held .om-wrap{position:relative}
.om-held h1{color:#fff;max-width:20ch}
.om-held h1 em{font-style:italic;color:var(--om-gold)}
.om-lead{font-size:1.15rem;color:#DCE0F2;max-width:60ch;margin:0 0 22px}
.om-held .om-pfad,.om-held .om-pfad a{color:#C9CEE6}
.om-held--klein{padding:26px 0 26px}
.om-held--klein h1{font-size:clamp(1.8rem,1.2rem + 2.3vw,2.8rem);max-width:none}
.om-held--klein .om-lead{margin:0}
.om-held-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.om-pfad{font-size:.9rem;color:var(--om-grau);margin:0 0 6px}
.om-pfad a{color:var(--om-prim);text-decoration:none;font-weight:600}
.om-pfad a:hover{text-decoration:underline}
.om-knopf{display:inline-block;background:var(--om-gold);color:var(--om-tinte);border:0;border-radius:var(--om-r);padding:13px 26px;font:600 1rem var(--om-text);text-decoration:none;cursor:pointer;line-height:1.3;transition:filter .15s}
.om-knopf:hover{filter:brightness(1.08);color:var(--om-tinte)}
.om-knopf--blau{background:var(--om-prim);color:#fff}
.om-knopf--blau:hover{color:#fff}
.om-knopf--leise{background:transparent;color:var(--om-prim);border:2px solid var(--om-prim);padding:11px 24px}
.om-held .om-knopf--leise{color:#fff;border-color:rgba(255,255,255,.6)}
.om-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.om-vertrauen{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:.9rem;color:#C9CEE6;font-weight:600}
.om-vertrauen li::before{content:'✦ ';color:var(--om-gold)}
.om-ehrlich{background:var(--om-prim-hell);border-radius:var(--om-r);padding:12px 18px;margin:0 0 22px;font-size:.95rem}
.om-ehrlich a{font-weight:600}

/* Werkzeuge */
.om-werkzeug{background:var(--om-bg);border:1px solid var(--om-linie);border-radius:var(--om-r2);padding:22px 24px;box-shadow:var(--om-schatten);margin:26px 0;color:var(--om-tinte)}
.om-held .om-werkzeug{margin:0;border:0}
.om-werkzeug h2,.om-werkzeug h3{margin:0 0 6px;font-size:1.35rem;color:var(--om-prim)}
.om-werkzeug > p{color:var(--om-grau);margin:0 0 14px}
.om-form{display:grid;gap:12px}
.om-form label{display:block;font-weight:600;font-size:.93rem;margin-bottom:4px}
.om-form input,.om-form select,.om-form textarea{width:100%;border:1px solid #AEB4CC;border-radius:10px;padding:10px 12px;font:400 1rem var(--om-text);background:#fff;color:var(--om-tinte)}
.om-form input[type=checkbox],.om-form input[type=radio]{width:auto;margin-right:6px}
.om-form input:focus,.om-form select:focus,.om-form textarea:focus{border-color:var(--om-prim);outline:0;box-shadow:0 0 0 3px var(--om-prim-hell)}
.om-zwei{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.om-drei{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.om-form > *,.om-zwei > div,.om-drei > div{min-width:0}
.om-frage{font-weight:600;margin:14px 0 6px}
.om-wahl{display:flex;flex-wrap:wrap;gap:8px}
.om-wahl label{display:inline-flex;align-items:center;gap:8px;background:var(--om-flaeche);border:1px solid var(--om-linie);border-radius:999px;padding:7px 14px 7px 10px;cursor:pointer;font-size:.95rem}
.om-wahl input{accent-color:var(--om-prim);margin:0}
.om-wahl label:has(input:checked){background:var(--om-prim);border-color:var(--om-prim);color:#fff}
.om-aktionen{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.om-klein{font-size:.86rem;color:var(--om-grau)}
.om-ergebnis{margin-top:16px;background:var(--om-prim-hell);border-radius:var(--om-r);padding:14px 18px}
.om-ergebnis strong{display:block;font-family:var(--om-kopf);font-size:1.15rem;margin-bottom:4px}
.om-ergebnis p{margin:0 0 8px}
.om-ergebnis p:last-child{margin:0}
.om-ergebnis--rot{background:var(--om-rot-hell)}
.om-ergebnis--gelb{background:var(--om-gelb-hell)}
.om-ergebnis--gruen{background:var(--om-gruen-hell)}
.om-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.om-zahl{background:var(--om-prim);color:#fff;border-radius:var(--om-r);padding:12px 10px;text-align:center}
.om-zahl b{display:block;font:600 1.35rem var(--om-kopf);color:#fff}
.om-zahl small{display:block;color:#C9CEE6;font-size:.8rem}

/* Orakel-Frage + Antwortkarte (das Erinnerungselement) */
.om-orakel-frage{display:flex;gap:8px;background:#fff;border:1px solid #AEB4CC;border-radius:var(--om-r);padding:4px}
.om-orakel-frage input{flex:1;min-width:0;border:0;background:none;font:400 1.05rem var(--om-text);padding:10px 12px;color:var(--om-tinte)}
.om-orakel-frage input:focus{outline:none}
.om-orakel-frage button{flex:none}
.om-arten{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.om-arten label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--om-linie);background:var(--om-flaeche);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:.9rem;font-weight:600}
.om-arten input{accent-color:var(--om-prim);margin:0}
.om-arten label:has(input:checked){background:var(--om-tinte);border-color:var(--om-tinte);color:#fff}
.om-antwort{margin-top:18px;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}
.om-antwort[hidden]{display:none}
.om-karte{width:150px;aspect-ratio:1/1.7;perspective:900px;justify-self:center}
.om-karte-innen{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.om-karte.om-gedreht .om-karte-innen{transform:rotateY(180deg)}
.om-karte-seite{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;overflow:hidden;box-shadow:var(--om-glanz)}
.om-karte-rueck{background:var(--om-band);border:3px solid var(--om-gold);display:grid;place-items:center}
.om-karte-rueck svg{width:60%;opacity:.9}
.om-karte-vorn{transform:rotateY(180deg);background:#fff;display:grid;place-items:center}
.om-karte-vorn img{width:100%;height:100%;object-fit:cover;display:block}
.om-karte-vorn .om-symbol{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:10px;font:600 1rem var(--om-kopf);color:var(--om-tinte);background:var(--om-flaeche)}
.om-karte-vorn .om-symbol svg{width:64px;height:64px;margin-bottom:8px}
.om-karte-vorn .om-symbol--gross{font-size:2.4rem;color:var(--om-prim)}
.om-antwort-text .om-jn{display:block;font:600 clamp(1.8rem,1.4rem + 1.6vw,2.6rem) var(--om-kopf);line-height:1.1;margin-bottom:6px}
.om-jn--ja{color:var(--om-gruen)}.om-jn--nein{color:var(--om-rot)}.om-jn--vielleicht{color:var(--om-gelb)}
.om-antwort-text .om-kartenname{display:block;font-weight:600;color:var(--om-grau);margin-bottom:6px}
.om-antwort-text p{margin:0 0 8px}
.om-prozent{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--om-grau);margin-top:8px}
.om-prozent span{flex:1;height:10px;border-radius:5px;background:var(--om-linie);overflow:hidden}
.om-prozent span i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--om-rot),var(--om-gelb) 50%,var(--om-gruen));width:0;transition:width .8s ease .5s}
.om-prozent b{min-width:3.2em;text-align:right}
.om-gezogen{font-size:.86rem;color:var(--om-grau);margin:8px 0 0}
.om-mehrere{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.om-mehrere[hidden]{display:none}
.om-mehrere > div{text-align:center}
.om-mehrere .om-karte{width:min(100%,150px)}
.om-mehrere h4{font:600 1rem var(--om-kopf);margin:10px 0 4px;color:var(--om-prim)}
.om-mehrere p{font-size:.93rem;margin:0;text-align:left}
.om-mehrere .om-kartenname{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}
.om-pendel{height:200px;display:grid;place-items:center;position:relative;margin:10px 0;overflow:hidden;pointer-events:none}
.om-pendel svg{height:100%;width:auto;overflow:visible}
.om-pendel-faden{transform-origin:100px 0;transition:transform .5s ease-in-out}
.om-pendel[data-schwingt="ja"] .om-pendel-faden{animation:om-ja 1.1s ease-in-out infinite alternate}
.om-pendel[data-schwingt="nein"] .om-pendel-faden{animation:om-nein 1.1s ease-in-out infinite alternate}
.om-pendel[data-schwingt="vielleicht"] .om-pendel-faden{animation:om-kreis 2s linear infinite}
@keyframes om-ja{from{transform:rotate(-14deg) scaleX(.3)}to{transform:rotate(14deg) scaleX(.3)}}
@keyframes om-nein{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
@keyframes om-kreis{from{transform:rotate(-10deg) scaleX(.6)}50%{transform:rotate(10deg) scaleX(1)}to{transform:rotate(-10deg) scaleX(.6)}}
.om-herzen{letter-spacing:2px;color:var(--om-rose);font-size:1.3rem}
.om-herzen span{opacity:.25}
.om-herzen span.om-voll{opacity:1}
.om-tage{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:14px}
.om-tage div{background:var(--om-flaeche);border-radius:var(--om-r);padding:10px 12px;font-size:.92rem}
.om-tage b{display:block;font-family:var(--om-kopf);color:var(--om-prim);font-size:1.05rem}
.om-tage div[data-top]{background:var(--om-gold-hell);border:2px solid var(--om-gold)}

/* Abschnitte, Karten, Listen */
.om-abschnitt{padding:48px 0}
.om-abschnitt--flaeche{background:var(--om-flaeche)}
.om-abschnitt > .om-wrap > h2:first-child{margin-top:0}
.om-abschnitt > .om-wrap > p{max-width:66ch;color:var(--om-grau)}
.om-kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--om-ab);margin-top:22px}
.om-kachel{background:var(--om-bg);border:1px solid var(--om-linie);border-radius:var(--om-r2);padding:20px 20px 16px;text-decoration:none;color:var(--om-tinte);display:flex;flex-direction:column;transition:filter .15s,border-color .15s}
.om-kachel:hover{border-color:var(--om-gold);color:var(--om-tinte);filter:brightness(1.02)}
.om-kachel strong{font-family:var(--om-kopf);font-size:1.15rem;margin-bottom:6px;color:var(--om-prim)}
.om-kachel span{color:var(--om-grau);font-size:.93rem;margin-bottom:10px}
.om-kachel em{margin-top:auto;font-style:normal;font-weight:600;font-size:.9rem;color:var(--om-prim)}
.om-kachel--rose strong{color:var(--om-rose)}
.om-liste{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.om-liste li a{display:block;background:var(--om-bg);border:1px solid var(--om-linie);border-radius:var(--om-r2);padding:14px 16px;text-decoration:none;color:var(--om-tinte);height:100%;transition:border-color .15s}
.om-liste li a:hover{border-color:var(--om-gold);color:var(--om-prim);filter:none}
.om-liste strong{display:block;font-family:var(--om-kopf);font-weight:600;font-size:1.05rem;margin-bottom:4px}
.om-liste span{display:block;color:var(--om-grau);font-size:.9rem}
.om-schritte{counter-reset:s;list-style:none;padding:0;margin:14px 0 22px;display:grid;gap:10px}
.om-schritte li{counter-increment:s;position:relative;padding:12px 14px 12px 52px;background:var(--om-bg);border:1px solid var(--om-linie);border-radius:var(--om-r)}
.om-schritte li::before{content:counter(s);position:absolute;left:12px;top:11px;width:28px;height:28px;border-radius:50%;background:var(--om-gold);color:var(--om-tinte);display:grid;place-items:center;font:600 .9rem var(--om-kopf)}
.om-beispiele{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.om-beispiele button{background:var(--om-flaeche);border:1px solid var(--om-linie);border-radius:999px;padding:6px 12px;font:400 .9rem var(--om-text);color:var(--om-tinte);cursor:pointer}
.om-beispiele button:hover{border-color:var(--om-gold)}
.om-held .om-beispiele button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}

/* Lexikon */
.om-lexikon{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0 28px}
.om-lexikon article{background:var(--om-bg);border:1px solid var(--om-linie);border-radius:var(--om-r2);padding:12px;display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:start}
.om-lexikon img{width:70px;border-radius:6px;display:block}
.om-lexikon h3{margin:0 0 2px;font-size:1.02rem}
.om-lexikon p{margin:0;font-size:.88rem;color:var(--om-grau)}
.om-tendenz{display:inline-block;font-size:.76rem;font-weight:700;border-radius:4px;padding:1px 7px;margin-bottom:4px;color:#fff}
.om-tendenz--ja{background:var(--om-gruen)}.om-tendenz--nein{background:var(--om-rot)}.om-tendenz--vielleicht{background:var(--om-gelb)}

/* Artikel */
.om-h1{color:var(--om-prim)}
.om-artikel .om-pfad{margin-top:22px}
.om-artikel-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:start;padding:10px 0 56px}
.om-artikel{max-width:var(--om-mass);min-width:0;overflow-wrap:anywhere}
.om-artikel--breit{max-width:none}
.om-gepr{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.86rem;color:var(--om-grau);margin:0 0 20px}
.om-siegel{background:var(--om-prim);color:#fff;border-radius:999px;padding:2px 11px;font-weight:600}
.om-kurz{background:var(--om-flaeche);border-radius:var(--om-r2);padding:16px 20px 8px;margin:0 0 26px}
.om-kurz h2{margin:0 0 8px;font-size:1.1rem}
.om-kurz ul{margin:0;padding-left:1.2em}
.om-kurz li{margin:0 0 .45em}
.om-merke,.om-achtung,.om-beispiel,.om-tipp{border-radius:var(--om-r);padding:14px 18px;margin:20px 0}
.om-merke{background:var(--om-prim-hell);border-left:4px solid var(--om-prim)}
.om-achtung{background:var(--om-rot-hell);border-left:4px solid var(--om-rot)}
.om-beispiel{background:var(--om-bg);border:1px dashed var(--om-grau)}
.om-tipp{background:var(--om-gold-hell);border-left:4px solid var(--om-gold)}
.om-tipp::before{content:'Aus der Praxis';display:block;font:600 .8rem var(--om-kopf);color:var(--om-gold-dunkel);margin-bottom:4px}
.om-merke p:last-child,.om-achtung p:last-child,.om-beispiel p:last-child,.om-tipp p:last-child{margin-bottom:0}
blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:3px solid var(--om-gold);font-family:var(--om-kopf);font-style:italic;font-size:1.12rem;color:var(--om-prim-dunkel)}
.om-toc-mobil{display:none}
.om-toc{position:sticky;top:16px;background:var(--om-flaeche);border-radius:var(--om-r2);padding:14px 16px;font-size:.9rem}
.om-toc strong{display:block;margin-bottom:8px}
.om-toc ol{margin:0;padding-left:1.2em}
.om-toc li{margin:0 0 6px}
.om-faq details{background:var(--om-bg);border:1px solid var(--om-linie);border-radius:var(--om-r);margin:0 0 10px;padding:0 16px}
.om-faq summary{cursor:pointer;font-weight:600;padding:12px 28px 12px 0;list-style:none;position:relative}
.om-faq summary::-webkit-details-marker{display:none}
.om-faq summary::after{content:'+';position:absolute;right:0;top:8px;font-size:1.4rem;color:var(--om-gold-dunkel)}
.om-faq details[open] summary::after{content:'–'}
.om-faq details p{margin:0 0 14px}
.om-quellen{font-size:.88rem;color:var(--om-grau);word-break:break-word}
.om-autor{display:flex;gap:12px;align-items:flex-start;margin:32px 0 0;padding:16px 0 0;border-top:1px solid var(--om-linie);font-size:.9rem;color:var(--om-grau)}
.om-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--om-gold);color:var(--om-tinte);display:grid;place-items:center;font:600 .8rem var(--om-kopf)}
.om-verwandt{margin-top:30px}
.om-verwandt .om-liste{grid-template-columns:1fr 1fr}
.om-partner{background:var(--om-bg);border:1px solid var(--om-linie);border-left:5px solid var(--om-gold);border-radius:var(--om-r2);padding:16px 20px 18px;margin:26px 0;box-shadow:var(--om-schatten)}
.om-werbung{display:inline-block;font-size:.74rem;font-weight:700;color:var(--om-grau);border:1px solid var(--om-linie);border-radius:4px;padding:1px 6px;margin-bottom:8px}
.om-partner strong{display:block;font-family:var(--om-kopf);font-size:1.15rem;margin-bottom:4px}
.om-partner p{margin:0 0 12px}
.om-partner small{display:block;margin-top:10px;font-size:.8rem;color:var(--om-grau)}
.om-artikel table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;font-size:.94rem;margin:14px 0 22px;background:var(--om-bg)}
.om-artikel th,.om-artikel td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--om-linie)}
.om-artikel th{background:var(--om-prim-hell);font-weight:600}
.om-tabelle{overflow-x:auto}
.om-text h2:first-child{margin-top:.5em}
address{font-style:normal}
dl.om-glossar dt{font-weight:600;margin-top:14px;font-family:var(--om-kopf)}
dl.om-glossar dd{margin:2px 0 0}

/* Suche */
.om-suche-wrap{position:relative;max-width:520px;margin:0 auto}
.om-suche{display:flex;background:#fff;border:1px solid #AEB4CC;border-radius:999px;padding:3px}
.om-suche input{flex:1;min-width:0;border:0;background:none;font:400 1rem var(--om-text);padding:9px 16px;color:var(--om-tinte)}
.om-suche input:focus{outline:none}
.om-suche button{border:0;background:var(--om-prim);color:#fff;font:600 .95rem var(--om-text);border-radius:999px;padding:9px 18px;cursor:pointer}
.om-treffer{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--om-linie);border-radius:var(--om-r2);box-shadow:0 8px 24px rgba(27,31,59,.14);list-style:none;margin:0;padding:6px;z-index:20;max-height:360px;overflow:auto;text-align:left}
.om-treffer a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--om-tinte);font-weight:600}
.om-treffer a:hover{background:var(--om-prim-hell);filter:none}
.om-treffer small{display:block;font-weight:400;color:var(--om-grau)}
.om-treffer .om-leer{padding:8px 10px;color:var(--om-grau)}

/* Fuß */
.om-fuss{background:var(--om-nacht);color:#C9CEE6;padding:0 0 26px;margin-top:40px;font-size:.95rem}
.om-fuss-band{background:var(--om-prim-dunkel);color:#fff;padding:12px 0;font-size:.9rem}
.om-fuss-band .om-wrap{display:flex;flex-wrap:wrap;gap:6px 30px;justify-content:center}
.om-fuss a{color:#fff;text-decoration:none;font-weight:600}
.om-fuss a:hover{text-decoration:underline;filter:none}
.om-fuss-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px;margin:34px 0 24px}
.om-fuss-grid a{display:block;margin:0 0 10px}
.om-fuss a.om-logo{margin:0 0 12px;display:inline-flex}
.om-fuss strong{color:var(--om-gold);display:block;margin-bottom:12px;font-family:var(--om-kopf);font-size:1.1rem}
.om-fuss p{color:#C9CEE6}
.om-fuss small{display:block;border-top:1px solid #2A2F55;padding-top:16px;color:#9AA0C4;font-size:.86rem}
.om-404{padding:40px 0 60px;max-width:var(--om-mass)}

@media print{
  .om-kopf,.om-lade,.om-fuss,.om-abschnitt,.om-toc,.om-pfad,.om-gepr,.om-kurz,.om-aktionen,.om-partner,.om-verwandt,.om-autor,.om-faq,.om-quellen,.om-form{display:none!important}
  .om-artikel-grid{display:block}.om-werkzeug{border:0;box-shadow:none}
}
@media (max-width:1000px){
  .om-artikel-grid{grid-template-columns:1fr;gap:0}
  .om-toc{display:none}
  .om-toc-mobil{display:block;background:var(--om-flaeche);border-radius:var(--om-r2);padding:10px 16px;margin:0 0 20px}
  .om-toc-mobil summary{font-weight:600;cursor:pointer}
  .om-toc-mobil ol{margin:8px 0 4px;padding-left:1.2em}
  .om-kacheln{grid-template-columns:1fr 1fr}
  .om-liste{grid-template-columns:1fr 1fr}
  .om-fuss-grid{grid-template-columns:1fr 1fr}
  .om-held-grid{grid-template-columns:1fr;gap:24px}
  .om-held h1{max-width:none}
}
@media (max-width:900px){
  .om-nav{display:none}
  .om-menue{display:inline-block}
}
@media (max-width:480px){h1{hyphens:auto}}
@media (max-width:720px){
  .om-kopf .om-wrap{gap:12px}
  .om-logo{font-size:1rem;white-space:normal}
  .om-kacheln,.om-fuss-grid,.om-zwei,.om-drei,.om-liste,.om-verwandt .om-liste{grid-template-columns:1fr}
  .om-held{padding:28px 0 32px}
  .om-abschnitt{padding:36px 0}
  .om-werkzeug{padding:16px}
  .om-antwort{grid-template-columns:1fr;justify-items:center;text-align:center}
  .om-antwort-text p,.om-prozent{text-align:left}
  .om-mehrere{grid-template-columns:1fr;gap:20px}
  .om-orakel-frage{flex-direction:column}
  .om-orakel-frage button{width:100%}
  .om-lexikon{grid-template-columns:1fr}
}