/* SØLEØN — gemeinsames Stylesheet aller Seiten (ausgelagert 10.10.2026) */
:root{--gold:#E8B84B;--goldtief:#C79A32;--silber:#C9CBD2;--grau:#A8A49B;--glaslinie:rgba(201,203,210,.28)}
body{background:#0B0A08}
/* Sonne + Galaxie = EIN fixes Objekt (gewählte Richtung V7) */
.kosmos-fix{position:fixed;inset:0;z-index:-2;pointer-events:none;animation:atmen 9s ease-in-out infinite;transform-origin:50% 50%}
.kosmos-fix .galaxie{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kosmos-fix .schleier{position:absolute;inset:0;background:rgba(11,10,8,.42)}
.kosmos-fix .sonne{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,84vh,720px);aspect-ratio:1;object-fit:cover;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle closest-side at 50% 50%,#000 64%,transparent 97%);mask-image:radial-gradient(circle closest-side at 50% 50%,#000 64%,transparent 97%)}
@keyframes atmen{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
header nav{gap:18px;font-size:.72rem}
.pill{border-color:var(--gold);color:var(--gold)}
.pill:hover{background:var(--gold);color:#1E1504}
.knopf{background:var(--gold);border-color:var(--gold);color:#FFFFFF;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.knopf:hover{background:transparent;color:var(--gold)}
.ghost{border:2px solid #FFFFFF;color:#FFFFFF;background:rgba(11,10,8,.38);backdrop-filter:blur(6px);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.ghost:hover{background:rgba(255,255,255,.18);color:#fff}
/* HERO */
#hero{min-height:96vh;min-height:96svh;text-align:center;position:relative}
#hero .held{position:absolute;left:0;right:0;top:calc(50svh - 101px - 38px);transform:translateY(-50%)}
#hero .unter-sonne{position:absolute;top:100%;left:0;right:0;padding-top:14px}
#hero .wm{font-size:clamp(2.9rem,11.5vw,7.6rem);color:#FFFFFF;text-shadow:0 2px 26px rgba(0,0,0,.8),0 4px 80px rgba(0,0,0,.65)}
#hero .tg{margin-top:16px;font-size:clamp(.74rem,1.9vw,.98rem);letter-spacing:.44em;text-transform:uppercase;text-indent:.44em;color:#FFFFFF;text-shadow:0 2px 18px rgba(0,0,0,.85)}
#hero .akt{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
/* Sektionen */
.glas{background:rgba(11,10,8,.68);border:1px solid var(--glaslinie);backdrop-filter:blur(9px);padding:clamp(22px,3.4vw,36px)}
section.blk{padding-top:clamp(54px,8vh,92px);padding-bottom:clamp(54px,8vh,92px)}
section.blk .l{font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:700;display:block}
section.blk h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.5rem,3.8vw,2.4rem);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-top:12px}
section.blk h2 span{color:var(--gold)}
.glas p{color:var(--grau);max-width:56ch;margin-top:12px}
.glas p b{color:#fff;font-weight:600}
.duo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,48px);align-items:stretch}
.duo img{width:100%;height:100%;object-fit:cover;border:1px solid var(--glaslinie)}
@media(max-width:820px){.duo{grid-template-columns:1fr}}
/* Steckbrief */
.steck{margin-top:16px;border-top:1px solid var(--glaslinie)}
.sz{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:13px 0;border-bottom:1px dashed rgba(201,203,210,.22);font-size:.95rem}
.sz .k{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);padding-top:4px}
.sz .v{color:var(--silber)}
.sz .v b{color:#fff;font-weight:600}
.folgt{display:inline-block;border:1px dashed var(--gold);color:var(--gold);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:3px 10px}
@media(max-width:640px){.sz{grid-template-columns:1fr;gap:3px}}
/* Vision */
#vision .zitat{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(1.2rem,2.8vw,1.7rem);line-height:1.5;color:#fff;max-width:30ch}
#vision .zitat span{color:var(--gold)}
#vtitel{font-size:clamp(1.1rem,2.45vw,1.9rem)}
@media(min-width:760px){#vtitel{white-space:nowrap}}
/* Set-Platzhalter */
.player{position:relative;border:1px solid var(--glaslinie);background:rgba(11,10,8,.72);backdrop-filter:blur(9px);padding:clamp(26px,4vw,46px);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3.5vw,40px);align-items:center;overflow:hidden}
.player .scheibe{width:clamp(120px,16vw,170px);aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;flex:0 0 auto;border:2px solid rgba(232,184,75,.5);animation:drehen 22s linear infinite}
.player .scheibe img{width:100%;height:100%;object-fit:cover}
.player .scheibe::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14%;aspect-ratio:1;border-radius:50%;background:#0B0A08;border:2px solid var(--gold)}
@keyframes drehen{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.player h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.15rem,2.6vw,1.6rem);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.player .wellen{margin-top:18px;display:flex;gap:5px;align-items:flex-end;height:44px}
.player .wellen i{display:block;width:6px;background:linear-gradient(180deg,var(--gold),rgba(232,184,75,.25));border-radius:3px;opacity:.55}
.player p{margin-top:16px;color:var(--grau);max-width:52ch;font-size:.92rem}
.player .sc{margin-top:20px;border:1px solid var(--glaslinie);background:#0B0A08;overflow:hidden}
.player .sc iframe{display:block;width:100%;height:300px;border:0}
.player .sclink{display:inline-block;margin-top:12px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);text-decoration:none}
.player p b{color:#fff}
@media(max-width:680px){.player{grid-template-columns:1fr;justify-items:center;text-align:center}.player .wellen{justify-content:center}}
/* Galerie */
.raster{margin-top:clamp(22px,4vh,36px);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kachel{position:relative;border:1px solid var(--glaslinie);overflow:hidden;aspect-ratio:1;display:block}
.kachel img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.kachel:hover img{transform:scale(1.05)}
.kachel .tagchen{position:absolute;left:10px;bottom:10px;background:rgba(11,10,8,.8);color:var(--silber);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:5px 10px}
.kachel.leer{border:1px dashed rgba(232,184,75,.55);display:grid;place-items:center;background:rgba(232,184,75,.05)}

/* Galerie-Lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(11,10,8,.94);display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px)}
.lb[hidden]{display:none}
.lb img{max-width:min(1200px,92vw);max-height:86vh;object-fit:contain;border:1px solid var(--glaslinie);box-shadow:0 24px 80px rgba(0,0,0,.75);background:#0B0A08}
.lb button{position:absolute;background:rgba(11,10,8,.72);border:1px solid var(--glaslinie);color:var(--silber);width:46px;height:46px;border-radius:50%;cursor:pointer;font:700 1.25rem/1 'Montserrat',sans-serif;display:grid;place-items:center;transition:border-color .25s,color .25s;padding:0}
.lb button:hover,.lb button:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}
.lb .zu{top:16px;right:16px}
.lb .vor{right:16px;top:50%;transform:translateY(-50%)}
.lb .zurueck{left:16px;top:50%;transform:translateY(-50%)}
.lb .zaehler{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:var(--gold);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700}
@media(max-width:680px){.lb{padding:12px}.lb img{max-height:78vh}.lb .vor,.lb .zurueck{top:auto;bottom:48px;transform:none}.lb .vor{right:18px}.lb .zurueck{left:18px}}
.kachel.leer .inner{text-align:center;color:var(--gold);padding:14px}
.kachel.leer .inner .ikone{font-size:1.6rem}
.kachel.leer .inner div{margin-top:8px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
@media(max-width:720px){.raster{grid-template-columns:repeat(2,1fr)}}
/* Gigs */
.gigband{margin-top:18px;border-top:1px solid var(--glaslinie)}
.gig{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed rgba(201,203,210,.22);font-size:.94rem;flex-wrap:wrap}
.gig .d{flex:0 0 104px;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}
.gig b{color:#fff;font-weight:600}
.gig span{color:var(--grau)}
.gig.next{background:linear-gradient(90deg,rgba(232,184,75,.16),transparent);border-left:3px solid var(--gold);padding-left:12px}
.gig.tba .d{background:var(--gold);color:#1E1504;border-radius:6px;text-align:center;letter-spacing:.14em;padding:2px 0;line-height:1.5}
.gig.tba b{color:var(--gold)}
.nextchip.tba .d{background:var(--gold);color:#1E1504;border-radius:6px;padding:2px 10px;display:inline-block}
.nextchip{border-color:rgba(232,184,75,.5);background:rgba(232,184,75,.1)}
.nextchip .d{color:var(--gold)}
.nextchip span{color:var(--grau)}
/* Booking */
.duo2{display:grid;grid-template-columns:1fr .95fr;gap:clamp(24px,4vw,48px);align-items:start}
@media(max-width:820px){.duo2{grid-template-columns:1fr}}
form.buchung{background:rgba(11,10,8,.74);border-color:var(--glaslinie)}
form.buchung input:focus,form.buchung textarea:focus{border-color:var(--gold)}
form.buchung button{background:var(--gold);border-color:var(--gold);color:#1E1504}
form.buchung button:hover{background:transparent;color:var(--gold)}
.kanal{border-color:var(--glaslinie);color:var(--silber)}
.kanal:hover{border-color:var(--gold);color:var(--gold)}
form.buchung .fehl{display:none;margin-top:14px;border:1px solid #E4633A;color:#F2B5A0;padding:12px 14px;font-size:.9rem}
form.buchung.kaputt .fehl{display:block}
form.buchung button[disabled]{opacity:.6;cursor:wait}
/* Sprach-Toggle */
.sprache{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.18em;color:var(--silber);text-decoration:none;border:1px solid var(--glaslinie);border-radius:999px;padding:7px 13px;margin-right:12px;transition:.3s}
.sprache:hover{border-color:var(--gold);color:var(--gold)}
.sprache b{color:var(--gold);font-weight:700}
/* FAQ */
#faq .frage{border:1px solid var(--glaslinie);background:rgba(11,10,8,.68);backdrop-filter:blur(9px);margin-top:10px}
#faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;color:#fff;font-weight:600;font-size:.98rem}
#faq summary::-webkit-details-marker{display:none}
#faq summary::after{content:"+";color:var(--gold);font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.2rem;transition:.25s;flex:none}
#faq details[open] summary::after{transform:rotate(45deg)}
#faq details p{padding:0 20px 18px;color:var(--grau);max-width:70ch;margin:0}
#faq details p a{color:var(--gold);border-bottom:1px solid var(--gold);text-decoration:none}
footer{background:rgba(8,7,5,.85)}

/* ===== Seitenstruktur ohne Sprungziele (10.10.2026) ===== */
.seite .kosmos-fix{animation:none}
.seite .kosmos-fix .schleier{background:rgba(11,10,8,.55)}
header nav a.dran{color:var(--gold)}
.seite main{padding-top:clamp(120px,16vh,170px)}
.kopfteil{text-align:center;max-width:860px;margin:0 auto clamp(10px,2vh,20px)}
.kopfteil .l{font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:700;display:block}
.kopfteil h1{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.7rem,4.4vw,2.8rem);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-top:12px}
.kopfteil h1 span{color:var(--gold)}
.kopfteil p{color:var(--grau);max-width:62ch;margin:16px auto 0;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.kopfteil p b{color:#fff;font-weight:600}
.wegweiser{margin-top:clamp(22px,4vh,36px);display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.wegweiser a{grid-column:span 2;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .3s,transform .3s}
.wegweiser a:nth-child(n+4){grid-column:span 3}
.wegweiser a:hover{border-color:var(--gold);transform:translateY(-3px)}
.wegweiser h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.05rem,2vw,1.3rem);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-top:10px}
.wegweiser h3 span{color:var(--gold)}
.wegweiser p{color:var(--grau);margin-top:10px;font-size:.92rem}
.wegweiser .weiter{margin-top:auto;padding-top:16px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
@media(max-width:820px){.wegweiser{grid-template-columns:1fr 1fr}.wegweiser a,.wegweiser a:nth-child(n+4){grid-column:span 1}.wegweiser a:last-child{grid-column:span 2}}
@media(max-width:560px){.wegweiser{grid-template-columns:1fr}.wegweiser a,.wegweiser a:last-child{grid-column:auto}}
.schluss{text-align:center;padding-bottom:clamp(70px,11vh,120px)}
.schluss p{color:var(--grau)}
.schluss .akt{margin-top:16px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.wissen{margin-top:16px;display:grid;gap:10px}
.wissen li{list-style:none;color:var(--grau);padding-left:22px;position:relative}
.wissen li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0 40%,transparent 42%);box-shadow:0 0 8px rgba(232,184,75,.6)}
.wissen li b{color:#fff;font-weight:600}
footer .fussnav{display:flex;flex-wrap:wrap;gap:6px 18px;flex-basis:100%;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid rgba(201,203,210,.12)}
footer .fussnav a{color:var(--silber);text-decoration:none;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
footer .fussnav a:hover{color:var(--gold)}
.sprache{white-space:nowrap}
@media(max-width:400px){header .marke{font-size:1rem}.sprache{margin-right:8px;padding:6px 10px;letter-spacing:.12em}.pill{padding:8px 13px;letter-spacing:.1em;font-size:.7rem}}

/* ===== Journal (10.10.2026) ===== */
.kopfteil .meta{margin-top:12px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--silber)}
.artikel{max-width:780px;margin:0 auto}
.artikel .titelbild{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--glaslinie);margin-bottom:clamp(18px,3vh,28px)}
.artikel h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.05rem,2.2vw,1.35rem);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-top:clamp(26px,4vh,38px)}
.artikel p{color:var(--grau);max-width:68ch;margin-top:12px;line-height:1.75}
.artikel p.einstieg{color:var(--silber);font-size:1.06rem}
.artikel p b{color:#fff;font-weight:600}
.artikel a{color:var(--gold);border-bottom:1px solid var(--gold);text-decoration:none}
.artikel .liste{margin-top:14px;display:grid;gap:9px}
.artikel .liste li{list-style:none;color:var(--grau);padding-left:22px;position:relative;line-height:1.6}
.artikel .liste li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0 40%,transparent 42%);box-shadow:0 0 8px rgba(232,184,75,.6)}
.artikel .liste li b{color:#fff;font-weight:600}
.rahmen-schmal{max-width:780px;margin:0 auto}
.rahmen-schmal .frage{border:1px solid var(--glaslinie);background:rgba(11,10,8,.68);backdrop-filter:blur(9px);margin-top:10px}
.rahmen-schmal summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;color:#fff;font-weight:600;font-size:.98rem}
.rahmen-schmal summary::-webkit-details-marker{display:none}
.rahmen-schmal summary::after{content:"+";color:var(--gold);font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.2rem;transition:.25s;flex:none}
.rahmen-schmal details[open] summary::after{transform:rotate(45deg)}
.rahmen-schmal details p{padding:0 20px 18px;color:var(--grau);max-width:70ch;margin:0}
.wegweiser.drei a,.wegweiser.drei a:nth-child(n+4){grid-column:span 2}
.wegweiser.zwei a,.wegweiser.zwei a:nth-child(n+4){grid-column:span 3}
@media(max-width:820px){.wegweiser.drei,.wegweiser.zwei{grid-template-columns:1fr}.wegweiser.drei a,.wegweiser.zwei a,.wegweiser.drei a:last-child,.wegweiser.zwei a:last-child{grid-column:auto}}