/* ======================================================================
   Kyrburg · Footer 9504, Feinschliff (31.10.2026)
   Die Serifen bleiben: Cinzel für die Köpfe, Spectral für die Zeilen, Cormorant für den Spruch.
   Neu sind nur Abstände, Spaltenraster, Linien und ruhigere Links. Gilt auf allen normalen Seiten,
   die GIGI-Seiten behalten ihren eigenen Fuß. Mobil gilt der Stand vom 20.09. plus die Zeiten-Flucht vom 02.11. weiter unten.
   ====================================================================== */
/* Dunkleres Beige, damit man sieht, dass hier der Footer beginnt (02.11.2026). „html“ im Selektor schlägt die Seitenton-Regeln von Startseite und Unterseiten. */
html body:not(.ky-gg-body) #section-273-121{background-color:#D9CCB3 !important}
body:not(.ky-gg-body) #section-273-121{border-top:2px solid #11370B}

/* Gold und Grau sind auf dem dunkleren Beige je eine Stufe tiefer */
body:not(.ky-gg-body) :is(#text_block-283-121, #text_block-290-121, #text_block-296-121){color:#6B4716}
body:not(.ky-gg-body) :is(#text_block-298-121, #text_block-301-121, #text_block-304-121, #text_block-306-121, #text_block-309-121, #text_block-310-121, #text_block-311-121){color:#544B40}
body:not(.ky-gg-body) #div_block-300-121{border-color:rgba(107,71,22,.32)}

/* Telefon und Kontakt: keine schwarze Standard-Unterstreichung, sondern die Goldlinie der Seite */
body:not(.ky-gg-body) #section-273-121 u{text-decoration:none;border-bottom:1px solid rgba(107,71,22,.6);padding-bottom:1px;transition:color .3s ease, border-color .3s ease}
body:not(.ky-gg-body) #section-273-121 a:hover u{color:#6B4716;border-color:#6B4716}
body:not(.ky-gg-body) #text_block-284-121, body:not(.ky-gg-body) #text_block-285-121, body:not(.ky-gg-body) #text_block-286-121, body:not(.ky-gg-body) #text_block-287-121, body:not(.ky-gg-body) #text_block-288-121{transition:color .3s ease}
body:not(.ky-gg-body) :is(#text_block-284-121, #text_block-285-121, #text_block-286-121, #text_block-287-121, #text_block-288-121):hover{color:#6B4716}

/* Trennlinie unten: eine feine Goldlinie statt des Verlaufs */
body:not(.ky-gg-body) #section-273-121 .luxus-strichh{height:1px;background:rgba(107,71,22,.32);border:0}

/* Insta und Facebook: kleiner und in Markengrün, das Schwarz drängte sich vor */
body:not(.ky-gg-body) #div_block-275-121 svg{width:24px;height:24px;color:#11370B;fill:currentColor;transition:color .3s ease}
body:not(.ky-gg-body) #div_block-275-121 a:hover svg{color:#6B4716}

@media (min-width:992px){
  body:not(.ky-gg-body) #section-273-121 > .ct-section-inner-wrap{padding-top:clamp(84px, 7.6vw, 112px);padding-bottom:40px}
  /* Vier Spalten auf einem Raster: Marke, Entdecken, Besuch, Zeiten. Alle Köpfe stehen auf einer Linie. */
  body:not(.ky-gg-body) #new_columns-274-121{display:grid;grid-template-columns:minmax(0, 1.28fr) minmax(0, .92fr) minmax(0, .92fr) minmax(0, 1.28fr);column-gap:clamp(32px, 4.4vw, 64px);align-items:start;margin-bottom:64px}
  body:not(.ky-gg-body) #new_columns-274-121 > .ct-div-block{width:auto;min-width:0;margin:0;padding:0}
  body:not(.ky-gg-body) #div_block-295-121{padding-left:0}
  body:not(.ky-gg-body) #text_block-287-121{white-space:nowrap}
  body:not(.ky-gg-body) #div_block-308-121{margin-top:0}
}

/* Handy: Die Zeiten stehen in einer Flucht mit „Besuchen Sie uns“ (02.11.2026). Subgrid übernimmt die Spalten von Entdecken und Besuch,
   dadurch stimmt die Kante bei jeder Breite. Ohne Subgrid bleibt es bei Name links, Zeit rechts. */
@media (max-width:739px){
  @supports (grid-template-columns:subgrid){
    body:not(.ky-gg-body) #div_block-295-121{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}
    body:not(.ky-gg-body) #text_block-296-121, body:not(.ky-gg-body) #text_block-306-121{grid-column:1 / -1}
    body:not(.ky-gg-body) :is(#div_block-297-121, #div_block-300-121, #div_block-303-121){display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;gap:0;column-gap:inherit}
    body:not(.ky-gg-body) :is(#text_block-299-121, #text_block-302-121, #text_block-305-121){grid-column:2;margin-left:0;text-align:left;white-space:normal}
  }
}
/* Die Striche enden dort, wo die Zeiten enden: Die rechte Spalte ist nur so breit wie ihr Inhalt, die Kante von „Besuchen Sie uns“ bleibt gleich.
   Unter 340 px reicht die Breite dafür nicht, dort gilt die alte Spalte. */
@media (min-width:340px) and (max-width:739px){
  @supports (grid-template-columns:subgrid){
    body:not(.ky-gg-body) #new_columns-274-121{grid-template-columns:minmax(max-content, calc(50% - .5 * clamp(16px, calc(10vw - 20px), 48px))) max-content;justify-content:start}
    /* Der lange Satz zum Museum läuft über beide Spalten und darf die rechte Spalte nicht aufziehen */
    body:not(.ky-gg-body) :is(#text_block-306-121, #div_block-275-121){contain:inline-size}
  }
}
/* Die zwei Küchenzeiten passen in der schmalen Spalte nicht in eine Zeile, ohne Punkt stehen sie sauber untereinander */
@media (max-width:479px){
  body:not(.ky-gg-body) .ky-fuss-punkt{display:block;height:0;overflow:hidden}
}

/* Hinweis auf die Website-Erstellung in der Fußzeile */
body:not(.ky-gg-body) #section-273-121 .ky-fuss-credit{display:inline-block;margin-left:24px;font-family:inherit;font-size:13.5px;line-height:1.5;color:#544B40;text-decoration:none;transition:color .3s ease}
@media (max-width:991px){
  body:not(.ky-gg-body) #section-273-121 .ky-fuss-credit{flex-basis:100%;margin:6px 0 0}
}
body:not(.ky-gg-body) #section-273-121 .ky-fuss-credit:hover{color:#6B4716}

/* Absende-Knopf aller Formulare und Popups wie die übrigen Knöpfe (02.11.2026) */
body .fluentform .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style), body .kyp-modal .fluentform .ff-btn-submit{border:1px solid #11370B !important;border-radius:999px !important;background:#11370B !important;box-shadow:none !important;font-family:'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif !important;font-size:13px !important;font-weight:500 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:#F3EDE1 !important}
body .fluentform .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style):hover, body .kyp-modal .fluentform .ff-btn-submit:hover{border-color:#8A5F25 !important;background:#8A5F25 !important}

/* Absende-Knopf in Tenor Sans wie die übrigen Knöpfe (05.11.2026). Rückweg: Regel löschen. */
body .fluentform .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style), body .kyp-modal .fluentform .ff-btn-submit{font-family:'Tenor Sans', 'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif !important;font-size:13.5px !important;font-weight:400 !important;letter-spacing:.1em !important;text-transform:uppercase !important}

/* ---------- Tenor Sans auch für die übrigen Knöpfe und Etiketten auf allen Seiten (05.11.2026). Rückweg: Block löschen. ----------
   Kopf-Pillen: Tenor läuft breiter als Jost, zwischen 900 und 1023 px berührten die Pillen sonst das Logo. */
@media (min-width:900px) and (max-width:1023px){
  html body .ky-st-pille{font-size:12.5px;letter-spacing:.07em}
}
/* Highlight-Karte „Mehr erfahren“ (Footer 9504, auch im Popup), Kartenlink auf Kontakt, Knöpfe in den Popups */
html body .ky-hl-mehr, html body .ky-karte-route, html body .kyp-modal .kyp-btn, html body.ky-u26 .kyp-modal .kyp-btn, html body.ky-u26 .kyp-modal a.ky-hl-mehr, html body.page-id-9873 .kyp-modal .kyp-btn, html body.page-id-9873 .kyp-modal a.ky-hl-mehr{font-family:'Tenor Sans', 'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif !important;font-size:13.5px !important;font-weight:400 !important;letter-spacing:.1em !important;text-transform:uppercase !important}
/* Tasting-Termine und Popups: Etiketten-Schrift (Filter, Preise, „Reservieren“) statt Cinzel aus der alten Instanz */
html body .ktf-feed, html body .ktf-modal, html body .ktf-jump{--ktf-f-label:'Tenor Sans', 'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif}
html body .kyp-modal{--kyp-f-label:'Tenor Sans', 'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif}


/* ---------- Letzte Spectral- und Cinzel-Reste außerhalb des Footers (05.11.2026). Der Footer selbst bleibt Cinzel + Spectral, Alec fand die Jost-Fassung unruhig. ----------
   Termintexte der Tastings, Popup-Text, Sprunglink, 404-Seite (Template 10079) */
html body .ktf-feed, html body .ktf-modal, html body .ktf-jump{--ktf-f-body:'Kyrburg Jost', 'Kyrburg Jost Ersatz', 'Helvetica Neue', Arial, sans-serif}
html body .kyp-modal{--kyp-f-body:'Kyrburg Jost', 'Kyrburg Jost Ersatz', 'Helvetica Neue', Arial, sans-serif}
html body .kyp-modal .kyp-klon .oxy-text-9504-273, html body .oxy-skip-link, html body .oxy-text-10079-104{font-family:'Kyrburg Jost', 'Kyrburg Jost Ersatz', 'Helvetica Neue', Arial, sans-serif !important;font-weight:400 !important}
html body :is(.oxy-text-10079-100, .oxy-text-link-10079-105, .oxy-text-link-10079-106, .oxy-text-link-10079-107, .oxy-text-link-10079-108){font-family:'Tenor Sans', 'Kyrburg Jost', 'Helvetica Neue', Arial, sans-serif !important;font-weight:400 !important}
