/* ======================================================================
   Kyrburg · Highlight-Karte „Aktuell auf der Burg" (Startseite 9873) — 2026-09-06
   Eine breite Karte über den drei Termin-Karten. Sie ist gleichzeitig die Quelle
   des Auto-Popups (data-kyp-klon="1"): die Karte bleibt sichtbar, das Popup zeigt
   eine Kopie davon. Inhalt also nur an EINER Stelle pflegen.
   Farben und Schriften aus dem Design-System (kyrburg-design-relaunch.md §4.2),
   Kartenmaße von den bestehenden Termin-Karten übernommen (Radius 6, gleicher Schatten).
   „body" vor den Klassen, weil Oxygen jedem Element eine eigene Klasse gleicher
   Gewichtung gibt und diese Datei vor den Oxygen-Selektoren geladen wird.
   ====================================================================== */
/* Die Karte ist zugleich die Popup-Quelle und liegt im Footer-Template, damit das
   Auto-Popup auf JEDER Seite laufen kann. Sichtbar ist sie nur dort, wo ein Platzhalter
   mit data-kyp-platz sie aufnimmt — auf der Startseite in der Section „Aktuell auf der Burg". */
/* Wichtig: NICHT display:none — popups.js öffnet ein Auto-Popup nur, wenn die
   Klon-Karte einen offsetParent hat (bei display:none ist der null). Deshalb wird
   die Quelle außerhalb ihres Platzes nur unsichtbar geklemmt, nicht ausgeblendet. */
body .ky-hl-karte[data-kyp-id]{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip-path:inset(50%); border:0; box-shadow:none; pointer-events:none;
}
body .ky-hl-platz{ display:block; width:100%; margin:0; padding:0; }
body .ky-hl-platz .ky-hl-karte[data-kyp-id]{
  position:static; width:100%; height:auto; margin:0 0 40px; overflow:hidden;
  clip-path:none; pointer-events:auto; box-shadow:0 0 5px 1px rgba(28,24,20,.3); display:grid;
}

body .ky-hl-karte{
  display:grid; grid-template-columns:42% auto; align-items:stretch;
  width:100%; margin:0 0 40px; padding:0; box-sizing:border-box;
  background-color:#F8F4EC; border-radius:6px; overflow:hidden;
  box-shadow:0 0 5px 1px rgba(28,24,20,.3);
  transition:margin .4s ease, box-shadow .4s ease;
}
body .ky-hl-karte:hover{ margin-top:-6px; margin-bottom:46px; box-shadow:10px 18px 1px rgba(28,24,20,.4); }
body .ky-hl-bild{ display:block; width:100%; height:100%; min-height:300px; margin:0; object-fit:cover; }
body .ky-hl-inhalt{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  margin:0; padding:34px 40px 34px 34px; box-sizing:border-box;
}
body .ky-hl-label{
  display:block; margin:0 0 14px; padding:0;
  font-family:'Cinzel', serif; font-size:12px; font-weight:500; letter-spacing:1.8px; text-transform:uppercase;
  color:#8A5F25;
}
body .ky-hl-datum{
  display:block; margin:0 0 8px; padding:0;
  font-family:'Cinzel', serif; font-size:12px; font-weight:400; letter-spacing:1.5px; color:#11370B;
}
body .ky-hl-titel{
  display:block; margin:0 0 14px; padding:0;
  font-family:'Cormorant Garamond', Georgia, serif; font-size:34px; font-weight:400; line-height:1.1; color:#11370B;
}
body .ky-hl-text{
  display:block; margin:0 0 22px; padding:0; max-width:52ch;
  font-family:'Spectral', Georgia, serif; font-size:16px; font-weight:300; line-height:1.5; color:rgba(22,19,15,.75);
}
body .ky-hl-mehr{
  display:inline-block; margin:0; padding:0;
  font-family:'Cinzel', serif; font-size:16px; font-weight:400; letter-spacing:1.3px;
  color:#8A5F25; text-decoration:none; transition:color .25s ease;
}
body .ky-hl-mehr:hover{ color:#11370B; }

/* Im Popup zeigt das Plugin eine Kopie der Karte. Dort trägt schon der Popup-Kopf
   Label und Titel, und der Popup-Knopf führt zur Reservierung — deshalb blendet
   die Kopie ihren eigenen Kopf, Titel und „Mehr erfahren"-Link aus. */
body .kyp-modal .kyp-klon{ display:block; margin:0; padding:0; background:transparent; border-radius:0; box-shadow:none; grid-template-columns:none; }
body .kyp-modal .kyp-klon:hover{ margin:0; box-shadow:none; }
body .kyp-modal .kyp-klon .ky-hl-label,
body .kyp-modal .kyp-klon .ky-hl-titel,
body .kyp-modal .kyp-klon .ky-hl-mehr{ display:none; }
body .kyp-modal .kyp-klon .ky-hl-bild{ min-height:0; max-height:230px; border-radius:2px; margin:0 0 18px; }
body .kyp-modal .kyp-klon .ky-hl-inhalt{ padding:0; }
body .kyp-modal .kyp-klon .ky-hl-text{ margin-bottom:0; }

@media (max-width: 767px){
  body .ky-hl-karte, body .ky-hl-platz .ky-hl-karte[data-kyp-id]{ grid-template-columns:auto; margin-bottom:32px; }
  body .ky-hl-karte:hover{ margin-top:0; margin-bottom:32px; box-shadow:0 0 5px 1px rgba(28,24,20,.3); }
  body .ky-hl-bild{ min-height:0; height:260px; }
  body .ky-hl-inhalt{ padding:26px 24px 30px; }
  body .ky-hl-titel{ font-size:28px; }
}
@media (prefers-reduced-motion: reduce){
  body .ky-hl-karte, body .ky-hl-mehr{ transition:none !important; }
  body .ky-hl-karte:hover{ margin-top:0; margin-bottom:40px; }
}


/* ======================================================================
   Section „Vor Ihrem Besuch" (#besuch) ruhiger stellen — 2026-09-06
   Alec fand sie zu groß. Nichts entfernt, nur die Proportionen zurückgenommen:
   weniger Höhe (rund 1000 → 730 px), kleinere Überschrift, engere Zeilen,
   kleineres Foto. „body" davor, weil Oxygens selectors.css NACH dieser Datei lädt.
   Jede Regel einzeln löschbar, dann sieht die Section wieder aus wie vorher.
   ====================================================================== */
body .ky-besuch-innen{ padding-top:80px; padding-bottom:80px; column-gap:64px; row-gap:32px; }
body .ky-besuch-h2{ font-size:34px; margin-bottom:14px; }
body .ky-besuch-lead{ font-size:16px; line-height:1.5; max-width:520px; margin-bottom:26px; }
body .ky-besuch-zeile{ padding-top:9px; padding-bottom:9px; }
body .ky-besuch-note{ font-size:14px; margin-top:12px; }
body .ky-besuch-foto{ height:380px; object-fit:cover; }
body .ky-besuch-bild{ align-self:center; }
@media (max-width: 767px){
  body .ky-besuch-innen{ padding-top:56px; padding-bottom:56px; row-gap:26px; }
  body .ky-besuch-h2{ font-size:28px; }
  body .ky-besuch-foto{ height:240px; }
}


/* ======================================================================
   Footer abgrenzen — 2026-09-06
   Problem: Die Section darüber (#F0E9DC) und der Footer hatten exakt denselben
   Ton, die Seite lief ohne erkennbare Kante in den Footer.
   Umgesetzt ist Alecs eigene Entscheidung vom 11.08.2026: Creme + Grünkante.
   Der Footer bekommt das hellere Papier, darüber eine 2-px-Linie im Markengrün.
   Zum Zurücknehmen: diesen Block löschen.
   ====================================================================== */
body #section-273-121{
  background-color:#F8F4EC;
  border-top:2px solid #11370B;
}


/* ======================================================================
   Footer-Typografie an das ky2-System angleichen — 2026-09-08
   Alecs Wunsch: Aufbau und Optik des Creme-Footers bleiben, nur Schriftgrößen
   und -gewichte rücken an den Rest der Seite (Kicker Cinzel 13/500 Gold-tief,
   Fließtext Spectral 300, Namen/Links 17 px, Kleingedrucktes 14 px).
   Alle Regeln nur im Footer (#section-273-121), jede einzeln löschbar.
   ====================================================================== */
/* Spaltenüberschriften „Entdecken", „Besuchen sie uns", „Öffnungszeiten" */
body #section-273-121 .Cinzel{ font-family:'Cinzel', serif; font-size:13px; font-weight:500; letter-spacing:1.5px; text-transform:uppercase; color:#8A5F25; margin-bottom:18px; }
/* Markenzeile unter dem Logo + Tagline */
body #text_block-277-121{ font-family:'Cormorant Garamond', Georgia, serif; font-size:22px; font-weight:500; line-height:1.2; color:#1C1814; margin-top:12px; margin-bottom:10px; }
body #text_block-278-121{ font-family:'Spectral', Georgia, serif; font-size:16px; font-weight:300; line-height:1.6; color:rgba(28,24,20,.75); }
/* Navigation „Entdecken" */
body #text_block-284-121, body #text_block-285-121, body #text_block-286-121, body #text_block-287-121, body #text_block-288-121{ font-family:'Spectral', Georgia, serif; font-size:17px; font-weight:300; line-height:1.4; color:#1C1814; margin-bottom:8px; }
/* Adresse */
body #text_block-291-121{ font-family:'Spectral', Georgia, serif; font-size:17px; font-weight:400; color:#1C1814; }
body #text_block-292-121{ font-family:'Spectral', Georgia, serif; font-size:17px; font-weight:300; line-height:1.5; color:#1C1814; margin-top:8px; margin-bottom:14px; }
body #text_block-293-121, body #text_block-294-121{ font-family:'Spectral', Georgia, serif; font-size:17px; font-weight:400; color:#1C1814; margin-bottom:8px; }
/* Öffnungszeiten */
body #text_block-298-121, body #text_block-301-121, body #text_block-304-121{ font-family:'Spectral', Georgia, serif; font-size:17px; font-weight:300; line-height:1.5; color:#6F665B; margin-top:8px; margin-bottom:12px; }
body #text_block-299-121, body #text_block-302-121, body #text_block-305-121{ font-family:'Spectral', Georgia, serif; font-size:17px; font-weight:300; line-height:1.5; color:#1C1814; margin-top:8px; margin-bottom:12px; }
body #text_block-306-121{ font-family:'Spectral', Georgia, serif; font-size:15px; font-weight:300; line-height:1.5; color:#6F665B; margin-top:16px; }
/* Fußzeile: Copyright, Impressum, Datenschutz */
body #text_block-309-121, body #text_block-310-121, body #text_block-311-121{ font-family:'Spectral', Georgia, serif; font-size:14px; font-weight:300; color:#6F665B; margin-top:4px; }


/* ======================================================================
   Startseite 9873 — Umbau nach Alecs Go vom 2026-09-08
   Header-Logo · Hero · Willkommen · Feiern-Band · Feed-Liste in „Aktuell V2".
   Jeder Block einzeln löschbar; die Classic-Regeln in seiten.css bleiben unangetastet.
   ====================================================================== */

/* --- Header: Logo größer, etwas mehr Randabstand (header-neu.css setzt 60/32 px) --- */
:root{ --kyh-logo:76px; --kyh-inset:48px; }
@media (max-width:767px){ :root{ --kyh-logo:44px; --kyh-inset:20px; } }

/* --- Hero: Wortmarke ohne Überzeile, Block unten links, grüne Lasur statt Grau, kein fixed background --- */
body #section-8-18{
  background-image:linear-gradient(to top, rgba(12,32,9,.86) 0%, rgba(12,32,9,.42) 48%, rgba(17,55,11,.2) 100%),
    url(/wp-content/uploads/2026/05/Castle-Inn.jpg);
  background-attachment:scroll; background-position:50% 55%;
}
body #section-8-18 > .ct-section-inner-wrap{ align-items:flex-start; justify-content:flex-end; padding-top:120px; padding-bottom:96px; }
body #div_block-16-18{ margin:0; max-width:780px; }
body #headline-637-90{ font-size:clamp(76px, 9.2vw, 132px); line-height:.95; letter-spacing:-0.01em; margin:0 0 22px; color:#F8F4EC; }
body #text_block-717-90{ width:auto; max-width:46ch; font-size:19px; line-height:1.6; margin:0 0 30px; color:rgba(248,244,236,.9); }
body #div_block-721-90{ gap:14px; }
body #link_button-719-90, body #link_button-720-90{
  font-family:'Cinzel', serif; font-size:13px; font-weight:500; letter-spacing:1.2px;
  padding:14px 26px 13px; border-radius:6px; margin:0;
  transition:background-color .3s ease, color .3s ease, border-color .3s ease;
}
body #link_button-719-90{ background-color:#8A5F25; border:1px solid #8A5F25; color:#F8F4EC; }
body #link_button-719-90:hover{ background-color:#11370B; border:1px solid #11370B; color:#F8F4EC; }
body #link_button-720-90{ background-color:transparent; border:1px solid rgba(248,244,236,.55); color:#F8F4EC; }
body #link_button-720-90:hover{ background-color:#F8F4EC; border:1px solid #F8F4EC; color:#1C1814; }
@media (max-width:767px){
  body #section-8-18{ height:auto; min-height:640px; }
  body #section-8-18 > .ct-section-inner-wrap{ padding-bottom:56px; }
  body #headline-637-90{ font-size:64px; }
  body #text_block-717-90{ font-size:17px; }
}

/* --- Willkommen: ohne Überzeile, zweispaltig (links Überschrift, rechts Text + Link) --- */
body #div_block-906-90{ display:grid; grid-template-columns:max-content minmax(0,1fr); column-gap:72px; row-gap:0; align-items:start; }
body #headline-908-90{ grid-column:1; grid-row:1 / span 2; margin:0; font-size:46px; line-height:1.06; max-width:15ch; }
body #text_block-909-90{ grid-column:2; grid-row:1; margin-top:8px; max-width:56ch; }
body #div_block-910-90{ grid-column:2; grid-row:2; margin-top:28px; }
@media (max-width:1023px){
  body #div_block-906-90{ grid-template-columns:minmax(0,1fr); }
  body #headline-908-90{ grid-column:1; grid-row:auto; max-width:none; }
  body #text_block-909-90, body #div_block-910-90{ grid-column:1; grid-row:auto; }
  body #text_block-909-90{ margin-top:22px; }
}


/* --- Aktuell V2 (#aktuell-neu): der Live-Terminfeed als kompakte Programmliste in der rechten Spalte --- */
body .ky-prog-liste .ktf-feed{ font-size:16px; }
body .ky-prog-liste .ktf-month-head{ display:none; }
body .ky-prog-liste .ktf-agenda{ border-top:1px solid rgba(28,24,20,.14); }
body .ky-prog-liste .ktf-event{ grid-template-columns:64px minmax(0,1fr); gap:8px 20px; padding:20px 0; align-items:start; }
body .ky-prog-liste .ktf-event:hover{ padding-left:0; background:transparent; }
body .ky-prog-liste .ktf-event__date .d{ font-size:30px; }
body .ky-prog-liste .ktf-event__date .m{ font-size:9.5px; margin-top:4px; }
body .ky-prog-liste .ktf-event__main h4{ font-size:22px; margin:2px 0 0; }
body .ky-prog-liste .ktf-event__main p{ display:none; }
body .ky-prog-liste .ktf-event__cta{ grid-column:2; justify-content:flex-start; }


/* ======================================================================
   Konsistenz-Pass — 2026-09-08 (Alec: „Buttons viel zu verschieden, Sections wie zusammengewürfelt")
   EIN Button-System: Gold gefüllt = anfragen/reservieren, Linie = ansehen. Maße überall
   Cinzel 13/500, 1,2 px Sperrung, 14/26/13 px, Radius 6. Gold nur noch Gold-tief #8A5F25.
   EIN Grund: Papier #F8F4EC für alle hellen Sektionen, genau ein grünes Band (Whisky),
   Hero als einziges Vollbild. Jede Regel einzeln löschbar.
   ====================================================================== */
/* Hintergründe: alles auf Papier */
body #section-912-90{ background-color:#F8F4EC; }
body #section-755-90{ background-image:none; background-color:#F8F4EC; }
body #besuch{ background-color:#F8F4EC; }
/* Gutschein: Bild links, Text rechts (Bildseiten wechseln: Restaurant links, Feiern rechts, Gutschein links, Besuch rechts) */
body #image-761-90{ order:-1; margin-left:0; margin-right:60px; }
@media (max-width:767px){ body #image-761-90{ order:0; margin-right:0; } }
/* Gold vereinheitlicht: Kicker und Kartenlinks */
body .Cinzel, body .color-primary{ color:#8A5F25; }
body #link_text-922-90, body #link_text-928-90, body #link_text-934-90{ color:#8A5F25; font-size:13px; font-weight:500; letter-spacing:1.2px; }
body #link_text-922-90:hover, body #link_text-928-90:hover, body #link_text-934-90:hover{ color:#11370B; }
/* Sekundär-Button auf Papier (Classic-Elemente per ID: Willkommen-Link, Speisekarte, Gutschein) */
body #link_text-911-90, body #link_button-966-90, body #link_button-774-90{
  display:inline-block; width:auto; margin:0; font-family:'Cinzel', serif; font-size:13px; font-weight:500; letter-spacing:1.2px;
  line-height:1.4; padding:14px 26px 13px; border:1px solid rgba(28,24,20,.35); border-radius:6px;
  background-color:transparent; color:#1C1814; text-decoration:none; transform:none;
  transition:color .3s ease, border-color .3s ease, background-color .3s ease;
}
body #link_text-911-90:hover, body #link_button-966-90:hover, body #link_button-774-90:hover{ color:#8A5F25; border:1px solid #8A5F25; background-color:transparent; transform:none; }
/* Primär-Button (Restaurant: Tisch reservieren) */
body #link_button-967-90{ margin:0; font-family:'Cinzel', serif; font-size:13px; font-weight:500; letter-spacing:1.2px; line-height:1.4; padding:14px 26px 13px; border:1px solid #8A5F25; border-radius:6px; background-color:#8A5F25; color:#F8F4EC; transform:none; transition:background-color .3s ease, border-color .3s ease; }
body #link_button-967-90:hover{ background-color:#11370B; border:1px solid #11370B; color:#F8F4EC; transform:none; }
/* Hero-Linienbutton: Hover wie alle hellen Linienbuttons */
body #link_button-720-90:hover{ color:#11370B; }
/* Highlight-Karte: Link in denselben Maßen wie die Kartenlinks */
body .ky-hl-mehr{ font-size:13px; font-weight:500; letter-spacing:1.2px; }
/* Feiern-Sektion (Klasse ky-band bringt #F4EFE4 mit) ebenfalls auf Papier */
body #feiern{ background-color:#F8F4EC; }

/* --- Feiern-Bildband (#feiern-band, zum Vergleich unter der Papier-Sektion) — Stand aus dem ersten Go-Durchgang:
   Lasur im Markengrün, Text unten links wie im Hero. Buttons nach dem neuen System (Gold = anfragen, helle Linie = ansehen). --- */
body .ky-feier{ justify-content:flex-start; align-items:flex-end; }
body .ky-feier-schleier{ background:linear-gradient(to top, rgba(12,32,9,.94) 0%, rgba(17,55,11,.72) 45%, rgba(17,55,11,.5) 100%); }
body .ky-feier-inhalt{ align-items:flex-start; text-align:left; max-width:1168px; margin:0 auto; padding:150px 24px 96px; }
body .ky-feier-h2{ text-align:left; max-width:14ch; }
body .ky-feier-lead{ margin-left:0; margin-right:0; text-align:left; }
body .ky-feier-knoepfe{ justify-content:flex-start; }
@media (max-width:767px){ body .ky-feier-inhalt{ padding:96px 20px 64px; } }
/* Classic-Linkbuttons mit ky2-Klassen: der blaue Standardrand von .ct-link-button darf nicht durchscheinen */
body .ct-link-button.ky2-btn-gold{ border:1px solid #8A5F25; }
body .ct-link-button.ky2-btn-gold:hover{ border:1px solid #11370B; }
body .ct-link-button.ky2-btn-liniehell{ border:1px solid rgba(248,244,236,.55); }
body .ct-link-button.ky2-btn-liniehell:hover{ border:1px solid #F8F4EC; }


/* ======================================================================
   Design-System-Pass — 2026-09-09 (nach dem Codex-Umbau vom 08.09. abends)
   Footer: kein helles Gold mehr (auch nicht im Hover), Termin-/Popup-Buttons
   der Plugins in denselben Button-Maßen wie der Rest der Seite.
   ====================================================================== */
/* Footer-Navigation: Hover in Gold-tief statt #c4963a */
body #text_block-284-121:hover, body #text_block-285-121:hover, body #text_block-286-121:hover, body #text_block-287-121:hover, body #text_block-288-121:hover{ color:#8A5F25; }
/* Buttons in den Termin- und Reservierungs-Popups (tasting-feed .ktf-btn, kyrburg-popups .kyp-btn) */
body .ktf-btn, body .kyp-btn{
  font-family:'Cinzel', serif; font-size:13px; font-weight:500; letter-spacing:1.2px; text-transform:none; line-height:1.4;
  padding:14px 26px 13px; border:1px solid #8A5F25; border-radius:6px; background:#8A5F25; color:#F8F4EC;
}
body .ktf-btn:hover, body .kyp-btn:hover{ background:#11370B; border-color:#11370B; color:#F8F4EC; }
/* Terminliste auf der Startseite: Monatskürzel nicht unter 10 px, Cinzel immer 500 */
body #aktuell-neu .ktf-event__date .m{ font-size:10px; font-weight:500; }


/* ======================================================================
   Weniger Buttons — 2026-09-09 (2). Alec: „zu viel Button". Regel jetzt:
   EIN Gold-Button je Sektion (Hauptaktion), alles andere Textlink in Grün mit Haarlinie
   (auf Grün: Papier). Linienbutton nur noch im Hero. Jede Regel einzeln löschbar.
   ====================================================================== */
/* Classic-Links per ID: Willkommen „Die Geschichte der Kyrburg", Restaurant „Zur Speisekarte" */
body #link_text-911-90, body #link_button-966-90{
  display:inline-block; width:auto; margin:0; padding:0 0 4px 0; border:0; border-bottom:1px solid rgba(17,55,11,.35); border-radius:0;
  background-color:transparent; font-family:'Cinzel', serif; font-size:13px; font-weight:500; letter-spacing:1.2px; line-height:1.4;
  color:#11370B; text-decoration:none; transform:none; transition:color .3s ease, border-color .3s ease;
}
body #link_text-911-90:hover, body #link_button-966-90:hover{ color:#8A5F25; border:0; border-bottom:1px solid #8A5F25; background-color:transparent; transform:none; }
/* Terminliste „Aktuell auf der Burg" (#aktuell-programm) als Programmzettel */
body #aktuell-programm .ktf-feed{ font-size:17px; }
body #aktuell-programm .ktf-month-head{ display:none; }
body #aktuell-programm .ktf-agenda{ border-top:1px solid rgba(28,24,20,.14); }
body #aktuell-programm .ktf-event{ grid-template-columns:150px minmax(0,1fr) auto; gap:20px 32px; padding:30px 0; align-items:center; border-bottom:1px solid rgba(28,24,20,.14); }
body #aktuell-programm .ktf-event:hover{ background:transparent; padding-left:0; }
body #aktuell-programm .ktf-event__date{ display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
body #aktuell-programm .ktf-event__date .d{ font-family:'Cormorant Garamond', Georgia, serif; font-size:64px; font-weight:300; line-height:.9; color:#1C1814; }
body #aktuell-programm .ktf-event__date .m{ font-family:'Cinzel', serif; font-size:11px; font-weight:500; letter-spacing:1.5px; text-transform:none; color:#8A5F25; margin-top:10px; }
body #aktuell-programm .ktf-event__main h4{ font-family:'Cormorant Garamond', Georgia, serif; font-size:30px; font-weight:500; letter-spacing:0; line-height:1.1; color:#11370B; margin:0; }
body #aktuell-programm .ktf-event__main p{ display:none; }
body #aktuell-programm .ktf-event.is-cancelled .ktf-event__main h4{ color:#6F665B; }
body #aktuell-programm .ktf-event__cta{ justify-content:flex-end; }
body #aktuell-programm .ktf-tag-free, body #aktuell-programm .ktf-tag-out, body #aktuell-programm .ktf-tag-cancelled{ font-weight:500; font-size:10px; letter-spacing:1.4px; }
@media (max-width:767px){
  body #aktuell-programm .ktf-event{ grid-template-columns:76px minmax(0,1fr); gap:10px 18px; padding:22px 0; align-items:start; }
  body #aktuell-programm .ktf-event__date .d{ font-size:42px; }
  body #aktuell-programm .ktf-event__main h4{ font-size:24px; }
  body #aktuell-programm .ktf-event__cta{ grid-column:2; justify-content:flex-start; }
}


/* ======================================================================
   Footer-Spalten auf eine Linie — 2026-09-09. Die erste Zeile aller drei Textspalten
   beginnt gleich hoch (gleiche Zeilenhöhe, kein 8-px-Versatz in der Zeiten-Spalte).
   Öffnungszeiten rechtsbündig — 2026-09-10 (Alec): jede Zeile ist so breit wie die
   Spalte, der Tag steht links, die Uhrzeit rechts, alle Uhrzeiten enden auf derselben
   Kante (ersetzt die feste 72-px-Tagesspalte vom 09.09.). Jede Regel einzeln löschbar.
   ====================================================================== */
body #text_block-284-121, body #text_block-285-121, body #text_block-286-121, body #text_block-287-121, body #text_block-288-121{ line-height:1.5; margin-bottom:9px; }
body #text_block-291-121, body #text_block-293-121, body #text_block-294-121{ line-height:1.5; }
body #text_block-298-121, body #text_block-299-121{ margin-top:0; }
body #div_block-297-121, body #div_block-300-121, body #div_block-303-121{ align-self:stretch; flex-wrap:wrap; column-gap:16px; row-gap:0; }
body #text_block-298-121, body #text_block-301-121, body #text_block-304-121{ flex:0 0 auto; white-space:nowrap; }
body #text_block-299-121, body #text_block-302-121, body #text_block-305-121{ margin-left:auto; text-align:right; white-space:nowrap; }
/* 992–1119 px ist die Spalte schmaler: weniger Einzug hält die Küchenzeile einzeilig und innerhalb der Spalte */
@media (min-width:992px) and (max-width:1119px){ body #div_block-295-121{ padding-left:32px; } }
/* Gestapelt (bis 991 px): Zeilen höchstens 300 px breit, damit die Uhrzeiten nicht an den Bildschirmrand wandern */
@media (max-width:991px){ body #div_block-297-121, body #div_block-300-121, body #div_block-303-121{ max-width:300px; } }

/* Highlight-Karte, Flyer „Rendez-vous der Künste" (Hochformat). Gilt nur, solange dieser Flyer eingesetzt ist:
   auf der Startseite schmalere Bildspalte, damit das ganze Plakat ohne Beschnitt in eine kompakte Karte passt;
   im Popup (Bild auf 230 px begrenzt) liegt der Ausschnitt auf dem Schriftzug statt auf den Gesichtern. */
@media (min-width:768px){ body .ky-hl-karte:has(.ky-hl-bild[src*="rendez-vous"]){ grid-template-columns:32% auto; } }
body .ky-hl-bild[src*="rendez-vous"]{ object-position:50% 40%; }

/* Highlight auf der Startseite offen statt als Karte (Alec, 09.09.): kein Kasten, kein Schatten, kein Hover-Lift;
   das Bild bekommt nur eine leichte Rundung, der Text rückt mit 48 px Abstand neben das Bild. */
body #ky-hl-slot .ky-hl-karte{ background-color:transparent; box-shadow:none; border-radius:0; }
body #ky-hl-slot .ky-hl-karte:hover{ margin-top:0; margin-bottom:40px; box-shadow:none; }
body #ky-hl-slot .ky-hl-bild{ border-radius:4px; }
body #ky-hl-slot .ky-hl-inhalt{ padding:8px 0 8px 48px; }
@media (max-width:767px){ body #ky-hl-slot .ky-hl-inhalt{ padding:22px 0 0; } }
/* Langtext des Highlights: auf der Seite versteckt, nur im Popup-Klon sichtbar (dort ersetzt er den Kurztext). */
body #ky-hl-text-lang{ display:none; }
/* Im Klon entfernt das Popup-Plugin alle id-Attribute, deshalb greift hier die Oxygen-Instanzklasse des Elements 273. */
body .kyp-modal .kyp-klon .oxy-text-9504-273{ display:block; margin:0; padding:0; max-width:none; font-family:'Spectral', Georgia, serif; font-size:16px; font-weight:300; line-height:1.6; color:rgba(22,19,15,.8); }
body .kyp-modal .kyp-klon .ky-hl-text{ display:none; }
/* Highlight-Text auf der Startseite breiter laufen lassen (Alec: nicht in eine schmale Spalte quetschen). */
body #ky-hl-slot .ky-hl-text{ max-width:76ch; }

/* Restaurant-Sektion der Startseite: Gold-Button und Textlink „Zur Speisekarte" lagen übereinander
   (Classic-Reihe ohne Abstand, Link oben ausgerichtet). Jetzt eine Reihe mit Abstand, mittig ausgerichtet. */
body #div_block-968-90{ display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:28px; width:100%; }

/* ======================================================================
   „Aktuell auf der Burg" im gigi-Stil — 2026-09-10 (Alec, Vorlage gigi.restaurant/events)
   Highlight: Text links in einer Papierfläche (#EAE0CC), die bis an den linken Bildschirmrand
   läuft. Das Bild steht rechts, ragt über die Kante der Fläche und gleitet beim Scrollen leicht
   nach oben. Den Versatz --ky-hl-y setzt das Skript „Highlight: Bild gleitet" auf der Startseite,
   und zwar am Platzhalter, damit die Popup-Kopie der Karte nichts davon erbt.
   Das Bild passt sich ohne Beschnitt ein: Hochformat höchstens 420 px hoch, Querformat höchstens
   460 px breit. Gold in der Fläche eine Stufe tiefer (#7D5520), damit kleine Schrift genug Kontrast
   hat. Jede Regel einzeln löschbar; ohne den Block gilt wieder die offene Fassung vom 09.09.
   ====================================================================== */
body #ky-hl-slot .ky-hl-karte{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:64px; align-items:center; overflow:visible; margin:0 0 64px; }
body #ky-hl-slot .ky-hl-inhalt{ grid-column:1; grid-row:1; position:relative; z-index:0; padding:56px 40px 56px 0; }
body #ky-hl-slot .ky-hl-inhalt::before{ content:""; position:absolute; z-index:-1; top:0; bottom:0; left:-100vw; right:-184px; background-color:#EAE0CC; pointer-events:none; }
body #ky-hl-slot .ky-hl-bild{ grid-column:2; grid-row:1; position:relative; z-index:1; display:block; width:auto; height:auto; min-height:0; max-width:460px; max-height:420px; object-fit:contain; border-radius:4px; transform:translate3d(0, var(--ky-hl-y, 0px), 0); will-change:transform; }
body #ky-hl-slot .ky-hl-label, body #ky-hl-slot .ky-hl-mehr{ color:#7D5520; }
body #ky-hl-slot .ky-hl-mehr:hover{ color:#11370B; }
@media (max-width:991px){
  body #ky-hl-slot .ky-hl-karte{ column-gap:44px; }
  body #ky-hl-slot .ky-hl-inhalt{ padding:44px 28px 44px 0; }
  body #ky-hl-slot .ky-hl-inhalt::before{ right:-144px; }
  body #ky-hl-slot .ky-hl-bild{ max-width:340px; max-height:340px; }
}
@media (max-width:767px){
  body #ky-hl-slot .ky-hl-karte{ grid-template-columns:minmax(0,1fr); row-gap:0; margin-bottom:48px; }
  body #ky-hl-slot .ky-hl-bild{ grid-column:1; grid-row:1; justify-self:end; max-width:74%; max-height:330px; margin:0 0 -56px; }
  body #ky-hl-slot .ky-hl-inhalt{ grid-column:1; grid-row:2; padding:80px 22px 34px 0; }
  body #ky-hl-slot .ky-hl-inhalt::before{ right:0; }
}

/* Die nächsten Tastings als Karten (tasting-feed layout="karten"), Vorlage Kupferkanne:
   volle Breite statt 75 %, die Pfeile stehen rechts auf Höhe der Zeile „Die nächsten Tastings". */
body #ky-harmony-dates{ position:relative; width:100%; margin-left:0; }
body #ky-harmony-dates .ktf-cards{ position:static; }
body #ky-harmony-dates .ktf-cards__nav{ position:absolute; top:-9px; right:0; margin:0; }

/* --- 10.09.2026 (7) Aktuell-Kopf mittig mit Unterzeile, etwas mehr Luft (Alecs Wunsch) ---
   Überschrift „Aktuell auf der Burg" zentriert, darunter der Satz aus der Classic-Startseite (Element 637).
   Abstand Willkommen → Aktuell 98 → 140 px, Restaurant → Feiern 100 → 140 px (Handy je +20 px). */
body #aktuell-neu{ padding-top:80px; }
body #aktuell-neu .ky-harmony-program-head{ flex-direction:column; align-items:center; text-align:center; gap:14px; }
body #ky-aktuell-unterzeile{ max-width:640px; margin:0 auto; text-align:center; text-wrap:balance; }
body #feiern{ padding-top:50px; }
@media (max-width:767px){
  body #aktuell-neu{ padding-top:44px; }
  body #ky-aktuell-unterzeile{ margin-top:12px; }
  body #feiern{ padding-top:20px; }
}

/* --- 10.09.2026 (8) Highlight: Text und Bild näher zusammen, Bild groß ansehen (Alecs Wunsch) ---
   Vorher lief die Textspalte über die ganze Restbreite, zwischen Textende und Bild lagen ~230 px.
   Ab 992 px: Textspalte höchstens 640 px, Abstand 56 px, beides als Paar mittig unter der
   zentrierten Überschrift (Textende → Bild ~96 px). Die Fläche endet weiter 128 px unter dem Bild.
   Großansicht: Skript im Element 636 („Bild groß ansehen"), hier nur Zeiger und Aussehen. */
@media (min-width:992px){
  body #ky-hl-slot .ky-hl-karte{ grid-template-columns:minmax(0,640px) auto; column-gap:56px; justify-content:center; }
}
body #ky-hl-slot .ky-hl-bild, body.home .kyp-modal .ky-hl-bild{ cursor:zoom-in; }
body #ky-hl-slot .ky-hl-bild:focus-visible{ outline:2px solid #8A5F25; outline-offset:4px; }
body .ky-zoom{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:4vh 4vw; background:rgba(28,24,20,.9); cursor:zoom-out; animation:ky-zoom-ein .2s ease-out; }
body .ky-zoom-bild{ display:block; width:auto; height:auto; max-width:100%; max-height:92vh; border-radius:4px; box-shadow:0 20px 60px rgba(0,0,0,.45); }
body .ky-zoom-zu{ position:absolute; top:16px; right:20px; display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0; padding:0 0 3px; border:1px solid rgba(248,244,236,.5); border-radius:50%; background:transparent; color:#F8F4EC; font:300 30px/1 Spectral, serif; cursor:pointer; }
body .ky-zoom-zu:hover, body .ky-zoom-zu:focus-visible{ background:rgba(248,244,236,.14); outline:none; }
html.ky-zoom-offen{ overflow:hidden; }
@keyframes ky-zoom-ein{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion:reduce){ body .ky-zoom{ animation:none; } }

/* ======================================================================
   11.09.2026 — Kein Sprung mehr beim Überfahren des Highlights (Alec: „Slider rutscht ein paar Pixel")
   Ursache: Die Hover-Regel der offenen Fassung vom 09.09. setzte beim Überfahren margin-bottom 40 px
   statt 64 px, mit 0,4 s Übergang. Alles darunter rutschte dadurch um gut 20 px. Jetzt bleibt der
   Abstand beim Überfahren gleich, und die Karte im Platzhalter hat keinen Margin-Übergang mehr.
   ====================================================================== */
body #ky-hl-slot .ky-hl-karte{ transition:none; }
body #ky-hl-slot .ky-hl-karte:hover{ margin:0 0 64px; box-shadow:none; }
@media (max-width:767px){ body #ky-hl-slot .ky-hl-karte:hover{ margin:0 0 48px; } }

/* ======================================================================
   11.09.2026 (2) — Willkommen mittig (Alec: der Zweispalter wirkte „linksbündig, schließt rechts
   nicht ab"). Überschrift über dem Text, alles auf einer Mittelachse; „Aktuell auf der Burg" darunter
   bleibt ebenfalls mittig, das Highlight-Paar ist schon mittig ausgerichtet.
   Überschreibt den Block „Willkommen: ohne Überzeile, zweispaltig" vom 08.09.; zum Zurückdrehen
   einfach diesen Block löschen.
   ====================================================================== */
body #div_block-906-90{ display:flex; flex-direction:column; align-items:center; text-align:center; }
body #headline-908-90{ max-width:none; text-align:center; text-wrap:balance; }
body #text_block-909-90{ margin-top:22px; max-width:60ch; text-align:center; text-wrap:balance; }
body #div_block-910-90{ margin-top:28px; justify-content:center; }

/* ======================================================================
   Footer auf Handy und Tablet — 2026-09-20 (Alec: mobil Logo kleiner, die ersten
   Spalten nebeneinander, Öffnungszeiten darunter auf voller Breite).
   Vorher stapelte der Classic-Footer unter 992 px alles untereinander: Logo 75 % der
   Breite (Handy 227 px, Tablet 540 px), drei Spalten mit 40/45/60 px Einzug (Treppe am
   linken Rand), Footer-Höhe Handy 1.407 px, Tablet 1.506 px.
   Jetzt liegt #new_columns-274-121 unter 992 px auf einem Raster mit EINER linken und
   EINER rechten Kante (Icons, Uhrzeiten und Linie enden gleich):
     Handy  (bis 739 px):  Kopf (Logo links, Icons rechts, Text darunter)
                           Entdecken | Besuchen Sie uns
                           Öffnungszeiten auf voller Breite        → 924 px hoch bei 375 px
     Tablet (740–991 px):  Kopf (Logo | Text | Icons), darunter drei Spalten → 535 px hoch
   Desktop ab 992 px unverändert (Geometrie aller 56 Footer-Elemente bei 992/1024/1440 px
   mit und ohne diesen Block verglichen: 0 Abweichungen). Hebt für diese Breiten die
   300-px-Begrenzung der Zeiten-Zeilen vom 10.09. auf. Zum Zurücknehmen: diesen Block löschen.
   ====================================================================== */
@media (max-width:991px){
  body #section-273-121 > .ct-section-inner-wrap{ padding-top:64px; }
  body #new_columns-274-121{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,1.25fr); column-gap:32px; row-gap:44px; align-items:start; margin-bottom:40px; }
  body #new_columns-274-121 > .ct-div-block{ margin:0; padding:0; min-width:0; }
  /* Kopf über die ganze Breite: Logo | Markenzeile + Satz | Icons */
  body #div_block-275-121{ grid-column:1 / -1; display:grid; grid-template-columns:auto minmax(0,1fr) auto; column-gap:32px; align-items:center; text-align:left; }
  body #image-276-121{ grid-column:1; grid-row:1 / span 2; width:160px; max-width:100%; height:auto; }
  body #text_block-277-121{ grid-column:2; grid-row:1; align-self:end; margin:0 0 6px; }
  body #text_block-278-121{ grid-column:2; grid-row:2; align-self:start; max-width:52ch; }
  body #text_block-278-121 br{ display:none; }
  body #div_block-279-121{ grid-column:3; grid-row:1 / span 2; align-items:center; }
  body #fancy_icon-280-121 svg, body #fancy_icon-281-121 svg{ width:28px; height:28px; }
  body #fancy_icon-281-121{ margin-left:16px; }
  /* Öffnungszeiten: Zeilen so breit wie die Spalte, Uhrzeiten enden an der rechten Seitenkante */
  body #div_block-297-121, body #div_block-300-121, body #div_block-303-121{ max-width:none; }
  /* Kein einzelnes Wort in der letzten Zeile (pretty; ältere Browser gleichen die Zeilen aus) */
  body #text_block-306-121, body #text_block-309-121{ text-wrap:balance; text-wrap:pretty; }
  /* Fußzeile: Luft unter der Linie, Copyright links, Impressum und Datenschutz rechts */
  body #code_block-307-121{ margin-bottom:14px; }
  body #div_block-308-121{ column-gap:24px; row-gap:4px; margin-bottom:28px; }
  body #text_block-309-121{ flex:1 1 auto; }
  body #text_block-310-121{ margin-left:auto; margin-right:0; }
}
@media (max-width:739px){
  body #section-273-121 > .ct-section-inner-wrap{ padding-top:56px; }
  /* Zwei Spalten: links so breit wie der längste Link, rechts der Rest (mindestens 136 px für „Besuchen Sie uns") */
  body #new_columns-274-121{ grid-template-columns:auto minmax(136px,1fr); column-gap:clamp(16px, calc(10vw - 20px), 48px); row-gap:40px; margin-bottom:36px; }
  body #div_block-295-121{ grid-column:1 / -1; }
  /* Kopf: Logo links, Icons rechts daneben, Text darunter */
  body #div_block-275-121{ grid-template-columns:minmax(0,1fr) auto; column-gap:16px; }
  body #image-276-121{ grid-row:1; width:132px; }
  body #div_block-279-121{ grid-column:2; grid-row:1; }
  body #text_block-277-121{ grid-column:1 / -1; grid-row:2; align-self:auto; margin:18px 0 6px; }
  body #text_block-278-121{ grid-column:1 / -1; grid-row:3; align-self:auto; font-size:15px; }
  /* Schrift eine Stufe kleiner, damit beide Spalten ab 360 px ohne Umbruch nebeneinander passen
     (gemessen: „Geschichte der Kyrburg" 166 px bei 16 px, „Besuchen Sie uns" 135 px bei Cinzel 12 px) */
  body #section-273-121 .Cinzel{ font-size:12px; letter-spacing:1.2px; margin-bottom:16px; }
  body #text_block-284-121, body #text_block-285-121, body #text_block-286-121, body #text_block-287-121, body #text_block-288-121,
  body #text_block-291-121, body #text_block-292-121, body #text_block-293-121, body #text_block-294-121,
  body #text_block-298-121, body #text_block-299-121, body #text_block-301-121, body #text_block-302-121, body #text_block-304-121, body #text_block-305-121{ font-size:16px; }
  body #text_block-306-121{ font-size:14px; }
  /* Fußzeile: Copyright in eigener Zeile (13 px = einzeilig ab 360 px), Links darunter linksbündig */
  body #text_block-309-121{ flex:0 0 100%; }
  body #text_block-310-121{ margin-left:0; }
  body #text_block-309-121, body #text_block-310-121, body #text_block-311-121{ font-size:13px; }
}
/* Handy quer und kleine Tablets: beide Spalten gleich breit, sonst hängt alles links */
@media (min-width:480px) and (max-width:739px){
  body #new_columns-274-121{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
/* Schmale Handys unter 375 px (z. B. 360 px): Fließtext 15 px hält „Geschichte der Kyrburg" einzeilig */
@media (max-width:374px){
  body #text_block-284-121, body #text_block-285-121, body #text_block-286-121, body #text_block-287-121, body #text_block-288-121,
  body #text_block-291-121, body #text_block-292-121, body #text_block-293-121, body #text_block-294-121,
  body #text_block-298-121, body #text_block-299-121, body #text_block-301-121, body #text_block-302-121, body #text_block-304-121, body #text_block-305-121{ font-size:15px; }
}

/* ======================================================================
   Footer Desktop: „Geschichte der Kyrburg" einzeilig — 2026-09-20 (Alecs Go).
   Die Spalte „Entdecken" lässt ab 992 px nur 134 bis 171 px Platz (21 % Breite minus 40 + 24 px
   Innenabstand), der Link braucht bei 17 px aber 176 px und brach deshalb auf ALLEN
   Desktop-Breiten auf zwei Zeilen um. Der rechte Innenabstand der Spalte fällt weg, der Link
   darf nicht mehr umbrechen; bis zum Text der nächsten Spalte bleiben mindestens 35 px Luft
   (gemessen bei 992 px). Zum Zurücknehmen: diesen Block löschen.
   ====================================================================== */
@media (min-width:992px){
  body #div_block-282-121{ padding-right:0; }
  body #text_block-287-121{ white-space:nowrap; }
}

/* ======================================================================
   Feinschliff Startseite — 2026-09-23 (Alec: „die Dinge in Ordnung rücken, die du bemängelst;
   Aufbau und Design ungefähr beibehalten, nur fürs Auge clean". Schriften bleiben.)
   Grundlage ist die Harmonie-Diagnose vom 23.09. Kein Text und kein Bild getauscht, nur:
   1. EIN Raster. Inhalt 1120 px breit und mittig (bei 1440 px: 160 bis 1280), geteilt in zwei
      Hälften 160–704 | 736–1280. Vorher hatten Whisky (130), Besuch (136/764), Highlight (223)
      und Feiern-Bild (283) eigene Kanten. Unter 1168 px überall 24 px Rand wie Classic und Footer.
   2. EIN Rhythmus. 120 px von einer Farbkante (Hero, grünes Band, Footer) bis zum Inhalt,
      140 px zwischen zwei hellen Sektionen (Tablet 96/112, Handy 72/88). Innen immer
      Kicker → 16 → Überschrift → 24 → Text → 32 → Knöpfe.
   3. Typo in den bestehenden drei Schriften mit festen Rollen: alle H2 gleich (46 px, Handy 36) außer
      der großen Whisky-Überschrift (Alec 23.09.: groß und mehrzeilig sticht sie heraus, so bleibt sie),
      Fließtext 18 (Handy 17), Kleingedrucktes 15, Kicker und Datumszeilen einheitlich
      Cinzel 12 in Versalien (vorher zehn Varianten), Knöpfe/Textlinks Cinzel 13 wie gehabt.
      Termin-Daten und -Titel in Grün (Design-System §4.2).
   4. Bilder: ein Radius (6 px) und ein gemeinsamer, etwas hellerer und wärmerer Farblook.
   Gilt nur auf der Startseite (body.home), außer dem kleinen Footer-Block ganz unten.
   Zum Zurücknehmen: diesen Block bis zum Ende der Datei löschen.
   ====================================================================== */
body.home{
  --kyf-seite:max(24px, calc((100% - 1120px) / 2));
  --kyf-kante:120px;
  --kyf-luft:140px;
}
@media (max-width:1023px){ body.home{ --kyf-kante:96px; --kyf-luft:112px; } }
@media (max-width:767px){ body.home{ --kyf-kante:72px; --kyf-luft:88px; } }

/* --- Rollen: Kicker/Datum (Cinzel 12 Versalien), H2, Fließtext --- */
body.home #text_block-961-90,
body.home #whisky .ky-kicker-hell,
body.home #ky-harmony-dates .ky-harmony-dates-label,
body.home #ky-hl-slot .ky-hl-label,
body.home #ky-hl-slot .ky-hl-datum,
body.home #ky-harmony-dates .ktf-card__datum,
body.home #besuch .ky-besuch2-label{
  font-family:'Cinzel', serif; font-size:12px; font-weight:500; letter-spacing:1.8px; line-height:1.6; text-transform:uppercase;
}
body.home #headline-908-90,
body.home #aktuell-neu .ky-harmony-heading,
body.home #headline-962-90,
body.home #feiern .ky-harmony-heading,
body.home #besuch .ky-besuch2-h2{
  font-family:'Cormorant Garamond', Georgia, serif; font-size:46px; font-weight:500; line-height:1.08; letter-spacing:-0.5px; text-wrap:balance;
}
body.home #text_block-909-90,
body.home #ky-aktuell-unterzeile,
body.home #ky-hl-slot .ky-hl-text,
body.home #text_block-963-90,
body.home #feiern .ky-harmony-body,
body.home #besuch .ky-besuch2-lead{
  font-family:'Spectral', Georgia, serif; font-size:18px; font-weight:300; line-height:1.7; color:rgba(28,24,20,.8);
}
/* Knöpfe überall gleich hoch (Hero hatte 50 statt 47 px) */
body.home #link_button-719-90, body.home #link_button-720-90{ line-height:1.4; text-align:center; }

/* --- Hero: auf dem Handy zwei gleich breite Knöpfe statt zwei verschieden breiter --- */
@media (max-width:767px){
  body.home #div_block-721-90{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; width:100%; max-width:300px; }
  body.home #link_button-719-90, body.home #link_button-720-90{ width:100%; box-sizing:border-box; }
}

/* --- Willkommen: 120 px unter dem Hero, darunter übernimmt „Aktuell" mit 140 px --- */
/* Oxygen setzt diese Innenabstände mit !important (ky-harmony-intro/-inner), deshalb hier ebenso */
body.home #section-904-90.ky-harmony-intro{ padding-top:0 !important; padding-bottom:0 !important; }
body.home #section-904-90 .ky-harmony-intro-inner{ padding-top:var(--kyf-kante) !important; padding-bottom:0 !important; }
body.home #text_block-909-90{ margin-top:24px; }
body.home #div_block-910-90{ margin-top:32px; }

/* --- Aktuell auf der Burg --- */
body.home #aktuell-neu{ padding:var(--kyf-luft) var(--kyf-seite) var(--kyf-kante); }
body.home #aktuell-neu .ky-harmony-program-head{ gap:0; margin:0 0 64px; }
body.home #ky-aktuell-unterzeile{ margin-top:16px; }

/* Highlight: Text und Bild als Paar mittig unter der zentrierten Überschrift (Alec 23.09.: linksbündig wirkte
   schief), aber auf dem Raster: ab 992 px je eine Rasterspalte Einzug links und rechts (bei 1440: 256–1184),
   Text links, Bild rechtsbündig, Abstand Text → Bild gut 100 px wie am 10.09. gewünscht. Die Beigefläche läuft
   wie bisher bis an den linken Rand und endet unter dem Bild (gigi-Stil). */
body.home #ky-hl-slot .ky-hl-inhalt{ padding:64px 48px 64px 0; }
body.home #ky-hl-slot .ky-hl-label{ color:#7D5520; margin:0 0 6px; }
body.home #ky-hl-slot .ky-hl-datum{ color:#11370B; margin:0 0 16px; }
body.home #ky-hl-slot .ky-hl-titel{ font-size:34px; font-weight:500; line-height:1.1; margin:0 0 20px; text-wrap:balance; }
body.home #ky-hl-slot .ky-hl-text{ max-width:60ch; margin:0 0 28px; }
body.home #ky-hl-slot .ky-hl-mehr{
  display:inline-block; padding:0 0 4px; border-bottom:1px solid rgba(17,55,11,.35); line-height:1.4;
  color:#11370B; transition:color .3s ease, border-color .3s ease;
}
body.home #ky-hl-slot .ky-hl-mehr:hover{ color:#8A5F25; border-bottom-color:#8A5F25; }
body.home #ky-hl-slot .ky-hl-bild{ border-radius:6px; }
@media (min-width:768px){
  body.home #ky-hl-slot .ky-hl-karte{ grid-template-columns:minmax(0,1fr) auto; column-gap:40px; justify-content:stretch; }
  body.home #ky-hl-slot .ky-hl-bild{ justify-self:end; max-width:460px; max-height:420px; }
}
@media (min-width:992px){
  body.home #ky-hl-slot .ky-hl-karte{ column-gap:56px; padding:0 calc((100% - 352px) / 12 + 32px); }
}
@media (min-width:768px) and (max-width:991px){
  body.home #ky-hl-slot .ky-hl-inhalt{ padding:48px 28px 48px 0; }
  body.home #ky-hl-slot .ky-hl-bild{ max-width:340px; max-height:400px; }
}
@media (max-width:767px){
  body.home #ky-hl-slot .ky-hl-bild{ justify-self:end; }
  body.home #ky-hl-slot .ky-hl-inhalt{ padding:80px 22px 36px 0; }
  body.home #ky-hl-slot .ky-hl-titel{ font-size:28px; }
}

/* Die nächsten Tastings: Karten exakt auf den zwei Hälften (Abstand 32 statt 28 px) */
body.home #ky-harmony-dates{ margin-top:0; }
body.home #ky-harmony-dates .ky-harmony-dates-label{ margin:0 0 20px; }
body.home #ky-harmony-dates .ktf-cards__nav{ top:-10px; }
body.home #ky-harmony-dates .ktf-card__bild{ border-radius:6px; margin-bottom:24px; }
body.home #ky-harmony-dates .ktf-card__datum{ color:#11370B; margin:0 0 8px; }
body.home #ky-harmony-dates .ktf-card__titel{ color:#11370B; font-weight:500; }
body.home #ky-harmony-dates .ktf-card__preis{ font-family:'Cinzel', serif; font-size:12px; font-weight:500; letter-spacing:1.8px; color:#8A5F25; }
body.home #ky-harmony-dates .ky-harmony-dates-end{ margin-top:32px; }
@media (min-width:601px){
  body.home #ky-harmony-dates .ktf-cards__track{ gap:32px; }
  body.home #ky-harmony-dates .ktf-card{ flex-basis:calc((100% - 32px) / 2); }
}

/* --- Whisky (das eine grüne Band): gleiche Außenkanten wie der Rest. Die Aufteilung bleibt asymmetrisch
   wie vorher (0,85 : 1,15), jetzt als 5 : 7 Spalten eines 12er-Rasters: Text 160–608, Collage 640–1280. --- */
body.home #whisky{ padding:var(--kyf-kante) var(--kyf-seite); }
body.home #whisky .ky-innen{ max-width:1120px; }
body.home #whisky .ky-split-text{ gap:0; }
body.home #whisky .ky-kicker-hell{ color:#C89A55; margin:0 0 16px; }
/* Die Überschrift bleibt die große Display-Zeile von vorher (bis 64 px, dünn, dreizeilig): der eine besondere Moment der Seite */
body.home #whisky .ky-h2-hell{ font-family:'Cormorant Garamond', Georgia, serif; font-size:clamp(36px, 4.6vw, 64px); font-weight:300; line-height:1.08; letter-spacing:normal; max-width:22ch; margin:0 0 28px; text-wrap:balance; }
body.home #whisky .ky-p-hell{ margin:0 0 32px; }
body.home #whisky .ky-btn-reihe{ gap:28px; }
body.home #whisky .ky-collage img{ border-radius:6px; }
/* Tablet-Fehler von vorher: Das große Collage-Bild wurde 596 px hoch (Collage 460 px) und ragte
   40 px über das grüne Band hinaus. Die zwei Zeilen bleiben jetzt in der Höhe der Collage. */
@media (min-width:768px){
  body.home #whisky .ky-collage{ grid-template-rows:minmax(0,1fr) minmax(0,1fr); }
  body.home #whisky .ky-collage img{ min-height:0; height:100%; }
}
@media (min-width:1024px){
  body.home #whisky .ky-split-weit{ grid-template-columns:calc((100% - 352px) / 12 * 5 + 128px) minmax(0,1fr); column-gap:32px; }
  body.home #whisky .ky-collage{ height:560px; }
}
@media (max-width:1023px){ body.home #whisky .ky-split-weit{ gap:48px; } }

/* --- Restaurant: 120 px unter dem grünen Band, Bild | Text auf den zwei Hälften --- */
body.home #section-956-90.ky-harmony-restaurant{ padding-top:0 !important; padding-bottom:0 !important; }
body.home #section-956-90 .ky-harmony-restaurant-inner{ padding-top:var(--kyf-kante) !important; padding-bottom:0 !important; }
body.home #div_block-957-90{ column-gap:32px; row-gap:40px; }
body.home #text_block-961-90{ margin:0 0 16px; }
body.home #headline-962-90{ margin:0; }
body.home #text_block-963-90{ margin-top:24px; }
body.home #text_block-964-90{ margin-top:16px; font-size:15px; font-weight:300; font-style:normal; line-height:1.6; color:#6F665B; }
body.home #div_block-965-90{ margin-top:32px; }

/* --- Feiern: Bild über die ganze Inhaltsbreite, Textfeld greift links unten hinein und endet an der Mittelkante --- */
body.home #feiern{ padding:var(--kyf-luft) var(--kyf-seite) 0; }
body.home #feiern .ky-harmony-feast-photo{ width:100%; height:500px; margin-left:0; border-radius:6px; }
body.home #feiern .ky-harmony-feast-copy{ width:calc(50% + 16px); margin-top:-96px; padding:48px 64px 0 0; gap:0; }
body.home #feiern .ky-harmony-heading{ margin:0 0 24px; }
body.home #feiern .ky-harmony-body{ margin:0 0 32px; }
body.home #feiern .ky-harmony-feast-actions{ margin:0; gap:28px; }
@media (min-width:768px) and (max-width:1023px){
  body.home #feiern .ky-harmony-feast-photo{ height:420px; }
  body.home #feiern .ky-harmony-feast-copy{ width:75%; padding-right:48px; }
}
@media (max-width:767px){
  body.home #feiern .ky-harmony-feast-photo{ height:300px; }
  body.home #feiern .ky-harmony-feast-copy{ width:100%; margin-top:0; padding:32px 0 0; }
}

/* --- Wir freuen uns auf Sie: Bild | Text auf denselben Hälften wie das Restaurant, gleiche Bildhöhe --- */
body.home #besuch{ padding:var(--kyf-luft) var(--kyf-seite) var(--kyf-kante); }
body.home #besuch .ky-besuch2-innen{ max-width:1120px; column-gap:32px; row-gap:40px; }
body.home #besuch .ky-besuch2-bild{ height:520px; }
body.home #besuch .ky-besuch2-text{ gap:0; }
body.home #besuch .ky-besuch2-h2{ margin:0 0 24px; }
body.home #besuch .ky-besuch2-lead{ margin:0 0 32px; }
body.home #besuch .ky-besuch2-felder{ max-width:none; margin:0 0 32px; }
body.home #besuch .ky-besuch2-wert, body.home #besuch .ky-besuch2-adresse{ font-size:19px; }
@media (min-width:1024px){
  body.home #besuch .ky-besuch2-innen{ align-items:stretch; }
  body.home #besuch .ky-besuch2-bild{ height:100%; min-height:520px; }
}
@media (max-width:1023px){ body.home #besuch .ky-besuch2-bild{ height:420px; } }
@media (max-width:767px){ body.home #besuch .ky-besuch2-bild{ height:300px; } }

/* --- Bilder: ein gemeinsamer Look, 12 % heller, etwas weicher und leicht wärmer (Plakate und Hero ausgenommen).
   Getestet in vier Stufen; stärker wirkte das Tal-Foto milchig. --- */
body.home #image-959-90,
body.home #feiern .ky-harmony-feast-photo,
body.home #besuch .ky-besuch2-bild,
body.home #whisky .ky-collage img,
body.home #ky-harmony-dates .ktf-card__img{ filter:sepia(.06) saturate(.9) brightness(1.12) contrast(.9); }

/* --- Handy: eine H2-Größe, ein Fließtext, größere Tippflächen für Textlinks --- */
@media (max-width:767px){
  body.home #headline-908-90,
  body.home #aktuell-neu .ky-harmony-heading,
  body.home #headline-962-90,
  body.home #feiern .ky-harmony-heading,
  body.home #besuch .ky-besuch2-h2{ font-size:36px; line-height:1.1; }
  body.home #text_block-909-90,
  body.home #ky-aktuell-unterzeile,
  body.home #ky-hl-slot .ky-hl-text,
  body.home #whisky .ky-p-hell,
  body.home #text_block-963-90,
  body.home #feiern .ky-harmony-body,
  body.home #besuch .ky-besuch2-lead{ font-size:17px; }
  body.home #aktuell-neu .ky-harmony-program-head{ margin-bottom:40px; }
  /* Knopf und Textlink immer untereinander (vorher je nach Textlänge mal neben-, mal untereinander) */
  body.home #whisky .ky-btn-reihe, body.home #div_block-968-90, body.home #feiern .ky-harmony-feast-actions{ flex-direction:column; align-items:flex-start; gap:20px; }
  body.home #link_text-911-90, body.home #ky-hl-slot .ky-hl-mehr, body.home .ky-harmony-link,
  body.home #whisky .ky-textlink-hell, body.home #link_button-966-90, body.home #besuch .ky-besuch2-link{ position:relative; }
  body.home #link_text-911-90::after, body.home #ky-hl-slot .ky-hl-mehr::after, body.home .ky-harmony-link::after,
  body.home #whisky .ky-textlink-hell::after, body.home #link_button-966-90::after, body.home #besuch .ky-besuch2-link::after{
    content:""; position:absolute; left:-6px; right:-6px; top:-12px; bottom:-10px;
  }
}

/* --- Footer (gilt auf allen Seiten): Fußzeile endet an derselben rechten Kante wie die Spalten.
   Vorher stand „Impressum" mit 48 % Einzug, dadurch endete „Datenschutz" 84 px vor der Kante,
   und die Linie darüber war fest 1000 px statt 1120 px breit. --- */
body #code_block-307-121, body #code_block-307-121 .luxus-strichh{ width:100%; }
@media (min-width:992px){
  body #text_block-310-121{ margin-left:auto; margin-right:24px; }
}

/* --- 25.09.2026 Barrierefreiheit: Außerhalb ihres Platzes ist die Highlight-Karte nur die
   Quelle fürs Popup und auf 1 px geklemmt. Ihr „Mehr erfahren"-Link war trotzdem ein
   unsichtbarer Tab-Stopp auf jeder Unterseite. visibility:hidden nimmt ihn heraus;
   offsetParent bleibt gesetzt, das Auto-Popup funktioniert also weiter (nie display:none!).
   Im Platz (Startseite #ky-hl-slot, GIGI .ky-gg-hl-platz, beide [data-kyp-platz]) sichtbar. --- */
body .ky-hl-karte[data-kyp-id]{ visibility:hidden; }
body [data-kyp-platz] .ky-hl-karte[data-kyp-id]{ visibility:visible; }