/* ============================================================
   DJ SAM WEDDINGS · redesign.css · v1.0
   Helles Editorial-System: Cremeweiss / Anthrazit / Weinrot
   Cormorant Garamond (Display) + Inter (Funktion)
   Ersetzt ALLE Inline-<style>-Bloecke der Bestandsseiten.
   Abschnitte:
   00 Fonts · 01 Tokens · 02 Reset/Basis · 03 Typografie
   04 Nav/Mobile-Nav · 05 Buttons · 06 Hero · 07 Sektionen/Split
   08 Komponenten (Facts, Galerie, Prozess, Interview, Listen,
      Karten/Grids, Story, Testimonials, Intlinks, Ticker)
   09 Formulare · 10 Footer · 11 Quick-Links/Consent/CTA-Bar
   12 Motion/Reveal · 13 Fokus/A11y · 14 Responsive
   15 LEGACY-BRIDGE (Bereinigungskandidaten)
   ============================================================ */

/* ── 00 · FONTS ─────────────────────────────────────────────
   Dateien liegen lokal vor (Stand 27.07.2026, von Semih freigegebener Download) — Pfade sind verbindlich:
   fonts/cormorant-*.woff2 · fonts/inter-*.woff2
   Fallbacks tragen das Layout bis dahin vollstaendig. */
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-400italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:"Inter";src:url("fonts/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Inter";src:url("fonts/inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Inter";src:url("fonts/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}

/* Alte Inline-Fontnamen auf das neue System mappen
   (Playfair/Commissioner/Space Mono laden nicht mehr): */
[style*="Playfair"]{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;}
/* Formularfelder in Brand-Font (Inter) statt Browser-Arial (Legacy-Font-Bereinigung Phase 2.4) */
input,textarea,select,button{font-family:"Inter",-apple-system,"Helvetica Neue",system-ui,sans-serif;}
[style*="Commissioner"],[style*="Space Mono"]{font-family:"Inter",-apple-system,"Helvetica Neue",system-ui,sans-serif!important;}

/* ── 01 · TOKENS ──────────────────────────────────────────── */
:root{
  /* Farben */
  --paper:#F9F6F1;        /* primaerer Seitenhintergrund */
  --card:#FFFFFF;         /* Reinweiss: Karten, weisse Baender */
  --wash:#F2EDE5;         /* vertiefte Creme-Flaeche (ehem. bg2) */
  --ink:#1D1F2A;          /* Anthrazit: Text + Night-Sektionen */
  --wine:#7A000C;         /* Weinrot: kontrollierte Akzente */
  --wine-deep:#5E000A;    /* Hover/aktiv */
  --wine-tint:rgba(122,0,12,.08);
  --line:#E7E7E4;         /* feine Linien */
  --muted:#77716C;        /* Sekundaertext — NUR auf Weiss oder >=1.2rem (ACHTUNG: auf Creme nur 4,46:1 = AA-FAIL — NIE auf --paper einsetzen, nur auf Weiss) */
  --muted-deep:#655F59;   /* Sekundaertext auf Creme (5.8:1, AA-sicher) */
  --coral:#E53E49;        /* NUR funktional: Fehler-Border/Icons, nie Fliesstext */
  --night-tx:rgba(249,246,241,.82);
  --night-line:rgba(249,246,241,.16);

  /* Typografie */
  --font-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-sans:"Inter",-apple-system,"Helvetica Neue",system-ui,sans-serif;
  --fs-h1:clamp(2.6rem,6vw,4.6rem);
  --fs-h2:clamp(1.9rem,3.6vw,2.9rem);
  --fs-h3:1.4rem;
  --fs-body:1.0625rem;    /* 17px */
  --fs-meta:.75rem;       /* Nagigraphy-Metastil 12px */
  --ls-meta:.18em;

  /* Layout & Rhythmus */
  --max:1200px;
  --measure:65ch;
  --narrow:680px;
  --sec-pad:clamp(72px,10vw,140px);
  --sec-pad-s:clamp(48px,7vw,88px);
  --gap:32px;
  --r:0;                  /* editorial: keine Rundungen */
  --ease:cubic-bezier(.22,.61,.36,1);

  /* LEGACY-ALIASSE — Inline-Styles im Body referenzieren die
     alten Variablen; hier werden sie auf die neue Welt gemappt.
     Bereinigungskandidat: entfaellt, sobald Inline-Styles raus sind. */
  --bg:var(--paper);--bg2:var(--wash);--bg3:var(--card);
  --wr:var(--wine);--wr2:var(--wine-deep);
  --or:var(--wine);--or2:var(--wine-deep);
  --tx:var(--ink);--mu:var(--muted-deep);--mu2:var(--muted);
  --br:var(--line);--br2:var(--line);
}

/* ── 02 · RESET / BASIS ───────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}
html{background:var(--paper);-webkit-tap-highlight-color:transparent;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  font-weight:400;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
img[width][height]{height:auto;}
::selection{background:var(--wine);color:#fff;}
figure{margin:0;}
button{font:inherit;color:inherit;}

.wrap{max-width:var(--max);margin:0 auto;padding:0 32px;}
.body-txt,.artl .wrap{max-width:var(--narrow);}
main{display:block;}

/* Skip-Link */
.skip{position:absolute;left:-9999px;top:0;z-index:99999;background:var(--wine);color:#fff;padding:12px 20px;font-family:var(--font-sans);font-size:.8rem;letter-spacing:.08em;text-decoration:none;}
.skip:focus{left:12px;top:12px;}

/* ── 03 · TYPOGRAFIE ──────────────────────────────────────── */
h1,h2{font-family:var(--font-serif);font-weight:500;color:var(--ink);line-height:1.12;text-wrap:balance;letter-spacing:-.005em;}
h1{font-size:var(--fs-h1);}
h2{font-size:var(--fs-h2);}
h3{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-h3);color:var(--ink);line-height:1.3;}
p{max-width:var(--measure);}
em{font-style:italic;}
strong{font-weight:600;color:var(--ink);}
blockquote{font-family:var(--font-serif);font-style:italic;}

/* Metadaten-Stil (Nagigraphy): Inter, Versalien, Letterspacing */
.eyebrow,.hero-tag,.feyebrow,.ileyebrow,.rev-tag,.mono,
.fk,.iv-label,.iv-sam,.pn,.rlrub,.rleyebrow,
.s-cat,.s-meta,.s-review-src,.s-share-l,.fxa,
.ft-brand-sub,.nbrand-sub{
  font-family:var(--font-sans);
  font-size:var(--fs-meta);
  font-weight:500;
  letter-spacing:var(--ls-meta);
  text-transform:uppercase;
  font-style:normal;
}
.eyebrow,.eyebrow--or,.feyebrow,.ileyebrow,.hero-tag{color:var(--wine);display:block;margin-bottom:18px;}
.serif{font-family:var(--font-serif);}
.mono{color:var(--muted-deep);}

/* Fliesstext-Links im Inhalt */
main p a,main li a,.fv a,.s-text a,.iv-a a,.cons a{
  color:var(--wine);
  border-bottom:1px solid rgba(122,0,12,.3);
  transition:color .2s,border-color .2s;
}
main p a:hover,main li a:hover,.fv a:hover,.s-text a:hover,.cons a:hover{color:var(--wine-deep);border-bottom-color:var(--wine-deep);}

/* Breadcrumb */
.bc{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-deep);margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:.6em;flex-wrap:wrap;}
.bc a{color:var(--muted-deep);border-bottom:0;transition:color .2s;padding:6px 0;}
.bc a:hover{color:var(--wine);}
.bc span{opacity:.45;}

/* ── 04 · NAVIGATION ──────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px 40px;
  background:rgba(249,246,241,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:transform .5s var(--ease),padding .3s,box-shadow .3s;
}
.nav.sc{padding:11px 40px;box-shadow:0 1px 0 var(--line);}
.nav.fxhid{transform:translateY(-110%);}
.nbrand{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1;flex-shrink:0;}
.nbrand-logo{height:44px;width:auto;display:block;
  /* Altbestand: weisses Logo-Bitmap -> auf hellem Grund invertieren.
     Bereinigungskandidat: dunkle Logodatei einsetzen, Filter entfernen. */
  filter:invert(1) brightness(.2);
}
.nbrand-name{font-family:var(--font-sans);font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);}
.nbrand-sub{color:var(--muted-deep);font-size:.58rem;}
.nlinks{display:flex;align-items:center;gap:8px 26px;list-style:none;flex-wrap:wrap;justify-content:flex-end;}
.nlinks a{
  font-family:var(--font-sans);font-size:.84rem;font-weight:500;letter-spacing:.02em;
  color:var(--ink);position:relative;padding:12px 2px;display:inline-block;
  transition:color .2s;
}
.nlinks a::after{content:"";position:absolute;left:2px;right:2px;bottom:7px;height:1px;background:var(--wine);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease);}
.nlinks a:hover,.nlinks a.on{color:var(--wine);}
.nlinks a:hover::after,.nlinks a.on::after{transform:scaleX(1);transform-origin:left;}
.ncta,.nlinks a.ncta{
  font-family:var(--font-sans);font-weight:600;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  background:var(--wine);color:#fff;border:1px solid var(--wine);border-radius:var(--r);
  padding:12px 20px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  transition:background .25s,border-color .25s;
}
.ncta:hover,.nlinks a.ncta:hover{background:var(--wine-deep);border-color:var(--wine-deep);color:#fff;}
.ncta::after,.nlinks a.ncta::after{display:none;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center;}
.burger span{width:24px;height:2px;border-radius:1px;background:var(--ink);display:block;transition:.3s;}

/* Mobile-Overlay */
.mob{display:none;position:fixed;inset:0;z-index:9999;background:var(--paper);flex-direction:column;align-items:flex-start;gap:0;padding:88px 32px 48px;counter-reset:mnav;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mob.op{display:flex;}
.mob a{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--ink);padding:16px 0;border-bottom:1px solid var(--line);width:100%;display:flex;align-items:baseline;gap:18px;counter-increment:mnav;transition:color .2s;}
.mob a:first-of-type{border-top:1px solid var(--line);}
.mob a::before{content:counter(mnav,decimal-leading-zero);font-family:var(--font-sans);font-size:.62rem;font-weight:500;letter-spacing:.15em;color:var(--wine);flex-shrink:0;}
.mob a:hover{color:var(--wine);}
.mob .cl{position:fixed;top:16px;right:18px;font-size:1.7rem;cursor:pointer;background:none;border:0;color:var(--ink);z-index:10000;padding:12px;line-height:1;min-width:44px;min-height:44px;}

/* Scroll-Progress (vom FX-Script erzeugt) */
#fxprog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--wine);z-index:12000;pointer-events:none;}

/* ── 05 · BUTTONS ─────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:var(--font-sans);font-weight:600;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;
  padding:15px 30px;min-height:46px;
  border-radius:var(--r);border:1px solid transparent;
  cursor:pointer;text-decoration:none;
  transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease);
}
.btn:active{transform:translateY(1px);}
/* Primaer (Klassenname .btn-or bleibt aus dem Bestand) */
.btn-or{background:var(--wine);color:#fff;border-color:var(--wine);}
.btn-or:hover{background:var(--wine-deep);border-color:var(--wine-deep);color:#fff;}
/* Sekundaer: Anthrazit-Outline */
.btn-wr{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-wr:hover{background:var(--ink);color:var(--paper);}
/* Formular-Submit (Klassenname .btn-grn bleibt) */
.btn-grn{background:var(--wine);color:#fff;border-color:var(--wine);}
.btn-grn:hover{background:var(--wine-deep);border-color:var(--wine-deep);}
.btn-sm{padding:11px 22px;font-size:.72rem;min-height:44px;}

/* ── 06 · HERO ────────────────────────────────────────────── */
.hero{
  min-height:0;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  padding:calc(96px + 8vh) 32px 88px;
  position:relative;overflow:hidden;
  background:var(--paper);
}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 60% at 50% -10%,var(--wine-tint),transparent 65%);pointer-events:none;}
.hero>.wrap,.hero-inner{position:relative;z-index:1;}
.hero-inner{max-width:840px;margin:0 auto;}
.hero-tag{color:var(--wine);margin-bottom:20px;}
.hero h1{margin-bottom:18px;}
.hero h1 em{display:block;font-style:italic;font-weight:400;font-size:.44em;color:var(--wine);margin-top:.5em;line-height:1.35;letter-spacing:.01em;}
.hero-p{font-size:1.06rem;color:var(--muted-deep);max-width:640px;margin:0 auto 30px;line-height:1.8;}
.hero-p strong{color:var(--ink);}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:36px;}

/* Split-Hero (Startseite) */
.hero--split{padding:0;text-align:left;align-items:stretch;min-height:88svh;background:var(--paper);}
.hero--split .hero-grid{display:grid;grid-template-columns:44% 56%;width:100%;max-width:1680px;margin:0 auto;}
.hero--split .hero-photo{position:relative;overflow:hidden;}
.hero--split .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 15%;}
.hero--split .hero-inner{max-width:620px;width:100%;margin:0 auto;text-align:left;padding:calc(76px + 6vh) 7% 6vh 6%;align-self:center;}
.hero--split .hero-tag{margin:0 0 22px;}
.hero--split h1{font-size:clamp(3rem,4.4vw,4.4rem);line-height:1.02;margin:0;}
.hero--split h1 em{font-size:clamp(1.4rem,1.9vw,1.85rem);}
.hero--split .hero-p{margin:28px 0 36px;max-width:none;}
.hero--split .hero-ctas{justify-content:flex-start;margin:0;}

/* Volles Querformat-Bild */
.hero-img-full{width:100%;overflow:hidden;line-height:0;max-height:560px;}
.hero-img-full img{width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center 25%;}

/* Hero-Stats */
.hero-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;padding-top:40px;border-top:1px solid var(--line);}
.stat b{font-family:var(--font-serif);font-size:2.5rem;font-weight:500;color:var(--wine);display:block;margin-bottom:2px;line-height:1.1;}
.stat small{font-family:var(--font-sans);font-size:.68rem;font-weight:500;letter-spacing:.14em;color:var(--muted-deep);text-transform:uppercase;}

/* ── 07 · SEKTIONEN & SPLIT ───────────────────────────────── */
.sec{padding:var(--sec-pad) 0;}
.sec--alt{background:var(--wash);}
.sec--wh{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec--wh .eyebrow{color:var(--wine);}
.sec--wh p{color:var(--ink);}
/* Sekundaertext auf Weiss darf --muted nutzen (4.79:1) */
.sec--wh .helper,.sec--wh small{color:var(--muted);}

/* Opt-in: dunkle Club-Energie-Sektion — NIE Grundton */
.sec--night{background:var(--ink);color:var(--night-tx);}
.sec--night h1,.sec--night h2,.sec--night h3,.sec--night strong{color:var(--paper);}
.sec--night p{color:var(--night-tx);}
.sec--night .eyebrow,.sec--night .hero-tag{color:rgba(249,246,241,.62);}
.sec--night .btn-or{background:var(--paper);color:var(--ink);border-color:var(--paper);}
.sec--night .btn-or:hover{background:#fff;color:var(--ink);border-color:#fff;}
.sec--night .btn-wr{color:var(--paper);border-color:rgba(249,246,241,.5);}
.sec--night .btn-wr:hover{background:var(--paper);color:var(--ink);border-color:var(--paper);}
.sec--night a{color:var(--paper);border-bottom-color:rgba(249,246,241,.4);}
.sec--night ::selection{background:var(--paper);color:var(--ink);}

/* Split: Bild + Text */
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:72vh;}
.split-img{overflow:hidden;position:relative;background:var(--wash);}
.split-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
@media (hover:hover){.split-img:hover img{transform:scale(1.01);}}
.split-txt{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  text-align:left;
  padding:9vh 9%;
}
.split-txt .eyebrow{margin-bottom:20px;}
.split-txt h2{margin-bottom:22px;}
.split-txt p{color:var(--muted-deep);line-height:1.85;margin-bottom:18px;max-width:var(--measure);}
.split-txt p strong{color:var(--ink);}
.split-txt p:last-of-type{margin-bottom:0;}
.split-txt .btn{margin-top:28px;}

/* Statement */
.statement{text-align:center;padding:var(--sec-pad) 32px;background:var(--paper);}
.statement .eyebrow{margin-bottom:20px;}
.statement h2{font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:16ch;margin:0 auto 26px;line-height:1.08;}
.statement p{color:var(--muted-deep);max-width:62ch;margin:0 auto;line-height:1.85;font-size:1.05rem;}
.statement p strong{color:var(--ink);}
.statement a{color:var(--wine);border-bottom:1px solid rgba(122,0,12,.3);}

/* ── 08 · KOMPONENTEN ─────────────────────────────────────── */

/* Facts (Startseite "Wer ist DJ SAM?") */
.facts{background:var(--wash);padding:var(--sec-pad-s) 0;}
.facts .fwrap{max-width:900px;margin:0 auto;padding:0 24px;text-align:center;}
.facts .feyebrow{color:var(--wine);margin-bottom:14px;display:block;}
.facts h2{margin:0 0 20px;}
.facts .flead{font-size:1.05rem;line-height:1.8;color:var(--ink);max-width:760px;margin:0 auto 40px;}
.facts .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0;text-align:left;border-top:1px solid var(--line);}
.facts .frow{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 8px;border-bottom:1px solid var(--line);align-items:baseline;}
.facts .fk{color:var(--muted-deep);font-size:.66rem;}
.facts .fv{font-size:.94rem;line-height:1.65;color:var(--ink);}

/* Galerie */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:16px;}
.gallery-item{overflow:hidden;border-radius:var(--r);}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
@media (hover:hover){.gallery-item:hover img{transform:scale(1.01);}}
.gallery-item--tall{grid-row:span 2;}
.gal-sec{padding:var(--sec-pad-s) 0;}
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.gal-grid img{width:100%;height:100%;object-fit:cover;}

/* Zitat-Band (ehem. Marquee) + Ticker */
.fxmq{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 22px;overflow:hidden;}
.fxmq-track{width:100%;display:block;text-align:center;animation:none;}
.fxmq-track span{display:block;white-space:normal;}
.fxmq-track span+span{display:none;}
.fxmq-track .fxq{font-family:var(--font-serif);font-style:italic;font-size:1.15rem;line-height:1.6;color:var(--ink);display:block;max-width:720px;margin:0 auto;text-wrap:balance;letter-spacing:0;text-transform:none;}
.fxmq-track .fxa{color:var(--wine);display:block;margin-top:10px;}
.fxmq-track b{color:var(--wine);font-weight:600;}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;overflow:hidden;white-space:nowrap;background:var(--wash);}
.ticker-in{display:inline-flex;gap:32px;animation:ticker 34s linear infinite;}
.ticker-in span{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.14em;color:var(--muted-deep);text-transform:uppercase;}
.ticker-in em{color:var(--wine);font-style:normal;}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Prozess-Karten (.prc, Formular-Intro) */
.prc{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:880px;margin:0 auto 40px;text-align:left;background:var(--line);}
.prc>div{background:var(--card);padding:22px 24px;border:0;border-radius:var(--r);}
.prc .pn{color:var(--wine);display:block;font-size:.68rem;}
.prc p{margin:10px 0 0;font-size:.92rem;line-height:1.65;color:var(--muted);opacity:1;}

/* Prozess-Schritte (.ps/.step, Kontaktseite) */
.ps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);}
.step{background:var(--card);padding:38px 30px;text-align:left;}
.snum{font-family:var(--font-serif);font-style:italic;font-size:2.5rem;font-weight:400;color:var(--wine);display:block;margin-bottom:12px;line-height:1;}
.step p{color:var(--muted);font-size:.95rem;}

/* Interview-Akkordeon (.iv, Ratgeber) */
.interview-wrap{max-width:var(--narrow);margin:0 auto;}
.iv{border-top:1px solid var(--line);}
.iv:last-child{border-bottom:1px solid var(--line);}
.iv-btn{width:100%;display:flex;align-items:flex-start;gap:20px;padding:28px 0;background:none;border:0;cursor:pointer;text-align:left;min-height:44px;}
.iv-left{flex:1;min-width:0;}
.iv-label{color:var(--wine);display:block;margin-bottom:10px;font-size:.64rem;}
.iv-q{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.2rem,2.2vw,1.5rem);color:var(--ink);line-height:1.4;}
.iv-icon{flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:300;color:var(--muted-deep);transition:all .3s var(--ease);line-height:1;margin-top:2px;}
.iv.open .iv-icon,.iv-btn[aria-expanded="true"] .iv-icon{background:var(--wine);border-color:var(--wine);color:#fff;transform:rotate(45deg);}
.iv-body{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);}
.iv-inner{padding:0 60px 30px 0;}
.iv-sam{color:var(--muted-deep);display:block;margin-bottom:14px;font-size:.64rem;}
.iv-a{color:var(--ink);font-size:1rem;line-height:1.9;margin-bottom:14px;max-width:var(--measure);}

/* Lese-/Ranking-Listen (.rl*, Ratgeber-Hub) */
.rlwrap{max-width:var(--max);margin:0 auto;padding:0 32px;}
.rlgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 56px;}
.rleyebrow{color:var(--wine);display:block;margin-bottom:12px;}
.rlh2{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-h2);color:var(--ink);margin:0 0 24px;}
.rlhier{color:var(--muted-deep);}
.rlrub{color:var(--wine);display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.66rem;}
.rlrub::after{content:"";flex:1;height:1px;background:var(--line);}
.rlrow{display:flex;gap:14px;align-items:baseline;padding:12px 2px;border-bottom:1px solid var(--line);text-decoration:none;transition:border-color .25s,padding-left .25s;}
.rlrow:hover{border-bottom-color:var(--wine);padding-left:8px;}
.rln{font-family:var(--font-sans);font-size:.66rem;font-weight:500;letter-spacing:.06em;color:var(--wine);min-width:22px;}
.rlt{font-family:var(--font-serif);font-size:1.1rem;line-height:1.4;color:var(--ink);transition:color .25s;}
.rlrow:hover .rlt{color:var(--wine);}
.rlnow .rlt{color:var(--muted-deep);}
.rlib{color:var(--muted-deep);}

/* Karten & Grids (Destinations, Workshops, Partner, Philosophie) */
.dest-grid,.ng{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2px;background:var(--line);}
.dc,.nc{background:var(--card);padding:30px 28px;text-align:left;}
.dc h3,.nc h3{margin-bottom:12px;}
.dc p,.nc p{color:var(--muted);font-size:.94rem;line-height:1.7;}
.dc a{display:block;padding:8px 2px;color:var(--ink);border-bottom:0;transition:color .2s;}
.dc a:hover{color:var(--wine);}
.pcard{background:var(--card);border:1px solid var(--line);padding:28px;transition:border-color .25s;}
.pcard:hover{border-color:var(--wine);}
.qblock{max-width:var(--narrow);margin:56px auto;padding-left:28px;border-left:2px solid var(--wine);}
.qblock,.qblock p{font-family:var(--font-serif);font-style:italic;font-size:1.3rem;line-height:1.6;color:var(--ink);}
.inv{padding:var(--sec-pad) 0;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;}
.inv h2{margin-bottom:22px;}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.tag{font-family:var(--font-sans);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-deep);border:1px solid var(--line);padding:7px 12px;border-radius:var(--r);}

/* Story-Layout (Hochzeitsgeschichten, .s-*) */
.story{background:var(--paper);}
.s-herofig{margin:0;padding-top:72px;}
.s-herofig img{width:100%;max-height:78vh;object-fit:cover;}
.s-head{max-width:860px;margin:0 auto;padding:88px 26px 0;}
.s-cat{color:var(--wine);margin:0 0 26px;text-align:left;}
.s-h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(2.3rem,5.4vw,4.4rem);line-height:1.05;color:var(--ink);margin:0 0 28px;text-align:left;}
.s-sub{font-family:var(--font-sans);font-weight:400;font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.8;color:var(--muted-deep);margin:0 0 38px;text-align:left;}
.s-meta{color:var(--muted-deep);line-height:2.2;margin:0;text-align:left;font-size:.66rem;}
.s-text{max-width:var(--narrow);margin:0 auto;padding:64px 26px 0;}
.s-text p{font-size:1.05rem;line-height:1.9;color:var(--ink);margin-bottom:1.6em;max-width:var(--measure);}
.s-drop::first-letter{font-family:var(--font-serif);font-weight:500;font-size:3.4em;line-height:.82;float:left;padding:.08em .12em 0 0;color:var(--wine);}
.s-quote{max-width:820px;margin:120px auto 56px;padding:0 26px;border:0;}
.s-quote,.s-quote p{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.55;color:var(--ink);}
.s-img{max-width:1200px;margin:120px auto;padding:0 26px;}
.s-img--portrait{max-width:780px;}
.s-img img{width:100%;}
.s-img figcaption,.s-credit{font-family:var(--font-sans);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-deep);margin-top:12px;display:block;}
.s-review{max-width:var(--narrow);margin:110px auto 0;padding:44px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.s-review-src{color:var(--muted-deep);margin:0 0 14px;text-align:left;font-size:.64rem;}
.s-review-stars{color:var(--wine);font-size:1.05rem;letter-spacing:.2em;margin:0 0 20px;text-align:left;}
.s-review p{font-family:var(--font-serif);font-style:italic;font-size:1.2rem;line-height:1.7;color:var(--ink);}
.s-end{max-width:var(--narrow);margin:120px auto 0;padding:0 26px 40px;}
.s-share{max-width:var(--narrow);margin:56px auto 0;padding:26px 26px 0;border-top:1px solid var(--line);}
.s-share-l{color:var(--muted-deep);display:block;margin-bottom:16px;text-align:left;font-size:.64rem;}
.s-share-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.s-share-row a,.s-share-row button,.sh-copy,.sh-ig{
  font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:var(--r);
  padding:12px 18px;min-height:44px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  transition:border-color .25s,color .25s;
}
.s-share-row a:hover,.s-share-row button:hover{border-color:var(--wine);color:var(--wine);}
.sh-nativ{display:none;}
.sh-ok{color:var(--wine);border-color:rgba(122,0,12,.4);}
.s-more{max-width:1200px;margin:120px auto 0;padding:64px 26px 0;border-top:1px solid var(--line);}
.s-more-h{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--ink);display:block;margin:20px 0 8px;text-align:left;}
.s-more-t{margin-top:10px;color:var(--muted-deep);font-size:.95rem;line-height:1.7;display:block;max-width:640px;text-align:left;}
.s-more-link{display:block;max-width:820px;text-decoration:none;border-bottom:0;}
@media (hover:hover){.s-more-link:hover .s-more-h{color:var(--wine);}}
.s-more-card{max-width:820px;}
.s-more-all{margin:26px 0 0;}
.s-avail{max-width:var(--narrow);margin:0 auto;padding:110px 26px 130px;}
.s-vendors{color:var(--muted-deep);font-size:.9rem;}

/* Testimonials (.rev-sec) — helles Editorial-Band */
.rev-sec{
  padding:var(--sec-pad) 24px;
  background:var(--card);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  text-align:center;position:relative;overflow:hidden;
}
.rev-sec::before{content:"\201E";position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-family:var(--font-serif);font-size:clamp(10rem,20vw,15rem);line-height:1;color:var(--wine-tint);pointer-events:none;}
.rev-inner{position:relative;z-index:1;max-width:840px;margin:0 auto;}
.rev-tag{color:var(--wine);display:block;margin-bottom:18px;}
.stars{color:var(--wine);font-size:1rem;letter-spacing:.3em;display:block;margin:0 0 28px;}
#rslider{min-height:210px;display:flex;align-items:center;justify-content:center;}
#rslider figure{margin:0;}
.rev-q{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.55;color:var(--ink);max-width:36ch;margin:0 auto 24px;}
.rev-attr{font-family:var(--font-sans);font-style:normal;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:0;}
.rev-dots{display:flex;justify-content:center;gap:6px;margin:30px 0 26px;}
.rev-dot{width:44px;height:32px;min-width:44px;background:transparent;border:0;border-radius:0;cursor:pointer;position:relative;padding:0;}
.rev-dot::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:2px;background:var(--line);transition:background .3s,width .35s var(--ease);}
.rev-dot:hover::after{background:var(--muted);}
.rev-dot.on::after{background:var(--wine);width:38px;}
.rev-micro{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.04em;color:var(--muted);margin:0 0 26px;}
.rev-link{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);border-radius:var(--r);padding:13px 26px;min-height:44px;transition:background .25s,color .25s;}
.rev-link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.ti-slot{min-height:120px;}

/* Interne Verlinkung (.intlinks) */
.intlinks{background:var(--wash);padding:56px 0 60px;border-top:1px solid var(--line);}
.intlinks .ilwrap{max-width:1160px;margin:0 auto;padding:0 22px;text-align:center;}
.intlinks .ileyebrow{color:var(--wine);display:block;margin-bottom:10px;}
.intlinks h2{font-size:1.6rem;margin:0 0 24px;}
.intlinks .ilgrid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.intlinks a{
  font-family:var(--font-sans);font-size:.8rem;font-weight:500;letter-spacing:.02em;
  color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:11px 18px;min-height:44px;display:inline-flex;align-items:center;
  text-decoration:none;transition:border-color .25s,color .25s;
}
.intlinks a:hover{border-color:var(--wine);color:var(--wine);background:var(--card);}

/* ── 09 · FORMULARE ───────────────────────────────────────── */
.form-sec{padding:var(--sec-pad) 0;background:var(--wash);}
.form-sec .eyebrow{text-align:center;margin-bottom:16px;}
.form-sec h2{text-align:center;margin-bottom:12px;}
.form-sec .sub{text-align:center;color:var(--muted-deep);margin:0 auto 48px;font-size:1rem;max-width:60ch;}
.form-card{background:var(--card);max-width:760px;margin:0 auto;padding:52px 56px;border:1px solid var(--line);border-top:2px solid var(--wine);box-shadow:none;position:relative;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;}
.fi{display:flex;flex-direction:column;gap:8px;}
.fi--full,.fi--f{grid-column:1/-1;}
.fi label{font-family:var(--font-sans);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.fi input,.fi select,.fi textarea{
  background:transparent;border:0;border-bottom:1px solid var(--line);
  padding:12px 0;min-height:44px;color:var(--ink);
  font-family:var(--font-sans);font-size:1rem;
  transition:border-color .25s,box-shadow .25s;width:100%;
  -webkit-appearance:none;appearance:none;border-radius:0;
}
.fi input:focus,.fi select:focus,.fi textarea:focus{outline:none;border-bottom-color:var(--wine);box-shadow:0 1px 0 0 var(--wine);}
.fi textarea{resize:vertical;min-height:96px;}
.fi select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23655F59' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;cursor:pointer;}
.fi input::placeholder,.fi textarea::placeholder{color:var(--muted);}
.fi .helper,.helper{font-family:var(--font-sans);font-size:.78rem;color:var(--muted);margin-top:4px;}
.cons{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:.84rem;color:var(--muted-deep);line-height:1.6;cursor:pointer;}
.cons input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:var(--wine);cursor:pointer;}
.form-submit{grid-column:1/-1;margin-top:8px;}
.hp2{display:none!important;}
.fsuc{display:none;grid-column:1/-1;border:1px solid var(--wine);background:var(--wine-tint);padding:28px;text-align:center;}
.fsuc.vis{display:block;}
.fsuc strong{font-family:var(--font-serif);font-size:1.25rem;color:var(--wine);display:block;margin-bottom:8px;}
.fsuc p{color:var(--muted-deep);font-size:.92rem;margin:0 auto;}
/* Sendefehler-Meldung (Inline-Attribute im Bestand -> Override) */
#sendefehler{border-color:var(--coral)!important;background:#FDEFEF!important;color:var(--ink)!important;font-family:var(--font-sans)!important;}
#sendefehler a{color:var(--wine)!important;}
/* iOS-Zoom-Schutz */
@media (max-width:820px){
  .form-grid input,.form-grid select,.form-grid textarea,form input,form select,form textarea{font-size:16px;}
}

/* ── 10 · FOOTER (bewusst dunkel: Club-Energie-Anker) ─────── */
footer{background:var(--ink);color:var(--night-tx);padding:72px 0 36px;}
footer.s-end{background:transparent;color:var(--muted-deep);padding:0 26px 40px;}
footer.s-end p{color:var(--muted-deep);}
footer.s-end a{color:var(--wine);}
footer a{border-bottom:0;}
.ft-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;margin-bottom:52px;}
.ft-brand-name{font-family:var(--font-sans);font-weight:600;font-size:.9rem;letter-spacing:.28em;text-transform:uppercase;display:block;margin-bottom:4px;color:var(--paper);}
.ft-brand-sub{color:rgba(249,246,241,.82);display:block;margin-bottom:20px;font-size:.72rem;letter-spacing:.14em;}
.ft-tagline{font-size:.88rem;color:rgba(249,246,241,.85);max-width:260px;line-height:1.7;}
.ft-nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:flex-start;max-width:520px;}
.ft-nav a{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.1em;color:rgba(249,246,241,.62);transition:color .22s;text-transform:uppercase;padding:10px 4px;display:inline-block;}
.ft-nav a:hover{color:var(--paper);}
.ft-soc{display:flex;gap:10px;margin-top:20px;}
.ft-soc a{width:44px;height:44px;border:1px solid var(--night-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(249,246,241,.62);transition:border-color .25s,color .25s;}
.ft-soc a:hover{border-color:var(--paper);color:var(--paper);}
.ft-soc svg{width:16px;height:16px;}
.ft-badges{text-align:center;margin:28px 0 4px;}
.ft-bottom{padding-top:28px;border-top:1px solid var(--night-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--font-sans);font-size:.78rem;letter-spacing:.05em;color:rgba(249,246,241,.82);}
.ft-bottom a{color:rgba(249,246,241,.6);transition:color .22s;padding:6px 2px;display:inline-block;}
.ft-bottom a:hover{color:var(--paper);}
footer address{font-style:normal;}

/* ── 11 · QUICK-LINKS / CONSENT / CTA-BAR ─────────────────── */
#ql-wrap{position:fixed;right:16px;bottom:22px;box-sizing:border-box;max-width:100vw;z-index:9990;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-sans);transition:bottom .35s ease;}
#ql-panel{display:none;flex-direction:column;gap:10px;margin-bottom:14px;align-items:flex-end;}
#ql-panel.on{display:flex;animation:qlIn .25s ease;}
@keyframes qlIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.ql-item{display:flex;align-items:center;gap:10px;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:12px 16px;min-height:44px;border-radius:var(--r);font-weight:500;font-size:.85rem;line-height:1;box-shadow:0 6px 22px rgba(29,31,42,.10);white-space:nowrap;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;}
.ql-item:hover{background:var(--wine);border-color:var(--wine);color:#fff;transform:translateX(-3px);}
.ql-ic{display:flex;}
.ql-item svg{width:17px;height:17px;}
#ql-toggle{width:56px;height:56px;border-radius:50%;border:0;background:var(--wine);color:#fff;cursor:pointer;box-shadow:0 10px 30px rgba(122,0,12,.35);display:flex;align-items:center;justify-content:center;transition:transform .25s,background .25s;}
#ql-toggle:hover{background:var(--wine-deep);transform:translateY(-2px);}
#ql-toggle.on{background:var(--ink);}
#ql-toggle svg{transition:transform .3s;}
#ql-toggle.on svg{transform:rotate(135deg);}

/* Consent-Banner: Markup traegt Inline-Styles -> ID-Overrides.
   Bereinigungskandidat: Inline-Styles im Banner-HTML entfernen. */
#cc-banner{background:var(--paper)!important;border-top:1px solid var(--line)!important;box-shadow:0 -8px 40px rgba(29,31,42,.08)!important;}
#cc-banner p{color:var(--ink)!important;font-family:var(--font-sans)!important;}
#cc-banner a{color:var(--wine)!important;text-decoration:underline!important;}
#cc-accept{background:var(--wine)!important;border:1px solid var(--wine)!important;color:#fff!important;font-family:var(--font-sans)!important;min-height:44px;}
#cc-accept:hover{background:var(--wine-deep)!important;border-color:var(--wine-deep)!important;}
#cc-decline{background:transparent!important;border:1px solid var(--ink)!important;color:var(--ink)!important;font-family:var(--font-sans)!important;min-height:44px;}
#cc-decline:hover{background:var(--ink)!important;color:var(--paper)!important;}

/* Mobiler Sticky-CTA */
#ctabar{position:fixed;left:0;right:0;bottom:0;box-sizing:border-box;max-width:100vw;z-index:9970;background:var(--paper);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .35s ease;display:none;}
#ctabar a{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-sans);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--wine);padding:14px 10px;min-height:48px;border-radius:var(--r);text-decoration:none;}
html.ctb-on #ctabar{transform:translateY(0);}
html.ctb-on #ql-wrap{bottom:calc(84px + env(safe-area-inset-bottom,0px));}
@media (max-width:740px){#ctabar{display:block;}}

/* ── 12 · MOTION / REVEAL ─────────────────────────────────── */
/* Ohne JS ist alles sichtbar; JS (Bestand) togglet .rv -> .in */
.rv{opacity:1;transform:none;}
html.js .rv,html.fx .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
html.js .rv.in,html.fx .rv.in{opacity:1;transform:none;}
/* Sicherheitsnetz: nichts bleibt dauerhaft unsichtbar */
@keyframes rvSafe{to{opacity:1;transform:none;}}
html.js .rv:not(.in),html.fx .rv:not(.in){animation:rvSafe .5s ease 4.5s both;}
/* Hero/LCP: nie aus opacity:0 animieren */
@keyframes heroUp{from{transform:translateY(14px);}to{transform:translateY(0);}}
html.js .hero .rv,html.fx .hero .rv{opacity:1;transform:none;transition:none;animation:heroUp .7s var(--ease) both;}
html.js .hero .hero-p,html.fx .hero .hero-p{animation-delay:.1s;}
html.js .hero .hero-ctas,html.fx .hero .hero-ctas{animation-delay:.2s;}
html.js .hero-photo img,html.fx .hero-photo img,html.js .hero-bg,html.fx .hero-bg,
html.js .hero-img-full,html.fx .hero-img-full,html.js .hero-img-full img,html.fx .hero-img-full img{opacity:1;filter:none;transform:none;animation:none;transition:none;}
/* Seitenuebergaenge dezent */
@view-transition{navigation:auto;}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;}

/* ── 13 · FOKUS & A11Y ────────────────────────────────────── */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--wine);outline-offset:3px;border-radius:2px;
}
.sec--night a:focus-visible,.sec--night button:focus-visible,footer a:focus-visible{outline-color:var(--paper);}
h1,h2{text-wrap:balance;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  html{scroll-behavior:auto;}
  .rv,html.js .rv,html.fx .rv{opacity:1!important;transform:none!important;filter:none!important;}
  .ticker-in,.fxmq-track{animation:none!important;}
  .split-img:hover img,.gallery-item:hover img{transform:none!important;}
  #fxprog{display:none;}
}

/* ── 14 · RESPONSIVE ──────────────────────────────────────── */
@media (max-width:1430px){
  .nlinks{gap:6px 18px;}
  .nlinks a{font-size:.8rem;}
}
@media (max-width:1100px){
  .split-txt{padding:7vh 6%;}
  .hero--split .hero-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .nav{padding:12px 22px;}
  .nav.sc{padding:10px 22px;}
  .nlinks{display:none;}
  .burger{display:flex;}
  .split{grid-template-columns:1fr;min-height:0;}
  .split-img img{max-height:420px;}
  .split-txt{padding:52px 28px;}
  .hero--split .hero-grid{grid-template-columns:1fr;}
  .hero--split .hero-photo{max-height:56vh;overflow:hidden;}
  .hero--split .hero-inner{text-align:center;max-width:620px;padding:46px 24px 56px;}
  .hero--split .hero-ctas{justify-content:center;flex-wrap:wrap;}
  .ps,.prc{grid-template-columns:1fr;}
  .facts .fgrid{grid-template-columns:1fr;}
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;}
  .gallery-item--tall{grid-row:span 1;}
  .ft-top{flex-direction:column;gap:32px;}
  .form-card{padding:38px 30px;}
  .form-grid{grid-template-columns:1fr;}
  .fi--full,.fi--f,.cons,.form-submit{grid-column:1;}
  .hero-stats{gap:28px;}
  .rlgrid{gap:32px;}
}
@media (max-width:740px){
  .sec,.form-sec,.rev-sec,.statement,.inv{padding-top:var(--sec-pad-s);padding-bottom:var(--sec-pad-s);}
  .intlinks{padding:40px 0 46px;}
  .hero{padding:calc(84px + 4vh) 24px 56px;}
  .hero-img-full,.hero-img-full img{max-height:360px;}
  .split-img img{max-height:340px;}
  .gal-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .s-quote{margin:80px auto 40px;}
  .s-img{margin:80px auto;}
  .s-more{margin-top:80px;padding-top:48px;}
  .s-avail{padding:80px 26px 96px;}
  .s-herofig{padding-top:64px;}
  .iv-inner{padding-right:0;}
  #rslider{min-height:260px;}
}
@media (max-width:540px){
  body{font-size:1rem;}
  .wrap{padding:0 20px;}
  .split-txt{padding:44px 20px;}
  .form-card{padding:28px 18px;}
  .statement h2{font-size:clamp(1.7rem,7vw,2.2rem);}
  .gallery{grid-template-columns:1fr;grid-auto-rows:220px;gap:12px;}
  #ql-wrap{right:16px;bottom:16px;}
  #ql-toggle{width:52px;height:52px;min-width:52px;}
  #ql-panel.on{max-height:60vh;overflow-y:auto;padding-right:4px;}
  html.ctb-on #ql-wrap{bottom:calc(80px + env(safe-area-inset-bottom,0px));}
}

/* ── 15 · LEGACY-BRIDGE ───────────────────────────────────────
   Overrides gegen harte Inline-style-ATTRIBUTE im Body.
   ALLE Regeln hier sind BEREINIGUNGSKANDIDATEN: sobald eine Seite
   von Inline-Styles befreit ist, wirkungslos/entfernbar.
   Scope bewusst auf main/#cc-banner begrenzt — der dunkle Footer
   behaelt seine hellen Inline-Farben. */

/* Alte Amber/Gold-Linkfarben (fuer Dunkel gebaut) -> Wein */
main [style*="color:#e2bea2"],main [style*="color:#cfa878"],main [style*="color:#d8b48a"],main [style*="color:#d9ba90"]{color:var(--wine)!important;border-bottom-color:rgba(122,0,12,.3)!important;}
/* Altes Wein/Petrol aus der Dunkel-Aera -> neue Palette */
main [style*="color:#5C2C35"]{color:var(--wine)!important;}
main [style*="color:#1C6E7E"]{color:var(--wine)!important;}
main [style*="border:1px solid #5C2C35"]{border-color:var(--ink)!important;}
/* Helle Dunkel-Schriften (f3efe9/f4efe8/FAF6EF/rgba-Cream) -> Ink */
main [style*="color:#f3efe9"],main [style*="color:#f4efe8"],main [style*="color:#FAF6EF"],main [style*="color:#efe9e0"]{color:var(--ink)!important;}
main [style*="color:rgba(245,243,239"]{color:var(--muted-deep)!important;}
main [style*="border-bottom:1px solid rgba(245,243,239"]{border-bottom-color:rgba(122,0,12,.3)!important;}
main [style*="border:1px solid rgba(245,243,239"]{border-color:var(--line)!important;}
/* Altes Orange (Buttons/Boxen) -> Wein */
main [style*="background:#E97435"],main [style*="background: #E97435"]{background:var(--wine)!important;border-color:var(--wine)!important;color:#fff!important;}
main [style*="border:1px solid #E97435"]{border-color:var(--coral)!important;}
main [style*="color:#E97435"]{color:var(--wine)!important;}
/* Google-Gold-Sterne -> Wein (Brief: kein Gold) */
main [style*="#FBBC04"]{color:var(--wine)!important;text-shadow:none!important;}
/* Weisse Testimonial-Karten: Rahmen auf Systemlinie, kein Schatten */
main figure[style*="background:#FFFFFF"],main figure[style*="background: #FFFFFF"]{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;}
main [style*="color:#2D2D2D"]{color:var(--ink)!important;}
main [style*="color:#6B6357"]{color:var(--muted-deep)!important;}
/* Alte Creme-Vollflaechen -> Systemflaechen */
main [style*="background:#EDE9E1"],main [style*="background: #EDE9E1"]{background:var(--wash)!important;}
main [style*="background:#F5F3EF"]{background:var(--paper)!important;}
/* Ende LEGACY-BRIDGE */
/* Review-Fix 27.07.: Gold "Gelistet auf" im Footer in Palette ziehen */
footer [style*="#d9ba90"]{color:rgba(249,246,241,.62)!important;}
/* Review-Fix: Bild-Fallback (seitenweites Skript setzt .broken/data-broken/data-label) */
img.broken,img[data-broken]{opacity:0;}
.split-img{position:relative;}
.split-img::before{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-deep);background:var(--wash);z-index:0;}
.split-img img{position:relative;z-index:1;}

/* Pilot-2-Fix 28.07.: Headings/Eyebrows in Night-Sektionen hell (waren global auf --ink) */
.sec--night h1,.sec--night h2,.sec--night h3{color:var(--paper);}
.sec--night p{color:var(--night-tx);}
.sec--night .eyebrow{color:rgba(249,246,241,.62);}
/* Night-Ausnahme: Inline-Hellfarben in Night-Sektionen NICHT auf Ink bridgen */
main .sec--night [style*="color:#f3efe9"],main .sec--night [style*="color:#f4efe8"],main .sec--night [style*="color:#F5F3EF"],main .sec--night [style*="rgba(245,243,239"]{color:var(--paper)!important;}
/* Pilot-5-Fix: Inline-Orange-BUTTONS (background:#E97435) -> Wein mit weissem Text (Bridge faerbte Text faelschlich wein) */
main [style*="background:#E97435"]{background:var(--wine)!important;color:#FFFFFF!important;border-color:var(--wine)!important;}
[style*="background:#E97435"]{background:var(--wine)!important;color:#FFFFFF!important;border-color:var(--wine)!important;}
/* Paket-G-Fix: Kartenhoehe destinations (.dest-map sass im entfernten Altblock) */
.dest-map{width:100%;height:clamp(320px,50vh,520px);border:1px solid var(--line);}

/* Feinschliff-Fix 1 (28.07.): ALLE Inline-Button-Farbkombis lesbar (Bridge frass Text) */
[style*="background:#1C6E7E"]{background:var(--wine)!important;color:#FFFFFF!important;border-color:var(--wine)!important;}
[style*="background:#1C6E7E"] *{color:#FFFFFF!important;}
[style*="background:#E97435"] *{color:#FFFFFF!important;}
a[style*="background:transparent"][style*="color:#5C2C35"],button[style*="background:transparent"][style*="color:#5C2C35"]{color:var(--wine)!important;border-color:var(--wine)!important;}
[style*="background:#5C2C35"],[style*="background:#6A282C"]{background:var(--wine)!important;color:#FFFFFF!important;border-color:var(--wine)!important;}
[style*="background:#5C2C35"] *,[style*="background:#6A282C"] *{color:#FFFFFF!important;}

/* ============================================================
   MAGAZIN-HUB (Hochzeitsgeschichten) — 28.07., nach Semihs Referenzen:
   Masthead-Strenge + Feature-Block (Text links/Bild rechts auf Wash)
   + 3-Spalten-Raster mit zentrierten Versalien-Titeln u. Button-Optik
   ============================================================ */
.np{display:block;}
/* ── Feature-Block (Geschichte 17) ── */
.np-lead{display:grid;grid-template-columns:1fr 1.15fr;align-items:stretch;background:var(--wash);margin:56px 0 72px;position:relative;}
.np-lead img{order:2;width:100%;height:100%;min-height:460px;object-fit:cover;display:block;}
.np-lead .np-ov{display:none;}
.np-lead .np-txt{order:1;position:static;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,72px);}
.np-lead .np-kick{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);margin-bottom:18px;}
.np-lead .np-h{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.12;color:var(--ink);text-decoration:none;margin-bottom:18px;display:block;text-wrap:balance;}
.np-lead .np-h:hover{color:var(--wine);}
.np-lead .np-t{color:var(--muted-deep);line-height:1.75;font-weight:300;margin-bottom:26px;display:block;}
.np-lead .np-more{align-self:flex-start;}
/* ── Rubrik-Trennzeilen ── */
.np-rub{display:flex;align-items:center;gap:20px;margin:64px 0 36px;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--wine);text-align:center;}
.np-rub::before,.np-rub::after{content:"";flex:1;height:1px;background:var(--line);}
/* ── Magazin-Raster ── */
.np-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px 40px;}
.np-card{display:flex;flex-direction:column;text-align:center;background:transparent;}
.np-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:22px;}
.np-card .np-body{display:flex;flex-direction:column;align-items:center;flex:1;}
.np-kick{font-family:var(--font-sans);font-size:.66rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-bottom:12px;display:block;}
.np-card .np-h{font-family:var(--font-sans);font-weight:600;font-size:.95rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.5;color:var(--ink);text-decoration:none;margin-bottom:12px;display:block;max-width:36ch;text-wrap:balance;}
.np-card .np-h:hover{color:var(--wine);}
.np-card .np-t{color:var(--muted-deep);font-size:.92rem;line-height:1.75;font-weight:300;max-width:38ch;margin:0 auto 22px;display:block;}
/* Button-Optik fuer den bestehenden Weiterlese-Text */
.np-more{display:inline-block;font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);padding:12px 22px;margin-top:auto;transition:all .25s;}
a.np-h + .np-t + .np-more, .np-more{cursor:pointer;}
.np-card:hover .np-more,.np-lead:hover .np-more{background:var(--wine);border-color:var(--wine);color:#fff;}
@media(max-width:960px){.np-grid{grid-template-columns:repeat(2,1fr);gap:44px 28px;}.np-lead{grid-template-columns:1fr;}.np-lead img{order:1;min-height:300px;aspect-ratio:16/10;}.np-lead .np-txt{order:2;}}
@media(max-width:600px){.np-grid{grid-template-columns:1fr;gap:48px;}}

/* ── Mobile-Menue im Nagigraphy-Stil (Semih 28.07.): grosse Serif-Versalien, zentriert,
     ploppt von oben nach unten auf, Links gestaffelt ── */
.mob{position:fixed;inset:0;z-index:9999;background:var(--paper);display:none;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:80px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;counter-reset:none;transform-origin:top center;}
.mob.op{display:flex;animation:mobDrop .5s cubic-bezier(.22,1,.36,1) both;}
@keyframes mobDrop{from{opacity:0;transform:translateY(-6%);}to{opacity:1;transform:none;}}
.mob a{font-family:var(--font-serif);font-weight:400;font-style:normal;font-size:clamp(1.5rem,6.5vw,2.3rem);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:0;width:auto;display:block;padding:.42em 0;text-align:center;}
.mob a::before{content:none;}
.mob a:first-of-type{border-top:0;}
.mob a:hover{color:var(--wine);}
.mob.op a{opacity:0;transform:translateY(-14px);animation:mobLink .55s cubic-bezier(.22,1,.36,1) forwards;}
.mob.op a:nth-of-type(1){animation-delay:.08s}.mob.op a:nth-of-type(2){animation-delay:.14s}.mob.op a:nth-of-type(3){animation-delay:.2s}.mob.op a:nth-of-type(4){animation-delay:.26s}.mob.op a:nth-of-type(5){animation-delay:.32s}.mob.op a:nth-of-type(6){animation-delay:.38s}.mob.op a:nth-of-type(7){animation-delay:.44s}.mob.op a:nth-of-type(8){animation-delay:.5s}.mob.op a:nth-of-type(9){animation-delay:.56s}
@keyframes mobLink{to{opacity:1;transform:none;}}
.mob .cl{position:fixed;top:20px;right:22px;font-size:1.9rem;background:none;border:0;color:var(--ink);cursor:pointer;padding:10px;line-height:1;z-index:10000;}
.mob .cl:hover{color:var(--wine);}
@media (prefers-reduced-motion:reduce){.mob.op,.mob.op a{animation:none!important;opacity:1!important;transform:none!important;}}
/* ── Magazin-Hub: Suche + Filter-Pills (Journal-Referenz) ── */
.mag-tools{margin:8px 0 44px;display:flex;flex-direction:column;gap:20px;}
.mag-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--card);padding:14px 18px;max-width:560px;color:var(--muted-deep);}
.mag-search input{border:0;outline:none;background:transparent;font-family:var(--font-sans);font-size:.95rem;color:var(--ink);width:100%;}
.mag-search input::placeholder{color:var(--muted);}
.mag-search:focus-within{border-color:var(--wine);}
.mag-pills{display:flex;flex-wrap:wrap;gap:10px;}
.mag-pill{font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:all .2s;}
.mag-pill span{color:var(--muted-deep);font-weight:400;}
.mag-pill:hover{border-color:var(--wine);color:var(--wine);}
.mag-pill.on{background:var(--wine);border-color:var(--wine);color:#fff;}
.mag-pill.on span{color:rgba(255,255,255,.75);}

/* ── Cormorant 300 (Nagigraphy-Journal-Gewicht, Semih 28.07.) ── */
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-300italic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap;}

/* ── JOURNAL-Template fuer Hochzeitsgeschichten (Referenz Nagigraphy-Artikel) ── */
body.journal main{--measure:72ch;}
body.journal main h1{font-family:var(--font-serif);font-weight:300;font-size:clamp(2.2rem,4.6vw,3.5rem);letter-spacing:.02em;line-height:1.15;color:var(--ink);}
body.journal main h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25;color:var(--ink);}
body.journal main h3{font-family:var(--font-serif);font-weight:500;}
body.journal main p,body.journal main li,body.journal main blockquote{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.22rem,1.5vw,1.5rem);line-height:1.55;color:var(--ink);}
body.journal main p{margin-bottom:1.1em;}
body.journal main blockquote{font-style:italic;}
body.journal main figcaption,body.journal main .np-kick,body.journal main [class*="kick"]{font-family:var(--font-sans);}
/* Captions elegant statt weisser Kasten */
body.journal main figcaption{background:transparent;border:0;color:var(--muted-deep);font-size:.78rem;letter-spacing:.08em;text-transform:none;padding:14px 0 0;text-align:left;max-width:72ch;margin:0 auto;}
body.journal main figure{margin:44px 0;background:transparent;}
/* ── Quick-Links (Semih 28.07.): nur 4 Icons, NEBENEINANDER, ohne Text ── */
#ql-panel{flex-direction:row!important;gap:12px;align-items:center;margin-bottom:14px;}
#ql-panel.on{display:flex;}
.ql-item{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 16px rgba(29,31,42,.08);}
.ql-item:hover{background:var(--wine);border-color:var(--wine);color:#fff;transform:translateY(-2px);}
.ql-item svg{width:20px;height:20px;}

/* ── Stadt-Beleg-Sektionen (Rewrites) im Journal-Lesefluss (Semih: "voll haesslich" -> schoen) ── */
main section[aria-label^="Hochzeits-DJ"] .wrap{max-width:760px;margin-left:auto;margin-right:auto;}
main section[aria-label^="Hochzeits-DJ"] h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.2;color:var(--ink);margin:2.1em 0 .65em;text-wrap:balance;}
main section[aria-label^="Hochzeits-DJ"] h2:first-child{margin-top:0;}
main section[aria-label^="Hochzeits-DJ"] p{font-family:var(--font-serif);font-size:clamp(1.18rem,1.4vw,1.42rem);line-height:1.6;color:var(--ink);margin-bottom:1.15em;font-weight:400;}
main section[aria-label^="Hochzeits-DJ"] p strong{font-weight:600;}
main section[aria-label^="Hochzeits-DJ"] blockquote{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.25rem,1.5vw,1.5rem);line-height:1.55;color:var(--ink);border-left:2px solid var(--wine);padding:6px 0 6px 26px;margin:1.6em 0;}
main section[aria-label^="Hochzeits-DJ"] blockquote cite{display:block;font-family:var(--font-sans);font-style:normal;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);margin-top:12px;}
main section[aria-label^="Hochzeits-DJ"] a{color:var(--wine);text-decoration:underline;text-decoration-color:rgba(122,0,12,.35);text-underline-offset:3px;}

/* ── Hub-Abbinder nach dem Magazin-Grid: zentriert, schmal, ruhig ── */
#geschichten .wrap > p{max-width:62ch;margin:0 auto 1.15em;text-align:center;color:var(--muted-deep);font-weight:300;line-height:1.8;}
#geschichten .np + p, #geschichten .wrap > .np ~ p:first-of-type{margin-top:72px;}
#geschichten .wrap > .rv[style*="margin-top"]{text-align:center;}
#geschichten .wrap > div:last-child{text-align:center;}

/* ── "Trusted by Industries" (Corporate): Liste sauber mittig ── */
section[aria-label*="Branchen"] .wrap, .inv .wrap{text-align:center;}
.inv ul{justify-content:center;}

/* ============================================================
   GLOBAL-SCHOENHEIT (Semih 28.07.): Serif-Fliesstext SITE-WEIT
   (Nagigraphy-Prinzip) + Split-Bilder fuellen IMMER ihre Spalte
   ============================================================ */
/* 1) Fliesstext ueberall Cormorant — UI bleibt Inter */
main p, main li, main blockquote{font-family:var(--font-serif);font-size:clamp(1.16rem,1.35vw,1.38rem);line-height:1.6;color:var(--ink);font-weight:400;}
main p{margin-bottom:1.05em;}
main p strong, main li strong{font-weight:600;}
/* UI-/Meta-Ausnahmen zurueck auf Inter */
main .eyebrow, main .hero-tag, main figcaption, main .np-kick, main .np-more, main .mag-pill, main .mag-search input,
main .btn, main .fi label, main .fi input, main .fi select, main .fi textarea, main .cons, main .helper,
main .bc, main .bc *, main [class*="kick"], main .step p, main .nc p, main .dc small, main .ticker-in span,
main .fsuc p, main #sendefehler, main .ft-badges *, main .stat small{font-family:var(--font-sans);}
main .step p, main .nc p{font-size:.95rem;color:var(--muted-deep);}
main .cons{font-size:.82rem;color:var(--muted-deep);}
main figcaption{font-size:.72rem;}
/* Sekundaertext-Absaetze in Karten/Steps nicht riesig */
main .np-t{font-family:var(--font-serif);font-size:1.02rem;line-height:1.65;}
/* 2) Split-Sektionen: Bild fuellt IMMER die volle Spaltenhoehe */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.split-img{position:relative;overflow:hidden;min-height:420px;}
.split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.split-txt{padding:clamp(40px,5vw,80px) clamp(28px,4.5vw,72px);display:flex;flex-direction:column;justify-content:center;}
@media(max-width:900px){.split{grid-template-columns:1fr;}.split-img{position:relative;min-height:0;aspect-ratio:4/3;}.split-img img{position:absolute;}}
/* 3) Bild+Text-Nachbarn ohne Split-Klasse: haeufige Inline-Grids mit Bildluecken */
/* SAM 28.07.: Content-Bilder GANZ zeigen (kein Crop), Web + Mobil */
main img[style*="height:clamp"]{height:auto!important;max-height:660px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;margin-left:auto!important;margin-right:auto!important;display:block!important;}

/* ── BUGFIX (Semih): "Reportage lesen" klickt ins Leere — ganze Karte klickbar (Stretched-Link) ── */
.np-card,.np-lead{position:relative;}
.np-card .np-h::after,.np-lead .np-h::after{content:"";position:absolute;inset:0;z-index:1;}
.np-card .np-more,.np-lead .np-more{position:relative;z-index:0;}
/* ── Kontrast-Fix Breadcrumbs/Metazeilen (Semih: zu blass) ── */
.bc,.bc a,.bc span{color:var(--muted-deep);}
.bc a:hover{color:var(--wine);}
.bc span{opacity:.6;}

/* ============================================================
   STORY-JOURNAL 2.0 (Semih): Text links, Bilder rechts,
   animierte Trennlinie in der Mitte
   ============================================================ */
body.journal .s-text{display:grid;grid-template-columns:minmax(0,60ch) clamp(44px,6vw,96px) minmax(300px,1fr);max-width:1240px;margin:0 auto;padding:0 32px;column-gap:0;}
body.journal .s-text>*{grid-column:1;min-width:0;}
body.journal .s-text>figure{grid-column:3;margin:0 0 28px;align-self:start;}
body.journal .s-text>figure img{width:100%;height:auto;display:block;}
/* animierte Trennlinie nur, wenn die Sektion Bilder hat */
body.journal .s-text:has(figure)::before{content:"";grid-column:2;grid-row:1/-1;justify-self:center;width:1px;background:linear-gradient(180deg,transparent 0%,var(--wine) 14%,var(--wine) 86%,transparent 100%);opacity:.55;transform-origin:top;animation:sLine 1.2s cubic-bezier(.22,1,.36,1) both;}
@keyframes sLine{from{transform:scaleY(0);}to{transform:scaleY(1);}}
/* bildlose Abschnitte ruhig mittig */
body.journal .s-text:not(:has(figure)){grid-template-columns:1fr minmax(0,66ch) 1fr;}
body.journal .s-text:not(:has(figure))>*{grid-column:2;}
/* Story-Bausteine */
body.journal .s-review{background:var(--wash);max-width:860px;margin:72px auto;padding:clamp(36px,5vw,64px);text-align:center;}
body.journal .s-review blockquote{border:0;padding:0;font-size:clamp(1.3rem,1.8vw,1.7rem);}
body.journal .s-share{text-align:center;margin:56px auto;}
body.journal .s-end,body.journal .s-cat{max-width:66ch;margin-left:auto;margin-right:auto;}
@media(max-width:900px){body.journal .s-text,body.journal .s-text:not(:has(figure)){display:block;max-width:66ch;margin:0 auto;}body.journal .s-text:has(figure)::before{content:none;}body.journal .s-text>figure{margin:32px 0;}}
@media(prefers-reduced-motion:reduce){body.journal .s-text:has(figure)::before{animation:none;}}

/* ── STORY-JOURNAL 2.1: Grid auf Artikel-Ebene (figures sind Geschwister der s-text) ── */
body.journal article{display:grid;grid-template-columns:minmax(0,62ch) clamp(44px,6vw,96px) minmax(300px,1fr);max-width:1240px;margin:0 auto;padding:0 32px;align-items:start;}
body.journal article>.s-text{grid-column:1;display:block;max-width:none;padding:0;}
body.journal article>.s-text:not(:has(figure)){display:block;}
body.journal article>.s-text>*{grid-column:auto;}
body.journal article>figure{grid-column:3;margin:6px 0 40px;position:relative;}
body.journal article>figure img{width:100%;height:auto;display:block;}
/* animierte Trennlinie neben jedem Bild */
body.journal article>figure::before{content:"";position:absolute;left:calc(clamp(44px,6vw,96px)/-2);top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--wine) 18%,var(--wine) 82%,transparent);opacity:.5;transform-origin:top;animation:sLine 1.1s cubic-bezier(.22,1,.36,1) both;}
/* Kopf-, Review-, Abschluss-Bausteine ueber volle Breite */
body.journal article>.s-head,body.journal article>.s-herofig,body.journal article>.s-review,body.journal article>.s-share,body.journal article>.s-more,body.journal article>.s-avail,body.journal article>.s-end,body.journal article>.s-cat,body.journal article>.s-drop{grid-column:1/-1;}
body.journal article>.s-head{max-width:72ch;justify-self:start;}
@media(max-width:900px){body.journal article{display:block;max-width:66ch;}body.journal article>figure::before{content:none;}}
#mag-more{display:block;margin:56px auto 0;cursor:pointer;background:transparent;}
#mag-more:hover{background:var(--wine);border-color:var(--wine);color:#fff;}

/* ── MOBIL: aesthetischer Bild-Rand ueberall (Semih) — kein full-bleed-Kleben ── */
@media(max-width:700px){
  main figure{margin-left:18px!important;margin-right:18px!important;}
  main figure img{border:1px solid var(--line);}
  body.journal .s-herofig{margin:0 18px 8px!important;}
  .hero-photo{padding:0 18px;}
  .hero-photo img{border:1px solid var(--line);}
  .np-card img,.np-lead img{border:1px solid var(--line);}
  .np-grid{padding:0 6px;}
  main figcaption{padding-left:2px;}
}

/* ── Fliesstext linksbuendig (Semih: zentrierte Absaetze = Fehler) — gezielte Ausnahmen bleiben zentriert ── */
main section p{text-align:left;}
.hero-p,.statement p,.sec--night p,.step p,.nc p,.np-card .np-t,.np-lead .np-t,#geschichten .wrap>p,.s-review p,.s-review blockquote,.fsuc p,.mag-tools ~ * .leer{text-align:center;}
main .sec--night .wrap{text-align:center;}
/* ── Sektions-Abbinder (Ratgeber u.a.): CTA + Schlussabsatz mittig mit Luft ── */
main .wrap>a.btn,main .wrap>.rv>a.btn:only-child{display:table;margin:64px auto 0;float:none;}
main .wrap>a.btn+p,main .wrap>p:last-child{max-width:62ch;margin:36px auto 0;text-align:center;color:var(--muted-deep);}
/* ── Hub kompakt (Semih: Geschichten sofort, Intro nach unten) ── */
body.hub .hero{min-height:auto;padding:112px 24px 18px;}
body.hub .hero h1{font-size:clamp(2rem,4.2vw,3.2rem);margin-bottom:6px;}
body.hub .hero-ctas{display:none;}
body.hub #geschichten{padding-top:30px;}
body.hub .mag-tools{margin:0 0 36px;}
.hub-intro-late{max-width:900px;margin:96px auto 56px;text-align:center;}
.hub-intro-late img{width:100%;height:clamp(220px,32vw,380px);object-fit:cover;margin-bottom:32px;border:1px solid var(--line);}
.hub-intro-late .eyebrow{margin-bottom:14px;display:block;}
.hub-intro-late h2{margin-bottom:18px;}
.hub-intro-late .hero-p{margin:0 auto;}

/* ── KILL Story-Grid V1 (Doppel-Grid-Bug: Text ragte links raus) ── */
body.journal .s-text, body.journal .s-text:not(:has(figure)){display:block!important;grid-template-columns:none!important;max-width:none!important;padding:0!important;margin:0!important;}
body.journal .s-text::before{content:none!important;}
body.journal .s-text>*{grid-column:auto!important;}

/* ── GLOBALER KOMPAKT-KOPF (Semih: Einleitungen fressen Platz) ── */
.hero{min-height:auto!important;padding:104px 24px 44px!important;}
.hero h1{font-size:clamp(1.9rem,3.6vw,3rem)!important;margin-bottom:10px!important;}
.hero .hero-p{font-size:1.02rem!important;max-width:58ch;line-height:1.65!important;margin-bottom:18px!important;}
.hero-tag{margin-bottom:10px!important;}
.hero-ctas{margin-bottom:0!important;gap:10px!important;}
.hero-ctas .btn{padding:11px 20px;font-size:.86rem;}
/* Folge-Sektion rueckt naeher */
.hero+section,.hero+.sec{padding-top:44px!important;}

/* ── REVERT Artikel-Grid (brach auf heterogenen Stories) -> zentriertes Journal (der gelobte Look) ── */
body.journal article{display:block!important;max-width:none!important;padding:0!important;}
body.journal article>figure::before{content:none!important;}
body.journal article>figure{margin:44px auto!important;}
body.journal article>.s-head{max-width:72ch;margin-left:auto;margin-right:auto;}
body.journal .s-text{max-width:66ch!important;margin:0 auto!important;}
body.journal article>figure{max-width:900px;}

/* ══ WELLE 3: Inside-Weddings-Look (Sams Referenz 28.07.) ══ */
/* 1) Einheitliche Schrift sitewide: alle Redaktions-Headlines Cormorant, Alt-Fonts überbrückt */
main h1,main h2,main h3{font-family:var(--font-serif)!important;font-weight:400!important;letter-spacing:0!important;}
[style*="Space Mono"]{font-family:var(--font-sans)!important;letter-spacing:.16em!important;}
[style*="Playfair"]{font-family:var(--font-serif)!important;font-weight:500!important;}
.iv-q{font-weight:400!important;}
/* 2) Hub-/Magazin-Karten wie insideweddings.com: Bild -> Serif-Titel -> Kicker -> Teaser -> unterstrichener Link */
.np-card .np-body{display:flex;flex-direction:column;align-items:center;}
.np-card .np-h{order:1;font-family:var(--font-serif)!important;font-weight:400!important;font-size:1.42rem!important;line-height:1.28!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;max-width:30ch;margin:2px 0 0!important;}
.np-card .np-kick{order:2;color:var(--muted-deep)!important;font-size:.62rem!important;letter-spacing:.22em!important;margin:14px 0 0!important;}
.np-card .np-t{order:3;margin:12px 0 0!important;}
.np-card .np-more,.np-lead .np-more{order:4;background:none!important;border:0!important;padding:0!important;margin:16px 0 0!important;color:var(--ink)!important;font-family:var(--font-sans)!important;font-size:.68rem!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase!important;text-decoration:underline!important;text-underline-offset:6px!important;text-decoration-thickness:1px!important;align-self:center!important;}
.np-card:hover .np-more{color:var(--wine)!important;}
/* 3) Story-Reportagen wie die Nashville-Referenz: zentrierter Kopf, grosse Bilder, zentrierte Captions */
body.journal .s-head{text-align:center;}
body.journal .s-head>*{margin-left:auto;margin-right:auto;}
body.journal article>figure{max-width:1060px!important;}
body.journal main figcaption{text-align:center;}

/* ── LEGACY-VAR-REMAP: alte Orange-/BG-Tokens endgültig auf Redesign-Palette (Sams Orange-Fund 28.07.) ── */
:root,:root:root{--or:var(--wine);--or2:var(--wine);--acc:var(--wine);--bg2:var(--wash);--bg3:var(--card);--mu:var(--muted-deep);}

/* ══ WELLE 4: FAQ hochwertig (Sam 02:34) + Ratgeber-Klapprubriken ══ */
.iv.open .iv-body{max-height:4000px!important;} /* P0-Fix: Akkordeon oeffnete nie (Original-CSS beim Konvertieren entfernt) */
.interview-wrap{max-width:860px!important;margin:0 auto!important;padding:0 24px;}
.iv-btn:hover .iv-q{color:var(--wine);}
.iv-a{font-size:1.12rem;}
.faq-tools{max-width:860px;margin:0 auto 10px;padding:0 24px;}
.faq-noresult{display:none;text-align:center;color:var(--muted-deep);font-family:var(--font-serif);font-size:1.15rem;padding:40px 0;}
/* Ratgeber: 1 Reihe je Rubrik + Aufklappen */
.rub-hide{display:none!important;}
.np.searching .rub-hide{display:flex!important;}
.rub-more{display:table;margin:6px auto 0;background:none;border:0;cursor:pointer;color:var(--ink);font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px;padding:10px 4px;}
.rub-more:hover{color:var(--wine);}
.np.searching .rub-more{display:none;}
/* Lead bleibt bei Suchtreffer sichtbar (P2-Fix) */

/* ══ WELLE 5: "Die Seite ist nackt" (Sam 02:40) — Dichte-Paket 1 ══ */
/* Index-Hero: Portrait deckeln, kein Leerraum-See rechts */
.hero--split .hero-grid{align-items:center;}
.hero--split .hero-photo img{width:100%;height:min(84vh,720px);object-fit:cover;object-position:center 12%;display:block;}
/* Lange Text-Bild-Splits: Bild wandert sticky mit statt tote Flaeche zu hinterlassen */
.split-img{position:relative;}
.split-img img{position:sticky!important;inset:auto!important;top:96px!important;width:100%!important;height:auto!important;max-height:calc(100vh - 170px)!important;object-fit:cover!important;display:block;}
@media(max-width:900px){.split-img img{position:static!important;max-height:none!important;}}
/* Zentrier-Kits gewinnen wieder gegen den globalen Links-Fix (Trusted u.a.) */
main [style*="text-align:center"] p,main [style*="text-align: center"] p{text-align:center!important;}
/* Akkordeon-Mechanik robust: Grid-Animation statt max-height (Alt-Script-immun) */
.iv-body{max-height:none!important;display:grid!important;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease);overflow:hidden;}
.iv.open .iv-body{grid-template-rows:1fr;}
.iv-inner{overflow:hidden;min-height:0;}
/* Akkordeon final: hart auf/zu — 100% robust gegen Alt-Script-Reste */
.iv-body{display:none!important;max-height:none!important;}
.iv.open .iv-body{display:block!important;}

/* ══ Partner-Seite im Nagi-Stil (Sam-Bestellung) ══ */
.pcat{border-top:1px solid var(--line);}
.pcat:last-of-type{border-bottom:1px solid var(--line);}
.pcat-head{width:100%;display:flex;align-items:center;gap:18px;padding:26px 0;background:none;border:0;cursor:pointer;text-align:left;}
.pcat-title{flex:1;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.25rem,2.2vw,1.55rem);color:var(--ink);}
.pcat-head:hover .pcat-title{color:var(--wine);}
.pcat-count{font-family:var(--font-sans);font-size:.66rem;letter-spacing:.18em;color:var(--muted-deep);border:1px solid var(--line);border-radius:999px;padding:6px 12px;}
.pcat-ic{flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:300;color:var(--muted-deep);transition:all .3s var(--ease);}
.pcat.open .pcat-ic{background:var(--wine);border-color:var(--wine);color:#fff;transform:rotate(45deg);}
.pcat-body{display:none!important;}
.pcat.open .pcat-body{display:block!important;padding-bottom:32px;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:900px){.pgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.pgrid{grid-template-columns:1fr;}}
.pcard{display:flex;align-items:center;gap:14px;text-decoration:none;}
.pname{font-family:var(--font-sans);font-size:.86rem;font-weight:600;letter-spacing:.04em;color:var(--ink);}
.pnote{color:var(--muted-deep);font-size:.8rem;}
.partner-tools{max-width:1060px;margin:26px auto 4px;padding:0 24px;}
.pcat.p-hide{display:none!important;}

/* ══ MAGAZIN-HEADER sitewide (Sam-Bestellung): Logo | Suche | Icons + Versalien-Leiste ══ */
@media(min-width:961px){
.nav{display:flex;flex-wrap:wrap;align-items:center;row-gap:0;padding:14px 40px 0!important;}
.nbrand{order:1;}
.hd-search{order:2;flex:1;display:flex;justify-content:center;padding:0 30px;}
.hd-search input{width:100%;max-width:430px;border:1px solid var(--line);background:#fff;padding:10px 16px 10px 38px;font-family:var(--font-sans);font-size:.85rem;color:var(--ink);border-radius:2px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="%2377716C" stroke-width="1.8"><circle cx="11" cy="11" r="7"/><path d="M20 20l-4-4"/></svg>');background-repeat:no-repeat;background-position:12px 50%;}
.hd-search input:focus{outline:none;border-color:var(--wine);}
.hd-icons{order:3;display:flex;gap:6px;align-items:center;}
.hd-icons a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:all .25s;}
.hd-icons a:hover{background:var(--wine);border-color:var(--wine);color:#fff;}
.hd-icons svg{width:16px;height:16px;}
.nlinks{order:4;flex-basis:100%;justify-content:center;gap:30px;border-top:1px solid var(--line);margin-top:12px;padding:13px 0;}
.nlinks a{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;}
.nav.sc{padding:8px 40px 0!important;}
}
@media(max-width:960px){.hd-search,.hd-icons{display:none;}}
/* Hero-Abstand unter dem 2-zeiligen Magazin-Header */
@media(min-width:961px){.hero{padding-top:224px!important;}body.journal .s-head{padding-top:40px;}}
@media(max-width:960px){.hero{padding-top:132px!important;}}
/* Workshops/Splits: getoente Leerflaeche des Bildcontainers entfernen */
.split-img{background:transparent!important;}

/* ══ Paket B: kontakt-booking Neugewichtung (ChatGPT-Freigabe 03:10) ══ */
#h2bkf{font-family:var(--font-sans)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--wine)!important;} /* Doppel-Headline visuell entschaerft, Text bleibt */
section[aria-labelledby="h2proc"] .wrap{max-width:1100px;}
section[aria-labelledby="h2proc"]{padding-top:44px!important;padding-bottom:44px!important;}

/* ══ Paket C (ChatGPT-Freigabe 03:19): Editorial-Cross-Links + Galerie-Rest ══ */
.cross-link{display:flex!important;align-items:center;gap:14px;border:1px solid var(--line);background:var(--card);padding:11px 14px!important;max-width:430px;margin:40px auto 0;text-decoration:none;border-radius:8px;box-shadow:0 1px 2px rgba(29,31,42,.03);transition:transform .22s ease,border-color .22s,box-shadow .22s;}
.cross-link:hover{transform:translateY(-3px);border-color:var(--wine);box-shadow:0 12px 30px rgba(29,31,42,.09);}
.cl-img{width:60px!important;height:60px!important;object-fit:cover;object-position:50% 30%;flex-shrink:0;border-radius:6px;}
.cl-txt{flex:1;text-align:left;min-width:0;}
.cl-tag{display:block;font-family:var(--font-sans)!important;font-size:.56rem!important;font-weight:600;letter-spacing:.18em!important;text-transform:uppercase;color:var(--wine)!important;margin-bottom:4px;}
.cl-title{font-family:var(--font-serif)!important;font-size:1.02rem!important;font-weight:500;color:var(--ink)!important;line-height:1.28;}
.cross-link:hover .cl-title{color:var(--wine)!important;}
.gal-more{display:table!important;margin:18px auto 46px!important;color:var(--wine)!important;border-color:var(--wine)!important;font-family:var(--font-sans)!important;}
.gal-grid img{aspect-ratio:3/4;object-fit:cover;object-position:center;}
.gal-grid{align-items:stretch;}
/* Galerie: Hero-Ueberlappung + Rubriken-Pills sichtbar */
@media(min-width:961px){.hero.gal-hero{padding-top:224px!important;}}
@media(max-width:960px){.hero.gal-hero{padding-top:132px!important;}}
nav[aria-label="Galerie-Rubriken"]{padding:0 0 8px!important;}
nav[aria-label="Galerie-Rubriken"] a{color:var(--muted-deep)!important;border:1px solid var(--line)!important;background:#fff;transition:all .25s;}
nav[aria-label="Galerie-Rubriken"] a:hover{color:#fff!important;background:var(--wine);border-color:var(--wine)!important;}
/* Magazin-Header: kein Zeilenumbruch der Versalien-Leiste auf mittleren Breiten */
@media(min-width:961px) and (max-width:1560px){
.nlinks{gap:20px;flex-wrap:nowrap;}
.nlinks a{font-size:.63rem;letter-spacing:.14em;white-space:nowrap;}
.nlinks a.ncta{padding:10px 16px;}
}
@media(min-width:961px) and (max-width:1180px){
.nlinks{gap:14px;}
.nlinks a{font-size:.56rem;letter-spacing:.1em;}
}
/* 961-1080px: Leiste zu eng -> Burger-Modus wie mobil */
@media(min-width:961px) and (max-width:1080px){
.nlinks{display:none!important;}
.burger{display:flex!important;}
.hd-search,.hd-icons{display:none!important;}
.nav{padding:12px 26px!important;}
.hero,.hero.gal-hero{padding-top:132px!important;}
}
@media(min-width:1081px) and (max-width:1180px){.nlinks a{font-size:.55rem;letter-spacing:.08em;}.nlinks{gap:12px;}.nlinks a.ncta{padding:9px 12px;}}
@media(min-width:961px) and (max-width:1080px){.nbrand{order:0;}.burger{order:9;margin-left:auto;}}

/* ══ Paket D: Fokus-Zustaende (Tastatur-Bedienbarkeit) ══ */
.hd-search input:focus-visible,.hd-icons a:focus-visible,.burger:focus-visible,.nlinks a:focus-visible,.mag-search input:focus-visible,.iv-btn:focus-visible,.pcat-head:focus-visible,.rub-more:focus-visible,a.btn:focus-visible,.mag-pill:focus-visible{outline:2px solid var(--wine)!important;outline-offset:2px;}
/* Schrift-Systemcheck: letzter Altfont-Ausreisser Commissioner -> Inter */
[style*="Commissioner"]{font-family:var(--font-sans)!important;}
/* 320er-Sweep: 3px-Nav-Overflow + Sicherheitsnetz */
@media(max-width:400px){.nav{padding-left:14px!important;padding-right:14px!important;}}
/* overflow-x:clip entfernt (Endabnahme B-05) - echte Ursachen gefixt */

/* ══ WELLE "LEBENDIG": Leerkaesten-Ende + Scroll-Parallax (Sam 09:09) ══ */
.split{align-items:center!important;min-height:0!important;}
.split-img{position:relative;background:transparent!important;overflow:hidden;border-radius:2px;}
.split-img img{position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;display:block;}
article > figure{overflow:hidden;}
.plx{transition:none!important;}

/* ══ WELLE "SAM 15:00": Btn-Kontrast-Wurzelfix + Kachel-Klickflaeche + Ratgeber-Pills ══ */
main a.btn.btn-or,main a.btn.btn-or *{color:#fff!important;}
main a.btn.btn-wr,main a.btn.btn-wr *{color:var(--ink)!important;}
.dest-grid .dc{position:relative;transition:border-color .25s,background .25s;}
.dest-grid .dc a::after{content:"";position:absolute;inset:0;z-index:1;}
.dest-grid .dc:hover{background:var(--wash);}
.dest-grid .dc:hover a{color:var(--wine);}
/* SAM 28.07.: Staedtenamen in Serif (passt zur Seite), groesser + sichtbarer */
.dest-grid .dc a,.ng .dc a{font-family:var(--font-serif)!important;font-size:1.32rem!important;font-weight:500!important;letter-spacing:.005em;}
/* SAM 28.07.: Abschluss-/CTA-Ueberschriften sichtbarer (etwas groesser) */
.sec--night h2,.sec--night [id^="h2"]{font-size:clamp(1.95rem,3.4vw,2.7rem)!important;}
/* SAM 28.07.: Story-Zwischenueberschriften deutlicher (groesser+kraeftiger), alle Stories */
body.journal main h2,body.journal .s-text h2,body.journal article h2{font-size:clamp(1.9rem,3.4vw,2.6rem)!important;font-weight:500!important;line-height:1.2!important;}

/* SAM 28.07.: Uebersichtsseite (Story-Index) Intro-Texte mittig */
body.hub .hub-intro-late p,body.hub .hub-intro-late{text-align:center!important;}
body.hub .hub-intro-late p{margin-left:auto!important;margin-right:auto!important;max-width:70ch!important;}

/* SAM 28.07.: Ratgeber-Aufzaehlungen als roetliches Kaestchen + Punkt statt Strich (alle Ratgeber) */
main ul[style*="226,190,162"],main ol[style*="226,190,162"]{background:#FAF2F2!important;border:0!important;border-radius:14px!important;padding:26px 32px!important;box-shadow:0 1px 3px rgba(122,0,12,.05)!important;}
main li span[style*="left:0"][style*="cfa878"]{font-size:0!important;}
main li span[style*="left:0"][style*="cfa878"]::before{content:"\2022"!important;font-size:1.15rem!important;color:var(--wine)!important;line-height:1;position:absolute;left:0;top:6px;}
.np.rubfilter .rub-hide{display:flex!important;}
.np.rubfilter .rub-more{display:none!important;}

/* ══ FAQ im echten Nagi-Stand (Sam-Prio 15:02): links, Pills, dunkle CTA-Box ══ */
body.faqpage .hero-inner{text-align:left;max-width:860px;margin:0 auto;}
body.faqpage .hero .bc{justify-content:flex-start;}
body.faqpage .hero-tag{margin-left:0;}
body.faqpage .hero h1{font-size:clamp(1.9rem,3.4vw,2.9rem)!important;text-align:left;}
body.faqpage .hero-p{text-align:left!important;margin-left:0!important;max-width:60ch;}
@media(min-width:961px){body.faqpage .hero{padding-top:200px!important;padding-bottom:30px!important;}}
body.faqpage .faq-tools{margin-top:26px;}
#faq-pills,#rat-pills{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px;}
.mag-pill.aktiv{background:var(--wine)!important;border-color:var(--wine)!important;color:#fff!important;}
.mag-pill span{opacity:.65;font-weight:400;}
body.faqpage .statement{background:var(--ink)!important;max-width:1080px;margin:90px auto 70px;padding:70px 28px!important;border-radius:2px;}
body.faqpage .statement h2,body.faqpage .statement .eyebrow{color:#fff!important;}
body.faqpage .statement p{color:rgba(255,255,255,.82)!important;text-align:center!important;}
body.faqpage .statement a:not(.btn){color:#fff!important;text-decoration:underline;}
body.faqpage .statement a.btn{background:#fff!important;color:var(--ink)!important;border-color:#fff!important;}
/* Header-Suche: beliebte Suchbegriffe beim Fokus (GSC-kuratiert) */
.hd-search{position:relative;}
.hd-sug{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:min(430px,90vw);background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(29,31,42,.10);border-radius:2px;padding:14px 16px;display:none;z-index:60;}
.hd-search.offen .hd-sug{display:block;}
.hd-sug-label{display:block;font-family:var(--font-sans);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-deep);margin-bottom:10px;}
.hd-sug-chips{display:flex;flex-wrap:wrap;gap:8px;}
.hd-sug button{font-family:var(--font-sans);font-size:.74rem;color:var(--ink);background:var(--wash);border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer;transition:all .2s;}
.hd-sug button:hover{background:var(--wine);border-color:var(--wine);color:#fff;}

/* ══ WELLE "BILDER-KUR" (Sam 15:12-15:15) ══ */
@media(min-width:961px){#ql-wrap,#ql-toggle,#ql-panel{display:none!important;}}
main [style*="text-align:center"] p,main .statement p,main .inv p{margin-left:auto!important;margin-right:auto!important;}

/* ══ WELLE "EINHEITLICHER ABBINDER + SEITLICH + FUELLEN" (Sam 15:17-15:20) ══ */
/* Grossbuchstaben-Optik ohne Texteingriff */
main h1::first-letter,main h2::first-letter{text-transform:uppercase;}
/* Dunkler Vollbreit-Abbinder sitewide (Referenz: FAQ-"perfekt"-Screenshot) */
main .statement:last-of-type{background:var(--ink)!important;max-width:none!important;margin:90px 0 0!important;border-radius:0!important;padding:88px 24px 92px!important;text-align:center;}
main .statement:last-of-type h2,main .statement:last-of-type .eyebrow{color:#fff!important;}
main .statement:last-of-type p{color:rgba(255,255,255,.82)!important;text-align:center!important;max-width:62ch;margin-left:auto!important;margin-right:auto!important;}
main .statement:last-of-type a:not(.btn){color:#fff!important;text-decoration:underline;}
main .statement:last-of-type a.btn{background:var(--wine)!important;color:#fff!important;border-color:var(--wine)!important;}
main .statement:last-of-type a.btn ~ a.btn{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;}
.cta-trust{display:block;font-family:var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:10px;}
.cta-stars{display:block;color:#E53E49;font-size:.85rem;letter-spacing:.35em;margin-bottom:18px;}
/* Splits: Bildspalte fuellt Texthoehe, Linien buendig; gefuellt mit 2 Bildern */
.split{align-items:stretch!important;}
.split-img{display:flex!important;flex-direction:column;gap:16px;justify-content:flex-start;}
.split-img img{flex:1 1 0;min-height:0;width:100%!important;height:auto!important;object-fit:cover;}
/* Lange Splits: Text seitlich in 2 Spalten statt endlos lang */
@media(min-width:1101px){
.split:has(.split-txt p:nth-of-type(5)){grid-template-columns:1.55fr 1fr;}
.split:has(.split-txt p:nth-of-type(5)) .split-txt{column-count:2;column-gap:46px;}
.split:has(.split-txt p:nth-of-type(5)) .split-txt h2,.split:has(.split-txt p:nth-of-type(5)) .split-txt .eyebrow,.split:has(.split-txt p:nth-of-type(5)) .split-txt .btn,.split:has(.split-txt p:nth-of-type(5)) .split-txt [class*="tag"]{column-span:all;}
.split-txt p{break-inside:avoid;}
}
/* Hub-Intro mittig */
.hub-intro-late{text-align:center;}
.hub-intro-late p{margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
/* Statement kompakt mit Bild rechts (Sam: "kleiner halten, rechts ein Bild") */
main .statement.statement--pic{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;text-align:left;max-width:1180px;margin:72px auto!important;padding:46px 32px!important;background:transparent!important;}
main .statement.statement--pic > *{grid-column:1;}
main .statement.statement--pic > img{grid-column:2;grid-row:1/span 20;width:100%;height:100%;max-height:560px;object-fit:cover;border-radius:2px;}
main .statement.statement--pic h2{text-align:left;font-size:clamp(1.7rem,2.7vw,2.4rem)!important;}
main .statement.statement--pic .eyebrow{text-align:left;margin-left:0;}
main .statement.statement--pic p{text-align:left!important;max-width:none!important;margin:0 0 14px!important;color:var(--ink)!important;}
main .statement.statement--pic a.btn{justify-self:start;}
@media(max-width:900px){main .statement.statement--pic{display:block;text-align:center;}main .statement.statement--pic h2,main .statement.statement--pic p{text-align:center!important;}main .statement.statement--pic > img{margin-top:26px;max-height:420px;width:100%;}}
main .statement h2{font-size:clamp(1.7rem,2.9vw,2.5rem)!important;}
/* ══ FAQ-Kaestchen + Footer-Fixes (Sam 15:24, vor Livegang) ══ */
.interview-wrap .iv{border:1px solid var(--line)!important;background:#fff;border-radius:2px;margin-bottom:12px;padding:0 22px;transition:border-color .25s;}
.interview-wrap .iv:last-child{border-bottom:1px solid var(--line)!important;}
.interview-wrap .iv:hover{border-color:var(--wine);}
.iv-btn{padding:18px 0!important;gap:16px!important;}
.iv-label{margin-bottom:6px!important;font-size:.58rem!important;}
.iv-q{font-size:clamp(1.02rem,1.7vw,1.18rem)!important;line-height:1.35!important;}
.iv-icon{width:32px!important;height:32px!important;font-size:1.1rem!important;}
.iv.open{border-color:var(--wine)!important;}
.iv-inner{padding:0 46px 20px 0!important;}
.iv-a{font-size:1.02rem!important;line-height:1.75!important;}
/* Footer: aktiver Link bricht nicht mehr aus der Reihe */
footer a[aria-current],footer .aktiv,footer a.active{font-family:var(--font-sans)!important;font-size:inherit!important;font-weight:600!important;letter-spacing:inherit!important;text-transform:uppercase!important;color:#fff!important;}
footer nav a,footer .ft-links a{font-size:.68rem;letter-spacing:.16em;}
/* Mobil: Logo mittig, Burger rechts (Sam 15:25) */
@media(max-width:960px){
.nav{position:relative;justify-content:center!important;}
.nbrand{margin:0 auto!important;order:0;}
.burger{position:absolute!important;right:12px;top:50%;transform:translateY(-50%);margin:0!important;order:9;}
}

/* ══ Vorschau-Modals + Aufklapp-Animationen (Sam 15:27-15:32) ══ */
.pv-overlay{position:fixed;inset:0;background:rgba(29,31,42,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:200;}
.pv-overlay.an{opacity:1;pointer-events:auto;}
.pv-card{background:#fff;border-radius:4px;max-width:720px;width:100%;max-height:88vh;overflow:auto;position:relative;transform:translateY(18px) scale(.94);transition:transform .45s cubic-bezier(.22,.9,.24,1);box-shadow:0 40px 90px rgba(0,0,0,.35);}
.pv-overlay.an .pv-card{transform:translateY(0) scale(1);}
.pv-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);font-size:1rem;cursor:pointer;z-index:2;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.pv-close:hover{background:var(--wine);color:#fff;}
/* SAM 28.07.: ganzes Bild im Vorschau-Modal (keine Menschen/Gesichter mehr abschneiden) */
.pv-imgwrap{aspect-ratio:auto!important;overflow:hidden;background:var(--ink);display:flex;align-items:center;justify-content:center;}
.pv-imgwrap img{width:100%!important;height:auto!important;max-height:68vh!important;object-fit:contain!important;object-position:center!important;display:block;}
.pv-body{padding:24px 28px 28px;}
.pv-kick{display:block;font-family:var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);margin-bottom:8px;}
.pv-name{font-family:var(--font-serif);font-weight:500;font-size:1.5rem;color:var(--ink);margin-bottom:10px;}
.pv-text{color:var(--muted-deep);line-height:1.75;margin-bottom:18px;}
.pv-actions .btn{background:var(--wine)!important;color:#fff!important;border-color:var(--wine)!important;}
/* Partner-Akkordeon: animiertes Aufklappen + Karten-Stagger */
.pcat-body{display:grid!important;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,.9,.24,1);}
.pcat.open .pcat-body{display:grid!important;grid-template-rows:1fr;padding-bottom:32px;}
.pcat-body > .pgrid{overflow:hidden;min-height:0;}
@keyframes pvUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.pcat.open .pcard{animation:pvUp .5s both;}
.pcat.open .pcard:nth-child(2){animation-delay:.06s;}.pcat.open .pcard:nth-child(3){animation-delay:.12s;}
.pcat.open .pcard:nth-child(4){animation-delay:.18s;}.pcat.open .pcard:nth-child(5){animation-delay:.24s;}
.pcat.open .pcard:nth-child(6){animation-delay:.3s;}.pcat.open .pcard:nth-child(n+7){animation-delay:.36s;}
/* FAQ: sanftes Aufklappen */
@keyframes fadeSlide{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.iv.open .iv-inner{animation:fadeSlide .4s ease both;}
/* Akkordeon-Robustfix: Toggle hart, Animation ueber Karten-Stagger */
.pcat-body{display:none!important;grid-template-rows:none!important;transition:none!important;}
.pcat.open .pcat-body{display:block!important;padding-bottom:32px;}
/* Hub-/Ratgeber-Karten als Kaestchen mit Hover-Animation (Sam 15:39, Referenz destinations) */
.np-card{background:#fff;border:1px solid var(--line);border-radius:2px;padding-bottom:26px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;}
.np-card > img{margin-bottom:0;display:block;}
.np-card .np-body{padding:20px 22px 0;}
.np-card:hover{transform:translateY(-5px);border-color:var(--wine);box-shadow:0 24px 48px rgba(29,31,42,.10);}
/* Kollisionsfix: Bild-Statement gewinnt gegen Dunkel-Abbinder-Regeln (Sam 15:41) */
main .statement.statement--pic:last-of-type{background:transparent!important;max-width:1180px!important;margin:72px auto!important;padding:46px 32px!important;text-align:left;}
main .statement.statement--pic:last-of-type h2{color:var(--ink)!important;text-align:left;}
main .statement.statement--pic:last-of-type .eyebrow{color:var(--wine)!important;}
main .statement.statement--pic:last-of-type p{color:var(--ink)!important;text-align:left!important;max-width:none!important;margin:0 0 14px!important;}
main .statement.statement--pic:last-of-type a.btn{background:var(--wine)!important;color:#fff!important;border-color:var(--wine)!important;}
main .statement.statement--pic:last-of-type .cta-trust,main .statement.statement--pic:last-of-type .cta-stars{display:none;}
@media(max-width:900px){main .statement.statement--pic:last-of-type,main .statement.statement--pic:last-of-type h2{text-align:center!important;}main .statement.statement--pic:last-of-type p{text-align:center!important;}}

/* ══ Wein-Strich links+rechts an JEDEM Bild (Sam 15:44, einheitlich) ══ */
main figure img,main .split-img img,main .hero-photo img,main .statement--pic > img,
.np-lead img,.np-card > img,main section > img,main .gal-grid img,.pv-imgwrap img{
border-left:2px solid var(--wine)!important;border-right:2px solid var(--wine)!important;}
.hd-icons img,footer img,.nav img,.nbrand img,.plogo,.badge img,[class*="badge"] img,
.cl-img,.s-more-card img{border-left:0!important;border-right:0!important;}
/* Statement--pic: Lesbarkeit in JEDEM Fall sichern (auch ohne last-of-type) */
main .statement.statement--pic{background:transparent!important;}
main .statement.statement--pic h2{color:var(--ink)!important;}
main .statement.statement--pic .eyebrow{color:var(--wine)!important;}
main .statement.statement--pic p{color:var(--ink)!important;}
main .statement.statement--pic a:not(.btn){color:var(--wine)!important;text-decoration:underline;}
main .statement.statement--pic .cta-trust{color:var(--muted-deep)!important;}
main .statement.statement--pic .cta-stars{color:#E53E49!important;}
main .statement.statement--pic a.btn{background:var(--wine)!important;color:#fff!important;border-color:var(--wine)!important;}
/* Altlast-Beige-Links (#e2bea2/#cfa878) -> Weinrot, ueberall lesbar (Sam 15:46) */
main a[style*="e2bea2"],main a[style*="cfa878"]{color:var(--wine)!important;border-bottom-color:var(--wine)!important;}
/* (entfernt: grid-row:1/span 30 verursachte toten Raum — Konsolidierung s. unten) */

/* ══ ZEITUNGSARTIKEL-LOOK für alle Hochzeitsgeschichten (Sam 17:0x) ══ */
body.journal .s-head{position:relative;padding-top:26px!important;margin-bottom:34px;}
body.journal .s-head::before{content:"";position:absolute;top:0;left:0;right:0;height:0;border-top:3px double var(--ink);}
body.journal .s-head::after{content:"";display:block;margin-top:22px;border-bottom:1px solid var(--ink);}
body.journal .s-kick{letter-spacing:.28em!important;}
body.journal article > .s-text{max-width:840px!important;}
@media(min-width:901px){
body.journal article > .s-text{column-count:2;column-gap:48px;column-rule:1px solid var(--line);}
body.journal .s-text h2{column-span:all;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:18px;}
body.journal .s-text p{break-inside:avoid-column;}
}
/* (Deckel 1.7rem entfernt — die groessere H2-Regel oben (Z.1138) ist jetzt die einzige Groessenvorgabe) */
body.journal main figcaption{text-align:left!important;font-size:.7rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-deep)!important;border-left:2px solid var(--wine);padding:2px 0 2px 10px;margin-top:10px;max-width:840px;margin-left:auto;margin-right:auto;}
body.journal article > figure{margin-top:52px!important;margin-bottom:52px!important;}
body.journal .s-review,body.journal .s-quote{border-top:1px solid var(--ink);border-bottom:3px double var(--ink);padding:26px 0!important;}
@media(max-width:900px){
body.journal .s-head::before{border-top-width:2px;}
body.journal .s-text h2{border-bottom:1px solid var(--line);padding-bottom:8px;}
}
/* ZEITUNGS-FIX (Sam 17:33): Ruhe in den Stories + Spaltenblock mittig */
body.journal article > figure img{transform:none!important;}
body.journal article > figure{overflow:visible!important;}
body.journal main figcaption{margin-top:14px!important;}
body.journal article > .s-text,body.journal .s-text{margin-left:auto!important;margin-right:auto!important;}
body.journal article > .s-head{max-width:840px;margin-left:auto!important;margin-right:auto!important;}

/* ══ WELLE 18Uhr: Statement-Finale + Enden-Dichte + RATGEBER-ARTIKEL EDITORIAL (Sam 17:59) ══ */
main .statement.statement--pic h2{text-align:left!important;}
main .statement.statement--pic .eyebrow{text-align:left!important;display:block;}
main .statement.statement--pic{align-items:start!important;}
/* (entfernt: sticky top:120px — Konsolidierung s. unten) */
@media(max-width:900px){main .statement.statement--pic h2,main .statement.statement--pic p,main .statement.statement--pic .eyebrow{text-align:center!important;}}
main > section.sec:last-of-type{padding-top:48px!important;padding-bottom:64px!important;min-height:0!important;}
/* Ratgeber-Artikel: eine ruhige Leseachse, Zeitungslinien, edle Kaesten */
body.ratartikel main .wrap{max-width:820px!important;margin-left:auto!important;margin-right:auto!important;}
body.ratartikel main h2{border-bottom:1px solid var(--ink);padding-bottom:10px;margin-top:52px;font-size:clamp(1.45rem,2.3vw,1.9rem)!important;text-wrap:balance;}
body.ratartikel main h3{font-family:var(--font-sans)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);margin-top:34px;}
body.ratartikel main p{max-width:68ch;}
body.ratartikel main ul,body.ratartikel main ol{background:#fff;border:1px solid var(--line);border-left:3px solid var(--wine);padding:24px 28px 24px 44px;margin:26px 0;border-radius:2px;}
body.ratartikel main li{margin-bottom:10px;line-height:1.75;}
body.ratartikel main li:last-child{margin-bottom:0;}
body.ratartikel main li::marker{color:var(--wine);}
body.ratartikel main table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);margin:26px 0;}
body.ratartikel main th{font-family:var(--font-sans);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;background:var(--wash);border-bottom:2px solid var(--ink);padding:12px 14px;text-align:left;}
body.ratartikel main td{border-bottom:1px solid var(--line);padding:12px 14px;line-height:1.6;}
body.ratartikel main blockquote{border-left:3px solid var(--wine);padding:6px 0 6px 20px;font-style:italic;margin:26px 0;}
body.ratartikel main figure{margin:44px auto!important;}
/* ══ Einheitliches dunkles ("blaues") Seitenende AUF ALLEN SEITEN (Sam 18:01) ══ */
.intlinks{background:var(--ink)!important;padding:76px 24px 84px!important;margin-top:80px;}
.intlinks .ileyebrow{color:rgba(255,255,255,.72)!important;}
.intlinks h2{color:#fff!important;}
.intlinks .ilgrid a{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;border-radius:999px;transition:all .25s;}
.intlinks .ilgrid a:hover{background:var(--wine)!important;border-color:var(--wine)!important;color:#fff!important;}
main .statement:last-of-type{margin-bottom:0!important;}
.intlinks + footer,footer{margin-top:0!important;}
/* Mobilmenü: schmaler, mit Luft zum Rand (Sam 18:04) */
@media(max-width:960px){
.mob{width:min(84vw,400px)!important;left:auto!important;right:0!important;padding:90px 34px 60px!important;box-shadow:-18px 0 50px rgba(0,0,0,.18);}
.mob a{font-size:1.05rem!important;}
}


/* ══ ENDABNAHME P0-FIXES (28.07., B-05 Overflow + C-04 Kontrast-Sicherung) ══ */
.facts .frow{min-width:0;}
.facts .frow > *{min-width:0;overflow-wrap:anywhere;}
@media(max-width:420px){.facts .frow{grid-template-columns:1fr;gap:4px;padding:14px 4px;}}
.s-cat,.s-meta{overflow-wrap:anywhere;word-break:normal;}
@media(max-width:400px){.s-cat{letter-spacing:.1em;font-size:.62rem;}}
/* Auto-fit-Grids mit fester Mindestspalte collapsen mobil (Endabnahme B-05, Ursache statt Maske) */
@media(max-width:560px){
main [style*="minmax(2"],main [style*="minmax(3"]{grid-template-columns:1fr!important;}
main [style*="grid-template-columns:repeat(2"],main [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important;}
main .wrap,main .interview-wrap{box-sizing:border-box;max-width:100%;}
main .wrap [style*="grid"],main .wrap [style*="background:rgba(255,255,255"]{box-sizing:border-box!important;max-width:100%!important;}
/* ratartikel overflow-x:clip entfernt (ChatGPT B-05: Maske raus) */
}
/* Fixed-Widget-Containment (QL-Button/CTA-Bar) - kein Content-Mask, echte Content-Overflows sind an der Ursache gefixt */
/* body overflow-x:hidden entfernt (ChatGPT B-05: Maske raus) */
#ql-wrap{right:16px!important;}
#ql-panel{max-width:calc(100vw - 32px);}
/* Footer-Kleinsttext nie unter Lesbarkeit */
.ft-bottom a,.ft-bottom span,footer address{color:rgba(249,246,241,.82);}

/* ENDABNAHME P1: Story-Schlussnote (.s-end) darf nicht dunkel sein (footer-Regel-Uebergriff) */
footer.s-end,body.journal footer.s-end,main footer.s-end{background:transparent!important;color:var(--muted-deep)!important;padding:0 26px 40px!important;}
footer.s-end p,body.journal footer.s-end p{color:var(--muted-deep)!important;}
footer.s-end a{color:var(--wine)!important;}

/* ENDABNAHME P1 D-BULLET: Content-Listen in zentrierten Sektionen als linksbuendige Inline-Bloecke (kein Bullet-links/Text-mittig) */
main .inv ul,main .inv ol,main .statement ul,main .statement ol,main [style*="text-align:center"] > ul,main [style*="text-align:center"] > ol{display:inline-block;text-align:left;margin-left:auto;margin-right:auto;}
main .inv li,main .statement li{text-align:left;}

/* ══ P0-KORREKTUR (ChatGPT-Gegenpruefung) ══ */
/* C-03: geschlossene Vorschau-Modals raus aus Tab-Order/A11y-Tree (behebt aria-hidden-focus) */
.pv-overlay:not(.an){display:none!important;}
/* C-04: alte Inline-Footer (#2D2D2D + rgba(245,243,239,.4)) WCAG-konform */
footer{color:#F5F3EF;}
footer [style*="245,243,239,.28)"],footer [style*="245,243,239,.3)"],footer [style*="245,243,239,.34)"],footer [style*="245,243,239,.35)"],footer [style*="245,243,239,.4)"],footer [style*="245,243,239,.45)"],footer [style*="245,243,239,.5)"],footer [style*="245,243,239,.55)"],footer [style*="249,246,241,.28)"],footer [style*="249,246,241,.3)"],footer [style*="249,246,241,.34)"],footer [style*="249,246,241,.35)"],footer [style*="249,246,241,.4)"],footer [style*="249,246,241,.45)"],footer [style*="249,246,241,.5)"],footer [style*="249,246,241,.55)"],footer [style*="255,255,255,.28)"],footer [style*="255,255,255,.3)"],footer [style*="255,255,255,.34)"],footer [style*="255,255,255,.35)"],footer [style*="255,255,255,.4)"],footer [style*="255,255,255,.45)"],footer [style*="255,255,255,.5)"],footer [style*="255,255,255,.55)"]{color:rgba(245,243,239,.85)!important;}
footer a{color:#F5F3EF;}
footer small,footer .muted,footer [style*="font-size:.6"],footer [style*="font-size:.7"]{font-size:.8rem!important;}

/* ══ SAM 28.07. — STORY-FUSS REDESIGN (Teilen + Weiterleitung), rein via CSS, alle 17 Stories ══ */

/* (1) TEILEN: von klobiger Pill-Reihe -> zurueckhaltende, zentrierte Icon-Kreise (editorial) */
.s-share{max-width:var(--narrow);margin:78px auto 0;padding:36px 26px 0;border-top:1px solid var(--line);text-align:center;}
body.journal .s-share{text-align:center;margin:78px auto 0;}
.s-share-l{display:block;margin:0 0 22px;text-align:center;font-family:var(--font-serif);font-size:1.05rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-deep);}
.s-share-row{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;}
.s-share-row a,.s-share-row button{position:relative;width:46px;height:46px;padding:0;min-width:0;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--muted-deep);display:inline-flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;}
.s-share-row a svg,.s-share-row button svg{width:19px;height:19px;flex:none;}
.s-share-row a span,.s-share-row button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.s-share-row a:hover,.s-share-row button:hover{background:var(--wine);border-color:var(--wine);color:#fff;transform:translateY(-2px);}
.s-share-row a:focus-visible,.s-share-row button:focus-visible{outline:2px solid var(--wine);outline-offset:2px;}
.sh-nativ{display:none;}

/* (2) WEITERLEITUNG: von 1400px-Vollbildkloetzen -> kompakte Vorschau-Karten (Thumbnail + Text), 2-spaltig */
.s-more{max-width:var(--narrow);margin:96px auto 0;padding:48px 26px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:32px 36px;align-items:start;}
.s-more>h2{grid-column:1/-1;margin:0 0 4px;}
.s-more .s-more-all{grid-column:1/-1;margin:12px 0 0;}
.s-more-card{max-width:none;margin:0!important;display:grid;grid-template-columns:120px 1fr;column-gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:0 1px 2px rgba(29,31,42,.03);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.s-more-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(29,31,42,.09);border-color:var(--wine);}
.s-more-card:hover .s-more-h{color:var(--wine);}
.s-more-link{display:contents;}
.s-more-card img,.s-more-card img[width][height]{grid-row:1/3;grid-column:1;width:120px!important;height:150px!important;aspect-ratio:auto!important;object-fit:cover;object-position:50% 28%;border-radius:3px;display:block;}
.s-more-h{grid-column:2;grid-row:1;align-self:start;margin:0 0 7px;font-size:1.04rem;line-height:1.32;}
.s-more-t{grid-column:2;grid-row:2;align-self:start;margin:0;max-width:none;font-size:.83rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

@media (max-width:640px){
  .s-more{grid-template-columns:1fr;gap:24px;margin-top:72px;padding-top:40px;}
  .s-more-card{grid-template-columns:98px 1fr;column-gap:15px;}
  .s-more-card img,.s-more-card img[width][height]{width:98px!important;height:124px!important;}
  .s-more-h{font-size:1rem;}
  .s-more-t{-webkit-line-clamp:2;font-size:.82rem;}
  .s-share{margin-top:60px;}
}

/* ══ SAM 28.07. — moderne-hochzeit "Katastrophe": ~1600px Leerraum neben kurzem Bild ══ */
/* Bild sticky -> begleitet die lange Textspalte, kein toter Weissraum mehr */
/* (entfernt: sticky top:96px — Konsolidierung s. unten) */

/* ══ ChatGPT #3: Basis-Bildfokus bleibt center (globaler 50%/30%-Default entfernt — verzerrte Landschaften/Details) ══ */
/* Personen-/Sam-Fokus nur auf expliziten Preview-Klassen (.cl-img, .s-more-card img) — dort bewusst gesetzt. */

/* ══ SAM 28.07. — Story-Hero Desktop: Hochformat nicht zu flachem Streifen beschneiden ══ */
/* Mobil (<=720px) ist perfekt (Bild passt). Ab Desktop: ganzes Bild in Natur-Seitenverhaeltnis, zentriert. */
/* Querformat -> weiter volle Breite; Hochformat -> hoch & vollstaendig statt 52%-Beschnitt. */
@media (min-width:721px){
  .s-herofig{text-align:center;}
  .s-herofig img{width:auto!important;height:auto!important;max-width:100%;max-height:84vh!important;
    object-fit:contain!important;margin-left:auto;margin-right:auto;display:block;}
}

/* ══ SAM 28.07. — Story-Text EINSPALTIG von oben nach unten (Desktop wie Mobil, das Sam liebt) ══ */
/* Vorher 3-Spalten-Grid (Text links, Bild rechts) -> unklar wo weiterlesen. Jetzt: eine Spalte, Bilder im Fluss. */
@media (min-width:901px){
  body.journal article{display:block!important;max-width:78ch!important;margin:0 auto!important;padding:0 32px!important;}
  body.journal article>.s-text{grid-column:auto!important;display:block!important;max-width:none!important;padding:0!important;}
  body.journal article>figure{grid-column:auto!important;margin:48px auto!important;position:static!important;}
  body.journal article>figure::before{content:none!important;}
  body.journal .s-text{display:block!important;grid-template-columns:none!important;max-width:none!important;padding:0!important;}
  body.journal .s-text>*{grid-column:auto!important;}
  body.journal .s-text::before{content:none!important;}
  body.journal .s-text>figure{grid-column:auto!important;float:none!important;margin:40px auto!important;}
  /* Ueberschriften klar abgesetzt + Luft */
  body.journal article>.s-head{max-width:none!important;}
  body.journal main h2{margin:1.7em 0 .55em!important;}
  body.journal main h3{margin:1.5em 0 .45em!important;}
  body.journal .s-vendors{margin:1.4em 0!important;}
  /* Zeitungs-2-Spalten (column-count:2, Z.1291) aufheben -> eine Lesespalte */
  body.journal article>.s-text{column-count:1!important;column-gap:normal!important;column-rule:none!important;}
  /* Bilder alle in gleicher Linie: volle Spaltenbreite, gleiche Kanten wie Text */
  body.journal article>figure.s-img,body.journal .s-text>figure{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
  body.journal article>figure.s-img img,body.journal .s-text>figure img{width:100%!important;height:auto!important;object-fit:cover;}
}

/* ══ SAM 28.07. — ZITATE: rot, mittig, groesser, in Gaensefuesschen, in roetlichem Kaestchen (wie Teilen-Box) ══ */
.s-quote,body.journal .s-quote{background:var(--wine-tint)!important;border:1px solid rgba(122,0,12,.2)!important;
  border-top:1px solid rgba(122,0,12,.2)!important;border-bottom:1px solid rgba(122,0,12,.2)!important;
  border-radius:16px!important;padding:42px 46px!important;max-width:840px!important;margin:72px auto 56px!important;text-align:center!important;}
.s-quote,.s-quote p,body.journal .s-quote p{color:var(--wine)!important;text-align:center!important;font-style:italic;
  font-size:clamp(1.55rem,3vw,2.15rem)!important;line-height:1.5!important;}
.s-quote p{margin:0!important;}
.s-quote p::before{content:"„";}
.s-quote p::after{content:"“";}
@media(max-width:600px){.s-quote,body.journal .s-quote{padding:30px 24px!important;}.s-quote p{font-size:1.4rem!important;}}

/* ══ SAM 28.07. — TEILEN-Sektion in roetliches Kaestchen (ALLE Stories) ══ */
.s-share{background:var(--wine-tint)!important;border:1px solid rgba(122,0,12,.18)!important;border-radius:14px!important;
  padding:34px 26px 30px!important;max-width:var(--narrow)!important;margin:64px auto 0!important;}
body.journal .s-share{margin:64px auto 0!important;}

/* ══ SAM 28.07. — Story-Abschluss .s-avail: Text mittig + "Verfuegbarkeit pruefen" als zentrierter Wein-Button (ALLE Stories) ══ */
.s-avail{text-align:center!important;}
.s-avail p{text-align:center!important;margin:0 auto!important;max-width:58ch;}
.s-avail>a{display:inline-block!important;margin-top:30px!important;background:var(--wine)!important;color:#fff!important;
  font-family:var(--font-sans)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.14em!important;
  text-transform:uppercase!important;padding:16px 34px!important;border-radius:2px!important;text-decoration:none!important;
  border:0!important;box-shadow:0 6px 16px rgba(122,0,12,.16)!important;transition:background .2s,box-shadow .2s;}
.s-avail>a:hover{background:var(--wine-deep)!important;box-shadow:0 8px 20px rgba(122,0,12,.24)!important;}

/* ══ statement--pic — STRUKTURELLE 2-Spalten-Komponente (ChatGPT Phase 2.2) ══ */
/* Text links, feste Bild-Rail rechts (.sp-rail). Kein grid-row-Span, kein Sticky -> kein toter Raum. */
@media (min-width:901px){
  /* MIT Bild-Rail: 2 Spalten */
  main .statement.statement--pic:has(.sp-rail){display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;
    column-gap:52px!important;align-items:start!important;max-width:1080px!important;margin:64px auto!important;
    padding:0 32px!important;text-align:left!important;background:transparent!important;}
  main .statement.statement--pic:has(.sp-rail)>:not(.sp-rail){grid-column:1!important;}
  main .statement.statement--pic .sp-rail{grid-column:2!important;grid-row:1/-1!important;align-self:start!important;display:flex!important;
    flex-direction:column!important;gap:0!important;margin:0!important;}
  main .statement.statement--pic .sp-rail img{width:100%!important;height:auto!important;max-height:none!important;
    object-fit:cover!important;object-position:50% 28%!important;border-radius:0!important;display:block!important;
    margin:0!important;position:static!important;grid-column:auto!important;}
  /* OHNE Medien-Rail: eine Spalte (Cross-Link-Thumbnails zaehlen NICHT als Hero-Bild) */
  main .statement.statement--pic:not(:has(.sp-rail)){display:block!important;max-width:74ch!important;
    margin:64px auto!important;padding:0 32px!important;text-align:left!important;}
  /* gemeinsame Textausrichtung */
  main .statement.statement--pic .cta-trust,main .statement.statement--pic .cta-stars{text-align:left!important;display:block!important;}
  main .statement.statement--pic .eyebrow{text-align:left!important;margin:16px 0 10px!important;}
  main .statement.statement--pic h2{text-align:left!important;margin:0 0 22px!important;max-width:none!important;}
  main .statement.statement--pic p{text-align:left!important;max-width:none!important;margin:0 0 1.1em!important;}
  main .statement.statement--pic .cross-link{margin:36px 0 0!important;}
}

/* ══ SAM 28.07. — Ratgeber-Bibliothek: aktiver Eintrag ("Gerade geoeffnet") sauber & einheitlich ══ */
/* Vorher: Titel ausgegraut + Badge klaut Zeilenbreite -> 2-Zeilen-Umbruch & schiefe Ausrichtung */
.rlrow.rlnow{gap:12px;align-items:baseline;}
.rlnow .rlt{color:var(--ink)!important;flex:1 1 auto;min-width:0;}
.rlhier{margin-left:auto;flex:0 0 auto;align-self:baseline;white-space:nowrap;
  font-family:var(--font-sans)!important;font-size:.52rem!important;font-weight:600;
  letter-spacing:.14em!important;text-transform:uppercase;color:var(--wine)!important;}


/* ══ SAM 28.07. — CTA-Buttons einheitlich: schwerer schwarzer Schlagschatten -> dezentes Wein ══ */
[style*="box-shadow:0 8px 22px rgba(0,0,0,.35)"],
[style*="box-shadow:0 8px 22px rgba(0,0,0,0.35)"]{box-shadow:0 6px 16px rgba(122,0,12,.16)!important;}
main a.btn.btn-or{box-shadow:0 6px 16px rgba(122,0,12,.16)!important;}
main a.btn.btn-or:hover{box-shadow:0 8px 20px rgba(122,0,12,.24)!important;}

/* ══ SAM: Footer-Link-Hover sauber (nicht kleiner/ausgrauen) -> heller + Unterstrich, keine Groessenaenderung ══ */
footer .ft-nav a,footer nav a{transition:color .2s ease!important;transform:none!important;display:inline-block;}
footer .ft-nav a:hover,footer nav a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;transform:none!important;font-size:inherit!important;opacity:1!important;}

/* ══ SAM Punkt 7: Nicht-Story-Zitate (.qblock) wie Story-Zitate — roetliches Kaestchen, mittig, Gaensefuesschen ══ */
.qblock{background:var(--wine-tint)!important;border:1px solid rgba(122,0,12,.2)!important;border-radius:16px!important;
  padding:42px 46px!important;max-width:840px!important;margin:44px auto!important;text-align:center!important;}
/* natives <q> erzeugt die Anfuehrungszeichen selbst -> nur die deutschen Gaensefuesschen setzen, KEINE eigenen ::before/::after (sonst doppelt) */
.qblock q{color:var(--wine)!important;font-family:var(--font-serif)!important;font-style:italic;
  font-size:clamp(1.5rem,2.8vw,2rem)!important;line-height:1.5!important;display:block;quotes:"\201E" "\201C" "\201A" "\2018";}

/* ══ ChatGPT Phase 2.3: Pill-Zaehler + Kategorie-Counts auf AA-Kontrast ══ */
.mag-pill span{color:#595959!important;}                 /* Zaehler auf hellem Pill: ~7:1 auf Paper */
.mag-pill.on span{color:#ffffff!important;}              /* Zaehler auf Wein-Pill: voll weiss (statt 75%) */
.pcat-count{color:#595959!important;border-color:rgba(29,31,42,.30)!important;}
.rlhier{color:var(--wine)!important;}                    /* "Gerade geoeffnet" bleibt Wein (AA auf Paper) */

/* ══ ChatGPT Phase 2.3 — KONTRAST-SWEEP (Axe): dunkle Sektionen + Beige-Links auf AA ══ */
/* (1) Sterne/Deko auf DUNKEL -> Gold #E8B23A (9:1 auf Navy, sichtbar) statt Wein/Coral (1.43) */
.sec--night .cta-stars,.sec--night span[style*="9733"],.sec--night span[style*="FBBC04"],.sec--night span[style*="letter-spacing:.18em"],
main .statement:last-of-type .cta-stars,main .statement.statement--pic:last-of-type .cta-stars{color:#E8B23A!important;}
/* (2) Text-Links (keine Buttons) in dunklen Sektionen -> hell + Unterstrich */
.sec--night a:not(.btn),main .statement:last-of-type a:not(.btn),main .statement.statement--pic:last-of-type a:not(.btn){
  color:#F3EFE9!important;text-decoration:underline!important;text-underline-offset:3px;border-bottom-color:transparent!important;}
/* (3) Wein/Beige-Inline-Farbe + muted Text auf DUNKEL -> hell lesbar */
.sec--night [style*="color:#7A000C"],.sec--night [style*="color:#e2bea2"],.sec--night [style*="color:#E2BEA2"],
.sec--night [style*="color:#cfa878"],.sec--night p[style*="color:"],.sec--night [style*="101, 95, 89"]{color:rgba(245,243,239,.86)!important;}
/* (4) Beige Artikel-Links auf HELL (#e2bea2 ~1.61) -> Wein AA (Bridge greift nicht ueberall) */
main a[style*="e2bea2"],main a[style*="E2BEA2"],main a[style*="226,190,162"],main a[style*="226, 190, 162"],
main a[style*="cfa878"],main [style*="color:#e2bea2"]{color:var(--wine)!important;border-bottom-color:rgba(122,0,12,.4)!important;}
/* (5) sehr helle Fliesstexte/Strong auf Creme/Weiss -> dunkler */
main p[style*="203, 196, 186"],main p[style*="cbc4ba"],main strong[style*="e8e2d8"],main strong[style*="232, 226, 216"]{color:var(--muted-deep)!important;}
/* (6) GLOBAL (nicht main-scoped, da manche Links ausserhalb <main>): Beige/Gold-Inline -> Wein auf hell */
:not(.sec--night) > [style*="color:#e2bea2"],[style*="color:#E2BEA2"],a[style*="e2bea2"],a[style*="E2BEA2"],
.eyebrow[style*="cfa878"],.eyebrow[style*="d9ba90"],[style*="color:#cfa878"]:not(.sec--night *){color:var(--wine)!important;border-bottom-color:rgba(122,0,12,.4)!important;}
/* dunkle Sektionen behalten Vorrang (hell) */
.sec--night [style*="e2bea2"],.sec--night [style*="cfa878"],.sec--night .eyebrow{color:rgba(245,243,239,.86)!important;}
/* (7) cta-stars: auf HELL Wein (statt Coral #E53E49, 3.81), auf DUNKEL Gold (Regel oben) */
.cta-stars{color:var(--wine)!important;}
.sec--night .cta-stars,main .statement:last-of-type .cta-stars,main .statement.statement--pic:last-of-type .cta-stars{color:#E8B23A!important;}
main .statement.statement--pic .cta-stars{color:var(--wine)!important;}
/* (8) aktive Pill-Zaehler + Kategorie-Counts auf Wein-BG -> weiss */
.mag-pill.on span,.mag-pill.aktiv span,.pcat-head.on .pcat-count,[aria-pressed="true"] .pcat-count,[aria-selected="true"] span{color:#fff!important;}
/* (9) eyebrow mit inline-Beige (#cfa878 -> rgb 207,168,120) auf HELL -> Wein */
.eyebrow[style*="207, 168, 120"],.eyebrow[style*="207,168,120"],:not(.sec--night)>.eyebrow--or{color:var(--wine)!important;}

/* ══ SAM: Stadt-Seiten (.citypage) — Ueberschriften/Eyebrows/Intro MITTIG; lange Fliesstexte bleiben linksbuendig lesbar ══ */
body.citypage main .sec--wh h2,body.citypage main .sec--wh h3,body.citypage main .sec--wh .eyebrow,
body.citypage main .sec--wh .feyebrow,body.citypage main .sec--wh .rleyebrow{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
/* Intro = erster Absatz direkt nach der H2 -> mittig */
body.citypage main .sec--wh h2 + p{text-align:center!important;max-width:70ch;margin-left:auto!important;margin-right:auto!important;}
/* Abschluss-CTA-Sektion klar zentriert */
body.citypage main .sec--night .wrap{text-align:center!important;}
.qblock cite{display:block;margin-top:18px!important;color:var(--muted-deep)!important;font-style:normal!important;
  font-family:var(--font-sans)!important;font-size:.72rem!important;letter-spacing:.16em!important;text-transform:uppercase;}
@media(max-width:600px){.qblock{padding:30px 24px!important;}.qblock q{font-size:1.35rem!important;}}

/* ── Sam 29.07.: Logo größer + Hero-Bild näher am Header (nur Startseiten-Split-Hero) ── */
.nbrand-logo{height:84px!important;}
@media(max-width:960px){
  .nbrand-logo{height:126px!important;}
  .hero.hero--split{padding-top:14px!important;}
}
@media(min-width:961px){
  .hero--split .hero-photo img{object-position:center 10%;}
}
/* Label-Absätze (ehem. Mikro-H3, Seobility-Konsolidierung 29.07.) */
main p.hlbl{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.28rem;font-weight:600;color:var(--ink);margin:26px 0 8px;line-height:1.3;}


/* Sam 29.07.: Galerie-Bilder VOLL zeigen (kein Beschnitt, keine abgeschnittenen Hüte) */
.gallery .gallery-item{height:auto!important;aspect-ratio:auto!important;overflow:visible!important;}
.gallery .gallery-item img{width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;display:block;}
.gallery{grid-auto-rows:auto!important;align-items:start!important;}
.gallery-item--tall{grid-row:auto!important;}

/* ── MOBIL: Fliesstext-Rand in Stories (Semih 04.08.: nicht gequetscht, Rand wie die anderen Bausteine) ── */
@media(max-width:900px){
  body.journal article>.s-text,body.journal .s-text{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box;}
}