/* ============ PRINTPRODUKTE (speisekarten.html), Umbau 31.10.2026 nach dem Auftrag des Inhabers, Abschnitt 9 ============
   Designsystem der Startseite (css/start.css): creme und dunkelblau, Orange nur als feine Linie, Cinzel in Versalien mit
   Sperrung für Titel, Cormorant Garamond kursiv für Leitsätze, Inter für Fließtext; schräge Bildflächen (skewX) mit runden
   Ecken und überlappende cremefarbene Schilder mit kleiner oranger Linie. Alles hier gilt nur unter body.sp-print.
   Das Buch (js/seite-print.js) blättert nur über transform und opacity; mit „Bewegung reduzieren“ springt es.
   Ohne Skript: alle Seiten stehen als Bildfolge da, jede verlinkt ihr großes Bild. */

body.sp-print{
  --sp-creme:#F1EEE6;
  --sp-papier:#f7f5ef;
  --sp-navy:#172C50;
  --sp-nacht:#0c1830;
  --sp-orange:#E87536;
  --sp-tinte:#172C50;
  --sp-tinte-2:#3a4458;
  --sp-linie:rgba(23,44,80,.14);
  --sp-schatten:0 18px 40px -22px rgba(12,24,48,.45),0 4px 12px -6px rgba(12,24,48,.18);
  --sp-kurve:cubic-bezier(.2,.7,.2,1);
  --sp-titel:'Cinzel','Cormorant Garamond',Georgia,serif;
  --sp-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sp-sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --sp-schief:-6deg;
  --sp-zurueck:6deg;
  background:var(--sp-creme);
  color:var(--sp-tinte);
}
html:has(>body.sp-print){background:var(--sp-creme)}

/* ---------- Rahmen der Seite ---------- */
html body.sp-print main.legal.pl-page.sp{max-width:1440px;padding-top:clamp(20px,3vw,36px);padding-bottom:clamp(56px,7vw,96px);
  font-family:var(--sp-sans);color:var(--sp-tinte)}
html body.sp-print main.sp .sp-krume{margin:0 0 clamp(18px,3vw,36px);font-size:13px;color:var(--sp-tinte-2)}
html body.sp-print main.sp .sp-krume a{color:var(--sp-tinte-2)}
html body.sp-print main.sp .sp-krume strong{color:var(--sp-tinte);font-weight:500}

/* Abschnitts-Überschrift: klein, gesperrt, mit oranger Linie davor */
html body.sp-print main.sp .sp-h{display:flex;align-items:center;gap:14px;margin:0 0 clamp(26px,3.4vw,44px);padding:0;border:0;
  font-family:var(--sp-titel);font-weight:600;font-size:clamp(17px,.9rem + .5vw,24px);line-height:1.2;letter-spacing:.18em;
  text-transform:uppercase;color:var(--sp-tinte)}
html body.sp-print main.sp .sp-h::before{content:"";flex:0 0 auto;width:34px;height:2px;background:var(--sp-orange)}
html body.sp-print main.sp .sp-h--hell{color:var(--sp-creme)}

/* ---------- 1 · Start ---------- */
.sp-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);
  min-height:min(calc(100svh - 150px),760px);margin:0 0 clamp(72px,10vw,140px)}
.sp-start__text{position:relative;padding-bottom:clamp(12px,3vw,40px)}
.sp-start__text::before{content:"";display:block;width:48px;height:2px;margin:0 0 clamp(20px,2.4vw,30px);background:var(--sp-orange)}
html body.sp-print main.sp h1.sp-titel{display:block;min-height:0;margin:0;padding:0;border:0;background:none;text-shadow:none;
  font-family:var(--sp-titel);font-weight:600;font-size:clamp(28px,.6rem + 3.6vw,62px);line-height:1.1;letter-spacing:.05em;
  text-transform:uppercase;text-align:left;color:var(--sp-tinte);hyphens:manual}
html body.sp-print main.sp p.sp-leitsatz{margin:clamp(18px,2.4vw,30px) 0 0;max-width:30ch;font-family:var(--sp-serif);font-style:italic;
  font-weight:500;font-size:clamp(21px,.9rem + 1vw,31px);line-height:1.35;color:var(--sp-tinte);text-align:left}
.sp-start__bild{position:relative;display:flex;justify-content:center;padding:0 0 clamp(36px,4vw,56px)}

/* Schräge Bildfläche: Rahmen schräg, Inhalt zurückgedreht und leicht vergrößert, damit die Ecken gefüllt sind */
.sp-schraeg{position:relative;overflow:hidden;border-radius:22px;transform:skewX(var(--sp-schief));background:var(--sp-nacht);
  box-shadow:var(--sp-schatten)}
.sp-schraeg__in{position:absolute;inset:0;transform:skewX(var(--sp-zurueck)) scale(1.16)}
.sp-schraeg--video{height:min(60svh,560px);aspect-ratio:9/14;max-width:100%}
.sp-video{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%}

/* Überlappendes Schild (Link, öffnet das Veluta-Buch) */
.sp-schild{position:absolute;left:0;bottom:0;z-index:2;display:block;min-width:min(260px,70%);text-decoration:none;color:var(--sp-tinte);
  background:var(--sp-creme);border-radius:16px;transform:skewX(var(--sp-schief));box-shadow:var(--sp-schatten);
  transition:transform .45s var(--sp-kurve)}
.sp-schild__in{display:block;transform:skewX(var(--sp-zurueck));padding:clamp(16px,1.8vw,24px) clamp(20px,2.2vw,30px)}
.sp-schild__in::before{content:"";display:block;width:30px;height:2px;margin-bottom:12px;background:var(--sp-orange)}
.sp-schild__t{display:block;font-family:var(--sp-titel);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.sp-schild__s{display:block;margin-top:4px;font-family:var(--sp-serif);font-style:italic;font-weight:500;font-size:24px;line-height:1.15}
.sp-schild:focus-visible{outline:2px solid var(--sp-orange);outline-offset:4px}
@media(hover:hover){.sp-schild:hover{transform:skewX(var(--sp-schief)) translateY(-4px)}}

/* ---------- 2 · Die zwei Speisekarten ---------- */
.sp-karten{margin:0 0 clamp(80px,10vw,150px)}
.sp-karten__reihe{padding:0 2.4%;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:start}
.sp-karte{position:relative;display:block;text-decoration:none;color:var(--sp-tinte);padding-bottom:clamp(30px,3vw,44px);
  -webkit-tap-highlight-color:transparent}
.sp-karte--zwei{margin-top:clamp(60px,9vw,150px)}
.sp-karte__flaeche{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/11;border-radius:22px;
  background:var(--sp-navy);overflow:hidden;transform:skewX(var(--sp-schief));box-shadow:var(--sp-schatten);
  transition:transform .5s var(--sp-kurve)}
.sp-karte--zwei .sp-karte__flaeche{aspect-ratio:5/4}
/* Die Doppelseite liegt gerade (zurückgedreht) auf der Fläche, wie ein aufgeschlagenes Buch */
.sp-karte__doppel{position:relative;display:flex;width:78%;transform:skewX(var(--sp-zurueck));
  box-shadow:0 22px 40px -18px rgba(0,0,0,.6);transition:transform .6s var(--sp-kurve)}
.sp-karte--zwei .sp-karte__doppel{width:84%}
.sp-karte__doppel::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:9%;transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.16) 48%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.16) 52%,rgba(0,0,0,0))}
.sp-karte__doppel img{display:block;width:50%;height:auto}
.sp-karte__schild{position:absolute;right:4%;bottom:0;z-index:2;display:block;min-width:min(230px,62%);background:var(--sp-creme);
  border-radius:16px;transform:skewX(var(--sp-schief));box-shadow:var(--sp-schatten);padding:0;transition:transform .5s var(--sp-kurve)}
.sp-karte__t,.sp-karte__s{display:block;transform:skewX(var(--sp-zurueck))}
.sp-karte__t{padding:clamp(16px,1.6vw,22px) clamp(20px,2vw,28px) 0;font-family:var(--sp-titel);font-weight:600;font-size:clamp(16px,.8rem + .5vw,21px);
  letter-spacing:.14em;text-transform:uppercase}
.sp-karte__t::before{content:"";display:block;width:30px;height:2px;margin-bottom:12px;background:var(--sp-orange)}
.sp-karte__s{padding:4px clamp(20px,2vw,28px) clamp(16px,1.6vw,22px);font-family:var(--sp-serif);font-style:italic;font-weight:500;font-size:19px;color:var(--sp-tinte-2)}
.sp-karte:focus-visible{outline:none}
.sp-karte:focus-visible .sp-karte__flaeche{outline:2px solid var(--sp-orange);outline-offset:5px}
@media(hover:hover){
  .sp-karte:hover .sp-karte__flaeche{transform:skewX(var(--sp-schief)) translateY(-5px)}
  .sp-karte:hover .sp-karte__doppel{transform:skewX(var(--sp-zurueck)) scale(1.03)}
  .sp-karte:hover .sp-karte__schild{transform:skewX(var(--sp-schief)) translateY(-9px)}
}

/* ---------- 3 · Seitenfolge und Nahaufnahmen ---------- */
.sp-seiten{margin:0 0 clamp(80px,10vw,150px)}
.sp-folge{margin:0 0 clamp(40px,5vw,64px);scroll-margin-top:96px}
html body.sp-print main.sp .sp-folge__name{margin:0 0 16px;padding:0;font-family:var(--sp-titel);font-weight:600;font-size:13px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--sp-tinte)}
.sp-folge__l{list-style:none;margin:0;padding:0;display:flex;gap:clamp(10px,1.2vw,18px)}
.sp-bogen{flex:2 1 0;display:flex;min-width:0;box-shadow:0 10px 22px -14px rgba(12,24,48,.5)}
.sp-bogen--1{flex:1 1 0}
.sp-bogen a{position:relative;display:block;flex:1 1 0;min-width:0;background:var(--sp-papier);transition:transform .35s var(--sp-kurve)}
.sp-bogen a img{display:block;width:100%;height:auto}
.sp-bogen a + a::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:-6%;width:12%;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.12) 50%,rgba(0,0,0,0))}
.sp-bogen a:focus-visible{outline:2px solid var(--sp-orange);outline-offset:3px;z-index:2}
@media(hover:hover){.sp-bogen a:hover{transform:translateY(-4px)}}

/* Nahaufnahmen: drei Ausschnitte echter Seiten, versetzt */
.sp-nah{padding:0 2%;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr) minmax(0,4fr);gap:clamp(18px,2.6vw,40px);align-items:start;
  margin-top:clamp(56px,7vw,100px)}
.sp-nah__f{position:relative;display:block;overflow:hidden;border-radius:20px;transform:skewX(var(--sp-schief));background:var(--sp-papier);
  box-shadow:var(--sp-schatten);transition:transform .5s var(--sp-kurve)}
.sp-nah__f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:skewX(var(--sp-zurueck)) scale(1.5);
  transition:transform .8s var(--sp-kurve)}
.sp-nah__f--a{aspect-ratio:5/4}
.sp-nah__f--a img{object-position:50% 22%}
.sp-nah__f--b{aspect-ratio:4/5;margin-top:clamp(40px,6vw,90px)}
.sp-nah__f--b img{object-position:50% 14%}
.sp-nah__f--c{aspect-ratio:4/5;margin-top:clamp(10px,2vw,30px)}
.sp-nah__f--c img{object-position:50% 34%}
.sp-nah__f:focus-visible{outline:2px solid var(--sp-orange);outline-offset:5px}
@media(hover:hover){
  .sp-nah__f:hover{transform:skewX(var(--sp-schief)) translateY(-5px)}
  .sp-nah__f:hover img{transform:skewX(var(--sp-zurueck)) scale(1.58)}
}

/* ---------- 4 · Druckprodukte (dunkle Fläche) ---------- */
.sp-druck{position:relative;margin:0 0 clamp(72px,9vw,130px);padding:clamp(40px,6vw,88px) clamp(22px,5vw,80px);border-radius:22px;
  background:var(--sp-navy);color:var(--sp-creme)}
.sp-druck::after{display:none;content:"";position:absolute;right:clamp(22px,5vw,80px);top:clamp(40px,6vw,88px);width:clamp(60px,10vw,140px);height:1px;
  background:rgba(241,238,230,.22)}
html body.sp-print main.sp .sp-druck .sp-h{margin-bottom:clamp(20px,2.4vw,32px)}
html body.sp-print main.sp .sp-druck .pk-band{margin:0;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body.sp-print main.sp .sp-druck .pk-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,80px);
  margin:0;padding:0;border:0;background:none}
html body.sp-print main.sp .sp-druck .pk-row{display:block;margin:0;padding:22px 0 22px 0;border:0;border-top:1px solid rgba(241,238,230,.18);
  background:none;box-shadow:none}
html body.sp-print main.sp .sp-druck .pk-l{display:block;position:relative;padding-left:24px;margin:0;font-family:var(--sp-sans);font-weight:500;
  font-size:17px;line-height:1.45;color:var(--sp-creme)}
html body.sp-print main.sp .sp-druck .pk-l::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:2px;background:var(--sp-orange)}
html body.sp-print main.sp .sp-druck .pk-l small{display:block;margin-top:4px;font-size:14.5px;font-weight:400;line-height:1.5;
  color:rgba(241,238,230,.74)}
html body.sp-print main.sp .sp-druck p.pk-druck.sp-satz{display:block;max-width:34ch;margin:clamp(36px,5vw,64px) 0 0;padding:0;border:0;background:none;
  font-family:var(--sp-serif);font-style:italic;font-weight:500;font-size:clamp(23px,.9rem + 1.3vw,36px);line-height:1.3;
  color:var(--sp-creme);text-align:left}
html body.sp-print main.sp .sp-druck p.pk-druck.sp-satz span{display:inline;margin:0;font:inherit;color:inherit}
html body.sp-print main.sp .sp-druck .sp-mehr{margin:clamp(26px,3vw,40px) 0 0;font-size:14px;color:rgba(241,238,230,.74)}
html body.sp-print main.sp .sp-druck .sp-mehr a{display:inline-flex;align-items:center;min-height:44px;color:var(--sp-creme);
  text-decoration:underline;text-decoration-color:rgba(232,117,54,.8);text-underline-offset:5px;text-decoration-thickness:1px}
html body.sp-print main.sp .sp-druck .sp-mehr a:hover{text-decoration-color:var(--sp-creme)}
html body.sp-print main.sp .sp-druck .sp-mehr a:focus-visible{outline:2px solid var(--sp-orange);outline-offset:2px}

/* ---------- 5 · Anfrage auf Creme ---------- */
html body.sp-print main.sp > .contact-duo.anfrage{max-width:none;margin:0;padding:clamp(36px,5vw,72px) clamp(22px,5vw,80px);border-radius:22px;
  background:var(--sp-papier);border:1px solid var(--sp-linie);box-shadow:none}
html body.sp-print main.sp > .anfrage .anfrage-k{font-family:var(--sp-titel);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sp-tinte)}
html body.sp-print main.sp > .anfrage .anfrage-h{font-family:var(--sp-serif);font-style:italic;color:var(--sp-tinte)}

/* ---------- Ruhige Einblendung (nur mit Skript, html.sp-js) ---------- */
html.sp-js body.sp-print .sp-zeig{opacity:0;transform:translateY(18px);transition:opacity .7s var(--sp-kurve),transform .7s var(--sp-kurve)}
html.sp-js body.sp-print .sp-zeig.sp-da{opacity:1;transform:none}

/* ---------- Tablet ---------- */
@media(max-width:1023px){
  .sp-start{grid-template-columns:minmax(0,1fr);min-height:0;gap:clamp(30px,6vw,48px)}
  .sp-schraeg--video{width:min(56%,380px);height:auto}
  .sp-start__bild{justify-content:flex-end;padding-right:4%}
  .sp-schild{left:2%}
  .sp-karten__reihe{grid-template-columns:minmax(0,1fr)}
  .sp-karte{width:92%}
  .sp-karte--zwei{margin:clamp(20px,4vw,40px) 0 0 auto}
}
@media(max-width:820px){
  .sp-folge__l{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 2px 18px;margin:0 -2px;
    -webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .sp-bogen{flex:0 0 auto;height:clamp(190px,46vw,260px);scroll-snap-align:start}
  .sp-bogen a{flex:0 0 auto;height:100%;aspect-ratio:300/424}
  .sp-bogen a img{height:100%;width:auto}
  .sp-nah{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sp-nah__f--a{grid-column:1 / -1;aspect-ratio:16/11}
  .sp-nah__f--b{margin-top:0}
  .sp-nah__f--c{margin-top:clamp(28px,8vw,48px)}
  html body.sp-print main.sp .sp-druck .pk-rows{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Handy ---------- */
@media(max-width:560px){
  body.sp-print{--sp-schief:-4deg;--sp-zurueck:4deg}
  html body.sp-print main.legal.pl-page.sp{padding-top:8px}
  html body.sp-print main.sp h1.sp-titel{font-size:clamp(28px,9.1vw,40px);letter-spacing:.02em}
  html body.sp-print main.sp p.sp-leitsatz{font-size:22px;line-height:1.35}
  .sp-start{margin-bottom:72px}
  .sp-schraeg--video{width:62%;height:auto}
  .sp-start__bild{padding-right:2%}
  .sp-schild{min-width:0;width:62%}
  .sp-schild__s{font-size:21px}
  .sp-karte{width:100%;padding-bottom:34px}
  .sp-karte--zwei{margin-top:36px}
  .sp-karte__schild{min-width:0;width:58%;right:2%}
  .sp-karte__t{font-size:15px;padding:14px 18px 0}
  .sp-karte__t::before{width:24px;margin-bottom:9px}
  .sp-karte__s{font-size:17px;padding:2px 18px 13px}
  .sp-schild__in{padding:14px 18px}
  html body.sp-print main.sp .sp-druck p.pk-druck.sp-satz{font-size:24px}
  html body.sp-print main.sp .sp-druck .pk-l{font-size:16px}
  html body.sp-print main.sp .sp-druck .pk-l small{font-size:14px!important}
  .sp-druck{padding:36px 20px 30px;border-radius:18px}
  .sp-druck::after{display:none}
  html body.sp-print main.sp > .contact-duo.anfrage{padding:30px 20px;border-radius:18px}
}

/* =================================== DAS BUCH (Dialog) =================================== */
.sp-buch{position:fixed;inset:0;z-index:10020;display:flex;flex-direction:column;background:var(--sp-nacht);color:var(--sp-creme);
  opacity:0;transition:opacity .35s ease;font-family:var(--sp-sans);
  padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.sp-buch[hidden]{display:none}
.sp-buch.sp-buch--auf{opacity:1}
.sp-buch__kopf{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:0 4px}
.sp-buch__titel{margin:0;font-family:var(--sp-titel);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--sp-creme);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-buch__titel::before{content:"";display:inline-block;vertical-align:middle;width:24px;height:2px;margin:-2px 12px 0 0;background:var(--sp-orange)}
.sp-buch__k{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 16px;
  border:1px solid rgba(241,238,230,.32);border-radius:6px;background:transparent;color:var(--sp-creme);cursor:pointer;
  font-family:var(--sp-titel);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}
.sp-buch__k:hover{border-color:var(--sp-orange)}
.sp-buch__k:focus-visible{outline:2px solid var(--sp-orange);outline-offset:3px}
.sp-buch__k:disabled{opacity:.32;cursor:default;border-color:rgba(241,238,230,.32)}
.sp-buch__buehne{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;
  touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.sp-buch__sicht{position:relative;perspective:3400px;transform:scale(.96);transition:transform .45s var(--sp-kurve)}
.sp-buch--auf .sp-buch__sicht{transform:none}
.sp-buch--einzel .sp-buch__sicht{overflow:hidden;border-radius:2px}
.sp-buch__band{position:absolute;top:0;left:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.25,1)}
.sp-blatt{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:0 50%;transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.45,.05,.25,1)}
.sp-blatt.sp-blatt--um{transform:rotateY(-180deg)}
.sp-fl{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--sp-papier);overflow:hidden;
  box-shadow:0 24px 50px -20px rgba(0,0,0,.65)}
.sp-fl img{display:block;width:100%;height:100%;object-fit:cover}
.sp-fl--hinten{transform:rotateY(180deg)}
.sp-fl--vorn::after,.sp-fl--hinten::after{content:"";position:absolute;top:0;bottom:0;width:7%;pointer-events:none}
.sp-fl--vorn::after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,0))}
.sp-fl--hinten::after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.2),rgba(0,0,0,0))}
.sp-fl--leer{background:transparent;box-shadow:none}
.sp-fl--leer::after{display:none}
.sp-buch__fuss{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,28px);min-height:64px;padding:6px 0 2px}
.sp-buch__stand{min-width:8.5em;text-align:center;font-family:var(--sp-serif);font-style:italic;font-size:18px;color:rgba(241,238,230,.86)}
@media(max-width:560px){
  .sp-buch__k{padding:0 12px;font-size:11px;letter-spacing:.12em}
  .sp-buch__stand{min-width:6em;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .sp-buch,.sp-buch__sicht,.sp-buch__band,.sp-blatt{transition:none!important}
  .sp-schild,.sp-karte__flaeche,.sp-karte__doppel,.sp-karte__schild,.sp-nah__f,.sp-nah__f img,.sp-bogen a{transition:none}
  html.sp-js body.sp-print .sp-zeig{opacity:1;transform:none;transition:none}
}
html.sp-buch-offen{overflow:hidden}

/* Bild- und Schild-Links ohne Unterstreichung (die alte Regel .legal a unterstreicht jeden Link) */
html body.sp-print main.sp a.sp-schild,html body.sp-print main.sp a.sp-karte,html body.sp-print main.sp a.sp-nah__f,
html body.sp-print main.sp .sp-bogen a{text-decoration:none;color:var(--sp-tinte)}
/* Anfrage-Knopf ohne Leuchtschatten, Ecken wie im Kopf (6 px) */
html body.sp-print main.sp > .anfrage .btn.btn-primary{box-shadow:none;border-radius:6px}
html body.sp-print main.sp > .anfrage .btn.btn-primary:focus-visible{outline:2px solid var(--sp-navy);outline-offset:3px}
/* Buchtitel am Handy ganz lesbar (zwei Zeilen statt „VELU…“, Main 31.10.2026) */
@media(max-width:560px){.sp-buch__titel{white-space:normal;overflow:visible;text-overflow:clip;letter-spacing:.12em;font-size:12px;line-height:1.3}.sp-buch__titel::before{display:none}}

/* Design-Prüfer 31.10.2026 (DESIGNSPRACHE §11): Zwischenüberschriften mindestens 30 px am Handy und bis 48 px am Rechner, Fließtext höchstens 68 Zeichen breit, Abschnitte mit Luft oben und unten */
html body.sp-print main.sp .sp-h{font-size:clamp(30px,1.1rem + 2.2vw,48px);letter-spacing:.08em}
html body.sp-print main.sp .sp-druck .sp-mehr{max-width:68ch}
.sp-karten,.sp-seiten{padding-top:clamp(24px,3vw,40px)}
/* Ansage Inhaber 01.11.2026: Start ohne Video, die Speisekarten folgen gleich; Veluta und Mamma Mia als Schleifen-Videos */
.sp-start--knapp{grid-template-columns:minmax(0,1fr);min-height:0;margin-bottom:clamp(28px,4vw,56px)}
.sp-karten__reihe--video{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1000px;margin:0 auto}
.sp-karte--video{cursor:default}
.sp-karte--video .sp-karte__flaeche{aspect-ratio:4/5}
.sp-karte__film{position:absolute;inset:0;transform:skewX(var(--sp-zurueck)) scale(1.16)}
.sp-karte__film video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.sp-karte--video:hover .sp-karte__flaeche,.sp-karte--video:hover .sp-karte__schild{transform:skewX(var(--sp-schief))}
@media(max-width:700px){.sp-karten__reihe--video{grid-template-columns:minmax(0,1fr);max-width:420px}
  .sp-karte--video.sp-karte--zwei{margin-top:clamp(28px,8vw,48px)}}
.sp-karte--video .ki-label{transform:skewX(var(--sp-zurueck));right:14px;bottom:12px}
/* Ansage Inhaber 01.11.2026: die Videos ganz zu sehen, nichts angeschnitten (Fläche im Format des Videos, nicht schräg) */
.sp-karte--video .sp-karte__flaeche{aspect-ratio:720/848;transform:none;border-radius:16px;background:#23241f}
.sp-karte__film{transform:none}
.sp-karte__film video{object-fit:contain}
.sp-karte--video .sp-karte__schild,.sp-karte--video .sp-karte__t,.sp-karte--video .sp-karte__s{transform:none}
.sp-karte--video .ki-label{transform:none}
.sp-karte--video:hover .sp-karte__flaeche,.sp-karte--video:hover .sp-karte__schild{transform:none}
/* Ansage Inhaber 01.11.2026: Videoboxen minimal kleiner */
.sp-karten__reihe--video{max-width:840px}
@media(max-width:700px){.sp-karten__reihe--video{max-width:340px}}
/* Prüfung 01.11.2026 Teil 2 (DESIGNSPRACHE §5.3 und §11): Abschnittsluft oben und unten gleich, nie unter 64 / 88 / 128 px bei 375 / 768 / 1440;
   unter dem dunklen Druckblock etwas mehr, damit er sich von der Anfragekarte löst. */
main.sp{--sp-luft:clamp(64px,42px + 6vw,144px)}
main.sp .sp-start--knapp{margin-bottom:0}
main.sp .sp-karten{margin-bottom:0;padding-top:var(--sp-luft);padding-bottom:var(--sp-luft)}
main.sp .sp-druck{padding-top:var(--sp-luft);padding-bottom:var(--sp-luft);margin-bottom:calc(var(--sp-luft) + 24px)}