/* Das Central (Hub) — mobile-first; Umbau 11.7. nach Hub-Blaupause. */

.seite-hero--hoch { height: 340px; }
@media (min-width: 1100px) { .seite-hero--hoch { height: 460px; } }

.hotel-themen { padding-block: 4px 0; } /* Abstand nach unten liefert allein die Folge-Sektion (Stapel-Falle) */
.hotel-thema-name { font-family: var(--font-display); font-size: 22px; font-weight: 700; margin-top: 8px; line-height: 1.2; }
.hotel-themen .ziel-karte img { height: 210px; }
.hotel-themen .ziel-karte-text { font-size: 15px; margin-top: 10px; }
.hotel-themen .ziel-karte-mehr { font-size: 14.5px; margin-top: 16px; }
@media (min-width: 1100px) { .hotel-themen { padding-block: 8px 16px; } }

/* .crosslink-panel: → components.css (geteilt mit Erlebnis-Hubs) */

/* Gastgeber (Umbau 11.7.): Familie-/Team-Splits nutzen das globale .split-Muster;
   der E14-Geschichts-Satz hängt klein unter der Familien-Signatur. */
.hotel-geschichte { font-size: 15px; line-height: 1.7; color: var(--text-gedaempft); margin-top: 14px; }
.split-text .sig--signatur { margin-top: 22px; }

/* Gastgeber-Zeile (11.7. R2): Familie + Marek als GLEICH große 5:4-Kacheln —
   keine Größen-Hierarchie; 5:4 = natives Familienbild-Format (kein Beschnitt). */
.gastgeber-zeile { display: grid; gap: 36px; }
.gastgeber-bild img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
.gastgeber-kachel .eyebrow { margin-top: 20px; }
.gastgeber-name { font-family: var(--font-display); font-size: 22px; font-weight: 700; margin: 6px 0 10px; }
.gastgeber-kachel .sig--signatur { margin-top: 18px; }
.gastgeber-zeile + .hotel-geschichte { margin-top: 28px; }
@media (min-width: 760px) { .gastgeber-zeile { grid-template-columns: 1fr 1fr; gap: 44px; } }

/* Team: hochkantes Gruppenfoto in format-treuer Kachel (ganze Staffel sichtbar) */
.team-zeile { display: grid; gap: 24px; align-items: center; }
.team-foto img { width: 100%; height: auto; border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
.team-foto { max-width: 320px; }
@media (min-width: 760px) { .team-zeile { grid-template-columns: 320px 1fr; gap: 48px; } }

/* E14-Geschichts-Satz als Fußnote am Seitenende (11.7.: SEO-Text, bewusst dezent) */
.hotel-geschichte--fussnote { text-align: center; max-width: 720px; margin: 44px auto 0; font-size: 13.5px; }
.team-absatz { margin-top: 18px; } /* Nachsatz braucht Luft zu den Herz-Punkten */