@font-face{font-family:"Limelight";src:url("/assets/fonts/limelight-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url("/assets/fonts/barlow-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url("/assets/fonts/barlow-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow";src:url("/assets/fonts/barlow-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/barlow-condensed-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --saal:#16131b;--saal-2:#241f2b;--leinwand:#f2ede3;--blatt:#fbf8f1;--tinte:#1f1b22;--grau:#5c554d;
  --rot:#8f2430;--rot-tief:#6c1a23;--gold:#c9902a;--gold-text:#8a5e12;--silber:#bdb6aa;--linie:#ddd4c3;
  --zier:"Limelight",Georgia,serif;--text:"Barlow","Segoe UI",Arial,sans-serif;--eng:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--leinwand);color:var(--tinte);font:400 1.125rem/1.7 var(--text);font-variant-numeric:lining-nums}
img{max-width:100%;height:auto;display:block}
a{color:var(--rot);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--rot-tief);text-decoration-thickness:2px}
h1,h2{font-family:var(--zier);font-weight:400;line-height:1.18;letter-spacing:.01em}
h3{font-weight:600;line-height:1.3}
.sauter{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--saal);padding:.5rem 1rem;z-index:10}
.sauter:focus{left:1rem}

/* Kopf mit Filmperforation */
.entete{background:var(--saal);color:var(--leinwand)}
.perfo{height:14px;background:linear-gradient(90deg,#3a3341 0 12px,transparent 12px) 6px 50%/26px 7px repeat-x}
.entete__rang{max-width:72rem;margin:0 auto;padding:.9rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 2rem}
.marque{display:flex;align-items:center;gap:.6rem;color:var(--gold);text-decoration:none;font:400 1.85rem/1 var(--zier)}
.marque:hover{color:#e3ac45}
.marque__bobine{width:2.1rem;height:2.1rem}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}
.menu a{color:var(--leinwand);text-decoration:none;font:500 1.08rem/1.6 var(--eng);letter-spacing:.03em;padding:.2rem 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current]{border-bottom-color:var(--gold);color:#fff}

main{display:block}
.fil{max-width:72rem;margin:1.2rem auto 0;padding:0 1rem;font:500 .98rem/1.4 var(--eng);color:var(--grau)}
.fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem}
.fil li+li::before{content:"›";margin:0 .45rem;color:var(--gold-text)}
.fil a{color:var(--grau)}

/* Startseite */
.ecran{max-width:72rem;margin:2rem auto 0;padding:0 1rem;display:grid;grid-template-columns:1.25fr 1fr;align-items:center}
.ecran__image .plan{margin:0}
.ecran__image img{aspect-ratio:16/10;object-fit:cover;width:100%}
.ecran__carton{background:var(--saal);color:var(--leinwand);margin-left:-3rem;padding:2.4rem 2.2rem;position:relative;outline:2px solid var(--gold);outline-offset:-10px}
.ecran__carton::before,.ecran__carton::after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--gold)}
.ecran__carton::before{top:18px;left:18px;border-right:0;border-bottom:0}
.ecran__carton::after{bottom:18px;right:18px;border-left:0;border-top:0}
.ecran__carton h1{font-size:clamp(2rem,4vw,2.7rem);margin:0 0 1rem;color:#f6e7c6}
.ecran__carton p{margin:0 0 1rem}
.ecran__liens{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem!important}
.ecran__liens a{color:var(--saal);background:var(--gold);text-decoration:none;font:600 1rem/1 var(--text);padding:.8rem 1.1rem}
.ecran__liens a+a{background:transparent;color:var(--leinwand);box-shadow:inset 0 0 0 2px var(--silber)}
.ecran__liens a:hover{background:#e3ac45;color:var(--saal)}

.programme{max-width:72rem;margin:4rem auto 0;padding:0 1rem}
.programme h2,.bobine h2,.voisins h2,.propos h2{font-size:2rem;margin:0 0 .4rem;display:flex;align-items:center;gap:1rem}
.programme h2::after,.bobine h2::after,.voisins h2::after{content:"";flex:1;height:0;border-top:3px double var(--gold)}
.programme__intro{color:var(--grau);margin:0 0 1.6rem}
.programme__grille{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.seance{background:var(--blatt);border-top:5px solid var(--rot);padding:1.3rem 1.4rem 1rem}
.seance__no{margin:0;font:400 1rem/1 var(--zier);color:var(--gold-text)}
.seance h3{font-size:1.45rem;margin:.35rem 0 .6rem}
.seance h3 a{color:var(--tinte);text-decoration:none}
.seance h3 a:hover{color:var(--rot)}
.seance ul{list-style:none;margin:0;padding:0}
.seance li{display:flex;align-items:baseline;gap:.5rem;padding:.4rem 0;border-bottom:1px dotted var(--silber)}
.seance li:last-child{border-bottom:0}
.seance li a{flex:1;color:var(--tinte);text-decoration:none;line-height:1.35}
.seance li a:hover{color:var(--rot);text-decoration:underline}
.seance li span{font:500 .92rem/1 var(--eng);color:var(--grau);white-space:nowrap}

.bobine,.voisins{max-width:72rem;margin:4rem auto 0;padding:0 1rem}
.bobine__grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.6rem;margin-top:1.2rem}
.voisins__grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.2rem}
.affiche{background:var(--blatt);box-shadow:0 1px 0 var(--linie)}
.affiche>a{display:block;color:var(--tinte);text-decoration:none}
.affiche img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--saal-2)}
.affiche__rub{display:block;font:500 .95rem/1 var(--eng);color:var(--gold-text);margin:1rem 1.1rem .3rem}
.affiche__tit{display:block;font-weight:600;font-size:1.13rem;line-height:1.35;margin:0 1.1rem 1rem}
.affiche>a:hover .affiche__tit{color:var(--rot);text-decoration:underline}
.affiche p{margin:-.4rem 1.1rem 1.1rem;font-size:1rem;color:var(--grau);line-height:1.55}

.propos{max-width:46rem;margin:4.5rem auto 0;padding:0 1rem}
.propos h2{display:block}
.recommande{background:var(--blatt);border-left:4px solid var(--gold);padding:.9rem 1.1rem}

/* Rubrikseiten */
.salle{max-width:72rem;margin:1.6rem auto 0;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}
.salle h1{font-size:clamp(2.2rem,5vw,3.2rem);margin:.2rem 0 1rem}
.salle h2{font-size:1.55rem;margin:2rem 0 .5rem}
.salle .plan{margin:0}

/* Beitrag */
.scene{max-width:72rem;margin:0 auto;padding:0 1rem}
.scene__tete{max-width:46rem;margin:1.4rem 0 1.6rem}
.scene__rub{margin:0;font:500 1.05rem/1 var(--eng)}
.scene__rub a{color:var(--gold-text);text-decoration:none}
.scene h1{font-size:clamp(2rem,4.4vw,3rem);margin:.5rem 0 .6rem}
.scene__meta{font:500 1rem/1.4 var(--eng);color:var(--grau);margin:0 0 1.2rem}
.chapo{font-size:1.28rem;line-height:1.6;margin:0}
.scene--simple{max-width:48rem}
.scene--simple .texte{max-width:none}
.plan{margin:2rem 0}
.plan--large{margin:0 0 2.4rem}
.plan img{width:100%;background:var(--saal-2)}
.plan--large img{max-height:34rem;object-fit:cover}
.plan figcaption{font-size:.92rem;color:var(--grau);line-height:1.45;margin-top:.55rem}
.credit{display:inline}
.plan figcaption a{color:var(--grau)}
.scene__corps{display:grid;grid-template-columns:14rem minmax(0,46rem);gap:3rem;align-items:start}
.sequence{position:sticky;top:1.2rem;border-top:3px double var(--gold);padding-top:.7rem;font:500 1rem/1.35 var(--eng)}
.sequence p{margin:0 0 .5rem;font-family:var(--zier);font-size:1.1rem;color:var(--gold-text)}
.sequence ol{margin:0;padding-left:1.3rem;color:var(--grau)}
.sequence li{margin:.35rem 0}
.sequence a{color:var(--tinte);text-decoration:none}
.sequence a:hover{color:var(--rot);text-decoration:underline}
.texte{max-width:46rem}
.texte h2{font-size:1.75rem;margin:2.6rem 0 .7rem;scroll-margin-top:1rem}
.texte h2::before{content:"";display:block;width:3.2rem;border-top:3px double var(--gold);margin-bottom:.8rem}
.texte p{margin:0 0 1.15rem}
.texte ul{padding-left:1.25rem;margin:0 0 1.3rem}
.texte li{margin:.4rem 0}
.texte li::marker{color:var(--rot)}
.carton{background:var(--saal);color:var(--leinwand);margin:2rem 0;padding:1.3rem 1.5rem;outline:1px solid var(--gold);outline-offset:-7px}
.carton__titre{font-family:var(--zier);color:var(--gold);text-align:center;margin:0 0 .5rem!important;font-size:1.15rem}
.carton p{margin:0}
.carton a{color:#f0c66d}
.avertissement{background:#f5e3df;border-left:5px solid var(--rot);margin:2rem 0;padding:1rem 1.3rem}
.avertissement__titre{font-weight:600;color:var(--rot-tief);margin:0 0 .3rem!important}
.avertissement p{margin:0}
.tableau{overflow-x:auto;margin:1.6rem 0}
table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.45;background:var(--blatt)}
th{background:var(--saal);color:var(--leinwand);text-align:left;font:500 1.02rem/1.3 var(--eng);padding:.6rem .8rem}
td{padding:.6rem .8rem;border-bottom:1px solid var(--linie);vertical-align:top}
.suite{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:3.2rem 0 0;padding-top:1.6rem;border-top:3px double var(--gold)}
.suite a{display:block;color:var(--tinte);text-decoration:none;font-weight:600;line-height:1.35}
.suite a span{display:block;font:500 .95rem/1.2 var(--eng);color:var(--grau);margin-bottom:.3rem}
.suite a:hover{color:var(--rot)}
.suite__suiv{text-align:right;grid-column:2}
.legal h2{font-family:var(--text);font-weight:600;font-size:1.25rem;margin:2rem 0 .4rem}
.legal h2::before{display:none}
.nachweise{font-size:.98rem}

/* Abspann */
.generique{background:var(--saal);color:var(--silber);margin-top:5rem;padding:3.5rem 1rem 2.5rem;text-align:center}
.generique__titre{font:400 2rem/1 var(--zier);color:var(--gold);margin:0}
.generique__sous{margin:.5rem 0 2rem;font-style:italic}
.generique__roles{max-width:44rem;margin:0 auto;display:grid;gap:.7rem}
.generique__roles div{display:grid;grid-template-columns:1fr 1.4fr;gap:1.2rem;align-items:baseline}
.generique dt{text-align:right;font:500 1rem/1.4 var(--eng);color:#8f887d}
.generique dd{margin:0;text-align:left;color:var(--leinwand)}
.generique a{color:var(--leinwand);text-decoration:none;border-bottom:1px solid #5a5262}
.generique a:hover{color:var(--gold);border-color:var(--gold)}
.generique__fin{margin:2.4rem 0 0;font:400 1rem/1 var(--zier);color:#8f887d;letter-spacing:.2em}

@media (max-width:900px){
  .ecran{grid-template-columns:1fr}
  .ecran__carton{margin:0 1rem}
  .programme__grille,.salle{grid-template-columns:1fr}
  .salle{gap:1rem}
  .scene__corps{grid-template-columns:1fr;gap:0}
  .sequence{position:static;margin-bottom:1.6rem}
  .voisins__grille{grid-template-columns:1fr}
}
@media (max-width:560px){
  body{font-size:1.06rem}
  .ecran{padding:0}
  .ecran__carton{margin:0 .75rem;padding:2rem 1.3rem}
  .ecran__image .plan figcaption{padding:0 .75rem}
  .marque{font-size:1.6rem}
  .menu ul{gap:.1rem .9rem}
  .suite{grid-template-columns:1fr}
  .suite__suiv{grid-column:1;text-align:left}
  .generique__roles div{grid-template-columns:1fr;gap:0;text-align:center}
  .generique dt,.generique dd{text-align:center}
  .chapo{font-size:1.15rem}
}
@media print{.entete,.generique,.sequence,.voisins,.suite{display:none}}