@font-face{font-family:Saira;src:url(fonts/saira-semi-condensed-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Saira;src:url(fonts/saira-semi-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Mono;src:url(fonts/jetbrains-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --grund:#121110; --flaeche:#1b1916; --flaeche2:#24211d; --linie:#35302a;
  --text:#ece6dc; --leise:#a59c8f; --gold:#d6a453; --kupfer:#c2593a; --gut:#7fb07a;
  --radius:14px; --skala:1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:calc(17px * var(--skala))}
body{margin:0;background:var(--grund);color:var(--text);font:400 1rem/1.6 Barlow,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Saira,Barlow,sans-serif;font-weight:700;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.5vw,3.4rem)} h2{font-size:1.6rem} h3{font-size:1.15rem}
a{color:var(--gold);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
mark{background:#f3d34a;color:#1a1400;padding:0 .25em;border-radius:3px}
.mono{font-family:Mono,ui-monospace,monospace;letter-spacing:.02em}
.klein{font-size:.85rem;color:var(--leise)} .gold{color:var(--gold)}
.lead{font-size:1.15rem;color:var(--leise);max-width:60ch}

/* Lader: ruhig, kein Blinken */
#lader{position:fixed;inset:0;background:var(--grund);display:grid;place-content:center;justify-items:center;gap:14px;z-index:99;transition:opacity .5s}
#lader.weg{opacity:0;pointer-events:none}
.lader-ring{width:46px;height:46px;border-radius:50%;border:2px solid var(--linie);border-top-color:var(--gold);animation:dreh 1.4s linear infinite}
#lader span{font:400 .8rem Mono,monospace;color:var(--leise)}
@keyframes dreh{to{transform:rotate(360deg)}}

/* Kopf */
.kopf{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:12px max(16px,4vw);background:rgba(18,17,16,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.marke{display:flex;align-items:center;gap:10px;color:var(--text)} .marke:hover{text-decoration:none}
.marke-mn{display:inline-grid;place-content:center;width:38px;height:38px;border:1.5px solid var(--gold);border-radius:10px;font:700 1rem Saira,sans-serif;color:var(--gold)}
.marke-name{font:700 1.05rem Saira,sans-serif}
.haupt{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.haupt a{color:var(--leise);padding:6px 10px;border-radius:8px;font-weight:600;font-size:.92rem}
.haupt a:hover,.haupt a.an{color:var(--text);background:var(--flaeche2);text-decoration:none}
.kopf-rechts{display:flex;align-items:center;gap:6px}
.live{font-size:.75rem;color:var(--leise);margin-right:6px;white-space:nowrap}
.ikon{background:var(--flaeche);border:1px solid var(--linie);color:var(--text);border-radius:10px;min-width:38px;height:38px;cursor:pointer;font-size:1rem;position:relative}
.ikon:hover{border-color:var(--gold)}
.ikon b{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#1a1400;font:700 .65rem Barlow;border-radius:99px;padding:1px 5px}
.menue-knopf{display:none}

main{max-width:1180px;margin:0 auto;padding:0 max(16px,4vw) 60px}
.seite{animation:ein .4s ease}
@keyframes ein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Hero */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding:56px 0 40px}
.hero-bild{margin:0;position:relative}
.hero-bild img{border-radius:22px;aspect-ratio:1;object-fit:cover;filter:saturate(.9) contrast(1.05);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.hero-bild::after{content:"";position:absolute;inset:-10px;border:1px solid var(--linie);border-radius:28px;pointer-events:none}
.knoepfe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:10px;border:1px solid var(--linie);background:var(--flaeche);color:var(--text);font:600 .95rem Barlow,sans-serif;cursor:pointer}
.knopf:hover{border-color:var(--gold);text-decoration:none}
.knopf.voll{background:var(--gold);border-color:var(--gold);color:#1a1400}
.knopf.an{border-color:var(--gold);color:var(--gold)}
.abschnitt{margin:48px 0 18px;padding-top:18px;border-top:1px solid var(--linie)}

/* Kacheln */
.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.kachel{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:18px;color:var(--text);display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .2s}
.kachel:hover{border-color:var(--gold);transform:translateY(-2px);text-decoration:none}
.kachel .zahl{font:700 2rem Saira,sans-serif;color:var(--gold)}
.neu{display:inline-block;background:var(--kupfer);color:#fff;font:700 .65rem Barlow;padding:2px 7px;border-radius:99px;margin-left:6px;vertical-align:middle;letter-spacing:.05em}

/* News */
.liste-news{display:grid;gap:10px}
.news{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:start;padding:16px;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche)}
.news time{font:400 .8rem Mono,monospace;color:var(--leise);padding-top:3px}
.news h3{margin:0 0 4px}
.news p{margin:0;color:var(--leise)}

.hinweis-kasten{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px;border-radius:var(--radius);background:linear-gradient(120deg,#2a2017,#1b1916);border:1px solid #4a3a26}
.hinweis-kasten p{margin:0;color:var(--leise)}

/* Seitenkopf + Leisten */
.seitenkopf{padding:44px 0 10px}
.pfad{font-size:.75rem;color:var(--leise);margin:0 0 10px}
.werkzeugleiste{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}
.filter{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.filter button{background:var(--flaeche);border:1px solid var(--linie);color:var(--leise);border-radius:99px;padding:6px 13px;font:600 .85rem Barlow;cursor:pointer}
.filter button.an{color:#1a1400;background:var(--gold);border-color:var(--gold)}
.filter button span{opacity:.7;margin-left:4px}
select,input,textarea{background:var(--flaeche);border:1px solid var(--linie);color:var(--text);border-radius:10px;padding:9px 12px;font:400 1rem Barlow,sans-serif;max-width:100%}
select:focus,input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}

/* Karten */
.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px}
.karte .marken{display:flex;gap:6px;flex-wrap:wrap}
.etikett{font:400 .7rem Mono,monospace;padding:3px 8px;border-radius:6px;background:var(--flaeche2);color:var(--leise)}
.etikett.aktiv{color:var(--gut)} .etikett.entwicklung{color:var(--gold)}
.karte p{margin:0;color:var(--leise)}
.karte ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.karte li{font-size:.8rem;border:1px solid var(--linie);border-radius:6px;padding:2px 8px}
.karte-fuss{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:6px}
.merken{background:none;border:1px solid var(--linie);color:var(--leise);border-radius:8px;padding:5px 10px;cursor:pointer;font:600 .8rem Barlow}
.merken.an{color:var(--kupfer);border-color:var(--kupfer)}

/* Impulse */
.impulse .karte{background:linear-gradient(160deg,#2a221a,#171513);min-height:220px;justify-content:space-between}
.impulse blockquote{margin:0;font:500 1.35rem/1.35 Saira,sans-serif;color:var(--text)}

/* Wiki */
.abc{display:flex;flex-wrap:wrap;gap:3px}
.abc a{font:400 .8rem Mono,monospace;padding:4px 7px;border-radius:6px;color:var(--leise)}
.abc a.leer{opacity:.25;pointer-events:none}
.abc a:hover{background:var(--flaeche2);text-decoration:none;color:var(--gold)}
.wiki-gruppe h2{color:var(--gold);font-size:1.3rem;margin:26px 0 10px}
.wiki-eintrag{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);margin-bottom:8px}
.wiki-eintrag summary{cursor:pointer;padding:14px 18px;display:flex;justify-content:space-between;gap:12px;list-style:none}
.wiki-eintrag summary::-webkit-details-marker{display:none}
.wiki-eintrag summary b{font-family:Saira,sans-serif;font-size:1.05rem}
.wiki-eintrag summary span{color:var(--leise);flex:1}
.wiki-eintrag[open] summary{border-bottom:1px solid var(--linie)}
.wiki-eintrag .mehr{padding:14px 18px;margin:0}

/* Zahlen */
.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.kennzahl{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:18px}
.kennzahl b{display:block;font:700 2.4rem Saira,sans-serif;color:var(--gold)}
.balken{display:grid;gap:10px}
.balken a,.balken div.zeile{display:grid;grid-template-columns:140px 1fr 50px;gap:12px;align-items:center;color:var(--text)}
.balken a:hover{text-decoration:none}
.balken a:hover .spur i{background:var(--kupfer)}
.spur{height:12px;background:var(--flaeche2);border-radius:99px;overflow:hidden}
.spur i{display:block;height:100%;background:var(--gold);border-radius:99px;transition:width .8s ease}

.hero>*{min-width:0}
.hero-bild{max-width:440px;justify-self:end;width:100%}

/* Profil-Kopf (Über mich) */
.profil-kopf{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0 10px;gap:6px}
.profil-foto{margin:14px 0 10px;width:260px;height:260px;border-radius:50%;padding:6px;background:conic-gradient(from 210deg,var(--gold),#6b4a22,var(--kupfer),var(--gold));box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 1px var(--linie)}
.profil-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 38%;border:4px solid var(--grund)}
.mitte{justify-content:center;text-align:center;margin-left:auto;margin-right:auto}
.schlagwoerter{list-style:none;padding:0;margin:12px 0 18px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:780px}
.schlagwoerter li{font-size:.82rem;border:1px solid var(--linie);background:var(--flaeche);border-radius:99px;padding:4px 12px;color:var(--leise)}
.zaehler{font-size:.8rem;color:#1a1400;background:var(--gold);border-radius:99px;padding:2px 9px;vertical-align:middle;margin-left:6px}
.zwei-spalten{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.stationen{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.stationen li{display:grid;grid-template-columns:44px 1fr;gap:12px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:16px}
.stationen .nr{font-size:1.2rem;color:var(--gold)}
.stationen .jahr{font:400 .78rem Mono,monospace;color:var(--leise)}
.stationen h3{margin:.15em 0 .2em}
.stationen p{margin:0;color:var(--leise)}
.kompetenzen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.kompetenzen>div{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:18px}
.kompetenzen ul{margin:0;padding-left:1.1em;color:var(--leise)}
.interessen>div{padding:16px 0;border-bottom:1px solid var(--linie);display:grid;grid-template-columns:220px 1fr;gap:16px}
.interessen h3{margin:0}.interessen p{margin:0;color:var(--leise)}
@media (max-width:760px){.zwei-spalten{grid-template-columns:1fr}.interessen>div{grid-template-columns:1fr;gap:4px}.profil-foto{width:210px;height:210px}}

/* Über */
.ueber{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:center;padding:44px 0 10px}
.ueber img{border-radius:20px;aspect-ratio:1;object-fit:cover}
.zeitstrahl{list-style:none;padding:0;margin:0;border-left:2px solid var(--linie)}
.zeitstrahl li{position:relative;padding:0 0 22px 24px}
.zeitstrahl li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--gold)}
.zeitstrahl .jahr{font:400 .8rem Mono,monospace;color:var(--gold)}
.zeitstrahl p{margin:.2em 0 0;color:var(--leise)}
.faehigkeiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.faehigkeiten div{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:18px}
.faehigkeiten p{margin:0;color:var(--leise)}

/* Formular */
.formular{display:grid;gap:14px;max-width:620px}
.formular label{display:grid;gap:6px;font-weight:600}

/* Tools */
.tool-form{display:grid;gap:12px}
.tool-form label{display:grid;gap:5px;font-weight:600;font-size:.92rem}
.tool-form .zwei{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ergebnis{margin-top:6px;padding:16px;border-radius:12px;background:var(--flaeche2);border:1px solid var(--linie)}
.ergebnis b{font:700 1.6rem Saira,sans-serif;color:var(--gold)}
.farbfelder{display:flex;gap:10px;margin-top:10px}
.farbfelder div{flex:1;height:70px;border-radius:10px;display:grid;place-content:center;font:400 .8rem Mono,monospace}

/* Fuß */
.fuss{border-top:1px solid var(--linie);padding:34px max(16px,4vw);display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;color:var(--leise)}
.fuss p{margin:6px 0 0}
.fuss nav{display:flex;flex-direction:column;gap:6px}
.fuss a{color:var(--leise)} .fuss a:hover{color:var(--gold)}

/* Panels */
.panel{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);display:grid;place-items:start center;padding:70px 16px 16px;overflow:auto}
.panel[hidden]{display:none}
.panel-box{position:relative;width:min(560px,100%);background:var(--flaeche);border:1px solid var(--linie);border-radius:18px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.panel-box.breit{width:min(680px,100%)}
.zu{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--leise);font-size:1.6rem;cursor:pointer}
#suche-feld{width:100%;margin:6px 0 12px}
.treffer{display:block;padding:10px 12px;border-radius:10px;color:var(--text)}
.treffer:hover{background:var(--flaeche2);text-decoration:none}
.treffer small{color:var(--gold);font-family:Mono,monospace;margin-right:8px}
.teilen-ziele{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}
#stimme{width:100%;margin-bottom:8px}

@media (max-width:980px){
  .haupt{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--grund);border-bottom:1px solid var(--linie);padding:10px 16px}
  .haupt.offen{display:flex}
  .menue-knopf{display:inline-block}
  .kopf-rechts{margin-left:auto}
  .live{display:none}
  .hero{grid-template-columns:1fr;gap:28px;padding-top:30px}
  .hero-bild{max-width:420px}
  .ueber{grid-template-columns:1fr}
  .ueber img{max-width:300px}
}
@media (max-width:560px){
  .kopf{gap:10px}
  .marke-name{display:none}
  .ikon{min-width:34px;height:34px}
  .news{grid-template-columns:1fr}
  .karten{grid-template-columns:1fr}
  .balken a,.balken div.zeile{grid-template-columns:100px 1fr 40px}
  .tool-form .zwei{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== Gestaltung Stufe 2 ===== */
#lichtnetz{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
body{background:radial-gradient(1200px 700px at 78% -10%,rgba(214,164,83,.10),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(194,89,58,.06),transparent 60%),var(--grund);background-attachment:fixed}
.kopf{transition:background .3s,box-shadow .3s}
.kopf.gescrollt{background:rgba(14,13,12,.94);box-shadow:0 10px 30px rgba(0,0,0,.35)}

.hero{min-height:calc(100vh - 140px);padding:40px 0 30px}
.hero h1{font-size:clamp(2.3rem,5.2vw,4.2rem);letter-spacing:-.01em}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,#f3d08c,var(--gold) 45%,var(--kupfer));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-zeile{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--linie);background:rgba(27,25,22,.7);padding:6px 14px;border-radius:99px}
.punkt{width:8px;height:8px;border-radius:50%;background:var(--gut);box-shadow:0 0 0 4px rgba(127,176,122,.15)}
.hero-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;max-width:560px}
.hero-zahlen div{border-left:2px solid var(--gold);padding:2px 0 2px 12px}
.hero-zahlen b{display:block;font:700 1.9rem Saira,sans-serif;color:var(--text)}
.hero-zahlen span{font-size:.8rem;color:var(--leise)}
.hero-bild{isolation:isolate}
.hero-schein{position:absolute;inset:8% -8% -6% 8%;background:radial-gradient(closest-side,rgba(214,164,83,.45),rgba(194,89,58,.18) 55%,transparent);filter:blur(30px);z-index:-1;animation:atmen 9s ease-in-out infinite}
@keyframes atmen{50%{opacity:.65;transform:scale(1.04)}}
.hero-bild img{position:relative;z-index:1}
.hero-bild figcaption{position:absolute;z-index:2;left:18px;bottom:18px;display:grid;gap:2px;background:rgba(14,13,12,.78);backdrop-filter:blur(8px);border:1px solid var(--linie);border-radius:12px;padding:10px 14px}
.hero-bild figcaption b{font:700 .95rem Saira,sans-serif}

.laufband{overflow:hidden;border-block:1px solid var(--linie);margin:10px calc(-1 * max(16px,4vw));padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.laufband-spur{display:flex;gap:22px;width:max-content;animation:lauf 60s linear infinite;align-items:center}
.laufband span{font:600 1rem Saira,sans-serif;color:var(--leise);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}
.laufband i{color:var(--gold);font-style:normal;font-size:.6rem}
@keyframes lauf{to{transform:translateX(-50%)}}

.kachel{position:relative;overflow:hidden}
.kachel-ikon{width:30px;height:30px;color:var(--gold);position:absolute;top:18px;right:18px;opacity:.85}
.karte,.kachel,.hinweis-kasten{position:relative;transition:border-color .25s,transform .25s ease,box-shadow .25s}
.karte::before,.kachel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(214,164,83,.13),transparent 45%)}
.karte:hover::before,.kachel:hover::before{opacity:1}
.karte:hover{border-color:#5a4730;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.karte>*{position:relative}

.fx .weich{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease,border-color .25s,box-shadow .25s}
.fx .weich.da{opacity:1;transform:none}

.abschnitt{display:flex;align-items:center;gap:12px}
.abschnitt::before{content:"";width:22px;height:2px;background:var(--gold)}

@media (max-width:980px){.hero{min-height:0}.hero-bild{justify-self:start}}
@media (max-width:560px){.hero-zahlen{grid-template-columns:repeat(2,1fr)}.hero-bild figcaption{left:10px;bottom:10px}}
@media (prefers-reduced-motion:reduce){.fx .weich{opacity:1;transform:none}.laufband-spur{animation:none}}

/* ===== Leuchtende Linien: Mitte hell, Enden laufen aus ===== */
:root{--linie-licht:linear-gradient(90deg,transparent,rgba(214,164,83,.25) 20%,#f6cd82 50%,rgba(214,164,83,.25) 80%,transparent)}
.leuchtlinie,.abschnitt::after,.kopf::after,.fuss::before,.laufband::before,.laufband::after{content:"";display:block;height:1px;background:var(--linie-licht);box-shadow:0 0 12px rgba(246,205,130,.45)}
.kopf{border-bottom:0}
.kopf::after{position:absolute;left:0;right:0;bottom:0}
.abschnitt{border-top:0;position:relative;padding-top:26px}
.abschnitt::before{display:none}
.abschnitt::after{position:absolute;left:0;right:0;top:0}
.fuss{border-top:0;position:relative}
.fuss::before{position:absolute;left:0;right:0;top:0}
.laufband{border-block:0;position:relative}
.laufband::before,.laufband::after{position:absolute;left:0;right:0}
.laufband::before{top:0}.laufband::after{bottom:0}

/* Rahmen von Karten: oben und unten leuchtet die Mitte */
.karte,.kachel,.news,.kennzahl,.stationen li,.faehigkeiten>div,.kompetenzen>div,.hinweis-kasten,.panel-box{
  border-color:rgba(214,164,83,.14);
  background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.85),transparent),linear-gradient(90deg,transparent,rgba(246,205,130,.35),transparent);
  background-size:70% 1px,50% 1px;background-position:50% 0,50% 100%;background-repeat:no-repeat}
.karte:hover,.kachel:hover{border-color:rgba(214,164,83,.38)}
.impulse .karte{background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.85),transparent),linear-gradient(160deg,#2a221a,#171513);background-size:70% 1px,100% 100%;background-position:50% 0,0 0}
.hinweis-kasten{background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.85),transparent),linear-gradient(120deg,#2a2017,#1b1916);background-size:70% 1px,100% 100%;background-position:50% 0,0 0}
.hero-bild::after{border:0;background:linear-gradient(90deg,transparent,#f6cd82,transparent) 50% 0/80% 1px no-repeat,linear-gradient(90deg,transparent,#f6cd82,transparent) 50% 100%/80% 1px no-repeat,linear-gradient(180deg,transparent,rgba(246,205,130,.6),transparent) 0 50%/1px 80% no-repeat,linear-gradient(180deg,transparent,rgba(246,205,130,.6),transparent) 100% 50%/1px 80% no-repeat}
@media (max-width:980px){.hero-schein{inset:4% 0 0 0}}
main{overflow-x:clip}