/* ============================================================
   ADVENTSKALENDER

   Eigene Datei, damit seite.css unverändert aus base.html
   übernommen bleibt.

   Die Plätze des Lebendigen Adventskalenders als Kalender mit
   Türchen zum Öffnen (seit Schritt 16). Jedes Türchen ist ein
   Fensterladen mit zwei Flügeln, die sich dreidimensional nach
   außen öffnen. Bemalt werden die Flügel von adventskalender.js,
   ebenso Schnee und Lichterkette.

   Die Farben sind bewusst weihnachtlich und hängen nicht von der
   Jahreszeit der übrigen Seite ab.
   ============================================================ */

.advent {
    --advent-nacht:  #13213a;
    --advent-nacht-2:#1d3257;
    --advent-gold:   #e7b94c;
    --advent-gold-2: #b98a25;
    --advent-rot:    #b3261e;
    --advent-papier: #fff7e3;
    --advent-tinte:  #3a2a18;

    position: relative;
    margin-top: 22px;
    padding: 58px 22px 24px;
    border-radius: 22px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 214, 130, .18), transparent 60%),
        linear-gradient(170deg, var(--advent-nacht-2), var(--advent-nacht) 70%);
    border: 3px solid var(--advent-gold-2);
    box-shadow:
        inset 0 0 0 4px rgba(231, 185, 76, .25),
        0 18px 40px rgba(19, 33, 58, .28);
    overflow: hidden;
    isolation: isolate;
}

/* Schnee und Lichterkette: vor den Türchen, aber ohne Klicks abzufangen. */
.advent-himmel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
}

.advent-raster {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: 132px;
    grid-auto-flow: dense;
    gap: 14px;
}

.plaetze-zahl .advent-tipp {
    display: block;
    margin-top: 2px;
    font-size: .86rem;
    color: var(--ink-3);
}

/* ------------------------------------------------------------
   Ein Türchen
   ------------------------------------------------------------ */

.tuer {
    position: relative;
    perspective: 1600px;   /* seit 17d flacher, damit offene Läden weniger ausladen */
    border-radius: 12px;
    z-index: 1;
}

.tuer-gross { grid-column: span 2; grid-row: span 2; }
.tuer-breit { grid-column: span 2; }
.tuer-hoch  { grid-row: span 2; }

/* Ein offenes Türchen liegt über den Nachbarn – die Flügel ragen hinaus. */
.tuer.offen {
    z-index: 2;
}

/* Hinter dem Türchen: warm erleuchtet */
.tuer-innen {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 10px 12px;
    border-radius: 12px;
    background:
        radial-gradient(circle at 50% 38%, #fffaf0 0%, var(--advent-papier) 45%, #f2d9a2 100%);
    box-shadow:
        inset 0 0 0 2px rgba(185, 138, 37, .65),
        inset 0 6px 18px rgba(120, 70, 10, .25);
    color: var(--advent-tinte);
    text-align: center;
    overflow: hidden;
}

.tuer-innen-nummer {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
    color: var(--advent-rot);
}

.tuer-gross .tuer-innen-nummer {
    font-size: 2.6rem;
}

.tuer-datum {
    font-size: .74rem;
    line-height: 1.25;
    font-weight: 700;
    color: #6b5536;
}

.tuer-zustand {
    font-size: .84rem;
    line-height: 1.25;
}

.tuer-frei .tuer-zustand {
    color: #2f6b2a;
}

/* Festtags-Türchen (gesperrt, z. B. 23. und 24. Dezember): nicht anmeldbar,
   aber festlich – tiefes Rot mit Goldrand und Gruß. */
.tuer-gesperrt .tuer-innen {
    background:
        radial-gradient(circle at 50% 35%, rgba(255, 214, 130, .35), transparent 60%),
        radial-gradient(circle at 50% 50%, #c7372c 0%, #9c1f18 70%, #7d1611 100%);
    box-shadow:
        inset 0 0 0 2px var(--advent-gold),
        inset 0 0 0 5px rgba(231, 185, 76, .35),
        inset 0 6px 18px rgba(60, 10, 5, .45);
    color: #fff7e3;
}

.tuer-gesperrt .tuer-innen-nummer,
.tuer-gesperrt .tuer-datum {
    color: #ffe3a3;
}

.tuer-gesperrt .tuer-zu {
    background: rgba(255, 247, 227, .15);
    color: #fff7e3;
}

.tuer-gesperrt .tuer-zu:hover,
.tuer-gesperrt .tuer-zu:focus-visible {
    background: rgba(255, 247, 227, .3);
}

.tuer-fest-zier {
    font-size: 1rem;
    line-height: 1;
    color: var(--advent-gold);
    text-shadow: 0 0 8px rgba(255, 214, 110, .8);
}

.tuer-fest-text {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.tuer-gross .tuer-fest-zier {
    font-size: 1.6rem;
}

.tuer-text {
    font-size: .8rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.tuer-knopf-anmelden {
    margin-top: 2px;
    padding: .4em .8em;
    font-size: .74rem;
    white-space: nowrap;
}

/* Großes Türchen: mehr Platz, größere Schrift */
.tuer-gross .tuer-datum    { font-size: .9rem; }
.tuer-gross .tuer-zustand  { font-size: 1.05rem; }
.tuer-gross .tuer-text     { font-size: .95rem; }

.tuer-zu {
    position: absolute;
    top: 4px;
    right: 6px;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50%;
    background: rgba(58, 42, 24, .08);
    color: var(--advent-tinte);
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
}

.tuer-zu:hover,
.tuer-zu:focus-visible {
    background: rgba(58, 42, 24, .18);
}

/* Der Fensterladen: ein Knopf über dem ganzen Türchen */
.tuer-laden {
    position: absolute;
    inset: 0;
    display: block;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    transform-style: preserve-3d;
    border-radius: 12px;
}

.tuer-laden:focus-visible {
    outline: 3px solid var(--advent-gold);
    outline-offset: 3px;
}

.tuer-fluegel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    transition: transform .95s cubic-bezier(.2, .75, .25, 1), filter .95s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .35);
}

.tuer-fluegel canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.tuer-fluegel-links {
    left: 0;
    transform-origin: left center;
    border-radius: 12px 3px 3px 12px;
    overflow: hidden;
}

.tuer-fluegel-rechts {
    right: 0;
    transform-origin: right center;
    border-radius: 3px 12px 12px 3px;
    overflow: hidden;
}

/* Ein Hauch Neugier beim Darüberfahren: die Flügel geben ein wenig nach. */
.tuer-laden:hover .tuer-fluegel-links,
.tuer-laden:focus-visible .tuer-fluegel-links {
    transform: rotateY(-14deg);
}

.tuer-laden:hover .tuer-fluegel-rechts,
.tuer-laden:focus-visible .tuer-fluegel-rechts {
    transform: rotateY(14deg);
}

/* Geöffnet: die Läden schwingen nach außen – seit 17d nur knapp über 90°,
   damit sie die Nachbartürchen kaum verdecken. */
.tuer.offen .tuer-laden {
    pointer-events: none;
}

.tuer.offen .tuer-fluegel-links {
    transform: rotateY(-96deg);
    filter: brightness(.7);
}

.tuer.offen .tuer-fluegel-rechts {
    transform: rotateY(96deg);
    filter: brightness(.7);
}

/* Das goldene Siegel mit der Nummer über der Fuge */
.tuer-siegel {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff1c2, var(--advent-gold) 45%, var(--advent-gold-2) 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .45), inset 0 -2px 4px rgba(120, 80, 10, .5);
    color: #5a3b06;
    font-size: 1.2rem;
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
    transition: opacity .35s ease, transform .45s ease;
    pointer-events: none;
}

.tuer-gross .tuer-siegel {
    width: 78px;
    height: 78px;
    font-size: 2.1rem;
}

.tuer.offen .tuer-siegel {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.5);
}

/* Türchen 24: goldener Stern statt des runden Siegels, sanft funkelnd.
   Die Sternform schneidet clip-path zu; der Schein liegt deshalb als
   drop-shadow auf dem äußeren Element. */
.tuer-siegel-stern,
.tuer-gross .tuer-siegel-stern {
    width: 96px;
    height: 96px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    filter: drop-shadow(0 0 6px rgba(255, 214, 110, .75)) drop-shadow(0 2px 4px rgba(0, 0, 0, .45));
    animation: advent-stern 3.2s ease-in-out infinite;
}

.tuer-stern-form {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    padding-top: 6%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background: radial-gradient(circle at 45% 40%, #fff6d2, var(--advent-gold) 45%, var(--advent-gold-2) 100%);
    color: #5a3b06;
    font-size: 1.7rem;
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

@keyframes advent-stern {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(255, 214, 110, .6)) drop-shadow(0 2px 4px rgba(0, 0, 0, .45)); }
    50%      { filter: drop-shadow(0 0 16px rgba(255, 224, 140, 1)) drop-shadow(0 2px 4px rgba(0, 0, 0, .45)); }
}

/* Das Türchen des heutigen Tages leuchtet */
.tuer-heute .tuer-laden {
    animation: advent-leuchten 2.6s ease-in-out infinite;
}

@keyframes advent-leuchten {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 214, 110, 0); }
    50%      { box-shadow: 0 0 22px 6px rgba(255, 214, 110, .75); }
}

/* Ohne Skript stehen alle Türchen offen – so ist alles lesbar. */
.advent-ohne-js .tuer-laden {
    display: none;
}

.advent-ohne-js .tuer-zu {
    display: none;
}

/* ------------------------------------------------------------
   Schmale Geräte
   ------------------------------------------------------------ */

@media (max-width: 760px) {
    .advent {
        padding: 50px 12px 16px;
    }

    .advent-raster {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: 104px;
        gap: 10px;
    }
}

@media (max-width: 460px) {
    .advent-raster {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: 100px;
    }

    .tuer-siegel {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

    .tuer-gross .tuer-siegel {
        width: 60px;
        height: 60px;
        font-size: 1.6rem;
    }

    .tuer-siegel-stern,
    .tuer-gross .tuer-siegel-stern {
        width: 74px;
        height: 74px;
    }

    .tuer-stern-form {
        font-size: 1.3rem;
    }

    .tuer-datum,
    .tuer-text {
        font-size: .72rem;
    }

    .tuer-zustand {
        font-size: .78rem;
    }
}

/* ------------------------------------------------------------
   Weniger Bewegung, wenn gewünscht
   ------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
    .tuer-fluegel,
    .tuer-siegel {
        transition: none;
    }

    .tuer-siegel-stern {
        animation: none;
    }

    .tuer-heute .tuer-laden {
        animation: none;
        box-shadow: 0 0 16px 4px rgba(255, 214, 110, .7);
    }

    .tuer-laden:hover .tuer-fluegel-links,
    .tuer-laden:hover .tuer-fluegel-rechts {
        transform: none;
    }
}

/* ------------------------------------------------------------
   Gastgeberliste unter dem Kalender (seit Schritt 17d)
   ------------------------------------------------------------ */

.gastgeberliste {
    margin-top: 34px;
}

.gastgeberliste h3 {
    margin-bottom: 4px;
}

.gastgeberliste-rahmen {
    margin-top: 14px;
    border: 2px solid #e7b94c;
    border-radius: 16px;
    overflow-x: auto;
    background: #fff7e3;
    box-shadow: 0 10px 26px rgba(19, 33, 58, .12);
}

.gastgeberliste-tabelle {
    width: 100%;
    border-collapse: collapse;
    font-size: .95rem;
}

.gastgeberliste-tabelle th {
    padding: 11px 16px;
    text-align: left;
    font-size: .8rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff7e3;
    background: linear-gradient(170deg, #1d3257, #13213a);
}

.gastgeberliste-tabelle td {
    padding: 10px 16px;
    border-top: 1px solid rgba(185, 138, 37, .28);
    color: #3a2a18;
}

.gastgeberliste-tabelle tbody tr:nth-child(even) td {
    background: rgba(231, 185, 76, .09);
}

.gastgeberliste-datum {
    font-weight: 700;
    color: #b3261e !important;
    white-space: nowrap;
}

.gastgeberliste-datum span {
    font-weight: 400;
    color: #6b5536;
}

@media (max-width: 520px) {
    .gastgeberliste-tabelle th,
    .gastgeberliste-tabelle td {
        padding: 9px 10px;
        font-size: .88rem;
    }
}

/* ============================================================
   STAND DER TÜRCHEN IM COUNTDOWN-BLOCK (seit Schritt 29,
   in 29a schmaler und ohne eigenen Verweis)
   ============================================================ */

.tuerchen-stand {
    margin-top: 12px;
    padding: 8px 12px 9px;
    border-radius: var(--r-s, 12px);
    background: linear-gradient(135deg, #FDF3DE, #FBEDE1);
    border: 1px solid rgba(209, 148, 38, .3);
}

.tuerchen-stand-text {
    display: flex;
    gap: 7px;
    align-items: baseline;
    margin: 0 0 6px;
    font-size: .88rem;
    line-height: 1.35;
    color: var(--ink-2, #5A4B3E);
}

.tuerchen-stand-text strong {
    color: var(--brand-dk, #9C4218);
}

.tuerchen-stand-symbol {
    flex: 0 0 auto;
    font-size: .95rem;
}

.tuerchen-stand-balken {
    height: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .85);
    box-shadow: inset 0 0 0 1px rgba(209, 148, 38, .3);
    overflow: hidden;
}

.tuerchen-stand-balken span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--gold, #D19426), var(--brand, #C05621));
}

.tuerchen-stand-voll .tuerchen-stand-text {
    margin-bottom: 0;
}

/* Seit Schritt 44: reserviertes Türchen (offene Anfrage) – steht offen,
   der Hinweis in gedecktem Rotbraun statt im Grün der freien Türchen. */
.tuer-reserviert .tuer-zustand {
    color: #8a4a1f;
    font-size: .74rem;
    line-height: 1.2;
}

.tuer-gross.tuer-reserviert .tuer-zustand {
    font-size: 1rem;
}

/* Auf schmalen Bildschirmen sind die Türchen klein: innen ohne die große
   Nummer (das Datum steht ja da), damit der Hinweis ganz hineinpasst. */
@media (max-width: 760px) {
    .tuer-reserviert:not(.tuer-gross) .tuer-innen {
        gap: 2px;
        padding: 4px;
    }

    .tuer-reserviert:not(.tuer-gross) .tuer-innen-nummer {
        display: none;
    }

    .tuer-reserviert:not(.tuer-gross) .tuer-datum {
        font-size: .64rem;
        line-height: 1.15;
    }

    .tuer-reserviert:not(.tuer-gross) .tuer-zustand {
        font-size: .62rem;
        line-height: 1.15;
    }
}

/* ============================================================
   NUMMER ALS GOLDENES SIEGEL IN DER ECKE (seit Schritt 50,
   in 50a auf vergebene/reservierte Türchen beschränkt,
   in Schritt 50b auf alle geöffneten Türchen erweitert)

   Hinter einem geöffneten Türchen steht die Nummer als kleines
   goldenes Siegel oben links – im selben Gold wie die Siegel auf
   den geschlossenen Fensterläden – statt als rote Zahl oben in
   der Mitte. Türchen 24 trägt einen goldenen Stern. Das Siegel
   braucht keine eigene Zeile, so passt auch auf dem Handy alles
   ins Türchen.

   Geöffnet heißt:
   - dauerhaft offen (vergeben oder reserviert, Klasse
     tuer-dauerhaft-offen),
   - vom Besucher geöffnet (Klasse offen, setzt adventskalender.js),
   - ohne Skript (Klasse advent-ohne-js; dann stehen alle offen).
   Geschlossene Türchen zeigen ihre Nummer nur auf dem Laden
   (Korrektur 50a) – das Siegel gilt deshalb nur in diesen Fällen.

   Auf schmalen Bildschirmen (bis 760 px) zusätzlich:
   - kleineres Siegel, weniger Innenabstand;
   - „Wir treffen uns bei:“ steht klein und in Grün über Name und
     Straße (Schritt 50c; vorher entfiel die Zeile auf dem Handy),
     seit Schritt 50d gekürzt zu „treffen bei:“;
   - im Text nur die Uhrzeit, der Tag steht im Siegel (Schritt 50d);
   - der Knopf „Gastgeber werden“ ist kleiner und passt mit Luft
     ins Türchen (Schritt 50b);
   - „safe center“: wird es dennoch eng, beginnt der Inhalt oben,
     statt oben und unten abgeschnitten zu werden;
   - reservierte Türchen zeigen ihre Nummer wieder (Schritt 44
     hatte sie dort ausgeblendet, um Platz zu sparen).
   ============================================================ */
:is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer) .tuer-innen-nummer {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff1c2, var(--advent-gold) 45%, var(--advent-gold-2) 100%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35), inset 0 -1px 2px rgba(120, 80, 10, .5);
    color: #5a3b06;
    font-size: .95rem;
    line-height: 1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

/* Großes Türchen: größeres Siegel */
:is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer).tuer-gross .tuer-innen-nummer {
    top: 8px;
    left: 8px;
    width: 44px;
    height: 44px;
    font-size: 1.35rem;
}

/* Türchen 24: goldener Stern statt des runden Siegels */
:is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer).tuer-stern .tuer-innen-nummer {
    top: 2px;
    left: 2px;
    width: 42px;
    height: 42px;
    padding-top: 6px;
    border-radius: 0;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background: radial-gradient(circle at 45% 40%, #fff6d2, var(--advent-gold) 45%, var(--advent-gold-2) 100%);
    box-shadow: none;
    filter: drop-shadow(0 0 3px rgba(255, 214, 110, .8));
    font-size: .8rem;
}

/* Das Datum hält Abstand zum Siegel und zum Schließen-Knopf. */
:is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer):not(.tuer-gross) .tuer-datum {
    padding: 0 28px;
}

@media (max-width: 760px) {
    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer):not(.tuer-gross) .tuer-innen {
        justify-content: safe center;
        gap: 2px;
        /* oben eine eigene Zeile für Siegel und Schließen-Knopf */
        padding: 22px 5px 5px;
    }

    /* kleineres Siegel; auch beim reservierten Türchen sichtbar */
    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer):not(.tuer-gross) .tuer-innen-nummer,
    .tuer-reserviert.tuer-dauerhaft-offen:not(.tuer-gross) .tuer-innen-nummer {
        display: grid;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        font-size: .66rem;
    }

    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer).tuer-stern:not(.tuer-gross) .tuer-innen-nummer {
        top: 0;
        left: 1px;
        width: 24px;
        height: 24px;
        padding-top: 3px;
        font-size: .52rem;
    }

    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer).tuer-gross .tuer-innen-nummer {
        width: 34px;
        height: 34px;
        font-size: 1.05rem;
    }

    /* Datum etwas kleiner; das Siegel hat oben seine eigene Zeile */
    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer):not(.tuer-gross) .tuer-datum {
        padding: 0;
        font-size: .66rem;
        line-height: 1.2;
    }

    /* Festtags-Türchen: langer Gruß kleiner, Stern-Zierde entfällt */
    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer).tuer-gesperrt:not(.tuer-gross) .tuer-fest-zier {
        display: none;
    }

    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer).tuer-gesperrt:not(.tuer-gross) .tuer-fest-text {
        font-size: .6rem;
        line-height: 1.18;
    }

    /* Name · Straße etwas kompakter */
    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer):not(.tuer-gross) .tuer-text {
        font-size: .66rem;
        line-height: 1.18;
    }

    /* Vergebene Türchen: engere Abstände, damit „Wir treffen uns bei:“
       zusätzlich Platz hat (Schritt 50c) */
    .tuer-vergeben.tuer-dauerhaft-offen:not(.tuer-gross) .tuer-innen {
        gap: 1px;
        padding-top: 21px;
        padding-bottom: 2px;
    }

    /* Schließen-Knopf in der Siegelzeile etwas kleiner */
    .tuer:not(.tuer-gross) .tuer-zu {
        top: 2px;
        right: 3px;
        width: 22px;
        height: 22px;
        font-size: .9rem;
    }

    /* „Wir treffen uns bei:“ klein und in Grün über Name und Straße
       (Schritt 50c; in Schritt 50 bis 50b war die Zeile auf dem Handy
       ausgeblendet). */
    .tuer-vergeben:not(.tuer-gross) .tuer-zustand:has(+ .tuer-text) {
        color: #2f6b2a;
        font-size: .6rem;
        line-height: 1.15;
        white-space: nowrap;
    }

    /* Seit Schritt 50d: Der Tag steht im goldenen Siegel – im Text nur
       noch die Uhrzeit. Aus „Wir treffen uns bei:“ wird „treffen bei:“. */
    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer):not(.tuer-gross) .tuer-datum-tag,
    :is(.tuer-dauerhaft-offen, .tuer.offen, .advent-ohne-js .tuer):not(.tuer-gross) .tuer-datum-umbruch,
    .tuer-vergeben:not(.tuer-gross) .tuer-lang {
        display: none;
    }

    /* Knopf „Gastgeber werden“: kleiner, mit Luft zum Rand (Schritt 50b) */
    .tuer:not(.tuer-gross) .tuer-knopf-anmelden {
        max-width: 100%;
        margin-top: 1px;
        padding: .35em .55em;
        font-size: .58rem;
        line-height: 1.2;
        /* auf sehr schmalen Geräten lieber zweizeilig als über den Rand */
        white-space: normal;
    }
}