/* =====================================================================
   WERNER'S – gemeinsames Layout für beide Marken
   Marke wird über <html data-brand="metzgerei|schlachthaus"> gesteuert.
   Einziger Unterschied: die Akzentfarbe (Rot / Gold) + Logo.
   ===================================================================== */
@font-face{font-family:"Filzer";src:url("../fonts/FilzerScriptEF.ttf") format("truetype");font-display:swap}

:root{
  --bg:#f3f1ed; --bg-2:#e9e5de; --card:#fbfaf8;
  --ink:#1b1a19; --ink-2:#2a2927; --muted:#6c665f; --line:#d3cdc4; --line-d:rgba(255,255,255,.16);
  /* Akzent Werner's Metzgerei: Rot */
  --accent:#e2323b;      /* Flächen, Punkte, Akzente auf Dunkel */
  --accent-ink:#c2242d;  /* Akzent-Text auf Hell */
  --accent-on:#fff;      /* Text auf Akzentfläche */
  --w:1296px;
}
/* Akzent Werner's Schlachthaus: Gold */
html[data-brand="schlachthaus"]{--accent:#e5b047;--accent-ink:#9a7314;--accent-on:#1b1a19}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:300;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{width:min(var(--w),calc(100% - 48px));margin:0 auto}
.am{font-family:"Amatic SC",cursive;font-weight:700;line-height:.92;letter-spacing:.005em;text-wrap:balance}
.am span,.acc{color:var(--accent-ink)}
.dark .am span,.dark .acc{color:var(--accent)}
.hand{font-family:Filzer,"Amatic SC",cursive;font-weight:400}
.pill{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 14px;border:1px solid currentColor;border-radius:30px;font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.btn{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 22px;border-radius:40px;font-size:14px;font-weight:500;white-space:nowrap;transition:background .25s,color .25s,border-color .25s}
.btn svg{width:16px;height:16px;transition:transform .25s}
.btn:hover svg{transform:translateX(4px)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--accent);color:var(--accent-on)}
.btn-acc{background:var(--accent);color:var(--accent-on)}.btn-acc:hover{background:#fff;color:var(--ink)}
.btn-line{border:1px solid currentColor}.btn-line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.dark .btn-line:hover{background:#fff;color:var(--ink);border-color:#fff}
.circ{width:44px;height:44px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;transition:background .25s,color .25s;flex:none}
.circ svg{width:16px;height:16px}
.circ:hover{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}
.dark{background:var(--ink);color:#fff}
.rule{height:1px;background:var(--line)}
.dark .rule{background:var(--line-d)}
section{position:relative}
.lnk{font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:2px}
.lnk svg{width:14px;height:14px;transition:transform .25s}
.lnk:hover svg{transform:translateX(4px)}

/* Einblenden – Inhalte bleiben ohne JS sichtbar */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.d1{transition-delay:.08s!important}.d2{transition-delay:.16s!important}.d3{transition-delay:.24s!important}

/* ---------------- Header ---------------- */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(243,241,237,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s}
header.sc{box-shadow:0 1px 0 var(--line)}
.hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;gap:20px}
.hd-l{display:flex;align-items:center;gap:18px}
.burger{width:40px;height:40px;display:none;flex-direction:column;justify-content:center;gap:5px;padding:0 9px;margin-left:-9px}
.burger span{height:1.5px;background:var(--ink);transition:transform .3s,opacity .3s}
.hd-l .logo{display:flex;align-items:center;gap:12px}
.hd-l .logo img{height:42px;width:auto}
.hd-l .logo b{font-family:"Amatic SC";font-weight:700;font-size:28px;line-height:.9}
.hd-l .logo small{display:block;font-family:Roboto;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
nav.main{display:flex;gap:28px;font-size:14px;font-weight:400}
nav.main a{position:relative;padding:4px 0;white-space:nowrap}
nav.main a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
nav.main a:hover::after{transform:scaleX(1)}
.hd-r{display:flex;justify-content:flex-end;align-items:center;gap:18px}
.hd-r a.ic{display:flex;align-items:center;gap:7px;font-size:13.5px;white-space:nowrap}
.hd-r svg{width:18px;height:18px}

/* Marken-Umschalter (wechselt die Seite) */
.switch{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);border-radius:30px;padding:3px;font-size:12px;font-weight:500;isolation:isolate}
.switch a{position:relative;z-index:1;padding:6px 14px;border-radius:30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;transition:color .3s;white-space:nowrap}
.switch a i{width:6px;height:6px;border-radius:50%}
.switch a.m i{background:#e2323b}
.switch a.s i{background:#e5b047}
.switch::before{content:"";position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:30px;background:var(--ink);transition:transform .45s cubic-bezier(.6,0,.2,1)}
html[data-brand="schlachthaus"] .switch::before{transform:translateX(100%)}
.switch a.on{color:#fff}
.switch.go::before{transform:translateX(100%)}
html[data-brand="schlachthaus"] .switch.go::before{transform:none}
.switch.go a.on{color:inherit}

/* Mobil-Menü (liegt außerhalb des Headers wegen backdrop-filter) */
.menu{position:fixed;inset:0;z-index:60;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 20px) 24px calc(env(safe-area-inset-bottom,0px) + 28px);transform:translateY(-100%);transition:transform .5s cubic-bezier(.6,0,.2,1);visibility:hidden}
.menu.open{transform:none;visibility:visible}
.menu .top{display:flex;justify-content:space-between;align-items:center;height:52px}
.menu .top img{height:40px}
.menu nav{display:flex;flex-direction:column;margin-top:30px;border-top:1px solid var(--line-d)}
.menu nav a{font-family:"Amatic SC";font-weight:700;font-size:44px;line-height:1;padding:14px 0;border-bottom:1px solid var(--line-d);display:flex;justify-content:space-between;align-items:center}
.menu nav a svg{width:20px;height:20px;color:var(--accent)}
.menu .switch{border-color:#fff;margin-top:auto}
.menu .switch::before{background:#fff}
.menu .switch a.on{color:var(--ink)}
.menu .close{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.menu .close svg{width:22px;height:22px}

/* Seitenwechsel-Blende */
.wipe{position:fixed;inset:0;z-index:90;pointer-events:none;background:var(--ink);display:flex;align-items:center;justify-content:center;transform:translateY(100%)}
.wipe img{width:110px;opacity:0;transition:opacity .3s}
.wipe.cover{transform:none;transition:transform .5s cubic-bezier(.6,0,.2,1)}
.wipe.cover img{opacity:1}
.wipe.reveal{transform:translateY(-100%);transition:transform .6s cubic-bezier(.6,0,.2,1) .1s}
.wipe.hold{transform:none;transition:none}
.wipe.hold img{opacity:1}

/* ---------------- Riesen-Headline ---------------- */
.giant{padding:18px 0 0}
.giant h1,.fit{font-family:"Amatic SC";font-weight:700;line-height:.8;white-space:nowrap;text-align:center;letter-spacing:-.005em}
.giant .sub{display:flex;align-items:center;gap:22px;padding:18px 0 22px;font-size:13.5px}
.giant .sub .rule{flex:1}
.giant .sub b{font-weight:500}

/* ---------------- Banner ---------------- */
.banner{height:600px;position:relative;overflow:hidden;background:var(--ink)}
.slides,.slide{position:absolute;inset:0}
.slides{inset:-60px 0}
.slide{opacity:0;transition:opacity 1.4s}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,17,16,.78) 0%,rgba(18,17,16,.1) 55%,rgba(18,17,16,.15) 100%);pointer-events:none}
.banner .cap{position:absolute;left:24px;right:24px;bottom:56px;z-index:2;text-align:center;color:#fff}
.banner .cap .pill{color:#fff;margin-bottom:16px}
.banner .cap p{font-size:19px;max-width:580px;margin:0 auto;line-height:1.5}
.banner .dots{position:absolute;right:max(24px,calc((100% - var(--w))/2));bottom:60px;z-index:3;display:flex;gap:8px}
.banner .dots button{width:9px;height:9px;border-radius:50%;border:1px solid #fff;transition:background .3s}
.banner .dots button.on{background:var(--accent);border-color:var(--accent)}
.banner .count{position:absolute;left:max(24px,calc((100% - var(--w))/2));bottom:56px;z-index:3;color:#fff;font-size:13px;letter-spacing:.12em}
.banner .count b{font-family:"Amatic SC";font-size:34px;font-weight:700;letter-spacing:0;margin-right:4px}

/* ---------------- Laufband ---------------- */
.ticker{background:var(--ink);color:#fff;overflow:hidden;height:62px;display:flex;align-items:center}
.ticker .tr{display:flex;width:max-content;animation:tick 55s linear infinite}
.ticker span{display:flex;align-items:center;gap:34px;padding-right:34px;font-size:22px;font-weight:400;white-space:nowrap}
.ticker span svg{width:20px;height:20px;color:var(--accent);flex:none}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------------- Editorial 3 Spalten ---------------- */
.ed{padding:80px 0}
.ed .g,.tri{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:36px;align-items:stretch}
.c1{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-width:0}
.ed h2,.tri h2{font-size:72px;margin:20px 0 26px}
.c1 .foot b{display:block;font-weight:500;font-size:15.5px;margin-bottom:6px}
.c1 .foot p{font-size:14px;color:var(--muted)}
.c1 .foot .hand{font-size:28px;color:var(--accent-ink);margin-top:14px;display:block;line-height:1}
.c2{position:relative;border-radius:4px;overflow:hidden;min-height:640px;background:var(--ink)}
.c2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:opacity .4s}
.c2 .tag{position:absolute;left:18px;bottom:18px;right:18px;width:max-content;max-width:calc(100% - 36px);background:rgba(27,26,25,.8);backdrop-filter:blur(8px);color:#fff;padding:10px 16px;border-radius:30px;font-size:13px}
.c3{display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.c3 h3{font-size:22px;font-weight:400;margin-bottom:18px;letter-spacing:-.01em}
.list{list-style:none;border-top:1px solid var(--line)}
.list li{border-bottom:1px solid var(--line)}
.list a,.list .row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:16px;transition:padding .3s,color .3s}
.list a:hover{padding-left:10px;color:var(--accent-ink)}
.list small{font-size:12.5px;color:var(--muted);text-align:right}

/* ---------------- Dunkler Block mit Karten ---------------- */
.blk{padding:80px 0 90px}
.blk .top{display:grid;grid-template-columns:1fr 1.7fr;gap:36px;margin-bottom:56px}
.blk .top .l{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.blk .top .l small{font-size:15px;line-height:1.4;color:rgba(255,255,255,.85)}
.blk .top .l small b{display:block;font-weight:400}
.stmt{font-size:44px;font-weight:400;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.stmt em{font-style:normal;color:var(--accent)}
.ctrl{display:flex;justify-content:space-between;align-items:center;margin-top:34px;gap:20px}
.arrows{display:flex;gap:10px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tab{height:36px;padding:0 16px;border-radius:30px;border:1px solid var(--line-d);font-size:13px;color:rgba(255,255,255,.8);transition:all .25s;white-space:nowrap}
.tab:hover{border-color:#fff;color:#fff}
.tab.on{background:var(--accent);color:var(--accent-on);border-color:var(--accent);font-weight:500}
.panel{display:none}.panel.on{display:block;animation:fade .5s}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.track::-webkit-scrollbar{display:none}
.oc{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}
.oc .im{aspect-ratio:4/5;border-radius:4px;overflow:hidden;position:relative;background:var(--ink-2)}
.oc .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.oc:hover .im img{transform:scale(1.06)}
.typo{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#26252a url("../img/slate-dark.jpg") center/cover}
.typo b{font-family:"Amatic SC";font-weight:700;font-size:54px;line-height:.9;color:#fff}
.typo small{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-top:14px}
.oc .flag{position:absolute;left:12px;top:12px;background:#fff;color:var(--ink);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:20px}
.oc .price{position:absolute;right:12px;bottom:12px;background:var(--accent);color:var(--accent-on);border-radius:40px;padding:6px 14px 5px;text-align:right;line-height:1}
.oc .price b{font-family:"Amatic SC";font-weight:700;font-size:34px;display:block}
.oc .price s{font-size:11px;opacity:.85}
.oc .tx{display:flex;justify-content:space-between;gap:10px;padding-top:14px}
.oc h4{font-size:16px;font-weight:500;line-height:1.35}
.oc p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.45;margin-top:3px}
.oc .u{font-size:12px;color:rgba(255,255,255,.6);white-space:nowrap;padding-top:2px}
.more-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px;align-items:center}
.more-chips span{font-size:12.5px;border:1px solid var(--line-d);border-radius:20px;padding:5px 12px;color:rgba(255,255,255,.8)}
.more-chips .lab{border:0;padding:0 8px 0 0;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:rgba(255,255,255,.5)}
.lunch{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-d)}
.ld{padding:22px 20px 24px;border-right:1px solid var(--line-d);display:flex;flex-direction:column;min-height:250px;min-width:0}
.ld:first-child{padding-left:0}.ld:last-child{border-right:0}
.ld .dd{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ld h4{font-family:"Amatic SC";font-weight:700;font-size:36px;line-height:.95;margin:16px 0 8px}
.ld p{font-size:13.5px;color:rgba(255,255,255,.65);flex:1}
.ld .pp{font-family:"Amatic SC";font-weight:700;font-size:34px;color:var(--accent);margin-top:14px}
.ld.today .dd::after{content:"Heute";margin-left:10px;background:var(--accent);color:var(--accent-on);padding:3px 9px;border-radius:20px;letter-spacing:.12em;font-size:10.5px}
.hot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);padding:16px 0;margin-top:0}
.hot b{font-weight:500}.hot span{font-size:13.5px;color:rgba(255,255,255,.6)}
.hot .pp{font-family:"Amatic SC";font-weight:700;font-size:30px;color:var(--accent)}
.blk .note{margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.6);max-width:820px}

/* ---------------- Kopfzeile Abschnitt ---------------- */
.sec{padding:90px 0}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}
.sec-h h2{font-size:84px;margin-top:16px;max-width:760px}
.sec-h p{max-width:430px;color:var(--muted);font-size:15.5px}

/* Bildkarten-Reihe (Herkunft, Partnerschaft) */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hc{min-width:0}
.hc .im{aspect-ratio:4/3.4;border-radius:4px;overflow:hidden;position:relative;background:var(--bg-2)}
.hc .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.hc .im img.cont{object-fit:contain;padding:20px}
.hc:hover .im img{transform:scale(1.05)}
.hc .im .n{position:absolute;left:14px;top:12px;font-family:"Amatic SC";font-weight:700;font-size:38px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hc .im .n.d{color:var(--ink);text-shadow:none}
.hc .tx{padding:18px 0 0}
.hc .tx small{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.hc h3{font-family:"Amatic SC";font-weight:700;font-size:44px;line-height:.95;margin:6px 0 10px}
.hc p{font-size:14.5px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chips span{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:4px 11px;background:var(--card)}
.quote{margin-top:70px;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:36px;align-items:center}
.quote .hand{font-size:46px;line-height:1.15;text-wrap:balance}
.quote .hand em{font-style:normal;color:var(--accent-ink)}

/* Zahlen */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-d)}
.st{padding:34px 24px 38px;border-right:1px solid var(--line-d);min-width:0}
.st:first-child{padding-left:0}.st:last-child{border-right:0}
.st .n{font-family:"Amatic SC";font-weight:700;font-size:110px;line-height:.8;font-variant-numeric:tabular-nums}
.st .n sup{font-size:50px;color:var(--accent);vertical-align:top}
.st .t{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:12px}

/* Standorte / Öffnungszeiten */
.det{border-top:1px solid var(--line);padding-top:20px}
.det h4{font-family:"Amatic SC";font-weight:700;font-size:40px;line-height:1;margin-bottom:12px}
.det .two{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:14px}
.det .lab{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.det address{font-style:normal}
.det ul{list-style:none}
.det li{display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}
.det li.now{color:var(--accent-ink);font-weight:500}
.det .acts{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.det .acts .btn{height:40px;font-size:13px;padding:0 18px}
.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 11px;border-radius:20px;background:#e5f3e8;color:#2d7a43;white-space:nowrap}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.status.cl{background:#f6e3e3;color:#b0262e}
.c2 .status{position:absolute;left:16px;top:16px;z-index:2}
.flist .fb{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:15.5px;text-align:left;border-bottom:1px solid var(--line);transition:padding .3s,color .3s}
.flist .fb:first-child{border-top:1px solid var(--line)}
.flist .fb:hover{padding-left:8px}
.flist .fb.on{color:var(--accent-ink);font-weight:500;padding-left:8px}
.flist .fb small{font-size:12.5px;color:var(--muted);font-weight:300;display:flex;align-items:center;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.flist .fb small i{width:7px;height:7px;border-radius:50%;background:#43a35c}
.flist .fb small i.c{background:#c4bdb2}
.c3 .more{font-size:13.5px;color:var(--muted);margin-top:16px}

/* Auszeichnungen */
.aw{padding:70px 0}
.aw .g{display:grid;grid-template-columns:1.3fr repeat(7,1fr);gap:22px;align-items:center}
.aw h3{font-family:"Amatic SC";font-weight:700;font-size:48px;line-height:.95}
.aw .it{text-align:center;min-width:0}
.aw .it .im{height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:transform .35s}
.aw .it:hover .im{transform:translateY(-5px) rotate(-3deg)}
.aw .it img{max-height:104px;max-width:100%;object-fit:contain}
.aw .it img.doc{box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}
.aw .it span{font-size:11.5px;line-height:1.35;color:var(--muted);display:block}

/* Mehr-Reihe */
.m3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mc{min-width:0}
.mc .im{aspect-ratio:4/4.3;border-radius:4px;overflow:hidden;position:relative;background:var(--card)}
.mc .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.mc .im img.cont{object-fit:contain}
.mc:hover .im img{transform:scale(1.05)}
.mc .im .pill{position:absolute;left:14px;top:14px;color:#fff;background:rgba(27,26,25,.5);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.6)}
.mc h3{font-family:"Amatic SC";font-weight:700;font-size:46px;line-height:.95;margin:18px 0 10px}
.mc p{font-size:14.5px;color:var(--muted);margin-bottom:16px}
.kv{display:flex;gap:18px;margin-bottom:16px}
.kv div{flex:1;border-top:1px solid var(--line);padding-top:8px;min-width:0}
.kv b{font-family:"Amatic SC";font-size:38px;line-height:1;color:var(--accent-ink);display:block}
.kv span{font-size:12px;color:var(--muted);line-height:1.35;display:block}

/* Leistungsliste (Schlachthaus) */
.svc{list-style:none;border-top:1px solid var(--line)}
.svc li{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.svc .no{font-family:"Amatic SC";font-weight:700;font-size:34px;line-height:1;color:var(--accent-ink)}
.svc b{display:block;font-weight:500;font-size:16px;margin-bottom:3px}
.svc p{font-size:14px;color:var(--muted)}
.dark .svc,.dark .svc li{border-color:var(--line-d)}
.dark .svc .no{color:var(--accent)}
.dark .svc p{color:rgba(255,255,255,.65)}

/* Kontakt-Block */
.kt{padding:80px 0}
.kt .g{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}
.kt .hand{font-size:52px;line-height:1.1;text-wrap:balance}
.kt .hand em{font-style:normal;color:var(--accent)}
.kt dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;font-size:15px;border-top:1px solid var(--line-d);padding-top:20px}
.kt dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);padding-top:4px}
.kt .acts{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.kt .warn{font-size:13px;color:rgba(255,255,255,.55);margin-top:16px}

/* Querverweis auf die andere Marke */
.xb{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:padding .35s}
.xb:hover{padding-left:14px;padding-right:14px}
.xb img{height:74px;width:auto}
.xb small{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.xb b{display:block;font-family:"Amatic SC";font-weight:700;font-size:46px;line-height:1}
.xb b span{color:var(--x)}
.xb p{font-size:14.5px;color:var(--muted);max-width:620px}
.xb .circ{color:var(--ink)}
.xb:hover .circ{background:var(--x);border-color:var(--x);color:var(--xon)}

/* ---------------- Footer ---------------- */
footer{padding:80px 0 30px}
.fg{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;padding-bottom:60px}
.fg .logos{display:flex;gap:18px;align-items:flex-end;margin-bottom:18px}
.fg .logos img{height:84px;width:auto}
.fg p{font-size:14px;color:rgba(255,255,255,.6);max-width:300px}
.fg h5{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:16px}
.fg h5.on{color:var(--accent)}
.fg ul{list-style:none;display:grid;gap:8px;font-size:14.5px}
.fg a:hover{color:var(--accent)}
.fg .soc{display:flex;gap:10px;margin-top:18px}
.fg .soc a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-d);display:flex;align-items:center;justify-content:center}
.fg .soc svg{width:17px;height:17px}
.giant3 .fit{line-height:.78;color:#fff}
.giant3 .fit span{color:var(--accent)}
.fbot{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line-d);margin-top:26px;font-size:12.5px;color:rgba(255,255,255,.55)}
.fbot div{display:flex;gap:22px}
.fbot a:hover{color:#fff}

/* ---------------- Static-Modus (?static) für PDF ---------------- */
html.static *,html.static *::before,html.static *::after{animation:none!important;transition:none!important}
html.static .rv{opacity:1!important;transform:none!important}
html.static header{position:relative}
html.static [data-plx]{transform:none!important}
html.static .wipe{display:none}

@media (prefers-reduced-motion:reduce){
  .ticker .tr{animation:none}
  .js .rv{opacity:1;transform:none;transition:none}
  .wipe{display:none}
}

/* ---------------- Responsive ---------------- */
@media screen and (max-width:1100px){
  nav.main,.hd-r .ic{display:none}
  .burger{display:flex}
  .hd{grid-template-columns:1fr auto}
  .ed .g,.tri{grid-template-columns:1fr 1fr}
  .c3{grid-column:span 2}
  .blk .top,.kt .g{grid-template-columns:1fr}
  .oc{flex-basis:calc((100% - 16px)/2)}
  .lunch{grid-template-columns:1fr 1fr}
  .ld{border-bottom:1px solid var(--line-d)}
  .ld:first-child{padding-left:20px}
  .cards3,.m3{grid-template-columns:1fr 1fr}
  .aw .g{grid-template-columns:repeat(4,1fr)}.aw h3{grid-column:span 4}
  .fg{grid-template-columns:1fr 1fr}
  .sec-h{flex-direction:column;align-items:flex-start}
  .banner{height:520px}
}
@media screen and (max-width:640px){
  .wrap{width:calc(100% - 32px)}
  .hd{height:64px}
  .hd-l{gap:10px}.hd-l .logo span{display:none}
  .hd-r .switch{font-size:11px}.hd-r .switch a{padding:6px 10px}.hd-r .switch a i{display:none}
  .banner{height:440px}
  .banner .cap{bottom:70px}
  .banner .cap p{font-size:16px}
  .banner .count{bottom:22px}.banner .dots{bottom:28px}
  .giant .sub{flex-wrap:wrap;gap:6px 14px}.giant .sub .rule{display:none}
  .ed,.blk,.sec,.kt{padding:60px 0}
  .ed .g,.tri,.cards3,.m3,.lunch,.stats,.fg{grid-template-columns:1fr}
  .c3{grid-column:auto}
  .c2{min-height:420px}
  .ed h2,.tri h2{font-size:56px}.sec-h h2{font-size:60px}
  .stmt{font-size:28px}
  .ctrl{flex-direction:column;align-items:flex-start}
  .oc{flex-basis:78%}
  .ld,.ld:first-child{border-right:0;padding-left:0;padding-right:0;min-height:0}
  .st,.st:first-child{border-right:0;padding:26px 0;border-bottom:1px solid var(--line-d)}
  .st .n{font-size:84px}
  .quote{grid-template-columns:1fr;margin-top:50px}.quote .hand{font-size:32px}
  .aw .g{grid-template-columns:repeat(2,1fr)}.aw h3{grid-column:span 2}
  .det .two{grid-template-columns:1fr}
  .ticker{height:52px}.ticker span{font-size:17px;gap:24px;padding-right:24px}
  .kt .hand{font-size:36px}
  .kt dl{grid-template-columns:1fr;gap:2px}.kt dd{margin-bottom:10px}
  .xb{grid-template-columns:1fr auto;gap:16px}.xb img{display:none}.xb b{font-size:36px}
  .fbot{flex-direction:column}
}

/* Werksverkauf-Infozeile (Schlachthaus) */
.wvi{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:36px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line-d);font-size:14.5px}
.wvi .lab{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.wvi ul{list-style:none}
.wvi li{display:flex;justify-content:space-between;gap:10px;max-width:260px;font-variant-numeric:tabular-nums}
.wvi li.now{color:var(--accent);font-weight:500}
.wvi p{color:rgba(255,255,255,.7)}
.wvi .status{margin-top:10px}
/* Frisch & schnell (Schlachthaus) */
.fresh{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:70px;align-items:start}
.fresh .hand{font-size:44px;line-height:1.15;text-wrap:balance}
.fresh .hand em{font-style:normal;color:var(--accent-ink)}
.fresh .pill{margin-bottom:20px}
@media screen and (max-width:1100px){.wvi{grid-template-columns:1fr 1fr}.wvi>div:last-child{grid-column:span 2}.fresh{grid-template-columns:1fr;gap:30px}}
@media screen and (max-width:640px){.wvi{grid-template-columns:1fr}.wvi>div:last-child{grid-column:auto}.fresh .hand{font-size:32px}}