/* Veda Tarot. Nacht und Gold. Eine Datei, keine Abhaengigkeiten. */
@font-face{font-family:"Cormorant";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-cyrillic-400-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/golos-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/golos-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/golos-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/golos-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --nacht:#0C1020; --nacht-2:#111729; --nacht-3:#182039; --lapis:#1D2F5E;
  --pergament:#F1E8D4; --pergament-2:#CFC6B2; --pergament-3:#A39B8A;
  --gold:#C9A961; --gold-hell:#E3CC8E; --gold-dunkel:#8C7445;
  --linie:rgba(201,169,97,.26); --linie-leise:rgba(241,232,212,.10);
  --serif:"Cormorant","Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Golos","Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --rand:clamp(16px,4.2vw,64px); --breite:1320px;
  --kopf:72px;
  --s-1:clamp(.82rem,.78rem + .15vw,.9rem);
  --s0:clamp(1rem,.96rem + .2vw,1.0625rem);
  --s1:clamp(1.18rem,1.08rem + .45vw,1.42rem);
  --s2:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);
  --s3:clamp(2.5rem,1.6rem + 3.6vw,5rem);
  --s4:clamp(3.3rem,1.6rem + 7vw,8.6rem);
  --ease:cubic-bezier(.22,.61,.12,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--kopf)}
html,body{overflow-x:clip}
body{margin:0;background:var(--nacht);color:var(--pergament);font:400 var(--s0)/1.65 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
picture{display:block}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;line-height:.98;letter-spacing:-.012em;text-wrap:balance}
em{font-style:italic;font-family:var(--serif)}
h1 em,h2 em{color:var(--gold-hell);font-weight:400;letter-spacing:-.02em}
::selection{background:var(--gold);color:var(--nacht)}
:focus-visible{outline:2px solid var(--gold-hell);outline-offset:3px;border-radius:2px}
.nur-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.springen{position:absolute;left:12px;top:-60px;z-index:100;background:var(--pergament);color:var(--nacht);padding:10px 14px;text-decoration:none;font-weight:500}
.springen:focus{top:12px}
.innen{width:min(100% - 2*var(--rand),var(--breite));margin-inline:auto}
.marke{font:400 var(--s-1)/1.3 var(--sans);color:var(--gold);letter-spacing:.02em;display:inline-flex;align-items:center;gap:.7em;margin:0 0 1.4rem}
.marke::before{content:"";width:28px;height:1px;background:currentColor;opacity:.8}

/* Raster: zwei feine Fuehrungslinien wie auf einer Skizze */
.raster{position:fixed;inset:0;pointer-events:none;z-index:40}
.raster::before,.raster::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--linie) 12%,var(--linie) 88%,transparent);opacity:.55}
.raster::before{left:max(var(--rand) - 1px,calc((100vw - var(--breite))/2 - 1px))}
.raster::after{right:max(var(--rand) - 1px,calc((100vw - var(--breite))/2 - 1px))}
.kreuz{position:absolute;width:13px;height:13px;pointer-events:none;color:var(--gold);opacity:.85}
.kreuz::before,.kreuz::after{content:"";position:absolute;background:currentColor}
.kreuz::before{left:6px;top:0;width:1px;height:13px}
.kreuz::after{top:6px;left:0;height:1px;width:13px}

/* Kopf */
.kopf{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--kopf);transition:background .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease);border-bottom:1px solid transparent}
.kopf.ist-unten{background:rgba(12,16,32,.78);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--linie-leise)}
.kopf .innen{height:100%;display:flex;align-items:center;gap:1.5rem}
.logo{display:inline-flex;align-items:baseline;gap:.45rem;text-decoration:none;margin-right:auto}
.logo b{font:italic 400 1.9rem/1 var(--serif);letter-spacing:-.01em}
.logo span{font:400 .8rem/1 var(--sans);color:var(--gold);letter-spacing:.06em}
.nav{display:flex;gap:1.9rem;align-items:center}
.nav a{text-decoration:none;font-size:.94rem;color:var(--pergament-2);transition:color .3s}
.nav a:hover{color:var(--pergament)}
.sprachen{display:flex;gap:.15rem;font-size:.82rem}
.sprachen a{text-decoration:none;padding:.3rem .45rem;color:var(--pergament-3);border-radius:2px;min-width:32px;text-align:center}
.sprachen a[aria-current="true"]{color:var(--gold-hell)}
.sprachen a:hover{color:var(--pergament)}
.menue-knopf{display:none;background:none;border:0;color:var(--pergament);width:44px;height:44px;padding:0;cursor:pointer;margin-right:-10px}
.menue-knopf span{display:block;width:22px;height:1px;background:currentColor;margin:6px auto;transition:transform .4s var(--ease),opacity .3s}
.kopf[data-offen] .menue-knopf span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.kopf[data-offen] .menue-knopf span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}

/* Knoepfe */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.85rem 1.5rem;font:500 .95rem/1.2 var(--sans);text-decoration:none;border:1px solid var(--gold);color:var(--nacht);background:var(--gold);border-radius:999px;cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s}
.knopf:hover{background:var(--gold-hell);border-color:var(--gold-hell)}
.knopf--leer{background:transparent;color:var(--pergament);border-color:rgba(241,232,212,.42)}
.knopf--leer:hover{background:rgba(241,232,212,.08);border-color:var(--pergament);color:var(--pergament)}
.knopf--klein{min-height:40px;padding:.55rem 1.1rem;font-size:.88rem}
.knopf[aria-disabled="true"]{opacity:.55;cursor:default;pointer-events:none}
.kopf .knopf,.nav a.knopf{min-height:40px;padding:.5rem 1.15rem;font-size:.88rem;color:var(--nacht)}
.nav a.knopf:hover{color:var(--nacht)}
.knopfreihe{display:flex;flex-wrap:wrap;gap:.8rem}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero__bild{position:absolute;inset:0;z-index:-2}
.hero__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.09);transition:transform 3.2s var(--ease)}
.ist-bereit .hero__bild img{transform:scale(1)}
.hero__schatten{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to top,var(--nacht) 0%,rgba(12,16,32,.86) 22%,rgba(12,16,32,.15) 58%,rgba(12,16,32,.35) 100%)}
.hero__vorhang{position:absolute;inset:0;z-index:-1;display:flex;pointer-events:none}
.hero__vorhang i{flex:1;background:var(--nacht);transition:transform 1.9s cubic-bezier(.7,0,.2,1) .15s}
.ist-bereit .hero__vorhang i:first-child{transform:translateX(-101%)}
.ist-bereit .hero__vorhang i:last-child{transform:translateX(101%)}
.hero__inhalt{position:relative;padding:calc(var(--kopf) + 12vh) 0 clamp(36px,7vh,84px)}
.hero h1{font-size:clamp(3rem,1.1rem + 6.3vw,7.4rem);line-height:.92;margin:0 0 1.6rem}
.hero h1 .zeile{white-space:nowrap}
.hero h1 span{display:block}
.hero__text{max-width:34rem;color:var(--pergament-2);font-size:var(--s1);line-height:1.5;margin-bottom:2rem}
.zeile{display:block;overflow:hidden;padding-bottom:.06em}
.zeile>span{display:block;transform:translateY(105%);transition:transform 1.4s var(--ease)}
.ist-bereit .zeile>span{transform:none}
.ist-bereit .zeile:nth-child(2)>span{transition-delay:.12s}
.hero__unten{opacity:0;transform:translateY(14px);transition:opacity 1.2s var(--ease) .9s,transform 1.2s var(--ease) .9s}
.ist-bereit .hero__unten{opacity:1;transform:none}
.hero__fuss{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:clamp(28px,6vh,64px);font-size:var(--s-1);color:var(--pergament-3)}
.rollen{display:inline-flex;align-items:center;gap:.8rem}
.rollen::after{content:"";width:1px;height:38px;background:linear-gradient(var(--gold),transparent);animation:tropfen 2.6s var(--ease) infinite}
@keyframes tropfen{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero .kreuz--a{left:var(--rand);top:calc(var(--kopf) + 18px)}
.hero .kreuz--b{right:var(--rand);top:calc(var(--kopf) + 18px)}
@media (max-width:899px){
  .hero__bild{bottom:auto;height:70%}
  .hero__bild img{object-position:50% 30%;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}
  .hero__schatten{background:linear-gradient(to top,var(--nacht) 0%,var(--nacht) 30%,rgba(12,16,32,.3) 52%,rgba(12,16,32,0) 70%,rgba(12,16,32,.45) 100%)}
  .hero__inhalt{padding-bottom:28px}
  .hero__text{font-size:1.06rem;margin-bottom:1.4rem}
  .hero .knopfreihe{gap:.6rem;flex-wrap:nowrap}
  .hero .knopf{padding:.75rem 1rem;font-size:.9rem;white-space:nowrap}
  .hero__fuss{display:none}
}
@media (min-width:900px){
  .hero__bild{left:auto;width:78%}
  .hero__bild img{object-position:50% 35%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%);mask-image:linear-gradient(to right,transparent 0,#000 34%)}
  .hero__schatten{background:linear-gradient(to top,var(--nacht) 0%,rgba(12,16,32,0) 34%),linear-gradient(to right,var(--nacht) 18%,rgba(12,16,32,.2) 60%,rgba(12,16,32,0) 100%)}
  .hero__inhalt{padding-bottom:clamp(40px,8vh,96px)}
}

/* Abschnitte */
.abschnitt{position:relative;padding:clamp(96px,16vh,200px) 0}
.abschnitt--eng{padding:clamp(72px,11vh,140px) 0}
.kopfzeile{display:grid;gap:1.4rem;margin-bottom:clamp(40px,7vh,88px)}
.kopfzeile h2{font-size:var(--s3)}
.lead{font-size:var(--s1);line-height:1.55;color:var(--pergament-2);max-width:38rem}

/* Ueber mich */
.ueber{display:grid;gap:clamp(40px,6vw,96px);align-items:center}
.ueber__zitat{font:400 clamp(1.9rem,1.2rem + 2.6vw,3.6rem)/1.14 var(--serif);letter-spacing:-.01em;margin:0 0 2rem;text-wrap:pretty}
.ueber__zitat .w{opacity:.2;transition:opacity .5s linear}
.ueber__zitat .w.an{opacity:1}
.ueber__zitat em{color:var(--gold-hell)}
.unterschrift{font:italic 400 1.5rem/1.2 var(--serif);color:var(--gold)}
.unterschrift small{display:block;font:400 var(--s-1)/1.4 var(--sans);color:var(--pergament-3);margin-top:.35rem;font-style:normal}
.ueber__text{color:var(--pergament-2);max-width:32rem}
.ueber__objekte{position:relative;aspect-ratio:4/5;max-width:520px;width:100%;justify-self:end}
.objekt{position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.objekt--mond{width:78%;right:0;top:0;will-change:transform}
.objekt--kerze{width:46%;left:2%;bottom:0;will-change:transform}
@media (min-width:900px){.ueber{grid-template-columns:1.25fr .75fr}}
@media (max-width:899px){.ueber__objekte{max-width:300px;aspect-ratio:1/1;justify-self:center;order:-1;margin-bottom:-24px}.objekt--mond{width:74%}.objekt--kerze{width:38%;left:4%}.legungen__haende{right:-2%;width:46%;bottom:-12%}}

/* Bogen: Bild oeffnet sich beim Rollen wie ein Fenster */
.bogen{position:relative;height:250vh}
.bogen__buehne{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.bogen__bild{position:absolute;inset:0;--p:0;--k:calc(1 - var(--p));
  clip-path:inset(calc(var(--k)*20%) calc(var(--k)*31%) calc(var(--k)*9%) calc(var(--k)*31%) round calc(var(--k)*40vw) calc(var(--k)*40vw) 0 0)}
.bogen__bild img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.18 - var(--p)*.18))}
.bogen__bild::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 40% at 50% 45%,rgba(12,16,32,.55),rgba(12,16,32,0) 70%),linear-gradient(to top,rgba(12,16,32,.96) 0%,rgba(12,16,32,.8) 22%,rgba(12,16,32,.1) 52%,rgba(12,16,32,.3));opacity:calc(var(--p)*1.4 - .2)}
.bogen__text .lead{text-shadow:0 1px 18px rgba(12,16,32,.9)}
.bogen__text h2{text-shadow:0 2px 30px rgba(12,16,32,.6)}
.bogen__rahmen{position:absolute;inset:0;pointer-events:none;--k:calc(1 - var(--p,0));opacity:calc(1 - var(--p,0)*2.4);
  clip-path:inset(calc(var(--k)*20% - 10px) calc(var(--k)*31% - 10px) calc(var(--k)*9% - 10px) calc(var(--k)*31% - 10px) round calc(var(--k)*40vw + 10px) calc(var(--k)*40vw + 10px) 0 0);
  background:var(--gold-dunkel)}
.bogen__rahmen::after{content:"";position:absolute;inset:0;background:var(--nacht);clip-path:inset(calc(var(--k)*20% - 9px) calc(var(--k)*31% - 9px) calc(var(--k)*9% - 9px) calc(var(--k)*31% - 9px) round calc(var(--k)*40vw + 9px) calc(var(--k)*40vw + 9px) 0 0)}
.bogen__text{position:relative;z-index:2;text-align:center;opacity:calc(var(--p)*2.4 - 1.25);transform:translateY(calc((1 - var(--p))*40px));padding-inline:var(--rand)}
.bogen__text h2{font-size:var(--s4);line-height:.92;margin-bottom:1.6rem}
.bogen__text .lead{margin-inline:auto;color:var(--pergament)}
.saeulen{position:absolute;left:0;right:0;bottom:clamp(28px,6vh,72px);z-index:2;opacity:calc(var(--p)*3 - 2.1)}
.saeulen ol{list-style:none;margin:0;padding:0;display:grid;gap:1.5rem}
.saeulen li{border-top:1px solid var(--linie);padding-top:1.1rem}
.saeulen h3{font-size:var(--s2);margin-bottom:.5rem}
.saeulen p{color:var(--pergament-2);margin:0;font-size:.98rem;max-width:26rem}
@media (min-width:900px){.saeulen ol{grid-template-columns:repeat(3,1fr);gap:2.5rem}.bogen__text{margin-bottom:20vh}}
@media (max-width:899px){
  .bogen{height:auto}
  .bogen__buehne{position:relative;height:auto;min-height:100svh;display:block;padding:calc(var(--kopf) + 40px) 0 48px}
  .bogen__bild{clip-path:none!important}
  .bogen__bild img{transform:none}
  .bogen__bild::after{opacity:1;background:linear-gradient(to top,rgba(12,16,32,.96) 0%,rgba(12,16,32,.82) 45%,rgba(12,16,32,.2) 75%,rgba(12,16,32,.45))}
  .bogen__rahmen{display:none}
  .bogen__text,.saeulen{opacity:1;transform:none;position:relative;bottom:auto}
  .bogen__text{text-align:left;margin-top:34vh}
  .bogen__text .lead{margin-inline:0}
  .saeulen{margin-top:48px}
}

/* Legungen */
.legungen{display:grid;gap:clamp(48px,6vw,110px)}
.gemaelde{position:relative;margin:0}
.gemaelde__rahmen{position:relative;padding:10px;border:1px solid var(--linie);background:linear-gradient(140deg,rgba(201,169,97,.10),rgba(201,169,97,0) 40%)}
.gemaelde__rahmen::after{content:"";position:absolute;inset:4px;border:1px solid rgba(201,169,97,.14);pointer-events:none}
.gemaelde img{width:100%;height:auto;clip-path:inset(0 0 calc((1 - var(--p,1))*100%) 0);transition:clip-path .2s linear}
.gemaelde figcaption{font-size:var(--s-1);color:var(--pergament-3);margin-top:.9rem}
.legungen__bild{position:relative}
.legungen__haende{position:absolute;width:52%;right:-8%;bottom:-16%;-webkit-mask-image:radial-gradient(closest-side,#000 58%,transparent 100%);mask-image:radial-gradient(closest-side,#000 58%,transparent 100%)}
.formate{list-style:none;margin:0 0 3rem;padding:0;border-top:1px solid var(--linie)}
.formate li{display:grid;gap:.5rem 2rem;padding:1.6rem 0;border-bottom:1px solid var(--linie)}
.formate h3{font-size:var(--s2);line-height:1.05}
.formate p{margin:0;color:var(--pergament-2);max-width:30rem}
.preis{font-size:var(--s-1);color:var(--gold);white-space:nowrap}
@media (min-width:640px){.formate li{grid-template-columns:1fr auto}.formate p{grid-column:1}.preis{grid-row:1;grid-column:2;align-self:end;padding-bottom:.35rem}}
.schritte{list-style:none;margin:0 0 2.6rem;padding:0;display:grid;gap:1rem;counter-reset:s}
.schritte li{display:grid;grid-template-columns:2.4rem 1fr;align-items:baseline;color:var(--pergament-2);counter-increment:s}
.schritte li::before{content:counter(s,upper-roman);font:italic 400 1.35rem/1 var(--serif);color:var(--gold)}
.untertitel{font:400 var(--s2)/1.1 var(--serif);margin:0 0 1.2rem}
@media (min-width:900px){.legungen{grid-template-columns:.9fr 1.1fr;align-items:start}.legungen__bild{position:sticky;top:calc(var(--kopf) + 40px)}}

/* Echte Bilder */
.echt{display:grid;gap:1.4rem;grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--rand));padding:0 var(--rand) 1rem;scrollbar-width:none}
.echt::-webkit-scrollbar{display:none}
.echt figure{margin:0;scroll-snap-align:center}
.echt .gemaelde__rahmen{padding:8px}
.echt .gemaelde__rahmen picture{position:relative}
.echt .gemaelde__rahmen picture::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 45%,rgba(12,16,32,.55) 100%);pointer-events:none}
.echt img{aspect-ratio:1/1.1;object-fit:cover;width:100%}
@media (min-width:700px){.echt{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin-inline:0;padding:0}.echt figure:nth-child(2){transform:translateY(48px)}}
.echt-kopf{display:grid;gap:1.6rem;margin-bottom:clamp(40px,6vh,72px)}
@media (min-width:900px){.echt-kopf{grid-template-columns:1fr auto;align-items:end}}

/* Kurs */
.kurs{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.kurs__bild{position:absolute;inset:-8% 0;z-index:-2}
.kurs__bild img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.kurs::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(12,16,32,.95) 0%,rgba(12,16,32,.86) 38%,rgba(12,16,32,.25) 75%,rgba(12,16,32,.4)),linear-gradient(to top,var(--nacht),transparent 25%),linear-gradient(to bottom,var(--nacht),transparent 20%)}
.kurs__inhalt{max-width:40rem;padding:clamp(96px,14vh,170px) 0}
.kurs h2{font-size:var(--s3);margin-bottom:1.6rem}
.stufen{list-style:none;margin:2.4rem 0;padding:0;counter-reset:k}
.stufen li{counter-increment:k;display:grid;grid-template-columns:3.2rem 1fr;align-items:baseline;padding:.95rem 0;border-top:1px solid var(--linie);font:400 var(--s1)/1.35 var(--serif)}
.stufen li:last-child{border-bottom:1px solid var(--linie)}
.stufen li::before{content:counter(k,upper-roman);font:italic 400 1.2rem/1 var(--serif);color:var(--gold)}
.hinweis{font-size:.95rem;color:var(--pergament-3);margin:0 0 1.6rem}
@media (max-width:899px){.kurs::before{background:linear-gradient(to top,rgba(12,16,32,.97) 0%,rgba(12,16,32,.9) 55%,rgba(12,16,32,.35) 85%,rgba(12,16,32,.6))}.kurs{align-items:flex-end}.kurs__inhalt{padding-top:52vh}}

/* Podcast */
.podcast{display:grid;gap:clamp(40px,5vw,96px);align-items:start}
.podcast h3{font-size:var(--s2);line-height:1.08;margin:0 0 1rem}
.kapitel{list-style:none;margin:1.8rem 0 2.2rem;padding:0;columns:1;column-gap:2.5rem}
.kapitel li{break-inside:avoid;display:grid;grid-template-columns:3.4rem 1fr;gap:.6rem;padding:.6rem 0;border-top:1px solid var(--linie-leise);font-size:.95rem;color:var(--pergament-2)}
.kapitel time{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.85rem;padding-top:.15em}
@media (min-width:900px){.podcast{grid-template-columns:1fr 1fr}.kapitel{columns:2}}

/* Stimmen (bleibt aus, bis echte Stimmen mit Einverstaendnis vorliegen) */
.stimmen[hidden]{display:none}

/* Kontakt */
.kontakt{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:flex;align-items:center}
.kontakt__bild{position:absolute;inset:0;z-index:-2}
.kontakt__bild img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.kontakt::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(12,16,32,.82) 0%,rgba(12,16,32,.55) 45%,rgba(12,16,32,0) 75%),linear-gradient(to bottom,var(--nacht),transparent 18%,transparent 82%,var(--nacht))}
.kontakt__karte{width:min(100%,560px);padding:clamp(96px,14vh,160px) 0}
.kontakt h2{font-size:var(--s3);margin-bottom:1.2rem}
.formular{display:grid;gap:1.15rem;margin-top:2rem;padding:clamp(20px,3vw,34px);background:rgba(12,16,32,.62);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--linie)}
.feld{display:grid;gap:.45rem}
.feld label,.feld legend{font-size:.88rem;color:var(--pergament-2)}
.feld input,.feld textarea{width:100%;font:400 1rem/1.45 var(--sans);color:var(--pergament);background:rgba(241,232,212,.04);border:0;border-bottom:1px solid rgba(241,232,212,.32);padding:.7rem .1rem;border-radius:0;transition:border-color .3s,background .3s}
.feld textarea{min-height:128px;resize:vertical;border:1px solid rgba(241,232,212,.22);padding:.75rem .8rem}
.feld input:focus,.feld textarea:focus{outline:none;border-color:var(--gold-hell);background:rgba(241,232,212,.07)}
.feld [aria-invalid="true"]{border-color:#E29A86}
.fehler{font-size:.84rem;color:#F0B3A3;min-height:0}
fieldset.feld{border:0;padding:0;margin:0}
.wahl{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}
.wahl input{position:absolute;opacity:0;width:1px;height:1px}
.wahl label{display:inline-flex;align-items:center;min-height:40px;padding:.45rem 1rem;border:1px solid rgba(241,232,212,.3);border-radius:999px;cursor:pointer;font-size:.9rem;color:var(--pergament-2);transition:all .25s}
.wahl input:checked+label{background:var(--pergament);color:var(--nacht);border-color:var(--pergament)}
.wahl input:focus-visible+label{outline:2px solid var(--gold-hell);outline-offset:2px}
.zustimmung{display:grid;grid-template-columns:22px 1fr;gap:.7rem;align-items:start;font-size:.86rem;color:var(--pergament-2);line-height:1.5}
.zustimmung input{width:20px;height:20px;margin:.1rem 0 0;accent-color:var(--gold)}
.zustimmung a{color:var(--gold-hell)}
.honig{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.status{font-size:.95rem;line-height:1.5}
.status:empty{display:none}
.status--ok{color:var(--gold-hell)}
.status--rueck{color:var(--pergament)}
.direkt{margin-top:1.6rem;font-size:.95rem;color:var(--pergament-2);display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.direkt a{color:var(--pergament);text-decoration-color:var(--gold-dunkel);text-underline-offset:4px}
@media (max-width:899px){.kontakt{align-items:flex-end}.kontakt::before{background:linear-gradient(to top,rgba(12,16,32,.94) 0%,rgba(12,16,32,.82) 60%,rgba(12,16,32,.3) 90%),linear-gradient(to bottom,var(--nacht),transparent 14%)}.kontakt__karte{padding-top:36vh}}

/* Fuss */
.fuss{padding:clamp(72px,10vh,120px) 0 40px;border-top:1px solid var(--linie-leise);font-size:.9rem;color:var(--pergament-3)}
.fuss__oben{display:grid;gap:2rem;margin-bottom:3rem}
.fuss .logo b{font-size:2.6rem}
.fuss nav{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.fuss a{text-decoration:none;color:var(--pergament-2)}
.fuss a:hover{color:var(--pergament)}
.fuss__klein{display:grid;gap:.6rem;max-width:52rem;font-size:.82rem;line-height:1.55}
@media (min-width:900px){.fuss__oben{grid-template-columns:1fr auto;align-items:end}}

/* Handy-Menue */
@media (max-width:899px){
  :root{--kopf:64px}
  .nav,.kopf .knopf--kopf{display:none}
  .menue-knopf{display:block}
  .kopf[data-offen]{background:var(--nacht);height:100svh}
  .kopf[data-offen] .nav{display:flex;position:absolute;top:var(--kopf);left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:2rem var(--rand)}
  .kopf[data-offen] .nav a{font:400 2.4rem/1.25 var(--serif);color:var(--pergament);padding:.35rem 0}
  .kopf[data-offen] .nav .knopf{display:inline-flex;margin-top:1.6rem;font:500 1rem/1.2 var(--sans);color:var(--nacht);padding:.85rem 1.5rem}
  .logo b{font-size:1.65rem}
}

/* Link-Seite */
.links-seite{min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;padding:48px 16px}
.links-seite__bild{position:fixed;inset:0;z-index:-2}
.links-seite__bild img{width:100%;height:100%;object-fit:cover}
.links-seite::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(12,16,32,.55),rgba(12,16,32,.86) 45%,rgba(12,16,32,.95))}
.links-karte{width:min(100%,440px);text-align:center}
.links-karte .siegel{width:96px;height:96px;margin:0 auto 1.2rem;border-radius:50%;overflow:hidden;border:1px solid var(--gold);padding:4px}
.links-karte .siegel{background:var(--hell)}
.links-karte .siegel img{border-radius:50%;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.08) brightness(1.04)}
.links-karte h1{font-size:2.8rem;font-style:italic;margin-bottom:.5rem}
.links-karte p{color:var(--pergament-2)}
.links-liste{list-style:none;margin:2rem 0;padding:0;display:grid;gap:.75rem}
.links-liste a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:.8rem 1.2rem;border:1px solid rgba(241,232,212,.28);background:rgba(12,16,32,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;font-size:1rem;transition:all .3s;border-radius:999px}
.links-liste a:hover{border-color:var(--gold);background:rgba(201,169,97,.12)}
.links-liste .haupt{background:var(--gold);color:var(--nacht);border-color:var(--gold);font-weight:500}
.links-liste .haupt:hover{background:var(--gold-hell)}
.links-fuss{font-size:.8rem;color:var(--pergament-3);display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem 1.2rem}
.links-fuss a{color:var(--pergament-3);text-decoration:none}

/* Rechtstexte */
.recht{padding:calc(var(--kopf) + 48px) 0 80px}
.recht main{max-width:46rem}
.recht h1{font-size:var(--s3);margin:.4rem 0 1.4rem}
.recht h2{font-size:var(--s2);margin:2.4rem 0 .6rem;line-height:1.1}
.recht h3{font-size:1.35rem;margin:1.6rem 0 .4rem}
.recht p,.recht li{color:var(--pergament-2)}
.recht a{color:var(--gold-hell)}
.recht .mu{font-size:.9rem;color:var(--pergament-3)}
.recht nav.reiter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.recht nav.reiter a{padding:.45rem 1rem;border:1px solid var(--linie);border-radius:999px;text-decoration:none;font-size:.9rem;color:var(--pergament)}
.recht section.l{display:none}
.recht section.l:target{display:block}
.recht section.l.standard{display:block}
.recht main:has(section.l:target) section.l.standard:not(:target){display:none}
.recht address{font-style:normal;color:var(--pergament-2);line-height:1.7}
.recht .neu{border-left:2px solid var(--gold-dunkel);padding-left:1rem}

/* Sprachwahl Startseite */
.wahlseite{min-height:100svh;display:grid;place-items:center;text-align:center;position:relative;isolation:isolate;padding:32px 16px}
.wahlseite h1{font-size:var(--s4);font-style:italic}
.wahlseite p{color:var(--pergament-2)}

/* ===== Runde 3 (nach Kritik): Hell-Dunkel-Rhythmus, Buehnen statt Kaestchen, wiederkehrender Granatapfel ===== */
:root{--hell:#EEE5D1;--hell-2:#E6DAC0;--tinte:#151A2C;--tinte-2:#3E4152;--gold-tief:#7A5A20;--s-1:clamp(.88rem,.84rem + .15vw,.95rem)}
.knopf{border-radius:2px;letter-spacing:.01em}
.kopf .knopf,.nav a.knopf{border-radius:2px}

/* Helle Abschnitte: Papier */
.hell{background:var(--hell);color:var(--tinte);position:relative;isolation:isolate}
.hell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .47  0 0 0 0 .33  0 0 0 .18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.hell .marke{color:var(--gold-tief)}
.hell h2 em,.hell h1 em{color:var(--gold-tief)}
.hell .lead,.hell p{color:var(--tinte-2)}
.hell .knopf--leer{color:var(--tinte);border-color:rgba(21,26,44,.45)}
.hell .knopf--leer:hover{background:rgba(21,26,44,.06);border-color:var(--tinte);color:var(--tinte)}
.hell a{color:var(--tinte)}
.hell :focus-visible{outline-color:var(--gold-tief)}
.objekt-hell{mix-blend-mode:multiply;pointer-events:none}
.objekt-hell img{filter:contrast(1.08) brightness(1.04)}

/* Ueber mich: Objekte links auf Papier, Zitat rechts */
.ueber{grid-template-columns:1fr}
.ueber__objekte{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;justify-self:start}
.ueber__objekte .objekt--mond{position:absolute;width:82%;left:0;top:0}
.ueber__objekte .objekt--granat{position:absolute;width:52%;right:0;bottom:-4%}
.ueber__zitat{color:var(--tinte)}
.ueber__zitat em{color:var(--gold-tief)}
.hell .unterschrift{color:var(--gold-tief)}
.hell .unterschrift small{color:var(--tinte-2)}
@media (min-width:900px){.ueber{grid-template-columns:1.15fr .85fr}.ueber__objekte{justify-self:end}}
@media (max-width:899px){.ueber__objekte{max-width:280px;justify-self:center;margin:0 auto -8px;order:0}}

/* Legungen: Gemaelde als Buehne bis an den linken Rand */
.legungen{display:grid;grid-template-columns:1fr;gap:clamp(40px,5vw,96px)}
.legungen__bild{position:relative;top:auto}
.legungen__bild img{width:100%;aspect-ratio:4/3;object-fit:cover}
.legungen__text{padding-inline:var(--rand)}
.ablauf{color:var(--pergament-2);max-width:32rem;margin-bottom:2rem}
@media (min-width:900px){
  .legungen{grid-template-columns:54% 1fr;align-items:center;padding-right:max(var(--rand),calc((100vw - var(--breite))/2))}
  .legungen__bild{position:sticky;top:0}
  .legungen__bild img{aspect-ratio:auto;height:100svh;min-height:640px;-webkit-mask-image:linear-gradient(to right,#000 72%,transparent);mask-image:linear-gradient(to right,#000 72%,transparent)}
  .legungen__text{padding:0}
  #legungen.abschnitt{padding:0}
  .legungen__text{padding-block:clamp(96px,14vh,170px)}
}

/* Zitat ueber dem goldenen Granatapfel */
.zitat{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.zitat__bild{position:absolute;inset:-10% 0;z-index:-2}
.zitat__bild img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.zitat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(12,16,32,.86) 0%,rgba(12,16,32,.55) 34%,rgba(12,16,32,0) 62%),linear-gradient(to bottom,var(--nacht),transparent 16%,transparent 84%,var(--nacht))}
.zitat__text{font:400 clamp(3rem,1.2rem + 6.4vw,8.4rem)/.92 var(--serif);letter-spacing:-.02em;margin:0 0 2rem;max-width:12ch;color:var(--pergament);text-wrap:balance}
.zitat__text em{color:var(--gold-hell)}
.zitat__quelle a{color:var(--pergament-2);font-size:var(--s-1);text-decoration-color:var(--gold-dunkel);text-underline-offset:5px}
@media (max-width:899px){.zitat{align-items:flex-end}.zitat::before{background:linear-gradient(to top,rgba(12,16,32,.95) 0%,rgba(12,16,32,.6) 45%,rgba(12,16,32,.05) 75%),linear-gradient(to bottom,var(--nacht),transparent 14%)}.zitat__inhalt{padding-bottom:64px}}

/* Echte Bilder auf Papier, im Passepartout */
.abschnitt--echt .innen{position:relative}
.echt__hand{position:absolute;left:44%;top:calc(-1 * clamp(60px,8vw,130px));width:clamp(110px,11vw,180px);z-index:1}
.hell .echt .gemaelde__rahmen{background:#FBF7EE;padding:14px 14px 16px;border:1px solid rgba(122,90,32,.32);box-shadow:0 22px 40px -30px rgba(21,26,44,.55)}
.hell .echt .gemaelde__rahmen::after{inset:6px;border-color:rgba(122,90,32,.18)}
.hell .echt figcaption{color:var(--tinte-2)}
.echt .gemaelde__rahmen picture::after{background:radial-gradient(ellipse 80% 75% at 50% 45%,transparent 55%,rgba(40,28,10,.32) 100%)}
.hell .echt-kopf h2{max-width:12ch}
@media (max-width:899px){.echt__hand{width:92px;top:-58px;left:auto;right:0}.hell .echt-kopf{padding-right:84px}}

/* Kurs: groessere Ueberschrift */
.kurs h2{font-size:var(--s4);line-height:.92}

/* Podcast: halbe Buehne, Papier daneben */
.podcast{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}
.podcast__bild img{width:100%;aspect-ratio:4/3;object-fit:cover}
.podcast__text{padding:56px var(--rand) 88px;align-self:center}
.podcast h2{font-size:var(--s3);margin-bottom:2rem;color:var(--tinte)}
.podcast__folge{font-size:var(--s-1);color:var(--gold-tief)!important;margin:0 0 .6rem}
.podcast h3{font-size:var(--s2);line-height:1.08;margin:0 0 1rem;color:var(--tinte)}
.podcast__beschreibung{max-width:34rem}
details.kapitel{margin:1.6rem 0 2.2rem;border-top:1px solid rgba(21,26,44,.18);border-bottom:1px solid rgba(21,26,44,.18);columns:auto}
details.kapitel summary{cursor:pointer;list-style:none;padding:1rem 0;font-size:.95rem;color:var(--tinte);display:flex;justify-content:space-between;align-items:center}
details.kapitel summary::-webkit-details-marker{display:none}
details.kapitel summary::after{content:"+";font:400 1.6rem/1 var(--serif);color:var(--gold-tief);transition:transform .3s}
details.kapitel[open] summary::after{transform:rotate(45deg)}
details.kapitel ol{list-style:none;margin:0 0 1rem;padding:0}
.hell .kapitel li{border-top-color:rgba(21,26,44,.1);color:var(--tinte-2)}
.hell .kapitel time{color:var(--gold-tief)}
.hell .knopf[aria-disabled="true"]{background:transparent;color:var(--tinte-2);border-color:rgba(21,26,44,.3);opacity:1}
@media (min-width:900px){
  .podcast{grid-template-columns:52% 1fr;min-height:100svh}
  .podcast__bild{position:relative}
  .podcast__bild picture,.podcast__bild img{height:100%}
  .podcast__bild img{aspect-ratio:auto;min-height:100svh}
  .podcast__text{padding:clamp(80px,12vh,140px) max(var(--rand),calc((100vw - var(--breite))/2)) clamp(80px,12vh,140px) clamp(40px,5vw,96px)}
}

/* Kontakt: helle Karte auf dem Nachtbild */
.formular{background:var(--hell);color:var(--tinte);border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.formular .feld label,.formular .feld legend{color:var(--tinte-2)}
.formular .feld input,.formular .feld textarea{color:var(--tinte);background:rgba(21,26,44,.03);border-color:rgba(21,26,44,.35)}
.formular .feld textarea{border-color:rgba(21,26,44,.25)}
.formular .feld input:focus,.formular .feld textarea:focus{border-color:var(--gold-tief);background:#FBF7EE}
.formular .wahl label{border-color:rgba(21,26,44,.32);color:var(--tinte-2)}
.formular .wahl input:checked+label{background:var(--tinte);color:var(--hell);border-color:var(--tinte)}
.formular .zustimmung{color:var(--tinte-2)}
.formular .zustimmung a{color:var(--gold-tief)}
.formular .fehler{color:#9B2C1A}
.formular .status--ok{color:#3D5A2A}
.formular .status--rueck{color:var(--tinte)}
.formular :focus-visible{outline-color:var(--gold-tief)}
.formular .feld span[style]{color:#6B6A70!important}

/* Hero: neues Bild fuellt die ganze Breite, links liegt ohnehin Schatten */
@media (min-width:900px){
  .hero__bild{width:100%}
  .hero__bild img{object-position:62% 40%;-webkit-mask-image:none;mask-image:none}
  .hero__schatten{background:linear-gradient(to top,var(--nacht) 0%,rgba(12,16,32,0) 30%),linear-gradient(to right,rgba(12,16,32,.88) 0%,rgba(12,16,32,.55) 32%,rgba(12,16,32,0) 58%)}
}
.fuss__klein{font-size:.9rem}
.fuss nav{font-size:.95rem}

/* ===== Runde 4 (Kritik 2): ruhigere Knoepfe, groessere hellere Lesetexte, Papierkanten, Formular als Briefbogen ===== */
:root{--pergament-2:#DDD4C1;--pergament-3:#B5AD9C;--s0:clamp(1.03rem,.97rem + .3vw,1.15rem);--s1:clamp(1.2rem,1.08rem + .55vw,1.5rem)}
body{line-height:1.7}

/* Knoepfe: Haarlinie, Serife, Gold nur als Linie */
.knopf{background:transparent;color:var(--gold-hell);border:1px solid var(--gold);font:500 1.12rem/1.1 var(--serif);letter-spacing:.03em;padding:.8rem 1.6rem;min-height:50px}
.knopf:hover{background:var(--gold);color:var(--nacht);border-color:var(--gold)}
.knopf--leer{color:var(--pergament);border-color:rgba(241,232,212,.38)}
.knopf--leer:hover{background:rgba(241,232,212,.1);color:var(--pergament);border-color:var(--pergament)}
.kopf .knopf,.nav a.knopf{background:transparent;color:var(--gold-hell);font:500 1.02rem/1 var(--serif);min-height:38px;padding:.5rem 1.1rem}
.kopf .knopf:hover,.nav a.knopf:hover{background:var(--gold);color:var(--nacht)}
.hell .knopf{color:var(--tinte);border-color:var(--gold-tief)}
.hell .knopf:hover{background:var(--tinte);color:var(--hell);border-color:var(--tinte)}
.sprachen{font-size:.74rem;opacity:.8}
.sprachen a{padding:.3rem .35rem;min-width:28px}

/* Lesetexte */
.lead{color:var(--pergament-2)}
.hell .lead,.hell p{color:#33364A}
.formate p,.saeulen p{font-size:var(--s0)}
.preis-zeile{font:italic 400 1.25rem/1.4 var(--serif);color:var(--gold-hell);margin:-1.4rem 0 2.6rem}

/* Papierkanten statt harter Blockgrenzen */
.kante{position:absolute;left:0;right:0;height:22px;background:var(--hell);pointer-events:none;z-index:1;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 22' preserveAspectRatio='none'><path d='M0 22 L0 12 L40 9 L82 13 L130 8 L171 11 L220 6 L262 10 L310 7 L356 12 L401 8 L450 10 L497 5 L540 9 L590 7 L633 12 L680 8 L728 10 L771 6 L820 11 L862 7 L910 10 L955 6 L1002 11 L1048 8 L1093 12 L1140 7 L1200 10 L1200 22 Z' fill='black'/></svg>") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 22' preserveAspectRatio='none'><path d='M0 22 L0 12 L40 9 L82 13 L130 8 L171 11 L220 6 L262 10 L310 7 L356 12 L401 8 L450 10 L497 5 L540 9 L590 7 L633 12 L680 8 L728 10 L771 6 L820 11 L862 7 L910 10 L955 6 L1002 11 L1048 8 L1093 12 L1140 7 L1200 10 L1200 22 Z' fill='black'/></svg>") center/100% 100% no-repeat}
.kante--oben{top:-21px}
.kante--unten{bottom:-21px;transform:scaleY(-1)}

/* Legungen: Bild nicht mehr klebend, fuellt die Hoehe des Textes */
@media (min-width:900px){
  .legungen{align-items:stretch}
  .legungen__bild{position:relative}
  .legungen__bild picture{height:100%}
  .legungen__bild img{height:100%;min-height:720px;object-position:30% 60%}
}

/* Echte Fotos: gerade, goldene Haarlinie, warm getoent, kein Schatten */
.hell .echt .gemaelde__rahmen{background:#F6F0E2;padding:12px;border:1px solid var(--gold-tief);box-shadow:none}
.hell .echt .gemaelde__rahmen::after{inset:5px;border:1px solid rgba(122,90,32,.35)}
.echt img{filter:sepia(.28) saturate(.82) contrast(1.06) brightness(.97)}
@media (min-width:700px){.echt figure:nth-child(2){transform:none}}
.echt-hinweis{font-size:.9rem;color:#5A5648;margin-top:1.2rem}

/* Formular als Briefbogen */
.formular{background:#F3ECDC;padding:clamp(24px,3.4vw,40px);box-shadow:0 40px 80px -40px rgba(0,0,0,.75);outline:1px solid rgba(122,90,32,.45);outline-offset:-10px}
.formular .feld label,.formular .feld legend{font:italic 400 1.15rem/1.2 var(--serif);color:var(--tinte)}
.formular .feld input{background:transparent;border:0;border-bottom:1px solid rgba(21,26,44,.4);padding:.55rem 0;font-size:1.02rem}
.formular .feld textarea{background:transparent;border:0;border-bottom:1px solid rgba(21,26,44,.4);padding:.55rem 0;min-height:96px;font-size:1.02rem}
.formular .feld input:focus,.formular .feld textarea:focus{background:transparent;border-bottom:1px solid var(--gold-tief);box-shadow:0 1px 0 var(--gold-tief)}
.formular .wahl label{border-radius:2px;font:500 1.02rem/1 var(--serif);letter-spacing:.02em;min-height:38px}
.formular .zustimmung input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--gold-tief);border-radius:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.formular .zustimmung input:checked{background:var(--tinte);border-color:var(--tinte)}
.formular .zustimmung input:checked::after{content:"";width:9px;height:5px;border:solid var(--hell);border-width:0 0 1.5px 1.5px;transform:translateY(-1px) rotate(-45deg)}
.formular .knopf{color:var(--tinte);border-color:var(--gold-tief)}
.formular .knopf:hover{background:var(--tinte);color:var(--hell)}
.formular .feld span[style]{font:400 .9rem/1 var(--sans)}

.hell{z-index:2}

.hero::after{content:"";position:absolute;left:0;right:0;top:0;height:160px;z-index:-1;background:linear-gradient(to bottom,rgba(12,16,32,.7),rgba(12,16,32,0));pointer-events:none}
.kurs::before{background:linear-gradient(to right,rgba(12,16,32,.9) 0%,rgba(12,16,32,.62) 36%,rgba(12,16,32,0) 66%),linear-gradient(to top,var(--nacht),transparent 20%),linear-gradient(to bottom,var(--nacht),transparent 16%)}
.kurs__bild img{filter:brightness(1.12) saturate(1.05)}
.saeulen p{color:var(--pergament);opacity:.9;font-size:1.04rem}
.nav a{font-size:.98rem;color:var(--pergament)}
.podcast__bild img{filter:brightness(1.1)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero__bild img{transform:none}
  .hero__vorhang{display:none}
  .zeile>span,.hero__unten{transform:none;opacity:1}
  .bogen{height:auto}
  .bogen__buehne{position:relative}
  .bogen__bild{clip-path:none}
  .bogen__bild img{transform:none}
  .bogen__bild::after,.bogen__text,.saeulen{opacity:1;transform:none}
  .bogen__rahmen{display:none}
  .ueber__zitat .w{opacity:1}
  .gemaelde img{clip-path:none}
}
@media (prefers-reduced-motion:reduce) and (min-width:900px){
  .bogen__buehne{min-height:100svh;padding:120px 0}
  .saeulen{position:relative;bottom:auto;margin-top:64px}
}