/* Besen Zaiß – WordPress-Anpassungen.
   Schließt das Markup der Kernblöcke an die Klassen aus besen.css an. Wo Kernstile
   mit hoher Spezifität dazwischenfunken (Galerie, Navigation, Cover), werden sie
   hier ausdrücklich überschrieben. */

/* ============================================================
   Grundlagen
   ============================================================ */
.wp-site-blocks{padding:0}
.wp-site-blocks > main{margin:0}
.wp-block-post-content > * + *{margin-top:0}
.wp-block-group.buchkante{height:var(--wp--custom--kante,5px);background:var(--wp--preset--color--bordeaux)}
.wp-block-group.fuss__kante{height:var(--wp--custom--kante,5px);background:var(--wp--preset--color--bordeaux)}

/* Knöpfe: Kernblock im Kleid von .knopf */
/* Gefüllte und umrandete Knöpfe gleich hoch: beide mit 2px-Rahmen und gleichem Innenabstand */
.wp-block-button__link{line-height:1.4;transition:.25s;border:2px solid var(--wp--preset--color--bordeaux)}
.wp-block-button .wp-block-button__link.wp-element-button,
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button{padding:15px 30px}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.knopf--zweit .wp-block-button__link{
  background:transparent;color:var(--wp--preset--color--bordeaux);border-color:#D6C6B4;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.knopf--zweit .wp-block-button__link:hover{
  background:var(--wp--preset--color--bordeaux);color:var(--wp--preset--color--creme);border-color:var(--wp--preset--color--bordeaux);
}
.handlung.wp-block-buttons{gap:14px}

/* ============================================================
   Kopfleiste
   ============================================================ */
.kopf.wp-block-group{position:sticky;top:0;z-index:30}
.kopf .kopf__innen{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}
.kopf .marke{display:flex;align-items:center;gap:14px;flex-shrink:0}
.kopf .wp-block-site-logo{line-height:0}
.kopf .wp-block-site-logo img{width:72px;height:auto;transition:width .35s ease}
.kopf--klein .wp-block-site-logo img{width:50px}
.kopf .marke__text{line-height:1.15}
.kopf .marke__zeile1,.kopf .marke__zeile1 a{
  display:block;font-family:var(--wp--preset--font-family--serif);font-size:1.32rem;font-weight:600;
  color:var(--wp--preset--color--bordeaux);letter-spacing:.01em;text-decoration:none;transition:font-size .35s ease;
}
.kopf--klein .marke__zeile1,.kopf--klein .marke__zeile1 a{font-size:1.1rem}
.kopf .marke__zeile1{margin:0}
.kopf .marke__zeile2{margin:2px 0 0}
.kopf--klein .marke__zeile2{display:none}

/* Navigation: im Kern ein „immer Overlay“-Menü, ab 1181px zeigen wir es aber nebeneinander */
.navi.wp-block-navigation{margin-left:auto;flex-shrink:0}
.navi .wp-block-navigation__container{gap:clamp(14px,1.9vw,30px)}
.navi .wp-block-navigation-item__content{
  font-size:.95rem;font-weight:500;color:var(--wp--preset--color--tinte);
  font-variant:small-caps;letter-spacing:.07em;padding-bottom:9px;white-space:nowrap;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M1,5.2 C17,2.1 33,6.8 50,3.9 C67,1.1 83,6.2 99,3.1' fill='none' stroke='%237D1532' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left bottom;background-size:0% 7px;
  transition:background-size .4s cubic-bezier(.2,.7,.3,1),color .25s;
}
.navi .wp-block-navigation-item__content:hover,
.navi .wp-block-navigation-item__content:focus-visible{background-size:100% 7px;color:var(--wp--preset--color--bordeaux)}
.navi .wp-block-navigation__responsive-container-open,
.navi .wp-block-navigation__responsive-container-close{color:var(--wp--preset--color--tinte);padding:8px;background:none;border:0}
.navi .wp-block-navigation__responsive-container-open svg,
.navi .wp-block-navigation__responsive-container-close svg{width:34px;height:34px}
.navi .wp-block-navigation__responsive-container-open:hover{color:var(--wp--preset--color--bordeaux)}

/* Das geöffnete Overlay: cremefarben, Einträge groß in der Serifenschrift */
.navi .wp-block-navigation__responsive-container.is-menu-open{
  background:var(--wp--preset--color--creme);
  padding:clamp(18px,4vw,34px) clamp(20px,6vw,64px) clamp(28px,6vw,52px);
}
.navi .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  padding-top:64px;justify-content:center;
}
.navi .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
  display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;
}
.navi .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%}
.navi .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  display:block;width:100%;font-family:var(--wp--preset--font-family--serif);font-weight:600;font-variant:normal;
  font-size:clamp(1.9rem,7.5vw,2.9rem);line-height:1.15;letter-spacing:0;white-space:normal;
  padding:clamp(10px,2vw,16px) 0;border-bottom:1px solid #E4D8C9;background-image:none;
  transition:color .25s,padding-left .3s cubic-bezier(.2,.7,.3,1);
}
.navi .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{
  color:var(--wp--preset--color--bordeaux);padding-left:12px;
}
.navi .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{
  top:18px;right:clamp(20px,5vw,40px);
}
@media (min-width:1181px){
  .navi .wp-block-navigation__responsive-container-open.always-shown{display:none}
  .navi .wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open){
    display:block;position:static;width:auto;height:auto;background:transparent;padding:0;overflow:visible;
  }
  .navi .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}
  .navi .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content{
    display:flex;align-items:center;
  }
  .navi .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-dialog{display:contents}
}
@media (max-width:1180px){
  .navi .wp-block-navigation__responsive-container-open.always-shown{display:flex}
  .kopf .aushang{margin-left:auto}
}
@media (max-width:760px){
  .kopf .kopf__innen{flex-wrap:wrap;gap:8px 14px}
  .kopf .marke{order:1}
  .kopf .navi{order:2;margin-left:auto}
  .kopf .aushang{order:3;width:100%;margin-left:0}
  .kopf .wp-block-site-logo img{width:56px}
  .kopf .marke__zeile1,.kopf .marke__zeile1 a{font-size:1.15rem}
  .kopf--klein .wp-block-site-logo img{width:44px}
}
@media (max-width:400px){.kopf .marke__zeile2{display:none}}

/* ============================================================
   Hero als Cover-Block
   ============================================================ */
.hero.wp-block-cover{
  padding:clamp(56px,9vw,120px) 0;min-height:min(82vh,760px);
  display:flex;align-items:center;justify-content:flex-start;
}
.hero.wp-block-cover .wp-block-cover__inner-container{width:100%;max-width:none;margin:0;color:inherit}
.hero.wp-block-cover .wp-block-cover__image-background{object-position:center 58%}
.hero .anschlag.wp-block-group{margin-left:clamp(20px,7vw,110px)}
.hero .anschlag h1{margin-bottom:24px}
@media (max-width:1180px){.hero.wp-block-cover{min-height:min(74vh,640px)}}
@media (max-width:900px){
  /* Den Platz fürs Bild oben schafft .hero::before aus besen.css, hier nur der Rest */
  .hero.wp-block-cover{display:block;min-height:0;padding:0 0 clamp(32px,6vw,56px)}
  .hero .anschlag.wp-block-group{margin:-58px clamp(16px,4vw,40px) 0}
}
@media (max-width:760px){.hero .anschlag.wp-block-group{margin-top:-46px}}
@media (max-width:400px){.hero .anschlag.wp-block-group{margin-left:10px;margin-right:10px}}

/* ============================================================
   Bilder mit Passepartout-Linie (Kern-Bildblock mit Klasse foto)
   Der Rahmen liegt auf dem Bild selbst, die Unterschrift bleibt außerhalb.
   ============================================================ */
.wp-block-image.foto{display:flex;gap:16px;align-items:stretch;margin:0}
/* Das Skript legt um Bild (oder Bildlink) einen Rahmen .foto__rahmen, damit die
   Passepartout-Linie nicht vom clip-path des Bildes abgeschnitten wird. */
.wp-block-image.foto .foto__rahmen{
  display:block;flex:1;min-width:0;position:relative;overflow:hidden;
  outline:1px solid var(--wp--preset--color--altrosa);outline-offset:10px;
}
.wp-block-image.foto .foto__rahmen > a{display:block}
.wp-block-image.foto img{
  width:100%;height:auto;object-fit:cover;display:block;
  transition:clip-path 1.1s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1);
}
.js .wp-block-image.foto img{clip-path:inset(100% 0 0 0)}
.js .wp-block-image.foto.da img,.js .eintrag.da .wp-block-image.foto img{clip-path:inset(0)}
.wp-block-image.foto:hover img{transform:scale(1.045)}
/* Ohne Skript sitzt die Linie direkt am Bild */
html:not(.js) .wp-block-image.foto img{outline:1px solid var(--wp--preset--color--altrosa);outline-offset:10px}
.wp-block-image.foto figcaption{
  writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-end;
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--salbei);
  font-weight:600;margin:0;white-space:nowrap;text-align:left;
}
/* Archiv- und Familienfotos: Unterschrift waagerecht darunter */
.wp-block-image.foto--unten{display:block}
.wp-block-image.foto--unten figcaption{
  writing-mode:horizontal-tb;transform:none;margin:12px 0 0;white-space:normal;
  font-family:var(--wp--preset--font-family--serif);font-style:italic;font-size:1rem;letter-spacing:0;
  text-transform:none;font-weight:400;color:var(--wp--preset--color--salbei);line-height:1.4;
}
.wp-block-image.foto--unten figcaption strong{
  display:block;font-family:var(--wp--preset--font-family--sans);font-style:normal;font-size:.66rem;
  letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:3px;
}
.eintrag .wp-block-image.foto--unten{padding-top:8px}
@media (max-width:900px){
  .wp-block-image.foto{flex-direction:column;gap:12px}
  .wp-block-image.foto figcaption{writing-mode:horizontal-tb;transform:none;align-self:flex-start;white-space:normal}
}

/* ============================================================
   Galerie als Bildlauf
   Vor dem Skript: waagerecht scrollbare Reihe. Das Skript setzt die Klassen
   lauf / lauf__foto / lauf__rahmen und wickelt die Figuren in .lauf__band.
   ============================================================ */
.galerie .wp-block-gallery.is-style-bildlauf{margin-top:clamp(26px,3.5vw,40px)}
/* Hinweis auf Instagram unter den Bildläufen */
.galerie__mehr.wp-block-group{margin-top:clamp(28px,3.5vw,44px)}
.galerie__mehr p{
  margin:0;font-family:var(--wp--preset--font-family--serif);font-style:italic;font-size:clamp(1.15rem,1.6vw,1.35rem);
  line-height:1.5;color:#4A403A;
}
.galerie__mehr a{
  font-style:normal;font-weight:600;color:var(--wp--preset--color--bordeaux);text-decoration:none;
  border-bottom:1px solid var(--wp--preset--color--altrosa);white-space:nowrap;transition:border-color .25s;
}
.galerie__mehr a:hover{border-color:var(--wp--preset--color--bordeaux)}
.wp-block-gallery.is-style-bildlauf{
  display:flex;flex-wrap:nowrap;gap:0;margin:0;overflow-x:auto;overflow-y:hidden;
  padding:10px 0 12px;--h:clamp(280px,30vw,420px);--m:clamp(22px,2.6vw,40px);
}
.wp-block-gallery.is-style-bildlauf.lauf{display:block;overflow:hidden}
.wp-block-gallery.is-style-bildlauf.lauf.lauf--manuell{overflow-x:auto;overflow-y:hidden}
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image){
  width:auto;max-width:none;flex:none;display:flex;flex-direction:row;gap:12px;align-items:stretch;
  height:var(--h);margin:0 var(--m) 0 0;position:static;
}
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image) > a,
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image) > img,
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image) .lauf__rahmen{
  height:100%;flex:none;overflow:hidden;
  outline:1px solid var(--wp--preset--color--altrosa);outline-offset:8px;
}
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image) .lauf__rahmen > a{
  display:block;height:100%;outline:0;
}
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image) img{
  height:100% !important;width:auto !important;max-width:none !important;
  display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.3,1);
}
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image):hover img{transform:scale(1.05)}
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image):has(figcaption)::before{display:none}
.wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image) figcaption{
  position:static;background:none;padding:0;margin:0;max-height:none;width:auto;
  writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-end;
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--salbei);
  font-weight:600;white-space:nowrap;text-align:left;text-shadow:none;
  font-family:var(--wp--preset--font-family--sans);
}
.wp-block-gallery.is-style-bildlauf figure.wp-block-image.lauf__foto{cursor:zoom-in}
.wp-block-gallery.is-style-bildlauf figure.wp-block-image.lauf__foto:focus-visible{outline:2px solid var(--wp--preset--color--bordeaux);outline-offset:12px}
@media (max-width:900px){
  .wp-block-gallery.is-style-bildlauf{--h:clamp(240px,58vw,320px);scroll-snap-type:x mandatory;scrollbar-width:none}
  .wp-block-gallery.is-style-bildlauf::-webkit-scrollbar{display:none}
  .wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image){scroll-snap-align:start;scroll-margin-left:20px}
  /* !important, weil der Kern seine Galerieränder mit :not(#individual-image) hochgewichtet */
  .wp-block-gallery.is-style-bildlauf.has-nested-images figure.wp-block-image:not(#individual-image):first-child{margin-left:20px !important}
}
/* Großer Bildschirm ohne Endlosschleife (etwa bei reduzierter Bewegung): erstes Bild rückt ein */
@media (min-width:901px){
  .wp-block-gallery.is-style-bildlauf.has-nested-images .lauf__band:not(.lauf__band--endlos) > figure.wp-block-image:first-child{margin-left:var(--m) !important}
}

/* ============================================================
   Karten (Speisekarte, Weine): Punktführung ohne Zwischenelement
   Zwei Absätze je Zeile genügen, die Punkte kommen als Pseudo-Element.
   ============================================================ */
.gericht__zeile.wp-block-group{display:flex;align-items:baseline;gap:10px}
.gericht__zeile.wp-block-group::before{
  content:"";order:2;flex:1;min-width:22px;border-bottom:2px dotted #CDBDA9;
  transform:translateY(-.3em);transition:border-color .3s;
}
.gericht__zeile .gericht__name{order:1;margin:0}
.gericht__zeile .gericht__preis{order:3;margin:0}
.gericht:hover .gericht__zeile::before{border-color:var(--wp--preset--color--bordeaux)}
.gericht__variante.wp-block-group{display:flex;align-items:baseline;gap:10px}
.gericht__variante.wp-block-group::before{content:"";order:2;flex:1;min-width:22px;border-bottom:2px dotted #CDBDA9;transform:translateY(-.3em)}
.gericht__variante > p:first-of-type{order:1;margin:0}
.gericht__variante .gericht__preis{order:3;margin:0}
.gericht__info.wp-block-paragraph,.gericht .gericht__info{margin:3px 0 0}
.wein.wp-block-group > p{margin:0}
.wein.wp-block-group .wein__info{grid-column:1 / -1}
.zettel__zeile.wp-block-group{display:flex;justify-content:space-between;gap:14px}
.zettel__zeile.wp-block-group > p{margin:0}
.zettel__zeile.wp-block-group > p:last-child{font-weight:600;color:var(--wp--preset--color--bordeaux);white-space:nowrap}
.verkauf__zeile.wp-block-group{display:flex;justify-content:space-between;gap:14px}
.verkauf__zeile.wp-block-group > p{margin:0}
.verkauf__zeile.wp-block-group > p:last-child{font-weight:600;color:var(--wp--preset--color--tinte);white-space:nowrap}
.tage.wp-block-group > .tag + .tag{border-top:1px solid #F0E8DC}
.gerichte.wp-block-group > .gericht + .gericht{border-top:1px solid #F0E8DC}

/* Wochentag heute: der Server setzt heute-N am body, die Karte trägt tag-N */
.besen-offen.heute-0 .tag-0,.besen-offen.heute-1 .tag-1,.besen-offen.heute-2 .tag-2,
.besen-offen.heute-3 .tag-3,.besen-offen.heute-4 .tag-4,.besen-offen.heute-5 .tag-5,
.besen-offen.heute-6 .tag-6{--heute:1}

/* ============================================================
   Wegbeschreibung als Kernliste
   ============================================================ */
ol.schritte.wp-block-list{list-style:none;margin:0;padding:0;counter-reset:schritt}
ol.schritte.wp-block-list li{margin:0}

/* ============================================================
   Geschichte: Stationen als Gruppen
   ============================================================ */
.ranke.wp-block-group{list-style:none;margin:0;padding:0}
.eintrag.wp-block-group{position:relative}
.eintrag__text.wp-block-group > *{margin:0}
.eintrag__text.wp-block-group h3{margin:8px 0 10px}
.eintrag__text.wp-block-group .eintrag__jahr{margin:0 0 6px}
.eintrag .wp-block-image.foto--unten{grid-column:3;grid-row:1;max-width:300px;justify-self:start}
.eintrag:nth-child(even) .wp-block-image.foto--unten{grid-column:1;justify-self:end}
.eintrag .wp-block-image.foto--unten img{aspect-ratio:4/3}
.eintrag .wp-block-image.foto--hoch img{aspect-ratio:4/5}
.heute.wp-block-group > .wp-block-group > *{margin-top:0}
.heute .wp-block-image.foto--unten{max-width:440px;justify-self:end}
@media (max-width:900px){
  .eintrag .wp-block-image.foto--unten,.eintrag:nth-child(even) .wp-block-image.foto--unten{grid-column:2;grid-row:2;justify-self:start;max-width:320px;padding-top:16px}
  .heute .wp-block-image.foto--unten{justify-self:start;max-width:none}
}

/* ============================================================
   Unterseiten (Impressum, Datenschutz)
   ============================================================ */
.seite.wp-block-group{max-width:900px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(20px,4vw,48px) clamp(64px,8vw,110px)}
.seite h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;margin:0 0 34px}
.seite h2{font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;font-size:1.5rem;color:var(--wp--preset--color--bordeaux);margin:36px 0 10px;line-height:1.2}
.seite p{margin:0 0 16px;color:#4A403A;max-width:66ch}
.seite a{font-weight:600;border-bottom:1px solid var(--wp--preset--color--altrosa)}
.seite .entwurf{background:#FFF4D6;border-left:4px solid #C9A227;padding:14px 18px;margin:0 0 30px;font-size:.98rem;line-height:1.6;max-width:66ch}
.seite .klein{font-size:.9rem;color:var(--wp--preset--color--salbei);margin-top:36px}

/* ============================================================
   Kleinigkeiten, an denen Blockmarkup vom Prototyp abweicht
   ============================================================ */
/* Der Vorlagen-Teil-Wrapper der Kopfleiste darf kein eigener Kasten sein, sonst
   klebt die Kopfleiste (position:sticky) nur innerhalb ihrer eigenen Höhe */
.wp-site-blocks > header.wp-block-template-part{display:contents}
/* Telefonnummern nie umbrechen; im Fließtext der Karten wie im Prototyp hervorheben */
a[href^="tel:"]{white-space:nowrap}
.karte__text p a[href^="tel:"]{font-weight:600;color:var(--wp--preset--color--bordeaux);text-decoration:none;border-bottom:1px solid var(--wp--preset--color--altrosa);padding-bottom:1px;transition:border-color .25s}
.karte__text p a[href^="tel:"]:hover{border-color:var(--wp--preset--color--bordeaux)}
/* Zitat: das hervorgehobene Wort bekommt vom Skript den Pinselkringel */
.zitat em{color:var(--wp--preset--color--bordeaux)}
/* WordPress setzt Ränder direkter Gruppenkinder auf 0 (:root :where(.is-layout-flow) > *).
   Wo der Prototyp auf den Browser-Abstand der h2 baute, kommt er hier ausdrücklich. */
/* Überzeilen, Randzahlen und Jahreszahlen: Absatzregeln der Abschnitte
   (.zeiten__text p, .lauftext p, .eintrag__text p) überschrieben hier die Schrift.
   Doppelte Klasse, damit die eigentlichen Stile gewinnen. */
.hoehe.hoehe{
  font-family:var(--wp--preset--font-family--sans);font-size:.7rem;letter-spacing:.26em;line-height:1.5;
  text-transform:uppercase;color:var(--wp--preset--color--salbei);font-weight:600;
}
.marginalie.marginalie{
  font-family:var(--wp--preset--font-family--serif);font-size:1.6rem;font-weight:600;
  color:var(--wp--preset--color--bordeaux);line-height:1.15;
}
.marginalie--wort.marginalie--wort{font-style:italic;font-weight:500;font-size:1.35rem}
.eintrag__jahr.eintrag__jahr{
  font-family:var(--wp--preset--font-family--serif);font-weight:600;font-size:clamp(2rem,3vw,2.7rem);
  color:var(--wp--preset--color--bordeaux);line-height:1;margin:0 0 4px;
}
@media (max-width:900px){
  .marginalie.marginalie{font-size:1.35rem}
  .eintrag__jahr.eintrag__jahr{font-size:1.9rem}
}
@media (max-width:760px){.hoehe.hoehe{font-size:.65rem;letter-spacing:.2em}}
/* Trennlinie: der Kern zwingt Separatoren auf 100px Breite */
hr.wp-block-separator.doppelstrich:not(.is-style-wide){width:auto;max-width:none;border:0;border-top:3px double #D9CDBE;margin:0 0 26px;opacity:1}
/* Hero: zweite Zeile der Überschrift ist ein eigener Absatz */
.hero h1{margin-bottom:0}
.hero .zweit{
  font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;
  font-size:clamp(2.9rem,6.6vw,5rem);line-height:.84;letter-spacing:-.005em;
  color:var(--wp--preset--color--bordeaux);margin:0 0 24px .44em;
}
.hero .vorspann strong{font-weight:600;color:var(--wp--preset--color--tinte)}
@media (max-width:900px){.hero .zweit{font-size:clamp(2.5rem,7.4vw,3.6rem)}}
@media (max-width:760px){.hero .zweit{font-size:clamp(2.2rem,9.2vw,3rem)}}
/* Emailleschild: zwei Zeiträume untereinander, Beschriftung klein darüber */
.schild__datum p{margin:0}
.schild__datum .wp-block-besen-zaiss-zeitraum{display:block;font-size:clamp(1.5rem,2.3vw,1.9rem);line-height:1.15}
.schild__datum .wp-block-besen-zaiss-zeitraum + .wp-block-besen-zaiss-zeitraum{margin-top:14px}
.schild__datum .zeitraum__name{
  display:block;font-family:var(--wp--preset--font-family--sans);font-style:normal;font-weight:600;
  font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--wp--preset--color--salbei);margin-bottom:4px;
}
/* Hero: die Besen-Zeiträume des Jahres als kleine Tafel unter dem Vorspann */
.hero .hero__besen.wp-block-group{margin:0 0 28px;padding-top:16px;border-top:1px solid #D9CDBE}
.hero .hero__besen .wp-block-besen-zaiss-zeitraum:not(.hoehe){
  margin:0;font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;
  font-size:clamp(1.15rem,1.4vw,1.35rem);color:var(--wp--preset--color--bordeaux);line-height:1.5;
}
.hero .hero__besen .hoehe.wp-block-besen-zaiss-zeitraum{font-size:.64rem;margin:0 0 8px}
.hero .hero__besen .zeitraum__name{
  display:inline-block;width:13em;font-family:var(--wp--preset--font-family--sans);font-style:normal;font-weight:600;
  font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--salbei);vertical-align:.12em;
}
@media (max-width:760px){
  .hero .hero__besen .zeitraum__name{display:block;width:auto;margin-bottom:2px}
  .hero .hero__besen .wp-block-besen-zaiss-zeitraum:not(.hoehe) + .wp-block-besen-zaiss-zeitraum{margin-top:8px}
}
/* Fuß: zwei Besen-Zeilen direkt untereinander */
.fuss .wp-block-besen-zaiss-zeitraum + .wp-block-besen-zaiss-zeitraum{margin-top:0}
.schild__zeit strong{font-style:normal;font-weight:600}
.schild__strich.wp-block-group{width:64px;height:2px;background:#3E6B33;margin:0 auto 18px;opacity:.55}
.klebeband.wp-block-group{position:absolute}
/* Marginalien und Jahreszahlen: Markup wie im Prototyp (<small> für die zweite Zeile),
   die Regeln dazu stehen in besen.css */
/* Zitat als Kernblock */
.wp-block-quote.zitat{border:0;padding:0;margin:0;text-align:center}
.wp-block-quote.zitat cite{
  display:block;margin-top:18px;font-family:var(--wp--preset--font-family--serif);font-style:italic;
  font-size:1.1rem;letter-spacing:.04em;color:var(--wp--preset--color--salbei);
}
/* Flaschenweine: Jahrgang vor dem Namen, Beschreibung eingerückt */
.gericht__zeile .jahr{order:0;margin:0;flex:none;width:3.1em;font-family:var(--wp--preset--font-family--serif);font-size:1.05rem;color:var(--wp--preset--color--salbei);font-feature-settings:"onum" 1}
.gericht__info--eingerueckt{padding-left:3.1em}
/* Weinkarte: Spaltenkopf und Handy-Beschriftungen */
.wein--kopf.wp-block-group > p{margin:0;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--salbei);font-weight:600;text-align:right;line-height:1.3}
.wein--kopf.wp-block-group > p.viertele{color:var(--wp--preset--color--bordeaux)}
@media (max-width:760px){
  .wein__preis--glas::before{content:"Glas 0,1 l"}
  .wein__preis--viertele::before{content:"Viertele"}
  .wein__preis--literflasche::before{content:"Flasche 1 l"}
  .wein__preis--flasche::before{content:"Flasche 0,75 l"}
  .wein__preis::before{display:block;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--salbei);font-weight:600}
}
/* Anschrift und Wegbeschreibung */
.anschrift.wp-block-group > p{margin:0}
.anschrift.wp-block-group > p + p{margin-top:12px}
.verkauf.wp-block-group .hoehe{margin-bottom:10px}
.verkauf__klein a,.weg__klein a,.zettel__klein a{color:var(--wp--preset--color--bordeaux);text-decoration:none;font-weight:600;border-bottom:1px solid var(--wp--preset--color--altrosa);white-space:nowrap}
/* Fuß: Logo als Maske über dem freigestellten Logo, Navigation, Rechtliches */
.fuss__logo.wp-block-group{
  width:116px;aspect-ratio:263/225;background:var(--wp--preset--color--creme);
  -webkit-mask:url(../img/logo-frei.png) center/contain no-repeat;mask:url(../img/logo-frei.png) center/contain no-repeat;
}
.fuss .fuss__navi .wp-block-navigation__container{gap:8px 26px}
.fuss .fuss__navi .wp-block-navigation-item__content{border:0;font-variant:small-caps;letter-spacing:.07em;font-size:1rem;color:#EBDDD4}
.fuss .fuss__navi .wp-block-navigation-item__content:hover{color:#fff}
.fuss__hinweis.wp-block-group p{font-size:.86rem;line-height:1.6;color:#C9A0AB;margin:0}
.fuss__recht.wp-block-group{display:flex;gap:22px}
.fuss__recht.wp-block-group p{margin:0}
.fuss .fuss__recht p a{border:0;color:#EBDDD4;font-size:.92rem}
.fuss .fuss__recht p a:hover{color:#fff}
.fuss__spalten.wp-block-group .wp-block-group > h4{margin-top:0;font-family:var(--wp--preset--font-family--sans)}
.fuss .wp-block-besen-zaiss-zeitraum + p,.fuss p.wp-block-besen-zaiss-zeitraum + p{margin-top:0}
/* Nur im Fuß sichtbare Menüpunkte in der Desktop-Kopfleiste ausblenden */
@media (min-width:1181px){.kopf .navi .wp-block-navigation__responsive-container:not(.is-menu-open) .nur-fuss{display:none}}

/* ============================================================
   Bewegung reduzieren
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .js .wp-block-image.foto img,.js .wp-block-image.foto.da img,.js .eintrag.da .wp-block-image.foto img{clip-path:none;transition:none}
  .wp-block-gallery.is-style-bildlauf.lauf{overflow-x:auto}
}