@font-face{font-family:"TAN Mon Cheri";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/schriften/tan-mon-cheri.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/schriften/open-sans.woff2) format("woff2")}
/* miriversum · Miriam Oberstaller · Design-System (Stand 27.10.2026)
   Grundlage: Konzeptbilder aus dem Call vom 18.10.2026 (hell, viel Luft, grosse Bilder,
   Texturen, Glasperlen, feine Goldlinien, Bögen). Schrift: Cormorant (wie heutige Website) + Open Sans. */

@font-face{font-family:"Cormorant SC";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/schriften/cormorant-sc-600.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/schriften/cormorant-garamond-500.woff2) format("woff2")}
:root{
  --creme:#F6F0E6;--papier:#FBF8F2;--sand:#EFE6D7;--champ:#F1E5CF;
  --gold:#C9AD7C;--gold-hell:#E6D3AC;--gold-tief:#A8884F;--gold-text:#8A6A3A;
  --bordeaux:#5B1F2A;--bordeaux-tief:#40161F;--tinte:#2B2526;--text:#4A4140;--leise:#7B6B60;--linie:#E2D4BE;
  --r-fides:#C9A55A;--r-5k:#4A3729;--r-tiefsee:#1C3C5E;--r-enc:#6E4518;--r-moluna:#8E2232;--r-neutral:#E7DCC6;--r-buehne:#3A1218;--r-pers:#5B1F2A;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--anzeige:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--serif:var(--anzeige);--kap:var(--anzeige);--marke:"Cormorant Garamond",Georgia,serif;--marke-kap:"Cormorant SC","Cormorant Garamond",Georgia,serif;
  --rand:clamp(22px,5.5vw,84px);--breit:1280px;--schmal:780px;
  --bogen:50% 50% 0 0 / 34% 34% 0 0;--ease:cubic-bezier(.2,.8,.2,1);
  --raum:var(--bordeaux);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--creme);color:var(--text);font:400 16.5px/1.8 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
.wrap{width:min(var(--breit),100% - 2*var(--rand));margin-inline:auto}
.schmal{width:min(var(--schmal),100% - 2*var(--rand));margin-inline:auto}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Typografie ---------- */
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--bordeaux);margin:0;line-height:1.05;letter-spacing:-.005em;text-wrap:balance}
h1{font-size:clamp(46px,6.3vw,94px)}
h2{font-size:clamp(38px,4.7vw,68px)}
h3{font-size:clamp(25px,2.3vw,33px);line-height:1.15}
h4{font-size:22px}
.kap{font-family:var(--kap);font-weight:500;letter-spacing:.18em}
.ober{display:inline-flex;align-items:center;gap:16px;font:600 14.5px/1 var(--kap);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-text)}
.ober.linien:before,.ober.linien:after{content:"";width:clamp(34px,6vw,120px);height:1px;background:var(--gold)}
.ober.links:before{content:"";width:40px;height:1px;background:var(--gold)}
.lead{font-size:clamp(17px,1.35vw,19.5px);line-height:1.75;color:var(--text);max-width:36em}
.kern{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(25px,2.5vw,35px);line-height:1.3;color:var(--bordeaux);text-wrap:balance}
.klein{font-size:14px;color:var(--leise);line-height:1.6}
.zentriert{text-align:center;margin-inline:auto}
.zentriert .lead{margin-inline:auto}

/* Zierlinie mit Stern */
.zier{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--gold);margin:26px auto}
.zier:before,.zier:after{content:"";height:1px;width:clamp(60px,12vw,200px);background:linear-gradient(90deg,transparent,var(--gold))}
.zier:after{transform:scaleX(-1)}
.zier i{width:14px;height:14px;background:var(--gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.zier.kurz:before,.zier.kurz:after{width:40px}
.zier.herz i{clip-path:none;background:none;width:auto;height:auto;font-style:normal;color:var(--gold);font-size:18px;line-height:1}
.zier.herz i:before{content:"♥"}
.stern{display:inline-block;width:12px;height:12px;background:var(--gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}

/* ---------- Knöpfe ---------- */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;cursor:pointer;text-decoration:none;font:500 15.5px/1 var(--sans);letter-spacing:.01em;padding:19px 32px;border-radius:999px;background:var(--bordeaux);color:#fff;box-shadow:0 16px 34px -18px rgba(91,31,42,.85);transition:transform .45s var(--ease),box-shadow .45s,background .35s}
.knopf:hover{transform:translateY(-2px);background:#6c2634;box-shadow:0 22px 40px -18px rgba(91,31,42,.9)}
.knopf:after{content:"";width:22px;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 9'%3E%3Cpath d='M0 4.5h20M16.5 1l3.5 3.5L16.5 8' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 9'%3E%3Cpath d='M0 4.5h20M16.5 1l3.5 3.5L16.5 8' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s var(--ease)}
.knopf:hover:after{transform:translateX(4px)}
.knopf.ohne:after{display:none}
.knopf.gold{background:linear-gradient(135deg,#D9BE86,#B8935A 55%,#D3B479);color:#2b1a12;box-shadow:0 16px 34px -18px rgba(140,100,40,.8)}
.knopf.umriss{background:transparent;color:var(--bordeaux);border:1px solid var(--gold);box-shadow:none}
.knopf.umriss:hover{background:rgba(201,173,124,.12)}
.knopf.hell{background:#fff;color:var(--bordeaux);box-shadow:0 16px 34px -20px rgba(0,0,0,.35)}
.knopf.raum{background:var(--raum)}
.knopf.klein{padding:14px 22px;font-size:14px}
.textlink{font:500 15px/1.3 var(--sans);color:var(--bordeaux);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px;transition:color .3s,border-color .3s;display:inline-flex;align-items:center;gap:10px}
.textlink:hover{color:var(--gold-text);border-color:var(--bordeaux)}
.pfeil-link{font:500 15px/1.3 var(--sans);color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:12px}
.pfeil-link:before{content:"→";color:var(--gold-tief);font-size:17px}
.pfeil-link span{border-bottom:1px solid var(--gold-hell);padding-bottom:2px;transition:border-color .3s}
.pfeil-link:hover span{border-color:var(--bordeaux)}
.knopf-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.zentriert .knopf-zeile{justify-content:center}
.hinweis{font-size:14.5px;color:var(--leise);line-height:1.6;margin-top:16px}

/* ---------- Perlen & Icons ---------- */
.perle{display:inline-block;width:var(--g,56px);height:var(--g,56px);border-radius:50%;background:var(--bild,none) center/contain no-repeat;flex:none}
.perle:not([style*="--bild"]){background:radial-gradient(circle at 34% 28%,#fff8 0 8%,transparent 9%),radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c,#C9A55A) 40%,#fff),var(--c,#C9A55A) 55%,color-mix(in srgb,var(--c,#C9A55A) 60%,#000));box-shadow:0 0 0 2px var(--gold-hell),0 10px 18px -8px rgba(60,30,10,.5)}
.icon{display:inline-block;width:var(--g,64px);height:var(--g,64px);background:var(--bild) center/contain no-repeat;flex:none}

/* ---------- FIDES-Leiste & Kopf ---------- */
.leiste{background:var(--bordeaux);color:var(--champ);font:400 13.5px/1.4 var(--sans);text-align:center;padding:9px var(--rand);letter-spacing:.02em}
.leiste a{color:var(--gold-hell);font-weight:600;text-decoration:none;margin-left:10px;border-bottom:1px solid rgba(230,211,172,.5)}
.leiste i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--r-fides);margin-right:10px;vertical-align:2px;box-shadow:0 0 0 3px rgba(201,165,90,.25)}
.kopf{position:sticky;top:0;z-index:50;background:rgba(246,240,230,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:box-shadow .4s}
.kopf.klein{box-shadow:0 12px 30px -26px rgba(60,30,20,.55)}
.kopf-oben{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 0 14px;transition:padding .45s var(--ease)}
.kopf-ort{font:600 12.5px/1 var(--kap);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-text);display:flex;align-items:center;gap:14px}
.kopf-ort:before{content:"";width:40px;height:1px;background:var(--gold)}
.kopf-oben .knopf{justify-self:end}
.marke{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:6px}
.marke img{height:46px;width:auto;transition:height .45s var(--ease)}
.marke-name{font:600 17px/1 var(--kap);letter-spacing:.3em;color:var(--bordeaux);white-space:nowrap;padding-left:.3em}
.marke-sub{font:600 10px/1 var(--sans);letter-spacing:.5em;color:var(--gold-text);display:flex;align-items:center;gap:10px;padding-left:.5em}
.marke-sub:before,.marke-sub:after{content:"";width:22px;height:1px;background:var(--gold)}
.kopf-nav{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.kopf-nav ul{display:flex;justify-content:center;gap:clamp(18px,2.6vw,46px)}
.kopf-nav a{display:block;padding:15px 0;font:600 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#5d4f49;text-decoration:none;position:relative;white-space:nowrap}
.kopf-nav a:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .4s var(--ease)}
.kopf-nav a:hover:after,.kopf-nav a[aria-current]:after{transform:scaleX(1)}
.kopf-nav a[aria-current]{color:var(--bordeaux)}
.kopf.klein .kopf-oben{padding:10px 0 8px}
.kopf.klein .marke img{height:34px}
.menu-knopf{display:none;background:none;border:1px solid var(--linie);border-radius:999px;padding:11px 18px;font:600 13px/1 var(--sans);color:var(--bordeaux);cursor:pointer;align-items:center;gap:10px;justify-self:end}
.menu-knopf i{width:16px;height:7px;border-top:1.5px solid;border-bottom:1.5px solid}
.marke-text{display:contents}
@media(max-width:1100px){.kopf-nav{display:none}.kopf-oben .knopf{display:none}.menu-knopf{display:inline-flex}.kopf-ort{display:none}.kopf-oben{grid-template-columns:auto 1fr;padding:12px 0}.marke{flex-direction:row;gap:12px;align-items:center}.marke img{height:36px}.marke-text{display:flex;flex-direction:column;gap:5px}}
@media(max-width:420px){.kopf-oben{gap:10px}.marke{gap:9px}.marke img,.kopf.klein .marke img{height:30px}.marke-name{font-size:12.5px;letter-spacing:.15em;padding-left:0}.marke-sub{font-size:7.5px;letter-spacing:.34em;gap:6px;padding-left:0}.marke-sub:before,.marke-sub:after{width:10px}.menu-knopf{padding:9px 13px;gap:8px;font-size:12.5px}.leiste{font-size:12px;padding:8px 12px;letter-spacing:0}.leiste i{margin-right:7px}.leiste a{margin-left:6px}}
@media(max-width:360px){.marke-name{font-size:11.5px;letter-spacing:.12em}.marke-sub{letter-spacing:.28em}.leiste i{display:none}}
.menue{position:fixed;inset:0;z-index:70;background:var(--creme);padding:22px var(--rand) 40px;overflow:auto;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.menue.offen{opacity:1;visibility:visible}
.menue-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.menue-zu{background:none;border:1px solid var(--linie);border-radius:999px;padding:11px 18px;font:600 13px/1 var(--sans);color:var(--bordeaux);cursor:pointer}
.menue a.p{display:block;text-decoration:none;padding:16px 0;border-bottom:1px solid var(--linie)}
.menue a.p b{display:block;font:500 28px/1.1 var(--serif);color:var(--bordeaux)}
.menue a.p span{font-size:14px;color:var(--leise)}
.menue .knopf{margin-top:26px;width:100%}
.handy-knopf{display:none}
@media(max-width:760px){.handy-knopf{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:45;transform:translateY(150%);transition:transform .45s var(--ease)}.handy-knopf.da{transform:none}}

/* ---------- Abschnitte ---------- */
section{position:relative;overflow-x:clip}
.abschnitt{padding:clamp(100px,12vw,190px) 0}
.abschnitt.eng{padding:clamp(70px,8vw,120px) 0}
.abschnitt.papier{background:var(--papier)}
.abschnitt.sand{background:var(--sand)}
.kopfzeile{margin-bottom:clamp(46px,6vw,84px)}
.kopfzeile .ober{margin-bottom:24px}
.kopfzeile .lead{margin-top:26px}
.kopfzeile.zentriert{max-width:860px}

/* ---------- Hero mit Foto im Bogen ---------- */
.hero-foto{padding:clamp(40px,6vw,96px) 0 clamp(90px,10vw,150px);overflow:hidden}
.hero-foto .wrap{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(40px,6vw,110px);align-items:center}
.hero-foto h1{margin:26px 0 30px;font-size:clamp(44px,5.3vw,80px)}
.hero-foto .lead{margin-bottom:34px}
.bogenbild{position:relative;width:min(100%,520px);justify-self:center}
.bogenbild .bild{border-radius:var(--bogen);overflow:hidden;aspect-ratio:3/4;background:var(--sand);box-shadow:0 50px 90px -50px rgba(70,35,20,.6);position:relative;z-index:1}
.bogenbild .bild img{width:100%;height:100%;object-fit:cover}
.bogenbild .rahmen{position:absolute;inset:-16px;border:1px solid var(--gold);border-radius:var(--bogen);z-index:0}
.bogenbild .bahn{position:absolute;left:50%;top:50%;width:150%;height:62%;transform:translate(-50%,-50%) rotate(-18deg);border:1px solid var(--gold);border-radius:50%;z-index:2;pointer-events:none;-webkit-mask:linear-gradient(90deg,#000 0 30%,transparent 30% 70%,#000 70%);mask:linear-gradient(90deg,#000 0 30%,transparent 30% 70%,#000 70%)}
.bogenbild .bahn.hinten{z-index:0;-webkit-mask:none;mask:none;opacity:.5}
.bogenbild .bahn-perle{position:absolute;z-index:3;right:-6%;top:22%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F8E9C4,#C9A55A 55%,#8F6E33);box-shadow:0 0 0 3px rgba(251,248,242,.9)}
.schlagwoerter{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 36px;font:500 14px/1.4 var(--sans);color:#5a4e48}
.schlagwoerter li{display:inline-flex;align-items:center;gap:10px}
.schlagwoerter .perle{--g:14px}
@media(max-width:920px){.hero-foto .wrap{grid-template-columns:1fr}.bogenbild{order:-1;width:min(74%,380px)}}

/* ---------- Hero Raum (Hintergrundbild + Text) ---------- */
.hero-raum{position:relative;min-height:min(88vh,880px);display:flex;align-items:center;overflow:hidden;color:var(--tinte);background:var(--raum)}
.hero-raum>.hg{position:absolute;inset:0;background:var(--hg) center/cover no-repeat}
.hero-raum>.hg.rechts{background-position:right center}
.hero-raum .wrap{position:relative;z-index:2;padding:clamp(70px,9vw,140px) 0}
.hero-raum .inhalt{max-width:600px}
.hero-raum h1{margin:22px 0 24px}
.hero-raum .lead{margin-bottom:34px}
.hero-raum.zentriert .inhalt{max-width:1000px;margin-inline:auto;text-align:center}
.hero-raum.zentriert .knopf-zeile{justify-content:center}
.hero-raum.hell h1{color:var(--bordeaux)}
.hero-raum.dunkel{color:#F3EADB}
.hero-raum.dunkel h1,.hero-raum.dunkel h2{color:#FBF4E8}
.hero-raum.dunkel .ober{color:var(--gold-hell)}
.hero-raum.dunkel .lead{color:#E9DECE}
.hero-raum.dunkel .ober.linien:before,.hero-raum.dunkel .ober.linien:after,.hero-raum.dunkel .ober.links:before{background:var(--gold-hell)}
.hero-raum .karte{background:rgba(251,248,242,.96);padding:clamp(40px,5vw,70px) clamp(30px,4.5vw,64px);max-width:560px;box-shadow:0 40px 90px -50px rgba(0,0,0,.6)}
.hero-raum .karte.bogenkarte{border-radius:280px 280px 6px 6px;text-align:center;padding-top:clamp(70px,7vw,110px)}
.hero-raum .karte.bogenkarte .knopf-zeile{justify-content:center}
.hero-raum .verlauf-links{position:absolute;inset:0;background:linear-gradient(90deg,var(--verlauf,rgba(246,240,230,.96)) 0%,var(--verlauf,rgba(246,240,230,.85)) 35%,transparent 70%);z-index:1}
.hero-raum .verlauf-dunkel{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,8,10,.85) 0%,rgba(20,8,10,.55) 45%,rgba(20,8,10,.1) 80%);z-index:1}
.hero-raum .eckdaten{display:flex;flex-wrap:wrap;gap:6px 22px;margin:-10px 0 32px;font:500 14px/1.5 var(--sans);color:inherit;opacity:.85}
.hero-raum .eckdaten li{display:inline-flex;align-items:center;gap:10px}
.hero-raum .eckdaten li+li:before{content:"·";margin-right:12px;opacity:.6}
@media(max-width:900px){.hero-raum{min-height:auto}.hero-raum .verlauf-links{background:linear-gradient(0deg,var(--verlauf,rgba(246,240,230,.97)) 0%,var(--verlauf,rgba(246,240,230,.9)) 55%,rgba(246,240,230,.35) 100%)}.hero-raum .verlauf-dunkel{background:linear-gradient(0deg,rgba(20,8,10,.9) 0%,rgba(20,8,10,.7) 60%,rgba(20,8,10,.35) 100%)}.hero-raum .wrap{padding-top:clamp(200px,48vw,320px)}.hero-raum.mit-karte .wrap{padding-top:clamp(160px,40vw,260px)}}

/* ---------- Geteilt: Text + Bild ---------- */
.geteilt{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,7vw,120px);align-items:center}
.geteilt.bild-links .medien{order:-1}
.geteilt .medien img{width:100%;border-radius:4px}
.geteilt .medien .bogen img{border-radius:var(--bogen);aspect-ratio:3/4;object-fit:cover}
.geteilt h2{margin:22px 0 26px}
.geteilt p+p{margin-top:16px}
.geteilt .kern{margin:34px 0}
@media(max-width:900px){.geteilt{grid-template-columns:1fr}.geteilt.bild-links .medien{order:0}}

/* Foto mit Verlauf ins Creme (s09) */
.foto-verlauf{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(78vh,760px);background:var(--creme);overflow:hidden}
.foto-verlauf .foto{position:relative;min-height:420px}
.foto-verlauf .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 30%)}
.foto-verlauf .foto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--creme) 100%)}
.foto-verlauf .text{padding:clamp(70px,8vw,120px) var(--rand) clamp(70px,8vw,120px) clamp(20px,3vw,40px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.foto-verlauf.rechts .foto{order:2}.foto-verlauf.rechts .foto:after{background:linear-gradient(-90deg,transparent 55%,var(--creme) 100%)}
.foto-verlauf h2{margin:22px 0 26px}
@media(max-width:900px){.foto-verlauf{grid-template-columns:1fr}.foto-verlauf.rechts .foto{order:0}.foto-verlauf .foto{min-height:64vw}.foto-verlauf .foto:after,.foto-verlauf.rechts .foto:after{background:linear-gradient(180deg,transparent 55%,var(--creme) 100%)}.foto-verlauf .text{padding-top:20px}}

/* ---------- Bögen mit Perlen (s04) ---------- */
.boegen{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,2vw,28px);align-items:start}
.boegen.vier{grid-template-columns:repeat(4,1fr)}.boegen.drei{grid-template-columns:repeat(3,1fr)}
.bogenkarte-k{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:clamp(40px,4vw,56px) 20px 34px;border:1px solid var(--gold);border-radius:200px 200px 6px 6px;background:rgba(251,248,242,.55);text-decoration:none;color:var(--text);transition:box-shadow .5s,background .5s,transform .5s var(--ease)}
.bogenkarte-k:hover,.bogenkarte-k.aktiv{background:#FFFBF2;box-shadow:0 0 0 1px var(--gold-hell),0 0 50px -6px rgba(214,178,106,.55);transform:translateY(-4px)}
.bogenkarte-k .perle{--g:64px}
.bogenkarte-k .satz{font:400 16.5px/1.6 var(--sans);color:var(--tinte);max-width:13em}
.bogenkarte-k .zier{margin:0}
.bogenkarte-k .zier:before,.bogenkarte-k .zier:after{width:34px}
.bogenkarte-k .raumname{font:500 21px/1.2 var(--serif);color:var(--bordeaux)}
.bogenkarte-k .klein{margin-top:-8px}
.bogenkarte-k .pfeil-link{margin-top:auto}
.bogen-unter{max-width:240px;margin:16px auto 0;padding:18px 16px;border:1px solid var(--gold);border-radius:6px;text-align:center;background:#FFFBF2;box-shadow:0 0 40px -10px rgba(214,178,106,.5)}
@media(max-width:1100px){.boegen{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.boegen,.boegen.vier,.boegen.drei{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.boegen,.boegen.vier,.boegen.drei{grid-template-columns:1fr}}

/* ---------- Textur-Karten (s07) ---------- */
.texkarten{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.texkarten.drei{grid-template-columns:repeat(3,1fr)}.texkarten.zwei{grid-template-columns:repeat(2,1fr)}
.texkarte{position:relative;display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--linie);border-top:4px solid var(--c,var(--gold));padding:8px 8px 34px;text-decoration:none;color:var(--text);transition:transform .5s var(--ease),box-shadow .5s}
.texkarte:hover{transform:translateY(-6px);box-shadow:0 34px 60px -40px rgba(60,30,20,.55)}
.texkarte .tex{aspect-ratio:4/2.9;background:var(--bild) center/cover;position:relative;overflow:hidden}
.texkarte .tex img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.texkarte:hover .tex img{transform:scale(1.05)}
.texkarte .medaillon{display:flex;align-items:center;justify-content:center;gap:14px;margin:-30px auto 0;position:relative;z-index:2}
.texkarte .medaillon:before,.texkarte .medaillon:after{content:"";width:62px;height:1px;background:var(--gold);margin-top:30px}
.texkarte .medaillon .perle{--g:56px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.texkarte .neu{position:absolute;top:22px;right:22px;z-index:3;width:46px;height:46px;border-radius:50%;background:var(--gold-tief);color:#fff;font:italic 500 16px/46px var(--serif);text-align:center}
.texkarte h3{text-align:center;margin:20px 16px 6px;font-size:clamp(24px,2vw,29px)}
.texkarte .datum{text-align:center;font:400 15.5px/1.5 var(--sans);color:var(--gold-text)}
.texkarte .satz{text-align:center;font-size:15px;margin:8px 18px 0;color:var(--text)}
.texkarte .strich{width:40px;height:1px;background:var(--gold);margin:18px auto}
.texkarte .links{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto}
@media(max-width:1100px){.texkarten{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.texkarten,.texkarten.drei,.texkarten.zwei{grid-template-columns:1fr}}

/* ---------- Terminliste (s08) ---------- */
.termine{border-top:1px solid var(--gold-hell)}
.termin{border-bottom:1px solid var(--gold-hell)}
.termin summary{list-style:none;display:grid;grid-template-columns:88px 1fr auto 26px;gap:22px;align-items:center;padding:22px 0;cursor:pointer}
.termin summary::-webkit-details-marker{display:none}
.termin .datum{text-align:center;border-right:1px solid var(--gold-hell);padding-right:18px}
.termin .datum b{display:block;font:500 46px/1 var(--serif);color:var(--gold-text)}
.termin .datum span{font:600 11.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-text)}
.termin h3{font-size:clamp(24px,2vw,29px);color:var(--tinte)}
.termin .ort{font:500 12.5px/1.4 var(--sans);letter-spacing:.16em;color:var(--leise);margin-top:6px;text-transform:none}
.termin .raum-label{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--leise);white-space:nowrap}
.termin .raum-label .perle{--g:22px}
.termin .chev{width:12px;height:12px;border-right:1.5px solid var(--gold-tief);border-bottom:1.5px solid var(--gold-tief);transform:rotate(45deg) translateY(-4px);transition:transform .35s;justify-self:center}
.termin[open] .chev{transform:rotate(225deg) translateY(-2px)}
.termin .mehr{padding:0 0 28px 110px;max-width:52em}
.termin .mehr p{margin-bottom:14px}
.termin .mehr .zeile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:10px}
.termin .preis{color:var(--gold-text);font-size:15px}
@media(max-width:700px){.termin summary{grid-template-columns:64px 1fr 22px;gap:14px}.termin .raum-label{display:none}.termin .datum b{font-size:36px}.termin .mehr{padding-left:0}}

/* ---------- Zitate (s08) ---------- */
.zitat-gross{position:relative;background:var(--bordeaux);color:#F4E8D6;padding:clamp(40px,4.5vw,64px) clamp(34px,4vw,60px);border:1px solid var(--gold-tief);box-shadow:0 30px 60px -40px rgba(60,20,20,.7);overflow:hidden}
.zitat-gross:after{content:"";position:absolute;right:28px;top:50%;width:80px;height:140px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 140'%3E%3Cg fill='none' stroke='%23C9AD7C' stroke-width='1'%3E%3Cpath d='M40 30 A40 40 0 0 1 40 110 A40 40 0 0 1 40 30'/%3E%3C/g%3E%3Cg fill='%23C9AD7C'%3E%3Ccircle cx='40' cy='8' r='2.5'/%3E%3Ccircle cx='40' cy='132' r='2.5'/%3E%3Cpath d='M40 52 L43 67 L58 70 L43 73 L40 88 L37 73 L22 70 L37 67Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
.zitat-gross blockquote{margin:0;font:italic 500 clamp(25px,2.4vw,34px)/1.35 var(--serif);max-width:20em;padding-right:80px}
.zitat-gross cite{display:block;margin-top:26px;font:600 12.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;font-style:normal;color:var(--gold-hell)}
.zitate{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.zitat-karte{border:1px solid var(--gold-hell);padding:30px 30px 24px;background:rgba(251,248,242,.6);display:flex;flex-direction:column;gap:18px}
.zitat-karte blockquote{margin:0;font:italic 500 21px/1.45 var(--serif);color:var(--tinte)}
.zitat-karte cite{font:600 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;font-style:normal;color:var(--gold-text);display:flex;align-items:center;gap:12px;margin-top:auto}
.zitat-karte cite:before{content:"";width:22px;height:1px;background:var(--gold)}
.zitat-karte cite span{letter-spacing:.1em;text-transform:none;color:var(--leise);font-weight:500}
@media(max-width:700px){.zitate{grid-template-columns:1fr}.zitat-gross blockquote{padding-right:0}.zitat-gross:after{display:none}}

/* Zwei Spalten mit Goldlinie (s08) */
.zweispaltig{display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(36px,5vw,80px)}
.zweispaltig>.linie{background:var(--gold-hell)}
.zweispaltig h2{font-size:clamp(36px,3.8vw,56px);margin:16px 0 10px}
.zweispaltig .unter{font:400 17px/1.5 var(--sans);color:var(--leise);margin-bottom:34px}
@media(max-width:1000px){.zweispaltig{grid-template-columns:1fr}.zweispaltig>.linie{display:none}}

/* ---------- Icon-Zeitleiste (s09) ---------- */
.zeitleiste{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:10px;position:relative;margin-top:44px}
.zeitleiste:before{content:"";position:absolute;left:10%;right:10%;top:34px;height:1px;background:var(--gold)}
.zeitleiste li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.zeitleiste .kreis{width:70px;height:70px;border-radius:50%;border:1px solid var(--gold);background:var(--creme);display:grid;place-items:center}
.zeitleiste .kreis .icon{--g:44px}
.zeitleiste b{font:500 19px/1.2 var(--serif);color:var(--tinte)}
.zeitleiste span{font-size:13px;color:var(--leise);line-height:1.4}
@media(max-width:700px){.zeitleiste{grid-template-columns:1fr 1fr;row-gap:30px}.zeitleiste:before{display:none}}

/* ---------- Werte-Leiste (FIDES unten) ---------- */
.werte{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid var(--gold-hell);border-bottom:1px solid var(--gold-hell)}
.werte li{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 10px;text-align:center;font:500 18px/1.2 var(--serif);color:var(--tinte)}
.werte li+li{border-left:1px solid var(--gold-hell)}
.werte .icon{--g:46px}
@media(max-width:700px){.werte li{flex:1 1 33%}.werte li+li{border-left:0}}

/* ---------- Band mit Goldwellen + Kuvert (s09) ---------- */
.band-gold{position:relative;background:var(--sand) var(--hg,none) center/cover no-repeat;overflow:hidden}
.band-gold .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,100px);align-items:center;padding:clamp(80px,9vw,130px) 0}
.podcast-karte{position:relative;background:rgba(251,248,242,.92);border:1px solid var(--gold-hell);padding:34px 36px;display:grid;grid-template-columns:1fr 46%;gap:20px;align-items:center;box-shadow:0 30px 60px -40px rgba(60,30,20,.45)}
.podcast-karte h3{font-size:34px;line-height:1.05;margin:10px 0 14px}
.podcast-karte .welle{height:22px;display:flex;gap:3px;align-items:center;margin:4px 0 14px}
.podcast-karte .welle i{width:2px;background:var(--gold-tief);border-radius:2px}
.podcast-karte img{width:100%}
@media(max-width:900px){.band-gold .wrap{grid-template-columns:1fr}.podcast-karte{grid-template-columns:1fr 38%}}

/* ---------- Abschluss mit Bergen (s09) ---------- */
.abschluss{position:relative;text-align:center;padding:clamp(100px,11vw,170px) 0 clamp(180px,22vw,320px);background:var(--creme) var(--hg,none) bottom center/100% auto no-repeat;overflow:hidden}
.abschluss h2{max-width:16em;margin:0 auto 34px}
.abschluss .knopf-zeile{justify-content:center}
.brief-feld{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:34px;flex-wrap:wrap}
.brief-feld form{display:flex;align-items:center;background:#fff;border:1px solid var(--gold);border-radius:999px;padding:5px 5px 5px 22px;width:min(100%,380px)}
.brief-feld input{flex:1;border:0;background:transparent;font:15px var(--sans);color:var(--tinte);padding:10px 0;min-width:0}
.brief-feld input:focus{outline:none}
.brief-feld button{width:42px;height:42px;border-radius:50%;border:0;background:var(--gold-tief);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:18px}
.brief-feld .label{font:italic 500 21px/1 var(--serif);color:var(--gold-text)}

/* ---------- FIDES-Block (s06) ---------- */
.fides-block{position:relative;background:#F3E9D4 var(--hg,none) center/cover no-repeat;overflow:hidden}
.fides-block .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center;padding:clamp(100px,11vw,170px) 0}
.fides-wort{text-align:center}
.fides-wort .zeichen{font:500 clamp(84px,10vw,148px)/.9 var(--kap);letter-spacing:.14em;padding-left:.14em;background:linear-gradient(120deg,#9C7738,#D9BB7C 30%,#B08542 50%,#E3C890 70%,#9C7738);-webkit-background-clip:text;background-clip:text;color:transparent}
.fides-wort .unter{font:500 clamp(15px,1.4vw,20px)/1 var(--kap);letter-spacing:.42em;color:var(--gold-text);margin-top:20px;padding-left:.42em}
.fides-wort .kern{margin-top:30px;color:#5a3a2c}
.fides-karte{background:rgba(251,248,242,.94);border:1px solid var(--gold);padding:clamp(34px,4vw,56px);box-shadow:0 40px 80px -50px rgba(90,60,20,.5)}
.fides-karte h3{font-size:clamp(28px,2.6vw,38px);color:#4a2a20;margin-bottom:26px}
.monate{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}
.monate li{position:relative;border:1px solid var(--gold-hell);border-radius:6px;padding:18px 6px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;font:500 21px/1 var(--serif);color:var(--tinte);background:rgba(255,255,255,.4)}
.monate li .icon{--g:30px}
.monate li.jetzt{border-color:var(--gold);background:#FFF6E2;box-shadow:0 0 0 1px var(--gold)}
.monate li.jetzt:before{content:attr(data-status);position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold-tief);color:#fff;font:600 11px/1 var(--sans);padding:5px 9px;border-radius:999px;white-space:nowrap}
.rhythmus li{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--gold-hell);font:500 19px/1.3 var(--serif);color:var(--tinte)}
.rhythmus li:last-child{border-bottom:0}
.rhythmus .kreis{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center}
.rhythmus .kreis .icon{--g:26px}
.fides-karte .knopf{width:100%;margin-top:28px}
.fides-karte .stimme{text-align:center;margin-top:24px;font:italic 500 21px/1.4 var(--serif);color:#4a2a20}
.fides-karte .stimme small{display:block;font:600 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;font-style:normal;color:var(--gold-text);margin-top:10px}
@media(max-width:960px){.fides-block .wrap{grid-template-columns:1fr}.monate{grid-template-columns:repeat(2,1fr)}}

/* ---------- miriversum (s05) ---------- */
.mv{position:relative;background:var(--creme) var(--hg,none) center/cover no-repeat;overflow:hidden}
.mv .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,4vw,60px);align-items:center;padding:clamp(100px,11vw,170px) 0}
.mv-wort{font:500 clamp(56px,6.4vw,100px)/.95 var(--serif);color:var(--bordeaux);letter-spacing:.01em;position:relative;display:inline-block;white-space:nowrap}
.mv-wort .ip{position:relative;display:inline-block}
.mv-wort .ip:before{content:"";position:absolute;left:50%;top:.2em;width:.14em;height:.14em;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#FBEFCF,#C9A55A 55%,#8F6E33);box-shadow:0 2px 6px rgba(140,100,40,.4)}
.mv-claim{font:500 clamp(28px,2.6vw,38px)/1.2 var(--serif);color:var(--bordeaux);margin:14px 0 22px}
.mv .strich{width:54px;height:1px;background:var(--gold);margin:28px 0}
.universum{position:relative;width:100%;aspect-ratio:1.3/1}
.universum svg.bahnen{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.universum .licht{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,236,180,.95) 0%,rgba(255,226,160,.5) 14%,rgba(255,236,200,.18) 40%,transparent 70%)}
.universum .licht:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 20px 8px rgba(255,236,170,.9)}
.universum ul{position:absolute;inset:0}
.universum li{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%)}
.universum a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--c,var(--bordeaux));font:500 17px/1.15 var(--serif);text-align:center;white-space:nowrap;transition:transform .45s var(--ease)}
.universum a .perle{--g:var(--gr,58px);transition:transform .45s var(--ease),filter .45s;filter:drop-shadow(0 10px 12px rgba(60,30,10,.25))}
.universum a:hover .perle{transform:scale(1.15);filter:drop-shadow(0 0 18px rgba(214,178,106,.8))}
.universum a.unten{flex-direction:column-reverse}
.universum.js-bewegt li{transition:none}
@media(max-width:1000px){.mv .wrap{grid-template-columns:1fr}.universum{aspect-ratio:1/1.05}.universum a{font-size:14.5px}.universum a .perle{--g:calc(var(--gr,58px)*.75)}}

/* ---------- Preis-/Info-Karten ---------- */
.karten{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:20px}
.karte-i{background:var(--papier);border:1px solid var(--linie);padding:34px 30px;display:flex;flex-direction:column;gap:12px}
.karte-i.hervor{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 30px 60px -40px rgba(140,100,40,.5);position:relative}
.karte-i.hervor:before{content:attr(data-marke);position:absolute;top:-12px;left:30px;background:var(--gold-tief);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.karte-i h3{font-size:28px}
.karte-i .preis{font:500 40px/1 var(--serif);color:var(--bordeaux);margin:6px 0}
.karte-i .preis small{font:400 15px var(--sans);color:var(--leise)}
.karte-i ul li{padding:8px 0;border-bottom:1px solid var(--linie);font-size:15px;display:flex;gap:12px}
.karte-i ul li:before{content:"";flex:none;width:7px;height:7px;margin-top:9px;background:var(--gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.karte-i .knopf{margin-top:auto}
@media(max-width:1000px){.karten{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.karten{grid-template-columns:1fr}}

/* Punkte-Liste mit Stern */
.punkte{display:grid;grid-template-columns:repeat(var(--n,2),1fr);gap:26px 40px}
.punkte li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.punkte .icon{--g:52px}
.punkte b{display:block;font:500 23px/1.2 var(--serif);color:var(--tinte);margin-bottom:6px}
.punkte p{font-size:15.5px}
@media(max-width:800px){.punkte{grid-template-columns:1fr}}

/* Ablauf in Schritten */
.schritte{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:24px;counter-reset:s;list-style:none;padding:0;margin:0}
.schritte li{position:relative;padding-top:64px;counter-increment:s}
.schritte li:before{content:counter(s,decimal-leading-zero);position:absolute;top:0;left:0;font:500 46px/1 var(--serif);color:var(--gold)}
.schritte li:after{content:"";position:absolute;top:22px;left:66px;right:0;height:1px;background:var(--gold-hell)}
.schritte b{display:block;font:500 23px/1.2 var(--serif);color:var(--tinte);margin-bottom:8px}
@media(max-width:900px){.schritte{grid-template-columns:1fr 1fr}}@media(max-width:560px){.schritte{grid-template-columns:1fr}}

/* Fragen */
.fragen details{border-bottom:1px solid var(--gold-hell)}
.fragen details:first-child{border-top:1px solid var(--gold-hell)}
.fragen summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;font:500 23px/1.3 var(--serif);color:var(--tinte)}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary:after{content:"+";font:300 30px/1 var(--sans);color:var(--gold-tief);transition:transform .35s}
.fragen details[open] summary:after{transform:rotate(45deg)}
.fragen details>div{padding:0 0 26px;max-width:52em}

/* Bildergalerie */
.galerie{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.galerie figure{margin:0;overflow:hidden;border-radius:4px}
.galerie figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.galerie figure:hover img{transform:scale(1.04)}
.galerie .g1{grid-column:span 5;aspect-ratio:4/5}.galerie .g2{grid-column:span 7;aspect-ratio:7/5}.galerie .g3{grid-column:span 4;aspect-ratio:1}.galerie .g4{grid-column:span 4;aspect-ratio:3/4;border-radius:var(--bogen)}
@media(max-width:700px){.galerie{grid-template-columns:1fr 1fr}.galerie figure{grid-column:span 1!important;aspect-ratio:3/4!important}}

/* Stimmen-Reihe */
.stimmen-reihe{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:20px}
@media(max-width:900px){.stimmen-reihe{grid-template-columns:1fr}}

/* Video */
.video{position:relative;border-radius:var(--bogen);overflow:hidden;aspect-ratio:3/4;background:#1d1716;box-shadow:0 50px 90px -50px rgba(70,35,20,.6)}
.video video,.video .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video .poster{transition:opacity .6s}
.video.spielt .poster,.video.spielt .play{opacity:0;pointer-events:none}
.video .play{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;background:none;border:0;cursor:pointer;color:#fff;font:italic 500 22px/1 var(--serif);text-shadow:0 2px 14px rgba(0,0,0,.4);transition:opacity .5s}
.video .play i{width:64px;height:64px;border-radius:50%;border:1.5px solid var(--gold-hell);background:rgba(0,0,0,.18);position:relative;backdrop-filter:blur(4px);transition:transform .35s var(--ease)}
.video .play:hover i{transform:scale(1.08)}
.video .play i:after{content:"";position:absolute;left:25px;top:20px;border-left:17px solid var(--gold-hell);border-top:12px solid transparent;border-bottom:12px solid transparent}

/* Formular */
.formular{display:grid;gap:14px}
.formular .zwei{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formular label{display:flex;flex-direction:column;gap:6px;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.formular input,.formular textarea,.formular select{font:16px var(--sans);padding:15px 16px;border:1px solid var(--linie);border-radius:6px;background:#fff;color:var(--tinte);text-transform:none;letter-spacing:0}
.formular textarea{min-height:140px;resize:vertical}
.formular input:focus,.formular textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
@media(max-width:600px){.formular .zwei{grid-template-columns:1fr}}

/* Rechtstexte */
.rechtstext{font-size:15.5px;line-height:1.75}
.rechtstext h2{font-size:clamp(28px,3vw,38px);margin:48px 0 14px}
.rechtstext h3{font-size:24px;margin:30px 0 10px}
.rechtstext p,.rechtstext ul,.rechtstext ol{margin:0 0 14px}
.rechtstext ul{list-style:disc;padding-left:22px}
.rechtstext ol{padding-left:22px}
.rechtstext a{color:var(--bordeaux)}

/* Fusszeile */
.fuss{position:relative;background:var(--creme);padding:clamp(90px,10vw,140px) 0 34px;border-top:1px solid var(--linie)}
.fuss-marke{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:60px}
.fuss-marke img{width:200px}
.fuss-marke .mv-mini{font:500 30px/1 var(--serif);color:var(--bordeaux);margin-top:12px}
.fuss-marke .claim{font:italic 500 19px/1.3 var(--serif);color:var(--gold-text)}
.fuss-raster{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;border-top:1px solid var(--gold-hell);padding-top:50px}
.fuss h4{font:600 13px/1.2 var(--kap);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-text);margin-bottom:16px}
.fuss ul{display:flex;flex-direction:column;gap:9px}
.fuss a{text-decoration:none;color:var(--text);font-size:15px}
.fuss a:hover{color:var(--bordeaux)}
.fuss-unten{margin-top:60px;padding-top:24px;border-top:1px solid var(--gold-hell);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 26px;font-size:13px;color:var(--leise)}
.fuss-unten nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.fuss-raster>div{min-width:0}.fuss a{overflow-wrap:break-word}
@media(max-width:1000px){.fuss-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tür-Übergang */
.tor{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#4A1A22,#1C0A0E);opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.tor.da{opacity:1;visibility:visible}
.tor .tuer{position:relative;height:min(78vh,700px,(100vw - 40px)*1.53);aspect-ratio:719/1100;perspective:1500px}
.tor .innen{position:absolute;inset:1.5% 2.5% 0;border-radius:var(--bogen);overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#fff 0%,var(--c,#C9A55A) 60%)}
.tor .innen:before{content:"";position:absolute;inset:0;background:var(--tex,none) center/cover;opacity:.9}
.tor .innen b{position:absolute;left:0;right:0;bottom:16%;text-align:center;font:500 clamp(26px,3.4vh,38px)/1.1 var(--serif);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4);opacity:0;transition:opacity .8s 1.1s}
.tor.offen .innen b{opacity:1}
.tor .fl{position:absolute;top:0;height:100%;width:50%;transition:transform 1.7s cubic-bezier(.65,0,.25,1);filter:drop-shadow(0 30px 40px rgba(30,10,10,.35))}
.tor .fl.l{left:0;transform-origin:0 50%}.tor .fl.r{right:0;transform-origin:100% 50%}
.tor.offen .fl.l{transform:rotateY(-74deg)}.tor.offen .fl.r{transform:rotateY(74deg)}

/* Einblenden (Progressive Enhancement) */
.js [data-zeigen]{opacity:0;transform:translateY(24px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js [data-zeigen].da{opacity:1;transform:none}
.js [data-zeigen="2"]{transition-delay:.12s}.js [data-zeigen="3"]{transition-delay:.24s}.js [data-zeigen="4"]{transition-delay:.36s}.js [data-zeigen="5"]{transition-delay:.48s}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js [data-zeigen]{opacity:1;transform:none}}
.entwurf-marke{position:fixed;left:14px;bottom:14px;z-index:40;font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);background:rgba(251,248,242,.92);border:1px solid var(--linie);border-radius:999px;padding:8px 12px}
@media(max-width:760px){.entwurf-marke{display:none}}

/* =====================================================================
   Design V2 · 27.10.2026 · clean wie Apple, ohne KI-Merkmale, schneller
   Systemschrift (auf Apple-Geräten SF Pro), Serifen nur für Wortmarken.
   ===================================================================== */
body{font:400 17px/1.6 var(--sans);letter-spacing:-.011em;color:#3d3534}
h1,h2,h3,h4{font-family:var(--anzeige);font-weight:600;color:var(--tinte);letter-spacing:-.024em;line-height:1.08}
h1{font-size:clamp(40px,5.4vw,76px);letter-spacing:-.032em;line-height:1.04}
h2{font-size:clamp(32px,3.9vw,54px);letter-spacing:-.028em}
h3{font-size:clamp(21px,1.75vw,26px);letter-spacing:-.017em;line-height:1.22}
h4{font-size:19px;letter-spacing:-.012em}
h1 em,h2 em,h3 em{font-style:normal;color:var(--bordeaux)}
.lead{font-size:clamp(19px,1.45vw,22px);line-height:1.5;letter-spacing:-.016em;color:#4a4140}
.ober{display:block;font:600 16px/1.35 var(--sans);letter-spacing:-.01em;text-transform:none;color:var(--ober,var(--bordeaux));margin-bottom:14px}
.ober:before,.ober:after,.ober.linien:before,.ober.linien:after,.ober.links:before,.ober.links:after{display:none!important;content:none!important}
.kern{font:600 clamp(21px,1.9vw,27px)/1.34 var(--anzeige);font-style:normal;letter-spacing:-.018em;color:var(--bordeaux)}
.kap{font-family:var(--sans);letter-spacing:0;font-weight:600}
.zier,.stern,.bogenbild .bahn,.bogenbild .bahn-perle,.entwurf-marke{display:none!important}
.klein{font-size:14.5px}
::selection{background:#ead9b7}

/* Knöpfe und Links: ruhig, ohne Pfeile und Schatten */
.knopf{font:500 16px/1 var(--sans);letter-spacing:-.01em;padding:16px 26px;box-shadow:none}
.knopf:hover{transform:none;box-shadow:none;background:#6c2634}
.knopf:after{display:none}
.knopf.gold{box-shadow:none}
.knopf.gold:hover{filter:brightness(1.04)}
.knopf.umriss{border-color:currentColor}
.knopf.hell:hover{background:#fff;opacity:.92}
.knopf.raum:hover{filter:brightness(1.12);background:var(--raum)}
.knopf.klein{padding:11px 18px;font-size:14.5px}
.pfeil-link,.textlink{font:500 16px/1.3 var(--sans);color:var(--bordeaux);border:0;padding:0;text-decoration:none;gap:2px}
.pfeil-link:before{content:none}
.pfeil-link span{border:0;padding:0}
.pfeil-link:after,.textlink:after{content:"›";font-size:1.3em;line-height:0;margin-left:3px;transition:transform .3s var(--ease)}
.pfeil-link:hover,.textlink:hover{color:var(--bordeaux);text-decoration:underline;text-underline-offset:3px}
.hinweis{font-size:14.5px}

/* Zitate, Karten, Fusszeile ohne Kursiv und Sperrschrift */
.zitat-gross blockquote{font:500 clamp(24px,2.2vw,32px)/1.36 var(--anzeige);font-style:normal;letter-spacing:-.02em}
.zitat-karte blockquote{font:400 17.5px/1.55 var(--sans);font-style:normal;letter-spacing:-.01em}
.zitat-gross cite,.zitat-karte cite,.fides-karte .stimme small{font:600 14px/1.3 var(--sans);letter-spacing:0;text-transform:none}
.fides-karte .stimme{font:400 17px/1.5 var(--sans);font-style:normal}
.fuss-marke .claim{font:400 15px/1.4 var(--sans);font-style:normal;color:var(--leise)}
.brief-feld .label{font:600 16px/1.2 var(--sans);font-style:normal}
.texkarte .neu{font:600 12px/46px var(--sans);font-style:normal}
.termin .datum span{letter-spacing:.06em}
.fuss h4{font:600 13.5px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--tinte)}
.fides-wort .zeichen{font-family:var(--marke-kap);font-weight:600}
.fides-wort .unter{font:600 clamp(12px,1vw,14px)/1 var(--sans);letter-spacing:.34em;text-transform:uppercase}
.mv-wort,.fuss-marke .mv-mini{font-family:var(--marke);font-weight:500}
.mv-claim{font:600 clamp(22px,2vw,28px)/1.25 var(--anzeige);letter-spacing:-.02em}
.mv .strich{display:none}

/* Der erste Abschnitt erscheint sofort (schnelleres Laden, kein Aufblenden) */
main>section:first-of-type [data-zeigen],.js main>section:first-of-type [data-zeigen]{opacity:1!important;transform:none!important;transition:none!important}

/* ---------- Kopf V2: eine Zeile wie bei Apple, Mega-Menü ---------- */
.leiste{font-size:13px;padding:8px var(--rand)}
.kopf{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.84);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(43,37,38,.07)}
.kopf-zeile{display:flex;align-items:center;gap:clamp(16px,2vw,34px);height:68px}
.kopf .marke{flex-direction:row;align-items:center;gap:12px;margin-right:auto}
.kopf .marke img,.kopf.klein .marke img{height:34px}
.marke-text{display:flex;flex-direction:column;gap:5px}
.marke-name{font:600 15px/1 var(--marke-kap);letter-spacing:.2em;padding-left:0;color:var(--bordeaux)}
.marke-sub{font:600 8.5px/1 var(--sans);letter-spacing:.44em;padding-left:0;color:var(--gold-text)}
.marke-sub:before,.marke-sub:after{display:none}
.kopf-nav{border:0;position:static}
.kopf-nav ul{display:flex;gap:clamp(14px,1.6vw,28px)}
.kopf-nav a{padding:25px 0;font:400 14px/1 var(--sans);letter-spacing:-.005em;text-transform:none;color:#3d3534}
.kopf-nav a:after{display:none}
.kopf-nav a:hover,.kopf-nav a[aria-current],.kopf-nav li.offen>a{color:var(--bordeaux)}
.kopf-knopf{padding:10px 18px;font-size:14px}
.menu-knopf{display:none}
.mega{position:absolute;left:0;right:0;top:100%;background:rgba(251,248,242,.97);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(43,37,38,.08);box-shadow:0 40px 60px -50px rgba(40,25,20,.45);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s}
.mega.offen{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.mega-raster{display:grid;grid-template-columns:1.15fr 1fr minmax(300px,1fr);gap:clamp(28px,4vw,72px);padding:36px 0 44px}
.mega-titel{font-size:12.5px;font-weight:600;color:var(--leise);margin-bottom:12px}
.mega .gross a{display:block;font:600 22px/1.2 var(--anzeige);letter-spacing:-.022em;color:var(--tinte);text-decoration:none;padding:6px 0}
.mega-spalte:not(.gross) a{display:block;font-size:14.5px;color:#4a4140;text-decoration:none;padding:6px 0}
.mega-spalte a:hover{color:var(--bordeaux)}
.mega-karte{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;align-self:start;background:#fff;border-radius:22px;padding:14px;text-decoration:none;color:inherit;box-shadow:0 24px 44px -34px rgba(40,25,20,.5);transition:transform .35s var(--ease)}
.mega-karte:hover{transform:translateY(-2px)}
.mega-karte img{width:112px;height:140px;object-fit:cover;border-radius:56px 56px 12px 12px;background:var(--sand)}
.mega-karte b{display:block;font:600 18px/1.25 var(--anzeige);letter-spacing:-.016em;color:var(--tinte);margin-bottom:6px}
.mega-karte>span>span{display:block;font-size:14px;color:var(--leise);line-height:1.45}
.mega-karte .knopf,.mega-karte .pfeil-link{margin-top:12px;display:inline-flex}
@media(max-width:1180px){.kopf-nav,.kopf-knopf,.mega{display:none}.menu-knopf{display:inline-flex}}
@media(max-width:420px){.kopf-zeile{height:60px;gap:10px}.kopf .marke img{height:30px}}
.kopf-schlank{position:relative}
.kopf-schlank .pfeil-link{font-size:14.5px}
.fuss-schlank{padding:28px 0;background:transparent;border-top:1px solid var(--linie)}
.fuss-schlank .fuss-unten{margin:0;padding:0;border:0}

/* Handy-Menü mit Gruppen */
.menue a.menue-einfach,.menue summary{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--linie);font:600 22px/1.2 var(--anzeige);letter-spacing:-.022em;color:var(--tinte);text-decoration:none;cursor:pointer;list-style:none}
.menue summary::-webkit-details-marker{display:none}
.menue summary:after{content:"+";font-weight:300;font-size:26px;color:var(--gold-tief);transition:transform .3s var(--ease)}
.menue details[open] summary:after{transform:rotate(45deg)}
.menue details{border:0}
.menue details>a{display:block;padding:9px 0 9px 2px;font-size:17px;color:#4a4140;text-decoration:none}
.menue .menue-titel{font-size:12.5px;font-weight:600;color:var(--leise);margin:16px 0 4px}
.menue details[open]{padding-bottom:14px;border-bottom:1px solid var(--linie)}
.menue details[open] summary{border-bottom:0}
.menue>.knopf{margin-top:28px;width:100%}

/* Lokale Navigation für Landingpages (wie Apple-Produktseiten) */
body.mit-lokal .kopf{position:relative}
.lokal-nav{position:sticky;top:0;z-index:45;background:rgba(251,248,242,.84);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(43,37,38,.08)}
.lokal-nav .wrap{display:flex;align-items:center;gap:22px;height:54px}
.lokal-titel{font:600 19px/1 var(--anzeige);letter-spacing:-.022em;color:var(--tinte);text-decoration:none;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lokal-nav ul{display:flex;gap:22px}
.lokal-nav ul a{font-size:13.5px;color:#4a4140;text-decoration:none;white-space:nowrap}
.lokal-nav ul a:hover,.lokal-nav ul a.aktiv{color:var(--bordeaux)}
.lokal-nav .knopf{padding:8px 15px;font-size:13.5px;flex:none}
[id]{scroll-margin-top:70px}
@media(max-width:960px){.lokal-nav ul{display:none}.lokal-titel{font-size:16px}}

/* ---------- Überleitungen und Farbspiel ---------- */
.ton-hell{--grund:var(--papier);background:var(--grund)}
.ton-creme{--grund:var(--creme);background:var(--grund)}
.ton-sand{--grund:var(--sand);background:var(--grund)}
.ton-raum{--grund:color-mix(in srgb,var(--raum) 8%,var(--papier));background:var(--grund)}
.ton-raum-tief{--grund:var(--raum);background:var(--grund);color:rgba(255,250,242,.88)}
.ton-bordeaux{--grund:var(--bordeaux);background:var(--grund);color:rgba(255,250,242,.88)}
.ton-nacht{--grund:#1d1517;background:var(--grund);color:rgba(255,250,242,.85)}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) :is(h1,h2,h3,h4,.kern){color:#fff}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .ober{color:var(--gold-hell)}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .lead,:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) p{color:rgba(255,250,242,.86)}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) :is(.pfeil-link,.textlink){color:var(--gold-hell)}
.ueber-bogen{position:relative;overflow:visible!important;overflow-x:clip!important}
.ueber-bogen:before{content:"";position:absolute;left:-6%;right:-6%;top:calc(-1 * var(--bogen-h,clamp(46px,6.5vw,110px)) + 1px);height:var(--bogen-h,clamp(46px,6.5vw,110px));background:var(--grund,var(--papier));border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none;z-index:1}
.ueber-verlauf{position:relative}
.ueber-verlauf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(80px,11vw,170px);background:linear-gradient(to bottom,transparent,var(--naechste,var(--creme)));pointer-events:none;z-index:1}
.ueber-verlauf>:is(.wrap,.schmal){position:relative;z-index:2}
.ueberlappt{position:relative;z-index:3;margin-top:calc(-1 * var(--ueber,clamp(60px,8vw,120px)))}
.bild-band{position:relative;height:min(78vh,760px);min-height:360px;overflow:hidden;background:var(--sand)}
.bild-band>img,.bild-band>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bild-band-text{position:absolute;left:0;right:0;bottom:0;padding:clamp(40px,6vw,90px) 0 clamp(36px,5vw,70px);background:linear-gradient(to top,rgba(24,14,14,.6),rgba(24,14,14,0));color:#fff;z-index:2}
.bild-band-text :is(h2,h3,p,.lead){color:#fff}
.fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:clamp(22px,3vw,44px);padding:0;margin:0;list-style:none}
.fakten li b,.fakten li strong{display:block;font:600 clamp(32px,3.4vw,50px)/1.02 var(--anzeige);letter-spacing:-.035em;color:var(--tinte)}
.fakten li span{display:block;margin-top:10px;font-size:15px;color:var(--leise);line-height:1.45}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .fakten li b{color:#fff}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .fakten li span{color:rgba(255,250,242,.7)}
.kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.3vw,20px)}
.kachel{position:relative;border-radius:28px;overflow:hidden;background:var(--k,var(--papier));min-height:clamp(300px,30vw,440px);padding:clamp(24px,2.6vw,40px);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;text-decoration:none;color:inherit;isolation:isolate;transition:transform .5s var(--ease)}
.kachel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
a.kachel:hover>img{transform:scale(1.035)}
.kachel.breit{grid-column:span 2}
.kachel.hoch{grid-row:span 2}
.kachel.dunkel{color:#fff}
.kachel.dunkel:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,12,12,.62),rgba(20,12,12,0) 62%);z-index:-1}
.kachel.dunkel :is(h3,h4,p,.ober){color:#fff}
@media(max-width:900px){.kacheln{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kacheln{grid-template-columns:1fr}.kachel.breit{grid-column:auto}.kachel.hoch{grid-row:auto}}
.schritte{list-style:none;padding:0;margin:0}

/* ---------- miriversum-Universum: kleiner, ruhiger, ohne Dauerrechnung ---------- */
.mv .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px)}
.universum{max-width:560px;width:100%;margin-inline:auto;aspect-ratio:1.18/1}
.universum a{font:500 14.5px/1.2 var(--sans);letter-spacing:-.01em}
.universum a .perle{--g:calc(var(--gr,58px)*.78)}
.universum li>a{animation:mv-schweben 6s ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -1.1s)}
.universum.ruht li>a{animation-play-state:paused}
@keyframes mv-schweben{from{transform:translateY(-5px)}to{transform:translateY(5px)}}
@media(max-width:1000px){.mv .wrap{grid-template-columns:1fr}.universum{max-width:460px;aspect-ratio:1/1}.universum a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.universum li>a{animation:none}}

/* ---------- Alles rund, mehr Kontrast (Noel, 27.10. vormittags) ---------- */
:root{--rund:26px;--rund-klein:16px;--bogen:50% 50% 22px 22px/34% 34% 22px 22px;--tinte:#221b1c;--text:#2f2827;--leise:#66574f;--gold-text:#7A5C2E;--creme:#F4ECDF;--papier:#FBF7F0}
body{color:var(--text)}
.lead{color:#3a3130}
main :is(.karte-i,.texkarte,.zitat-karte,.zitat-gross,.fides-karte,.podcast-karte,.formular,form,.termin,.raumkarte,.eckdaten-karte,.galerie figure,.preiskarte,.preis-karte,.karte,.kasten,.box,.einladung,.ticket,.mega-karte,dl){border-radius:var(--rund)}
main .texkarte .tex,main .texkarte>img:first-child{border-radius:var(--rund) var(--rund) 0 0;overflow:hidden}
main :where(img:not([src$=".png"]):not(.frei)){border-radius:var(--rund)}
main :where(.bild-band,.foto-verlauf,.hero-raum,.kachel,.mv,.bogen-bild,.bogenbild,.bogen,.rund-0) img,main :where(.hero-raum>img,img.hg){border-radius:0}
main :is(input,textarea,select){border-radius:14px}
.mega{background:var(--papier)}
.mega-karte>span>span.knopf{color:#fff;font-size:14px}
.mega-karte>span>span.pfeil-link{color:var(--bordeaux);font-size:15px}
@media(max-width:420px){.marke-name{font-size:12px;letter-spacing:.14em}.marke-sub{font-size:7.5px;letter-spacing:.32em}.kopf .marke{gap:9px}}
@media(max-width:360px){.marke-name{font-size:11px;letter-spacing:.11em}}
@media(max-width:600px){.universum{aspect-ratio:1/1.14;margin-top:26px}.universum a{font-size:11.5px;gap:4px}.universum a .perle{--g:calc(var(--gr,58px)*.6)}}
.kachel.dunkel :is(.pfeil-link,.textlink,a:not(.knopf)){color:#fff}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .kachel:not(.dunkel) :is(h3,h4){color:var(--tinte)}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .kachel:not(.dunkel) p{color:var(--text)}
/* Tempo: Abschnitte unterhalb des ersten Bildschirms erst rendern, wenn sie in die Nähe kommen.
   Dadurch laden auch ihre Hintergrundbilder, Perlen und Icons erst dann. Bögen und Überlappungen ragen über ihre Kante und bleiben ausgenommen. */
main>section:nth-of-type(n+3):not(.ueber-bogen):not(:has(.ueberlappt)):not(.mv){content-visibility:auto;contain-intrinsic-size:auto 900px}
/* Abschnitts-Hintergründe (--hg) unterhalb des ersten Bildschirms erst kurz vor dem Hinscrollen laden (site.js setzt .nah) */
.js main>section:not(:first-of-type)[style*="--hg"]:not(.nah),.js main>section:not(:first-of-type) [style*="--hg"]:not(.nah){background-image:none!important}


/* =====================================================================
   Design V3 · 27.10.2026 mittags · Schrift und Grundfarben wie Miriams heutige Website
   Überschriften TAN Mon Cheri (ihre Schrift), Text Open Sans in warmem Braun, Bordeaux #6D1F22,
   Gold-Verlauf #B38A11 → #F1CB5F, keine Bögen als Übergang, ruhigere Abstände.
   ===================================================================== */
:root{
  --anzeige:"TAN Mon Cheri","Cormorant Garamond",Georgia,serif;--serif:var(--anzeige);
  --sans:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --bordeaux:#6D1F22;--bordeaux-tief:#4B1418;--tinte:#6D1F22;--text:#5E463D;--leise:#8B7064;
  --gold-tief:#B38A11;--gold:#D4B03D;--gold-hell:#EBD9A6;--gold-text:#9A7410;--goldverlauf:linear-gradient(45deg,#B38A11,#D4B03D 55%,#F1CB5F);
  --creme:#F7F0E6;--papier:#FDF9F3;--sand:#F0E5D6;--linie:#E7D8C2;
  --ab:clamp(70px,7.5vw,116px);
}
body{font:400 16.5px/1.75 var(--sans);letter-spacing:0;color:var(--text);background:var(--creme)}
h1,h2,h3{font-family:var(--anzeige);font-weight:400;color:var(--tinte);letter-spacing:0;line-height:1.08}
h1{font-size:clamp(44px,5.4vw,82px);letter-spacing:-.005em;line-height:1.04}
h2{font-size:clamp(34px,3.7vw,56px)}
h3{font-size:clamp(23px,1.9vw,29px);line-height:1.18}
h4{font:600 18px/1.35 var(--sans);color:var(--tinte)}
h1 em,h2 em,h3 em{font-style:normal;color:var(--gold-tief)}
.lead{font:400 clamp(17.5px,1.3vw,20px)/1.7 var(--sans);letter-spacing:0;color:var(--text)}
.ober{font:600 12.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);margin-bottom:16px}
.kern{font:400 clamp(24px,2.2vw,32px)/1.3 var(--anzeige);letter-spacing:0;color:var(--bordeaux)}
.knopf{font:600 15.5px/1 var(--sans);letter-spacing:.01em;padding:16px 28px;background:var(--bordeaux)}
.knopf:hover{background:#82292d}
.knopf.gold{background:var(--goldverlauf);color:var(--bordeaux);font-weight:700}
.knopf.gold:hover{background:linear-gradient(45deg,#F1CB5F,#D4B03D 45%,#B38A11)}
.knopf.klein{padding:12px 20px;font-size:14px}
.pfeil-link,.textlink{font:600 15px/1.3 var(--sans);color:var(--bordeaux)}
.zitat-gross blockquote{font:400 clamp(24px,2.1vw,31px)/1.38 var(--anzeige);letter-spacing:0}
.zitat-karte blockquote{font:400 16.5px/1.65 var(--sans);font-style:italic}
.zitat-gross cite,.zitat-karte cite,.fides-karte .stimme small{font:600 13px/1.3 var(--sans);letter-spacing:.06em;text-transform:none;color:var(--gold-text)}
.fuss h4{font:400 20px/1.2 var(--anzeige);color:var(--bordeaux)}
.mv-claim{font:400 clamp(24px,2.2vw,32px)/1.25 var(--anzeige);color:var(--bordeaux)}
.fakten li b,.fakten li strong{font:400 clamp(30px,3vw,44px)/1.05 var(--anzeige);letter-spacing:0;color:var(--bordeaux)}
.mega .gross a{font:400 23px/1.25 var(--anzeige);letter-spacing:0;color:var(--bordeaux)}
.mega-karte b{font:400 20px/1.25 var(--anzeige);letter-spacing:0;color:var(--bordeaux)}
.menue a.menue-einfach,.menue summary{font:400 24px/1.2 var(--anzeige);letter-spacing:0;color:var(--bordeaux)}
.lokal-titel{font:400 21px/1 var(--anzeige);letter-spacing:0;color:var(--bordeaux)}
.kopf-nav a{font:400 17px/1 var(--anzeige);color:var(--bordeaux);letter-spacing:0}
.kopf-nav a:hover,.kopf-nav a[aria-current],.kopf-nav li.offen>a{color:var(--gold-tief)}
.kopf{background:rgba(253,249,243,.9)}
.leiste{background:var(--bordeaux)}
/* Keine Bögen als Übergang mehr (Noel), dafür ruhige Kanten und einheitliche Abstände */
.ueber-bogen:before{display:none!important}
.abschnitt{padding:var(--ab) 0}
.abschnitt.eng{padding:clamp(56px,6vw,90px) 0}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) :is(h1,h2,h3,h4,.kern){color:#FBF3E6}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .ober{color:#E9CF8A}
.ton-bordeaux{--grund:var(--bordeaux)}
.kopf-nav ul{gap:clamp(12px,1.25vw,22px)}
.kopf-nav a{font-size:16px}
.kopf-zeile{gap:clamp(14px,1.6vw,28px)}
@media(max-width:1320px){.kopf-nav,.kopf-knopf,.mega{display:none}.menu-knopf{display:inline-flex}}
.kopf .marke{flex:none}
.kopf-nav{margin-left:auto}
.kopf-knopf{white-space:nowrap;flex:none}
/* Universum: Namen erst beim Drüberfahren (Geräte mit Maus), in der Mitte ein ruhiger Hinweis */
.universum:after{content:"Entdecke das Miriversum";position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 38px));font:400 20px/1.2 var(--anzeige);color:var(--bordeaux);white-space:nowrap;pointer-events:none;transition:opacity .35s}
@media(hover:hover){
  .universum a>span:not(.perle){opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;background:rgba(253,249,243,.94);padding:5px 12px;border-radius:999px;box-shadow:0 10px 24px -14px rgba(60,30,20,.45)}
  .universum li:hover a>span:not(.perle),.universum a:focus-visible>span:not(.perle){opacity:1;transform:none}
  .universum:has(li:hover):after{opacity:0}
}
.universum a{font:400 17px/1.2 var(--anzeige);color:var(--bordeaux)}
/* V3 Schlussabschnitt: das Bergbild blendet weich ein, kein Farbband und keine Kante mehr */
.abschluss{background:var(--papier)}
.abschluss:before{content:"";position:absolute;left:0;right:0;bottom:0;height:min(52vw,760px);background:var(--hg,none) bottom center/cover no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 62%);mask-image:linear-gradient(transparent,#000 62%);pointer-events:none}
.abschluss>*{position:relative}
.js main>section.abschluss:not(.nah):before{background-image:none}
.abschluss{padding-top:clamp(48px,5vw,80px)}
/* lange Fragen in der Leseschrift, die Anzeigeschrift bleibt den Überschriften */
.fragen summary{font:600 18px/1.45 var(--sans);color:var(--tinte);padding:22px 0}
/* V3 ohne Kuppeln: Bögen werden zu ruhigen runden Ecken */
:root{--bogen:var(--rund)}
.bogenkarte,.bogenkarte-k{border-radius:var(--rund)}
.mega-karte img{border-radius:var(--rund-klein)}
/* lange Wörter in Überschriften dürfen umbrechen statt aus dem Bild zu laufen */
main :is(h1,h2,h3){overflow-wrap:break-word}
/* «Entdecke meine Welt» liegt über den Perlen und bleibt lesbar */
.universum:after{z-index:6;background:rgba(253,249,243,.88);padding:6px 16px;border-radius:999px;box-shadow:0 10px 30px -16px rgba(60,30,20,.4)}
@media(max-width:600px){.universum:after{font-size:17px;transform:translate(-50%,calc(-50% + 30px))}}
.fides-block .wrap{padding:var(--ab) 0}
/* Universum am Handy: Namen aus (kein Drüberfahren), «Entdecke meine Welt» bleibt; die Räume stehen darunter als Kacheln */
@media(max-width:760px){.universum a>span:not(.perle){display:none}}
/* Tür-Übergang: die Tür bleibt eine Rundbogentür (Miriams Wunsch aus dem Call 18.10.), Innenraum passt sich an; Raumname gut lesbar */
.tor .innen{border-radius:50% 50% 0 0/32% 32% 0 0}
.tor .innen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(transparent,rgba(40,12,16,.6))}
.tor .innen b{z-index:1;font-family:var(--anzeige);font-weight:400}
.tor .innen b{transition:opacity .6s .45s}
.tor .innen{z-index:0}.tor .fl{z-index:1}
.tor .innen b{padding:0 15%;font-size:clamp(22px,3vh,32px);line-height:1.15}


/* =====================================================================
   V4 · Call mit Miriam 27.10.2026 · Überschriften in der Schrift von «Miriam Oberstaller» oben
   (Cormorant, wie im ersten Entwurf), insgesamt kleiner. Blau und Grün raus: 5 Körper in Erde und Sand,
   ENC in Bernstein, Farbe nur über Bilder. Gold als Leitakzent.
   ===================================================================== */
:root{--anzeige:"Cormorant Garamond",Georgia,"Times New Roman",serif;--serif:var(--anzeige)}
html{font-synthesis-weight:none}
h1,h2,h3{font-weight:500;letter-spacing:-.004em}
h1{font-size:clamp(38px,4.3vw,62px);line-height:1.06}
h2{font-size:clamp(30px,3vw,44px);line-height:1.1}
h3{font-size:clamp(22px,1.7vw,26px);line-height:1.2}
h1 em,h2 em,h3 em{color:var(--gold-tief)}
.kern{font-size:clamp(22px,1.9vw,28px);font-weight:500;line-height:1.3}
.kopf-nav a{font:500 18px/1 var(--anzeige);letter-spacing:.005em}
.mega .gross a{font-size:22px;font-weight:500}
.menue a.menue-einfach,.menue summary{font-weight:500}
.lokal-titel{font-size:22px;font-weight:500}
.universum a{font-size:18px;font-weight:500}
.universum:after{font-size:20px;font-weight:500}
.fakten li b,.fakten li strong{font-weight:500}
.zitat-gross blockquote{font-weight:500}
.tor .innen b{font-weight:500;font-size:clamp(24px,3.2vh,34px)}

/* V4 Kosmos: Nachthimmel mit Gold für mystische Abschnitte (Startseite, Wunsch Miriam: «wie der Bewusstheitstest»). Sterne als kleine SVG-Kacheln, Funkeln nur über opacity */
:root{--sterne-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Ccircle cx='408' cy='371' r='0.42' fill='%23FFF6DF' fill-opacity='0.34'/%3E%3Ccircle cx='45' cy='272' r='0.90' fill='%23FFF6DF' fill-opacity='0.32'/%3E%3Ccircle cx='144' cy='367' r='0.70' fill='%23F6E3B4' fill-opacity='0.35'/%3E%3Ccircle cx='218' cy='346' r='0.81' fill='%23F1CB5F' fill-opacity='0.60'/%3E%3Ccircle cx='450' cy='419' r='0.57' fill='%23FFF6DF' fill-opacity='0.73'/%3E%3Ccircle cx='256' cy='407' r='0.51' fill='%23FFF6DF' fill-opacity='0.64'/%3E%3Ccircle cx='372' cy='297' r='0.80' fill='%23F6E3B4' fill-opacity='0.74'/%3E%3Ccircle cx='349' cy='396' r='0.77' fill='%23FFF6DF' fill-opacity='0.68'/%3E%3Ccircle cx='519' cy='509' r='0.87' fill='%23F1CB5F' fill-opacity='0.47'/%3E%3Ccircle cx='360' cy='84' r='0.89' fill='%23F1CB5F' fill-opacity='0.43'/%3E%3Ccircle cx='324' cy='426' r='0.91' fill='%23FFF6DF' fill-opacity='0.69'/%3E%3Ccircle cx='426' cy='340' r='0.96' fill='%23F1CB5F' fill-opacity='0.65'/%3E%3Ccircle cx='205' cy='293' r='0.77' fill='%23F6E3B4' fill-opacity='0.74'/%3E%3Ccircle cx='438' cy='398' r='0.93' fill='%23FFF6DF' fill-opacity='0.51'/%3E%3Ccircle cx='119' cy='226' r='0.78' fill='%23F6E3B4' fill-opacity='0.51'/%3E%3Ccircle cx='173' cy='286' r='0.92' fill='%23F6E3B4' fill-opacity='0.59'/%3E%3Ccircle cx='337' cy='64' r='0.87' fill='%23FFF6DF' fill-opacity='0.43'/%3E%3Ccircle cx='227' cy='507' r='0.93' fill='%23F6E3B4' fill-opacity='0.68'/%3E%3Ccircle cx='467' cy='97' r='0.46' fill='%23FFF6DF' fill-opacity='0.41'/%3E%3Ccircle cx='149' cy='421' r='0.37' fill='%23FFF6DF' fill-opacity='0.27'/%3E%3Ccircle cx='407' cy='497' r='0.79' fill='%23F1CB5F' fill-opacity='0.29'/%3E%3Ccircle cx='90' cy='469' r='0.98' fill='%23F1CB5F' fill-opacity='0.37'/%3E%3Ccircle cx='370' cy='368' r='0.75' fill='%23F1CB5F' fill-opacity='0.63'/%3E%3Ccircle cx='249' cy='468' r='0.40' fill='%23FFF6DF' fill-opacity='0.27'/%3E%3Ccircle cx='326' cy='416' r='0.87' fill='%23FFF6DF' fill-opacity='0.52'/%3E%3Ccircle cx='409' cy='482' r='0.49' fill='%23FFF6DF' fill-opacity='0.56'/%3E%3Ccircle cx='176' cy='409' r='0.42' fill='%23F6E3B4' fill-opacity='0.26'/%3E%3Ccircle cx='90' cy='488' r='0.79' fill='%23FFF6DF' fill-opacity='0.69'/%3E%3Ccircle cx='416' cy='249' r='0.83' fill='%23F1CB5F' fill-opacity='0.65'/%3E%3Ccircle cx='349' cy='53' r='0.40' fill='%23F6E3B4' fill-opacity='0.56'/%3E%3Ccircle cx='256' cy='420' r='0.60' fill='%23F1CB5F' fill-opacity='0.58'/%3E%3Ccircle cx='369' cy='385' r='0.90' fill='%23F6E3B4' fill-opacity='0.46'/%3E%3Ccircle cx='169' cy='327' r='1.00' fill='%23FFF6DF' fill-opacity='0.45'/%3E%3Ccircle cx='92' cy='239' r='0.97' fill='%23F1CB5F' fill-opacity='0.65'/%3E%3Ccircle cx='323' cy='293' r='0.62' fill='%23F6E3B4' fill-opacity='0.49'/%3E%3Ccircle cx='100' cy='516' r='0.65' fill='%23F1CB5F' fill-opacity='0.58'/%3E%3Ccircle cx='38' cy='3' r='0.98' fill='%23F6E3B4' fill-opacity='0.50'/%3E%3Ccircle cx='4' cy='14' r='0.41' fill='%23F6E3B4' fill-opacity='0.60'/%3E%3Ccircle cx='37' cy='103' r='0.90' fill='%23F1CB5F' fill-opacity='0.57'/%3E%3Ccircle cx='97' cy='113' r='0.69' fill='%23F1CB5F' fill-opacity='0.28'/%3E%3Ccircle cx='57' cy='134' r='0.79' fill='%23FFF6DF' fill-opacity='0.39'/%3E%3Ccircle cx='357' cy='468' r='0.73' fill='%23F6E3B4' fill-opacity='0.48'/%3E%3Ccircle cx='420' cy='240' r='0.97' fill='%23FFF6DF' fill-opacity='0.72'/%3E%3Ccircle cx='276' cy='334' r='0.93' fill='%23F6E3B4' fill-opacity='0.44'/%3E%3Ccircle cx='433' cy='13' r='0.46' fill='%23F1CB5F' fill-opacity='0.59'/%3E%3Ccircle cx='179' cy='370' r='0.45' fill='%23F1CB5F' fill-opacity='0.38'/%3E%3Ccircle cx='27' cy='441' r='0.97' fill='%23F6E3B4' fill-opacity='0.56'/%3E%3Ccircle cx='152' cy='118' r='0.90' fill='%23F1CB5F' fill-opacity='0.68'/%3E%3Ccircle cx='227' cy='510' r='0.36' fill='%23F6E3B4' fill-opacity='0.61'/%3E%3Ccircle cx='381' cy='162' r='0.97' fill='%23F1CB5F' fill-opacity='0.53'/%3E%3Ccircle cx='22' cy='165' r='0.82' fill='%23FFF6DF' fill-opacity='0.36'/%3E%3Ccircle cx='93' cy='253' r='0.90' fill='%23F6E3B4' fill-opacity='0.61'/%3E%3Ccircle cx='281' cy='315' r='0.55' fill='%23F1CB5F' fill-opacity='0.68'/%3E%3Ccircle cx='151' cy='355' r='0.85' fill='%23FFF6DF' fill-opacity='0.69'/%3E%3Ccircle cx='145' cy='349' r='0.82' fill='%23F6E3B4' fill-opacity='0.32'/%3E%3Ccircle cx='335' cy='18' r='0.51' fill='%23F6E3B4' fill-opacity='0.46'/%3E%3Ccircle cx='398' cy='125' r='0.36' fill='%23F1CB5F' fill-opacity='0.58'/%3E%3Ccircle cx='19' cy='401' r='0.66' fill='%23FFF6DF' fill-opacity='0.73'/%3E%3Ccircle cx='392' cy='71' r='0.60' fill='%23FFF6DF' fill-opacity='0.67'/%3E%3Ccircle cx='438' cy='470' r='0.61' fill='%23FFF6DF' fill-opacity='0.61'/%3E%3Ccircle cx='118' cy='221' r='0.51' fill='%23FFF6DF' fill-opacity='0.48'/%3E%3Ccircle cx='63' cy='360' r='0.73' fill='%23F6E3B4' fill-opacity='0.34'/%3E%3Ccircle cx='390' cy='373' r='0.83' fill='%23F6E3B4' fill-opacity='0.69'/%3E%3Ccircle cx='89' cy='126' r='0.60' fill='%23F6E3B4' fill-opacity='0.60'/%3E%3C/svg%3E");
--sterne-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='760'%3E%3Ccircle cx='456' cy='524' r='4.0' fill='%23F6E3B4' fill-opacity='0.16'/%3E%3Ccircle cx='456' cy='524' r='1.24' fill='%23F6E3B4' fill-opacity='0.90'/%3E%3Ccircle cx='696' cy='640' r='5.8' fill='%23F1CB5F' fill-opacity='0.12'/%3E%3Ccircle cx='696' cy='640' r='1.80' fill='%23F1CB5F' fill-opacity='0.68'/%3E%3Ccircle cx='378' cy='175' r='4.9' fill='%23F1CB5F' fill-opacity='0.12'/%3E%3Ccircle cx='378' cy='175' r='1.53' fill='%23F1CB5F' fill-opacity='0.69'/%3E%3Ccircle cx='547' cy='62' r='4.9' fill='%23F1CB5F' fill-opacity='0.16'/%3E%3Ccircle cx='547' cy='62' r='1.53' fill='%23F1CB5F' fill-opacity='0.88'/%3E%3Ccircle cx='561' cy='690' r='5.4' fill='%23FFF6DF' fill-opacity='0.13'/%3E%3Ccircle cx='561' cy='690' r='1.68' fill='%23FFF6DF' fill-opacity='0.71'/%3E%3Ccircle cx='279' cy='252' r='6.3' fill='%23F6E3B4' fill-opacity='0.12'/%3E%3Ccircle cx='279' cy='252' r='1.96' fill='%23F6E3B4' fill-opacity='0.66'/%3E%3Ccircle cx='464' cy='376' r='4.3' fill='%23F1CB5F' fill-opacity='0.11'/%3E%3Ccircle cx='464' cy='376' r='1.34' fill='%23F1CB5F' fill-opacity='0.62'/%3E%3Ccircle cx='469' cy='228' r='5.7' fill='%23FFF6DF' fill-opacity='0.12'/%3E%3Ccircle cx='469' cy='228' r='1.78' fill='%23FFF6DF' fill-opacity='0.66'/%3E%3Ccircle cx='734' cy='744' r='5.8' fill='%23F6E3B4' fill-opacity='0.13'/%3E%3Ccircle cx='734' cy='744' r='1.81' fill='%23F6E3B4' fill-opacity='0.70'/%3E%3Ccircle cx='182' cy='5' r='4.1' fill='%23FFF6DF' fill-opacity='0.14'/%3E%3Ccircle cx='182' cy='5' r='1.27' fill='%23FFF6DF' fill-opacity='0.78'/%3E%3Ccircle cx='427' cy='322' r='5.2' fill='%23FFF6DF' fill-opacity='0.12'/%3E%3Ccircle cx='427' cy='322' r='1.62' fill='%23FFF6DF' fill-opacity='0.69'/%3E%3Ccircle cx='565' cy='580' r='4.0' fill='%23F6E3B4' fill-opacity='0.14'/%3E%3Ccircle cx='565' cy='580' r='1.25' fill='%23F6E3B4' fill-opacity='0.79'/%3E%3Ccircle cx='585' cy='94' r='5.2' fill='%23F1CB5F' fill-opacity='0.14'/%3E%3Ccircle cx='585' cy='94' r='1.63' fill='%23F1CB5F' fill-opacity='0.80'/%3E%3Ccircle cx='474' cy='345' r='4.2' fill='%23FFF6DF' fill-opacity='0.14'/%3E%3Ccircle cx='474' cy='345' r='1.31' fill='%23FFF6DF' fill-opacity='0.80'/%3E%3Ccircle cx='190' cy='262' r='4.1' fill='%23F6E3B4' fill-opacity='0.14'/%3E%3Ccircle cx='190' cy='262' r='1.28' fill='%23F6E3B4' fill-opacity='0.76'/%3E%3Ccircle cx='576' cy='535' r='5.6' fill='%23FFF6DF' fill-opacity='0.11'/%3E%3Ccircle cx='576' cy='535' r='1.75' fill='%23FFF6DF' fill-opacity='0.63'/%3E%3C/svg%3E")}
.kosmos{position:relative;isolation:isolate;overflow:hidden;color:rgba(255,248,236,.86);background:radial-gradient(55% 65% at 78% 38%,rgba(201,160,70,.22),transparent 70%),radial-gradient(50% 60% at 6% 100%,rgba(142,34,50,.45),transparent 70%),radial-gradient(45% 55% at 28% 0%,rgba(109,31,34,.38),transparent 70%),linear-gradient(180deg,#170a0c 0%,#22100f 55%,#2b1214 100%)}
.kosmos:before,.kosmos:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.kosmos:before{background:var(--sterne-a) 0 0/520px 520px repeat;animation:funkeln 7s ease-in-out infinite alternate}
.kosmos:after{background:var(--sterne-b) 120px 60px/760px 760px repeat;animation:funkeln 11s ease-in-out -4s infinite alternate}
@keyframes funkeln{0%{opacity:.35}100%{opacity:1}}
.kosmos :is(h1,h2,h3){color:#FBF3E6}
.kosmos :is(h1,h2,h3) em{color:#F1CB5F}
.kosmos .ober{color:#E9CF8A}
.kosmos :is(.lead,p){color:rgba(255,248,236,.84)}
.kosmos .textlink{color:#F1CB5F;border-color:rgba(241,203,95,.55)}
.kosmos .hinweis{color:rgba(255,248,236,.6)}
@media(prefers-reduced-motion:reduce){.kosmos:before,.kosmos:after{animation:none;opacity:.8}}

/* V4 Box öffnet sich (Call 27.10.: «dass man auf die Box klickt und dann öffnet sie sich»). Maus: beim Drüberfahren, Handy: erster Tipp */
.box-bild{position:relative;display:block;isolation:isolate}
.box-bild img{display:block;width:100%;transition:opacity .7s var(--ease),transform .9s var(--ease)}
.box-bild .auf{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0}
.box-bild:before{content:"";position:absolute;left:22%;right:22%;top:6%;bottom:38%;z-index:2;pointer-events:none;opacity:0;transform:translateY(30px);background:radial-gradient(circle at 35% 22%,#FFF3C4 0 1.1px,transparent 2.3px),radial-gradient(circle at 77% 18%,#F6DC8C 0 1.1px,transparent 2.3px),radial-gradient(circle at 11% 45%,#F6DC8C 0 1.1px,transparent 2.3px),radial-gradient(circle at 16% 44%,#F6DC8C 0 1.1px,transparent 2.3px),radial-gradient(circle at 61% 57%,#FFFFFF 0 1.1px,transparent 2.3px),radial-gradient(circle at 12% 28%,#F1CB5F 0 1.4px,transparent 2.6px),radial-gradient(circle at 43% 53%,#F6DC8C 0 1.8px,transparent 3.0px),radial-gradient(circle at 17% 56%,#F1CB5F 0 1.4px,transparent 2.6px),radial-gradient(circle at 16% 67%,#F6DC8C 0 1.1px,transparent 2.3px),radial-gradient(circle at 50% 53%,#FFFFFF 0 1.8px,transparent 3.0px),radial-gradient(circle at 57% 46%,#F6DC8C 0 1.8px,transparent 3.0px),radial-gradient(circle at 75% 66%,#FFF3C4 0 1.4px,transparent 2.6px),radial-gradient(circle at 56% 52%,#FFFFFF 0 1.8px,transparent 3.0px),radial-gradient(circle at 32% 88%,#FFFFFF 0 1.1px,transparent 2.3px);background-repeat:no-repeat;filter:drop-shadow(0 0 3px rgba(241,203,95,.9));transition:opacity .8s,transform 2.4s cubic-bezier(.2,.7,.2,1)}
.box-auf:is(.offen) .box-bild .auf{opacity:1}
.box-auf:is(.offen) .box-bild .zu{opacity:0}
.box-auf:is(.offen) .box-bild:before{opacity:1;transform:translateY(-18px)}
@media(hover:hover){.box-auf:hover .box-bild .auf{opacity:1}.box-auf:hover .box-bild .zu{opacity:0}.box-auf:hover .box-bild:before{opacity:1;transform:translateY(-18px)}}
@media(prefers-reduced-motion:reduce){.box-bild:before{display:none}}

/* V4 Goldenes Kuvert (Wunsch Miriam: «dass der Brief aufgeht», wie im ersten Entwurf). Öffnet beim Hinscrollen oder per Klick aufs Siegel */
.kuvert-auf{position:relative;width:100%;max-width:440px;padding-top:var(--kv-lift,300px)}
.kuvert-auf .kv{--eh:230px;position:relative;height:var(--eh);perspective:900px;clip-path:inset(-200% -30% 0 -30% round 0 0 22px 22px)}
.kuvert-auf .kv-hinten{position:absolute;inset:0;border-radius:22px;background:linear-gradient(165deg,#C9A445,#9C770C);box-shadow:inset 0 0 0 1px rgba(255,236,170,.4)}
.kuvert-auf .kv-brief{position:absolute;left:6%;right:6%;bottom:12px;z-index:2;border-radius:18px;background:#FFFCF7;padding:30px 26px calc(var(--eh) + 6px);box-shadow:0 20px 50px -26px rgba(60,24,16,.5);text-align:center;transition:transform 1.3s var(--ease) .45s}
.kuvert-auf .kv-brief h3{margin:0 0 12px;color:var(--bordeaux)}
.kuvert-auf .kv-brief p{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:var(--text)}
.kuvert-auf .kv-brief .kern{font-size:21px;margin:14px 0 6px}
.kuvert-auf .kv-brief .knopf{margin-top:12px}
.kuvert-auf .kv-vorne{position:absolute;inset:0;z-index:3;border-radius:0 0 22px 22px;background:linear-gradient(172deg,#F1CB5F 0%,#D4B03D 40%,#B38A11 100%);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);pointer-events:none}
.kuvert-auf .kv-vorne:after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%)}
.kuvert-auf .kv-klappe{position:absolute;left:0;right:0;top:0;height:62%;z-index:4;transform-origin:50% 0;background:linear-gradient(180deg,#E6C25A,#C39B2A);clip-path:polygon(0 0,100% 0,50% 100%);transition:transform 1s var(--ease),z-index 0s linear .5s}
.kuvert-auf .kv-siegel{position:absolute;left:50%;top:62%;z-index:5;width:62px;height:62px;margin:-31px 0 0 -31px;padding:0;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,#9a3236,#6D1F22 60%,#4a1215);box-shadow:0 0 0 4px rgba(109,31,34,.25),0 10px 22px -8px rgba(0,0,0,.6);display:grid;place-items:center;transition:opacity .4s,transform .6s var(--ease)}
.kuvert-auf .kv-siegel span{font:italic 500 30px/1 var(--anzeige);color:#F1CB5F}
.js .kuvert-auf:not(.offen) .kv-brief{transform:translateY(calc(100% - var(--eh) + 30px))}
.kuvert-auf.offen .kv-klappe{transform:rotateX(180deg);z-index:1}
.kuvert-auf.offen .kv-siegel{opacity:0;transform:scale(.6);pointer-events:none}
.kuvert-auf.offen .kv-brief{transform:translateY(0)}
.kuvert-auf .kv-notiz{text-align:center;font-size:13.5px;color:var(--leise);margin-top:16px}

/* V4 Goldglanz auf Knöpfen: beim Drüberfahren läuft ein feiner Schimmer durch (Miriam: «das Gold überall»); der Gold-Knopf im Nachthimmel glänzt von selbst ab und zu */
.knopf{overflow:hidden;isolation:isolate}
.knopf:not(.handy-knopf){position:relative}
.knopf:after{display:block;content:"";position:absolute;top:-20%;bottom:-20%;left:-70%;width:45%;height:auto;background:linear-gradient(100deg,transparent,rgba(255,236,170,.55),transparent);-webkit-mask:none;mask:none;transform:skewX(-18deg);transition:left 1s var(--ease);pointer-events:none;z-index:-1}
.knopf:hover:after{left:130%;transform:skewX(-18deg)}
.kosmos .knopf.gold:after{animation:glanz 7s ease-in-out 2.5s infinite}
@keyframes glanz{0%,72%{left:-70%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.knopf:after{display:none}}

/* V4 Sternenhimmel als eigene Ebene für dunkle Abschnitte, die ihren Grund behalten (Bordeaux, Nacht) */
.sternenhimmel{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--sterne-a) 0 0/520px 520px repeat;animation:funkeln 7s ease-in-out infinite alternate}
.sternenhimmel:after{content:"";position:absolute;inset:0;background:var(--sterne-b) 120px 60px/760px 760px repeat;animation:funkeln 11s ease-in-out -4s infinite alternate}
:where(.sternenhimmel~*){position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.sternenhimmel,.sternenhimmel:after{animation:none;opacity:.8}}
section:has(>.sternenhimmel){position:relative;overflow:hidden;isolation:isolate}
/* V4 Logo ohne Schwung: das Zeichen sitzt mittig im Bild, darum rückt der Name etwas näher */
.kopf .marke img{margin-right:-6px}
/* V4 Gold ohne Grünstich: Obertitel und Goldwörter wärmer (Miriam: «Wieso ist das so grün? Das ist Gold, oder?») */
:root{--gold-text:#966B1F;--gold-tief:#B0852C}

/* V5 · Goldene Sterne auf hellem Grund (Startseite Morgenlicht). Zwei Ebenen, je mit eigener Maske */
.sterne-gold{position:absolute;inset:0;z-index:0;pointer-events:none}
.sterne-gold:before,.sterne-gold:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#B3842A,#DDB65A 50%,#B3842A)}
.sterne-gold:before{-webkit-mask:var(--sterne-a) 0 0/520px 520px repeat;mask:var(--sterne-a) 0 0/520px 520px repeat;animation:funkeln-gold 7s ease-in-out infinite alternate}
.sterne-gold:after{-webkit-mask:var(--sterne-b) 120px 60px/760px 760px repeat;mask:var(--sterne-b) 120px 60px/760px 760px repeat;animation:funkeln-gold 11s ease-in-out -4s infinite alternate}
@keyframes funkeln-gold{0%{opacity:.3}100%{opacity:.85}}
:where(.sterne-gold~*){position:relative;z-index:1}
section:has(>.sterne-gold){position:relative;overflow:hidden;isolation:isolate}
@media(prefers-reduced-motion:reduce){.sterne-gold:before,.sterne-gold:after{animation:none;opacity:.6}}

/* V6 · Hinweis «Neu» in Menü, Mega-Menü und Fusszeile (wie auf der Baulig-Seite), nur bei wenigen Punkten im Fokus */
.neu{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px 2px;border-radius:999px;font:700 10px/1.2 var(--sans);letter-spacing:.02em;color:#fff;background:linear-gradient(45deg,#B38A11,#D4B03D);white-space:nowrap;vertical-align:middle;box-shadow:0 4px 10px -6px rgba(140,100,30,.8)}
.kopf-nav .neu{margin-left:6px;padding:2px 7px 1px;font-size:9.5px;transform:translateY(-7px)}
.menue .neu{margin-left:auto;font-size:11px}
.menue details .neu{margin-left:10px}
.fuss .neu{font-size:9.5px;padding:2px 7px 1px;vertical-align:1px}
.k-frage[hidden]{display:none!important}
/* V6 · Tür-Übergang im Morgenlicht statt dunkelrotem Raum (Startseite V5: «das Rot zu aggressiv») */
.tor{background:radial-gradient(ellipse at 50% 38%,#FFF7E9 0%,#F2DFC2 46%,#C9A57A 100%)}
.tor .fl{filter:drop-shadow(0 30px 40px rgba(90,55,25,.35))}

/* V7 · Miriam 04.11.: Knöpfe überall Gold und schimmernd, Rot feiner, keine leeren weissen Flächen (Marmor, Planetenbahnen, Goldlinien) */
:root{--gold-glanz:linear-gradient(120deg,#F4E4B6 0%,#DDBD74 22%,#BF9549 48%,#E6CB86 72%,#C9A55A 100%);--gold-knopf:#2E1C10}
body :is(.knopf,.kopf-knopf,.handy-knopf):not(.umriss):not(.gesperrt){background:var(--gold-glanz);background-size:180% 100%;background-position:0 50%;color:var(--gold-knopf);box-shadow:0 14px 30px -16px rgba(140,98,32,.7),inset 0 1px 0 rgba(255,250,232,.7),inset 0 -1px 0 rgba(122,82,24,.28)}
body :is(.knopf,.kopf-knopf,.handy-knopf):not(.umriss):not(.gesperrt):hover{background:var(--gold-glanz);background-size:180% 100%;background-position:100% 50%;color:var(--gold-knopf);box-shadow:0 20px 38px -16px rgba(140,98,32,.82),inset 0 1px 0 rgba(255,250,232,.8)}
body .knopf:not(.umriss):not(.gesperrt){transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-position 1.1s var(--ease)}
.knopf:after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent)}
.knopf:not(.umriss):not(.gesperrt):after{animation:glanz 6.5s ease-in-out 2.4s infinite}
body .knopf.umriss{background:transparent;color:var(--gold-text);border:1px solid var(--gold);box-shadow:none}
body .knopf.umriss:hover{background:rgba(201,173,124,.14);color:var(--gold-text)}
:is(.ton-raum-tief,.ton-bordeaux,.ton-nacht) .knopf.umriss{color:var(--gold-hell);border-color:var(--gold-hell)}
.knopf.gesperrt{background:#E9DFD3;color:#6b5847;box-shadow:none;cursor:default}
.knopf.gesperrt:after{display:none}
@media(prefers-reduced-motion:reduce){.knopf:after{animation:none!important}}
/* Rot feiner: Weinflächen weicher und mit warmem Goldlicht (Miriam: «das Rot erschlägt») */
section.ton-bordeaux{--grund:#5C2932;background:radial-gradient(80% 70% at 88% 0%,rgba(222,182,120,.24),transparent 62%),radial-gradient(70% 60% at 0% 100%,rgba(176,112,104,.2),transparent 70%),linear-gradient(160deg,#6A3540 0%,#592A33 56%,#4A242C 100%)}
.leiste{background:#5C2C35}
/* Keine leeren weissen Flächen: Marmor wie auf der Neutralitäts-Seite, Planetenbahnen und Goldlinien im Wechsel */
section.ton-hell{background:var(--papier) url(/bilder/hg-neutral-marmor.webp) 50% 50%/cover no-repeat}
section.ton-creme{background:var(--creme) url(/bilder/hg-sternenhimmel-hell.webp) 100% 0/max(1400px,100%) auto no-repeat}
section.ton-sand{background:var(--sand) url(/bilder/hg-gold-wellen.webp) 50% 100%/max(1400px,100%) auto no-repeat}
@media(max-width:900px){section.ton-hell{background-image:url(/bilder/hg-neutral-marmor-960.webp)}section.ton-creme{background-image:url(/bilder/hg-sternenhimmel-hell-960.webp);background-size:180% auto}section.ton-sand{background-image:url(/bilder/hg-gold-wellen-960.webp);background-size:200% auto}}
/* Goldenes Kuvert: der Brief kommt ganz heraus und schwebt (Miriam: «dass dieser Brief sich wirklich öffnet und rausgeht») */
.kuvert-auf.offen .kv-brief{animation:brief-schweben 6s ease-in-out 1.9s infinite}
@keyframes brief-schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.kuvert-auf .kv-brief:before{content:"";position:absolute;inset:-14px;border-radius:24px;pointer-events:none;opacity:0;background:radial-gradient(60% 50% at 50% 0%,rgba(255,226,150,.55),transparent 70%);transition:opacity 1.2s ease 1s;z-index:-1}
.kuvert-auf.offen .kv-brief:before{opacity:1}
.js .kuvert-auf:not(.offen) .kv-siegel{animation:siegel-puls 2.6s ease-in-out infinite}
@keyframes siegel-puls{0%,100%{box-shadow:0 0 0 4px rgba(109,31,34,.25),0 10px 22px -8px rgba(0,0,0,.6)}50%{box-shadow:0 0 0 10px rgba(241,203,95,.28),0 10px 22px -8px rgba(0,0,0,.6)}}
@media(prefers-reduced-motion:reduce){.kuvert-auf.offen .kv-brief,.js .kuvert-auf:not(.offen) .kv-siegel{animation:none}}

/* V7b · Miriams Screenshots vom 04.11.: Samt und Gelb feiner, Weinrot heller, Kopfbereiche im Morgenlicht mit Planetenbahnen wie die Startseite */
:root{--goldverlauf:linear-gradient(120deg,#EEDFB9 0%,#DCC28A 38%,#C9AA6C 70%,#E3CD98 100%)}
section.ton-bordeaux{--grund:#62343E;background:radial-gradient(80% 70% at 88% 0%,rgba(226,190,130,.22),transparent 62%),radial-gradient(70% 60% at 0% 100%,rgba(186,124,116,.18),transparent 70%),linear-gradient(160deg,#76424D 0%,#62343E 56%,#532C35 100%)}
body section.samt.ton-bordeaux{background:radial-gradient(70% 60% at 85% 0%,rgba(226,190,130,.2),transparent 62%),linear-gradient(rgba(98,52,62,.62),rgba(80,40,48,.66)),var(--bordeaux-tief) url(/bilder/hg-bordeaux-struktur.webp) center/cover no-repeat}
section.hero-foto:not(.kopf-gold),.seite-ausbildungen section.au-hero,.seite-startseite section#ich{background:radial-gradient(55% 65% at 82% 34%,rgba(255,228,170,.42),transparent 70%),var(--papier) url(/bilder/hg-sternenhimmel-hell.webp) 72% 40%/cover no-repeat}

/* V7c · Noel 07.11.: kein Sticky-Knopf, ein durchlaufender Marmor statt Stoff und Nähten, ruhigere Abstände, Startseiten-Kopf, ENC-Galerie und Investition */
/* Sticky-Knopf unten am Handy: brauchen wir nie */
.handy-knopf,.handy-knopf.da{display:none!important}

/* Ein Marmor für alle hellen Marmorflächen: stehende Ebene hinter der Seite, die Marmor-Sektionen sind durchsichtig.
   So laufen zwei oder drei Marmor-Sektionen hintereinander ohne Naht ineinander (Noel: «der gleiche Marmor, der durchläuft»). */
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--papier) url(/bilder/hg-neutral-marmor.webp) 50% 50%/cover no-repeat;transform:translateZ(0)}
@media(max-width:900px){body:before{background-image:url(/bilder/hg-neutral-marmor-960.webp)}}
section.ton-hell:not(#_){background:transparent}
/* Stoff (Leinen) raus, dort läuft jetzt derselbe Marmor (Häufige Fragen, Werte, Wegweiser, Lebensmomente, Shop, Quelle, Auswertung) */
section[style*="hg-creme-struktur"]{background:transparent!important}
:is(.seite-ausbildungen section.struktur,.seite-kontakt section.wegweiser,.seite-miriversum section.lebensmomente,.seite-shop section.s-struktur,section.bt-e-auswertung,.seite-ueber-mich section.quelle):not(#_){background:transparent}
/* Keine Farbverläufe in eine Marmorfläche hinein, sonst entsteht wieder eine Kante */
section.ueber-verlauf:has(+ section:is(.ton-hell,[style*="hg-creme-struktur"],.struktur,.wegweiser,.lebensmomente,.s-struktur,.quelle)):after{display:none}

/* Abstände: Desktop deutlich ruhiger (vorher rund 240 px zwischen zwei Inhalten), Handy unverändert luftig */
:root{--ab:clamp(70px,6vw,88px)}
.abschnitt.eng{padding:clamp(52px,4.8vw,72px) 0}
/* Miriversum zu Robert Betz war viel zu weit */
.seite-startseite section.start-betz:not(#_){padding-top:clamp(40px,3.6vw,56px)}
/* Am Handy klebten Überschrift und Text aufeinander */
@media(max-width:760px){main h2+:is(p,.lead){margin-top:14px}main .ober+h2{margin-top:2px}}

/* Startseite Kopf: Überschrift grösser, Abstand zu «Bekannt aus», goldene Zeile lesbarer */
.seite-startseite .kosmos-raster.v7 .v7-titel:not(#_){font-size:clamp(31px,3.5vw,52px)}
.seite-startseite .kosmos-bekannt:not(#_){margin-top:clamp(36px,4.4vw,64px)}
.seite-startseite .kosmos-raster.v7 .leucht:not(#_){background-image:linear-gradient(100deg,#6A4410 0%,#8C6220 30%,#BF9645 50%,#8C6220 70%,#6A4410 100%);filter:drop-shadow(0 0 8px rgba(255,244,222,.95))}
@media(max-width:760px){.seite-startseite .kosmos-raster.v7 .knopf-zeile:not(#_){margin-top:24px;gap:16px}.seite-startseite .kosmos-raster.v7 .leucht:not(#_){margin-top:10px}}

/* ENC Galerie: die drei Hochformate unten bekommen hohe Rahmen, beim Engel ist die Figur sichtbar */
@media(min-width:901px){.seite-ausbildung-enc .einblicke :is(.e6,.e7,.e8):not(#_){grid-row:span 2}}
.seite-ausbildung-enc .einblicke .e8 img:not(#_){object-position:50% 74%}
.seite-ausbildung-enc .einblicke .e6 img:not(#_){object-position:50% 60%}

/* Investition: Box-Foto und Preiskarte als eine Karte statt zwei Kästen übereinander */
#investition .box-foto:has(+ .preis):not(#_){margin:0;border-radius:var(--rund) var(--rund) 0 0}
#investition .box-foto+.preis:not(#_){margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.seite-ausbildung-enc #investition .wrap.zwei:not(#_){align-items:stretch}
.seite-ausbildung-enc #investition .formular:not(#_){display:flex;flex-direction:column;justify-content:center}
/* Video-Karten: Abspielknopf als kleine Marke unten rechts, nie mitten auf dem Gesicht und nicht über der Namenszeile im Video */
.videos.mit-video .video .play:not(#_){left:auto;right:14px;bottom:14px;top:auto;transform:none;flex-direction:row;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(20,12,10,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 14px/1 var(--sans);text-shadow:none}
.videos.mit-video .video .play:not(#_) i{width:40px;height:40px;background:rgba(0,0,0,.1)}
.videos.mit-video .video .play:not(#_) i:after{left:16px;top:12px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}

/* V7d · Foto- und Kasten-Prüfung aller Seiten (07.11.): Ausschnitte, verdeckte Texte, Lesbarkeit auf Bildern */
/* Abspielknopf überall als kleine Marke unten rechts (vorher mitten auf Kinn und Mund, Über mich und FIDES) */
.video .play:not(#_){left:auto;right:14px;bottom:14px;top:auto;transform:none;flex-direction:row;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(20,12,10,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 14px/1 var(--sans);text-shadow:none}
.video .play:not(#_) i{width:40px;height:40px;background:rgba(0,0,0,.1)}
.video .play:not(#_) i:after{left:16px;top:12px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}

/* Weisse Schrift auf hellen Bildern: Kachelkarten und Bildbänder dunkler unterlegen */
.kachel.dunkel:not(#_):after{background:linear-gradient(to top,rgba(20,12,12,.8),rgba(20,12,12,.45) 55%,rgba(20,12,12,.12))}
.kachel.dunkel :is(.ober,h3,h4,p):not(#_){text-shadow:0 1px 12px rgba(0,0,0,.45)}
.bild-band-text:not(#_){background:linear-gradient(to top,rgba(24,14,14,.78),rgba(24,14,14,.35) 60%,rgba(24,14,14,0));text-shadow:0 1px 16px rgba(0,0,0,.5)}
/* Bildbänder am Handy nicht mehr fast bildschirmhoch: zeigt mehr vom Querformat (MoLuna-Kreis, 5-Körper-Band) */
@media(max-width:760px){.bild-band:not(#_){height:min(64vh,540px)}}
/* Heller Sternenhimmel am Handy füllt die ganze Sektion (vorher harte Kante nach 300 px mitten im Text) */
@media(max-width:900px){section.ton-creme:not(#_){background-size:cover}}

/* Verdeckte Texte durch überlappende Karten */
@media(min-width:901px){.seite-ueber-mich section.haltung:not(#_){padding-bottom:calc(var(--ab) + clamp(60px,8vw,120px) + 16px)}}
.seite-podcast .bild-band .bild-band-text:not(#_){padding-bottom:calc(clamp(36px,5vw,70px) + clamp(60px,8vw,120px))}

/* Podcast: Liste am Handy nicht breiter als der Bildschirm, aktive Folge lesbar */
.seite-podcast .liste a:not(#_){white-space:normal}
@media(max-width:760px){.seite-podcast .folgen .raster:not(#_){grid-template-columns:minmax(0,1fr)}}
.seite-podcast .liste a.neu:not(#_){padding-right:18px;color:var(--bordeaux-tief)}
.seite-podcast .liste a.neu :is(b,small):not(#_){color:var(--bordeaux-tief)}

/* Shop: Preis auf dem weinroten Kasten lesbar, Kacheln oben füllen ihren Rahmen */
.seite-shop #lippenstift .s-kasse .preis:not(#_){color:var(--gold-hell)}
.seite-shop .s-reihe .s-bild img:not(#_){height:100%;object-fit:cover}
.seite-shop .s-reihe img[src*="/bilder/shop-lippenstift"]{object-position:52% 70%!important}
.seite-shop .kachel.voll img[src*="/bilder/shop-meditation-szene"]{object-position:50% 45%!important}

/* Fusszeilen */
.fuss-schlank .wrap:not(#_){margin-inline:auto}
@media(max-width:760px){.fuss-raster>div:has(a[href^="mailto"]){grid-column:1/-1}.lokal-titel:not(#_){font-size:18px}}

/* Angebote: Dauer unter dem Bild statt auf der Bildkante */
.seite-angebote #fuenf-koerper span.eck:not(#_){margin-top:22px}

/* Bildausschnitte: Köpfe und Motive ganz im Bild */
.seite-zeremonien img[src*="/bilder/zer-paar-garten"]{object-position:50% 20%!important}
.seite-ueber-mich img[src*="/bilder/ueber-umarmung"]{object-position:50% 15%!important}
.seite-ueber-mich img[src*="/bilder/ueber-blick"]{object-position:50% 0%!important}
.seite-miriversum img[src*="/bilder/shop-meditation-szene"]{object-position:50% 75%!important}
.seite-miriversum :is(img[src*="/bilder/kuvert-gold"],img[src*="/bilder/shop-kurs"]){object-position:50% 0%!important}
.seite-5-koerper-einzelsitzung img[src*="/bilder/aufstellung-figuren-samt"]{object-position:50% 30%!important}
.seite-5-koerper-einzelsitzung img[src*="/bilder/mentoring."]{object-position:50% 10%!important}
.seite-gebaermutter-clearing img[src*="/bilder/clearing-blueten"],.seite-podcast img[src*="/bilder/sonntagsbrief."]{object-position:50% 15%!important}
@media(max-width:760px){
  .seite-ueber-mich img[src*="/bilder/hero-abend"]{object-position:50% 0%!important}
  .seite-zeremonien img[src*="/bilder/zer-wald"]{object-position:50% 25%!important}
  .seite-ausbildung-5-koerper img[src*="/bilder/ausb-5k-band"]{object-position:24% 40%!important}
  .seite-miriversum img[src*="/bilder/mv-persoenlich"]{object-position:50% 5%!important}
  .seite-angebote img[src*="/bilder/szene-5k"]{object-position:40% 65%!important}
  .seite-angebote img[src*="/bilder/szene-clearing"]{object-position:50% 40%!important}
  .seite-angebote img[src*="/bilder/angebote-frage"],.seite-startseite img[src*="/bilder/start-ueber2"]{object-position:50% 0%!important}
  .seite-intensivbegleitung img[src*="/bilder/intensiv-miriam"],.seite-kontakt img[src*="/bilder/kontakt-hut"]{object-position:50% 5%!important}
}

/* V7e · Miriams Wünsche vom 09.11.: Startseiten-Kopf mit grösserem Bild und Knopf ohne Scrollen, mehr Bordeaux, kreisende Perlen, MoLuna-Frauen, Ibiza, Buchcover */
/* Startseite oben: Bildgrösse richtet sich nach der Fensterhöhe, damit der Knopf ohne Scrollen sichtbar bleibt */
.seite-startseite .kosmos-raster.v7:not(#_){padding-top:clamp(16px,2vw,30px);padding-bottom:clamp(8px,1vw,16px)}
.seite-startseite .kosmos-raster.v7 .v7-titel:not(#_){position:relative;z-index:3;color:#3E2B26}
.seite-startseite .kosmos-raster.v7 .v7-titel em:not(#_){color:#7E1F2D}
@media(min-width:761px){
  .seite-startseite .kosmos-raster.v7{--kb:min(1060px,100%,calc((100vh - 344px) * 1.74))}
  @supports(height:100svh){.seite-startseite .kosmos-raster.v7{--kb:min(1060px,100%,calc((100svh - 344px) * 1.74))}}
  .seite-startseite .kosmos-raster.v7 .kosmos-bild:not(#_){width:var(--kb);margin:calc(var(--kb) * -.11) auto calc(var(--kb) * -.115)}
  .seite-startseite .kosmos-raster.v7 .fenster:not(#_){left:7%;right:7%;top:19%;bottom:17%}
}
@media(max-width:760px){
  .seite-startseite .kosmos-raster.v7 .kosmos-bild:not(#_){margin:-7% -14px -9%}
  .seite-startseite .kosmos-raster.v7 .fenster:not(#_){left:5%;right:5%;top:18%;bottom:16%}
}
.seite-startseite .kosmos-raster.v7 .wer{position:relative;z-index:3;margin:0 0 8px;font:600 12.5px/1.45 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#7E1F2D}
.seite-startseite .kosmos-raster.v7 .leucht:not(#_){font-size:clamp(21px,1.8vw,27px)}
.seite-startseite .kosmos-raster.v7 .knopf-zeile:not(#_){margin-top:clamp(14px,1.6vw,22px)}
/* Knopf in Bordeaux mit goldener Schrift (Miriam: «Bordeaux ist meine Hauptfarbe») */
body .knopf.wein:not(.umriss):not(.gesperrt){background:linear-gradient(135deg,#8A2433 0%,#6D1F22 55%,#561722 100%);color:#F3DFA2;box-shadow:0 14px 30px -14px rgba(86,23,34,.75),inset 0 1px 0 rgba(255,220,200,.18),inset 0 0 0 1px rgba(241,203,95,.4)}
body .knopf.wein:not(.umriss):not(.gesperrt):hover{background:linear-gradient(135deg,#962838 0%,#7A2228 55%,#601A26 100%);color:#FBEBC0}

/* Wie ich arbeite: Bahnen und Perlen gezeichnet, die Perlen kreisen langsam (vorher starres Hintergrundbild) */
.seite-startseite section#ich:not(#_){background:radial-gradient(48% 70% at 68% 50%,rgba(255,228,170,.45),transparent 72%),var(--papier)}
.seite-startseite #ich .ich-bahnen{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.seite-startseite #ich>.wrap{position:relative;z-index:1}
.seite-startseite #ich .ib{fill:none;stroke:#C9A055;stroke-opacity:.45;stroke-width:1.2;vector-effect:non-scaling-stroke}
.seite-startseite #ich .ib.fein{stroke-dasharray:2 7;stroke-opacity:.55}
@media(prefers-reduced-motion:reduce){.seite-startseite #ich .ich-bahnen circle{display:none}}

/* MoLuna: Kopf mit zwei weiteren Frauen, Weib mit drei Porträts, Galerie ohne Doppelungen, Ibiza mit Foto */
.seite-ausbildung-moluna .ml-collage{position:relative}
.seite-ausbildung-moluna .ml-collage .bogenfoto:not(#_){margin:0;width:100%}
.seite-ausbildung-moluna .ml-klein{position:absolute;z-index:2;margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;border:5px solid #FBF7F0;box-shadow:0 30px 60px -28px rgba(94,20,34,.6)}
.seite-ausbildung-moluna .ml-klein img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:0}
.seite-ausbildung-moluna .ml-klein.k1{width:36%;left:-12%;bottom:14%}
.seite-ausbildung-moluna .ml-klein.k2{width:30%;right:-8%;top:8%}
@media(max-width:900px){.seite-ausbildung-moluna .ml-hero .ml-collage{order:-1;width:min(72%,380px);justify-self:center}.seite-ausbildung-moluna .ml-klein{border-width:4px;border-radius:14px}.seite-ausbildung-moluna .ml-klein.k1{left:-14%;bottom:auto;top:42%}.seite-ausbildung-moluna .ml-klein.k2{right:-12%}}
.seite-ausbildung-moluna .ml-frauen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(40px,5vw,72px)}
.seite-ausbildung-moluna .ml-frauen figure{margin:0;aspect-ratio:4/5;border-radius:var(--rund);overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.seite-ausbildung-moluna .ml-frauen img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:0}
@media(max-width:700px){.seite-ausbildung-moluna .ml-frauen{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.seite-ausbildung-moluna .ml-frauen::-webkit-scrollbar{display:none}.seite-ausbildung-moluna .ml-frauen figure{scroll-snap-align:start}}
.seite-ausbildung-moluna .galerie-ml.drei:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.seite-ausbildung-moluna .galerie-ml.drei:not(#_){grid-auto-rows:150px}.seite-ausbildung-moluna .galerie-ml.drei figure:not(#_){grid-row:span 1}}
.seite-ausbildung-moluna .ibiza.mit-bild:not(#_){padding-top:0;overflow:hidden}
.seite-ausbildung-moluna .ibiza-bild{margin:0 calc(-1 * clamp(30px,3.4vw,50px)) clamp(22px,2.4vw,30px);aspect-ratio:3/2;overflow:hidden}
.seite-ausbildung-moluna .ibiza-bild img{width:100%;height:100%;object-fit:cover;border-radius:0}

/* Miriversum: Karte «Termin mit Miriam» auch am Desktop mit ganzem Kopf */
.seite-miriversum img[src*="/bilder/mv-persoenlich"]{object-position:50% 5%!important}

/* Shop: echtes Buchcover auf dem gezeichneten Buch */
.seite-shop .buch.mit-cover .buch-vorne:not(#_){background:#0C0A0A url(/bilder/buch-cover.webp) center/cover no-repeat}
.seite-shop .buch.mit-cover .buch-vorne:before,.seite-shop .buch.mit-cover .buch-vorne:after{display:none}
.seite-shop .buch.mit-cover .buch-vorne>span:not(#_){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* V7f · Formular statt Kalender (Noel 09.11.: «ein einzelnes Formular ohne Kalender», Miriam ruft an oder schreibt) */
.seite-angebote .anfrage .felder{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.seite-angebote .anfrage .felder .ganz{grid-column:1/-1}
.seite-angebote .anfrage .knopf{width:100%;margin-top:22px}
.seite-angebote .anfrage .hinweis{margin-top:12px;text-align:center}
@media(max-width:700px){.seite-angebote .anfrage .felder{grid-template-columns:1fr}}
.seite-klarheitsgespraech .schritt .naechster{margin:0;color:var(--text)}
:is(.seite-angebote .anfrage,.seite-klarheitsgespraech .kg-karte) textarea:not(#_){min-height:96px}
.seite-angebote .anfrage label.einw:not(#_){flex-direction:row;align-items:flex-start;gap:10px;font:400 13px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--leise)}
.seite-angebote .anfrage label.einw input:not(#_){flex:none;width:18px;height:18px;padding:0;margin-top:2px}
/* FIDES-Band: Text steht oben, darum Verlauf von oben nach unten (V7d hatte ihn umgedreht, harte dunkle Kante mitten im Bild) */
.seite-fides .band-fides .bild-band-text:not(#_):not(#_){background:linear-gradient(to bottom,rgba(20,24,16,.66),rgba(20,24,16,.28) 62%,rgba(20,24,16,0))}
@media(max-width:760px){.seite-fides .band-fides .bild-band-text:not(#_):not(#_){background:linear-gradient(to top,rgba(14,26,34,.78),rgba(14,26,34,.35) 60%,rgba(14,26,34,0))}}
/* FIDES-Stimmen: sechs gleich grosse Karten in zwei Reihen, der rote Kasten nicht mehr doppelt breit (Noel 09.11.: «viel zu gross») */
.seite-fides .stimmen6.v7 :is(figure:first-child,.breit2):not(#_){grid-column:auto}
.seite-fides .stimmen6.v7 figure:first-child blockquote:not(#_){font-size:20px;line-height:1.4}

/* V7g · Call 09.11.: Startseiten-Kopf am Desktop wieder nebeneinander wie am Anfang (links Text, rechts das Universum), am Handy unverändert */
@media(min-width:1000px){
  .seite-startseite .kosmos-raster.v7:not(#_){display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:1fr auto auto auto auto 1fr;grid-template-areas:". bild" "wer bild" "titel bild" "leucht bild" "knopf bild" ". bild";column-gap:clamp(28px,3.4vw,64px);align-items:start;text-align:left;padding-top:clamp(24px,2.6vw,44px);padding-bottom:clamp(16px,2vw,30px)}
  .seite-startseite .kosmos-raster.v7 .v7-unten:not(#_){display:contents}
  .seite-startseite .kosmos-raster.v7 .wer:not(#_){grid-area:wer;margin:0 0 16px;text-align:left}
  .seite-startseite .kosmos-raster.v7 .v7-titel:not(#_){grid-area:titel;white-space:normal;max-width:11.5em;font-size:clamp(40px,4.1vw,64px);line-height:1.08;text-wrap:balance;text-align:left}
  .seite-startseite .kosmos-raster.v7 .leucht:not(#_){grid-area:leucht;margin:20px 0 0;max-width:24em;text-align:left}
  .seite-startseite .kosmos-raster.v7 .knopf-zeile:not(#_){grid-area:knopf;justify-content:flex-start;margin-top:28px}
  .seite-startseite .kosmos-raster.v7 .kosmos-bild:not(#_){grid-area:bild;align-self:center;width:calc(100% + 24px);margin:-3% -24px -5% 0}
  .seite-startseite .kosmos-raster.v7 .fenster:not(#_){left:9%;right:9%;top:20%;bottom:18%}
}
/* 5-Körper-Ausbildung: sieben Video-Stimmen in zwei Reihen (4 und 3, mittig) */
@media(min-width:701px){
  .seite-ausbildung-5-koerper .videos.mit-video.sechs:not(#_){display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(22px,2.2vw,30px)}
  .seite-ausbildung-5-koerper .videos.mit-video.sechs:not(#_)>figure{flex:0 0 calc((100% - clamp(22px,2.2vw,30px)) / 2)}
}
@media(min-width:1001px){.seite-ausbildung-5-koerper .videos.mit-video.sechs:not(#_)>figure{flex-basis:calc((100% - 3 * clamp(22px,2.2vw,30px)) / 4)}}

/* V7h · Livegang-Prüfung 10.11.: Handy-Kopf bricht «5-Körper-Aufstellung» nicht mehr am Bindestrich, AGB-Unterzeile mit Luft */
@media(max-width:760px){.seite-startseite .kosmos-raster.v7 .wer:not(#_){font-size:11.5px;letter-spacing:.12em;text-wrap:balance;max-width:30em;margin-inline:auto}}
.recht-kopf .lead:not(#_){margin-top:18px}

/* V7i · Livegang-Prüfung 10.11. (Bildprüfung aller Seiten, Desktop und Handy) */
@media(max-width:760px){
  /* Fotokarten mit Menschen am Handy höher: Text unten, Gesicht frei (Channeling, Mentoring, Miriversum, Kontakt …) */
  .kachel.dunkel:has(>img:not([src*="/bilder/tex-"]):not([src*="/bilder/hg-"])):not(#_){min-height:430px}
  /* Produktbilder in hellen Karten kleiner oben rechts, nie über Dachzeile und Überschrift */
  .kachel:has(>img.frei):not(#_){min-height:300px}
  .kachel>img.frei:not(#_){inset:14px 14px auto auto;width:30%;height:auto;max-height:118px}
  /* Unterleiste: Seitentitel zweizeilig statt «Mentoring der Neutrali…» oder «FIDES · Die Bew…» */
  .lokal-titel:not(#_){white-space:normal;text-overflow:clip;font-size:16px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  /* Knöpfe mit zwei Zeilen: Luft zwischen den Zeilen, mittig */
  .knopf:not(#_){line-height:1.25;text-align:center;text-wrap:balance}
  /* Bildausschnitte nur am Handy */
  .seite-angebote img[src*="/bilder/szene-5k"]{object-position:50% 25%!important}
  .seite-miriversum .band-perspektive .bild-band-text:not(#_){background:linear-gradient(to top,rgba(24,14,14,.82),rgba(24,14,14,.4) 55%,rgba(24,14,14,0))}
  .seite-intensivbegleitung .bild-band .bild-band-text:not(#_){background:linear-gradient(to top,rgba(35,15,20,.85),rgba(35,15,20,.45) 60%,rgba(35,15,20,0))}
  .seite-shop .bild-band img:not(#_){transform:scale(1.03)}
}
/* Wegweiser auf Kontakt: Dachzeile oben auf hellem Himmel lesbar */
.wegweiser .kachel.dunkel:not(#_)::before{content:"";position:absolute;inset:0 0 auto 0;height:42%;background:linear-gradient(to bottom,rgba(20,12,12,.5),rgba(20,12,12,0));z-index:-1;pointer-events:none}
/* Ziffern in Cormorant als Versalziffern: «1» liest sich nicht mehr wie «I» */
:is(h1,h2,h3,h4,.preis,.lead,blockquote):not(#_){font-variant-numeric:lining-nums}
/* Fusszeile: «Neu» bleibt beim Wort */
.fuss a:is([href="/bewusstheitstest"],[href="/5-koerper-test"]):not(#_){white-space:nowrap}
/* Bekannt aus: Top-Speaker-Logo sichtbarer */
img[src*="/bilder/logos/top-speaker"]:not(#_){filter:brightness(.55) contrast(1.35)}
/* Intensivbegleitung: weisse Überschrift im Bildband nicht mehr auf der hellen Bluse */
@media(min-width:761px){.seite-intensivbegleitung .bild-band .bild-band-text:not(#_){background:linear-gradient(90deg,rgba(35,15,20,.72),rgba(35,15,20,.32) 55%,rgba(35,15,20,0) 78%)}}
/* Bildausschnitte: Köpfe, Hut und Hände ganz im Bild */
.seite-ueber-mich img[src*="/bilder/ueber-hut"],.seite-ueber-mich img[src*="/bilder/ueber-weg-freude"]{object-position:50% 0%!important}
.seite-miriversum img[src*="/bilder/ausb-enc-urkunden"]{object-position:50% 0%!important}
.seite-startseite img[src*="/bilder/start-ueber2"],.seite-angebote img[src*="/bilder/angebote-frage"]{object-position:50% 0%!important}
.seite-5-koerper-einzelsitzung img[src*="/bilder/channeling."]{object-position:50% 0%!important}
.seite-zeremonien img[src*="/bilder/zer-kind"]{object-position:50% 0%!important}
.seite-zeremonien img[src*="/bilder/zer-gaeste"]{object-position:50% 15%!important}
.seite-enc-weiterbildung img[src*="/bilder/enc-miriam-sw"]{object-position:50% 10%!important}
.seite-mentoring-der-neutralitaet img[src*="/bilder/mentoring-bank"]:not(#_){object-position:50% 0%;border-radius:var(--rund);box-shadow:0 40px 80px -46px rgba(60,24,16,.55)}
/* Shop: Produktbild statt Gruppenfoto im Lippenstift-Feld (Verena-Regel), Ausschnitt auf den Lippenstift */
.seite-shop .s-reihe img[src*="/bilder/shop-lippenstift-szene"]{object-position:50% 40%!important}
/* Shop: ohne kleines Zweitbild steht das Lippenstift-Foto mittig (vorher Platz links für das Zweitbild) */
.seite-shop .s-duo:not(:has(.s-klein)):not(#_){padding:0}

/* V7j · Livegang-Prüfung 10.11., letzte Funde */
.seite-gebaermutter-clearing img[src*="/bilder/clearing-betend"]{object-position:50% 0%!important}
/* Textkarten ohne Bild am Handy ohne leere Fläche (Lebemensch, Podcast) */
@media(max-width:760px){.kachel:not(:has(>img)):not(#_){min-height:0}}
/* Bühne: Kennzahlen-Band ohne Loch darüber */
.seite-buehne section.ton-nacht:has(>.wrap>.fakten):not(#_){padding-top:clamp(36px,4.6vw,64px);padding-bottom:clamp(36px,4.6vw,64px)}

/* V7k · Abschlussprüfung 10.11. (Bericht der Gesamtprüfung) */
/* 5-Körper-Ausbildung: Text in den weissen Format-Karten war hell auf weiss (Ort Thalhofer unsichtbar) */
.seite-ausbildung-5-koerper .formate>div :is(p,li,span,small):not(#_){color:var(--text)}
/* Intensivbegleitung: Verlauf im Bildband läuft oben weich aus (vorher harte Kante auf Kinnhöhe) */
@media(min-width:761px){.seite-intensivbegleitung .bild-band .bild-band-text:not(#_){background:linear-gradient(to top,rgba(35,15,20,.8),rgba(35,15,20,.45) 55%,rgba(35,15,20,0));text-shadow:0 2px 18px rgba(0,0,0,.55)}}
/* Versalziffern überall, auch Datumskacheln in Cormorant */
body{font-variant-numeric:lining-nums}
/* Podcast: Abspielmarke unten rechts statt auf dem Covertitel */
.seite-podcast .player i:not(#_){left:auto;top:auto;right:18px;bottom:18px;margin:0;width:64px;height:64px}
/* Gebärmutter-Clearing: «Mehr lesen» ohne Browser-Dreieck, wie die übrigen Mehr-lesen-Links */
.seite-gebaermutter-clearing details.mehr:not(#_){background:transparent;border:0}
.seite-gebaermutter-clearing details.mehr>summary:not(#_){list-style:none;display:inline-flex;align-items:center;gap:6px}
.seite-gebaermutter-clearing details.mehr>summary::-webkit-details-marker{display:none}
.seite-gebaermutter-clearing details.mehr>summary:after{content:"+"}
.seite-gebaermutter-clearing details.mehr[open]>summary:after{content:"−"}
/* Karten mit Olivenzweig: Zweig und Glaskugel neben dem Text */
:is(.seite-intensivbegleitung,.seite-angebote) .kachel img[src*="/bilder/szene-mentoring"]{object-position:100% 20%!important}
/* Rechtsseiten: Kopf ohne eigenes Marmorstück, keine Naht zum Inhalt */
.recht-kopf:not(#_){background:transparent}
/* Grosse Überschriften: kurze Wörter nicht trennen («Will-kommen», «ge-hört») */
h1,h2{hyphenate-limit-chars:12 5 5}
/* Telefonnummern bleiben ganz */
a[href^="tel:"]{white-space:nowrap}
/* MoLuna */
@media(max-width:900px){.seite-ausbildung-moluna .ml-klein.k1:not(#_){bottom:calc(14% + 14px)}}
@media(max-width:760px){.seite-ausbildung-moluna #kreis>img:not(#_){object-position:28% 50%}}
.seite-ausbildung-moluna .galerie-ml img:is([src*="/bilder/ausb-ml-2026-6"],[src*="/bilder/ausb-ml-2026-3"]){object-position:50% 0%!important}
/* ENC: zwei Videostimmen mittig statt linksbündig */
.seite-ausbildung-enc .videos.mit-video:not(#_){justify-content:center}
/* Produktkarten am Handy: Platz fürs Bild oben, keine Leerfläche */
@media(max-width:760px){.kachel:has(>img.frei):not(#_):not(#_){min-height:0;padding-top:146px}}

/* V7l · Startseite «Wie ich arbeite»: am Handy nach «Bekannt aus» zuerst das Foto, dann die Überschrift (Noel 10.11.) */
@media(max-width:900px){
  .seite-startseite #ich .geteilt:not(#_){row-gap:56px}
  .seite-startseite #ich .geteilt>.medien:not(#_){order:-1}
}