/* Palette «Cherry Cheesecake»: Rot #B9121B / Dunkelrot #4C1B1B / Hellgelb #F6E497 / Creme #FCFAE1 / Gold #BD8D46.
   Lädt nach motion.css und überschreibt nur Farbe und ein paar grafische Details. */

/* Knöpfe: Hellgelb mit dunkelroter Schrift */
.knopf{background:var(--gelb);color:var(--ink);font-weight:600}
.knopf:hover{background:var(--creme)}
.knopf.dunkel{background:var(--ink);color:var(--creme)}
.knopf.linie{background:transparent;color:inherit}
.knopf:focus-visible,input:focus-visible,textarea:focus-visible,.pfeil:focus-visible{outline-color:var(--gelb)}
main > section:not(.auf-ton):not(.auf-ink):not(.hero) :focus-visible{outline-color:var(--ton)}

/* Überschriften: hell = Dunkelrot mit rotem Akzent, dunkel = Creme mit Hellgelb */
h2{color:var(--ink)}
h2 em{color:var(--ton)}
.auf-ton h2,.auf-ink h2,.schluss h2{color:var(--creme)}
.auf-ton h2 em,.auf-ink h2 em,#macher h2 em{color:var(--gelb)}
.auf-ton .kicker::before,.auf-ink .kicker::before{background:var(--gelb)}
.faq summary::after{background:var(--gold)}
.faq details[open] summary::after{background:var(--ton)}
.raster,.saeulen,.faq,.kurz{border-top:3px solid var(--ink)}
.saeule .n{display:inline-block;background:var(--gelb);padding:2px 7px;color:var(--ink)}

/* Hero: Linien und Jahr in Hellgelb */
.kreide i{background:var(--gelb);box-shadow:none}
.kreide i:nth-child(1){width:10px}
.kreide i:nth-child(2),.kreide i:nth-child(3){height:8px}
.hero-titel .z3{color:var(--gelb)}
.quadrat::before,.quadrat::after,.galerie figure:nth-child(1)::before,.galerie figure:nth-child(4)::after{background:var(--gelb)}
.fakten b{color:var(--gelb)}
.loader-count{color:var(--gelb)}

/* Laufband: Gold mit dunkelroter Schrift */
.band{color:var(--ink)}
.band span b{background:var(--ink)}

/* Zwei Tage: Dunkelrot und Gold auf Rot */
.tag:nth-child(2){color:var(--ink)}
.tag:nth-child(2) .tba i{box-shadow:inset 0 0 0 1.5px rgba(76,27,27,.6);opacity:.85}
.tag:nth-child(1) h3{color:var(--gelb)}

/* Chapter One auf Hellgelb */
#chapter,html.motion main > section#chapter{background:var(--creme2)}
#chapter .offen{background:var(--creme)}

/* Musik und Line-up */
.genres span{transition:background .3s,color .3s}
.genres span:hover{background:var(--gelb);color:var(--ink);box-shadow:none}
.reveal div span{color:var(--gelb)}

/* Partner */
.partnerwand a.gross{box-shadow:inset 0 0 0 2px var(--gold);color:var(--gelb)}
.partnerwand a:hover{background:var(--gelb);color:var(--ink);box-shadow:none}
.paket .marke-p,.slot.mein{color:var(--ink)}
.fuss a{color:var(--gelb)}

/* Handy: lange Wörter in Überschriften nicht abschneiden */
@media (max-width:420px){h2{font-size:clamp(26px,8.4vw,36px)}}

/* Logo (Globus-Wortmarke, nachgezeichnet) */
.logo{display:block;overflow:visible}
.logo-t{font-family:'Archivo',sans-serif;font-style:italic;font-weight:900;font-stretch:125%}
.logo-f{font-family:'Archivo',sans-serif;font-style:italic;font-weight:800;font-stretch:125%}
.marke{display:block;color:var(--creme)}
.marke .logo{height:58px;width:auto}
.kopf .wrap{height:78px}
.flug-logo{position:fixed;left:50%;top:50%;z-index:1001;width:clamp(190px,26vw,340px);transform:translate(-50%,-50%);color:var(--gelb);pointer-events:none;will-change:transform}
.flug-logo .logo{width:100%;height:auto}
.flug-logo.fliegt{transition:transform 1.1s var(--quart-inout),color 1.1s var(--cubic-out);color:var(--creme)}
.flug-logo.weg{display:none}
html.logo-flug .marke .logo{visibility:hidden}
html.no-motion .flug-logo{display:none}
@media (prefers-reduced-motion:reduce){.flug-logo{display:none}}
.fuss{padding-top:0}
.fuss-logo{display:flex;justify-content:center;padding:clamp(44px,7vw,84px) var(--pad) clamp(30px,5vw,54px);color:var(--gelb)}
.fuss-logo .logo{width:min(420px,78vw);height:auto}
@media (max-width:860px){.marke .logo{height:50px}.kopf .wrap{height:70px}}