/* ===== Farbwelten – Startseite =====
   Lädt nach dicke-butz.css. Ändert nur Farben und Schriften, keine Inhalte/Funktionen. */

/* --- Schriften: bisherige Familien in der Vorschau auf Barlow Condensed / Inter umgelenkt ---
   (Archivo Black → Barlow Condensed Bold; Cutive, Montserrat → Inter) */
@font-face{font-family:'Archivo Black';font-weight:400;font-display:swap;src:url(schriften/barlow-condensed-latin-700.woff2) format('woff2')}
@font-face{font-family:'Cutive';font-weight:400;font-display:swap;src:url(schriften/inter-latin-500.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:400;font-display:swap;src:url(schriften/inter-latin-400.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:500;font-display:swap;src:url(schriften/inter-latin-500.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:600;font-display:swap;src:url(schriften/inter-latin-600.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:700;font-display:swap;src:url(schriften/inter-latin-700.woff2) format('woff2')}

/* --- Grundfarbwelt Startseite / Dicke Butz: Espresso, Creme, Bordeaux, wenig Gold --- */
:root{--ink:#211914;--bone:#F4EEE3;--dim:#C4B6A5;--rust:#9B2C3E;--rust-t:#DA7D8B;--bronze:#C9A25A;--cream:#F4EEE3}
body{background:var(--fw-espresso);font-family:var(--fw-f-text)}
.backdrop{background:var(--fw-espresso)!important}
.grain{opacity:.25}
.top.solid{background-color:rgba(33,25,20,.95)}
.menu,.cbar,.cbox{background:var(--fw-espresso-2)}
.copy{color:#D9CDBE}
.mono,.eyebrow,.ev-eye,.biz-eye,.lbl{font-size:.8125rem;letter-spacing:.14em}

/* Überschriften: Barlow Condensed kräftig und groß (schmaler als die bisherige Schrift → etwas größer gesetzt) */
.dsp,.claim,.chno,.stmt,.biz-h,.ev-h,.ort-h,.mt-karte h4{letter-spacing:0!important}
.dsp{line-height:.9}
.mega{font-size:clamp(4.2rem,22vw,18rem);line-height:.84}
.big{font-size:clamp(3.2rem,11.5vw,9.5rem)}
.ev-h{font-size:clamp(2.8rem,8.4vw,7.6rem);line-height:.9}
.stmt{line-height:.95}
.ort-h{font-size:clamp(1.8rem,2.8vw,2.6rem)}
.mt-karte h4{font-size:clamp(1.35rem,1.9vw,1.7rem)}

/* einheitliche Buttons: Bordeaux mit Creme-Schrift; Zweitbutton Creme-Rand */
.resb,.rs-acts a,.ev-acts a,.st-acts a,.mt-acts a,.crew-cta,.cbtn{border-radius:var(--fw-radius);font-family:var(--fw-f-text)!important;font-weight:600;letter-spacing:.02em}
.rs-acts a,.ev-acts a,.resb{background:var(--fw-bordeaux-btn);border-color:var(--fw-bordeaux-btn);color:var(--fw-creme)}
.rs-acts a:hover,.ev-acts a:hover,.resb:hover,.rs-acts a:focus-visible,.ev-acts a:focus-visible,.resb:focus-visible{background:var(--fw-creme);border-color:var(--fw-creme);color:var(--fw-espresso)}
.rs-acts a.ghost,.ev-acts a.ghost{background:transparent;color:var(--fw-creme);border-color:rgba(244,238,227,.6)}
.rs-acts a.ghost:hover,.ev-acts a.ghost:hover{background:var(--fw-creme);color:var(--fw-espresso)}
:focus-visible{outline-color:var(--fw-gold)}

/* Standorte: Espresso, Karten etwas heller */
.orte{background:var(--fw-espresso)}
.ort{background:var(--fw-espresso-2);border-color:rgba(244,238,227,.14)}
.ort-info{background:rgba(244,238,227,.06)}

/* --- Übergänge: jede Farbwelt beginnt mit einer klaren Kante + gleichem Abstand --- */
#mittagstisch,#butzeria,#ukii,#events,.biz,#manifest{position:relative;border-top:0!important}
#mittagstisch::before,#butzeria::before,#ukii::before,#events::before,#franchise::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--fw-kante,transparent)}

/* === Mittagstisch = Speisekarten-Welt: Warmes Creme, Dunkelbraun, Bordeaux === */
#mittagstisch{--ink:#F4EEE3;--bone:#29231F;--dim:#5d5249;--bronze:#8A5A1F;--rust:#7B1E2B;--rust-t:#7B1E2B;
  background:var(--fw-creme)!important;color:var(--fw-braun);--fw-kante:var(--fw-bordeaux)}
#mittagstisch .mt-karte{background:#FBF7F0;border-color:rgba(41,35,31,.16)}
#mittagstisch .mt-karte h4{color:var(--fw-bordeaux)}
#mittagstisch .rs-acts a{background:var(--fw-braun);border-color:var(--fw-braun);color:var(--fw-creme)}
#mittagstisch .rs-acts a.ghost{background:transparent;color:var(--fw-braun);border-color:var(--fw-braun)}
#mittagstisch .rs-acts a:hover{background:var(--fw-bordeaux);border-color:var(--fw-bordeaux);color:#fff}

/* === Butzeria-Kapitel = Butzeria-Welt: Helles Vanille, Dunkelbraun, Tomatenrot === */
#butzeria{--ink:#FFF1D9;--bone:#29231F;--dim:#5d5249;--bronze:#A82C1B;--rust:#A82C1B;--rust-t:#A82C1B;--pink:#A82C1B;
  background:var(--fw-vanille)!important;color:var(--fw-braun);--fw-kante:var(--fw-tomate)}
#butzeria .chno{color:var(--fw-tomate);opacity:.9}
#butzeria .word{color:var(--fw-tomate)}
#butzeria .stmt{color:var(--fw-braun)}
#butzeria .copy{color:#4a4037}

/* === Urban Kitchen II = Tiefes Oliv, Creme, dezentes Terrakotta (nur dieser Abschnitt) === */
#ukii{--ink:#263125;--cream:#F4EEE3;--bone:#F4EEE3;--dim:#C9CDBF;--bronze:#D98A6A;--rust:#D98A6A;--rust-t:#D98A6A;--chili:#B8664A;
  background:var(--fw-oliv)!important;--fw-kante:var(--fw-terrakotta)}
#ukii .copy{color:#DAD9CC}
#ukii .slant{opacity:.85}

/* === Events = Warmes Sand, Espresso, Bordeaux === */
#events{--ink:#E8D8C3;--bone:#211914;--dim:#4a4037;--bronze:#7B1E2B;--rust:#7B1E2B;--rust-t:#7B1E2B;--pink:#7B1E2B;
  background:var(--fw-sand)!important;color:var(--fw-espresso);--fw-kante:var(--fw-bordeaux)}
#events .ev-loc{border-color:rgba(33,25,20,.18)}
#events .ev-acts a{background:var(--fw-espresso);border-color:var(--fw-espresso);color:var(--fw-creme)}
#events .ev-acts a.ghost{background:transparent;color:var(--fw-espresso);border-color:var(--fw-espresso)}
#events .ev-acts a:hover{background:var(--fw-bordeaux);border-color:var(--fw-bordeaux);color:#fff}
#events .ev-form input,#events .ev-form select,#events .ev-form textarea{color:var(--fw-espresso);border-color:rgba(33,25,20,.35)}
#events .ev-form select option{background:var(--fw-sand);color:var(--fw-espresso)}
#events .ev-form button{color:var(--fw-espresso);border-color:var(--fw-espresso)}
#events .ev-form button:hover{background:var(--fw-espresso);color:var(--fw-creme)}

/* === Unternehmen (Franchise, Investment, Crew) = Über-uns-Welt: Helles Beige, Dunkelbraun, Bordeaux === */
.biz{--ink:#F0E6D8;--bone:#29231F;--dim:#4a4037;--bronze:#7B1E2B;--rust:#7B1E2B;--rust-t:#7B1E2B;--forest:#29231F;--cream:#29231F;
  background:var(--fw-beige)!important;color:var(--fw-braun);--fw-kante:var(--fw-bordeaux)}
.biz .rs-acts a{background:var(--fw-bordeaux);border-color:var(--fw-bordeaux);color:#fff}
.biz .rs-acts a.ghost{background:transparent;color:var(--fw-braun);border-color:var(--fw-braun)}
.biz .ev-form input,.biz .ev-form select,.biz .ev-form textarea,.invform input,.invform select,.invform textarea{color:var(--fw-braun);border-color:rgba(41,35,31,.35)}
.biz .ev-form select option,.invform select option{background:var(--fw-beige);color:var(--fw-braun)}
.inv-block{border-block:0}

/* VOKA, Manifest, Kontakt, Fuß bleiben in der Grundwelt Espresso */
#voka{background:var(--fw-espresso)!important}
#manifest,#kontakt{background:var(--fw-espresso)}
footer{background:#1A1410}

/* --- Feinschliff 1 --- */
/* Markenakzente verweisen auf die jeweilige Farbwelt: Dicke Butz = Bordeaux, Butzeria = Tomate, Urban Kitchen II = Terrakotta */
#st-kaiser,#st-schiller{--oc:var(--fw-bordeaux-hell)!important}
#st-stift{--oc:var(--fw-terrakotta)!important}
#mittagstisch .mt-karte{--oc:var(--fw-bordeaux)!important}
#mittagstisch .mt-karte[style*="--pink"]{--oc:var(--fw-tomate)!important}
#mittagstisch .mt-karte[style*="8FBE68"]{--oc:#9A4F32!important}
#mittagstisch .mt-karte h4{color:var(--oc)}
/* Urban Kitchen II: Terrakotta-Band dezenter */
#ukii .slant{background:#9C5A43!important;opacity:1}
/* Manifest: Konturschrift in Creme statt Gold (Gold nur als Akzent) */
#manifest .quote em,.mline .ol{-webkit-text-stroke-color:rgba(244,238,227,.7)}
.band span:nth-child(even){-webkit-text-stroke-color:rgba(244,238,227,.55)}
#ukii{--chili:#8C5240}
#ukii .slant{background:#8C5240!important;opacity:1!important}
@media (max-width:700px){.mega{font-size:clamp(4.2rem,28vw,7.5rem)}}

/* --- Feinschliff 2: Kontraste --- */
.claim em{color:var(--fw-bordeaux-hell)}
/* Events (Sand): feste Hellfarben der Vorlage auf dunkle Töne umstellen */
#events{--cream:#7A3E27}
#events .no,#events .adr,#events label,#events .hint,#events .hint a,#events .ev-eye,#events .ev-kinds{color:#4a4037;opacity:1}
#events .ev-form button,.biz .ev-form button,.invform button{background:var(--fw-espresso);border-color:var(--fw-espresso);color:var(--fw-creme)}
#events .ev-form button *,.biz .ev-form button *,.invform button *{color:inherit}
#events .ev-form button:hover,.biz .ev-form button:hover,.invform button:hover{background:var(--fw-bordeaux);border-color:var(--fw-bordeaux);color:#fff}
/* Unternehmen (Beige) */
.biz .cap,.biz label,.biz .hint,.biz .hint a,.biz .biz-three span,.biz .ev-eye,.biz .lbl,.biz .biz-eye{color:#4a4037;opacity:1}
.biz svg text{fill:#5d5249}
/* Butzeria-Kapitel */
#butzeria .byline{color:#5d5249;opacity:1}
/* Manifest-Slider: Markenzeilen lesbar */
.mk-kap,.mk-ort{opacity:1}
.mk-butzeria{--mkc:#E8765F}
.scount span{color:#C4B6A5}
.biz .biz-eye,.biz .ev-eye,#events .ev-eye,.biz-cta .pre,.privacy .s,.privacy p{opacity:1!important;color:#4a4037}
.biz .ev-form-wrap,#events .ev-form-wrap{opacity:1}
.bw-h{color:var(--fw-braun)!important}
footer .fin em,.fin em{color:var(--fw-bordeaux-hell)}
.slider .scount span{opacity:.8}
.finale .fin em{color:var(--fw-bordeaux-hell)}
.exmap svg text{fill:#4a4037;opacity:1}
.mk-butzeria .mk-kap,.mk-butzeria .mk-ort{color:#E8765F!important}