/* ============================================================
   CHALLENGE THEME – übernimmt den Look der Homepage
   junge-wandkunst.ch  →  Art Challenge
   Wird NACH style.css geladen und überschreibt gezielt
   Farben, Schriften, Header, Footer, Buttons & Karten.
   ============================================================ */

:root{
  --eierschale:#262320;
  --papier:#ffffff;
  --linie:#e8e1d3;
  --tinte:#14120f;
  --tinte-weich:#4a443c;
  --jw-gold:#ccab57;
  --jw-gold-tief:#a8863b;
  --jw-gold-text:#8a6c28;
  --jw-gold-lasur:rgba(204,171,87,.14);
  --jw-cyan:#00c2d1;
  --jw-magenta:#e8175d;
  --jw-magenta-hell:#ff4d85;
  --display:"Anton","Arial Narrow",Impact,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kante:3px;
  --breite:1180px;
}

/* ---------- Grundgerüst ---------- */
html{scroll-behavior:smooth;}
body{
  background:var(--eierschale) !important;
  color:var(--tinte) !important;
  font-family:var(--body) !important;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
/* Beton-Wand als fixer Hintergrund (wie Homepage) */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:url("assets/beton.jpg") center center / cover no-repeat;
  pointer-events:none;
}
@media (max-width:800px){
  body::before{background-image:url("assets/beton-klein.jpg");}
}

h1,h2,h3,h4{
  font-family:var(--display) !important;
  font-weight:400 !important;
  line-height:.94;
  text-transform:uppercase;
  letter-spacing:-.005em;
}

a{color:var(--tinte);}
a:hover{color:var(--jw-gold-text);}
:focus-visible{outline:3px solid var(--jw-gold-tief);outline-offset:3px;}

/* ---------- Fliesstext dünner (weniger fett) ---------- */
p,span,li,td,th,label,small,div,
.card-meta,.popup-subtitle,.popup-content,.popup-footer,
.hero-subtitle-text,.cta-text,.challenge-body,
.next-event-text,.round-indicator-text,.ev-desc,
.security-item div,.rules-list li,.modal-body{
  font-weight:400 !important;
}
strong,b{font-weight:600 !important;}

/* ============================================================
   HEADER / NAVIGATION  (mappt .main-nav auf Homepage .kopf)
   ============================================================ */
.main-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--tinte) !important;
  border-bottom:4px solid var(--jw-gold) !important;
  box-shadow:none !important;
}
.nav-container{
  position:relative;
  width:min(100% - 2.5rem,var(--breite));
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.6rem 0 !important;
}
.nav-logo,
.nav-logo-img{
  display:flex !important;
  align-items:center;
  gap:.6rem;
  text-decoration:none !important;
}
.nav-logo img{height:48px !important;width:auto !important;}
.nav-logo span{
  font-family:var(--display) !important;
  font-size:1.15rem !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--papier) !important;
}
.nav-links{display:flex;gap:.35rem;flex-wrap:wrap;}
.nav-link{
  display:block;
  font-family:var(--display) !important;
  font-size:.98rem !important;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--papier) !important;
  text-decoration:none;
  padding:.5rem .7rem .4rem !important;
  border:2px solid transparent !important;
  background:none !important;
  border-radius:0 !important;
}
.nav-link:hover,
.nav-link.active{
  color:var(--tinte) !important;
  background:var(--jw-gold) !important;
}
.nav-toggle span{background:var(--jw-gold) !important;}

/* Mobile Menü – Dropdown das sich korrekt öffnet UND schliesst */
@media (max-width:768px){
  .nav-links{
    display:none !important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    gap:0;
    background:var(--tinte) !important;
    border-bottom:4px solid var(--jw-gold);
    padding:.5rem 1.25rem 1rem;
  }
  .nav-links.open{display:flex !important;}
  .nav-link{
    font-size:1.2rem !important;
    text-align:center;
    padding:.7rem 1rem !important;
  }
}

/* ============================================================
   BUTTONS  (Homepage-Stil: harte Schatten, Rahmen, Anton)
   ============================================================ */
.btn,
.btn-primary,
.btn-secondary,
.hero-btn,
.upload-btn,
.cta-button,
button.btn{
  font-family:var(--display) !important;
  font-size:1.05rem !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  border-radius:0 !important;
  border:var(--kante) solid var(--tinte) !important;
  background:var(--jw-gold) !important;
  color:var(--tinte) !important;
  box-shadow:6px 6px 0 var(--tinte) !important;
  transition:transform .12s ease,box-shadow .12s ease,background .12s,color .12s;
  padding:.85rem 1.6rem .75rem !important;
}
.btn:hover,
.btn-primary:hover,
.hero-btn:hover,
.upload-btn:hover,
.cta-button:hover,
button.btn:hover{
  transform:translate(3px,3px);
  background:var(--tinte) !important;
  color:var(--jw-cyan) !important;
  box-shadow:2px 2px 0 var(--jw-cyan) !important;
}
/* Sekundär-Button hell */
.btn-secondary{
  background:var(--papier) !important;
  color:var(--tinte) !important;
  box-shadow:6px 6px 0 var(--jw-gold) !important;
}
.btn-secondary:hover{
  background:var(--tinte) !important;
  color:var(--jw-magenta-hell) !important;
  box-shadow:2px 2px 0 var(--jw-magenta-hell) !important;
}

/* ============================================================
   HERO  (heller Papier-/Beton-Look)
   ============================================================ */
.hero,
.ev-hero{
  background:transparent !important;
  position:relative;
  padding:clamp(3.5rem,9vw,7rem) 0 clamp(3rem,7vw,5.5rem);
}
.hero-title,
.hero h1,
.ev-hero h1{
  color:var(--papier) !important;
  -webkit-text-stroke:0 !important;
  text-shadow:4px 4px 0 var(--tinte) !important;
  font-size:clamp(2.9rem,9vw,6rem) !important;
}
.hero-subtitle,
.hero p{color:var(--papier) !important;}

/* Eyebrow / kleine Labels */
.eyebrow,.badge,.phase-badge{
  font-family:var(--display) !important;
  letter-spacing:.2em;
  text-transform:uppercase;
}

/* ============================================================
   KARTEN / GALERIE  (weisse Karten, harter Schatten, Rahmen)
   ============================================================ */
.art-card,
.gallery-item,
.gallery-card,
.card,
.round-card,
.info-card,
.stat-card{
  background:var(--papier) !important;
  border:var(--kante) solid var(--tinte) !important;
  border-radius:0 !important;
  box-shadow:8px 8px 0 var(--jw-gold) !important;
  color:var(--tinte) !important;
  overflow:hidden;
  transition:transform .15s ease,box-shadow .15s ease;
}
.art-card:hover,
.gallery-item:hover,
.gallery-card:hover,
.card:hover,
.round-card:hover{
  transform:translateY(-5px) rotate(-.4deg);
  box-shadow:12px 14px 0 var(--jw-gold) !important;
}
.gallery-card-archived{
  box-shadow:8px 8px 0 var(--jw-gold-tief) !important;
}
/* Karten-Inhalt (Galerie) */
.card-info{background:var(--papier) !important;}
.card-info,.card-info *{color:var(--tinte) !important;}
.card-artist{
  font-family:var(--display) !important;
  color:var(--tinte) !important;
  letter-spacing:.03em;
}
.card-meta{color:var(--tinte-weich) !important;}
.card-image-wrapper{border-bottom:var(--kante) solid var(--tinte) !important;}
/* Rang-Badge oben links */
.card-rank{
  font-family:var(--display) !important;
  background:var(--jw-gold) !important;
  color:var(--tinte) !important;
  border:2px solid var(--tinte) !important;
  border-radius:0 !important;
}
.card-winner-badge{
  font-family:var(--display) !important;
  background:var(--jw-magenta) !important;
  color:#fff !important;
  border:2px solid var(--tinte) !important;
  border-radius:0 !important;
}
/* Vote-Zähler */
.art-card .votes,.vote-count{
  font-family:var(--display) !important;
  color:var(--jw-gold-text) !important;
  letter-spacing:.05em;
}
.vote-count .count-number{
  font-family:var(--display) !important;
  color:var(--jw-gold-text) !important;
}
.vote-count .count-label{color:var(--tinte-weich) !important;}
/* "Voting beendet" Badge */
.voting-closed-badge{
  font-family:var(--display) !important;
  background:var(--eierschale) !important;
  color:var(--jw-gold) !important;
  border:2px solid var(--jw-gold) !important;
  border-radius:0 !important;
  letter-spacing:.04em;
}

/* Vote-Button */
.vote-btn,
.vote-button{
  font-family:var(--display) !important;
  text-transform:uppercase;
  letter-spacing:.06em;
  border-radius:0 !important;
  border:var(--kante) solid var(--tinte) !important;
  background:var(--jw-gold) !important;
  color:var(--tinte) !important;
  box-shadow:4px 4px 0 var(--tinte) !important;
  transition:transform .12s ease,box-shadow .12s ease;
}
.vote-btn:hover,.vote-button:hover{
  transform:translate(2px,2px);
  box-shadow:2px 2px 0 var(--jw-cyan) !important;
  background:var(--tinte) !important;
  color:var(--jw-cyan) !important;
}
.vote-btn.voted,.vote-button.voted,
.vote-btn:disabled,.vote-button:disabled{
  background:var(--linie) !important;
  color:var(--tinte-weich) !important;
  box-shadow:none !important;
  border-color:var(--tinte-weich) !important;
}

/* ============================================================
   UPLOAD-FORMULAR
   ============================================================ */
.upload-form,
.form-section,
.upload-container form{
  background:var(--papier) !important;
  border:var(--kante) solid var(--tinte) !important;
  border-radius:0 !important;
  box-shadow:8px 8px 0 var(--jw-gold) !important;
  color:var(--tinte) !important;
}
.upload-form label,
.form-group label{color:var(--tinte) !important;font-weight:600;}
.upload-form input,
.upload-form textarea,
.upload-form select,
.form-group input,
.form-group textarea{
  border:2px solid var(--tinte) !important;
  border-radius:0 !important;
  background:#fff !important;
  color:var(--tinte) !important;
  font-family:var(--body) !important;
}
.upload-form input:focus,
.upload-form textarea:focus{
  outline:3px solid var(--jw-gold-tief) !important;
}

/* ============================================================
   FOOTER  (Homepage .fuss-Stil)
   ============================================================ */
.main-footer{
  border-top:6px solid var(--jw-gold) !important;
  background:var(--tinte) !important;
  color:var(--papier) !important;
  padding:clamp(3rem,7vw,5rem) 0 2.5rem !important;
  margin-top:4rem;
}
.main-footer .container{
  width:min(100% - 2.5rem,var(--breite));
  margin-inline:auto;
}
.main-footer a{color:var(--papier) !important;text-decoration:none;}
.main-footer a:hover{color:var(--jw-gold) !important;text-decoration:underline;}
.fuss__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:2.5rem;
  margin-bottom:2.5rem;
}
.fuss__grid h3{
  font-size:1.05rem !important;
  letter-spacing:.12em;
  color:var(--jw-gold) !important;
  margin-bottom:.9rem;
}
.fuss__grid ul{list-style:none;margin:0;padding:0;}
.fuss__grid li{margin-bottom:.3rem;line-height:1.4;}
.fuss__logo img{max-width:190px;margin-bottom:1rem;}
.fuss__social{display:flex;gap:.6rem;flex-wrap:wrap;}
.fuss__social a{
  border:2px solid var(--jw-gold);
  color:var(--jw-gold) !important;
  padding:.35rem .7rem .3rem;
  font-family:var(--display);
  text-transform:uppercase;
  font-size:.85rem;
  letter-spacing:.08em;
}
.fuss__social a:hover{background:var(--jw-gold);color:var(--tinte) !important;text-decoration:none;}
.fuss__unten{
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:1.5rem;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.5rem;
  justify-content:space-between;
  font-size:.88rem;
}

/* ============================================================
   POPUP / MODAL  (an Homepage-Farben angepasst, Funktion bleibt)
   ============================================================ */
.modal-overlay{
  background:rgba(20,18,15,.88) !important;
}
.voting-popup,
.modal-content,
.combined-modal{
  background:var(--papier) !important;
  border-radius:0 !important;
  border:var(--kante) solid var(--jw-gold) !important;
  box-shadow:14px 14px 0 rgba(0,0,0,.5) !important;
  color:var(--tinte) !important;
}
/* Header hell mit Gold-Linie */
.modal-header{
  background:var(--eierschale) !important;
  border-bottom:var(--kante) solid var(--jw-gold) !important;
}
.popup-title,
.modal-header h2{
  font-family:var(--display) !important;
  color:var(--jw-gold) !important;
  text-shadow:none !important;
}
/* Body + Sektionen: weisse Flächen, dunkler lesbarer Text */
.modal-body{color:var(--tinte) !important;}
.modal-body .section h3,
.modal-body h3{
  color:var(--jw-gold-text) !important;
  font-family:var(--display) !important;
}
.fair-play-section{
  background:rgba(232,23,93,.06) !important;
  border:2px solid var(--jw-magenta) !important;
  border-radius:0 !important;
}
.security-section{
  background:rgba(0,194,209,.06) !important;
  border:2px solid var(--jw-cyan-tief,#0a97a3) !important;
  border-radius:0 !important;
}
.security-item{
  background:var(--papier) !important;
  border:1px solid var(--linie) !important;
  border-radius:0 !important;
}
.modal-body *,
.security-item *,
.fair-play-section li,
.security-item strong,
.security-item div{
  color:var(--tinte) !important;
}
.fair-play-section li b,
.fair-play-section li strong,
.modal-body .hl,
.modal-body em{color:var(--jw-gold-text) !important;}
.modal-button{
  background:var(--jw-gold) !important;
  color:var(--tinte) !important;
  border:var(--kante) solid var(--tinte) !important;
  border-radius:0 !important;
  font-family:var(--display) !important;
  box-shadow:5px 5px 0 rgba(0,0,0,.4) !important;
  text-shadow:none !important;
}
.modal-button:hover{
  transform:translate(-2px,-2px) !important;
  box-shadow:7px 7px 0 rgba(0,0,0,.4) !important;
}

/* Section-Hintergründe leicht transparent lassen, Text lesbar */
.section,
.abschnitt{position:relative;}

/* Weisse Inhaltsflächen für Lesbarkeit über Beton */
.content-box,
.container-box,
.phase-message-box{
  background:var(--papier);
  border:var(--kante) solid var(--tinte);
  color:var(--tinte);
}



/* ============================================================
   SEITEN-SPEZIFISCHE BOXEN (index.php Event-/Runden-Layout)
   Weisse Karten mit hartem Schatten – wie Homepage-Sektionen
   ============================================================ */
.ev-box,
.between-events-card,
.schedule-info-box,
.stats-grid .stat-card,
.stat-card{
  background:var(--papier) !important;
  border:var(--kante) solid var(--tinte) !important;
  border-radius:0 !important;
  box-shadow:8px 8px 0 var(--jw-gold) !important;
  color:var(--tinte) !important;
}
.ev-box-spring{box-shadow:8px 8px 0 #12735a !important;}
.ev-box-autumn{box-shadow:8px 8px 0 var(--jw-magenta) !important;}

.ev-box *,
.between-events-card *,
.schedule-info-box *,
.stat-card *{
  color:var(--tinte) !important;
}
.ev-box-name,.ev-box-date,.between-events-title,
.stat-number{
  font-family:var(--display) !important;
}
.stat-number{color:var(--jw-gold-text) !important;font-size:2.6rem !important;}
.ev-label{color:var(--tinte-weich) !important;}
.ev-row{border-bottom:1px solid var(--linie) !important;}

/* Status-Badges */
.ev-status,.phase-badge,.between-events-badge{
  font-family:var(--display) !important;
  letter-spacing:.08em;
  border-radius:0 !important;
  border:2px solid currentColor !important;
}
.ev-status-active{color:#12735a !important;background:rgba(18,115,90,.10) !important;}
.ev-status-done{color:var(--jw-gold-tief) !important;background:var(--jw-gold-lasur) !important;}

/* Section-Titel + Trennlinie */
.ev-section-title,.section-title{
  color:var(--papier) !important;
  text-shadow:3px 3px 0 var(--tinte) !important;
}
.ev-section-sub,.section-sub{
  color:var(--papier) !important;
  background:rgba(20,18,15,.55);
  display:inline-block;
  padding:.4rem .8rem;
}
.ev-section-line{background:var(--jw-gold) !important;}

/* Schedule-Icons/Boxen lesbar */
.schedule-info-icon,.schedule-info-item{color:var(--tinte) !important;}



/* ============================================================
   TRANSPARENTE INFO-BOXEN -> SOLIDE WEISSE FLÄCHEN
   (keine durchscheinende Betonwand mehr hinter Text/Status)
   ============================================================ */
.round-indicator,
.phase-banner,
.hero-challenge-text,
.hero-next-event,
.hero-phase-info,
.round-winner-card,
.schedule-info-box,
.upcoming-round,
.upcoming-countdown-box{
  background:var(--papier) !important;
  border:var(--kante) solid var(--tinte) !important;
  border-radius:0 !important;
  box-shadow:6px 6px 0 var(--jw-gold) !important;
  color:var(--tinte) !important;
}
.round-indicator *,
.phase-banner *,
.hero-challenge-text,
.hero-next-event *,
.hero-phase-info,
.round-winner-card *,
.schedule-info-box *,
.upcoming-round *,
.upcoming-countdown-box *{
  color:var(--tinte) !important;
}
.round-indicator-badge{
  background:var(--jw-gold) !important;
  color:var(--tinte) !important;
  border-radius:0 !important;
  font-family:var(--display) !important;
}
.round-indicator-text strong,
.hero-next-event strong,
.phase-banner strong{color:var(--jw-gold-text) !important;font-family:var(--display) !important;}

/* Runden-Tabs (Frühling / Herbst) – weisse Chips, klare Zustände */
.round-tab{
  background:var(--papier) !important;
  border:var(--kante) solid var(--tinte) !important;
  border-radius:0 !important;
  color:var(--tinte) !important;
  box-shadow:4px 4px 0 rgba(20,18,15,.25) !important;
  font-family:var(--display) !important;
}
.round-tab *{color:var(--tinte) !important;}
.round-tab:hover{box-shadow:6px 6px 0 var(--jw-gold) !important;}
.round-tab-active{
  background:var(--jw-gold) !important;
  border-color:var(--tinte) !important;
  box-shadow:6px 6px 0 var(--tinte) !important;
}
.round-tab-active *{color:var(--tinte) !important;}
.round-tab-ended{opacity:1 !important;}
.round-tab-badge-active{
  background:#12735a !important;
  color:#fff !important;
  border-radius:0 !important;
  padding:.1rem .5rem;
  font-size:.7rem;
}
.round-tab-badge-active,
.round-tab-badge-ended,
.round-tab-badge-upcoming{color:#fff !important;}



/* ============================================================
   FEINSCHLIFF v3
   1) Text-Schatten weg (wirkte fett) – AUSSER Haupt-Hero-Titel
   2) Jeder Text über dem Beton bekommt eine solide Fläche
      (helle Schrift -> dunkler Kasten, dunkle Schrift -> weiss)
      Ausnahme: der grosse Hero-Titel auf der Startseite
   ============================================================ */

/* --- 1) Schatten entfernen (Fett-Eindruck weg) --- */
.ev-section-title,.section-title,
.ev-section-sub,.section-sub,
.hero-badge,.eyebrow,.badge,
.step-number,.step-text,
.cta-text,.hero-subtitle,.hero-subtitle-text,
.between-events-title,.ev-box-name,.stat-number,
.card-artist,.popup-title,.modal-header h2{
  text-shadow:none !important;
}

/* Haupt-Hero-Titel behält bewusst seinen Schatten (Ausnahme) */
.hero-title,.hero h1,.ev-hero h1,
.title-line,.title-accent{
  text-shadow:4px 4px 0 var(--tinte) !important;
}

/* --- 2) Solide Flächen hinter frei stehendem Text --- */

/* Section-Überschriften (helle Schrift -> dunkler Kasten) */
.ev-section-title,.section-title{
  display:inline-block !important;
  background:var(--tinte) !important;
  color:var(--papier) !important;
  padding:.35em .7em !important;
  border:var(--kante) solid var(--jw-gold) !important;
}
/* Section-Untertitel (helle Schrift -> dunkler Kasten, solide statt transparent) */
.ev-section-sub,.section-sub{
  display:inline-block !important;
  background:var(--tinte) !important;
  color:var(--papier) !important;
  padding:.6em .9em !important;
  border:2px solid var(--linie) !important;
}

/* CTA-Fliesstext (helle Schrift -> dunkler Kasten) */
.cta-text{
  display:inline-block !important;
  background:var(--tinte) !important;
  color:var(--papier) !important;
  padding:.6em .9em !important;
  border:2px solid var(--linie) !important;
  font-weight:400 !important;
}

/* Hero-Eyebrow "GRAFFITI CONTEST" (gold auf dunkel) */
.hero-badge{
  background:var(--tinte) !important;
  color:var(--jw-gold) !important;
  font-weight:400 !important;
}

/* Hero-Steps "1. PIECE SPRAYEN" – solide dunkle Kacheln */
.hero-steps .step,
.step{
  background:var(--tinte) !important;
  border:2px solid var(--jw-gold) !important;
  border-radius:0 !important;
}
.step-number{color:var(--jw-gold) !important;}
.step-text{color:var(--papier) !important;font-weight:400 !important;text-shadow:none !important;}

/* Hero-Untertitel falls vorhanden – dunkler Kasten */
.hero-subtitle,.hero-subtitle-text{
  display:inline-block !important;
  background:var(--tinte) !important;
  color:var(--papier) !important;
  padding:.5em .8em !important;
}

/* Leere "between events" Überschrift lesbar auf hellem Card-Grund
   (steht auf weisser Karte -> dunkle Schrift, kein Kasten nötig) */
.between-events-title,.ev-box-name{color:var(--tinte) !important;}

/* Hero-Status-Pills ("Contest beendet…", Phasen-Badge) – solide dunkle Fläche */
.hero-ended-badge,
.hero-phase-badge,
.hero-phase-badge.phase-upload,
.hero-phase-badge.phase-voting,
.hero-phase-badge.phase-ended,
.hero-phase-badge.phase-waiting,
.hero-phase-badge.phase-between,
.hero-phase-badge.phase-open,
.hero-phase-badge.phase-parallel{
  display:inline-block !important;
  background:var(--tinte) !important;
  color:var(--jw-gold) !important;
  border:2px solid var(--jw-gold) !important;
  border-radius:0 !important;
  text-shadow:none !important;
  animation:none !important;
}
.hero-ended-badge *,
.hero-phase-badge *{color:var(--jw-gold) !important;}



/* ============================================================
   FEINSCHLIFF v4  (12.08.2026)
   - Dünnere Schrift: Display-Font von "Anton" -> "Oswald"
   - KEINE Glows, KEINE Schlagschatten mehr (auch Hero-Titel)
   - Mobile-Menü als sauberes Dropdown (auf/zu)
   ============================================================ */

/* ---------- 1) Dünnere Display-Schrift ---------- */
:root{
  --display:"Oswald","Barlow Condensed","Arial Narrow",sans-serif;
}
h1,h2,h3,h4,h5,h6,
.hero-title,.hero h1,.ev-hero h1,
.title-line,.title-accent,
.section-title,.ev-section-title,
.page-title,.nav-logo span,.nav-link,
.hero-badge,.step,.popup-title,.modal-header h2,
.between-events-title,.ev-box-name,.card-artist{
  font-family:var(--display) !important;
  font-weight:500 !important;      /* Oswald Medium – deutlich dünner als Anton */
  letter-spacing:.01em !important;
}
/* Die grossen Titel etwas kräftiger, aber weit leichter als vorher */
.hero-title,.hero h1,.ev-hero h1,
.title-line,.title-accent,.page-title{
  font-weight:600 !important;
}

/* ---------- 2) ALLE Schlagschatten & Glows entfernen ---------- */
*,*::before,*::after{
  text-shadow:none !important;
}
.hero-title,.hero h1,.ev-hero h1,
.title-line,.title-accent,.page-title,
.section-title,.ev-section-title,
.hero-badge,.step,.header-titles h1,
.nav-logo span{
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}

/* Logo-Glows (drop-shadow) entfernen */
.nav-logo-img img,
.nav-logo-img:hover img,
.header-logo img,
.header-logo img:hover,
.hero-logo-large img{
  filter:none !important;
  animation:none !important;
}
/* Radialer Glow-Kreis hinter dem grossen Hero-Logo weg */
.hero-logo-large::before{
  display:none !important;
  background:none !important;
}

/* ---------- 3) Mobile-Menü: sauberes Dropdown ---------- */
@media (max-width:768px){
  .main-nav .nav-container{position:relative;}
  .nav-toggle{display:flex !important;}
  .nav-links{
    display:none !important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column !important;
    gap:0 !important;
    flex-wrap:nowrap !important;
    background:var(--tinte) !important;
    border-top:2px solid var(--jw-gold);
    border-bottom:4px solid var(--jw-gold);
    padding:.4rem 1rem 1rem !important;
    box-shadow:0 12px 20px rgba(0,0,0,.4);
    z-index:1000;
  }
  .nav-links.open{display:flex !important;}
  .nav-link{
    width:100%;
    text-align:center;
    font-size:1.15rem !important;
    padding:.75rem 1rem !important;
    border-bottom:1px solid rgba(204,171,87,.25) !important;
  }
  .nav-link:last-child{border-bottom:0 !important;}
  /* Hamburger -> X wenn offen */
  .nav-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .nav-toggle.active span:nth-child(2){opacity:0;}
  .nav-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
}
@media (min-width:769px){
  /* Am Desktop nie das Hamburger-Menü, Links immer sichtbar */
  .nav-toggle{display:none !important;}
  .nav-links{display:flex !important;}
}