/* ======================================================================
   Kyrburg · Unterseiten 2026 (ab 01.11.2026, zuerst Geschichte 9490)
   Lädt nur auf den Seiten aus UNTERSEITEN in kyrburg-classic-port.php, die tragen die Body-Klasse ky-u26.
   Form aus dem GIGI-Entwurf, Grundton wie Startseite 9873 (Papier #F3EDE1, Gerste #E7DCC6).
   ky-u-* gilt für jede Unterseite, ky-ge-* nur für den Zeitstrahl der Geschichte.
   Bewegung nur unter html.ky-u-js, ohne Skript und bei „Bewegung reduzieren“ steht alles fertig da.
   Quelle: outputs/Kunden/kyrburg/geschichte-2026-11-01/
   ====================================================================== */
/* Die @font-face für Kyrburg Jost steht seit dem 03.11.2026 in schriften.css (Ladezeit A4).
   Hinter der Webschrift stehen die Ersatzschriften mit size-adjust aus derselben Datei. */

body.ky-u26{
  --gg-papier:#F3EDE1; --gg-gerste:#E7DCC6; --gg-gruen:#11370B; --gg-text:#34452F; --gg-leise:#4A5645;
  --gg-gold:#A87836; --gg-gold-tief:#8A5F25; --gg-gold-hell:#C89A55; --gg-standlinie:rgba(168,120,54,.55);
  --gg-fs-text:17.5px; --gg-fs-text-m:16.5px; --gg-fs-text-s:15.5px; --gg-fs-label:13.5px; --gg-fs-kursiv-s:18px;
  --gg-breite-buehne:1112px;
  --gg-serif:'Cormorant Garamond', 'Cormorant Ersatz', Garamond, 'Times New Roman', serif;
  --gg-sans:'Kyrburg Jost', 'Kyrburg Jost Ersatz', 'Helvetica Neue', Arial, sans-serif;
  --gg-rand:clamp(20px, 4.45vw, 64px);
  --gg-buehne-rand:max(clamp(20px, 11.4vw, 164px), calc(50% - 556px));
  --gg-luft-l:clamp(88px, 11.6vw, 168px);
  --kyh-papier:var(--gg-papier);
  background-color:var(--gg-papier);
}
/* Diese Seiten beginnen hell: Logo und Striche stehen von Anfang an dunkel, nicht erst, wenn das Kopfzeilen-Skript gelaufen ist */
body.ky-u26 .kyh-logo .kyh-logo-hell{opacity:0}
body.ky-u26 .kyh-logo .kyh-logo-dunkel{opacity:1}
body.ky-u26 .kyh-burger span{background-color:var(--kyh-tinte)}
/* Die Popups in der Schrift der Seite */
body.ky-u26 :is(.kyp-modal, .ktf-modal) :not(h1, h2, h3, h4, .kyp-modal__close, .kyp-modal__close *){font-family:var(--gg-sans) !important}

/* ---------- Schrift ---------- */
body .ky-u-h1{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(38px, 4.4vw, 64px);font-weight:500;line-height:1.08;letter-spacing:.075em;text-transform:uppercase;color:var(--gg-gruen);text-wrap:balance}
body .ky-u-h2{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(32px, 3.6vw, 52px);font-weight:500;line-height:1.1;letter-spacing:.07em;text-transform:uppercase;color:var(--gg-gruen);text-wrap:balance}
body .ky-u-h3{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(21px, 1.75vw, 25px);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-gruen)}
body .ky-u-text{display:block;margin:28px 0 0;padding:0;max-width:36em;font-family:var(--gg-sans);font-size:var(--gg-fs-text);font-weight:400;line-height:1.66;color:var(--gg-text);text-wrap:pretty}
body .ky-u-bildzeile{display:block;margin:14px 0 0;padding:0;font-family:var(--gg-serif);font-size:var(--gg-fs-kursiv-s);font-style:italic;font-weight:400;line-height:1.35;color:var(--gg-leise);font-variant-numeric:lining-nums}
body .ky-st-ganz{white-space:nowrap}

/* ---------- Pillen oben mittig wie auf der Startseite, sie folgen der Kopfzeile ---------- */
body .ky-st-pillen{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;position:fixed;top:30px;left:50%;z-index:1001;width:auto;margin:0;padding:0;transform:translateX(-50%);transition:transform .45s cubic-bezier(.4,0,.2,1), opacity .35s ease, visibility 0s linear 0s}
body .ky-st-pille{display:inline-flex;align-items:center;min-height:0;margin:0;padding:8px 16px 7px;border:1px solid var(--gg-gruen);border-radius:999px;background-color:var(--gg-gruen);font-family:var(--gg-sans);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--gg-papier);transition:background-color .3s ease, border-color .3s ease, color .3s ease}
body .ky-st-pille:hover{background-color:var(--gg-gold-tief);border-color:var(--gg-gold-tief);color:var(--gg-papier)}
body .ky-st-pillen.ist-weg{transform:translate(-50%, -150%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(.4,0,.2,1), opacity .35s ease, visibility 0s linear .45s}
html.ky-nav-open body .ky-st-pillen{opacity:0;visibility:hidden;pointer-events:none}
@media (pointer:coarse){body .ky-st-pille{min-height:44px}}
/* Unter 900 px stehen sie in der Kopfzeile zwischen Logo und Strichen und folgen ihr wie am Desktop.
   Sichtbar sind sie klein, die Tippfläche bleibt über ::after rund 44 px hoch. */
@media (max-width:899px){
  body .ky-st-pillen{top:0;left:calc(var(--kyh-inset) + var(--kyh-logo) * 2 + 8px);right:calc(var(--kyh-inset) + 36px);width:auto;height:var(--kyh-h);gap:6px;transform:none}
  body .ky-st-pillen.ist-weg{transform:translateY(-150%)}
  body .ky-st-pille{position:relative;min-height:0;padding:7px 12px 6px;font-size:12px;letter-spacing:.05em}
  body .ky-st-pille::after{content:"";position:absolute;top:-9px;right:-3px;bottom:-9px;left:-3px}
}
/* Am Handy bleibt die Leiste ruhig: nur Logo und Striche. Tisch reservieren, Tastings und Feiern liegen im Menü. */
@media (max-width:767px){
  body .ky-st-pillen{display:none}
}

/* ---------- Einstieg: Jahreszahl, Versal-Titel, kurzer Text ---------- */
body .ky-u-einstieg{display:flex;flex-direction:column;align-items:center;width:auto;max-width:720px;margin:0 auto;padding:calc(var(--kyh-h) + clamp(56px, 6vw, 88px)) var(--gg-rand) 0;text-align:center;box-sizing:content-box}
body .ky-u-jahr{display:block;margin:0 0 18px;padding:0;font-family:var(--gg-serif);font-size:clamp(84px, 8vw, 116px);font-weight:500;line-height:.9;letter-spacing:.02em;color:var(--gg-gold);font-variant-numeric:lining-nums}
@media (max-width:899px){
  body .ky-u-einstieg{padding-top:calc(var(--kyh-h) + 92px)}
}

/* ---------- Bild auf der Standlinie: die Goldlinie läuft über die ganze Breite ---------- */
body .ky-u-linie-bild{display:block;position:relative;width:auto;max-width:none;margin:clamp(56px, 6.4vw, 92px) var(--gg-buehne-rand) 0;padding:0}
body .ky-u-linie-bild::after{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;bottom:-1px;height:1px;background:var(--gg-standlinie);transform-origin:50% 50%;pointer-events:none}
body .ky-u-buehne{display:block;position:relative;width:100%;margin:0;padding:0;overflow:hidden;aspect-ratio:21 / 9}
body .ky-u-bild{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover}
body .ky-u-bildzeile-breit{margin:18px var(--gg-buehne-rand) 0}
@media (max-width:699px){
  body .ky-u-buehne{aspect-ratio:4 / 3}
}

/* ---------- Zeitstrahl ----------
   Die Linie steht auf der Mittelachse, Jahr und Text wechseln von Station zu Station die Seite.
   Das Wasserzeichen sitzt mittig auf der Kante zwischen Papier und Gerste. */
body .ky-ge-chronik{display:block;position:relative;width:100%;max-width:none;margin:clamp(130px, 15vw, 216px) 0 0;padding:clamp(108px, 13.4vw, 196px) 0 var(--gg-luft-l);background-color:var(--gg-gerste);overflow-x:clip}
body .ky-ge-wasserzeichen{display:block;position:absolute;top:0;left:50%;margin:0;padding:0;transform:translate(-50%, -50%);font-family:var(--gg-serif);font-size:clamp(190px, 33vw, 500px);font-weight:600;line-height:.75;letter-spacing:-.03em;color:rgba(17,55,11,.06);white-space:nowrap;pointer-events:none;user-select:none;font-variant-numeric:lining-nums}
body .ky-ge-titel{position:relative;padding:0 var(--gg-rand);text-align:center}
body .ky-ge-strahl{display:block;position:relative;width:auto;max-width:none;margin:clamp(64px, 6.4vw, 92px) max(var(--gg-rand), calc(50% - 520px)) 0;padding:0}
/* Grundlinie und goldene Linie, die mit dem Scrollen wächst. Das Skript schreibt nur transform. */
body .ky-ge-strahl::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:linear-gradient(to bottom, rgba(168,120,54,0), rgba(168,120,54,.42) 72px, rgba(168,120,54,.42) calc(100% - 72px), rgba(168,120,54,0))}
body .ky-ge-linie{display:block;position:absolute;top:0;bottom:0;left:50%;width:2px;margin:0 0 0 -1px;padding:0;background-color:var(--gg-gold);transform-origin:50% 0;will-change:transform}
body .ky-ge-stationen{display:block;position:relative;margin:0;padding:0;list-style:none}
body .ky-ge-station{display:grid;grid-template-columns:minmax(0, 1fr) clamp(88px, 10vw, 144px) minmax(0, 1fr);align-items:center;position:relative;min-height:clamp(210px, 18vw, 256px);margin:0;padding:0;list-style:none}
body .ky-ge-station::before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background-color:var(--gg-gold);box-shadow:0 0 0 5px var(--gg-gerste);transition:background-color .35s ease, box-shadow .45s ease, transform .5s cubic-bezier(.2,.7,.2,1)}
body .ky-ge-jahr{display:block;grid-row:1;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(68px, 8.2vw, 118px);font-weight:500;line-height:1;letter-spacing:.01em;color:var(--gg-gold);white-space:nowrap;font-variant-numeric:lining-nums}
body .ky-ge-eintrag{display:block;grid-row:1;min-width:0;margin:0;padding:0}
body .ky-ge-text{display:block;margin:14px 0 0;padding:0;max-width:27em;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);font-weight:400;line-height:1.62;color:var(--gg-text);text-wrap:pretty}
/* Ungerade: Jahr links, Text rechts. Gerade: gespiegelt. */
@media (min-width:761px){
  body .ky-ge-station:nth-child(odd) .ky-ge-jahr{grid-column:1;justify-self:end;text-align:right}
  body .ky-ge-station:nth-child(odd) .ky-ge-eintrag{grid-column:3;justify-self:start;text-align:left}
  body .ky-ge-station:nth-child(even) .ky-ge-jahr{grid-column:3;justify-self:start;text-align:left}
  body .ky-ge-station:nth-child(even) .ky-ge-eintrag{grid-column:1;justify-self:end;text-align:right}
  body .ky-ge-station:nth-child(even) .ky-ge-text{margin-left:auto}
}
/* Handy: Linie am linken Rand, Jahr über dem Titel */
@media (max-width:760px){
  body .ky-ge-strahl::before{left:5px}
  body .ky-ge-linie{left:5px}
  body .ky-ge-station{grid-template-columns:minmax(0, 1fr);align-items:start;min-height:0;padding:30px 0 30px 34px}
  body .ky-ge-station::before{left:5px;top:62px}
  body .ky-ge-jahr{grid-column:1;grid-row:1;font-size:60px}
  body .ky-ge-eintrag{grid-column:1;grid-row:2;margin-top:10px}
}

/* ---------- Zwei Bilder, rechts mit Titel und Text. Gemeinsame Unterkante, die Oberkanten versetzt ---------- */
body .ky-u-duo{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);column-gap:clamp(24px, 5vw, 72px);align-items:end;position:relative;width:auto;max-width:none;margin:var(--gg-luft-l) var(--gg-rand) 0;padding:0}
@media (min-width:1440px){body .ky-u-duo{max-width:1312px;margin-left:auto;margin-right:auto}}
body .ky-u-duo-teil{display:block;min-width:0;margin:0;padding:0}
body .ky-u-duo-teil:first-child{margin-top:64px}
body .ky-u-duo-bild{display:block;position:relative;margin:0;padding:0;overflow:hidden;aspect-ratio:3 / 2}
body .ky-u-duo-teil:first-child .ky-u-duo-bild{aspect-ratio:9 / 10}
body .ky-u-duo-titel{margin-top:36px}
body .ky-u-duo .ky-u-text{max-width:30em;margin-top:18px}
@media (max-width:699px){
  body .ky-u-duo{grid-template-columns:minmax(0, 1fr);row-gap:56px}
  body .ky-u-duo-teil:first-child{width:78%;margin-top:0}
}

/* ---------- Grünes Schlussband ---------- */
body .ky-u-gruenband{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:var(--gg-luft-l) var(--gg-rand);background-color:var(--gg-gruen);text-align:center;box-sizing:border-box;overflow:hidden}
body .ky-u-gruenband .ky-u-h2{color:var(--gg-papier)}
body .ky-u-aktionen{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:14px 16px;margin:32px 0 0;padding:0}
body .ky-u-knopf, body .ky-u-knopf-linie{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:11px 20px 10px;border:1px solid var(--gg-papier);border-radius:999px;font-family:var(--gg-sans);font-size:var(--gg-fs-label);font-weight:500;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .35s ease, color .35s ease, border-color .35s ease}
body .ky-u-knopf{background-color:var(--gg-papier);color:var(--gg-gruen)}
body .ky-u-knopf:hover{background-color:var(--gg-gold-hell);border-color:var(--gg-gold-hell);color:var(--gg-gruen)}
body .ky-u-knopf-linie{border-color:rgba(243,237,225,.8);background-color:transparent;color:var(--gg-papier)}
body .ky-u-knopf-linie:hover{background-color:var(--gg-papier);border-color:var(--gg-papier);color:var(--gg-gruen)}
@media (max-width:699px){
  body .ky-u-aktionen > a{width:min(100%, 232px)}
}

/* ---------- Bewegung ---------- */
html.ky-u-js body .ky-u-reveal{opacity:0;transform:translateY(22px);transition:opacity 1s ease, transform 1.1s cubic-bezier(.2,.7,.2,1)}
html.ky-u-js body .ky-u-reveal.ist-da{opacity:1;transform:none}
html.ky-u-js body .ky-u-buehne .ky-u-bild, html.ky-u-js body .ky-u-duo-bild .ky-u-bild{transform:scale(1.045);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
html.ky-u-js body .ky-u-buehne.ist-da .ky-u-bild, html.ky-u-js body .ky-u-duo-bild.ist-da .ky-u-bild{transform:none}
html.ky-u-js body .ky-u-linie-bild::after{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.45,0,.2,1) .2s}
html.ky-u-js body .ky-u-linie-bild.ist-da::after{transform:none}

/* Zeitstrahl: Jahr und Text kommen von außen zur Achse. Das Jahr bleibt blass, bis die Linie es erreicht. */
html.ky-u-js body .ky-ge-linie{transform:scaleY(0)}
html.ky-u-js body .ky-ge-jahr, html.ky-u-js body .ky-ge-eintrag{opacity:0;transition:opacity .8s ease, transform 1s cubic-bezier(.2,.7,.2,1), color .5s ease}
html.ky-u-js body .ky-ge-jahr{color:rgba(168,120,54,.42)}
html.ky-u-js body .ky-ge-station::before{background-color:var(--gg-gerste);box-shadow:inset 0 0 0 1.5px rgba(168,120,54,.6), 0 0 0 5px var(--gg-gerste);transform:scale(.82)}
@media (min-width:761px){
  html.ky-u-js body .ky-ge-station:nth-child(odd) .ky-ge-jahr, html.ky-u-js body .ky-ge-station:nth-child(even) .ky-ge-eintrag{transform:translateX(-36px)}
  html.ky-u-js body .ky-ge-station:nth-child(even) .ky-ge-jahr, html.ky-u-js body .ky-ge-station:nth-child(odd) .ky-ge-eintrag{transform:translateX(36px)}
}
@media (max-width:760px){
  html.ky-u-js body .ky-ge-jahr, html.ky-u-js body .ky-ge-eintrag{transform:translateY(18px)}
}
html.ky-u-js body .ky-ge-station.ist-da .ky-ge-jahr, html.ky-u-js body .ky-ge-station.ist-da .ky-ge-eintrag{opacity:1;transform:none}
html.ky-u-js body .ky-ge-station.ist-da .ky-ge-eintrag{transition-delay:.12s, .12s, 0s}
html.ky-u-js body .ky-ge-station.ist-erreicht .ky-ge-jahr{color:var(--gg-gold)}
html.ky-u-js body .ky-ge-station.ist-erreicht::before{background-color:var(--gg-gold);box-shadow:inset 0 0 0 1.5px var(--gg-gold), 0 0 0 5px var(--gg-gerste);transform:none}
/* Die zuletzt erreichte Station trägt einen zarten Hof */
html.ky-u-js body .ky-ge-station.ist-aktuell::before{box-shadow:inset 0 0 0 1.5px var(--gg-gold), 0 0 0 5px var(--gg-gerste), 0 0 0 10px rgba(168,120,54,.16)}

/* ======================================================================
   Tastings 9494, Restaurant 9496, Museum 9492 (ab 02.11.2026)
   kyk-* Einstieg „Die Kante“, kyt-* Tastings, kyr-* Restaurant, kym-* Museum.
   Quelle: outputs/Kunden/kyrburg/unterseiten-2026-11-02/
   ====================================================================== */
body.ky-u26{--gg-nacht:#0C2908}
body .ky-u-knopf-gruen, body .ky-u-knopf-gruen-linie{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:11px 20px 10px;border:1px solid var(--gg-gruen);border-radius:999px;font-family:var(--gg-sans);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .3s ease, border-color .3s ease, color .3s ease}
body .ky-u-knopf-gruen{background-color:var(--gg-gruen);color:var(--gg-papier)}
body .ky-u-knopf-gruen:hover{background-color:var(--gg-gold-tief);border-color:var(--gg-gold-tief);color:var(--gg-papier)}
body .ky-u-knopf-gruen-linie{background-color:transparent;color:var(--gg-gruen)}
body .ky-u-knopf-gruen-linie:hover{background-color:var(--gg-gruen);color:var(--gg-papier)}
/* Oben auf diesen Seiten liegt das Menü auf dem Foto */
@media (min-width:761px) and (min-aspect-ratio:11/10){
  html:not(.ky-nav-open) body.ky-u26:is(.page-id-9494, .page-id-9496, .page-id-9925) .kyh-header:not(.is-solid) .kyh-burger span{background-color:var(--gg-papier)}
}
/* Museum beginnt dunkel */
html:not(.ky-nav-open) body.ky-u26.page-id-9492 .kyh-header:not(.is-solid) .kyh-logo .kyh-logo-hell{opacity:1}
html:not(.ky-nav-open) body.ky-u26.page-id-9492 .kyh-header:not(.is-solid) .kyh-logo .kyh-logo-dunkel{opacity:0}
html:not(.ky-nav-open) body.ky-u26.page-id-9492 .kyh-header:not(.is-solid) .kyh-burger span{background-color:var(--gg-papier)}
body.ky-u26.page-id-9492 .ky-st-pillen.ist-hell .ky-st-pille{border-color:transparent;background-color:rgba(243,237,225,.94);color:var(--gg-gruen)}

/* ---------- Einstieg „Die Kante“: zwei gleiche Überschriften, die Foto-Ebene wird einmal aufgezogen, die Farbe wechselt genau an der Kante ---------- */
body .kyk{--kante:46%;display:block;position:relative;width:100%;max-width:none;height:100svh;min-height:600px;margin:0;padding:0;overflow:hidden;isolation:isolate;background-color:var(--gg-papier)}
body .kyk-restaurant{--gross:9.3vw;--schleier:linear-gradient(90deg, rgba(24,14,7,.46), rgba(24,14,7,0) 64%)}
body .kyk-tasting{--gross:8.5vw;--schleier:none}
body .kyk-flaeche{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;margin:0;padding:0}
body .kyk-h1{display:block;position:absolute;left:var(--gg-rand);top:41%;width:auto;margin:0;padding:0;transform:translateY(-50%);font-family:var(--gg-serif);font-size:var(--gross);font-weight:500;line-height:1;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--gg-gruen)}
body .kyk-h1 span{display:block}
body .kyk-unten{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:absolute;left:var(--gg-rand);bottom:clamp(30px, 6vh, 60px);width:calc(var(--kante) - 2 * var(--gg-rand));margin:0;padding:0}
body .kyk-zeile{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(23px, 2.4vw, 34px);font-style:italic;font-weight:400;line-height:1.25;color:var(--gg-text)}
body .kyk-termin{display:flex;flex-direction:column;margin:0;padding:0;font-family:var(--gg-sans);font-size:15.5px;line-height:1.4;color:var(--gg-leise)}
body .kyk-termin:empty{display:none}
/* Platz für den nächsten Termin, den unterseiten-2026.js erst beim Ausführen einsetzt (zwei Zeilen), sonst springt der Einstieg (A12, 03.11.2026) */
body #ky-naechster{min-height:2.8em}
body #ky-naechster.ist-leer{display:none}
body .kyk-knoepfe{justify-content:flex-start;margin:0}
body .kyk-foto{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;margin:0;padding:0;background-color:#1c120a;clip-path:inset(0 0 0 var(--kante))}
body .kyk-bild{display:block;position:absolute;top:0;bottom:0;left:var(--kante);width:calc(100% - var(--kante));height:100%;max-width:none;margin:0;object-fit:cover}
body .kyk-tasting .kyk-bild{object-position:72% 50%}
body .kyk-restaurant .kyk-bild{object-position:50% 40%}
body .kyk-foto::after{content:"";position:absolute;top:0;bottom:0;left:var(--kante);right:0;background:var(--schleier)}
body .kyk-foto .kyk-h1{z-index:2;color:var(--gg-papier)}
html.ky-u-js body .kyk-foto{clip-path:inset(0 0 0 100%);transition:clip-path 1.5s cubic-bezier(.72,0,.18,1) .2s}
html.ky-u-js body .kyk.ist-da .kyk-foto{clip-path:inset(0 0 0 var(--kante))}
html.ky-u-js body .kyk-unten{opacity:0;transition:opacity 1s ease 1.2s}
html.ky-u-js body .kyk.ist-da .kyk-unten{opacity:1}
@media (max-width:760px), (max-aspect-ratio:11/10){
  body .kyk{--kante:36%}
  body .kyk-restaurant{--gross:12.6vw;--schleier:linear-gradient(0deg, rgba(14,11,7,.88) 8%, rgba(14,11,7,0) 66%)}
  body .kyk-tasting{--gross:15vw;--schleier:linear-gradient(0deg, rgba(14,11,7,.9) 10%, rgba(14,11,7,0) 72%)}
  body .kyk-h1{top:var(--kante);left:0;right:0;text-align:center}
  body .kyk-restaurant .kyk-h1{top:calc(var(--kante) - .72em)}
  body .kyk-bild{top:var(--kante);bottom:0;left:0;width:100%;height:calc(100% - var(--kante))}
  body .kyk-foto{z-index:1;clip-path:inset(var(--kante) 0 0 0)}
  html.ky-u-js body .kyk-foto{clip-path:inset(100% 0 0 0)}
  html.ky-u-js body .kyk.ist-da .kyk-foto{clip-path:inset(var(--kante) 0 0 0)}
  body .kyk-foto::after{top:var(--kante);left:0}
  body .kyk-unten{z-index:3;left:var(--gg-rand);right:var(--gg-rand);width:auto;bottom:26px}
  body .kyk-zeile, body .kyk-termin{color:var(--gg-papier)}
  body .kyk .ky-u-knopf-gruen{border-color:var(--gg-papier);background-color:var(--gg-papier);color:var(--gg-gruen)}
  body .kyk .ky-u-knopf-gruen-linie{border-color:rgba(243,237,225,.8);color:var(--gg-papier)}
}

/* ---------- Tastings: der Abend ---------- */
body .kyt-abend{display:block;position:relative;width:100%;max-width:none;margin:0;padding:var(--gg-luft-l) 0 0;background-color:var(--gg-papier);transition:background-color 1.1s ease}
body .kyt-kopf{display:block;max-width:720px;margin:0 var(--gg-rand);padding:0}
@media (min-width:1440px){body .kyt-kopf{width:1312px;max-width:1312px;margin-left:auto;margin-right:auto}}
/* Die Bühne steht wie im Einstieg an einer Kante, auf ihr läuft die Whisky-Linie */
body .kyt-raster{--kante:50%;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);position:relative;width:100%;max-width:none;margin:clamp(44px, 6vh, 72px) 0 0;padding:0}
body .kyt-buehne{display:block;position:sticky;top:0;align-self:start;width:100%;height:100vh;margin:0;padding:0}
body .kyt-rahmen{display:block;position:relative;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#1c120a}
body .kyt-bild{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;margin:0;padding:0;overflow:hidden;will-change:transform}
body .kyt-bild img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;will-change:transform}
body .kyt-linie{display:block;position:absolute;top:0;bottom:0;left:calc(var(--kante) - 1px);z-index:2;width:3px;margin:0;padding:0;background-color:rgba(168,120,54,.2)}
body .kyt-linie-voll{display:block;position:absolute;top:0;left:0;width:3px;height:100%;margin:0;padding:0;background:linear-gradient(to bottom, #C89A55, #C77A1E);transform:scaleY(0);transform-origin:50% 0}
body .kyt-schritte{display:block;list-style:none;margin:0;padding:0}
body .kyt-schritt{display:flex;flex-direction:column;justify-content:center;min-height:100vh;margin:0;padding:0 var(--gg-rand) 0 clamp(40px, 7vw, 112px);transition:opacity .6s ease}
body .kyt-schritt-bild{display:none}
body .kyt-schritt-titel{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(30px, 3vw, 44px);font-weight:500;line-height:1.12;letter-spacing:.07em;text-transform:uppercase;color:var(--gg-gruen);transition:color .9s ease}
body .kyt-schritt-text{display:block;max-width:28em;margin:18px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text);line-height:1.66;color:var(--gg-text);transition:color .9s ease;text-wrap:pretty}
html.ky-u-js body .kyt-schritt{opacity:.28}
html.ky-u-js body .kyt-schritt.ist-aktiv{opacity:1}
body .kyt-abend.ist-nacht{background-color:var(--gg-nacht)}
body .kyt-abend.ist-nacht .kyt-schritt-titel{color:var(--gg-papier)}
body .kyt-abend.ist-nacht .kyt-schritt-text{color:rgba(243,237,225,.86)}
@media (max-width:899px){
  body .kyt-raster{display:block;width:auto;margin:44px var(--gg-rand) 0;padding:0 0 1px}
  body .kyt-buehne, body .kyt-linie{display:none}
  body .kyt-schritt{display:block;min-height:0;margin:0 0 56px;padding:0}
  body .kyt-schritt:last-child{margin-bottom:0}
  body .kyt-schritt-bild{display:block;width:100%;height:auto;aspect-ratio:10 / 11;max-width:none;margin:0 0 24px;border-radius:8px;object-fit:cover}
  html.ky-u-js body .kyt-schritt{opacity:1}
}

/* ---------- Tastings: Preise, gleiche Fläche wie das Ende des Abends ---------- */
body .kyt-preise{display:block;position:relative;width:100%;max-width:none;margin:0;padding:var(--gg-luft-l) var(--gg-rand);background-color:var(--gg-nacht);color:var(--gg-papier)}
body .kyt-preise-innen{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(36px, 6vw, 96px);width:auto;max-width:1312px;margin:0 auto;padding:0}
body .kyt-preise .ky-u-h2{color:var(--gg-papier)}
body .kyt-preise-zeile{display:block;max-width:24em;margin:20px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(22px, 2vw, 28px);font-style:italic;font-weight:400;line-height:1.3;color:var(--gg-gerste)}
body .kyt-preisliste{display:block;margin:0;padding:0}
body .kyt-preis{display:block;margin:0 0 clamp(36px, 4vw, 56px);padding:0}
body .kyt-preis:last-child{margin-bottom:0}
body .kyt-preis-name{display:block;margin:0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-label);font-weight:500;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--gg-gold-hell)}
body .kyt-preis-wert{display:block;margin:6px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(46px, 5.6vw, 80px);font-weight:500;line-height:1.05;letter-spacing:.01em;font-variant-numeric:lining-nums;color:var(--gg-papier)}
body .kyt-preis-text{display:block;max-width:32em;margin:10px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);line-height:1.6;color:rgba(243,237,225,.86)}
body .kyt-regeln{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:clamp(24px, 3.4vw, 52px);row-gap:32px;width:auto;max-width:1312px;margin:clamp(64px, 7vw, 104px) auto 0;padding:0}
body .kyt-regel{display:block;margin:0;padding:0}
body .kyt-regel-titel{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(21px, 1.75vw, 25px);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-papier)}
body .kyt-regel-text{display:block;margin:10px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);line-height:1.6;color:rgba(243,237,225,.82)}
body .kyt-textlink{display:inline-block;margin:12px 0 0;padding:0 0 3px;border-bottom:1px solid var(--gg-gold);font-family:var(--gg-sans);font-size:13px;font-weight:500;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--gg-gold-tief)}
body .kyt-preise .kyt-textlink{color:var(--gg-gold-hell)}
@media (max-width:899px){
  body .kyt-preise-innen{grid-template-columns:minmax(0, 1fr);row-gap:44px}
  body .kyt-regeln{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width:560px){body .kyt-regeln{grid-template-columns:minmax(0, 1fr)}}

/* ---------- Tastings: Termine, Wunschtasting ---------- */
body .kyt-termine{display:block;position:relative;width:100%;max-width:none;margin:0;padding:var(--gg-luft-l) var(--gg-rand) 0;background-color:var(--gg-papier);scroll-margin-top:60px}
body .kyt-termine-kopf{display:block;max-width:1112px;margin:0 auto clamp(28px, 3.4vw, 48px);padding:0}
body .kyt-feed{display:block;width:100%;max-width:1112px;margin:0 auto;padding:0}
body .kyt-wunsch{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);column-gap:clamp(36px, 6vw, 96px);align-items:center;width:auto;max-width:1312px;margin:var(--gg-luft-l) auto 0;padding:0 var(--gg-rand)}
body .kyt-wunsch-text{display:block;margin:0;padding:0}
body .kyt-wunsch-zeile{display:block;margin:20px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(22px, 2vw, 28px);font-style:italic;font-weight:400;line-height:1.3;color:var(--gg-leise)}
body .kyt-links{justify-content:flex-start}
body .kyt-wunsch-bild{aspect-ratio:4 / 3;border-radius:8px}
@media (max-width:899px){
  body .kyt-wunsch{grid-template-columns:minmax(0, 1fr);row-gap:40px}
}

/* ---------- Schluss auf Gerste ---------- */
body .ky-u-schluss{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:clamp(64px, 8vw, 112px) var(--gg-rand);background-color:var(--gg-gerste);text-align:center}
body .ky-u-schluss-burg{display:block;width:clamp(120px, 12vw, 170px);height:auto;max-width:none;margin:0 0 20px}
body .ky-u-schluss .kyt-textlink{margin-top:24px}

/* ---------- Restaurant: Küche ---------- */
body .kyr-kueche{display:block;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:0}
body .kyr-kueche-kopf{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);column-gap:clamp(36px, 6vw, 96px);align-items:start;width:auto;max-width:1312px;margin:0 auto;padding:0 var(--gg-rand)}
body .kyr-gross{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(40px, 5.4vw, 80px);font-weight:500;line-height:1.06;letter-spacing:.06em;text-transform:uppercase;color:var(--gg-gruen);text-wrap:balance}
body .kyr-kueche-text .ky-u-text{margin-top:0}
body .kyr-kueche-text .ky-u-text + .ky-u-text{margin-top:18px}
/* Drei Spalten wie die drei Gänge der Karte. Die Spalten laufen leicht versetzt, der Titel springt zum passenden Reiter der Speisekarte. */
body .kyr-teller{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.24fr) minmax(0, 1fr);column-gap:clamp(14px, 1.7vw, 26px);align-items:start;width:auto;max-width:1600px;margin:clamp(56px, 6.4vw, 92px) auto 0;padding:0 clamp(20px, 2.4vw, 40px)}
body .kyr-spalte{display:flex;flex-direction:column;align-items:stretch;gap:clamp(14px, 1.7vw, 26px);width:auto;margin:0;padding:0;will-change:transform}
body .kyr-spalte-mitte{margin-top:clamp(40px, 6vw, 96px)}
body .kyr-spalte:last-child{margin-top:clamp(16px, 2.6vw, 40px)}
body .kyr-spalte-titel{display:inline-block;align-self:flex-start;margin:0;padding:0 0 3px;border-bottom:1px solid var(--gg-gold);font-family:var(--gg-serif);font-size:clamp(23px, 2vw, 29px);font-style:italic;font-weight:400;line-height:1.2;color:var(--gg-gruen);text-decoration:none;transition:color .3s ease, border-color .3s ease}
body .kyr-spalte-titel:hover{color:var(--gg-gold-tief);border-color:var(--gg-gruen)}
body .kyr-tell{display:block;position:relative;width:100%;margin:0;padding:0;overflow:hidden;border-radius:8px;background-color:#2a2015;cursor:zoom-in}
body .kyr-t45{aspect-ratio:4 / 5}
body .kyr-t11{aspect-ratio:1 / 1}
/* Die Spalten enden dadurch etwa auf einer Höhe */
@media (min-width:761px){
  body .kyr-spalte:first-child .kyr-t11{aspect-ratio:4 / 5}
  body .kyr-spalte-mitte .kyr-t11{aspect-ratio:4 / 3}
}
body .kyr-t32{aspect-ratio:3 / 2}
body .kyr-tell-bild{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
html.ky-u-js body .kyr-tell.ky-u-reveal:not(.ist-da) .kyr-tell-bild{transform:scale(1.07)}
@media (hover:hover){body .kyr-tell:hover .kyr-tell-bild{transform:scale(1.035)}}
@media (max-width:760px){
  body .kyr-kueche-kopf{grid-template-columns:minmax(0, 1fr);row-gap:24px}
  body .kyr-teller{display:flex;flex-direction:column;gap:36px;padding:0 var(--gg-rand)}
  body .kyr-spalte, body .kyr-spalte-mitte, body .kyr-spalte:last-child{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-top:0}
  body .kyr-spalte-titel{grid-column:1 / -1;justify-self:start;margin-bottom:4px}
  body .kyr-spalte .kyr-tell{aspect-ratio:1 / 1}
  body .kyr-spalte-mitte .kyr-spalte-titel + .kyr-tell{grid-column:1 / -1;aspect-ratio:4 / 3}
}

/* ---------- Restaurant: Haus, Bildzug läuft beim Scrollen seitlich ---------- */
body .kyr-haus{display:block;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:0;overflow-x:clip}
body .kyr-haus-kopf{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);column-gap:clamp(36px, 6vw, 96px);align-items:end;width:auto;max-width:1312px;margin:0 auto;padding:0 var(--gg-rand)}
body .kyr-haus-kopf .ky-u-text{margin-top:0}
body .kyr-raumleiste{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:auto;max-width:1312px;margin:clamp(30px, 3.6vw, 48px) auto 0;padding:0 var(--gg-rand)}
body .kyr-raumwahl{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px clamp(18px, 2.6vw, 38px);margin:0;padding:0}
body .kyr-raumtab{display:inline-block;margin:0;padding:0 0 5px;border-bottom:1px solid transparent;font-family:var(--gg-serif);font-size:clamp(20px, 1.9vw, 27px);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-leise);text-decoration:none;transition:color .3s ease, border-color .3s ease}
body .kyr-raumtab:hover{color:var(--gg-gruen)}
body .kyr-raumtab.ist-an{border-color:var(--gg-gold);color:var(--gg-gruen)}
body .kyr-pfeile{display:flex;flex-direction:row;gap:8px;margin:0;padding:0}
body .kyr-pfeil{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--gg-gruen);border-radius:999px;background-color:transparent;font-family:var(--gg-sans);font-size:17px;line-height:1;color:var(--gg-gruen);cursor:pointer;transition:background-color .3s ease, color .3s ease}
body .kyr-pfeil:hover{background-color:var(--gg-gruen);color:var(--gg-papier)}
body .kyr-buehne{--dia:min(72vw, 1100px, 108vh);--kante:max(var(--gg-rand), calc((100% - 1312px) / 2 + var(--gg-rand)));display:flex;flex-direction:row;gap:clamp(12px, 1.4vw, 20px);width:100%;max-width:none;margin:clamp(20px, 2.4vw, 32px) 0 0;padding:0 calc(100% - var(--kante) - var(--dia)) 0 var(--kante);scroll-padding-left:var(--kante);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;transition:opacity .35s ease}
body .kyr-buehne::-webkit-scrollbar{display:none}
body .kyr-dia{display:block;flex:0 0 var(--dia);width:var(--dia);margin:0;padding:0;scroll-snap-align:start;scroll-snap-stop:always}
body .kyr-dia-rahmen{display:block;position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:8px;background-color:#2a2015;cursor:zoom-in}
body .kyr-dia-bild{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover}
html.ky-u-js body .kyr-dia{opacity:.42;transition:opacity .6s ease}
html.ky-u-js body .kyr-dia.ist-an{opacity:1}
html.ky-u-js body .kyr-dia:not(.ist-an) .kyr-dia-rahmen{cursor:pointer}
body .kyr-dia .ky-u-bildzeile{margin-top:12px}
html.ky-u-js body .kyr-dia:not(.ist-an) .ky-u-bildzeile{visibility:hidden}
@media (max-width:760px){
  body .kyr-haus-kopf{grid-template-columns:minmax(0, 1fr);row-gap:16px}
  body .kyr-buehne{--dia:84vw}
  body .kyr-pfeile{display:none}
  body .kyr-raumwahl{flex-wrap:nowrap;gap:clamp(12px, 4vw, 20px)}
  body .kyr-raumtab{font-size:clamp(14.5px, 4.2vw, 20px);letter-spacing:.05em}
}

/* ---------- Restaurant: Speisekarte, das Blatt liegt auf Grün ---------- */
body .kyr-karte{display:block;position:relative;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:var(--gg-luft-l) var(--gg-rand);background-color:var(--gg-gruen);scroll-margin-top:60px}
body .kyr-karte-kopf{display:flex;flex-direction:column;align-items:center;max-width:720px;margin:0 auto;padding:0;text-align:center}
body .kyr-karte .ky-u-h2{color:var(--gg-papier)}
body .kyr-karte-zeile{display:block;margin:18px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(21px, 1.8vw, 26px);font-style:italic;font-weight:400;line-height:1.32;color:var(--gg-gerste)}
body .kyr-reiter{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0}
body .kyr-reiter-knopf{display:inline-flex;align-items:center;min-height:40px;padding:11px 20px 10px;border:1px solid rgba(243,237,225,.7);border-radius:999px;background-color:transparent;font-family:var(--gg-sans);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--gg-papier);cursor:pointer;transition:background-color .3s ease, border-color .3s ease, color .3s ease}
body .kyr-reiter-knopf.ist-an, body .kyr-reiter-knopf:hover{border-color:var(--gg-papier);background-color:var(--gg-papier);color:var(--gg-gruen)}
body .kyr-karte-blatt{display:block;position:relative;width:100%;max-width:860px;margin:clamp(32px, 4vw, 52px) auto 0;padding:0}
body .kyr-karte-seite{display:none;width:100%;margin:0;padding:0}
body .kyr-karte-seite.ist-an{display:block}
html.ky-u-js body .kyr-karte-seite.ist-an{animation:kyr-blatt .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes kyr-blatt{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
body .kyr-karte-fuss{display:block;margin:24px auto 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);line-height:1.5;text-align:center;color:rgba(243,237,225,.82)}

/* ---------- Restaurant: Feiern, das Bild wächst beim Scrollen bis zur vollen Breite ---------- */
body .kyr-feier{display:block;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:0;overflow-x:clip}
body .kyr-feier-rahmen{display:block;width:100%;max-width:none;margin:0;padding:0}
body .kyr-feier-flaeche{display:block;position:relative;width:100%;height:clamp(320px, 62vw, 86vh);margin:0;padding:0;overflow:hidden;will-change:transform}
body .kyr-feier-bild{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover}
body .kyr-feier-inhalt{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);column-gap:clamp(36px, 6vw, 96px);width:auto;max-width:1312px;margin:clamp(48px, 5vw, 72px) auto 0;padding:0 var(--gg-rand)}
body .kyr-feier-kopf{display:block;margin:0;padding:0}
body .kyr-feier-anlass{display:block;margin:12px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(22px, 2vw, 28px);font-style:italic;font-weight:400;line-height:1.3;color:var(--gg-leise)}
body .kyr-feier-rechts{display:block;margin:0;padding:0}
body .kyr-feier-rechts .ky-u-text{margin-top:6px}
body .kyr-feier-rechts .ky-u-aktionen{margin-top:26px}
@media (max-width:760px){
  body .kyr-feier-inhalt{grid-template-columns:minmax(0, 1fr);row-gap:24px;margin-top:44px}
  body .kyr-feier-rechts .ky-u-aktionen{margin-top:30px}
}

/* ---------- Museum: Bitte leise ---------- */
body .kym-held{display:block;position:relative;width:100%;max-width:none;height:calc(100svh + 230vh);margin:0;padding:0}
body .kym-buehne{display:block;position:sticky;top:0;width:100%;height:100svh;margin:0;padding:0;overflow:hidden;isolation:isolate;background-color:#080604}
body .kym-welt{--w:max(100vw, calc(100svh * 1.5));display:block;position:absolute;left:50%;top:50%;width:var(--w);max-width:none;height:calc(var(--w) * 2 / 3);margin:calc(var(--w) / -3) 0 0 calc(var(--w) / -2);padding:0;will-change:transform;transform-origin:50% 50%}
body .kym-welt img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0}
body .kym-verlauf{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;margin:0;padding:0;background:linear-gradient(to top, rgba(8,6,4,.92) 0%, rgba(8,6,4,.72) 26%, rgba(8,6,4,0) 58%);opacity:0}
body .kym-start{display:block;position:absolute;left:0;right:0;top:60%;width:auto;max-width:none;margin:0;padding:0 20px;text-align:center;color:var(--gg-papier)}
html.ky-u-js body .kym-start > *{opacity:0;transform:translateY(14px);transition:opacity 1.3s ease .35s, transform 1.5s cubic-bezier(.2,.7,.2,1) .35s}
html.ky-u-js body .kym-held.ist-da .kym-start > *{opacity:1;transform:none}
body .kym-h1{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(34px, 6.6vw, 104px);font-weight:500;line-height:1.06;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-papier)}
body .kym-unter{display:block;margin:10px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(23px, 2.3vw, 34px);font-style:italic;font-weight:400;line-height:1.25;color:var(--gg-gerste)}
body .kym-ende{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:48px;position:absolute;left:var(--gg-rand);right:var(--gg-rand);bottom:clamp(30px, 6.4vh, 68px);width:auto;max-width:none;margin:0;padding:0;opacity:0;visibility:hidden}
body .kym-ende-text{display:block;max-width:600px;margin:0;padding:0}
body .kym-ende-titel{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(30px, 3.1vw, 48px);font-weight:500;line-height:1.1;letter-spacing:.07em;text-transform:uppercase;color:var(--gg-papier)}
body .kym-ende-satz{display:block;margin:12px 0 0;padding:0;font-family:var(--gg-sans);font-size:17px;line-height:1.55;color:rgba(243,237,225,.9)}
body .kym-fakten{display:flex;flex-direction:row;gap:clamp(20px, 3vw, 44px);margin:0;padding:0}
body .kym-fakt{display:block;margin:0;padding:0}
body .kym-fakt dt{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(30px, 3vw, 46px);font-weight:500;line-height:1;font-variant-numeric:lining-nums;color:var(--gg-papier)}
body .kym-fakt dd{display:block;margin:6px 0 0;padding:0;font-family:var(--gg-sans);font-size:13px;line-height:1.3;color:rgba(243,237,225,.82)}
@media (max-width:899px){
  body .kym-ende{flex-direction:column;align-items:flex-start;gap:20px}
  body .kym-fakten{flex-wrap:wrap;gap:14px 24px}
}
html.ky-u-ruhig body .kym-held{height:100svh}
html.ky-u-ruhig body .kym-dunkel, html.ky-u-ruhig body .kym-start{display:none}
html.ky-u-ruhig body .kym-verlauf{opacity:1}
html.ky-u-ruhig body .kym-ende{opacity:1;visibility:visible}
/* Sticky-Bühnen brauchen clip statt hidden */
body.ky-u26.oxygen-aos-enabled{overflow-x:clip}
/* Die Sprungmarken tragen noch ihre alten IDs, seiten.css hängt daran Hintergründe */
body.ky-u26 #section-33-9434{background-color:var(--gg-nacht)}
body.ky-u26 #section-51-9434{background-color:var(--gg-papier)}
body.ky-u26 #section-6-9436{background-color:var(--gg-gruen);text-align:left}
body.ky-u26 #section-101-9436, body.ky-u26 #section-398-9436{background-color:transparent}
body.ky-u26 #section-149-50{background-image:none;background-color:#080604}
body.ky-u26 .ky-speisekarte{background-color:var(--gg-papier);border-radius:8px}
body.ky-u26 .ky-speise-kopf{margin-bottom:clamp(20px, 2.6vw, 34px);font-family:var(--gg-serif);font-size:clamp(25px, 2.5vw, 34px);font-style:normal;font-weight:500;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-gruen)}
body.ky-u26 .ky-speise-zeile{gap:clamp(18px, 3vw, 40px);padding:clamp(13px, 1.3vw, 17px) 0;border-bottom:1px solid rgba(168,120,54,.22)}
body.ky-u26 .ky-speise-zeile:last-child{border-bottom:0}
body.ky-u26 .ky-speise-gericht{gap:3px}
body.ky-u26 .ky-speise-name{font-family:var(--gg-serif);font-size:clamp(21px, 1.9vw, 26px);font-style:normal;font-weight:600;line-height:1.22;color:var(--gg-gruen)}
body.ky-u26 .ky-speise-info{font-family:var(--gg-sans);font-size:clamp(14.5px, 1.1vw, 15.5px);font-style:normal;font-weight:400;line-height:1.5;color:var(--gg-leise)}
body.ky-u26 .ky-speise-preis{font-family:var(--gg-sans);font-size:clamp(15px, 1.15vw, 16.5px);font-style:normal;font-weight:400;line-height:1.5;font-variant-numeric:lining-nums tabular-nums;color:var(--gg-text)}
body.ky-u26 .ky-speise-fuss, body.ky-u26 .ky-speise-pdf{font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);font-style:normal;line-height:1.55;color:var(--gg-leise)}
/* Bewegung reduziert: Bilder stehen beim Text, wie am Handy */
html.ky-u-ruhig body .kyt-raster{display:block;width:auto;margin:44px var(--gg-rand) 0}
html.ky-u-ruhig body .kyt-buehne, html.ky-u-ruhig body .kyt-linie{display:none}
html.ky-u-ruhig body .kyt-schritt{display:block;min-height:0;margin:0 0 56px;padding:0}
html.ky-u-ruhig body .kyt-schritt-bild{display:block;width:100%;max-width:640px;height:auto;aspect-ratio:10 / 11;margin:0 0 24px;border-radius:8px;object-fit:cover}

/* ---------- Museum unter dem Einstieg: das Gewölbe bleibt dunkel bis zum Fuß ---------- */
body.ky-u26{--gg-gewoelbe:#0B0805}
body .kym-nacht{display:block;position:relative;width:100%;max-width:none;margin:0;background-color:var(--gg-gewoelbe)}
body .kym-nacht .ky-u-h2{color:var(--gg-papier)}
body .kym-nacht .ky-u-text{color:rgba(243,237,225,.86)}
body .kym-sammlung{padding:var(--gg-luft-l) max(var(--gg-rand), calc(50% - 656px)) 0}
body .kym-sammlung-kopf{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(36px, 6vw, 96px);align-items:start;margin:0;padding:0}
body .kym-sammlung-kopf .ky-u-text{margin-top:6px}
/* Wörter gehen beim Scrollen an, wie das Licht im Einstieg. Ohne Skript steht der Satz voll da. */
body .kym-licht{display:block;margin:clamp(56px, 7vw, 104px) 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(32px, 4.5vw, 66px);font-weight:400;line-height:1.16;letter-spacing:.005em;color:var(--gg-papier);text-wrap:pretty}
body .kym-wort{transition:opacity .28s linear}
body .kym-exponate{padding:var(--gg-luft-l) max(var(--gg-rand), calc(50% - 656px)) calc(var(--gg-luft-l) + 24px)}
body .kym-exponat{--schild:clamp(280px, 25vw, 360px);display:block;position:relative;width:62%;margin:clamp(72px, 10vw, 148px) 0 0;padding:0}
body .kym-exponate .ky-u-h2 + .kym-exponat{margin-top:clamp(44px, 5vw, 72px)}
body .kym-exponat-rechts{margin-left:auto}
body .kym-exponat-hoch{width:46%;margin-right:8%}
body .kym-exponat-bild{display:block;position:relative;width:100%;margin:0;padding:0;overflow:hidden;aspect-ratio:3 / 2;border-radius:8px;background-color:#000}
body .kym-exponat-hoch .kym-exponat-bild{aspect-ratio:4 / 5}
body .kym-exponat-bild img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;will-change:transform}
body .kym-schatten{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;margin:0;padding:0;background:radial-gradient(ellipse at 50% 44%, rgba(11,8,5,.5) 0%, rgba(11,8,5,.93) 74%);opacity:0;pointer-events:none}
body .kym-schild{display:block;position:absolute;z-index:2;right:calc(var(--schild) * -.62);bottom:clamp(24px, 4vw, 56px);width:var(--schild);margin:0;padding:20px 24px 22px;border-radius:8px;background-color:var(--gg-papier)}
body .kym-exponat-rechts .kym-schild{right:auto;left:calc(var(--schild) * -.62)}
body .kym-schild-titel{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(21px, 1.75vw, 25px);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-gruen)}
body .kym-schild-text{display:block;margin:8px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);line-height:1.55;color:var(--gg-text)}
body .kym-rundgang{padding:0 0 var(--gg-luft-l)}
body .kym-schwenk{display:block;position:relative;width:100%;max-width:none;height:clamp(300px, 74vh, 760px);margin:0;padding:0;overflow:hidden}
body .kym-schwenk-bild{display:block;position:absolute;top:0;left:0;width:128%;height:100%;max-width:none;margin:0;object-fit:cover;will-change:transform}
body .kym-rundgang-text{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(36px, 6vw, 96px);align-items:start;width:auto;max-width:1312px;margin:clamp(44px, 5vw, 72px) auto 0;padding:0 var(--gg-rand)}
body .kym-rundgang-rechts .ky-u-text{margin-top:6px}
/* Schluss: das Unschärfe-Foto, die Überschrift steht hinter dem Glas */
body .kym-glas{--w:max(100vw, calc(max(100svh, 640px) * 1.503));height:100svh;min-height:640px;overflow:hidden;isolation:isolate}
body .kym-glas-welt{display:block;position:absolute;left:50%;top:50%;width:var(--w);max-width:none;height:calc(var(--w) / 1.503);margin:0;padding:0;container-type:inline-size;transform:translate(-50%, -50%)}
body .kym-glas-bild, body .kym-glas-vorn{display:block;position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0}
body .kym-glas-dunkel{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;margin:0;padding:0;background:linear-gradient(90deg, rgba(14,10,6,.3) 0%, rgba(14,10,6,.56) 34%, rgba(14,10,6,.72) 100%)}
body .kym-glas-titel{display:block;position:absolute;left:33cqw;top:15.4cqw;width:auto;margin:0;padding:0;font-family:var(--gg-serif);font-size:5.3cqw;font-weight:500;line-height:1.14;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--gg-papier)}
body .kym-glas-titel span{display:block}
body .kym-glas-titel span:nth-child(2){margin-left:.9cqw}
body .kym-glas-titel span:nth-child(3){margin-left:2.4cqw}
html.ky-u-js body .kym-glas-titel{opacity:0;transform:translate3d(-3cqw, 0, 0);transition:transform 1.7s cubic-bezier(.2,.7,.15,1) .3s, opacity .9s ease .3s}
html.ky-u-js body .kym-glas-vorn{filter:blur(7px);transition:filter 1.5s ease .1s}
html.ky-u-js body .kym-glas-bild{transform:scale(1.035);transition:transform 2.6s cubic-bezier(.2,.7,.2,1)}
html.ky-u-js body .kym-glas-text{opacity:0;transition:opacity 1s ease 1.2s}
html.ky-u-js body .kym-glas.ist-da .kym-glas-titel{opacity:1;transform:none}
html.ky-u-js body .kym-glas.ist-da .kym-glas-vorn{filter:none}
html.ky-u-js body .kym-glas.ist-da .kym-glas-bild{transform:none}
html.ky-u-js body .kym-glas.ist-da .kym-glas-text{opacity:1}
body .kym-glas-text{display:block;position:absolute;left:calc(50vw - .5 * var(--w) + .392 * var(--w));right:var(--gg-rand);top:calc(50% + 6.4vw);max-width:540px;width:auto;margin:0;padding:0}
body .kym-glas-text .ky-u-text{margin:0;font-size:var(--gg-fs-text-m);color:rgba(243,237,225,.9)}
body .kym-glas-text .ky-u-aktionen{margin-top:20px}
@media (max-width:899px){
  body .kym-sammlung-kopf, body .kym-rundgang-text{grid-template-columns:minmax(0, 1fr);row-gap:16px}
  body .kym-exponat, body .kym-exponat-hoch{width:100%;margin-right:0}
  body .kym-exponat-hoch .kym-exponat-bild{aspect-ratio:1 / 1}
  body .kym-schild, body .kym-exponat-rechts .kym-schild{position:relative;right:auto;left:auto;bottom:auto;width:auto;margin:-32px 16px 0}
  body .kym-schwenk{height:58vh}
  body .kym-schwenk-bild{width:230%}
}
@media (max-width:760px), (max-aspect-ratio:11/10){
  body .kym-glas{--w:calc(max(100svh, 640px) * .72 * 1.503);height:auto;min-height:0;padding:calc(var(--w) / 1.503 - 8px) var(--gg-rand) var(--gg-luft-l)}
  body .kym-glas-welt{top:0;left:min(calc(50vw + .242 * var(--w)), calc(.5 * var(--w)));transform:translateX(-50%)}
  body .kym-glas-dunkel{background:linear-gradient(0deg, #0B0805 1%, rgba(11,8,5,0) 16%), linear-gradient(180deg, rgba(14,10,6,.66) 0, rgba(14,10,6,.3) 40%)}
  body .kym-glas-titel{left:25.8cqw;top:4.3cqw;font-size:3.05cqw;line-height:1.12;text-align:center;transform:translateX(-50%)}
  body .kym-glas-titel span:nth-child(n){margin-left:0}
  html.ky-u-js body .kym-glas-titel{transform:translate3d(-50%, 1.2cqw, 0)}
  html.ky-u-js body .kym-glas.ist-da .kym-glas-titel{transform:translate3d(-50%, 0, 0)}
  body .kym-glas-text{position:relative;left:auto;right:auto;top:auto;max-width:none}
}

/* ======================================================================
   Feiern 9925, Anfahrt & Infos 9498, Kontakt 9500 (02.11.2026)
   kyf-* Feiern, kyi-* Infos und die feinen Listen, kyo-* Kontakt.
   ====================================================================== */
/* Einfacher Einstieg: freigestellte Burg, Überschrift, ein Satz */
body .ky-u-burg{display:block;width:clamp(150px, 14vw, 200px);height:auto;aspect-ratio:560 / 327;max-width:none;margin:0 auto 32px}
body .ky-u-kursiv{display:block;margin:14px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(23px, 2.2vw, 30px);font-style:italic;font-weight:400;line-height:1.3;color:var(--gg-leise)}
/* Die alten Sprungmarken tragen Hintergründe aus seiten.css */
body.ky-u26 #section-26-9443, body.ky-u26 #section-410-9443{background-color:transparent}
body.ky-u26 #section-232-9443{background-color:var(--gg-gerste)}

/* Feine Liste: Name links, Wert rechts, die Linie zieht sich beim Einblenden auf */
body .kyi-liste{display:block;width:100%;margin:clamp(24px, 3vw, 36px) 0 0;padding:0}
body .kyi-zeile{display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:24px;align-items:baseline;position:relative;margin:0;padding:15px 0 14px}
body .kyi-zeile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gg-standlinie);transform-origin:0 50%}
html.ky-u-js body .kyi-zeile::after{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.45,0,.2,1) .15s}
html.ky-u-js body .kyi-zeile.ist-da::after{transform:none}
body .kyi-zeile dt{display:block;margin:0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);font-weight:400;line-height:1.4;color:var(--gg-text)}
body .kyi-zeile dd{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(20px, 1.6vw, 23px);font-weight:500;line-height:1.3;text-align:right;font-variant-numeric:lining-nums;color:var(--gg-gruen)}
body .kyi-zeile dd small{display:block;margin:2px 0 0;font-family:var(--gg-sans);font-size:13.5px;font-weight:400;line-height:1.35;color:var(--gg-leise)}
body .kyi-zeile dd a{color:inherit;text-decoration:none}
body .kyi-zeile dd a:hover{color:var(--gg-gold-tief)}

body .kyi-zeiten{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);column-gap:clamp(40px, 7vw, 112px);align-items:start;width:auto;max-width:1312px;margin:var(--gg-luft-l) auto 0;padding:0 var(--gg-rand);scroll-margin-top:90px}
body .kyi-zeiten-text{display:block;margin:0;padding:0}
/* Eine Schrift, eine Größe, die Zeiten auf einer festen Kante. Linie nur unter dem Kopf jedes Blocks. */
body .kyi-block{display:block;margin:clamp(30px, 3.4vw, 44px) 0 0;padding:0}
body .kyi-block-titel{display:block;margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid var(--gg-standlinie);font-family:var(--gg-serif);font-size:clamp(20px, 1.7vw, 24px);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-gruen)}
body .kyi-ruhig{display:block;margin:0;padding:0}
body .kyi-ruhig-zeile{display:grid;grid-template-columns:minmax(0, 13.5em) minmax(0, 1fr);column-gap:20px;align-items:baseline;margin:0;padding:5px 0}
body .kyi-ruhig dt, body .kyi-ruhig dd{display:block;margin:0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);font-weight:400;line-height:1.5;font-variant-numeric:lining-nums;color:var(--gg-text)}
body .kyi-ruhig dd{color:var(--gg-gruen)}
body .kyi-block-klein{display:block;margin:8px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);line-height:1.5;color:var(--gg-leise)}
body .kyi-block-text{display:block;margin:0;padding:5px 0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);line-height:1.5;color:var(--gg-text)}
body .kyi-zeiten-text .ky-u-aktionen{margin-top:clamp(30px, 3.4vw, 44px)}
body .kyi-zeiten-bild{aspect-ratio:4 / 5;border-radius:8px}
body .kyi-adresse{display:block;margin:14px 0 0;padding:0;font-family:var(--gg-serif);font-size:var(--gg-fs-kursiv-s);font-style:italic;line-height:1.35;color:var(--gg-leise)}
body .kyi-urlaub{display:block;grid-column:1 / -1;margin:clamp(32px, 4vw, 52px) 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);line-height:1.6;color:var(--gg-leise)}
body .kyi-urlaub b{font-weight:500;color:var(--gg-text)}
body .kyi-gutscheine{display:block;position:relative;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:var(--gg-luft-l) var(--gg-rand);background-color:var(--gg-gerste);scroll-margin-top:60px}
body .kyi-gutscheine-innen{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(40px, 7vw, 112px);align-items:center;width:auto;max-width:1312px;margin:0 auto;padding:0}
body .kyi-gutscheine-bild{display:block;margin:0;padding:0}
body .kyi-gutschein{display:block;width:100%;height:auto;max-width:520px;margin:0 auto;will-change:transform}
body .kyi-gutscheine-text{display:block;margin:0;padding:0}
body .kyi-gutscheine-text .ky-u-text{margin-top:18px}
body .kyi-klein{display:block;margin:20px 0 0;padding:0;font-family:var(--gg-serif);font-size:18px;font-style:italic;font-weight:400;line-height:1.42;color:var(--gg-leise)}
body .kyi-klein a{color:var(--gg-gold-tief);text-decoration:underline;text-underline-offset:3px}
body .kyi-betten{display:block;width:auto;max-width:1312px;margin:var(--gg-luft-l) auto 0;padding:0 var(--gg-rand);scroll-margin-top:90px}
/* Übernachtung einspaltig (05.11.2026): Kopf mittig, Häuser untereinander wie ein Verzeichnis, Reihenfolge = Rang, Weg rechts auf der Namenszeile */
body .kyi-betten-kopf{display:block;max-width:44em;margin:0 auto;padding:0;text-align:center}
body .kyi-betten-text{display:block;margin:0;padding:0}
body .kyi-betten-text .ky-u-text{max-width:36em;margin:24px auto 0}
body .kyi-betten-kopf .kyi-klein{max-width:34em;margin:16px auto 0}
body .kyi-haeuser{display:block;list-style:none;width:100%;max-width:880px;margin:clamp(44px, 5vw, 68px) auto 0;padding:0;border-top:1px solid var(--gg-standlinie);counter-reset:kyi-haus}
body .kyi-haus{display:grid;grid-template-columns:clamp(44px, 4vw, 56px) minmax(0, 1fr) auto;column-gap:clamp(16px, 2vw, 26px);align-items:baseline;margin:0;padding:clamp(24px, 2.4vw, 30px) 0 clamp(26px, 2.6vw, 32px);border-bottom:1px solid var(--gg-standlinie);counter-increment:kyi-haus}
body .kyi-haus::before{content:counter(kyi-haus, decimal-leading-zero);grid-column:1;grid-row:1;font-family:var(--gg-serif);font-size:clamp(30px, 2.5vw, 36px);font-weight:400;line-height:1;font-variant-numeric:lining-nums tabular-nums;color:var(--gg-gold)}
body .kyi-haus-name{grid-column:2;grid-row:1;display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(23px, 1.9vw, 27px);font-weight:500;line-height:1.2;color:var(--gg-gruen);text-wrap:balance}
body .kyi-haus-ort, body .kyi-haus-kontakt{grid-column:2;display:block;margin:0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);line-height:1.6;color:var(--gg-leise)}
body .kyi-haus-ort{grid-row:2;margin-top:10px}
body .kyi-haus-kontakt{grid-row:3}
body .kyi-haus-link{display:inline;white-space:nowrap}
body .kyi-haus-link + .kyi-haus-link::before{content:"·";margin:0 .55em;color:var(--gg-gold)}
body .kyi-haus-kontakt a{color:inherit;text-decoration:none;transition:color .2s}
body .kyi-haus-kontakt a:hover{color:var(--gg-gold-tief)}
body .kyi-haus-weg{grid-column:3;grid-row:1;display:block;margin:0;padding:0;font-family:'Tenor Sans', 'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif;font-size:12.5px;font-weight:400;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;text-align:right;white-space:nowrap;color:var(--gg-gold-tief)}
body .ky-u-schluss-text{margin-top:14px;max-width:34em;text-align:center}
body .ky-u-schluss-klein{display:block;max-width:40em;margin:24px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-s);line-height:1.55;color:var(--gg-leise)}
@media (max-width:899px){
  body .kyi-zeiten, body .kyi-gutscheine-innen, body .kyi-betten{grid-template-columns:minmax(0, 1fr);row-gap:40px}
  body .kyi-zeiten-bild{aspect-ratio:4 / 3}
  body .kyi-urlaub{margin-top:0}
  body .kyi-ruhig-zeile{grid-template-columns:minmax(0, 11em) minmax(0, 1fr)}
  body .kyi-gutschein{max-width:400px}
}
@media (max-width:700px){
  body .kyi-haus{grid-template-columns:40px minmax(0, 1fr);column-gap:14px;padding:22px 0 24px}
  body .kyi-haus::before{font-size:28px}
  body .kyi-haus-weg{grid-column:2;grid-row:4;margin-top:12px;text-align:left;white-space:normal}
}

/* ---------- Feiern: sieben Räume als Bildstreifen, beim Scrollen geht einer nach dem anderen auf ---------- */
body .kyk-feier{--gross:5.5vw;--schleier:linear-gradient(90deg, rgba(24,14,7,.5), rgba(24,14,7,0) 70%)}
body .kyk-feier .kyk-bild{object-position:40% 50%}
body .kyk-feier .kyk-zeile{font-size:clamp(21px, 1.9vw, 27px)}
body .kyk-feier .kyk-h1{top:38%}
body .kyf-raeume{display:block;position:relative;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:0 var(--gg-rand);scroll-margin-top:30px}
body .kyf-buehne{display:block;margin:0;padding:0}
body .kyf-titel{margin:0 0 clamp(24px, 3vw, 36px)}
body .kyf-band{display:block;margin:0;padding:0}
body .kyf-raum{display:block;position:relative;margin:0 0 44px;padding:0}
body .kyf-raum:last-child{margin-bottom:0}
body .kyf-bild{display:block;width:100%;height:auto;aspect-ratio:4 / 3;max-width:none;margin:0 0 18px;border-radius:8px;object-fit:cover}
body .kyf-griff{display:none}
body .kyf-text{display:block;margin:0;padding:0}
body .kyf-name{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(28px, 2.6vw, 38px);font-weight:500;line-height:1.14;letter-spacing:.07em;text-transform:uppercase;color:var(--gg-gruen)}
body .kyf-gaeste{display:block;margin:8px 0 0;padding:0;font-family:var(--gg-serif);font-size:clamp(22px, 1.9vw, 27px);font-style:italic;font-weight:400;line-height:1.25;color:var(--gg-gold-tief)}
body .kyf-satz{display:block;max-width:34em;margin:10px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);line-height:1.6;color:var(--gg-text)}
body .kyf-hinweis{display:block;max-width:36em;margin:8px 0 0;padding:0;font-family:var(--gg-sans);font-size:14.5px;line-height:1.5;color:var(--gg-leise)}
@media (min-width:900px){
  html.ky-u-js body .kyf-raeume{height:calc(100vh + 7 * 52vh);padding:0}
  html.ky-u-js body .kyf-buehne{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:clamp(28px, 4.6vh, 48px) 0 clamp(18px, 3vh, 28px)}
  html.ky-u-js body .kyf-titel{flex:none;margin:0 var(--gg-rand) clamp(16px, 2.4vh, 26px)}
  html.ky-u-js body .kyf-band{display:flex;flex-direction:row;flex:1 1 auto;gap:4px;min-height:0;width:100%}
  html.ky-u-js body .kyf-raum{flex:1 1 0;min-width:0;height:100%;margin:0;overflow:hidden;background-color:#1c120a;transition:flex-grow .85s cubic-bezier(.65,0,.2,1)}
  html.ky-u-js body .kyf-raum.ist-offen{flex-grow:8}
  html.ky-u-js body .kyf-bild{position:absolute;top:0;left:50%;width:60vw;height:100%;aspect-ratio:auto;margin:0 0 0 -30vw;border-radius:0}
  html.ky-u-js body .kyf-raum::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg, rgba(14,11,7,.84) 0%, rgba(14,11,7,.3) 44%, rgba(14,11,7,.12) 100%);pointer-events:none}
  html.ky-u-js body .kyf-griff{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;text-decoration:none;cursor:pointer;transition:opacity .4s ease}
  html.ky-u-js body .kyf-griff span{display:block;position:absolute;left:50%;bottom:26px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-family:var(--gg-serif);font-size:clamp(19px, 1.5vw, 22px);font-weight:500;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--gg-papier)}
  html.ky-u-js body .kyf-raum.ist-offen .kyf-griff{opacity:0;pointer-events:none}
  html.ky-u-js body .kyf-text{position:absolute;left:clamp(24px, 2.8vw, 40px);bottom:clamp(22px, 3.4vh, 36px);z-index:2;width:min(520px, 46vw);opacity:0;transform:translate3d(0, 12px, 0);transition:opacity .25s ease, transform .25s ease;pointer-events:none}
  html.ky-u-js body .kyf-raum.ist-offen .kyf-text{opacity:1;transform:none;transition:opacity .6s ease .4s, transform .8s cubic-bezier(.2,.7,.2,1) .4s}
  html.ky-u-js body .kyf-name{color:var(--gg-papier)}
  html.ky-u-js body .kyf-gaeste{color:var(--gg-gerste)}
  html.ky-u-js body .kyf-satz{color:rgba(243,237,225,.92)}
  html.ky-u-js body .kyf-hinweis{color:rgba(243,237,225,.74)}
}
body .kyf-mehr{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(40px, 7vw, 112px);align-items:start;width:auto;max-width:1312px;margin:var(--gg-luft-l) auto 0;padding:0 var(--gg-rand)}
body .kyf-mehr .ky-u-text{margin-top:18px}
body .kyf-mehr-kopf{position:sticky;top:calc(var(--kyh-h, 84px) + 32px);margin:0;padding:0}
body .kyf-mehr-kopf .ky-u-aktionen{margin-top:26px}
body .kyf-mehr .kyi-zeile dd a{display:inline-block;padding:0 0 1px;border-bottom:1px solid var(--gg-gold);color:var(--gg-gruen);white-space:nowrap}
body .kyf-mehr .kyi-liste{margin-top:0}
body .kyf-mehr .kyi-zeile{grid-template-columns:minmax(0, 1fr)}
body .kyf-mehr .kyi-liste{border-top:1px solid var(--gg-standlinie)}
body .kyf-mehr .kyi-zeile{padding:20px 0 19px}
body .kyf-mehr .kyi-zeile dt{font-family:var(--gg-serif);font-size:clamp(21px, 1.75vw, 25px);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-gruen)}
body .kyf-mehr .kyi-zeile dd{margin-top:6px;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);font-weight:400;line-height:1.6;text-align:left;color:var(--gg-text)}
@media (max-width:899px){
  body .kyf-mehr{grid-template-columns:minmax(0, 1fr);row-gap:28px}
  body .kyf-mehr-kopf{position:static}
}
@media (max-width:760px), (max-aspect-ratio:11/10){
  body .kyk-feier{--gross:7.9vw;--schleier:linear-gradient(0deg, rgba(14,11,7,.9) 10%, rgba(14,11,7,0) 72%)}
  body .kyk-feier .kyk-h1{top:var(--kante)}
}

/* Impressionen: frei angeordnet wie im GIGI-Entwurf, unter 900 px untereinander */
body .kyf-impressionen{display:block;width:100%;max-width:none;margin:var(--gg-luft-l) 0 var(--gg-luft-l);padding:0}
body .kyf-impressionen-kopf{display:block;width:auto;max-width:720px;margin:0 auto;padding:0 var(--gg-rand);text-align:center}
body .kyf-impressionen-kopf .ky-u-text{margin:18px auto 0}
body .kyf-fluss{display:grid;grid-template-columns:minmax(0, 680fr) minmax(0, 122fr) minmax(0, 558fr);width:auto;max-width:1440px;margin:clamp(48px, 5vw, 72px) auto 0;padding:0 var(--gg-rand)}
body .kyf-f{display:block;margin:0;padding:0}
body .kyf-f-bild{display:block;position:relative;width:100%;overflow:hidden;border-radius:8px;background-color:#2a2015;cursor:zoom-in}
body .kyf-f-img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
html.ky-u-js body .kyf-f.ky-u-reveal:not(.ist-da) .kyf-f-img{transform:scale(1.07)}
@media (hover:hover){body .kyf-f-bild:hover .kyf-f-img{transform:scale(1.03)}}
body .kyf-f-zeile{display:block;margin:10px 0 0;padding:0;font-family:var(--gg-sans);font-size:13px;line-height:1.4;letter-spacing:.02em;color:var(--gg-leise)}
body .kyf-f1{grid-column:1 / 2;grid-row:1}
body .kyf-f1 .kyf-f-bild{aspect-ratio:680 / 500}
body .kyf-f2{grid-column:3 / 4;grid-row:1 / span 2;margin-top:clamp(90px, 11vw, 170px)}
body .kyf-f2 .kyf-f-bild{aspect-ratio:558 / 700}
body .kyf-f3{grid-column:1 / 2;grid-row:2 / span 2;width:65%;justify-self:end;margin-top:clamp(48px, 6vw, 96px)}
body .kyf-f3 .kyf-f-bild{aspect-ratio:441 / 532}
body .kyf-f4{grid-column:3 / 4;grid-row:3;margin-top:clamp(48px, 7vw, 110px)}
body .kyf-f4 .kyf-f-bild{aspect-ratio:558 / 420}
body .kyf-f5{grid-column:1 / 4;grid-row:4;width:81.6%;justify-self:center;margin-top:clamp(72px, 9vw, 136px)}
body .kyf-f5 .kyf-f-bild{aspect-ratio:1112 / 560}
@media (max-width:899px){
  body .kyf-fluss{display:flex;flex-direction:column;gap:20px}
  body .kyf-f{width:100%;margin:0}
  body .kyf-f2{width:84%}
  body .kyf-f3{width:74%;align-self:flex-end}
  body .kyf-f5 .kyf-f-bild{aspect-ratio:4 / 3}
}

/* ---------- Große Ansicht für Fotos ---------- */
html.ky-gross-auf, html.ky-gross-auf body{overflow:hidden}
body .ky-bild-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;margin:0;padding:clamp(52px, 6vh, 72px) clamp(12px, 5vw, 84px) clamp(16px, 3vh, 32px);background-color:rgba(14,11,7,.95);opacity:0;visibility:hidden;transition:opacity .28s ease, visibility 0s linear .28s}
body .ky-bild-box.ist-auf{opacity:1;visibility:visible;transition:opacity .28s ease, visibility 0s linear 0s}
body .ky-bild-gross{display:block;flex:0 1 auto;min-height:0;width:auto;height:auto;max-width:100%;max-height:calc(100% - 44px);margin:0;border-radius:6px;object-fit:contain}
body .ky-bild-zeile{display:flex;flex:none;gap:16px;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(17px, 1.5vw, 20px);font-style:italic;line-height:1.35;text-align:center;color:rgba(243,237,225,.92)}
body .ky-bild-knopf{display:inline-flex;align-items:center;justify-content:center;position:absolute;width:48px;height:48px;margin:0;padding:0;border:1px solid rgba(243,237,225,.5);border-radius:999px;background-color:rgba(14,11,7,.5);font-family:var(--gg-sans);font-size:18px;line-height:1;color:var(--gg-papier);cursor:pointer;transition:background-color .25s ease, color .25s ease}
body .ky-bild-knopf:hover{background-color:var(--gg-papier);color:var(--gg-gruen)}
body .ky-bild-zu{top:12px;right:12px}
body .ky-bild-vor{top:50%;left:12px;transform:translateY(-50%)}
body .ky-bild-nach{top:50%;right:12px;transform:translateY(-50%)}
@media (max-width:760px){
  body .ky-bild-vor, body .ky-bild-nach{top:auto;bottom:10px;transform:none}
  body .ky-bild-box{padding-bottom:72px}
}

/* ---------- Kontakt ---------- */
body .kyo-daten{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(40px, 7vw, 112px);align-items:start;width:auto;max-width:1312px;margin:clamp(56px, 6.4vw, 92px) auto 0;padding:0 var(--gg-rand)}
body .kyo-links{display:block;margin:0;padding:0}
body .kyo-links .kyi-liste{margin-top:0}
body .kyo-karte{display:block;width:100%;margin:0;padding:0}
body .kyo-karte .ky-karte-platz{width:100%;aspect-ratio:4 / 3;border:0;border-radius:8px;background-color:var(--gg-gerste)}
body .kyo-karte .ky-karte-titel{font-family:var(--gg-serif);color:var(--gg-gruen)}
body .kyo-karte .ky-karte-text{font-family:var(--gg-sans);font-weight:400;color:var(--gg-text)}
body .kyo-karte .ky-karte-knopf{border-radius:999px;background-color:var(--gg-gruen);color:var(--gg-papier);font-family:var(--gg-sans);font-weight:500;letter-spacing:.09em;text-transform:uppercase}
body .kyo-formular{display:block;position:relative;width:100%;max-width:none;margin:var(--gg-luft-l) 0 0;padding:var(--gg-luft-l) var(--gg-rand);background-color:var(--gg-gerste)}
body .kyo-formular-innen{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(40px, 7vw, 112px);align-items:start;width:auto;max-width:1312px;margin:0 auto;padding:0}
body .kyo-formular-kopf{display:block;margin:0;padding:0}
body .kyo-formular-feld{display:block;width:100%;margin:0;padding:0}
@media (max-width:899px){
  body .kyo-daten, body .kyo-formular-innen{grid-template-columns:minmax(0, 1fr);row-gap:36px}
}
html.ky-u-ruhig body .kyf-griff{display:none}

/* Kontaktformular in der Schrift der Seite, Knopf wie alle anderen */
body .kyo-formular-feld :is(label, input, textarea, .ff-el-form-check-label, .ff-el-form-check-label span){font-family:var(--gg-sans)}
@media (max-width:760px), (max-aspect-ratio:11/10){
  body .kyk-feier{--gross:7.1vw}
}

/* ---------- Reservierungsregelungen, Impressum, Datenschutz: nur Einstieg, Ton und Schrift, Texte unverändert ---------- */
body.ky-u26:is(.page-id-10059, .page-id-9735, .page-id-9737) section{background-color:transparent}
body.ky-u26:is(.page-id-10059, .page-id-9735, .page-id-9737) .ct-section-inner-wrap{padding-top:clamp(40px, 5vw, 72px)}
body.ky-u26:is(.page-id-10059, .page-id-9735, .page-id-9737) :is(section .oxy-text, section p):not(.ky-u-h1, .ky-u-text){font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);font-weight:400;line-height:1.66;color:var(--gg-text)}
body.ky-u26:is(.page-id-10059, .page-id-9735, .page-id-9737) section :is(h2, h3):not(.ky-u-h1){font-family:var(--gg-serif);font-size:clamp(23px, 2vw, 29px);font-weight:500;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:var(--gg-gruen);text-wrap:balance}
/* Datenschutz 9737 (05.11.2026, eRecht24-Text): Kapitel (h2) und Unterpunkte (h3) unterscheidbar. Die Regel darüber für .oxy-text
   schlägt sonst auch die Überschriften auf Fließtextgröße. Rückweg: diese fünf Zeilen löschen. */
body.ky-u26.page-id-9737 section h2.ky-h2:not(.ky-u-h1){font-family:var(--gg-serif);font-size:clamp(23px, 2vw, 29px);font-weight:500;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:var(--gg-gruen)}
body.ky-u26.page-id-9737 section h3.ky-h3:not(.ky-u-h1){font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--gg-gruen)}
body.ky-u26.page-id-9737 section ul.ky-dse-liste{margin:0;padding-left:1.2em;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);line-height:1.66;color:var(--gg-text)}
body.ky-u26.page-id-9737 section p.ky-dse-klein:not(.ky-u-h1){font-size:15px}
body.ky-u26.page-id-9737 section p a{color:var(--gg-gruen);text-decoration:underline;text-underline-offset:.15em;overflow-wrap:anywhere}

/* ---------- Knöpfe in Tenor Sans (05.11.2026, Alecs Wahl nach Cinzel): gleiche Pille, Versalien in der Optima-artigen Tenor Sans,
   damit die Pillen weder nach Gigis Franklin noch nach Jost aussehen. Fließtext bleibt Jost. Rückweg: Block löschen, dann gilt wieder Jost. ---------- */
body .ky-st-pille, body .ky-u-knopf, body .ky-u-knopf-linie, body .ky-u-knopf-gruen, body .ky-u-knopf-gruen-linie, body .kyr-reiter-knopf, body .kyo-karte .ky-karte-knopf{font-family:'Tenor Sans', 'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif;font-weight:400;letter-spacing:.1em;text-transform:uppercase}
body .ky-st-pille, body .ky-u-knopf-gruen, body .ky-u-knopf-gruen-linie, body .kyr-reiter-knopf, body .kyo-karte .ky-karte-knopf{font-size:13.5px}
body .ky-u-knopf, body .ky-u-knopf-linie{font-size:14px}
@media (max-width:899px){
  body .ky-st-pille{font-size:12.5px;letter-spacing:.07em}
}

/* ---------- Restaurant: Spaltentitel der Küche mittig über jedem Gang (05.11.2026, Alecs Wunsch, vorher linksbündig). Rückweg: Block löschen. ---------- */
body .kyr-spalte-titel{align-self:center;text-align:center}
@media (max-width:760px){
  body .kyr-spalte-titel{justify-self:center}
}

/* ---------- Info: Gutschein-Bild (KI-Montage) bis zur Klärung raus, Text allein in einer Spalte (05.11.2026 abends). Rückweg: Block löschen und Container 514 aus Option ky_backup_oxygen_data_9498_2026_11_05_ki zurückholen. ---------- */
body .kyi-gutscheine-innen{grid-template-columns:minmax(0, 1fr)}
body .kyi-gutscheine-text{max-width:760px}