/* ======================================================================
   Kyrburg · Startseite 2026 (Seite 9873, ab 31.10.2026)
   Basis bleibt die alte Startseite. Neu sind der Scroll-Hero, die Schriften
   aus dem GIGI-Entwurf (Cormorant Garamond + Jost), die Terminliste und die
   fünf Punkte mit Bilderreihe. Lädt nur auf dieser Seite.
   Quelle: outputs/Kunden/kyrburg/startseite-2026-10-31/
   ====================================================================== */
/* Die @font-face für Kyrburg Jost steht seit dem 03.11.2026 in assets/schriften.css (Ladezeit A4).
   bau.py setzt beim Bauen die Ersatzschriften in die Stapel --gg-serif und --gg-sans (SCHRIFT_STAPEL). */

body.page-id-9873{
  --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-eintrag:24px;
  --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-luft-l:clamp(88px, 11.6vw, 168px);
  --kyh-papier:var(--gg-papier);
  background-color:var(--gg-papier);
}

/* ---------- Hero: Der Name hinter der Burg ----------
   Himmel, Name, Spruch und Hügel teilen ein Koordinatensystem: Die Szene hat das Seitenverhältnis des Fotos
   und deckt den Schirm ab. Das Skript setzt pro Bild nur transform und opacity. Der Abend liegt als fertiges Bild
   über dem Tag, deshalb keine Filter und keine Mischmodi, die bei jedem Scrollschritt neu gerechnet würden.
   Ohne Skript oder bei „Bewegung reduzieren“ bleibt es beim ersten Bild und ohne Pinnen. */
body .ky-st-hero{display:block;position:relative;width:100%;max-width:none;height:100vh;height:100svh;margin:0;padding:0;background-color:#c9d9ea}
html.ky-st-an body .ky-st-hero{height:240vh}
body .ky-st-buehne{display:block;position:sticky;top:0;width:100%;height:100vh;height:100svh;margin:0;padding:0;overflow:hidden;background-color:#c9d9ea;contain:layout paint}
body .ky-st-szene{display:block;position:absolute;left:50%;top:50%;width:max(100vw, calc(100svh * 1.7778));max-width:none;aspect-ratio:2048 / 1152;margin:0;padding:0;transform:translate(var(--st-szene-x, -50%), -50%)}
body .ky-st-szene img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;margin:0}
body .ky-st-himmel{display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:0;padding:0;transform-origin:50% 62%;will-change:transform}
body .ky-st-huegel{display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:0;padding:0;transform-origin:50% 100%;will-change:transform}
body .ky-st-szene .ky-st-himmel-abend, body .ky-st-szene .ky-st-huegel-abend{opacity:0;will-change:opacity}
body .ky-st-wort{display:flex;flex-direction:row;gap:.04em;position:absolute;left:var(--st-wort-x, 50%);top:17%;margin:0;padding:0;font-family:var(--gg-serif);font-size:15.5vw;font-weight:500;line-height:.8;letter-spacing:.02em;text-transform:none;color:var(--gg-gruen);white-space:nowrap;transform:translate3d(-50%, 0, 0);will-change:transform}
body .ky-st-wort span{display:block}
/* Der Spruch steigt dort hinter dem Grat auf, wo der Name versunken ist. Solange er wartet, bleibt er
   unsichtbar, sonst schimmert helle Schrift durch die Lücken der Baumkante. */
body .ky-st-claim{display:block;position:absolute;left:var(--st-wort-x, 50%);top:17%;width:min(90vw, 1100px);margin:0;padding:0;text-align:center;color:var(--gg-papier);opacity:0;transform:translate3d(-50%, 30vh, 0);will-change:transform, opacity}
body .ky-st-claim-haupt{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(48px, 6.6vw, 108px);font-weight:500;line-height:1;letter-spacing:0;color:var(--gg-papier);text-shadow:0 3px 28px rgba(14,18,36,.35)}
body .ky-st-claim-unter{display:block;margin:22px 0 0;padding:0;font-family:var(--gg-sans);font-size:clamp(16px, 1.25vw, 19px);font-weight:500;line-height:1.3;letter-spacing:.03em;color:rgba(248,244,236,.92);text-shadow:0 2px 14px rgba(14,18,36,.4);opacity:0;will-change:transform, opacity}
/* Nach dem Hero braucht die Grafikkarte die Ebenen nicht mehr */
html:not(.ky-st-im-hero) body .ky-st-szene{visibility:hidden}

/* Kopf im Hero: bleibt stehen und durchsichtig, Logo und Striche wechseln mit der Dämmerung von dunkel auf hell. */
html.ky-st-im-hero:not(.ky-nav-open) body .kyh-header, html.ky-st-im-hero:not(.ky-nav-open) body .kyh-header.is-solid{background-color:transparent;box-shadow:none}
html.ky-st-im-hero:not(.ky-nav-open) body .kyh-header.is-hidden{transform:none}
html.ky-st-im-hero:not(.ky-nav-open) body .kyh-logo img{transition:none}
html.ky-st-im-hero:not(.ky-nav-open) body .kyh-burger span{background-color:#1C1814}
html.ky-st-im-hero:not(.ky-nav-open) body .kyh-header.ky-st-abend .kyh-burger span{background-color:#F3EDE1}

/* Pillen oben mittig wie im GIGI-Entwurf: im Hero hell, danach grün in 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)}
html.ky-st-im-hero body .ky-st-pille{border-color:transparent;background-color:rgba(248,244,236,.94);color:var(--gg-gruen)}
html.ky-st-im-hero body .ky-st-pille:hover{background-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 die Pillen 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}
}
/* Unter 768 px nur Logo und Striche: Bei 560 px lagen die Pillen über dem Logo, bei 600 px blieben 30 px Luft.
   Tisch reservieren, Tastings und Feiern liegen im Menü. */
@media (max-width:767px){
  body .ky-st-pillen{display:none}
}

/* ---------- GIGI-Kern: automatisch aus gg.css und seiten/start.css, siehe bau.py ---------- */
body.page-id-9873{--gg-papier:#F3EDE1;--gg-gerste:#E7DCC6;--gg-kupfer:#D2A585;--gg-gruen:#11370B;--gg-text:#34452F;--gg-leise:#4A5645;--gg-gold:#A87836;--gg-gold-tief:#8A5F25;--gg-gold-hell:#C89A55;--gg-gold-satt:#76501B;--gg-nacht:#14100B;--gg-standlinie:rgba(168,120,54,.55);--gg-standlinie-hell:rgba(200,154,85,.62);--gg-linie-innen:rgba(168,120,54,.32);--gg-linie-knopf:rgba(168,120,54,.45);--gg-unterlinie:rgba(17,55,11,.6);--gg-fs-text:17.5px;--gg-fs-text-m:16.5px;--gg-fs-text-s:15.5px;--gg-fs-label:13.5px;--gg-fs-label-s:12.5px;--gg-fs-kursiv:22px;--gg-fs-kursiv-s:18px;--gg-fs-eintrag:24px;--gg-breite-buehne:1112px;--gg-breite-liste:880px;--gg-breite-schmal:720px;--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-s:clamp(72px, 8.4vw, 120px);--gg-luft-m:clamp(80px, 9.8vw, 140px);--gg-luft-l:clamp(96px, 11.7vw, 168px);--gg-sl-luft:clamp(88px, 10vw, 144px);--gg-sockel:clamp(22px, 2.4vw, 34px);--gg-bank:0px;--gg-grund:#F3EDE1}
body.page-id-9873 .ky-gg-seite{--gg-papier:#F3EDE1;--gg-gerste:#E7DCC6;--gg-kupfer:#D2A585;--gg-gruen:#11370B;--gg-text:#34452F;--gg-leise:#4A5645;--gg-gold:#A87836;--gg-gold-tief:#8A5F25;--gg-gold-hell:#C89A55;--gg-gold-satt:#76501B;--gg-nacht:#14100B;--gg-standlinie:rgba(168,120,54,.55);--gg-standlinie-hell:rgba(200,154,85,.62);--gg-linie-innen:rgba(168,120,54,.32);--gg-linie-knopf:rgba(168,120,54,.45);--gg-unterlinie:rgba(17,55,11,.6);--gg-fs-text:17.5px;--gg-fs-text-m:16.5px;--gg-fs-text-s:15.5px;--gg-fs-label:13.5px;--gg-fs-label-s:12.5px;--gg-fs-kursiv:22px;--gg-fs-kursiv-s:18px;--gg-fs-eintrag:24px;--gg-breite-buehne:1112px;--gg-breite-liste:880px;--gg-breite-schmal:720px;--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-s:clamp(72px, 8.4vw, 120px);--gg-luft-m:clamp(80px, 9.8vw, 140px);--gg-luft-l:clamp(96px, 11.7vw, 168px);--gg-sl-luft:clamp(88px, 10vw, 144px);--gg-sockel:clamp(22px, 2.4vw, 34px);--gg-bank:0px;--gg-grund:#F3EDE1;display:block;position:relative;width:100%;margin:0;padding:0;background-color:var(--gg-papier);color:var(--gg-text);font-family:var(--gg-sans);overflow-x:clip}
body.page-id-9873 .ky-gg-schmal{display:flex;flex-direction:column;align-items:center;width:auto;max-width:720px;margin:0 auto;padding:0 var(--gg-rand);text-align:center;box-sizing:content-box}
body.page-id-9873 .ky-gg-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.page-id-9873 .ky-gg-feld-titel{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.page-id-9873 .ky-gg-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.page-id-9873 .ky-gg-wert{display:block;margin:20px 0 0;padding:0;font-family:var(--gg-sans);font-size:var(--gg-fs-label);font-weight:500;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--gg-gold-tief);font-variant-numeric:lining-nums tabular-nums}
body.page-id-9873 .ky-gg-aktionen{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:14px 16px;margin:32px 0 0;padding:0}
body.page-id-9873 .ky-gg-etikett{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;background-color:var(--gg-gruen);color:var(--gg-papier);font-family:var(--gg-sans);font-size:13.5px;font-weight:500;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;outline:0}
body.page-id-9873 .ky-gg-textlink{display:inline-block;position:relative;margin:26px 0 0;padding:0 0 3px;border-bottom:1px solid var(--gg-gold);font-family:var(--gg-sans);font-size:var(--gg-fs-label);font-weight:500;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;color:var(--gg-gruen);text-decoration:none}
body.page-id-9873 .ky-gg-bild{display:block;width:100%;height:100%;margin:0;object-fit:cover}
body.page-id-9873 .ky-gg-bild-rechts{object-position:86% 50%}
body.page-id-9873 .ky-gg-intro{display:block;position:relative;width:100%;margin:0;padding:var(--gg-luft-l) 0;overflow:visible}
body.page-id-9873 .ky-gg-buehne{display:block;position:relative;width:auto;max-width:var(--gg-breite-buehne);margin:0 auto;padding:0;overflow:hidden;aspect-ratio:16 / 10}
body.page-id-9873 .ky-gg-collage{display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);column-gap:clamp(40px, 7vw, 104px);align-items:center;width:auto;max-width:1440px;margin:0 auto;padding:var(--gg-luft-l) var(--gg-rand);box-sizing:border-box}
body.page-id-9873 .ky-gg-collage-bilder{display:block;position:relative;margin:0;padding:0;aspect-ratio:1000 / 860}
body.page-id-9873 .ky-gg-collage-a{display:block;position:absolute;top:0;left:0;width:74%;margin:0;padding:0;overflow:hidden;aspect-ratio:4 / 3}
body.page-id-9873 .ky-gg-collage-b{display:block;position:absolute;right:0;bottom:0;width:43%;margin:0;padding:0;overflow:hidden;aspect-ratio:4 / 5}
body.page-id-9873 .ky-gg-collage-text{display:block;margin:0;padding:0}
body.page-id-9873 #ky-hl-slot{display:block;position:relative;width:100%;margin:clamp(64px, 7vw, 104px) 0 0;padding:0}
body.page-id-9873 .ky-gg-seite *, body.page-id-9873 .ky-gg-seite *::before, body.page-id-9873 .ky-gg-seite *::after{box-sizing:border-box}
body.page-id-9873 .ky-gg-seite ::selection{background:var(--gg-kupfer);color:var(--gg-gruen)}
body.page-id-9873 .ky-gg-schmal{box-sizing:content-box}
body.page-id-9873 .ky-gg-seite a{-webkit-tap-highlight-color:transparent}
body.page-id-9873 .ky-gg-seite img{max-width:none}
body.page-id-9873 .ky-gg-seite [data-anker]{scroll-margin-top:110px}
body.page-id-9873 .ky-gg-text a{color:inherit;text-decoration:underline;text-decoration-color:var(--gg-gold);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s ease}
body.page-id-9873 .ky-gg-text a:hover{color:var(--gg-gold-tief)}
body.page-id-9873 .ky-gg-schmal .ky-gg-text{margin-left:auto;margin-right:auto}
body.page-id-9873 .ky-gg-schmal .ky-gg-aktionen{justify-content:center}
body.page-id-9873 .ky-gg-aktionen .ky-gg-textlink{margin-top:0;margin-left:12px}
body.page-id-9873 .ky-gg-aktionen .ky-gg-textlink:first-child{margin-left:0}
body.page-id-9873 .ky-gg-feld-titel + .ky-gg-text{margin-top:30px}
body.page-id-9873 .ky-gg-feld-titel + .ky-gg-wert{margin-top:18px}
body.page-id-9873 .ky-gg-wert + .ky-gg-text{margin-top:22px}
body.page-id-9873 .ky-gg-etikett{transition:background-color .35s ease, color .35s ease, border-color .35s ease, outline-color .35s ease}
body.page-id-9873 .ky-gg-etikett:hover{background-color:var(--gg-gold-tief);border-color:var(--gg-gold-tief);outline-color:rgba(248,244,236,.5)}
body.page-id-9873 .ky-gg-seite a:not([class]):focus-visible{outline:2px solid var(--gg-gold-tief);outline-offset:3px}
body.page-id-9873 .ky-gg-etikett:focus-visible{box-shadow:0 0 0 2px var(--gg-grund), 0 0 0 3.5px var(--gg-gold-tief)}
body.page-id-9873 .ky-gg-textlink{transition:color .3s ease, border-color .3s ease}
body.page-id-9873 .ky-gg-textlink:hover{color:var(--gg-gold-tief);border-color:var(--gg-gruen)}
body.page-id-9873 .ky-gg-textlink:focus-visible{outline:2px solid var(--gg-gold-tief);outline-offset:4px}
body.page-id-9873 .ky-gg-textlink::before{content:"";position:absolute;left:-6px;right:-6px;top:-15px;bottom:-9px}
body.page-id-9873 .ky-gg-intro .ky-gg-text{max-width:37em}
body.page-id-9873 .ky-gg-buehne-auf-linie{display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:clamp(40px, 6.1vw, 88px);align-items:end;position:relative;width:auto;margin:clamp(64px, 7.2vw, 104px) var(--gg-buehne-rand) 0;padding:0}
body.page-id-9873 .ky-gg-buehne-auf-linie::after{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;bottom:-1px;height:1px;background:var(--gg-standlinie);transform-origin:100% 50%;pointer-events:none}
body.page-id-9873 .ky-gg-buehne-auf-linie > .ky-gg-buehne{grid-column:1;grid-row:1;width:auto;max-width:none;margin:0;aspect-ratio:16 / 10}
body.page-id-9873 .ky-gg-buehne{margin-left:var(--gg-buehne-rand);margin-right:var(--gg-buehne-rand)}
body.page-id-9873 .ky-gg-buehne .ky-gg-bild{transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
body.page-id-9873 .ky-gg-collage-text > .ky-gg-feld-titel:first-child{text-box:trim-start cap alphabetic}
body.page-id-9873 .ky-gg-collage-a .ky-gg-bild, body.page-id-9873 .ky-gg-collage-b .ky-gg-bild{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
body.page-id-9873 .ky-gg-collage-b{z-index:1;box-shadow:0 0 0 clamp(6px, .8vw, 12px) var(--gg-grund)}
body.page-id-9873 .ky-gg-collage-text .ky-gg-text{max-width:30em}
body.page-id-9873 #ky-hl-slot:empty{display:none}
body.page-id-9873 #ky-hl-slot{padding:0}
body.page-id-9873 #ky-hl-slot::after{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;bottom:-1px;height:1px;background:var(--gg-standlinie);pointer-events:none}
body.page-id-9873 #ky-hl-slot .ky-hl-karte, body.page-id-9873 #ky-hl-slot .ky-hl-karte:hover{position:relative !important;height:auto !important;overflow:visible !important;clip-path:none !important;pointer-events:auto !important;display:flex !important;flex-direction:row;align-items:flex-end;gap:0;width:auto;max-width:none;margin:0 var(--gg-buehne-rand) !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;transform:none !important}
body.page-id-9873 #ky-hl-slot .ky-hl-bild{flex:0 0 58.5%;width:58.5% !important;max-width:none !important;height:auto !important;min-height:0 !important;aspect-ratio:7 / 5;margin:0 !important;object-fit:cover;border-radius:0 !important;box-shadow:none !important;transform:none !important}
body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-bild{flex-basis:32%;width:32% !important;aspect-ratio:auto;object-fit:contain;padding:0 !important;background:transparent !important;outline:0}
body.page-id-9873 #ky-hl-slot .ky-hl-inhalt{display:flex !important;flex-direction:column;align-items:flex-start;align-self:flex-start;flex:1 1 auto;min-width:0;margin:0 !important;padding:0 0 clamp(40px, 5vw, 72px) 6.2% !important;background:transparent !important;text-align:left !important}
body.page-id-9873 #ky-hl-slot .ky-hl-inhalt::before{content:none !important}
body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-inhalt{padding-left:8% !important}
body.page-id-9873 #ky-hl-slot .ky-hl-label{display:none !important}
body.page-id-9873 #ky-hl-slot .ky-hl-titel{display:block;order:2;margin:0 !important;font-family:var(--gg-serif) !important;font-size:clamp(32px, 3.6vw, 52px) !important;font-weight:500 !important;font-style:normal !important;line-height:1.1 !important;letter-spacing:.07em !important;text-transform:uppercase !important;color:var(--gg-gruen) !important;text-wrap:balance;text-box:trim-start cap alphabetic}
body.page-id-9873 #ky-hl-slot .ky-hl-datum{display:block;order:3;margin:22px 0 0 !important;font-family:var(--gg-serif) !important;font-size:22px !important;font-style:italic !important;font-weight:400 !important;line-height:1.36 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--gg-gruen) !important;font-variant-numeric:lining-nums}
body.page-id-9873 #ky-hl-slot .ky-hl-text{order:4;display:block;margin:24px 0 0 !important;max-width:30em !important;font-family:var(--gg-sans) !important;font-size:17.5px !important;font-weight:400 !important;line-height:1.66 !important;color:var(--gg-text) !important;text-wrap:pretty}
body.page-id-9873 #ky-hl-slot .oxy-text-9504-273{display:none !important}
body.page-id-9873 #ky-hl-slot .ky-hl-mehr{order:5;display:inline-flex !important;align-items:center;min-height:40px;margin:30px 0 0 !important;padding:11px 20px 10px !important;border:1px solid var(--gg-gruen) !important;border-radius:999px !important;background:transparent !important;color:var(--gg-gruen) !important;font-family:var(--gg-sans) !important;font-size:13.5px !important;font-weight:500 !important;line-height:1.2 !important;letter-spacing:.07em !important;text-transform:uppercase !important;text-decoration:none !important;outline:0;transition:background-color .35s ease, color .35s ease}
body.page-id-9873 #ky-hl-slot .ky-hl-mehr::after{content:none !important}
body.page-id-9873 #ky-hl-slot .ky-hl-mehr:hover{background:var(--gg-gruen) !important;color:var(--gg-papier) !important;outline-color:var(--gg-gold-hell)}
body.page-id-9873 #ky-hl-slot .ky-hl-mehr:focus-visible{box-shadow:0 0 0 2px var(--gg-papier), 0 0 0 3.5px var(--gg-gold-tief) !important}
html.ky-gg-js body.page-id-9873 .ky-gg-reveal{opacity:0;transform:translateY(22px);transition:opacity 1s ease, transform 1.1s cubic-bezier(.2,.7,.2,1)}
html.ky-gg-js body.page-id-9873 .ky-gg-reveal.ist-da{opacity:1;transform:none}
html.ky-gg-js body.page-id-9873 .ky-gg-buehne .ky-gg-bild, html.ky-gg-js body.page-id-9873 .ky-gg-collage-a .ky-gg-bild, html.ky-gg-js body.page-id-9873 .ky-gg-collage-b .ky-gg-bild{transform:scale(1.07)}
html.ky-gg-js body.page-id-9873 .ky-gg-buehne.ist-da .ky-gg-bild, html.ky-gg-js body.page-id-9873 .ky-gg-collage.ist-da .ky-gg-bild{transform:none}
html.ky-gg-js body.page-id-9873 .ky-gg-buehne-auf-linie::after{transform:scaleX(0);transition:transform .8s cubic-bezier(.45,0,.2,1)}
html.ky-gg-js body.page-id-9873 .ky-gg-buehne-auf-linie.ist-da::after{transform:none}
@media (max-width:1100px){body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-bild{flex-basis:36%;width:36% !important}}
@media (max-width:1100px){body.page-id-9873 .ky-gg-collage{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}
@media (max-width:860px){body.page-id-9873 .ky-gg-buehne{aspect-ratio:4 / 3}}
@media (max-width:860px){body.page-id-9873 .ky-gg-collage{grid-template-columns:minmax(0, 1fr);row-gap:56px}}
@media (max-width:699px){body.page-id-9873 .ky-gg-etikett, body.page-id-9873 #ky-hl-slot .ky-hl-mehr{min-height:44px !important}}
@media (max-width:699px){body.page-id-9873 #ky-hl-slot .ky-hl-karte, body.page-id-9873 #ky-hl-slot .ky-hl-karte:hover{flex-direction:column !important;align-items:stretch !important;margin:0 var(--gg-rand) !important}}
@media (max-width:699px){body.page-id-9873 #ky-hl-slot .ky-hl-inhalt, body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-inhalt{order:1;align-self:stretch;padding:0 0 40px !important}}
@media (max-width:699px){body.page-id-9873 #ky-hl-slot .ky-hl-bild, body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-bild{order:2;flex:0 0 auto;width:100% !important}}
@media (max-width:699px){body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-bild{width:74% !important;align-self:center}}
@media (max-width:699px){body.page-id-9873 .ky-gg-buehne-auf-linie{column-gap:16px;margin:48px var(--gg-rand) 0}}
@media (max-width:699px){body.page-id-9873 .ky-gg-buehne-auf-linie > .ky-gg-buehne{aspect-ratio:4 / 5}}
@media (max-width:699px){body.page-id-9873 .ky-gg-collage-bilder{aspect-ratio:1000 / 900}}
@media (max-width:480px){body.page-id-9873 .ky-gg-feld-titel, body.page-id-9873 #ky-hl-slot .ky-hl-titel{font-size:30px !important;letter-spacing:.06em !important}}
@media (max-width:480px){body.page-id-9873 .ky-gg-etikett{padding-left:20px;padding-right:20px}}
@media (prefers-reduced-motion:reduce){body.page-id-9873 .ky-gg-bild{transition:none !important}}
body.page-id-9873 .ky-gg-start .ky-gg-intro + .ky-gg-buehne-auf-linie{margin-top:0}
body.page-id-9873 .ky-gg-start .ky-gg-intro + .ky-gg-buehne-auf-linie::after{content:none}
body.page-id-9873 #ky-hl-slot{display:block;padding:0}
body.page-id-9873 #ky-hl-slot::after{content:none}
body.page-id-9873 #ky-hl-slot:not(:has(.ky-hl-karte)), body.page-id-9873 #ky-hl-slot.ist-vorbei{display:none}
body.page-id-9873 #ky-hl-slot .ky-hl-karte, body.page-id-9873 #ky-hl-slot .ky-hl-karte:hover{display:grid !important;grid-template-columns:minmax(0, 640px) auto;column-gap:56px;justify-content:center;align-items:center;margin:0 var(--gg-rand) !important}
body.page-id-9873 #ky-hl-slot .ky-hl-inhalt{grid-column:1;grid-row:1;position:relative;z-index:0;align-self:center;padding:64px 40px 64px 0 !important}
body.page-id-9873 #ky-hl-slot .ky-hl-inhalt::before{content:"" !important;position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-184px;background:var(--gg-gerste);pointer-events:none}
body.page-id-9873 #ky-hl-slot .ky-hl-bild{display:block !important;grid-column:2;grid-row:1;position:relative;z-index:1;flex:none;width:auto !important;height:auto !important;max-width:560px !important;max-height:420px;aspect-ratio:auto;object-fit:contain}
@media (max-width:1100px){body.page-id-9873 #ky-hl-slot .ky-hl-karte, body.page-id-9873 #ky-hl-slot .ky-hl-karte:hover{grid-template-columns:minmax(0, 1fr) auto;column-gap:44px}}
@media (max-width:1100px){body.page-id-9873 #ky-hl-slot .ky-hl-inhalt{padding:48px 28px 48px 0 !important}}
@media (max-width:1100px){body.page-id-9873 #ky-hl-slot .ky-hl-inhalt::before{right:-144px}}
@media (max-width:1100px){body.page-id-9873 #ky-hl-slot .ky-hl-bild{max-width:340px !important;max-height:340px}}
@media (max-width:767px){body.page-id-9873 #ky-hl-slot .ky-hl-karte, body.page-id-9873 #ky-hl-slot .ky-hl-karte:hover{grid-template-columns:minmax(0, 1fr);row-gap:0}}
@media (max-width:767px){body.page-id-9873 #ky-hl-slot .ky-hl-bild{grid-column:1;grid-row:1;justify-self:end;width:100% !important;max-width:100% !important;max-height:none;margin:0 0 -40px !important}}
@media (max-width:767px){body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-bild{width:74% !important;max-width:74% !important}}
@media (max-width:767px){body.page-id-9873 #ky-hl-slot .ky-hl-inhalt{grid-column:1;grid-row:2;padding:72px 22px 36px 0 !important}}
@media (max-width:767px){body.page-id-9873 #ky-hl-slot .ky-hl-inhalt::before{right:0}}
body.page-id-9873 .ky-gg-start .ky-gg-aktionen .ky-gg-textlink{margin-left:0}

/* ---------- Schriften wie im GIGI-Entwurf: Überschriften Cormorant in Versalien, Fließtext und Beschriftung Jost ---------- */
body.page-id-9873 #oxy-main :is(.ky2-h2, .ky-harmony-heading, .ky-h2-hell){font-family:var(--gg-serif) !important;font-size:clamp(32px, 3.6vw, 52px) !important;font-weight:500 !important;font-style:normal !important;line-height:1.1 !important;letter-spacing:.07em !important;text-transform:uppercase !important;text-wrap:balance}
body.page-id-9873 #oxy-main :is(.ky2-h2, .ky-harmony-heading){color:var(--gg-gruen) !important}
/* Eine Stufe kleiner als die übrigen Titel, damit „Whisky-Museum“ in die Textspalte neben der Collage passt. */
body.page-id-9873 #oxy-main .ky-h2-hell{color:var(--gg-papier) !important;font-size:clamp(30px, 3.2vw, 46px) !important}
body.page-id-9873 #oxy-main :is(.ky2-body, .ky-harmony-body, .ky-p-hell){font-family:var(--gg-sans) !important;font-size:var(--gg-fs-text) !important;font-weight:400 !important;line-height:1.66 !important;letter-spacing:0 !important}
body.page-id-9873 #oxy-main :is(.ky2-body, .ky-harmony-body){color:var(--gg-text) !important}
body.page-id-9873 #oxy-main .ky-p-hell{color:rgba(248,244,236,.9) !important}
body.page-id-9873 #oxy-main .ky2-note{font-family:var(--gg-sans) !important;font-size:var(--gg-fs-text-s) !important;font-style:normal !important;font-weight:400 !important;line-height:1.6 !important;color:var(--gg-leise) !important}
body.page-id-9873 #oxy-main :is(.ky2-kicker, .ky-kicker-hell){font-family:var(--gg-sans) !important;font-size:var(--gg-fs-label) !important;font-weight:500 !important;font-style:normal !important;line-height:1.5 !important;letter-spacing:.09em !important;text-transform:uppercase !important}
body.page-id-9873 #oxy-main .ky2-kicker{color:var(--gg-gold-tief) !important}
body.page-id-9873 #oxy-main .ky-kicker-hell{color:var(--gg-gold-hell) !important}
body.page-id-9873 #oxy-main :is(.ky-btn-gold, .ky2-btn, .ky2-link, .ky-textlink-hell, .ky-harmony-link, #link_button-967-90, #link_button-966-90){font-family:var(--gg-sans) !important;font-size:var(--gg-fs-label) !important;font-weight:500 !important;font-style:normal !important;line-height:1.3 !important;letter-spacing:.09em !important;text-transform:uppercase !important}

/* ---------- Aktuell: Highlight, dann Terminliste ---------- */
body.page-id-9873 #aktuell-neu{display:block;position:relative;width:100%;max-width:none;margin:0;padding:var(--gg-luft-l) 0 !important;background-color:var(--gg-papier);overflow-x:clip}
body.page-id-9873 #aktuell-neu > .ky-harmony-program-head{display:flex;flex-direction:column;align-items:center;width:auto;max-width:720px;margin:0 auto;padding:0 var(--gg-rand);text-align:center;box-sizing:content-box}
body.page-id-9873 #aktuell-neu .ky-harmony-body{margin:28px 0 0;max-width:36em}
body.page-id-9873 #ky-harmony-dates{display:flex;flex-direction:column;align-items:center;width:auto;max-width:980px;margin:clamp(96px, 10vw, 150px) auto 0;padding:0 var(--gg-rand);box-sizing:content-box}
body.page-id-9873 #ky-harmony-dates > .ky-harmony-dates-label{display:block;margin:0 0 40px;padding:0;font-family:var(--gg-serif) !important;font-size:clamp(32px, 3.6vw, 52px) !important;font-weight:500 !important;line-height:1.1 !important;letter-spacing:.07em !important;text-align:center;text-transform:uppercase !important;color:var(--gg-gruen) !important}
body.page-id-9873 #ky-harmony-dates > .oxy-shortcode{display:block;width:100%}
body.page-id-9873 #ky-harmony-dates .ktf-feed{width:100%;max-width:none}
body.page-id-9873 #ky-harmony-dates .ktf-event__date .m{width:auto !important;max-width:none !important;white-space:nowrap}
body.page-id-9873 #aktuell-neu > .ky-harmony-dates-end{display:flex;justify-content:center;width:100%;margin:40px 0 0;padding:0 var(--gg-rand)}
body.page-id-9873 #aktuell-neu .ky-harmony-link{display:inline-flex !important;align-items:center;justify-content:center;min-height:40px;margin:0;padding:11px 20px 10px !important;border:1px solid var(--gg-gruen) !important;border-radius:999px;background-color:transparent;color:var(--gg-gruen) !important;letter-spacing:.07em !important;line-height:1.2 !important;text-decoration:none;white-space:nowrap;transition:background-color .35s ease, color .35s ease}
body.page-id-9873 #aktuell-neu .ky-harmony-link:hover{background-color:var(--gg-gruen);color:var(--gg-papier) !important}
body.page-id-9873 #aktuell-neu .ky-harmony-link::after{content:none}
/* „Whisky-Museum“ bricht nicht am Bindestrich, in Versalien läse sich das wie eine Silbentrennung. */
body .ky-st-ganz{white-space:nowrap}
/* Ohne aktuelles Highlight rückt die Liste an die Überschrift, der zweite große Titel entfällt. */
body.page-id-9873 #aktuell-neu:not(:has(.ky-hl-karte)) #ky-harmony-dates{margin-top:clamp(24px, 2.2vw, 32px)}
body.page-id-9873 #aktuell-neu:not(:has(.ky-hl-karte)) .ky-harmony-dates-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Whisky-Museum: bleibt das grüne Band, Bildsprache wie die GIGI-Collage ----------
   Zwei eckige Bilder, das kleinere überlappt mit Rand in Bandfarbe. Gespiegelt zur Restaurant-Collage darunter:
   hier großes Bild rechts oben, dort links oben. */
body.page-id-9873 #whisky{display:block;position:relative;width:100%;min-height:0;margin:0;padding:var(--gg-luft-l) 0 !important;background-color:var(--gg-gruen);overflow:hidden}
body.page-id-9873 #whisky .ky-innen{display:block;width:auto;max-width:none;margin:0 var(--gg-buehne-rand);padding:0}
body.page-id-9873 #whisky .ky-split-weit{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:clamp(40px, 6.1vw, 88px);align-items:center;width:100%;height:auto;margin:0;padding:0}
body.page-id-9873 #whisky .ky-split-text{display:block;margin:0;padding:0}
body.page-id-9873 #whisky .ky-h2-hell{margin:0}
body.page-id-9873 #oxy-main #whisky .ky-kicker-hell{display:block;margin:22px 0 0;padding:0;font-family:var(--gg-serif) !important;font-size:22px !important;font-style:italic !important;font-weight:400 !important;line-height:1.36 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--gg-gold-hell) !important;font-variant-numeric:lining-nums}
body.page-id-9873 #whisky .ky-p-hell{margin:28px 0 0;max-width:36em}
body.page-id-9873 #whisky .ky-btn-reihe{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:14px 28px;margin:32px 0 0;padding:0}
body.page-id-9873 #oxy-main #whisky .ky-btn-gold{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:11px 20px 10px !important;border:1px solid var(--gg-papier) !important;border-radius:999px;background-color:var(--gg-papier) !important;background-image:none;box-shadow:none;color:var(--gg-gruen) !important;line-height:1.2 !important;letter-spacing:.07em !important;text-decoration:none;white-space:nowrap;transition:background-color .35s ease, border-color .35s ease}
body.page-id-9873 #oxy-main #whisky .ky-btn-gold:hover{background-color:var(--gg-gold-hell) !important;border-color:var(--gg-gold-hell) !important;transform:none}
body.page-id-9873 #oxy-main #whisky .ky-textlink-hell{display:inline-block;margin:0;padding:0 0 3px;border:0;border-bottom:1px solid var(--gg-gold-hell);color:var(--gg-papier) !important;text-decoration:none;background:none}
body.page-id-9873 #oxy-main #whisky .ky-textlink-hell:hover{color:var(--gg-gold-hell) !important;border-color:var(--gg-papier)}
body.page-id-9873 #whisky .ky-collage{display:block;position:relative;width:100%;height:auto;margin:0;padding:0;aspect-ratio:1000 / 900}
body.page-id-9873 #whisky .ky-collage img{position:absolute;margin:0;max-width:none;object-fit:cover;opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;box-shadow:none;border-radius:0}
body.page-id-9873 #whisky .ky-collage .ky-collage-gross{top:0;right:0;left:auto;width:76%;height:auto;aspect-ratio:4 / 3;object-position:50% 45%}
body.page-id-9873 #whisky .ky-collage .ky-collage-klein{left:0;right:auto;bottom:0;z-index:1;width:43%;height:auto;aspect-ratio:4 / 5;border-radius:0;box-shadow:0 0 0 clamp(6px, .8vw, 12px) var(--gg-gruen)}
/* Eingang der zwei Collage-Bilder, seit 03.11.2026 statt der Oxygen-Eingangsanimation (GSAP und ScrollTrigger von unpkg.com).
   Von der alten Einstellung „slideUp 44 px, 0,9 s“ war nie etwas zu sehen: Die Regel „.ky-collage img“ oben hält opacity und transform
   mit !important fest. Sichtbar war nur das Erscheinen. Das bleibt so: Jedes Bild ist unsichtbar, bis seine Oberkante 120 px über
   dem unteren Fensterrand steht (startseite-2026.js setzt dann .ist-da), das kleine erscheint 0,24 s nach seinem Punkt (gemessen,
   Oxygen rechnete die Verzögerung doppelt). Ohne JS, bei „Bewegung reduzieren“ und nach dem 2,5-s-Ausweichpfad fehlt ky-gg-js,
   dann sind beide sofort da. Im Oxygen-Builder (.builder-element) bleiben sie sichtbar und anklickbar, wie es entrance.css vorsah. */
html.ky-gg-js body.page-id-9873 #whisky .ky-collage img:not(.ist-da):not(.builder-element){visibility:hidden}
html.ky-gg-js body.page-id-9873 #whisky .ky-collage .ky-collage-klein.ist-da{transition:visibility 0s linear .24s !important}
@media (prefers-reduced-motion:reduce){html.ky-gg-js body.page-id-9873 #whisky .ky-collage img{visibility:visible}}
@media (max-width:860px){
  body.page-id-9873 #whisky .ky-innen{margin:0 var(--gg-rand)}
  body.page-id-9873 #whisky .ky-split-weit{grid-template-columns:minmax(0, 1fr);row-gap:56px}
}

/* ---------- Tal-Bild ohne Objekt daneben: volle Bühnenbreite ---------- */
body.page-id-9873 .ky-gg-buehne-auf-linie{grid-template-columns:minmax(0, 1fr)}

/* ---------- Signet: rechts neben der Überschrift, rechte Kante auf der Bildachse ---------- */
body.page-id-9873 .ky-gg-intro .ky-gg-signet{position:absolute;top:calc(var(--gg-luft-l) - 8px);right:var(--gg-buehne-rand);width:clamp(150px, 13vw, 190px);height:auto;margin:0;opacity:.95}
@media (max-width:1100px){
  body.page-id-9873 .ky-gg-intro .ky-gg-signet{position:relative;top:auto;right:auto;width:150px;margin:0 var(--gg-rand) 32px auto}
}

/* Highlight am Handy: Das Bild steht über der Fläche und behält sein Seitenverhältnis. Ohne feste Form
   wächst die erste Grid-Zeile auf 1500 px. Hochformat-Flyer bleiben über .ist-plakat ungeschnitten. */
@media (max-width:767px){
  body.page-id-9873 #ky-hl-slot:not(.ist-plakat) .ky-hl-bild{aspect-ratio:5 / 4;object-fit:cover;align-self:start}
  body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-bild{aspect-ratio:3 / 4;object-fit:contain;align-self:start}
}

/* ---------- Fünf Punkte mit Glas und Gutscheinen (Form aus dem GIGI-Entwurf) ---------- */
body .ky-st-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body .ky-st-infos{--st-infos-pt:0px;--st-glas:clamp(186px, 15.6vw, 226px);display:block;position:relative;width:100%;max-width:none;margin:0;padding:var(--st-infos-pt) 0 var(--gg-luft-l);background-color:var(--gg-papier)}
@media (min-width:1280px){body .ky-st-infos{--st-infos-pt:clamp(56px, 5vw, 72px)}}
body .ky-st-raster{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:64px 48px;width:auto;max-width:1120px;margin:0 auto;padding:0 var(--gg-rand)}
body .ky-st-raster-zwei{grid-template-columns:repeat(2, minmax(0, 1fr));max-width:760px;margin-top:88px}
body .ky-st-info{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;text-align:center}
body .ky-st-info-titel{display:block;margin:0;padding:0;font-family:var(--gg-serif);font-size:clamp(22px, 1.9vw, 27px);font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-gruen)}
body .ky-st-info-text{display:block;margin:20px 0 28px;padding:0;max-width:22em;font-family:var(--gg-sans);font-size:var(--gg-fs-text-m);font-weight:400;line-height:1.7;color:var(--gg-text);text-wrap:pretty}
body .ky-st-info-text a{color:inherit;text-decoration:none}
body .ky-st-info-text a:hover{text-decoration:underline;text-decoration-color:var(--gg-gold);text-underline-offset:3px}
body .ky-st-textlink{display:inline-block;margin:auto 0 0;padding:0 0 3px;border-bottom:1px solid var(--gg-gold);font-family:var(--gg-sans);font-size:var(--gg-fs-label);font-weight:500;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;color:var(--gg-gruen);text-decoration:none;transition:color .3s ease, border-color .3s ease}
body .ky-st-textlink:hover{color:var(--gg-gold-tief);border-color:var(--gg-gruen)}
body .ky-st-infos-oben{display:block;position:absolute;top:calc(var(--st-infos-pt) + .895 * clamp(22px, 1.9vw, 27px) - var(--st-glas));right:var(--gg-rand);width:clamp(170px, 13.5vw, 196px);margin:0;padding:0}
body .ky-st-bord{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;position:relative;width:100%;margin:0;padding:0 18px}
body .ky-st-glas{display:block;width:auto;height:var(--st-glas);max-width:none;margin:0}
body .ky-st-infos-unten{display:block;position:absolute;left:var(--gg-rand);bottom:calc(var(--gg-luft-l) - 24px);margin:0;padding:0}
body .ky-st-gutscheine{display:block;width:clamp(200px, 17vw, 250px);height:auto;max-width:none;margin:0}
@media (min-width:1280px) and (max-width:1439px){
  body .ky-st-infos-oben{width:calc(60vw - 668px)}
  body .ky-st-bord{padding:0 14px}
}
@media (max-width:1279px){
  body .ky-st-infos-oben, body .ky-st-infos-unten{position:relative;top:auto;right:auto;left:auto;bottom:auto}
  body .ky-st-infos-oben{width:clamp(180px, 30vw, 240px);margin:0 var(--gg-rand) 56px auto}
  body .ky-st-infos-unten{display:flex;justify-content:center;margin:72px auto 0}
}
/* Handy: je zwei mittig nebeneinander, Glas oben mittig, Übernachten und die Gutscheine einzeln in der Mitte */
@media (max-width:767px){
  body .ky-st-infos{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:44px clamp(16px, 5.4vw, 40px);padding:0 var(--gg-rand) var(--gg-luft-l)}
  body .ky-st-raster, body .ky-st-raster-zwei{display:contents}
  body .ky-st-infos-oben{grid-column:1 / -1;width:auto;margin:0 0 -12px}
  body .ky-st-bord{justify-content:center;padding:0}
  body .ky-st-glas{height:clamp(129px, 37.2vw, 174px)}
  body .ky-st-raster-zwei .ky-st-info:last-child{grid-column:1 / -1}
  body .ky-st-infos-unten{display:flex;justify-content:center;grid-column:1 / -1;margin:0}
  body .ky-st-gutscheine{width:clamp(170px, 52vw, 230px)}
  body .ky-st-info-titel{font-size:clamp(14px, 4.2vw, 22px);letter-spacing:.05em}
  body .ky-st-info-text{margin:10px 0 16px;font-size:clamp(13.5px, 3.75vw, 16.5px);line-height:1.55}
  body .ky-st-textlink{font-size:clamp(10.5px, 3vw, 13.5px);letter-spacing:.06em}
}
/* Die Tagesnamen gekürzt, damit jede Öffnungszeit in eine Zeile der schmalen Spalte passt */
@media (max-width:559px){
  body .ky-st-lang{display:none}
}
@media (max-width:359px){
  body .ky-st-textlink{letter-spacing:.02em}
}

/* ---------- Bilderreihe: vier Bilder, darunter Luft bis zum Footer ---------- */
body .ky-st-reihe{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:32px;position:relative;width:auto;max-width:1440px;margin:0 auto;padding:0 var(--gg-rand) var(--gg-luft-s);background-color:var(--gg-papier)}
body .ky-st-reihe-bild{display:block;position:relative;margin:0;padding:0;overflow:hidden;aspect-ratio:316 / 375}
body .ky-st-reihe-bild 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)}
body .ky-st-reihe-bild:hover img{transform:scale(1.035)}
@media (max-width:767px){
  body .ky-st-reihe{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}
}

/* ---------- Popups: Titel bleiben Cormorant, alles andere Jost wie auf der Seite ---------- */
body.page-id-9873 :is(.kyp-modal, .ktf-modal) :not(h1, h2, h3, h4, .kyp-modal__close, .kyp-modal__close *){font-family:var(--gg-sans) !important}

/* Der Fuß hat eine eigene Grundfarbe, auf der Startseite läuft er im Seitenton */
body.page-id-9873 #section-273-121{background-color:var(--gg-papier) !important}

/* ---------- Handy ---------- */
@media (max-width:760px){
  /* Etwas breiter als der Schirm, damit der verschobene Ausschnitt keinen Rand frei lässt */
  body .ky-st-szene{--st-szene-x:-42%;--st-wort-x:42%;width:max(125vw, calc(100svh * 1.7778))}
  /* Der Name bleibt auch am Handy einzeilig, sonst steht die zweite Zeile hinter dem Berg */
  body .ky-st-wort{top:max(18%, calc(var(--kyh-h) + 36px));font-size:17.4vw}
  body .ky-st-claim{top:15%}
  body .ky-st-claim-haupt{max-width:300px;margin:0 auto;font-size:38px;line-height:1.02}
  body .ky-st-claim-unter{margin-top:10px;font-size:14px}
}
/* Auf kleinen Tablets hält der Name Abstand zur Kopfzeile */
@media (min-width:761px) and (max-width:899px){
  body .ky-st-wort{top:max(17%, calc(var(--kyh-h) + 48px))}
}

@media (prefers-reduced-motion:reduce){
  body .ky-st-reihe-bild img{transition:none}
}

/* ---------- Highlight am Handy: Bild und Gerste sind eine Karte auf der Seitenkante, die Fläche läuft nicht mehr von links herein ---------- */
@media (max-width:767px){
  body.page-id-9873 #ky-hl-slot .ky-hl-bild{justify-self:stretch;margin:0 !important}
  body.page-id-9873 #ky-hl-slot .ky-hl-inhalt, body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-inhalt{padding:28px 24px 32px !important}
  body.page-id-9873 #ky-hl-slot .ky-hl-inhalt::before{left:0;right:0}
  body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-bild{justify-self:center;margin:24px 0 0 !important}
  body.page-id-9873 #ky-hl-slot.ist-plakat .ky-hl-karte{background-color:var(--gg-gerste) !important}
}

/* ---------- Restaurant am Handy: erst der Text, dann die Bilder, wie beim Museum darüber ---------- */
@media (max-width:860px){
  body.page-id-9873 .ky-gg-collage-text{order:1}
  body.page-id-9873 .ky-gg-collage-bilder{order:2}
}

/* ---------- Terminzeilen am Handy: Tag und Zeit nebeneinander, Preis und Reservieren auf einer Zeile unter dem Titel.
   Feste Datumsspalte, damit die Titel aller Zeilen auf einer Kante stehen. ---------- */
@media (max-width:699px){
  body.page-id-9873 #ky-harmony-dates .ktf-event{grid-template-columns:clamp(92px, 27vw, 112px) minmax(0, 1fr) !important;gap:9px 14px !important;padding:21px 2px !important}
  body.page-id-9873 #ky-harmony-dates .ktf-event:hover{padding-left:2px !important}
  body.page-id-9873 #ky-harmony-dates .ktf-event__date{grid-column:1;grid-row:1 / span 2;grid-template-columns:auto 1fr !important;column-gap:7px !important;align-items:center !important;align-self:center}
  body.page-id-9873 #ky-harmony-dates .ktf-event__date .d{grid-row:1 / span 2;font-size:clamp(30px, 8.6vw, 38px) !important}
  body.page-id-9873 #ky-harmony-dates .ktf-event__date .m{align-self:end;font-size:clamp(13.5px, 3.7vw, 16px) !important}
  body.page-id-9873 #ky-harmony-dates .ktf-event__date .ky-gg-zeit{grid-column:2;align-self:start;font-size:clamp(11px, 3vw, 13px);letter-spacing:.03em}
  body.page-id-9873 #ky-harmony-dates .ktf-event__main, body.page-id-9873 #ky-harmony-dates .ktf-event__head{display:contents !important}
  body.page-id-9873 #ky-harmony-dates .ktf-event__head h4{grid-column:2;grid-row:1;font-size:clamp(18px, 5.2vw, 22px) !important;line-height:1.15 !important;hyphens:manual}
  body.page-id-9873 #ky-harmony-dates .ktf-event__cost{grid-column:2;grid-row:2;align-self:center;justify-self:start;font-size:clamp(13px, 3.6vw, 15.5px) !important}
  body.page-id-9873 #ky-harmony-dates .ktf-event__cta{grid-column:2 !important;grid-row:2;align-self:center;justify-self:end;margin:0 !important;gap:8px !important;min-width:0}
  body.page-id-9873 #ky-harmony-dates .ktf-event__cta .ktf-tag-free{padding:0 !important;font-size:clamp(10px, 2.8vw, 12px) !important;letter-spacing:.05em !important}
  body.page-id-9873 #ky-harmony-dates .ktf-event__cta .ktf-link{padding:0 0 2px !important;font-size:clamp(11px, 3.1vw, 13.5px) !important;letter-spacing:.07em !important}
}

/* ---------- 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.page-id-9873 .ky-gg-etikett{font-family:'Tenor Sans', 'Kyrburg Jost', 'Kyrburg Jost Ersatz', 'Helvetica Neue', Arial, sans-serif;font-weight:400;letter-spacing:.1em;text-transform:uppercase}
body .ky-st-pille{font-size:13.5px}
body.page-id-9873 .ky-gg-etikett{font-size:14px}
body.page-id-9873 #ky-hl-slot .ky-hl-mehr, body.page-id-9873 #oxy-main #aktuell-neu .ky-harmony-link, body.page-id-9873 #oxy-main #whisky .ky-btn-gold{font-family:'Tenor Sans', 'Kyrburg Jost', 'Kyrburg Jost Ersatz', 'Helvetica Neue', Arial, sans-serif !important;font-size:14px !important;font-weight:400 !important;letter-spacing:.1em !important;text-transform:uppercase !important}
@media (max-width:899px){
  body .ky-st-pille{font-size:12.5px;letter-spacing:.07em}
}

/* ---------- Terminliste: Form aus dem GIGI-Kern (gg.css), nur der Geltungsbereich ist neu ---------- */
body #ky-harmony-dates .ktf-feed{--ktf-ink:#11370B;--ktf-ink-soft:#34452F;--ktf-stone:#4A5645;--ktf-amber:#A87836;--ktf-amber-deep:#8A5F25;--ktf-line:rgba(168,120,54,.55);--ktf-bg:#F3EDE1;--ktf-bg-alt:#E7DCC6;font-family:var(--gg-sans);font-weight:400;color:var(--gg-text)}
body #ky-harmony-dates .ktf-month{margin:0 !important;padding:0 !important}
body #ky-harmony-dates .ktf-agenda{border-top:0 !important;margin:0 !important}
body #ky-harmony-dates .ktf-event{display:grid !important;grid-template-columns:150px minmax(0, 1fr) auto !important;align-items:center !important;gap:0 32px !important;padding:26px 8px !important;margin:0 !important;border:0 !important;border-bottom:1px solid var(--gg-standlinie) !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;cursor:pointer;transition:background-color .35s ease !important}
body #ky-harmony-dates .ktf-event:hover{background:rgba(231,220,198,.55) !important;padding-left:8px !important;transform:none !important}
body #ky-harmony-dates .ktf-event:focus-visible{outline:2px solid var(--gg-gold) !important;outline-offset:-2px !important;background:rgba(231,220,198,.55) !important}
body #ky-harmony-dates .ktf-event__date{display:grid !important;grid-template-columns:50px 1fr;align-items:baseline !important;column-gap:10px !important;margin:0 !important;padding:0 !important;border:0 !important;text-align:left !important;min-width:0 !important}
body #ky-harmony-dates .ktf-event__date .d{grid-row:1 / span 2;font-family:var(--gg-serif) !important;font-size:44px !important;font-weight:500 !important;line-height:1 !important;color:var(--gg-gruen) !important;letter-spacing:0 !important;font-variant-numeric:lining-nums tabular-nums !important}
body #ky-harmony-dates .ktf-event__date .m{display:block !important;margin:0 !important;font-family:var(--gg-serif) !important;font-size:18px !important;font-style:italic !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--gg-gruen) !important;line-height:1.2 !important}
body #ky-harmony-dates .ktf-event__date .ky-gg-zeit{display:block;grid-column:2;font-family:var(--gg-sans);font-size:13.5px;font-style:normal;font-weight:500;letter-spacing:.06em;color:var(--gg-text);line-height:1.3}
body #ky-harmony-dates .ktf-event__main{min-width:0 !important;margin:0 !important;padding:0 !important}
body #ky-harmony-dates .ktf-event__head{display:flex !important;flex-wrap:wrap;align-items:baseline !important;gap:4px 16px !important;margin:0 !important}
body #ky-harmony-dates .ktf-event__head h4{margin:0 !important;font-family:var(--gg-serif) !important;font-size:var(--gg-fs-eintrag) !important;font-weight:500 !important;line-height:1.2 !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--gg-gruen) !important}
body #ky-harmony-dates .ktf-event__cost{font-family:var(--gg-sans) !important;font-size:var(--gg-fs-text-s) !important;font-style:normal !important;font-weight:500 !important;letter-spacing:.02em !important;text-transform:none !important;color:var(--gg-gold-tief) !important;font-variant-numeric:lining-nums tabular-nums !important}
body #ky-harmony-dates .ktf-event__main p, body #ky-harmony-dates .ktf-event__meta, body #ky-harmony-dates .ktf-event__img, body #ky-harmony-dates .ktf-event__bild{display:none !important}
body #ky-harmony-dates .ktf-event__cta{margin:0 !important;padding:0 !important;gap:14px !important}
body #ky-harmony-dates .ktf-event__cta .ktf-link{display:inline-block !important;padding:0 0 3px !important;border:0 !important;border-bottom:1px solid var(--gg-gold) !important;border-radius:0 !important;font-family:var(--gg-sans) !important;font-size:13.5px !important;font-weight:500 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--gg-gruen) !important;background:transparent !important;transition:color .3s ease, border-color .3s ease !important}
body #ky-harmony-dates .ktf-event__cta .ktf-link .ktf-arr{display:none !important}
body #ky-harmony-dates .ktf-event__cta .ktf-link::after, body #ky-harmony-dates .ktf-event__cta .ktf-link::before{content:none !important;display:none !important}
body #ky-harmony-dates .ktf-event:hover .ktf-link{color:var(--gg-gold-tief) !important;border-color:var(--gg-gruen) !important}
body #ky-harmony-dates .ktf-tag-out, body #ky-harmony-dates .ktf-tag-free, body #ky-harmony-dates .ktf-tag-cancelled{font-family:var(--gg-sans) !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.09em !important;border-radius:999px !important;padding:5px 10px 4px !important}
body #ky-harmony-dates .ktf-tag-out{color:var(--gg-gold-tief) !important;border-color:var(--gg-gold) !important}
body #ky-harmony-dates .ktf-controls, body #ky-harmony-dates .ktf-month-head{display:none !important}
body #ky-harmony-dates .ktf-month.is-first .ktf-agenda{border-top:1px solid var(--gg-standlinie) !important}
body #ky-harmony-dates .ktf-event__head h4{hyphens:auto;overflow-wrap:break-word}
@media (max-width:699px){
  body #ky-harmony-dates .ktf-event{grid-template-columns:86px minmax(0, 1fr) !important;gap:6px 18px !important;padding:22px 4px !important}
  body #ky-harmony-dates .ktf-event__date{grid-template-columns:1fr !important}
  body #ky-harmony-dates .ktf-event__date .d{grid-row:auto;font-size:38px !important}
  body #ky-harmony-dates .ktf-event__date .ky-gg-zeit{grid-column:1}
  body #ky-harmony-dates .ktf-event__cta{grid-column:2 !important;margin-top:10px !important;justify-content:flex-start !important}
  body #ky-harmony-dates .ktf-event__cta .ktf-link{padding:12px 0 4px !important}
  body #ky-harmony-dates .ktf-event__head h4{font-size:22px !important}
}

/* Drei Gänge, Pegel und Lichtkegel. Gilt für die GIGI-Seiten und, über bau.py, für Startseite 9873. */
.ky-gn{display:block;position:relative;box-sizing:border-box;width:100%;max-width:1420px;margin:0 auto;padding:clamp(72px, 9vw, 130px) var(--gg-rand, 40px) 0}
.ky-gn-kopf{display:block;max-width:720px;margin:0 auto clamp(40px, 5vw, 72px);text-align:center}
.ky-gn-kopf .ky-gg-text{margin-top:18px}
.ky-gn-kopf .ky-gg-textlink{display:inline-block;margin-top:18px}
.ky-gn-collage{display:block;position:relative;width:100%;aspect-ratio:100 / 44}
.ky-gn-bild{display:block;position:absolute;margin:0;overflow:hidden;border-radius:12px;background-color:var(--gg-gerste, #E7DCC6);box-shadow:0 0 0 8px var(--gg-papier, #F3EDE1);will-change:transform}
.ky-gn-bild img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;will-change:transform}
.ky-gn-vor{left:0;top:23%;width:35%;aspect-ratio:4 / 3;z-index:2}
.ky-gn-haupt{left:29%;top:0;width:47%;aspect-ratio:3 / 2;z-index:1}
.ky-gn-nach{right:0;top:30%;width:33%;aspect-ratio:4 / 3;z-index:2}
.ky-gn-marke{display:inline-block;position:absolute;left:14px;bottom:14px;z-index:2;margin:0;padding:7px 14px 6px;border-radius:999px;background-color:rgba(248,244,236,.94);font-family:var(--gg-sans);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:var(--gg-gruen, #11370B)}
/* Der mittlere Abzug liegt unter den beiden anderen, sein Schild sitzt deshalb oben rechts */
.ky-gn-haupt .ky-gn-marke{left:auto;right:14px;top:14px;bottom:auto}
html.ky-fx .ky-gn-bild{opacity:0;transition:opacity .9s ease}
html.ky-fx .ky-gn-bild.ist-da{opacity:1}
@media (max-width:760px){
  .ky-gn-collage{display:flex;flex-direction:column;aspect-ratio:auto}
  .ky-gn-bild{position:relative;left:auto;right:auto;top:auto}
  .ky-gn-vor{align-self:flex-start;width:84%;z-index:1}
  .ky-gn-haupt{align-self:flex-end;width:92%;margin-top:-26px;z-index:2}
  .ky-gn-nach{align-self:flex-start;width:84%;margin-top:-26px;z-index:3}
  .ky-gn-marke, .ky-gn-haupt .ky-gn-marke{left:12px;right:auto;top:12px;bottom:auto;font-size:12px}
}

/* Pegel: Die Zahl füllt sich einmal von unten, wenn sie ins Bild kommt, und steht dann. Es gibt nur diese eine Textebene, der Fuß der Mediävalziffern bleibt sichtbar. Das Clipping sitzt auf der inneren Zahl, weil der Browser ein geclipptes Element sonst nicht als sichtbar meldet. */
.ky-pegel{display:inline-block;position:relative;margin:0 0 .12em;font-family:var(--gg-serif);font-size:clamp(84px, 11vw, 168px);font-weight:500;line-height:.92;letter-spacing:.01em;color:#D9AE63}
.ky-pegel-zahl{display:block}
html.ky-fx .ky-pegel-zahl{clip-path:inset(140% -.1em -.3em);transition:clip-path 1.6s cubic-bezier(.22,.61,.36,1)}
html.ky-fx .ky-pegel.ist-da .ky-pegel-zahl{clip-path:inset(-.2em -.1em -.3em)}

/* Lichtkegel: Der Keller ist erst dunkel, ein Licht folgt dem Zeiger, weiter unten wird es hell */
.ky-licht{display:block;position:absolute;z-index:1;overflow:hidden;pointer-events:none;opacity:1;will-change:opacity}
.ky-licht-kegel{display:block;position:absolute;left:0;top:0;background-image:radial-gradient(circle closest-side, rgba(10,8,5,0) 0, rgba(10,8,5,0) 9%, rgba(10,8,5,.55) 22%, rgba(10,8,5,.9) 38%);transition:transform .18s ease-out;will-change:transform}