/* Freaky Kitchen · luftigeres Layout – unveränderte Inhalte und Funktionen */

/* 01 – Menu: gleich grosse Karten und ENDECKEN stets auf einer Linie.
   Nur die Fusszeile erhält automatischen Abstand – NICHT zusätzlich der Button. */
.food-grid{gap:18px;align-items:stretch}
.dish.dish-interactive{
  min-height:294px;
  padding:25px 26px 23px;
  border:1.5px solid #d9c5b5;
  border-radius:17px;
  box-shadow:0 6px 18px rgba(67,38,25,.055);
  background:#fffdfa;
  height:100%;
}
.dish.dish-interactive:before{height:4px;width:58px;border-radius:0 0 10px 0}
.dish.dish-interactive h3{font-size:clamp(2rem,2.35vw,2.35rem);line-height:.96;margin:23px 0 9px}
.dish.dish-interactive p{line-height:1.55;font-size:.85rem}
.dish.dish-interactive .foot{width:100%;margin-top:auto;padding-top:17px;flex-shrink:0}
.dish.dish-interactive .dish-reveal{
  margin-top:11px; /* KEIN auto: beide Auto-Margins hatten ungleiche Button-Höhen erzeugt */
  flex-shrink:0;
  align-self:flex-start;
  padding:9px 16px;
  min-height:38px;
  font-size:.71rem;
  border:1.5px solid #292122;
}
.dish.dish-interactive:hover{border-color:#dfab6d;box-shadow:0 11px 24px rgba(67,38,25,.10);transform:translateY(-3px)}

/* 02 – Arcade: hell statt riesiger schwarzer Block. */
.arcade-teaser{background:#fff0dc;color:#241d1b;padding:67px 0 72px;border-block:1px solid #edd4b8}
.arcade-teaser:before{right:-190px;top:-215px;width:410px;height:410px;border-width:28px;border-color:rgba(247,155,8,.10)}
.arcade-teaser-layout{gap:clamp(26px,4vw,55px);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.arcade-eyebrow{color:#925511;letter-spacing:.115em;font-size:.74rem}
.arcade-copy h2{font-size:clamp(3.8rem,6.1vw,6.4rem);line-height:.88;margin:20px 0 20px}
.arcade-copy h2 span{color:#d88100}
.arcade-copy p{color:#5e4c43;max-width:455px;line-height:1.62;font-size:.96rem}
.arcade-link{box-shadow:0 5px 0 #dfb37c;padding:14px 22px;border:1.5px solid #cf830d}
.arcade-link:hover{box-shadow:0 7px 0 #dfb37c}
.arcade-games{gap:15px}
.arcade-preview{
  min-height:270px;
  padding:20px;
  border:1.5px solid #d0a877;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(70,43,18,.08);
  transform:none!important;
}
.arcade-preview-one{background:#ffc879}
.arcade-preview-two{background:#fffaf0}
.arcade-preview:hover{transform:translateY(-3px)!important;box-shadow:0 12px 24px rgba(70,43,18,.14)}
.arcade-preview strong{font-size:clamp(2rem,2.7vw,2.9rem);line-height:.9}
.arcade-emoji{filter:none;transform:none}
.arcade-emoji .freaky-arcade-icon{width:min(100%,124px)}

/* 03 – Foodtruck: reales Foto im Mittelpunkt; keine schwere schwarze Fläche. */
.truck-spotlight{background:#fff9f1;color:#231c1b;border-bottom:1px solid #f0dfcd;padding:83px 0}
.truck-layout{gap:clamp(30px,5vw,67px)}
.truck-photo-panel{
  transform:none!important;
  border:2px solid #ead2b8;
  border-radius:18px;
  overflow:visible;
  box-shadow:0 14px 32px rgba(75,40,17,.10);
}
.truck-photo-panel img{height:370px;border-radius:15px}
.truck-photo-sticker{border:1px solid #ab6b11;border-radius:7px;padding:9px 12px;font-size:.66rem;right:-7px;bottom:-10px;box-shadow:0 3px 0 #eec68c}
.truck-copy .label{color:#985804}
.truck-copy h2{color:#21191a;font-size:clamp(3.8rem,6.1vw,6.5rem);line-height:.86;margin:20px 0 22px;letter-spacing:-.022em}
.truck-copy h2 span{color:#d98500}
.truck-copy p{color:#5b4a43;font-size:.99rem;line-height:1.65;margin:0 0 23px}
.truck-cta{box-shadow:0 5px 0 #e8c194;border-width:1.5px}
.truck-mini-line{color:#8a7060;font-size:.68rem;margin-top:23px;letter-spacing:.13em}

/* 04 – Festival-Tickets: weniger dicke Konturen; die Ticket-Idee bleibt. */
.event-grid{gap:16px}
.event-card.ticket-card{
  min-height:195px;
  border:1.5px solid #dcc4aa;
  border-radius:15px;
  background:#fffdf9;
  box-shadow:0 5px 13px rgba(80,45,24,.045);
}
.ticket-card .ticket-band{
  min-height:51px;
  background:#ffdaaa;
  border-radius:13px 13px 0 0;
  border-bottom:1px dashed #c8a47d;
  padding:10px 16px;
}
.ticket-card .event-date{font-size:.94rem;font-weight:900;color:#3a281d}
.ticket-card .ticket-main{padding:19px 23px 13px}
.ticket-card h3{font-size:clamp(1.9rem,2.4vw,2.25rem);line-height:.98;margin:0 0 8px}
.ticket-card p{font-size:.88rem}
.ticket-card .ticket-footer{padding:10px 0;margin:0 23px;border-color:#e8d6c3;font-size:.62rem;color:#9f7958}
.ticket-card:before,.ticket-card:after{top:43px;width:11px;height:18px;border:1.5px solid #dcc4aa;background:#fff6eb}
.ticket-card:before{left:-6px}
.ticket-card:after{right:-6px}
.ticket-card:hover{border-color:#d2a36f;transform:translateY(-3px);box-shadow:0 10px 23px rgba(80,45,24,.09)}

/* Preserve readable interactions and motion accessibility. */
@media(max-width:940px){
 .arcade-teaser-layout{grid-template-columns:1fr}
 .arcade-games{max-width:600px}
 .truck-photo-panel img{height:345px}
}
@media(max-width:640px){
 .dish.dish-interactive{min-height:245px;padding:23px}
 .dish.dish-interactive h3{font-size:2.15rem;margin-top:18px}
 .arcade-teaser{padding:57px 0 62px}
 .arcade-copy h2{font-size:clamp(3.55rem,12.5vw,5rem);margin:17px 0 16px}
 .arcade-games{gap:11px}
 .arcade-preview{min-height:218px;padding:14px;border-radius:13px}
 .arcade-preview strong{font-size:clamp(1.7rem,7.4vw,2.45rem)}
 .arcade-emoji .freaky-arcade-icon{width:min(100%,96px)}
 .truck-spotlight{padding:64px 0}
 .truck-photo-panel img{height:276px}
 .truck-copy h2{font-size:clamp(3.85rem,14vw,5.6rem)}
 .event-card.ticket-card{min-height:175px}
}
@media(prefers-reduced-motion:reduce){
 .dish.dish-interactive:hover,.arcade-preview:hover,.ticket-card:hover{transform:none!important}
}