/* V100.2 GASTRO VISUAL UPGRADE – additive only.
   Uses existing generic project imagery as editorial atmosphere; not venue photography. */
:root{
  --tg2-bg:#091218;
  --tg2-bg-2:#0d171c;
  --tg2-panel:#111b20;
  --tg2-panel-2:#152127;
  --tg2-gold:#c49a4a;
  --tg2-gold-soft:#e0bd78;
  --tg2-line:rgba(196,154,74,.34);
  --tg2-text:#f7f1e7;
  --tg2-muted:#b8c0c4;
}

/* HERO: richer, cinematic, but factual copy remains untouched */
.tg-page{background:var(--tg2-bg);color:var(--tg2-text)}
.tg-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(5,14,20,.98) 0%,rgba(6,17,24,.93) 43%,rgba(7,18,24,.58) 70%,rgba(7,18,24,.92) 100%),
    url('/assets/planning-1-v06.jpg') right center/760px auto no-repeat,
    linear-gradient(135deg,#07131d 0%,#10212d 100%);
  border-bottom:1px solid var(--tg2-line);
}
.tg-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 77% 36%,rgba(217,169,77,.16),transparent 29%),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.2));
}
.tg-hero h1{color:#fff8eb;text-shadow:0 5px 30px rgba(0,0,0,.32)}
.tg-lead{color:#e5e7e4}
.tg-eyebrow,.tg-context-kicker{color:var(--tg2-gold-soft)}
.tg-theatre-facts{background:rgba(8,18,23,.82);border-color:rgba(224,189,120,.34);box-shadow:0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(7px)}
.tg-theatre-facts>span{color:var(--tg2-gold-soft)}
.tg-theatre-facts p{color:#e5e8e7}
.tg-theatre-facts small{color:#aeb9be}
.tg-quiet:hover{border-color:var(--tg2-gold-soft);color:var(--tg2-gold-soft)}

/* Dark editorial body, closer to the approved visual direction */
.tg-intro,.tg-content{background:linear-gradient(180deg,#0d171c 0%,#091218 100%);color:var(--tg2-text)}
.tg-trust{border-bottom-color:var(--tg2-line)}
.tg-trust strong{color:var(--tg2-gold-soft)}
.tg-trust p,.tg-local-intro{color:#d4d9d9}
.tg-trust span{color:#9fa9ad}
.tg-section{border-bottom-color:var(--tg2-line)}
.tg-heading h2,.tg-context h2,.tg-final h2{color:#f5e7cb}
.tg-heading p{color:#aeb8bc}

/* IMAGE-TOP CARDS – generic editorial atmosphere, not claimed venue photos */
.tg-place-card{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#152127 0%,#111a1f 100%);
  border:1px solid rgba(196,154,74,.34);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(0,0,0,.2);
  color:#eef0ed;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.tg-place-card:hover{transform:translateY(-2px);border-color:rgba(224,189,120,.66);box-shadow:0 18px 42px rgba(0,0,0,.28)}
.tg-place-card:before{
  content:"";display:block;flex:0 0 148px;height:148px;
  margin:-25px -25px 21px;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  border-bottom:1px solid rgba(196,154,74,.32);
  filter:saturate(.92) contrast(1.03) brightness(.84);
}
#restaurants .tg-place-card:before,
#familie-danach .tg-place-card:before,
#familien-ausklang .tg-place-card:before{
  background-image:linear-gradient(180deg,rgba(0,0,0,.03),rgba(6,15,18,.28)),url('/assets/planning-1-v06.jpg');
}
#danach .tg-place-card:before{
  background-image:linear-gradient(180deg,rgba(0,0,0,.01),rgba(6,15,18,.3)),url('/assets/planning-2-v06.jpg');
}
#restaurants .tg-place-card:nth-child(2n):before{background-position:38% 50%}
#restaurants .tg-place-card:nth-child(3n):before{background-position:72% 50%}
#restaurants .tg-place-card:nth-child(4n):before{background-position:55% 55%}
#danach .tg-place-card:nth-child(2n):before{background-position:38% 50%}
#danach .tg-place-card:nth-child(3n):before{background-position:74% 50%}

.tg-role{color:var(--tg2-gold-soft)}
.tg-place-card h3{color:#fff4df}
.tg-family-mark{background:rgba(68,132,103,.18);color:#b9e5d2;border:1px solid rgba(114,185,151,.28)}
.tg-badges{gap:7px;margin-top:15px}
.tg-badges span{
  background:rgba(196,154,74,.12);border:1px solid rgba(196,154,74,.34);
  color:#e8cf9d;border-radius:999px;padding:6px 10px;font-size:.69rem;
}
.tg-address{color:#aeb8bc}
.tg-place-card>p:not(.tg-address):not(.tg-hours){color:#d9dedd}
.tg-hours{color:#bdc5c7;border-top-color:rgba(196,154,74,.2)}
.tg-practical{color:#b7c0c3}
.tg-place-actions{border-top:1px solid rgba(196,154,74,.16);margin-top:auto}
.tg-place-actions a{color:#dfbc76}
.tg-place-actions a:hover{color:#fff1d4}

/* Context panels */
.tg-context{
  margin-top:18px;margin-bottom:18px;border:1px solid rgba(196,154,74,.32);border-radius:14px;
  background:linear-gradient(135deg,rgba(196,154,74,.10),rgba(255,255,255,.025));
  border-bottom-color:rgba(196,154,74,.32);
}
.tg-context-family{background:linear-gradient(135deg,rgba(45,105,80,.16),rgba(196,154,74,.07))}
.tg-context p{color:#d1d8d7}.tg-context strong{color:#f0d49f}

/* FAQ + final CTA */
.tg-faq details{background:#111b20;border-color:rgba(196,154,74,.26)}
.tg-faq summary{color:#f1e3c8}.tg-faq details p{color:#c1c9cb}
.tg-final{background:linear-gradient(135deg,#111e27,#0a151b);border-color:rgba(196,154,74,.48);box-shadow:0 16px 38px rgba(0,0,0,.2)}
.tg-final p{color:#cdd4d5}

/* Theatre index gets a small visual lift without turning into a photo catalogue */
.tg-index{background:linear-gradient(180deg,#0d171c,#091218);color:var(--tg2-text)}
.tg-index-hero{background:linear-gradient(135deg,#07131d,#10212d);border-bottom:1px solid var(--tg2-line)}
.tg-index-card{background:#111b20;border-color:rgba(196,154,74,.25);color:#f4ead8;box-shadow:0 10px 24px rgba(0,0,0,.13)}
.tg-index-card:hover{border-color:rgba(224,189,120,.65);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.tg-index-card span{color:#ddb86f}.tg-index-card p{color:#aeb8bc}

@media(max-width:980px){
  .tg-hero{background-size:auto,620px auto,auto;background-position:center,right top,center}
}
@media(max-width:680px){
  .tg-hero{
    background:
      linear-gradient(180deg,rgba(6,16,22,.87) 0%,rgba(6,16,22,.96) 48%,#07131d 100%),
      url('/assets/planning-1-v06.jpg') center top/auto 220px no-repeat,
      #07131d;
    padding-top:208px;
  }
  .tg-place-card:before{height:132px;flex-basis:132px}
  .tg-context{margin-left:0;margin-right:0;padding:32px 20px}
}
.tg-final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:250px}.tg-final-actions .quiet-link{color:#e6c778;font-weight:800;font-size:.82rem}@media(max-width:680px){.tg-final-actions{min-width:0;width:100%}.tg-final-actions .btn{width:100%}}