/* engelkartenziehen.net – Design „Himmelsstunde“, Token oriel */
@font-face{font-family:"DM Serif Display";src:url(/assets/schrift/dm-serif-display-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Mulish;src:url(/assets/schrift/mulish-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Mulish;src:url(/assets/schrift/mulish-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Mulish;src:url(/assets/schrift/mulish-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--oriel-papier:#fbf8f1;--oriel-tinte:#2a2f4a;--oriel-gold:#b8923a;--oriel-gold-text:#946f22;--oriel-gold-hell:#e3cf9a;--oriel-himmel:#8fb3d9;--oriel-himmel-hell:#e4eef8;--oriel-rosa:#e8c4bd;--oriel-grau:#6a6f88;--oriel-linie:#e6dfd0;--oriel-weiss:#fffdf8;--oriel-radius:16px;--oriel-radius-gross:24px;--oriel-abstand:18px;--oriel-schatten:0 4px 16px rgba(42,47,74,.12);--oriel-breite:1000px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.oriel{margin:0;font-family:Mulish,system-ui,sans-serif;font-size:1.05rem;line-height:1.65;color:var(--oriel-tinte);background:var(--oriel-papier) radial-gradient(ellipse 120% 60% at 50% -10%,#e9f0f9 0%,var(--oriel-papier) 70%) no-repeat}
h1,h2,h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:0;color:var(--oriel-tinte);margin:0 0 .5em}
h1{font-size:clamp(2rem,4.6vw,2.9rem)}h2{font-size:clamp(1.45rem,3vw,1.95rem);margin-top:1.8em}h3{font-size:1.3rem;margin-top:1.3em}
p,ul,ol{margin:0 0 1.1em}a{color:var(--oriel-tinte);text-decoration-color:var(--oriel-gold);text-underline-offset:3px}a:hover{color:var(--oriel-gold)}
img{max-width:100%;height:auto}
.oriel-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oriel-skip{position:absolute;left:-999px;top:8px;background:var(--oriel-tinte);color:#fff;padding:.5em 1em;border-radius:999px;z-index:50}.oriel-skip:focus{left:8px}
/* Kopf */
.oriel-kopf{background:rgba(251,248,241,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--oriel-linie);position:sticky;top:0;z-index:20}
.oriel-nav{max-width:var(--oriel-breite);margin:0 auto;padding:.7rem var(--oriel-abstand);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.oriel-logo{font-family:"DM Serif Display",Georgia,serif;font-size:1.45rem;text-decoration:none;color:var(--oriel-tinte);display:flex;align-items:center;gap:.4rem;margin-right:auto}.oriel-logo b{color:var(--oriel-gold-text);font-weight:400}.oriel-logo-zeichen{color:var(--oriel-gold);font-size:1.1rem}
.oriel-nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:.2rem;align-items:center;flex-wrap:wrap}
.oriel-nav>ul>li>a,.oriel-nav summary{display:block;padding:.45em .8em;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;color:var(--oriel-tinte);cursor:pointer;white-space:nowrap}
.oriel-nav>ul>li>a:hover,.oriel-nav summary:hover{background:var(--oriel-himmel-hell)}.oriel-nav a[aria-current=page]{background:var(--oriel-tinte);color:#fff}
.oriel-mehr{position:relative}.oriel-mehr details ul{list-style:none;margin:0;padding:.5rem;position:absolute;right:0;top:calc(100% + 6px);min-width:240px;background:var(--oriel-weiss);border:1px solid var(--oriel-linie);border-radius:var(--oriel-radius);box-shadow:var(--oriel-schatten);z-index:30}
.oriel-mehr details ul a{display:block;padding:.5em .8em;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem}.oriel-mehr details ul a:hover{background:var(--oriel-himmel-hell)}.oriel-mehr summary::-webkit-details-marker{display:none}.oriel-mehr summary{list-style:none}.oriel-mehr summary::after{content:" ▾";font-size:.8em}
.oriel-burger{display:none;width:44px;height:44px;border-radius:12px;cursor:pointer;position:relative}.oriel-burger span,.oriel-burger span::before,.oriel-burger span::after{content:"";position:absolute;left:11px;width:22px;height:2px;background:var(--oriel-tinte);border-radius:2px}.oriel-burger span{top:21px}.oriel-burger span::before{top:-7px;left:0}.oriel-burger span::after{top:7px;left:0}
@media (max-width:900px){.oriel-burger{display:block}.oriel-nav>ul{display:none;width:100%;flex-direction:column;align-items:stretch;padding:.5rem 0 .8rem}.oriel-nav>ul>li>a,.oriel-nav summary{padding:.7em .9em;border-radius:12px}#oriel-menue:checked~ul{display:flex}.oriel-mehr details ul{position:static;box-shadow:none;border:0;background:transparent;padding:0 0 0 .8rem}.oriel-nav a[aria-current=page]{background:var(--oriel-himmel-hell);color:var(--oriel-tinte)}}
/* Haupt */
.oriel-haupt{max-width:var(--oriel-breite);margin:0 auto;padding:1.6rem var(--oriel-abstand) 3rem;animation:oriel-ein .5s ease-out}
@keyframes oriel-ein{from{opacity:0}to{opacity:1}}
.oriel-artikel{max-width:760px;margin:0 auto}
.oriel-start .oriel-artikel>h1{text-align:center;max-width:none}
.oriel-teaser,.oriel-lead{font-size:1.18rem;color:var(--oriel-grau)}
.oriel-artikel ul,.oriel-artikel ol{padding-left:1.3em}
details.oriel-faq{border-top:1px solid var(--oriel-linie);padding:.6em 0}details.oriel-faq summary{font-weight:700;cursor:pointer;padding:.3em 0}details.oriel-faq>div{padding:.3em 0 .4em}
.oriel-artikel figure{margin:1.5em 0}.oriel-artikel figcaption{font-size:.85rem;color:var(--oriel-grau)}
/* Werkzeug */
.oriel-werkzeug{background:var(--oriel-weiss);border:1px solid var(--oriel-linie);border-radius:var(--oriel-radius-gross);box-shadow:var(--oriel-schatten);padding:1.4rem var(--oriel-abstand) 1.6rem;margin:1.4rem 0 2rem}
.oriel-wink,.oriel-mitte{text-align:center}.oriel-wink{color:var(--oriel-grau);margin-bottom:.6em}
.oriel-knopf{font:inherit;font-weight:700;background:var(--oriel-tinte);color:#fff;border:0;border-radius:999px;padding:.75em 1.5em;cursor:pointer;transition:transform .15s,background .15s;text-decoration:none;display:inline-block}.oriel-knopf:hover{transform:scale(1.03);background:#3a4066}.oriel-knopf:focus-visible{outline:3px solid var(--oriel-gold);outline-offset:2px}
.oriel-knopf-leise{background:transparent;color:var(--oriel-tinte);border:1px solid var(--oriel-linie)}.oriel-knopf-leise:hover{background:var(--oriel-himmel-hell)}
.oriel-faecher{display:flex;justify-content:center;align-items:flex-end;height:150px;margin:.6rem 0 1rem;--spread:12deg;overflow:hidden;padding:0 8px}.oriel-faecher[style*="--n:9"]{--spread:9deg}
.oriel-rueck{scroll-margin-top:110px;width:72px;height:116px;margin:0 -18px;border:2px solid var(--oriel-gold-hell);border-radius:10px;background:var(--oriel-tinte) radial-gradient(circle at 50% 40%,#3d4470 0,#2a2f4a 60%);box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer;transform:rotate(calc((var(--i) - (var(--n) - 1)/2) * var(--spread))) translateY(calc(abs(var(--i) - (var(--n) - 1)/2) * 4px));transform-origin:50% 120%;transition:transform .2s;padding:0}
.oriel-rueck span{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(227,207,154,.12) 6px 7px),repeating-linear-gradient(-45deg,transparent 0 6px,rgba(227,207,154,.12) 6px 7px);border-radius:7px}
.oriel-rueck::after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:var(--oriel-gold-hell);font-size:1.3rem}.oriel-rueck{position:relative}
.oriel-rueck:hover,.oriel-rueck:focus-visible{transform:rotate(calc((var(--i) - (var(--n) - 1)/2) * var(--spread))) translateY(-14px);z-index:2;outline:none;border-color:var(--oriel-gold)}
.oriel-faecher[style*="--n:12"]{--spread:6.5deg}.oriel-faecher[style*="--n:12"] .oriel-rueck{margin:0 -24px}
@media (max-width:520px){.oriel-faecher{height:120px}.oriel-rueck{width:58px;height:94px;margin:0 -16px}.oriel-faecher[style*="--n:12"] .oriel-rueck{margin:0 -20px}}
.oriel-frage{display:block;margin:0 0 1rem}.oriel-frage span{display:block;font-size:.9rem;color:var(--oriel-grau);margin-bottom:.3em}.oriel-frage input{font:inherit;width:100%;padding:.65em .9em;border:1px solid var(--oriel-linie);border-radius:12px;background:#fff;color:var(--oriel-tinte)}.oriel-frage input:focus{outline:2px solid var(--oriel-himmel);border-color:var(--oriel-himmel)}
.oriel-zeile{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap}.oriel-zeile .oriel-frage{flex:1 1 220px;margin:0}
.oriel-reiter{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin:0 0 1rem}.oriel-reiter button{font:inherit;font-weight:600;font-size:.92rem;background:var(--oriel-himmel-hell);color:var(--oriel-tinte);border:1px solid transparent;border-radius:999px;padding:.4em 1em;cursor:pointer}.oriel-reiter button[aria-selected=true]{background:var(--oriel-tinte);color:#fff}
.oriel-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0}.oriel-chips button{font:inherit;font-size:.9rem;background:var(--oriel-himmel-hell);border:0;border-radius:999px;padding:.3em .8em;cursor:pointer;color:var(--oriel-tinte)}.oriel-chips button:hover{background:var(--oriel-gold-hell)}
.oriel-plaetze{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.oriel-plaetze li{text-align:center;font-size:.9rem}.oriel-platz{display:block;aspect-ratio:8/13;max-width:150px;margin:0 auto .4em;border:2px dashed var(--oriel-gold-hell);border-radius:12px;background:var(--oriel-himmel-hell)}
@media (max-width:520px){.oriel-plaetze{gap:.4rem}.oriel-plaetze li{font-size:.8rem}}
/* Ergebnis */
.oriel-ausgabe:empty{display:none}.oriel-ausgabe{margin-top:1.2rem}
.oriel-karte{display:grid;grid-template-columns:200px 1fr;gap:1.3rem;align-items:start;animation:oriel-auf .5s ease-out}
@keyframes oriel-auf{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.oriel-karte-bild{border-radius:12px;border:3px solid var(--oriel-gold-hell);box-shadow:var(--oriel-schatten);display:block;width:100%;aspect-ratio:8/13;object-fit:cover}
.oriel-karte h3{margin:0 0 .2em;font-size:1.6rem}.oriel-karte .oriel-thema{color:var(--oriel-gold-text);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;margin:0 0 .6em}
.oriel-worte{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 .8em;padding:0;list-style:none}.oriel-worte li{background:var(--oriel-himmel-hell);border-radius:999px;padding:.15em .7em;font-size:.85rem}
.oriel-satz{font-family:"DM Serif Display",Georgia,serif;font-size:1.25rem;border-left:3px solid var(--oriel-gold);padding:.2em 0 .2em .8em;margin:.8em 0}
.oriel-deutung{margin-top:.8em}.oriel-deutung .oriel-reiter{justify-content:flex-start;margin-bottom:.5em}
.oriel-fragezeile{color:var(--oriel-grau);font-style:italic;margin:0 0 .8em}
.oriel-drei{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 1rem}.oriel-drei article{text-align:center}.oriel-drei img{border-radius:10px;border:2px solid var(--oriel-gold-hell);width:100%;aspect-ratio:8/13;object-fit:cover}.oriel-drei h3{font-size:1.1rem;margin:.5em 0 .1em}.oriel-drei .oriel-thema{margin:0 0 .3em}.oriel-drei p{font-size:.92rem;text-align:left}
.oriel-tendenz{text-align:center;font-size:1.15rem;background:var(--oriel-himmel-hell);border-radius:12px;padding:.8em;margin:0 0 1em}
.oriel-nochmal{text-align:center;margin-top:1rem}
.oriel-tagesengel{margin-top:1rem;font-size:.95rem;color:var(--oriel-grau)}.oriel-tagesengel:empty{display:none}
.oriel-hinweis{background:var(--oriel-himmel-hell);border-radius:12px;padding:.8em 1em;font-size:.95rem}
@media (max-width:620px){.oriel-karte{grid-template-columns:1fr}.oriel-karte-bild{max-width:220px;margin:0 auto}.oriel-drei{gap:.5rem}.oriel-drei p{display:none}.oriel-drei h3{font-size:.95rem}}
/* Abschnitte, Lexikon, Partner */
.oriel-abschnitt{border-top:1px solid var(--oriel-linie);padding-top:.5em;scroll-margin-top:90px}
.oriel-lexikon{display:grid;gap:1.2rem;margin:1rem 0 2rem}.oriel-erz{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:start;background:var(--oriel-weiss);border:1px solid var(--oriel-linie);border-radius:var(--oriel-radius);padding:1rem;scroll-margin-top:90px}.oriel-erz img{border-radius:10px;width:100%;height:auto}.oriel-erz h3{margin:0 0 .2em}.oriel-erz h3 small{display:block;font-family:Mulish;font-size:.85rem;color:var(--oriel-grau)}.oriel-erz p{margin:0 0 .5em;font-size:.95rem}
.oriel-rat{margin:2.2rem 0 1rem;padding:1.3rem 1.4rem;background:linear-gradient(135deg,#fdf6e3,#fbf1dc);border-radius:var(--oriel-radius);border:1px solid var(--oriel-gold-hell)}.oriel-rat-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--oriel-gold-text);border:1px solid var(--oriel-gold);border-radius:999px;padding:.1em .6em;display:inline-block;margin-bottom:.6em}.oriel-rat p{margin:0 0 .8em}.oriel-rat-knopf{background:var(--oriel-gold-text)}.oriel-rat-knopf:hover{background:#a07f30}.oriel-rat small{display:block;margin-top:.7em;font-size:.8rem;color:var(--oriel-grau)}
.oriel-weiter{max-width:var(--oriel-breite);margin:2.5rem auto 0}.oriel-weiter h2{text-align:center;margin-top:0}.oriel-weiter ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.oriel-weiter a{display:block;background:var(--oriel-weiss);border:1px solid var(--oriel-linie);border-radius:var(--oriel-radius);padding:1rem 1.1rem;text-decoration:none;height:100%;transition:transform .15s}.oriel-weiter a:hover{transform:scale(1.03);color:var(--oriel-tinte)}.oriel-weiter b{display:block;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:1.2rem;margin-bottom:.2em}.oriel-weiter span{font-size:.92rem;color:var(--oriel-grau)}
@media (max-width:720px){.oriel-weiter ul{grid-template-columns:1fr}.oriel-erz{grid-template-columns:90px 1fr}}
.oriel-kacheln{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.oriel-kacheln a{display:block;background:var(--oriel-weiss);border:1px solid var(--oriel-linie);border-radius:12px;padding:.8em 1em;text-decoration:none}.oriel-kacheln a:hover{border-color:var(--oriel-gold)}.oriel-kacheln b{display:block}.oriel-kacheln span{font-size:.88rem;color:var(--oriel-grau)}
.oriel-fuss{border-top:1px solid var(--oriel-linie);margin-top:2rem;padding:1.5rem var(--oriel-abstand) 2.5rem;font-size:.88rem;color:var(--oriel-grau);text-align:center}.oriel-fuss p{max-width:760px;margin:0 auto .6em}

.oriel-tabelle{width:100%;border-collapse:collapse;font-size:.88rem;margin:1em 0}.oriel-tabelle th,.oriel-tabelle td{text-align:left;padding:.4em .5em;border-bottom:1px solid var(--oriel-linie);vertical-align:top}.oriel-tabelle th{font-weight:700}
@media (max-width:620px){.oriel-tabelle thead{display:none}.oriel-tabelle tr{display:block;padding:.5em 0}.oriel-tabelle td{display:block;border:0;padding:.1em 0}}

.oriel-lex{display:grid;gap:1rem;margin:1rem 0 2rem}.oriel-lex-karte{display:grid;grid-template-columns:130px 1fr;gap:1rem;align-items:start;background:var(--oriel-weiss);border:1px solid var(--oriel-linie);border-radius:var(--oriel-radius);padding:1rem;scroll-margin-top:90px}.oriel-lex-karte img{border-radius:10px;width:100%;height:auto;border:2px solid var(--oriel-gold-hell)}.oriel-lex-karte h3{margin:0 0 .2em}.oriel-lex-karte p{margin:0 0 .5em;font-size:.95rem}.oriel-lex-karte .oriel-thema{margin-bottom:.5em}.oriel-lex-karte details{margin:.3em 0 .5em;font-size:.92rem}.oriel-lex-karte summary{cursor:pointer;color:var(--oriel-gold-text);font-weight:700}.oriel-lex-karte .oriel-satz{font-size:1.05rem;margin:.4em 0 0}
@media (max-width:620px){.oriel-lex-karte{grid-template-columns:90px 1fr}}
.oriel-decks{margin:1.5rem 0;padding:1.2rem 1.4rem;background:var(--oriel-himmel-hell);border-radius:var(--oriel-radius)}.oriel-decks p{margin:0 0 .6em}.oriel-decks-links{display:flex;flex-wrap:wrap;gap:.5rem}.oriel-decks-links a{display:inline-block;background:var(--oriel-weiss);border:1px solid var(--oriel-linie);border-radius:999px;padding:.4em 1em;text-decoration:none;font-weight:600;font-size:.92rem}.oriel-decks-links a:hover{border-color:var(--oriel-gold)}.oriel-decks small{display:block;font-size:.8rem;color:var(--oriel-grau)}
.oriel-teilen{margin:.8em 0 0;display:flex;gap:.5rem;flex-wrap:wrap}.oriel-teilen .oriel-knopf{font-size:.9rem;padding:.5em 1.1em}
.oriel-code{background:var(--oriel-tinte);color:#f3efe6;border-radius:12px;padding:1em 1.2em;overflow-x:auto;font-size:.85rem;line-height:1.5}.oriel-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}