/* ===========================================================================
   TEIL · WOFÜR DER SAAL VERMIETET WIRD                        Haus Rentei
   ---------------------------------------------------------------------------
   Vier Anlässe, die nichts miteinander zu tun haben, stehen hier
   nebeneinander: ein Trauerkaffee zwei Tage nach einem Todesfall und eine
   türkische Hochzeit. Deshalb bekommt kein Fall eine eigene Farbe, kein Fall
   ein eigenes Symbol, kein Fall mehr Fläche als der andere. Alle vier haben
   denselben Aufbau, dieselbe Schriftgröße, denselben Abstand. Die
   Gleichbehandlung ist hier kein Layoutgeschmack, sondern die Aussage.

   Es gibt kein brauchbares Foto vom Haus. Statt beschrifteter Bildrahmen,
   die so tun, als käme da noch etwas, stehen hier gezeichnete Größen:
   der Platz als Schiene (80 von 120), die Musik als Zeitlinie, deren Ende
   offen ausläuft, weil es keine feste Endzeit gibt. Und ein Satz, der
   ausspricht, dass es keine Bilder gibt und warum.

   Bewusst ohne Bewegung: keine Einblendung, keine Zähler, kein Hover, der
   eine Zeile anhebt. In diesem Abschnitt liest jemand vielleicht gerade
   zwei Tage nach einer Beerdigung mit.
   =========================================================================== */

/* --- Poppins mit türkischen Zeichen ---------------------------------------
   _soul.css lädt Poppins nur im Latin-Schnitt. ğ, ş und İ fehlen darin und
   fielen mitten im Wort auf eine Systemschrift zurück — sichtbar in
   "yemeği", "Nişan", "Düğün". Die Erweiterung liegt bereits im Ordner. Die
   unicode-range greift ausschließlich in den erweiterten Bereich, an den
   bestehenden Deklarationen ändert sich nichts. Keine andere Datei
   angefasst. -------------------------------------------------------------- */
/* --- Feld ---------------------------------------------------------------- */
.t-anlaesse{
  background:var(--papier);color:var(--tinte);
  padding:clamp(52px,7vw,112px) 0 clamp(48px,6.4vw,100px);
}
/* Poppins hat nur 400 und 500. Ein <b> darf keinen synthetischen Fettschnitt
   erzwingen, das wirkt bei dieser Schrift schmutzig. */
.t-anlaesse b{font-weight:500}
.t-anlaesse p{margin:0}
/* "Gastronomieküche", "Zimmerlautstärke": bei 360 px darf ein langes Wort
   die Spalte nicht seitlich aufschieben. */
.t-anlaesse p,.t-anlaesse li,.t-anlaesse h2,.t-anlaesse h3{overflow-wrap:break-word}

/* --- Kopf ----------------------------------------------------------------- */
.t-anlaesse .vor{
  margin:0 0 clamp(14px,1.8vw,24px);font-size:10.5px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--stumm);font-weight:500;
}
.t-anlaesse__titel{
  font-family:var(--anton);font-weight:400;text-transform:uppercase;
  /* 1.04 statt .95: bei .95 haengt das Komma von "TRAUERKAFFEE," in der
     Zeile darunter und liest sich wie ein Fleck. */
  font-size:clamp(33px,6.4vw,92px);line-height:1.04;letter-spacing:.004em;
  margin:0 0 clamp(18px,2.4vw,34px);max-width:17ch;text-wrap:balance;
}
.t-anlaesse__lead{
  font-size:clamp(15.5px,1.35vw,19px);line-height:1.62;color:#3B3A36;
  max-width:60ch;margin:0 0 clamp(30px,4vw,58px);
}

/* --- Das Blatt, auf dem die vier Fälle stehen ----------------------------- */
.t-anlaesse__blatt{
  background:var(--sand-hell);border-radius:var(--radius);
  padding:clamp(8px,1.4vw,20px) clamp(20px,3.2vw,52px) clamp(20px,3.2vw,52px);
}
.t-anlaesse__liste{list-style:none;margin:0;padding:0}

/* --- Ein Fall ------------------------------------------------------------- */
.t-anlaesse__fall{
  display:grid;grid-template-columns:minmax(0,37%) minmax(0,1fr);
  gap:clamp(14px,3.4vw,58px);
  padding:clamp(28px,3.6vw,54px) 0;
  border-bottom:1px solid var(--linie);
}
.t-anlaesse__fall:last-child{border-bottom:0;padding-bottom:clamp(30px,3.8vw,58px)}

.t-anlaesse__name{
  font-family:var(--anton);font-weight:400;text-transform:uppercase;
  /* 1.14: das Ş von NİŞAN haengt nach unten, das Ğ von DÜĞÜN nach oben.
     Von allen Ueberschriften braucht diese am meisten Luft - gemessener
     Bedarf 1.124. Die frueher geschaetzten 1.09 reichten nicht. */
  font-size:clamp(26px,3.9vw,54px);line-height:1.14;letter-spacing:.005em;
  margin:0 0 clamp(14px,1.5vw,20px);
}
/* Der türkische Name bricht an den Trennpunkten, nicht mitten im Wort. */
.t-anlaesse__name[lang="tr"]{word-spacing:.02em}

.t-anlaesse__saetze{display:flex;flex-wrap:wrap;gap:8px}
.t-anlaesse__pille{
  display:inline-flex;align-items:baseline;gap:9px;
  border:1px solid var(--linie);border-radius:var(--pille);
  background:var(--papier);padding:8px 16px;white-space:nowrap;
}
.t-anlaesse__pille b{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--stumm);
}
.t-anlaesse__preis{font-size:13.5px;font-weight:500;font-variant-numeric:tabular-nums}

.t-anlaesse__text{max-width:60ch}
.t-anlaesse__text p{
  margin:0 0 13px;font-size:clamp(14.5px,1.05vw,16px);line-height:1.66;color:#3B3A36;
}
.t-anlaesse__text p:last-child{margin-bottom:0}
.t-anlaesse__weiter{margin-top:clamp(16px,1.8vw,24px)}
/* Die Beschriftung ist lang. Bei 360 px darf sie umbrechen statt aus dem
   Bildschirm zu laufen. */
.t-anlaesse__weiter .knopf{white-space:normal;text-align:center;line-height:1.5}

/* Der türkische Hinweis: eigener Kasten, damit ihn findet, wer nur ihn sucht. */
.t-anlaesse__tuerkce{
  margin-top:clamp(14px,1.6vw,20px);
  background:var(--papier);border:1px solid var(--linie);
  border-radius:calc(var(--radius) - 14px);
  padding:13px 18px;font-size:14.5px;
}
.t-anlaesse__text .t-anlaesse__tuerkce{color:var(--tinte)}
.t-anlaesse__tuerkce a{
  font-weight:500;text-decoration:none;white-space:nowrap;
  font-variant-numeric:tabular-nums;
  border-bottom:1px solid var(--linie);padding-bottom:2px;
}
.t-anlaesse__tuerkce a:hover{border-bottom-color:var(--tinte)}

/* --- Was für alle vier gilt ----------------------------------------------- */
.t-anlaesse__haus{
  background:var(--papier);border-radius:calc(var(--radius) - 12px);
  padding:clamp(24px,3vw,44px);
}
.t-anlaesse__hausname{
  font-family:var(--anton);font-weight:400;text-transform:uppercase;
  font-size:clamp(19px,2vw,27px);line-height:1;margin:0 0 clamp(20px,2.6vw,34px);
}
.t-anlaesse__felder{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,46px);
}
.t-anlaesse__feld h4{
  margin:0 0 16px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--stumm);font-weight:500;
}
.t-anlaesse__feld p{font-size:14px;line-height:1.6;color:#3B3A36;margin:0}

/* Der Platz, gezeichnet: die volle Länge sind die genehmigten 120 Personen,
   der gefüllte Teil die 80, die bequem sitzen. 80/120 = 66,667 %. */
.t-anlaesse__schiene{
  position:relative;height:9px;border-radius:var(--pille);
  background:var(--linie);margin-bottom:13px;
}
.t-anlaesse__voll{
  position:absolute;left:0;top:0;bottom:0;width:66.667%;
  border-radius:var(--pille);background:var(--tinte);
}
.t-anlaesse__voll::after{
  content:'';position:absolute;right:0;top:-6px;bottom:-6px;
  width:1.5px;background:var(--tinte);
}

/* Die Musik, gezeichnet: bis 22:00 Uhr die volle Stärke, dann die Marke,
   danach eine dünne Linie, die nach rechts ausläuft statt aufzuhören —
   weil es nach 22 Uhr keine feste Endzeit gibt. */
.t-anlaesse__zeit{display:flex;align-items:center;height:9px;margin-bottom:13px}
.t-anlaesse__laut{
  width:58%;height:9px;flex:none;background:var(--tinte);
  border-radius:var(--pille) 0 0 var(--pille);
}
.t-anlaesse__marke22{width:1.5px;height:21px;flex:none;background:var(--tinte)}
.t-anlaesse__leise{
  flex:1;height:2px;min-width:0;
  background:linear-gradient(90deg,rgba(18,18,17,.34),rgba(18,18,17,0));
}

/* Die Beschriftung der beiden Zeichnungen laeuft als eine Zeile, nicht links
   und rechts auseinandergezogen: in der dreispaltigen Lage ist die Spalte zu
   schmal dafuer, und "L A U T  B I S / U H R" liest sich wie ein Fehler. */
.t-anlaesse__feld .t-anlaesse__skala{
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.7;
  color:var(--stumm);font-weight:500;margin:0 0 14px;
}
.t-anlaesse__skala span+span::before{content:' · ';opacity:.5}

.t-anlaesse__ohne{list-style:none;margin:0;padding:0}
.t-anlaesse__ohne li{
  font-size:14px;line-height:1.6;color:#3B3A36;
  padding-left:20px;position:relative;margin-bottom:9px;
}
.t-anlaesse__ohne li::before{
  content:'';position:absolute;left:0;top:.65em;
  width:10px;height:1.5px;background:var(--stumm);
}
.t-anlaesse__ohne li:last-child{margin-bottom:0}

.t-anlaesse__haus .t-anlaesse__fuss{
  margin:clamp(24px,3vw,40px) 0 0;padding-top:20px;
  border-top:1px solid var(--linie);font-size:14.5px;color:#3B3A36;
}
.t-anlaesse__fuss a{
  font-weight:500;color:var(--tinte);text-decoration:none;white-space:nowrap;
  font-variant-numeric:tabular-nums;
  border-bottom:1px solid var(--linie);padding-bottom:2px;
}
.t-anlaesse__fuss a:hover{border-bottom-color:var(--tinte)}

/* --- Tastatur ------------------------------------------------------------- */
.t-anlaesse a:focus-visible{
  outline:2px solid var(--tinte);outline-offset:3px;border-radius:3px;
}
.t-anlaesse .knopf:focus-visible{outline-offset:4px;border-radius:var(--pille)}

/* --- schmal --------------------------------------------------------------- */
@media(max-width:960px){
  /* minmax(0,1fr), nicht 1fr: sonst darf eine Spalte auf ihre
     min-content-Breite aufgehen und schiebt die Seite seitlich auf. */
  .t-anlaesse__felder{grid-template-columns:minmax(0,1fr);gap:clamp(22px,4vw,32px)}
  .t-anlaesse__fall{grid-template-columns:minmax(0,1fr);gap:16px}
  .t-anlaesse__name{font-size:clamp(26px,5.4vw,40px)}
}
@media(max-width:560px){
  .t-anlaesse__blatt{padding:4px clamp(16px,4.4vw,22px) clamp(16px,4.4vw,22px)}
  .t-anlaesse__haus{padding:clamp(20px,5vw,26px)}
  .t-anlaesse__saetze{gap:7px}
  .t-anlaesse__pille{padding:7px 13px;gap:7px}
  .t-anlaesse__titel{font-size:clamp(30px,8.6vw,44px)}
  .t-anlaesse__weiter .knopf{width:100%;justify-content:center}
}

/* --- Ruhe ----------------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .t-anlaesse *{transition-duration:.001ms!important;animation:none!important}
}