:root{--ink:#16181A;--paper:#FCFCFA;--wash:#F6F6F2;--rule:#E6E7E1;--mute:#7A7D77;--body:#4A4D48;--red:#C1121C}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 Newsreader,Georgia,serif}
img{max-width:100%;display:block}
a{color:var(--red);text-decoration:none}
a:hover{color:#8E0D14}
::selection{background:#F3D3D5}
.mono{font:500 11px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;color:var(--mute)}
.wrap{max-width:1180px;margin:0 auto;padding:0 44px}
.topbar{background:var(--ink);color:#B9BCB4}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;font:500 11px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.07em}
.topbar a{color:inherit}
header.site{border-bottom:1px solid var(--rule)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:20px;padding-bottom:20px}
/* "by Liane" steht unter der Wortmarke, rechtsbündig zu ihr. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:inherit}
.brand img{height:52px;width:auto;align-self:flex-start}
.brand span{font:400 15px/1 Newsreader,serif;color:var(--mute);align-self:flex-end;letter-spacing:.02em}
nav.main{display:flex;gap:30px;align-items:baseline;flex-wrap:wrap}
nav.main a{font:400 18px/1 Newsreader,serif;color:var(--ink);border-bottom:1px solid transparent;padding-bottom:3px}
nav.main a[aria-current=page]{color:var(--red);border-bottom-color:var(--red)}
.langs{font:500 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;color:var(--mute);white-space:nowrap}
.langs a{color:inherit}
.langs a:hover{color:var(--red)}
.langs a[aria-current=true]{color:var(--red)}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:200}
.skip:focus{left:0}
.burger{display:none;width:24px;height:16px;border:0;background:0;padding:0;cursor:pointer}
.burger i{display:block;height:1.5px;background:var(--ink);margin-bottom:6px}
h1,h2,h3,h4{font-weight:300;letter-spacing:-.015em;margin:0;text-wrap:pretty}
h1{font-size:clamp(40px,7vw,74px);line-height:1.05}
h2{font-size:clamp(32px,5vw,54px);line-height:1.06}
h3{font-size:clamp(26px,3.4vw,42px);line-height:1.12}
h4{font-size:clamp(21px,2.4vw,27px);line-height:1.25;font-weight:400}
p{margin:0;text-wrap:pretty}
em{color:var(--red)}
.lede{font-size:clamp(19px,2.2vw,21px);line-height:1.6;color:var(--body);max-width:50ch}
section{border-top:1px solid var(--rule)}
section:first-of-type{border-top:0}
.pad{padding-top:64px;padding-bottom:64px}
.hero{display:grid;grid-template-columns:1.15fr minmax(0,.85fr);gap:56px;align-items:start}
/* Hochformatiges Aufmacherfoto: den Text daneben mittig setzen, sonst
   klebt er oben und darunter steht eine grosse Leere. */
.hero.mittig{align-items:center}
.stack{display:flex;flex-direction:column;gap:24px;min-width:0;align-items:flex-start}
.shot{border-radius:6px;overflow:hidden;background:var(--wash)}
.shot img{width:100%;height:100%;object-fit:cover}
/* Kasten ohne feste Hoehe: das Bild bestimmt sie selbst, nichts wird beschnitten. */
.shot.eigenformat{height:auto}
.shot.eigenformat img{height:auto}
.btn{display:inline-block;padding:14px 24px;border-radius:4px;font:500 15px/1 Archivo,system-ui,sans-serif}
.btn-solid{background:var(--ink);color:#fff}
.btn-out{border:1px solid #D2D4CD;color:var(--ink)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.facts{display:flex;align-items:center;gap:14px;font:500 13px/1.5 "JetBrains Mono",ui-monospace,monospace;color:#6A6D67;flex-wrap:wrap}
.pull{background:var(--wash)}
.pull .wrap{display:grid;grid-template-columns:1.25fr minmax(0,.75fr);gap:56px;align-items:center;padding-top:56px;padding-bottom:56px}
blockquote{margin:0;font-size:clamp(26px,3.2vw,36px);line-height:1.3;font-style:italic}
.rows{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:70px 1fr auto;gap:28px;align-items:start;padding:24px 0;border-top:1px solid var(--rule);color:inherit}
.rows .row:last-child{border-bottom:1px solid var(--rule)}
.row .num{font:400 32px/1 Newsreader,serif;color:#C3C5BE}
.row .t{font:400 27px/1.2 Newsreader,serif}
.row .d{font-size:17px;line-height:1.6;color:var(--body);max-width:62ch}
.row .arw{font:400 20px/1 Archivo,sans-serif;color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.chip{font:500 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.07em;color:var(--mute);border:1px solid var(--rule);border-radius:3px;padding:5px 7px}
.bleed{position:relative;height:min(52vw,460px)}
.bleed img{width:100%;height:100%;object-fit:cover}
.bleed .card{position:absolute;left:44px;bottom:44px;max-width:600px;background:var(--paper);border-radius:6px;padding:30px 34px}
.bleed .card p{font-size:clamp(24px,3vw,32px);line-height:1.25;font-family:Newsreader,serif;font-weight:300;margin-bottom:8px}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule)}
.cols3>div{background:var(--paper);padding:0 30px}
.cols3>div:first-child{padding-left:0}
.cols3>div:last-child{padding-right:0}
.item{padding:16px 0;border-top:1px solid #EDEEE8;border-bottom:1px solid #EDEEE8}
.item b{font:500 18px/1.35 Archivo,system-ui,sans-serif}
.item .o{font-weight:400;color:var(--mute)}
.item i{display:block;font-style:normal;font-size:16px;line-height:1.5;color:#5A5D57;margin-top:4px}
.note{color:var(--mute);font-size:16px;line-height:1.55;margin-bottom:10px}
.art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:56px;align-items:start}
/* Breitere Bildspalte. Als Klasse, nicht inline — ein Inline-Style schlaegt
   die Mobil-Regel unten und liess die Spalten auf dem Handy stehen. */
.art.breitebild{grid-template-columns:minmax(0,1fr) minmax(0,.72fr)}
.prose{display:flex;flex-direction:column;gap:22px;max-width:62ch}
.prose p{font-size:19px;line-height:1.7}
.prose blockquote{padding-left:24px;border-left:2px solid var(--red);font-size:26px}
.side{display:flex;flex-direction:column;gap:28px;min-width:0}
figure{margin:0;display:flex;flex-direction:column;gap:8px}
/* Jedes Foto in der Seitenspalte behaelt sein eigenes Format. Ein fester
   4:3-Zuschnitt hat aus einem Hochformat die halbe Person geschnitten. */
.side figure img{width:100%;height:auto;display:block}
figcaption{font-size:15px;line-height:1.5;font-style:italic;color:var(--mute)}
.ph{background:var(--wash);border:1px dashed #D6D8D1;border-radius:6px;display:grid;place-items:center;color:var(--mute);font:500 11px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-align:center;padding:16px}
.box{border:1px solid #E1E2DC;border-radius:6px;background:var(--wash);padding:26px}
.wine{display:flex;flex-direction:column;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.wine>div{background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}
.wine .n{font:400 25px/1.2 Newsreader,serif}
.wine p{font-size:16px;line-height:1.6;color:#5A5D57}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.stats>div{background:#fff;padding:22px 20px;display:flex;flex-direction:column;gap:4px}
.stats b{font:300 38px/1 Newsreader,serif;color:var(--red)}
.stats span{font:500 11px/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;color:var(--mute)}
.two{display:grid;grid-template-columns:1.05fr minmax(0,.95fr);gap:56px;align-items:start}
.event{display:grid;grid-template-columns:170px 1fr minmax(0,300px);gap:36px;align-items:start;padding:28px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.langpick{display:flex;flex-direction:column;gap:10px;min-width:0}
.langpick a{padding:15px 20px;border-radius:4px;font:500 15px/1 Archivo,system-ui,sans-serif;border:1px solid #D2D4CD;color:var(--ink)}
.langpick a[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}
.hello{display:flex;gap:24px;flex-wrap:wrap;font-size:17px;color:var(--mute);padding-top:4px}
footer.site{background:var(--ink);color:#E8E9E3;margin-top:0}
footer.site .wrap{padding-top:56px;padding-bottom:28px;display:flex;flex-direction:column;gap:40px}
.fgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}
.fgrid img{height:22px;width:auto;align-self:flex-start;filter:brightness(0) invert(1)}
.fgrid p{font-size:16px;line-height:1.6;color:#9DA098;max-width:36ch}
.fcol{display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.7}
.fcol .mono{color:#7C7F78;margin-bottom:6px}
.fcol a{color:inherit}
.legal{display:flex;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid #2C2F31;font-size:14px;color:#7C7F78;flex-wrap:wrap}
.legal a{color:inherit}

/* ---------- Blog: Sub-Navigation und Vorschaukarten ---------- */
.subnav{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:40px}
.subnav a{font:500 12px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid transparent;padding-bottom:2px}
.subnav a:hover{color:var(--red)}
.subnav a[aria-current=page]{color:var(--red);border-bottom-color:var(--red)}
.postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.postcard{display:flex;flex-direction:column;gap:10px;color:inherit}
.postcard .thumb{overflow:hidden;border-radius:6px;background:var(--wash);aspect-ratio:16/10}
.postcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.postcard:hover .thumb img{transform:scale(1.04)}
.postcard h4{font:400 24px/1.25 Newsreader,serif;color:var(--ink);margin:0}
.postcard:hover h4{color:var(--red)}
.postcard p{font-size:16px;line-height:1.6;color:var(--body);margin:0}
.postcard .more{font:500 11px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-top:2px}


/* ---------- Beitragsbilder: Aufmacher, Flaschen, Weingut-Logo ---------- */
.leadfig{margin:0 0 8px;display:flex;flex-direction:column;gap:10px}
.leadfig img{width:100%;max-height:520px;object-fit:cover;object-position:center 40%;border-radius:6px}
/* Aufmacher, der ganz zu sehen sein soll — kein Deckelschnitt. */
.leadfig.ganz img{max-height:none;object-fit:fill;height:auto}
.leadfig figcaption{font-size:15px;line-height:1.5;font-style:italic;color:var(--mute)}
.wine .withbottle{display:grid;grid-template-columns:104px minmax(0,1fr);gap:22px;align-items:center}
.wine .bottle{display:grid;place-items:center;align-self:stretch;padding:6px 0}
.wine .bottle img{width:100%;height:190px;object-fit:contain}
.wine .withbottle.liegend{grid-template-columns:168px minmax(0,1fr)}
.wine .liegend .bottle img{height:auto;max-height:190px}
.wine .txt{display:flex;flex-direction:column;gap:10px;min-width:0}
.ctabox{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
/* align-self verhindert, dass der Flex-Textfluss das Logo auf volle Breite zieht */
.winerylogo{height:46px;width:auto;align-self:flex-start;margin-bottom:2px}
.quelle{display:flex;align-items:center;gap:12px}
.quelle img{height:42px;width:auto;flex:none}


/* Freigestellte Flaschen nebeneinander */
.bottlerow{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--wash);border:1px solid var(--rule);border-radius:6px;padding:22px}
.bottlerow figure{gap:12px}
.bottlerow img{width:100%;height:230px;object-fit:contain}
.bottlerow figcaption{display:flex;flex-direction:column;gap:3px;text-align:center;font-style:normal}
.bottlerow .n{font:400 20px/1.2 Newsreader,serif;color:var(--ink)}


/* ---------- Häufige Fragen ---------- */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--rule);max-width:74ch}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;position:relative;font:400 21px/1.35 Newsreader,serif;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:16px;font:300 26px/1 Archivo,sans-serif;color:var(--red)}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--red)}
.faq details p{padding:0 34px 20px 0;font-size:17px;line-height:1.65;color:var(--body)}


/* ---------- Hinweis auf den nächsten Termin ---------- */
/* Der Balken selbst geht über die ganze Breite, sein Inhalt sitzt im
   selben Raster wie der Rest der Seite (.wrap) — sonst klebt er auf
   breiten Schirmen ganz links. */
.evbanner{display:block;background:var(--ink);color:var(--paper);
  font:400 16px/1.4 Newsreader,serif}
.evbanner .evinner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  max-width:1180px;margin:0 auto;padding:14px 44px}
.evbanner .tag{font:500 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;
  text-transform:uppercase;color:var(--paper);border:1px solid rgba(252,252,250,.35);
  border-radius:3px;padding:6px 9px;white-space:nowrap}
.evbanner .when{font:500 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;
  color:#F0A5A8;white-space:nowrap}
.evbanner .what{color:var(--paper)}
.evbanner .what b{font-weight:500}
.evbanner .go{margin-left:auto;font:400 18px/1 Archivo,sans-serif;color:#F0A5A8;transition:transform .2s}
.evbanner:hover{color:var(--paper)}
.evbanner:hover .go{transform:translateX(4px)}

/* ---------- Rechtstexte ---------- */
.wrap.legalpage h2{font-size:clamp(20px,2.2vw,24px);margin-top:38px;margin-bottom:12px}
.wrap.legalpage{max-width:820px}
.wrap.legalpage>h2:first-child{margin-top:0}
.wrap.legalpage p{font-size:17px;line-height:1.7;color:var(--body);max-width:70ch}
.legal-list{margin:0;display:flex;flex-direction:column;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.legal-list>div{background:var(--paper);padding:14px 18px;display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:18px;align-items:baseline}
.legal-list dt{font:500 12px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.legal-list dd{margin:0;font-size:16.5px;line-height:1.55}
.legal-list .todo{color:var(--red);font-style:italic}

.aussenstack{display:flex;flex-direction:column;gap:26px;align-self:flex-start;width:100%}
.aussenfig{margin:0;display:flex;flex-direction:column;gap:10px}
.aussenfig .shot img{width:100%;height:auto;display:block}
.aussenfig figcaption{font-size:15px;line-height:1.5;font-style:italic;color:var(--mute)}

/* ---- Getränke- und Speisenkarte ---- */
.knav{display:flex;flex-wrap:wrap;gap:8px 10px;padding-bottom:26px;margin-bottom:38px;border-bottom:1px solid var(--rule)}
.knav a{font:500 12px/1 Archivo,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  color:var(--mute);text-decoration:none;border:1px solid var(--rule);border-radius:999px;padding:8px 13px;
  transition:color .15s,border-color .15s,background .15s}
.knav a:hover{color:var(--red);border-color:var(--red);background:#fff}

/* Spaltenfluss statt Raster: die Abschnitte sind sehr unterschiedlich lang,
   im Raster bleiben sonst grosse Luecken unter den kurzen stehen. */
.karte{column-count:2;column-gap:60px}
.kabschnitt{scroll-margin-top:96px;break-inside:avoid;page-break-inside:avoid;
  -webkit-column-break-inside:avoid;margin:0 0 52px;display:flow-root}
.kabschnitt h2{font-size:34px;font-weight:300;line-height:1.15;margin:0 0 4px}
.kabschnitt.hervor{background:var(--wash);border:1px solid var(--rule);border-radius:4px;padding:26px 24px}
.ktag{font:500 12px/1.4 Archivo,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--red);margin:0 0 10px}
.kintro{font-size:16px;line-height:1.6;color:var(--body);margin:0 0 20px;max-width:46ch}

.kkopf,.kpos{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:baseline}
.kkopf{padding-bottom:6px;border-bottom:1px solid var(--rule);margin-bottom:4px}
.kkopf .preis{font:400 11px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--mute);letter-spacing:.04em}
.kliste{display:flex;flex-direction:column}
.kpos{padding:11px 0;border-bottom:1px solid var(--rule)}
.kpos:last-child{border-bottom:0}
.was{display:flex;flex-direction:column;gap:3px;min-width:0}
.was>b{font:500 16px/1.35 Archivo,system-ui,sans-serif;color:var(--ink)}
.sub{display:block;font-size:14px;line-height:1.5;color:var(--mute)}
.sub .reben,.sub .hinweis{font-style:italic}
.sub .beschr{color:var(--body)}
.sub .tr{margin:0 6px;color:var(--rule)}
.marke{font-style:italic;color:var(--mute)}
.marke::before{content:" · "}
.winzer a{color:var(--body);text-decoration:none;border-bottom:1px solid var(--rule)}
.winzer a:hover{color:var(--red);border-bottom-color:var(--red)}
.ort{color:var(--mute)}
.ext,.ourfriend{font-size:11px;vertical-align:super;margin-left:2px;border:0}
.ourfriend{color:var(--red)}
a.ext{color:var(--mute);text-decoration:none;border:0}
a.ext:hover{color:var(--red)}
.preise{display:flex;gap:12px;flex:none}
.preis{font:500 15px/1.35 'JetBrains Mono',ui-monospace,monospace;color:var(--ink);
  min-width:46px;text-align:right;font-variant-numeric:tabular-nums}
.kgruppe{font:500 12px/1 Archivo,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--mute);padding:20px 0 8px;border-bottom:1px solid var(--rule)}
.kfuss{font-size:13px;line-height:1.6;color:var(--mute);margin:14px 0 0;font-style:italic}
.kende{margin-top:44px;padding-top:22px;border-top:1px solid var(--rule);font-style:normal;max-width:70ch}
/* Schluss der Karte: ein Bild, damit die lange Liste nicht einfach
   abreisst. Es steht ueber dem Kleingedruckten, nicht daneben — sonst
   liest es sich wie eine Position, und dieses Glas steht nicht auf der
   Karte. */
.schlussbild{max-width:340px;margin-bottom:8px}

/* Was uns ausmacht und was man wissen muss: das eine erzaehlt, das
   andere zaehlt auf. Deshalb zwei verschiedene Listen. */
.wissen{align-items:start}
.merkmale{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.merkmale li{position:relative;padding-left:26px;font-size:18px;line-height:1.6;color:var(--body);max-width:52ch}
.merkmale li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;
  border-radius:50%;background:var(--red);opacity:.75}
.fakten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;
  background:var(--rule);border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.fakten li{background:var(--paper);padding:13px 18px;font-size:16px;line-height:1.5;color:var(--body)}
.fakten li:first-child{font-family:Archivo,system-ui,sans-serif;font-size:15px;color:var(--ink)}

@media (max-width:860px){
  .karte{column-count:1}
  .kabschnitt{margin-bottom:44px}
  .kabschnitt h2{font-size:28px}
  .preis{min-width:42px;font-size:14px}
  .knav{gap:7px 8px;margin-bottom:30px}
  .knav a{padding:7px 11px;font-size:11px}
}

/* Karten-Abschnitt im Fliesstext eines Beitrags: eine Spalte, kein Sprung. */
.karte.imbeitrag{column-count:1;margin:0 0 6px}
.karte.imbeitrag .kabschnitt{margin:0}
.karte.imbeitrag .kabschnitt h2{font-size:26px}

/* Gutschein: die Karte liegt wie ein Stueck Papier auf der Seite. Der
   Schatten macht sie greifbar, das Anheben beim Zeigen sagt, dass man
   sie nehmen darf. */
.gutschein{background:var(--wash)}
.gsgrid{display:grid;grid-template-columns:1.05fr minmax(0,.95fr);gap:56px;
  align-items:center;padding-top:60px;padding-bottom:60px}
.gsnote{font-size:15px;line-height:1.6;color:var(--mute);max-width:46ch}
.gskarte{display:block;border-radius:8px;overflow:hidden;
  box-shadow:0 1px 2px rgba(22,24,26,.07),0 14px 34px rgba(22,24,26,.14);
  transition:transform .18s ease,box-shadow .18s ease}
.gskarte:hover{transform:translateY(-3px);
  box-shadow:0 2px 5px rgba(22,24,26,.09),0 20px 46px rgba(22,24,26,.19)}
.gskarte img{width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.gskarte{transition:none}.gskarte:hover{transform:none}}

@media (max-width:620px){ .legal-list>div{grid-template-columns:1fr;gap:4px} }

@media (prefers-reduced-motion:reduce){.evbanner .go{transition:none}}

@media (max-width:980px){
 .wrap{padding:0 20px}
 .pad{padding-top:40px;padding-bottom:40px}
 body{font-size:17px}
 nav.main{display:none}
 nav.main.open{display:flex;flex-direction:column;gap:14px;width:100%;order:3;padding-bottom:8px}
 .burger{display:block}
 header.site .wrap{flex-wrap:wrap;gap:16px}
 .langs{order:2}
 .hero,.pull .wrap,.art,.art.breitebild,.two,.gsgrid,.wissen{grid-template-columns:1fr;gap:28px}
 /* Auf dem Telefon zuerst die Karte — sie ist das, was man erkennt. */
 .gsgrid{padding-top:40px;padding-bottom:40px}
 .gsgrid .gskarte{order:-1}
 .cols3{grid-template-columns:1fr;gap:28px;background:0}
 .cols3>div{padding:0}
 .row{grid-template-columns:44px 1fr;gap:14px}
 .row .arw{display:none}
 .event{grid-template-columns:1fr;gap:16px}
 .bleed{height:auto}
 .bleed img{height:260px}
 .bleed .card{position:static;left:auto;bottom:auto;max-width:none;padding:24px 20px;border-radius:0}
 .stats{grid-template-columns:1fr}
 .fgrid{grid-template-columns:1fr;gap:28px}
 .side{order:-1}
 .postgrid{grid-template-columns:1fr;gap:30px}
 .subnav{gap:8px 16px}
 .wine .withbottle{grid-template-columns:80px minmax(0,1fr);gap:16px}
 .wine .withbottle.liegend{grid-template-columns:120px minmax(0,1fr)}
 .wine .bottle img{height:140px}
 .leadfig img{max-height:300px}
 .bottlerow img{height:170px}
 .evbanner{font-size:15px}
 .evbanner .evinner{padding:14px 20px;gap:10px}
 .evbanner .go{display:none}
}