/* Tages- und Speisekarte nach der gedruckten Vorlage – online (style.css lädt diese Datei) und in der Druckvorschau */
@font-face{font-family:"Karte Serif";src:url(fonts/karte-serif-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Karte Serif";src:url(fonts/karte-serif-italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Karte Serif";src:url(fonts/karte-serif-bolditalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Karte Script";src:url(fonts/karte-script.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Karte Sans";src:url(fonts/karte-sans-medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}

.skb{--skb-ink:#1C1C1C;--skb-soft:#4A4A4A;--skb-teal:#3D8FAD;--skb-serif:"Karte Serif","Palatino Linotype",Palatino,Georgia,serif;--skb-sans:"Karte Sans","Montserrat","Poppins","Century Gothic",sans-serif;
  position:relative;background:#fff;color:var(--skb-ink);font-family:var(--skb-serif);text-align:left;padding:3.4em 3.6em 2.6em;margin:0 0 2.5em;border-radius:6px;box-shadow:0 18px 50px -24px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.05)}
.skb p,.skb h2,.skb h3{margin:0}

/* Kopf: Eichenblatt links, Schriftzug mittig-rechts, Hinweis in Petrol */
.skb-kopf{display:grid;grid-template-columns:22% 1fr;align-items:start;column-gap:1em;margin-bottom:3.4em}
.skb-logo{width:100%;max-width:150px;height:auto;margin-top:.2em}
.skb-titel{text-align:center;padding-right:4%}
.skb-h{line-height:1;font-weight:400}
.skb-titelbild{display:block;width:min(100%,25em);height:auto;margin:0 auto}
.skb-wort{display:flex;flex-direction:column;align-items:center}
.skb-script{font-family:"Karte Script",var(--skb-serif);font-size:4.6em;line-height:.9;letter-spacing:.01em;transform:rotate(-4deg);margin-left:-.6em}
.skb-caps{font-family:var(--skb-serif);font-size:3.2em;letter-spacing:.14em;line-height:1;margin:-.05em 0 0 1.2em}
.skb-unter{margin-top:1.1em!important;font-style:italic;font-weight:700;color:var(--skb-teal);font-size:1.18em;line-height:1.35;letter-spacing:.02em}
.skb-datum{margin-top:.7em!important;color:var(--skb-teal);font-size:1.15em;letter-spacing:.12em}
.skb-datum span{display:block;font-size:.82em;letter-spacing:.03em;margin-top:.15em;font-style:italic}

/* Kategorien: Name links mit Pinselstrich, Gerichte rechts */
.skb-kat{display:grid;grid-template-columns:26% 1fr;column-gap:3%;margin:0 0 2.6em;scroll-margin-top:96px}
.skb-kat-kopf h3{font-family:var(--skb-serif);font-weight:400;font-style:normal;font-size:1.32em;line-height:1.38;letter-spacing:.11em;color:var(--skb-ink)}
.skb-kat-kopf h3::after,.skb-kat-kopf h3::before{display:none}
.skb-pinsel{display:block;width:72%;max-width:12em;height:.75em;margin-top:.6em;background:url(img/pinsel-kurz.svg) left center/100% 100% no-repeat}
.skb-gerichte{display:flex;flex-direction:column;gap:1.05em}
.skb-g{display:grid;grid-template-columns:2.6em 1fr auto;column-gap:.4em;align-items:start}
.skb-ico{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-top:.05em}
.skb-i{width:2.1em;height:1.55em;flex:none}
.skb-i.fisch{width:2.3em;height:1.15em}
.skb-i.tier{width:2.4em;height:1.45em}
.skb-name{font-family:var(--skb-sans);font-weight:500;font-size:1em;letter-spacing:.2em;text-transform:uppercase;line-height:1.35;color:var(--skb-ink)}
.skb-nr{color:var(--skb-teal);letter-spacing:.05em}
.skb-vegan{font-size:.62em;letter-spacing:.12em;color:#4F8A3A;border:1px solid #9CC64B;border-radius:999px;padding:0 .5em;vertical-align:.15em}
.skb-desc{font-style:italic;font-size:1.12em;line-height:1.35;color:var(--skb-soft);letter-spacing:.04em;margin-top:.1em!important}
.skb-preis{font-style:italic;font-size:1.05em;letter-spacing:.2em;white-space:nowrap;text-align:right;min-width:6.4em;padding-top:.05em;color:var(--skb-ink)}
.skb-sl{margin-right:.7em;letter-spacing:.05em}
.skb-hinweis{font-style:italic;font-weight:700;font-size:1.12em;line-height:1.45;letter-spacing:.03em;padding-left:2.6em}

.skb-pinsel-lang{display:block;width:44%;height:1.3em;margin:.4em 0 1.4em 31%;background:url(img/pinsel-lang.svg) center/100% 100% no-repeat}
.skb-fuss{text-align:center;font-style:italic;font-size:1.08em;line-height:1.55;letter-spacing:.03em;color:var(--skb-ink);white-space:normal}
.skb .skb-mehr{margin:0 0 1.4em;text-align:center;font-family:var(--skb-sans);font-size:.95em;letter-spacing:.3em;text-transform:uppercase;line-height:1.7}

/* Handy: Kategorie über den Gerichten */
@media (max-width:700px){
  .skb{padding:2em 1.1em 1.6em;font-size:15px}
  .skb-kopf{grid-template-columns:1fr;row-gap:.8em;margin-bottom:2.2em}
  .skb-logo{width:64px;justify-self:center}
  .skb-titel{padding:0}
  .skb-kat{grid-template-columns:1fr;row-gap:.8em;margin-bottom:2em}
  .skb-pinsel{width:9em}
  .skb-g{grid-template-columns:2.1em 1fr auto}
  .skb-name{letter-spacing:.12em;font-size:.92em}
  .skb-preis{letter-spacing:.08em;min-width:0}
  .skb-sl{margin-right:.35em}
  .skb-hinweis{padding-left:0}
  .skb-pinsel-lang{width:70%;margin-left:15%}
}

/* Druck aus dem Browser: Speisekarte beginnt auf einer neuen Seite */
@media print{
  .skb{box-shadow:none;border-radius:0;padding:0;margin:0}
  .skb+.skb{break-before:page;page-break-before:always}
  .skb-g{break-inside:avoid} /* kein break-after:avoid am Kategorienkopf – führt im Raster zu fast leeren Seiten */
}
/* Überschrift gegen die allgemeinen h2-Stile der Website absichern und an die Blattbreite anpassen */
.skb .skb-h{font-size:1em;font-weight:400;color:var(--skb-ink);letter-spacing:0;text-transform:none;margin:0;max-width:100%;overflow:visible}
.skb .skb-h::before,.skb .skb-h::after{display:none}
.skb .skb-script{font-size:min(4.6em,11vw)}
.skb .skb-caps{font-size:min(3.2em,7.6vw)}
.skb-sheet .skb .skb-script{font-size:4.6em}
.skb-sheet .skb .skb-caps{font-size:3.2em}
.skb-wort{overflow:hidden;padding:.2em 0}
.skb-i.tier{width:2.6em;height:1.62em}
.skb-i.suess{width:2.3em;height:1.75em}
.skb-i.kaffee{width:2.3em;height:1.75em}
.skb-i.eis{width:2.3em;height:1.75em}
.skb-i.brot{width:2.3em;height:1.75em}
.skb-i.suppe{width:2.3em;height:1.75em}
/* Wochenkarte: Leiste mit den Öffnungstagen */
.wk-leiste{background:#fff;border-radius:16px;box-shadow:0 12px 30px -20px rgba(0,0,0,.35);padding:14px 16px;margin:0 0 26px;scroll-margin-top:90px}
.wk-l-kopf{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}
.wk-l-titel{font-family:"Karte Serif",Georgia,serif;font-style:italic;font-size:1.25rem;color:#3D8FAD;letter-spacing:.04em}
.wk-pfeil{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #D9E9EF;color:#3D8FAD;text-decoration:none;font-size:1.3rem}
.wk-pfeil:hover{background:#EEF7FA}
.wk-l-tage{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.wk-l-tag{position:relative;display:flex;flex-direction:column;align-items:center;min-width:84px;padding:10px 14px 9px;border:2px solid #E3EEF2;border-radius:14px;text-decoration:none;color:#1C1C1C;background:#fff;transition:border-color .2s,background .2s,transform .2s}
.wk-l-tag b{font-family:"Karte Sans",sans-serif;font-weight:500;letter-spacing:.2em;font-size:.95rem}
.wk-l-tag span{font-family:"Karte Serif",Georgia,serif;font-style:italic;font-size:1.05rem;color:#4A4A4A}
.wk-l-tag em{position:absolute;top:-9px;right:-6px;font-style:normal;font-size:.68rem;font-weight:700;background:#B5543A;color:#fff;border-radius:999px;padding:1px 7px}
.wk-l-tag:hover{transform:translateY(-2px);border-color:#9FCBDB}
.wk-l-tag.aktiv{border-color:#3D8FAD;background:#3D8FAD;color:#fff}
.wk-l-tag.aktiv span{color:#EAF5F9}
.wk-l-tag.vorbei:not(.aktiv){opacity:.55}
@media (max-width:700px){.wk-l-tage{gap:6px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.wk-l-tag{min-width:68px;padding:8px 10px}}
@media print{.wk-leiste,.wk-panel .menu-actions{display:none}}
/* Eingebundene Kaiserschmarrn-Karte innerhalb der Speisekarte */
.skb .skb-ks-kopf{text-align:center;margin:1.2em 0 2.2em;break-after:avoid;page-break-after:avoid}
.skb-ks-herz{display:block;color:#C8312B;font-size:1.5em;line-height:1;margin-bottom:.15em}
.skb .skb-ks-kopf h3{font-family:"Karte Script",var(--skb-serif);font-weight:400;font-size:3em;line-height:1;color:var(--skb-ink);letter-spacing:.01em;text-transform:none;margin:0}
.skb .skb-ks-kopf h3::before,.skb .skb-ks-kopf h3::after{display:none}
.skb .skb-ks-kopf p{font-style:italic;color:var(--skb-teal);font-size:1.12em;letter-spacing:.03em;margin-top:.35em}
.skb-ks-ende{display:block;width:30%;height:.9em;margin:-.6em auto 2.4em;background:url(img/pinsel-kurz.svg) center/100% 100% no-repeat;opacity:.7}
.skb-kat .skb-g-txt + .skb-preis + .skb-hinweis,.skb-gerichte > .skb-hinweis:last-child{margin-top:.2em}
@media (max-width:700px){.skb .skb-ks-kopf h3{font-size:2.4em}}
/* Kategorien auf der Website auf-/zuklappbar (im Admin je Kategorie einstellbar) */
.skb-klapp-btn{display:block;width:100%;font:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer}
.skb-klapp-info{display:inline-flex;align-items:center;gap:.35em;margin-top:.35em;font-family:var(--skb-sans);font-size:.72em;letter-spacing:.12em;text-transform:uppercase;color:var(--skb-teal)}
.skb-klapp-info i{font-style:normal;display:inline-block;transition:transform .2s}
.skb-klapp .skb-k-zu{display:none}
.skb-zu .skb-k-zu{display:inline}.skb-zu .skb-k-auf{display:none}
.skb-zu .skb-klapp-info i{transform:rotate(-90deg)}
.skb-klapp-btn:hover h3,.skb-klapp-btn:focus-visible h3{color:var(--skb-teal)}
.skb-klapp-btn:focus-visible{outline:2px solid var(--skb-teal);outline-offset:4px;border-radius:4px}
@media screen{.skb-zu .skb-gerichte{display:none}.skb-zu{margin-bottom:1.4em}}
@media print{.skb-klapp-info{display:none}}

/* Pinselstriche sind Bilder (werden immer mitgedruckt) – Farben/Grafiken beim Drucken erzwingen */
img.skb-pinsel,img.skb-pinsel-lang{background:none;object-fit:fill}
.skb,.skb *{-webkit-print-color-adjust:exact;print-color-adjust:exact}

/* Ausdruck direkt von der Wochenkarten-Seite: nur die Karte(n) des gewählten Tages, im Layout wie online */
@page{size:A4 portrait;margin:16mm 0 14mm}
@media print{
  html,body{background:#fff!important}
  .site-header,.site-footer,.footer-credit,.page-hero,.wk-leiste,.menu-actions,.menu-note,.urlaub-band,.skip,.vorhang,#vorhang,.nav,.menu-toggle{display:none!important}
  main,.section,.menu-wrap,.karte-wrap,.wrap{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;background:none!important}
  .wk-panel .skb{font-size:11.88pt;padding:1.2em 3.6em 1em;margin:0;box-shadow:none;border-radius:0;width:auto}
  .wk-panel .skb[data-zoom]{font-size:calc(11.88pt * var(--z))}
  .wk-panel .skb+.skb{break-before:page;page-break-before:always}
  .skb-zu .skb-gerichte{display:flex!important}
  .skb-klapp-info{display:none!important}
}
/* Messmodus für das Einpassen beim Drucken (unsichtbar) */
body.druck-messen .wk-panel .skb{width:210mm;font-size:11.88pt;padding:1.2em 3.6em 1em;margin:0;box-shadow:none;border-radius:0;box-sizing:border-box}
body.druck-messen .skb-zu .skb-gerichte{display:flex!important}
body.druck-messen .skb-klapp-info{display:none!important}
/* Wochenleiste: Kaiserschmarrn-Abend, Frühstücksbuffet und Events am Tag markieren (rotes Kästchen wie „heute“) */
.wk-l-termine{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:6px}
.wk-termin{font-style:normal;font-size:.68rem;font-weight:700;line-height:1.35;white-space:nowrap;background:#B5543A;color:#fff;border-radius:6px;padding:1px 7px;box-shadow:0 2px 6px -3px rgba(0,0,0,.4)}
.wk-l-tag.mit-termin{border-color:#E3A48C}
.wk-l-tag.aktiv .wk-termin{background:#fff;color:#B5543A}
.wk-l-tag.vorbei .wk-termin{opacity:.7}
@media print{.wk-l-termine{display:none}}
/* Betriebsurlaub: Tag in der Wochenleiste und „Urlaubskarte“ */
.wk-l-tag.urlaub{border-style:dashed;border-color:#E7B9AE;background:#FFF8F2}
.wk-l-tag.urlaub.aktiv{border-style:solid;border-color:#C8553D;background:#C8553D;color:#fff}
.wk-termin.ub{background:#F6C945;color:#5A3A12}
.skb-urlaub .skb-titel .skb-script{color:#C8553D}
.skb-urlaub .ub-strand{display:block;width:min(100%,420px);height:auto;margin:6px auto 0}
.skb-urlaub .skb-inhalt{transform:rotate(-.4deg)}
@media print{.skb-urlaub .ub-strand{display:none}}
/* Heute immer farbig (wie ein gewählter Tag); ein anderer gewählter Tag bekommt einen kräftigen Rahmen */
.wk-l-tag.heute{border-color:#3D8FAD;background:#3D8FAD;color:#fff}
.wk-l-tag.heute span{color:#EAF5F9}
.wk-l-tag.heute .wk-termin{background:#fff;color:#B5543A}
.wk-l-tag.aktiv:not(.heute){background:#EEF7FA;color:#1C1C1C;border-color:#3D8FAD;border-width:3px;padding:9px 13px 8px;box-shadow:0 6px 14px -8px rgba(61,143,173,.7);transform:translateY(-2px)}
.wk-l-tag.aktiv:not(.heute) span{color:#2F6F86}
.wk-l-tag.aktiv:not(.heute) .wk-termin{background:#B5543A;color:#fff}
.wk-l-tag.heute.aktiv{box-shadow:0 0 0 3px #fff,0 0 0 5px #3D8FAD;transform:translateY(-2px)}
.wk-l-tag.urlaub.heute{background:#C8553D;border-color:#C8553D}
@media (max-width:700px){.wk-l-tag.aktiv:not(.heute){padding:7px 9px}}
.wk-termin.ek{background:#5B6F2E;color:#fff}
