/* das-sternzeichen.de – „Tintennacht“ */
@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces-italic.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Jakarta";src:url("/assets/fonts/jakarta.woff2") format("woff2");font-weight:400 800;font-display:swap}

:root{
  --orva-nacht:#070c1a;--orva-tiefe:#0c1427;--orva-flaeche:#121c35;--orva-flaeche2:#182446;
  --orva-linie:rgba(190,205,255,.14);--orva-linie2:rgba(190,205,255,.28);
  --orva-text:#e9eefb;--orva-text2:#aab6d8;--orva-text3:#7d89ad;
  --orva-rose:#ff8fcf;--orva-eis:#86d8ff;--orva-gold:#ffd98a;
  --orva-feuer:#ff9a6b;--orva-erde:#8fe0a0;--orva-luft:#9fd3ff;--orva-wasser:#b99cff;
  --orva-akzent:var(--orva-rose);
  --orva-r:20px;--orva-r2:28px;--orva-space:16px;--orva-glow:0 0 0 1px var(--orva-linie),0 24px 60px -30px rgba(134,216,255,.35);
  --orva-serif:"Fraunces",Georgia,serif;--orva-sans:"Jakarta",system-ui,sans-serif;
  --orva-lesebreite:68ch;
  color-scheme:dark;
}
.is-feuer{--orva-akzent:var(--orva-feuer)}.is-erde{--orva-akzent:var(--orva-erde)}.is-luft{--orva-akzent:var(--orva-luft)}.is-wasser{--orva-akzent:var(--orva-wasser)}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--orva-nacht);color:var(--orva-text);font:400 1.0625rem/1.7 var(--orva-sans);font-optical-sizing:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 50% at 15% -10%,rgba(91,108,214,.28),transparent 60%),radial-gradient(ellipse 60% 45% at 100% 100%,rgba(255,143,207,.14),transparent 55%),var(--orva-nacht)}
img{max-width:100%;height:auto;display:block}
a{color:var(--orva-eis);text-decoration:none}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--orva-rose);outline-offset:3px;border-radius:6px}
button{font:inherit;color:inherit}
svg{fill:currentColor}
h1,h2,h3,h4{font-family:var(--orva-serif);font-weight:500;line-height:1.12;letter-spacing:-.015em;color:#fff;margin:0;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.2vw,3.9rem);font-variation-settings:"opsz" 120}
h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-top:2.2em;margin-bottom:.5em}
h3{font-size:1.3rem;margin-top:1.8em;margin-bottom:.4em}
p{margin:0 0 1.1em}
.orva-skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:100}
.orva-skip:focus{left:8px}
.orva-klein{font-size:.85rem;color:var(--orva-text3)}
.orva-wrap{width:min(1180px,100% - 32px);margin:0 auto}
.orva-narrow{width:min(var(--orva-lesebreite),100%);margin-left:auto;margin-right:auto}
.orva-wrap.orva-narrow{width:min(var(--orva-lesebreite),100% - 32px)}
.orva-h2-mitte{text-align:center;margin:3rem 0 1.4rem}

/* Kopfzeile */
.orva-top{position:sticky;top:0;z-index:40;background:rgba(7,12,26,.72);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--orva-linie)}
.orva-top-inner{width:min(1180px,100% - 32px);margin:0 auto;display:flex;align-items:center;gap:24px;height:64px}
.orva-marke{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:var(--orva-serif);font-size:1.3rem;letter-spacing:-.01em}
.orva-marke svg{width:22px;height:22px;color:var(--orva-rose)}
.orva-marke b{font-weight:600;color:var(--orva-eis)}
.orva-nav{margin-left:auto}
.orva-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.orva-nav a{display:block;padding:8px 14px;border-radius:999px;color:var(--orva-text2);font-weight:600;font-size:.95rem}
.orva-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.orva-nav a[aria-current]{color:#fff;background:rgba(134,216,255,.14)}
.orva-menu-btn{display:none;align-items:center;gap:8px;background:none;border:1px solid var(--orva-linie2);border-radius:999px;padding:7px 14px 7px 10px;cursor:pointer}
.orva-menu-btn svg{width:20px;height:20px}
.orva-menu{border-top:1px solid var(--orva-linie);background:rgba(7,12,26,.96);max-height:calc(100vh - 64px);overflow:auto}
.orva-menu-inner{width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 30px}
.orva-menu-titel{font-family:var(--orva-serif);font-size:1.2rem;color:#fff;margin:14px 0 8px}

/* Brotkrumen */
.orva-crumbs{width:min(1180px,100% - 32px);margin:14px auto 0;font-size:.85rem;color:var(--orva-text3)}
.orva-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.orva-crumbs li+li::before{content:"/";margin-right:6px;color:var(--orva-text3)}
.orva-crumbs a{color:var(--orva-text2)}

/* Held: Sternenhimmel und Rad */
.orva-hero{position:relative;min-height:calc(100svh - 64px);display:grid;place-items:center;padding:40px 0 60px;overflow:hidden}
.orva-sterne{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.orva-hero-inner{position:relative;width:min(1100px,100% - 32px);text-align:center;display:grid;gap:14px;justify-items:center}
.orva-hero-heute{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--orva-linie2);border-radius:999px;padding:6px 16px 6px 10px;font-size:.9rem;color:var(--orva-text2);background:rgba(255,255,255,.04);opacity:0;animation:orva-auf .8s .2s forwards}
.orva-hero-heute span{background:var(--orva-rose);color:#1a0b14;font-weight:700;border-radius:999px;padding:2px 10px;font-size:.78rem}
.orva-hero-heute b{color:#fff;font-weight:600}
.orva-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);font-weight:400;max-width:14ch;opacity:0;animation:orva-auf .9s .35s forwards}
.orva-hero-text{color:var(--orva-text2);font-size:1.1rem;max-width:40ch;opacity:0;animation:orva-auf .9s .5s forwards}
.orva-finder{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;opacity:0;animation:orva-auf .9s .65s forwards}
.orva-finder label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:.78rem;color:var(--orva-text3)}
.orva-finder input,.orva-feld input,.orva-bio input,.orva-partner select{background:var(--orva-flaeche);border:1px solid var(--orva-linie2);border-radius:14px;color:#fff;padding:12px 14px;font:inherit;min-width:190px}
.orva-finder input{min-width:210px}
.orva-finder button,.orva-rechner button[type=submit],.orva-bio button,.orva-btn-mischen,.orva-btn{align-self:flex-end;background:linear-gradient(135deg,var(--orva-rose),#c76bff);color:#1a0b14;border:0;border-radius:999px;padding:13px 24px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px -12px var(--orva-rose)}
.orva-finder button:hover,.orva-rechner button[type=submit]:hover,.orva-bio button:hover,.orva-btn-mischen:hover,.orva-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px var(--orva-rose)}
.orva-rad{--r:min(38vw,300px);position:relative;width:calc(var(--r)*2 + 150px);height:calc(var(--r)*2 + 150px);margin:28px auto 0;opacity:0;animation:orva-auf 1.2s .8s forwards}
.orva-rad-ring{position:absolute;inset:0;transform:rotate(var(--drehung,0deg));transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.orva-rad-item{position:absolute;left:50%;top:50%;width:150px;margin:-75px 0 0 -75px;display:flex;flex-direction:column;align-items:center;gap:6px;transform:rotate(calc(var(--i)*30deg)) translateY(calc(var(--r)*-1)) rotate(calc(var(--i)*-30deg - var(--drehung,0deg)));transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.orva-rad-item img{width:92px;height:92px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.12),0 14px 30px -10px rgba(0,0,0,.7);transition:transform .35s,box-shadow .35s,filter .35s;filter:saturate(.9) brightness(.92)}
.orva-rad-item span{font-family:var(--orva-serif);font-size:1.05rem;color:var(--orva-text2);transition:color .3s}
.orva-rad-item:hover img,.orva-rad-item.is-aktiv img{transform:scale(1.12);filter:none;box-shadow:0 0 0 3px var(--orva-akzent),0 0 40px -4px var(--orva-akzent)}
.orva-rad-item:hover span,.orva-rad-item.is-aktiv span{color:#fff}
.orva-rad-mitte{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:calc(var(--r)*1.1);text-align:center;pointer-events:none}
.orva-rad-out{font-family:var(--orva-serif);font-size:clamp(1.2rem,3vw,1.9rem);color:#fff;margin:0;opacity:0;transition:opacity .6s}
.orva-rad-out.is-da{opacity:1;pointer-events:auto}
.orva-rad-out a{color:var(--orva-eis);border-bottom:1px solid currentColor}
.orva-rad-out small{display:block;font-family:var(--orva-sans);font-size:.85rem;color:var(--orva-text2);margin-top:4px}
@keyframes orva-auf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (min-width:1025px){
  .orva-hero{min-height:calc(100svh - 64px);padding:30px 0 40px}
  .orva-hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;text-align:left;justify-items:start;gap:16px 30px}
  .orva-hero h1{font-size:clamp(2.8rem,5.2vw,4.6rem)}
  .orva-finder{justify-content:flex-start}
  .orva-rad{--r:min(17vw,240px);grid-column:2;grid-row:1/span 5;margin:0;justify-self:center}
}
/* Kacheln (Werkzeuge) */
.orva-kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.orva-kacheln a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:14px;align-items:start;background:var(--orva-flaeche);border:1px solid var(--orva-linie);border-radius:var(--orva-r);padding:18px 20px;color:var(--orva-text2);transition:border-color .25s,transform .25s,box-shadow .25s}
.orva-kacheln a:hover{border-color:var(--orva-linie2);transform:translateY(-3px);box-shadow:var(--orva-glow)}
.orva-kachel-ico{grid-row:span 2;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(134,216,255,.12);color:var(--orva-eis)}
.orva-kachel-ico svg{width:24px;height:24px}
.orva-kacheln strong{color:#fff;font-family:var(--orva-serif);font-weight:500;font-size:1.2rem;line-height:1.2}
.orva-kacheln a>span:last-child{font-size:.92rem;line-height:1.45;margin-top:3px}

/* Mini-Karten auf der Startseite */
.orva-heute-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:3rem}
.orva-karte-mini{background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:26px 28px;display:flex;flex-direction:column;gap:10px}
.orva-karte-mini h2{margin:0;font-size:1.5rem}
.orva-karte-mini p{margin:0;color:var(--orva-text2)}
.orva-karte-mini>a{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600}
.orva-karte-mini>a svg{width:18px;height:18px}

/* Mondscheibe (CSS, Phase über --p 0..1 und --zu) */
.orva-mond-visual{display:flex;justify-content:center;margin:6px 0 4px}
.orva-mondscheibe{--p:.5;--d:58px;position:relative;width:var(--d);height:var(--d);border-radius:50%;background:#1b2544;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 40px -8px rgba(255,217,138,.35);overflow:hidden;display:inline-block;flex:none}
.orva-mondscheibe::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6dc,#ffd98a 70%,#e3b45f);clip-path:var(--clip,inset(0 50% 0 0))}
.orva-mondscheibe.is-gross{--d:120px}
.orva-mond-visual.is-gross .orva-mondscheibe{--d:150px}

/* Sternzeichen-Kopf */
.orva-zkopf{position:relative;width:min(1180px,100% - 32px);margin:18px auto 0;display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;padding:42px 44px;border-radius:var(--orva-r2);overflow:hidden;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--orva-akzent) 22%,transparent),transparent 55%),linear-gradient(150deg,#141f3d,#0b1226);border:1px solid var(--orva-linie)}
.orva-zkopf.is-klein{grid-template-columns:150px 1fr;padding:26px 32px;gap:26px}
.orva-konst{position:absolute;right:-20px;top:-20px;width:min(60%,520px);height:120%;opacity:.55;pointer-events:none}
.orva-konst line{stroke:var(--orva-akzent);stroke-width:.35;stroke-dasharray:140;stroke-dashoffset:140;animation:orva-zeichnen 2.4s .3s ease forwards}
.orva-konst circle{fill:#fff;opacity:0;animation:orva-funkeln 1.2s .9s forwards}
.orva-konst circle.is-hell{fill:var(--orva-akzent);filter:drop-shadow(0 0 4px var(--orva-akzent))}
@keyframes orva-zeichnen{to{stroke-dashoffset:0}}
@keyframes orva-funkeln{to{opacity:1}}
.orva-zkopf-orb{position:relative;z-index:1;display:grid;place-items:center}
.orva-zkopf-orb::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;box-shadow:0 0 90px -10px var(--orva-akzent);opacity:.9}
.orva-zkopf-orb .orva-orb{position:relative;width:220px;height:220px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.08);will-change:transform;animation:orva-schweben 14s ease-in-out infinite}
.orva-zkopf.is-klein .orva-zkopf-orb::before,.orva-zkopf.is-klein .orva-zkopf-orb .orva-orb{width:130px;height:130px}
@keyframes orva-schweben{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
.orva-zkopf-text{position:relative;z-index:1}
.orva-zkopf-ueber{margin:0 0 6px;font-size:.9rem}
.orva-zkopf-ueber a{color:var(--orva-text2)}
.orva-zkopf-kurz{color:var(--orva-text2);font-size:1.15rem;max-width:46ch;margin:.6em 0 0}
.orva-zkopf dl{display:flex;flex-wrap:wrap;gap:10px 30px;margin:18px 0 0}
.orva-zkopf dt{font-size:.78rem;color:var(--orva-text3);letter-spacing:.02em}
.orva-zkopf dd{margin:0;font-family:var(--orva-serif);font-size:1.25rem;color:#fff}
.orva-zkopf dd a{color:var(--orva-akzent)}

/* App-Reiter */
.orva-tabs{position:sticky;top:64px;z-index:30;width:min(1180px,100% - 32px);margin:14px auto 0;background:rgba(7,12,26,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;border:1px solid var(--orva-linie)}
.orva-tabs ul{display:flex;gap:2px;list-style:none;margin:0;padding:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.orva-tabs ul::-webkit-scrollbar{display:none}
.orva-tabs a{display:block;white-space:nowrap;padding:8px 15px;border-radius:999px;color:var(--orva-text2);font-weight:600;font-size:.92rem}
.orva-tabs a:hover{color:#fff;background:rgba(255,255,255,.06)}
.orva-tabs a[aria-current]{background:var(--orva-akzent);color:#0b0f1c}

/* Lesen */
.orva-kopf{padding:34px 0 10px}
.orva-kopf h1{margin-bottom:.4em}
.orva-kopf p{color:var(--orva-text2);font-size:1.12rem;max-width:60ch;margin:0}
.orva-kopf.is-mond{text-align:center;display:grid;justify-items:center;gap:12px}
.orva-kopf.is-artikel{padding-top:28px}
.orva-meta{font-size:.85rem;color:var(--orva-text3)!important}
.orva-prose{font-size:1.09rem;line-height:1.78}
.orva-prose>*:first-child{margin-top:0}
.orva-prose h2{font-size:clamp(1.55rem,2.5vw,2rem)}
.orva-prose h2::before{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--orva-akzent);margin:0 0 14px}
.orva-prose a{color:var(--orva-eis);text-decoration:underline;text-decoration-color:rgba(134,216,255,.4);text-underline-offset:3px;overflow-wrap:anywhere}
.orva-prose,.orva-prose h2,.orva-prose h3,.orva-prose h4{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.orva-prose pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.orva-prose img{border-radius:var(--orva-r);margin:1.4em auto}
.orva-prose ul,.orva-prose ol{padding-left:1.3em}
.orva-prose li{margin:.35em 0}
.orva-prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--orva-rose);color:var(--orva-text2);font-family:var(--orva-serif);font-size:1.2rem}
.orva-prose table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5em 0;font-size:.95rem;display:block;overflow-x:auto}
.orva-prose th,.orva-prose td{padding:10px 12px;border-bottom:1px solid var(--orva-linie);text-align:left;vertical-align:top}
.orva-prose th{color:#fff;background:var(--orva-flaeche)}
.orva-prose .orva-tipp{margin:1.8em 0}
.orva-tipp{display:block;background:linear-gradient(135deg,rgba(255,143,207,.14),rgba(134,216,255,.1));border:1px solid rgba(255,143,207,.3);border-radius:var(--orva-r);padding:18px 22px;font-family:var(--orva-serif);font-size:1.18rem;color:#fff;line-height:1.5}
.orva-tipp>span{display:block;font-family:var(--orva-sans);font-size:.78rem;font-weight:700;color:var(--orva-rose);margin-bottom:6px}
.orva-brief{display:grid;grid-template-columns:72px 1fr;gap:18px;background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:24px 26px;margin:26px 0 30px}
.orva-brief>img{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--orva-rose)}
.orva-brief p{margin:0 0 .6em;font-family:var(--orva-serif);font-size:1.12rem;color:var(--orva-text);line-height:1.6}
.orva-brief-anrede{color:var(--orva-rose)!important}
.orva-brief-sig{display:flex;align-items:center;gap:12px;margin-top:10px!important}
.orva-brief-sig img{width:64px;filter:invert(1) brightness(1.6)}
.orva-brief-sig span{font-family:var(--orva-sans);font-size:.82rem;color:var(--orva-text3)}
.orva-faq{margin:2.4em 0}
.orva-faq details{border-top:1px solid var(--orva-linie);padding:4px 0}
.orva-faq details:last-child{border-bottom:1px solid var(--orva-linie)}
.orva-faq summary{cursor:pointer;padding:12px 0;font-weight:600;color:#fff;list-style:none;display:flex;justify-content:space-between;gap:14px}
.orva-faq summary::after{content:"+";color:var(--orva-rose);font-size:1.3rem;line-height:1}
.orva-faq details[open] summary::after{content:"–"}
.orva-faq p{color:var(--orva-text2);margin:0 0 12px}
.orva-more{margin:2.4em 0 0}
.orva-more h2{font-size:1.35rem;margin-top:1.6em}
.orva-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.orva-chips a{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--orva-linie2);color:var(--orva-text);font-size:.92rem;background:rgba(255,255,255,.03)}
.orva-chips a:hover{border-color:var(--orva-rose);color:#fff}
.orva-liste{list-style:none;margin:1.4em 0;padding:0;display:grid;gap:10px}
.orva-liste a{display:grid;gap:4px;background:var(--orva-flaeche);border:1px solid var(--orva-linie);border-radius:var(--orva-r);padding:16px 20px;color:var(--orva-text2);transition:border-color .2s}
.orva-liste a:hover{border-color:var(--orva-linie2)}
.orva-liste strong{color:#fff;font-family:var(--orva-serif);font-weight:500;font-size:1.15rem}
.orva-liste span{font-size:.92rem}
.orva-zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.orva-zweispaltig h2{margin-top:1em;font-size:1.3rem}
.orva-hinweis{background:var(--orva-flaeche);border-radius:var(--orva-r);padding:14px 18px;color:var(--orva-text2)}
.orva-video{background:var(--orva-flaeche);border:1px solid var(--orva-linie);border-radius:var(--orva-r);padding:22px;text-align:center;margin:1.4em 0;display:grid;gap:8px;justify-items:center}
.orva-video button{background:rgba(255,255,255,.08);border:1px solid var(--orva-linie2);border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:600}
.orva-video small{color:var(--orva-text3)}
.orva-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.orva-linkbtn{background:none;border:0;padding:0;color:var(--orva-eis);cursor:pointer;font:inherit}

/* Zeichen-Raster */
.orva-zgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;list-style:none;margin:0;padding:0}
.orva-zgrid.is-klein{grid-template-columns:repeat(6,1fr)}
.orva-zgrid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;border-radius:var(--orva-r);background:var(--orva-flaeche);border:1px solid var(--orva-linie);color:var(--orva-text2);text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s}
.orva-zgrid a:hover{transform:translateY(-4px);border-color:var(--orva-akzent);box-shadow:0 20px 40px -24px var(--orva-akzent)}
.orva-zgrid img{width:96px;height:96px;border-radius:50%}
.orva-zgrid.is-klein img{width:70px;height:70px}
.orva-zgrid strong{color:#fff;font-family:var(--orva-serif);font-weight:500;font-size:1.15rem}
.orva-zgrid span{font-size:.78rem}

/* Horoskop */
.orva-horo{background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:26px 28px;margin:24px 0 30px}
.orva-segment{display:inline-flex;background:rgba(0,0,0,.3);border-radius:999px;padding:4px;gap:2px}
.orva-segment button{background:none;border:0;border-radius:999px;padding:7px 18px;color:var(--orva-text2);font-weight:600;cursor:pointer}
.orva-segment button[aria-selected=true]{background:var(--orva-akzent);color:#0b0f1c}
.orva-horo-datum{color:var(--orva-text3);font-size:.9rem;margin:12px 0 18px}
.orva-balken{display:grid;gap:14px;margin:0 0 22px}
.orva-balken>div{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:12px}
.orva-balken-label{font-weight:600;color:#fff}
.orva-balken-spur{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.orva-balken-wert{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--orva-eis),var(--orva-akzent));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.orva-balken b{text-align:right;font-family:var(--orva-serif);font-size:1.2rem;white-space:nowrap}
.orva-horo-text p{color:var(--orva-text);font-size:1.08rem}
.orva-horo-tipp{font-family:var(--orva-serif);font-size:1.2rem;color:var(--orva-gold);margin-top:6px}

/* Rechner */
.orva-rechner{background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:28px;margin:22px 0 30px}
.orva-rechner form{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:14px;align-items:end}
.orva-feld{display:grid;gap:5px}
.orva-feld label{font-size:.8rem;color:var(--orva-text3)}
.orva-feld input{width:100%;min-width:0}
.orva-feld small{color:var(--orva-text3);font-size:.75rem;line-height:1.3}
.orva-feld-ort{grid-column:span 1}
.orva-rechner-out{margin-top:24px;padding-top:22px;border-top:1px solid var(--orva-linie);display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.orva-rechner-out img{width:120px;height:120px;border-radius:50%;box-shadow:0 0 60px -10px var(--orva-akzent)}
.orva-rechner-out h2{margin:0 0 6px;font-size:1.9rem}
.orva-rechner-out p{margin:0 0 6px;color:var(--orva-text2)}
.orva-rechner-out .orva-fehler{color:var(--orva-rose);grid-column:span 2}

/* Mond */
.orva-mondheute{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:30px 34px;margin:22px 0}
.orva-mond-phase{font-family:var(--orva-serif);font-size:1.9rem;color:#fff;margin:0}
.orva-mond-zeichen{font-size:1.15rem;color:var(--orva-text);margin:4px 0}
.orva-mond-naechste{color:var(--orva-text2);margin:0}
.orva-kalender{margin:10px 0 30px}
.orva-kalender-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.orva-kalender-kopf h2{margin:0;font-size:1.5rem}
.orva-kalender-kopf button{width:40px;height:40px;border-radius:50%;border:1px solid var(--orva-linie2);background:none;font-size:1.4rem;cursor:pointer;line-height:1}
.orva-kalender-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.orva-kalender-grid .is-kopf{text-align:center;font-size:.75rem;color:var(--orva-text3);padding:4px}
.orva-kalender-tag-btn{display:grid;justify-items:center;gap:3px;padding:8px 2px;border-radius:14px;background:var(--orva-flaeche);border:1px solid transparent;cursor:pointer;color:var(--orva-text2)}
.orva-kalender-tag-btn .orva-mondscheibe{--d:26px;box-shadow:none}
.orva-kalender-tag-btn b{font-weight:600;color:#fff;font-size:.9rem}
.orva-kalender-tag-btn small{font-size:.68rem;color:var(--orva-text3)}
.orva-kalender-tag-btn.is-heute{border-color:var(--orva-rose)}
.orva-kalender-tag-btn.is-voll b{color:var(--orva-gold)}
.orva-kalender-tag-btn.is-leer{visibility:hidden}
.orva-kalender-tag{min-height:1.5em;color:var(--orva-text);font-family:var(--orva-serif);font-size:1.1rem}
.orva-termine{list-style:none;margin:0 0 1.5em;padding:0;display:grid;gap:8px}
.orva-termine a{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--orva-flaeche);border:1px solid var(--orva-linie);border-radius:14px;padding:11px 16px;color:var(--orva-text)}
.orva-termine a:hover{border-color:var(--orva-linie2)}
.orva-termine span{color:var(--orva-akzent)}
.orva-phasen{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:20px 0;padding:0}
.orva-phasen a{display:grid;justify-items:center;gap:8px;text-align:center;padding:22px 14px;background:var(--orva-flaeche);border:1px solid var(--orva-linie);border-radius:var(--orva-r);color:var(--orva-text2)}
.orva-phasen strong{color:#fff;font-family:var(--orva-serif);font-weight:500;font-size:1.15rem}
.orva-phasen span:last-child{font-size:.85rem}
.orva-himmel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 24px}
.orva-himmel-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:var(--orva-flaeche);border:1px solid var(--orva-linie);border-radius:var(--orva-r);padding:16px 18px}
.orva-himmel-item>span{grid-row:span 2;width:40px;height:40px;color:var(--orva-gold)}
.orva-himmel-item strong{color:#fff}
.orva-himmel-item em{font-style:normal;color:var(--orva-text2)}

/* Biorhythmus */
.orva-bio{background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:28px;margin:22px 0 30px}
.orva-bio form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.orva-bio label{display:grid;gap:5px;font-size:.8rem;color:var(--orva-text3)}
.orva-bio-out{margin-top:22px}
.orva-bio-chart{width:100%;height:auto;background:rgba(0,0,0,.25);border-radius:var(--orva-r)}
.orva-bio-chart .is-koerper{stroke:var(--orva-feuer)}.orva-bio-chart .is-gefuehl{stroke:var(--orva-rose)}.orva-bio-chart .is-geist{stroke:var(--orva-eis)}
.orva-bio-chart path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation:orva-zeichnen 2s ease forwards}
.orva-bio-chart .orva-achse{stroke:var(--orva-linie2);stroke-width:1}
.orva-bio-chart .orva-heutelinie{stroke:#fff;stroke-width:1;stroke-dasharray:4 4}
.orva-bio-chart text{fill:var(--orva-text3);font-size:11px;font-family:var(--orva-sans)}
.orva-bio-legende{display:flex;gap:18px;list-style:none;padding:0;margin:12px 0}
.orva-bio-legende li::before{content:"";display:inline-block;width:14px;height:3px;border-radius:3px;margin-right:6px;vertical-align:middle;background:var(--c)}
.orva-bio-legende .is-koerper{--c:var(--orva-feuer)}.orva-bio-legende .is-gefuehl{--c:var(--orva-rose)}.orva-bio-legende .is-geist{--c:var(--orva-eis)}
.orva-bio-heute{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.orva-bio-heute div{background:rgba(0,0,0,.25);border-radius:14px;padding:12px 14px}
.orva-bio-heute b{display:block;font-family:var(--orva-serif);font-size:1.6rem;color:#fff}
.orva-bio-heute span{font-size:.85rem;color:var(--orva-text2)}
.orva-bio-deutung{grid-column:span 3;color:var(--orva-text);font-size:1.05rem}

/* Sternenkarten-Deck */
.orva-deck{position:relative;min-height:70svh;overflow:hidden;padding:40px 0 50px;display:grid;place-items:center}
.orva-deck-inner{position:relative;width:min(900px,100% - 32px);text-align:center;display:grid;gap:12px;justify-items:center}
.orva-deck-text{color:var(--orva-text2);max-width:42ch;margin:0}
.orva-deck-stage{min-height:300px;width:100%;display:grid;place-items:center;margin-top:10px}
.orva-btn-mischen{display:inline-flex;align-items:center;gap:8px}
.orva-btn-mischen svg{width:18px;height:18px}
.orva-faecher{position:relative;width:min(100%,640px);height:280px}
.orva-spielkarte{position:absolute;left:50%;top:50%;width:120px;height:190px;margin:-95px 0 0 -60px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:radial-gradient(circle at 50% 30%,#2a3a6e,#0e1733 70%);box-shadow:0 20px 40px -18px rgba(0,0,0,.8);cursor:pointer;transform:rotate(var(--w)) translateY(-20px);transform-origin:50% 150%;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:grid;place-items:center;color:var(--orva-gold);font-size:2rem;padding:0;animation:orva-einfliegen .7s cubic-bezier(.2,.8,.2,1) both}
.orva-spielkarte::after{content:"";position:absolute;inset:8px;border-radius:9px;border:1px dashed rgba(255,255,255,.22)}
.orva-spielkarte:hover,.orva-spielkarte:focus-visible{transform:rotate(var(--w)) translateY(-48px);box-shadow:0 30px 50px -18px var(--orva-rose)}
@keyframes orva-einfliegen{from{opacity:0;transform:rotate(0) translateY(60px) scale(.6)}}
.is-mischt .orva-spielkarte{animation:orva-mischen .9s ease-in-out infinite}
@keyframes orva-mischen{0%,100%{transform:rotate(var(--w)) translateY(-20px)}50%{transform:rotate(calc(var(--w)*-1)) translateY(-40px) scale(1.04)}}
.orva-karte-gross{perspective:1200px;width:220px;height:340px}
.orva-karte-gross .orva-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.orva-karte-gross.is-offen .orva-flip{transform:rotateY(180deg)}
.orva-flip>div{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(255,255,255,.25)}
.orva-flip .orva-rueck{background:radial-gradient(circle at 50% 30%,#2a3a6e,#0e1733 70%);display:grid;place-items:center;color:var(--orva-gold);font-size:3rem}
.orva-flip .orva-vorn{transform:rotateY(180deg);background:linear-gradient(160deg,#1a2650,#0c1327);box-shadow:0 0 80px -16px var(--orva-rose);display:grid;grid-template-rows:auto 1fr auto;padding:22px 18px;text-align:center}
.orva-vorn .orva-sym{font-size:4.2rem;line-height:1;color:var(--orva-gold);text-shadow:0 0 30px rgba(255,217,138,.6)}
.orva-vorn strong{font-family:var(--orva-serif);font-weight:500;font-size:1.5rem;color:#fff;align-self:center}
.orva-vorn small{color:var(--orva-text2);font-size:.8rem}
.orva-deck-out{width:min(640px,100%);text-align:left;background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:26px 28px;display:grid;gap:10px;animation:orva-auf .8s both}
.orva-deck-out h2{margin:0;font-size:1.7rem}
.orva-deck-out p{margin:0;color:var(--orva-text)}
.orva-deck-out .orva-kw{color:var(--orva-rose);font-size:.9rem}
.orva-deck-out .orva-impuls{font-family:var(--orva-serif);font-size:1.2rem;color:var(--orva-gold)}
.orva-deck-aktionen{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.orva-deck-aktionen button{background:rgba(255,255,255,.08);border:1px solid var(--orva-linie2);border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:600}
.orva-deck-morgen{color:var(--orva-text3);font-size:.85rem}

/* Partner-Wahl */
.orva-partner{background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:24px 26px;margin:0 0 28px}
.orva-partner h2{margin-top:0}
.orva-partner h2::before{display:none}
.orva-partner-wahl{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.orva-partner-wahl>span{width:30px;height:30px;color:var(--orva-rose)}
.orva-partner-out{margin-top:16px}
.orva-partner-out .orva-meter{display:flex;gap:4px;margin:8px 0}
.orva-partner-out .orva-meter span{width:28px;height:28px;color:var(--orva-rose)}
.orva-partner-out .orva-meter span.is-aus{opacity:.25}

/* Mein Himmel, persönliche Kästen, Teilen */
.orva-hinweis-leiste{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:60;background:#fff;color:#0b0f1c;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.9rem;box-shadow:0 12px 30px rgba(0,0,0,.4);animation:orva-auf .4s,orva-weg .6s 5.2s forwards;max-width:calc(100% - 32px)}
@keyframes orva-weg{to{opacity:0;visibility:hidden}}
.orva-heutleiste{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:.9rem;color:var(--orva-text2);margin:0 0 6px;min-height:1.4em}
.orva-heutleiste span{display:inline-flex;align-items:center;gap:6px}
.orva-heutleiste .is-rueck{color:var(--orva-gold)}
.orva-du{background:linear-gradient(135deg,rgba(255,143,207,.16),rgba(134,216,255,.12));border:1px solid rgba(255,143,207,.35);border-radius:14px;padding:10px 14px;margin:14px 0 0;font-size:.95rem;color:#fff}
.orva-horo .orva-du,.orva-mondheute+.orva-du{margin:0 0 16px}
.orva-herzen{color:var(--orva-rose);letter-spacing:1px}
.orva-herzen i{font-style:normal;opacity:.25}
.orva-teilen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.orva-teilen button{background:rgba(255,255,255,.08);border:1px solid var(--orva-linie2);border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:600;font-size:.9rem}
.orva-teilen button:hover{border-color:var(--orva-rose)}
.orva-teilen-status{font-size:.85rem;color:var(--orva-text2)}
.orva-und-du{grid-column:span 2;margin:10px 0 0;color:var(--orva-text2)}
.orva-mein{background:linear-gradient(160deg,var(--orva-flaeche2),var(--orva-flaeche));border:1px solid var(--orva-linie);border-radius:var(--orva-r2);padding:26px 28px;margin:26px 0 30px}
.orva-mein h2{margin:0 0 16px;font-size:1.6rem}
.orva-mein-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.orva-mein-karte{display:grid;align-content:start;gap:8px;background:rgba(0,0,0,.25);border:1px solid var(--orva-linie);border-radius:var(--orva-r);padding:16px 18px;color:var(--orva-text2);transition:border-color .2s,transform .2s}
.orva-mein-karte:hover{border-color:var(--orva-rose);transform:translateY(-2px)}
.orva-mein-titel{font-size:.78rem;font-weight:700;color:var(--orva-rose)}
.orva-mein-gross{font-family:var(--orva-serif);font-size:1.7rem;color:#fff;line-height:1.1}
.orva-mein-text{font-size:.88rem;line-height:1.45}
.orva-mini-balken{display:grid;grid-template-columns:78px 1fr 44px;align-items:center;gap:8px;font-size:.8rem}
.orva-mini-balken i{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.orva-mini-balken i::after{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,var(--orva-eis),var(--orva-rose));border-radius:99px}
.orva-mini-balken b{text-align:right;color:#fff}
.orva-mein-form{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr auto;gap:12px;align-items:end}
.orva-mein-form .orva-feld input{min-width:0}
.orva-mein-dash{margin-top:26px;display:grid;gap:18px}
.orva-mein-orbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.orva-mein-orb{display:grid;justify-items:center;gap:6px;text-align:center;padding:18px 10px;background:rgba(0,0,0,.25);border-radius:var(--orva-r);border:1px solid var(--orva-linie)}
.orva-mein-orb img{width:120px;height:120px;border-radius:50%;box-shadow:0 0 60px -12px var(--orva-akzent)}
.orva-mein-orb span{font-size:.78rem;color:var(--orva-text3)}
.orva-mein-orb strong{font-family:var(--orva-serif);font-weight:500;font-size:1.35rem;color:#fff}
.orva-mein-orb.is-leer{align-content:center;min-height:200px;color:var(--orva-text3)}
.orva-mein-orb.is-leer strong{font-size:1rem;color:var(--orva-text2)}
.orva-mein-fakten{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.orva-mein-fakten div{background:rgba(0,0,0,.2);border-radius:14px;padding:10px 14px}
.orva-mein-fakten dt{font-size:.75rem;color:var(--orva-text3)}
.orva-mein-fakten dd{margin:0;color:#fff;font-family:var(--orva-serif);font-size:1.15rem}
.orva-serie{font-size:.95rem;color:var(--orva-gold)!important}
.orva-himmel mark{background:none;color:var(--orva-gold)}
.orva-linkbtn-rot{color:var(--orva-text3);background:none;border:0;cursor:pointer;font:inherit;font-size:.85rem;text-decoration:underline}

/* Fußzeile und Dock */
.orva-fuss{margin-top:80px;border-top:1px solid var(--orva-linie);background:#050912;padding:50px 0 30px;color:var(--orva-text2);font-size:.92rem}
.orva-fuss-inner{width:min(1180px,100% - 32px);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.orva-marke-fuss{margin:0 0 12px}
.orva-fuss-titel{color:#fff;font-weight:700;margin:0 0 10px}
.orva-fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.orva-fuss a{color:var(--orva-text2)}
.orva-fuss a:hover{color:#fff}
.orva-fuss-zeichen{grid-template-columns:1fr 1fr}
.orva-fuss-ende{width:min(1180px,100% - 32px);margin:36px auto 0;color:var(--orva-text3);font-size:.82rem}
.orva-dock{display:none}

/* Vorlesen für Screenreader, Bewegung reduzieren */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.orva-hero *,.orva-rad{opacity:1!important}.orva-konst line{stroke-dashoffset:0}.orva-konst circle{opacity:1}.orva-bio-chart path{stroke-dashoffset:0}}

/* Tablet */
@media (max-width:1024px){
  .orva-kacheln{grid-template-columns:repeat(2,1fr)}
  .orva-zgrid,.orva-zgrid.is-klein{grid-template-columns:repeat(4,1fr)}
  .orva-rechner form{grid-template-columns:1fr 1fr}
  .orva-rechner form button{grid-column:span 2}
  .orva-fuss-inner{grid-template-columns:1fr 1fr}
  .orva-phasen{grid-template-columns:repeat(2,1fr)}
  .orva-mein-grid{grid-template-columns:1fr 1fr}
  .orva-mein-form{grid-template-columns:1fr 1fr}
  .orva-mein-form button{grid-column:span 2}
  .orva-nav{display:none}
  .orva-menu-btn{display:inline-flex;margin-left:auto}
}
/* Handy */
@media (max-width:720px){
  body{font-size:1rem;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .orva-top-inner{height:58px}
  .orva-hero{min-height:auto;padding:34px 0 40px}
  .orva-hero h1{font-size:clamp(2.2rem,11vw,3rem)}
  .orva-rad{--r:min(33vw,132px);width:calc(var(--r)*2 + 72px);height:calc(var(--r)*2 + 72px);margin-top:14px;max-width:100%}
  .orva-rad-item{width:72px;margin:-36px 0 0 -36px;gap:3px}
  .orva-rad-item img{width:46px;height:46px}
  .orva-rad-item span{font-size:.62rem;opacity:.75}
  .orva-rad-item.is-aktiv span{opacity:1}
  .orva-rad-mitte{width:calc(var(--r)*1.3)}
  .orva-rad-out{font-size:1.05rem}
  .orva-finder{width:100%}
  .orva-finder label,.orva-finder input,.orva-finder button{width:100%}
  .orva-kacheln{grid-template-columns:1fr}
  .orva-heute-grid{grid-template-columns:1fr}
  .orva-zgrid,.orva-zgrid.is-klein{grid-template-columns:repeat(3,1fr);gap:8px}
  .orva-zgrid a{padding:12px 4px 10px}
  .orva-zgrid img,.orva-zgrid.is-klein img{width:58px;height:58px}
  .orva-zgrid strong{font-size:.95rem}.orva-zgrid span{font-size:.68rem}
  .orva-zkopf,.orva-zkopf.is-klein{grid-template-columns:1fr;gap:16px;padding:26px 20px;text-align:center;justify-items:center}
  .orva-zkopf-orb::before,.orva-zkopf-orb .orva-orb,.orva-zkopf.is-klein .orva-zkopf-orb::before,.orva-zkopf.is-klein .orva-zkopf-orb .orva-orb{width:130px;height:130px}
  .orva-zkopf dl{justify-content:center;gap:8px 18px}
  .orva-zkopf dd{font-size:1.05rem}
  .orva-zkopf-kurz{font-size:1rem}
  .orva-konst{width:90%;right:-10%;top:-10%;opacity:.35}
  .orva-tabs{top:58px;border-radius:16px}
  .orva-prose{font-size:1.02rem}
  .orva-brief{grid-template-columns:1fr;padding:20px}
  .orva-brief>img{width:56px;height:56px}
  .orva-balken>div{grid-template-columns:1fr 50px;grid-template-areas:"label wert" "spur spur";row-gap:4px}
  .orva-balken-label{grid-area:label;font-size:.95rem}
  .orva-balken-spur{grid-area:spur}
  .orva-balken b{grid-area:wert;white-space:nowrap;font-size:1.05rem}
  .orva-rechner{padding:20px}
  .orva-rechner form{grid-template-columns:1fr}
  .orva-rechner form button{grid-column:auto}
  .orva-rechner-out{grid-template-columns:1fr;text-align:center;justify-items:center}
  .orva-mondheute{grid-template-columns:1fr;text-align:center;justify-items:center;padding:24px 18px}
  .orva-kalender-tag-btn{padding:6px 0;border-radius:10px}
  .orva-kalender-tag-btn small{display:none}
  .orva-kalender-tag-btn .orva-mondscheibe{--d:20px}
  .orva-zweispaltig{grid-template-columns:1fr}
  .orva-himmel{grid-template-columns:1fr}
  .orva-bio-heute{grid-template-columns:1fr}
  .orva-bio-deutung{grid-column:auto}
  .orva-faecher{height:230px}
  .orva-spielkarte{width:88px;height:140px;margin:-70px 0 0 -44px}
  .orva-mein-grid,.orva-mein-form,.orva-mein-orbs,.orva-mein-fakten{grid-template-columns:1fr}
  .orva-mein-form button{grid-column:auto}
  .orva-mein{padding:20px}
  .orva-partner-wahl{grid-template-columns:1fr;justify-items:center}
  .orva-partner-wahl select{width:100%}
  .orva-fuss-inner{grid-template-columns:1fr}
  .orva-fuss{margin-top:50px}
  .orva-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(7,12,26,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--orva-linie);padding-bottom:env(safe-area-inset-bottom)}
  .orva-dock ul{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0}
  .orva-dock a{display:grid;justify-items:center;gap:3px;padding:9px 2px 7px;font-size:.66rem;color:var(--orva-text3)}
  .orva-dock svg{width:22px;height:22px}
  .orva-dock a[aria-current]{color:var(--orva-rose)}
  .orva-top{position:sticky}
}
@media (max-width:380px){.orva-zgrid,.orva-zgrid.is-klein{grid-template-columns:repeat(2,1fr)}}