/* CETRAC – Design nach www.cetrac.com (Anthrazit #333, Orange #FF9400, Open Sans), überarbeitet */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/open-sans-v17-latin-regular.33543c5cc5d8.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/open-sans-v17-latin-700.0edb76284a7a.woff2") format("woff2")}

:root{
  --orange:#ff9400; --orange-d:#ff8300; --orange-l:#ffb44d;
  --bg:#333; --bg-2:#2b2b2b; --card:#3d3d3d; --card-2:#454545; --line:#515151;
  --text:#fff; --muted:#b3b3b3; --light:#eeeff3; --ink:#333;
  --gruen:#62cf1c; --gruen-d:#4c9b19; --rot:#ff5a4f;
  --radius:10px; --shadow:0 8px 28px rgba(0,0,0,.28);
  --max:1300px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 "Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--orange);text-decoration:none}
a:hover{color:var(--orange-l)}
h1,h2,h3,h4{line-height:1.25;margin:0 0 .6em}
h1{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700}
h2{font-size:clamp(1.35rem,2.4vw,1.85rem);color:var(--orange);font-weight:700}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.section{padding:56px 0}
.section--dark{background:var(--bg-2)}
.section--light{background:var(--light);color:var(--ink)}
.section--light h2{color:var(--ink)}
.section--light .muted{color:#666}
.center{text-align:center}
/* unsichtbar ohne Verschieben nach links (sonst seitlicher Scrollbereich bei Arabisch/Hebräisch) */
.skip{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip-path:none;inset-inline-start:10px;top:10px;z-index:999;background:#fff;color:#000;padding:8px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;padding:12px 22px;border-radius:6px;border:2px solid var(--orange);background:var(--orange);color:var(--ink);font-weight:700;font-size:1rem;cursor:pointer;line-height:1.2;transition:background .15s,transform .1s;font-family:inherit}
.btn:hover{background:var(--orange-d);color:var(--ink);border-color:var(--orange-d)}
.btn:active{transform:translateY(1px)}
.btn--ghost{background:transparent;color:#fff;border-color:#fff}
.btn--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn--dark:hover{background:#000;border-color:#000;color:#fff}
.btn--sm{padding:8px 14px;font-size:.9rem}
.btn--block{width:100%;justify-content:center}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* Hinweisleiste oben */
.topbar{background:var(--orange);color:var(--ink);font-size:.9rem;font-weight:700;text-align:center;padding:7px 20px}
.topbar a{color:var(--ink);text-decoration:underline}
/* Tausch-Ankündigung groß in der orangen Leiste (Nutzer 07.10.2026) */
.topbar{display:grid;gap:3px;justify-items:center}
.topbar__tausch{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;text-decoration:none!important;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:800;line-height:1.25;padding:4px 0}
.topbar__marke{background:var(--ink);color:var(--orange);border-radius:6px;padding:3px 10px;font-size:.8em;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.topbar__tausch:hover .topbar__text{text-decoration:underline}
.topbar__plaetze{flex:none;background:rgba(0,0,0,.14);border-radius:20px;padding:2px 12px;font-size:.72em;font-weight:700;white-space:nowrap}
.topbar__pfeil{font-size:1.3em;line-height:1;transition:transform .15s}.topbar__tausch:hover .topbar__pfeil{transform:translateX(4px)}
.topbar__klein{font-size:.78rem;font-weight:600;opacity:.85}
@media (max-width:600px){.topbar__plaetze{white-space:normal}.topbar__klein{display:none}}

/* Header */
.header{position:sticky;top:0;z-index:50;background:rgba(40,40,40,.97);backdrop-filter:blur(6px);border-bottom:1px solid #444}
.header__in{display:flex;align-items:center;gap:22px;height:74px}
/* Das Logo-SVG hat links 13,9 % Leerraum (viewBox 0–350, Schrift ab x=48,9) → ausgleichen, damit das „C“ auf der Linie des Inhalts steht */
.logo{flex:none;margin-left:calc(var(--logo-b,150px) * -.1394)}.logo img{width:var(--logo-b,150px);height:auto;display:block}
.nav{display:flex;gap:4px;margin-left:auto}
.nav>li{position:relative;list-style:none}
.nav a.nav__top{display:block;padding:24px 12px;color:#fff;font-weight:700;font-size:.95rem;white-space:nowrap}
.nav a.nav__top:hover,.nav li:hover>a.nav__top,.nav a.nav__top[aria-current]{color:var(--orange)}
.nav .neu-badge{background:var(--orange);color:var(--ink);font-size:.65rem;padding:1px 5px;border-radius:3px;margin-left:4px;vertical-align:2px}
.sub{position:absolute;top:100%;left:0;min-width:260px;background:#2b2b2b;border-top:3px solid var(--orange);box-shadow:var(--shadow);padding:10px 0;display:none;border-radius:0 0 8px 8px}
.sub--wide{columns:2;min-width:480px}
.nav li:hover>.sub,.nav li:focus-within>.sub{display:block}
.sub a{display:block;padding:7px 18px;color:#eee;font-size:.92rem;break-inside:avoid}
.sub a:hover{background:#3a3a3a;color:var(--orange)}
.sub .sub__head{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:8px 18px 4px}
.header__tools{display:flex;align-items:center;gap:6px}
.iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#fff;background:transparent;border:0;cursor:pointer}
.iconbtn:hover{background:#444;color:var(--orange)}
.iconbtn svg{width:22px;height:22px}
.badge{position:absolute;top:2px;right:0;background:var(--orange);color:var(--ink);font-size:.7rem;font-weight:700;border-radius:10px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center}
.burger{display:none}
.searchbar{display:none;background:#2b2b2b;border-bottom:1px solid #444;padding:14px 0}
.searchbar.open{display:block}
.searchbar form{display:flex;gap:8px}
.searchbar input{flex:1}

@media (max-width:1100px){
  .burger{display:inline-flex}
  .nav{position:fixed;inset:74px 0 0 0;background:#262626;flex-direction:column;overflow:auto;padding:10px 0 80px;margin:0;display:none}
  .nav.open{display:flex}
  .nav a.nav__top{padding:14px 22px;border-bottom:1px solid #383838}
  .sub,.sub--wide{position:static;display:block;box-shadow:none;border:0;columns:1;min-width:0;padding:0 0 8px 12px;background:transparent}
  .header__tools{margin-left:auto}
}

/* Breadcrumb */
.crumbs{font-size:.85rem;color:var(--muted);padding-top:16px}   /* seitlicher Abstand kommt von .wrap – bündig mit dem Inhalt */
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"›";margin-right:6px;color:#777}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--orange)}

/* Hero */
.hero{position:relative;min-height:520px;display:flex;align-items:center;padding:60px 0 100px;background:#222 center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.88) 0%,rgba(20,20,20,.6) 55%,rgba(20,20,20,.15) 100%)}
.hero .wrap{position:relative;width:100%}
.hero__box{max-width:640px}
.hero h1{font-size:clamp(1.9rem,4.4vw,3.1rem);margin-bottom:.4em}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero p.lead{font-size:1.15rem;color:#e6e6e6}
.hero--small{min-height:320px;padding:50px 0}
/* Motiv rechts bündig mit der Inhaltskante statt über die volle Breite (Tom 13.10.2026: Gerüst „fällt aus dem Rahmen“) */
.hero--motiv{background-image:var(--hero-bild)}
.hero__motiv{display:none}
@media (min-width:900px){
  .hero--motiv{background:#0b0b0b;overflow:hidden}
  .hero--motiv::before{z-index:1}.hero--motiv .wrap{z-index:2}
  /* Außenkante des Gerüsts liegt im Foto 166 von 2400 px vor dem rechten Rand (6,92 %) → um genau das nach rechts,
     damit sie mit der Inhaltskante (z. B. dem orangen Kasten darunter) abschließt; der Lichtschein dahinter läuft aus */
  .hero__motiv{display:block;position:absolute;top:0;bottom:0;aspect-ratio:3/1;right:calc((100% - min(100%,var(--max))) / 2 + 20px);
    transform:translateX(6.92%);background:var(--hero-bild) center/cover no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 93.08%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 93.08%,transparent)}
}
.eyebrow{display:inline-block;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:.8em}
.claim{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.01em}
.claim span{color:var(--orange)}

/* USP-Leiste */
.usps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#444;border-radius:var(--radius);overflow:hidden;margin-top:-48px;position:relative;box-shadow:var(--shadow)}
.usp{background:var(--card);padding:22px 20px;display:flex;gap:14px;align-items:flex-start}
.usp svg{flex:0 0 36px;width:36px;height:36px;color:var(--orange)}
.usp strong{display:block;font-size:1rem}
.usp span{color:var(--muted);font-size:.88rem}
@media (max-width:900px){.usps{grid-template-columns:1fr 1fr;margin-top:24px}}
@media (max-width:520px){.usps{grid-template-columns:1fr}}

/* Karten & Grids */
.grid{display:grid;gap:22px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .15s,box-shadow .15s}
.card--hover:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card__img{aspect-ratio:4/3;object-fit:cover;width:100%;background:#fff}
.card__img--contain{object-fit:contain;padding:16px}
.card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card__body h2,.card__body h3{margin:0;font-size:1.08rem;color:#fff}
.card__link::after{content:"";position:absolute;inset:0}
.card--accent{border-top:4px solid var(--orange)}
.card--orange{background:var(--orange);color:var(--ink)}
.card--orange h3{color:var(--ink)}
.tile{position:relative;border-radius:var(--radius);overflow:hidden;display:block;color:#fff}
.tile img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .4s}
.tile:hover img{transform:scale(1.04)}
.tile span{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-weight:700;font-size:1.15rem}
.tile:hover span{color:var(--orange)}

.dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:.9rem}
.dl dt{color:var(--muted)}
.dl dd{margin:0}
.price{font-size:1.35rem;font-weight:700;color:#fff}
.price small{display:block;font-size:.75rem;font-weight:400;color:var(--muted)}
.price--big{font-size:2rem}
.price-old{text-decoration:line-through;color:var(--muted);font-size:.95rem;margin-right:6px}
.chip{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:20px;background:#555;color:#fff}
.chip--orange{background:var(--orange);color:var(--ink)}
.chip--gruen{background:var(--gruen-d)}
.chip--neu{background:#fff;color:var(--ink)}
.chip--hersteller{background:transparent;color:#fff;border:1px solid var(--orange)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--orange);margin-right:6px}
.dot--gruen{background:var(--gruen)}
.dot--grau{background:#888}
.ribbon{position:absolute;top:12px;left:12px;z-index:2}

/* Formular */
label{display:block;font-weight:700;font-size:.9rem;margin:0 0 5px}
input,select,textarea{width:100%;padding:11px 12px;border-radius:6px;border:1px solid #666;background:#2a2a2a;color:#fff;font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange)}
.section--light input,.section--light select,.section--light textarea{background:#fff;color:var(--ink);border-color:#ccc}
.field{margin-bottom:16px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:640px){.fields{grid-template-columns:1fr}}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.check input{width:auto;margin-top:5px}
.hp{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.errorlist{color:var(--rot);list-style:none;padding:0;margin:4px 0 0;font-size:.85rem}
.msg{padding:14px 18px;border-radius:8px;margin:16px 0;background:var(--gruen-d);color:#fff}
.msg--error{background:#a33}
.msg--info{background:#555}
.msg--warn{background:#b8650f}

/* Liste / Filter */
.shop{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start}
@media (max-width:900px){.shop{grid-template-columns:1fr}}
.filter{background:var(--card);border-radius:var(--radius);padding:18px;position:sticky;top:90px}
.filter h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 8px}
.filter h3:first-child{margin-top:0}
.filter ul{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}
.filter li a{display:flex;justify-content:space-between;padding:4px 6px;border-radius:4px;color:#eee;font-size:.92rem}
.filter li a:hover{background:#4a4a4a}
.filter li a.aktiv{background:var(--orange);color:var(--ink);font-weight:700}
.filter li a span{color:var(--muted);font-size:.8rem}
.filter li a.aktiv span{color:var(--ink)}
@media (max-width:900px){.filter{position:static}.filter details:not([open]) ul{display:none}}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}
.toolbar select{width:auto}
.pager{display:flex;gap:6px;justify-content:center;margin:30px 0 0;flex-wrap:wrap}
.pager a,.pager span{padding:8px 13px;border-radius:6px;background:var(--card);color:#fff}
.pager .aktiv{background:var(--orange);color:var(--ink);font-weight:700}

/* Produktkarte */
.pcard .card__img{aspect-ratio:1/1;object-fit:contain;background:#fff;padding:10px}
.pcard__foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:10px;border-top:1px solid #505050}
.stock{font-size:.82rem}

/* Produktdetail */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px}
@media (max-width:900px){.pdp{grid-template-columns:1fr}}
.pdp__img{background:#fff;border-radius:var(--radius);padding:20px}
.pdp__img img{margin:auto;max-height:480px;object-fit:contain}
.offers{display:grid;gap:12px;margin:20px 0}
.offer{display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:center;background:var(--card);border:2px solid transparent;border-radius:var(--radius);padding:16px 18px}
.offer--best{border-color:var(--orange)}
.offer h3{margin:0;font-size:1rem}
.offer .qty{display:flex;gap:8px;align-items:center;grid-column:1/-1}
.offer .qty input{width:90px}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #4a4a4a;vertical-align:top}
th{color:var(--muted);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
td.num,th.num{text-align:right;white-space:nowrap}
.section--light th,.section--light td{border-color:#d8d8d8}
.tablewrap{overflow-x:auto}

/* System-Seiten */
.sys-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.sys-hero__img{background:linear-gradient(160deg,#f4f4f4,#d9d9d9);border-radius:16px;padding:30px;display:flex;justify-content:center;align-items:center;min-height:380px}
.sys-hero__img img{max-height:420px;width:auto}
@media (max-width:900px){.sys-hero{grid-template-columns:1fr}}
.status{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.status div{background:var(--card);border-left:4px solid var(--orange);padding:10px 14px;border-radius:6px;font-size:.9rem}
.status strong{display:block}
.feat{display:flex;gap:14px}
.feat__n{flex:0 0 42px;height:42px;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:700;display:flex;align-items:center;justify-content:center}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius);overflow:hidden}
.kv div{padding:10px 14px;border-bottom:1px solid #4a4a4a;background:var(--card)}
.kv div:nth-child(odd){color:var(--muted)}
.compare td:first-child{color:var(--muted)}
.compare td.plus{color:var(--gruen)}

/* Kalkulator */
.calc{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}
@media (max-width:1000px){.calc{grid-template-columns:minmax(0,1fr)}}
.calc>*{min-width:0}
.panel{background:var(--card);border-radius:var(--radius);padding:22px}
.panel h2{font-size:1.2rem;display:flex;align-items:center;gap:10px}
.step{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:700;align-items:center;justify-content:center;font-size:.95rem;flex:0 0 30px}
.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.seg input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0;clip-path:inset(50%)}
.seg label{margin:0;background:#2e2e2e;border:2px solid #555;border-radius:8px;padding:10px;cursor:pointer;text-align:center;font-size:.88rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px}
.seg label small{font-weight:400;color:var(--muted);font-size:.75rem}
.seg input:checked+label{border-color:var(--orange);background:#4a3a22}
.seg input:focus-visible+label{outline:2px solid #fff}
.seg svg{width:54px;height:40px}
.wall{background:#2e2e2e;border-radius:8px;padding:14px;margin-bottom:12px;border:1px solid #4a4a4a}
.wall__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.wall__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:600px){.wall__grid{grid-template-columns:1fr 1fr}}
.wall input{padding:8px}
.wall label{font-size:.78rem;font-weight:400;color:var(--muted)}
.sketch{background:#262626;border-radius:8px;padding:10px;margin-top:10px}
.sketch svg{width:100%;height:auto;display:block}
.result{position:sticky;top:90px}
.result .big{font-size:2.3rem;font-weight:700;color:#fff;line-height:1.1}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.kpis div{background:#2e2e2e;border-radius:8px;padding:10px;text-align:center}
.kpis strong{display:block;font-size:1.15rem}
.kpis span{font-size:.75rem;color:var(--muted)}
.loading{opacity:.5;pointer-events:none}
.note{border-left:4px solid var(--orange);background:#2e2e2e;padding:12px 14px;border-radius:6px;font-size:.85rem;color:#ddd}

/* Paketkarten */
.pkg__meta{display:flex;flex-wrap:wrap;gap:6px}
.pkg__price{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:12px;border-top:1px solid #505050}
.save{color:var(--gruen);font-weight:700;font-size:.85rem}

/* Schritte */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.steps li{list-style:none;background:var(--card);border-radius:var(--radius);padding:22px;position:relative}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:20px;width:36px;height:36px;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:700;display:flex;align-items:center;justify-content:center}
.steps--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.steps,.steps--3{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps,.steps--3{grid-template-columns:1fr;gap:28px}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* Banner mit Bild */
.banner{position:relative;background:#222 center/cover;padding:80px 0}
.banner::before{content:"";position:absolute;inset:0;background:rgba(25,25,25,.78)}
.banner .wrap{position:relative}

/* FAQ */
.faq details{background:var(--card);border-radius:8px;margin-bottom:10px;padding:0 18px}
.faq summary{cursor:pointer;padding:16px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:"+";color:var(--orange);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 0 16px;color:#ddd}
.section--light .faq details{background:#fff}
.section--light .faq details>div{color:#444}

/* Bewertungen */
.review{background:var(--card);border-radius:var(--radius);padding:22px}
.stars{color:var(--orange);letter-spacing:2px}

/* Logos */
.logos{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center;opacity:.85}
.logos span{font-weight:700;font-size:1.3rem;color:#aaa;letter-spacing:.04em}

/* Prose (Ratgeber, Rechtstexte) */
.prose{max-width:none}                 /* Tom 14.10.2026: alle Seiten über die volle Inhaltsbreite */
.prose h2{margin-top:1.6em}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:.35em}
.prose table{margin:1em 0}

/* Footer */
.cta-strip{background:var(--orange);color:var(--ink);padding:34px 0}
.cta-strip .wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.cta-strip p{margin:0;font-size:1.1rem;font-weight:700;max-width:760px}
.footer{background:#262626;padding:50px 0 30px;font-size:.92rem;color:#ccc}
.footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer__grid{grid-template-columns:1fr}}
.footer h3{color:#fff;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{margin-bottom:6px}
.footer a{color:#ccc}.footer a:hover{color:var(--orange)}
.footer__bottom{border-top:1px solid #3a3a3a;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#888;font-size:.85rem}

/* Anfragekorb */
.cart-row{display:grid;grid-template-columns:1fr 110px 120px 40px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #4a4a4a}
@media (max-width:640px){.cart-row{grid-template-columns:1fr 1fr}}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--gruen-d);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:var(--shadow);z-index:200;font-weight:700}

@media print{
  .header,.topbar,.hinweisleiste,.footer,.cta-strip,.no-print,.crumbs{display:none!important}
  body{background:#fff;color:#000}
  .panel,.card{background:#fff;color:#000;border:1px solid #ccc}
  h2{color:#000}
}

/* Sprache, Newsletter, Consent */
.lang{position:relative}
.lang summary{list-style:none;width:auto;padding:0 8px;gap:4px}
.lang summary::-webkit-details-marker{display:none}
.lang__code{font-size:.75rem;font-weight:700}
.lang__menu{position:absolute;right:0;top:46px;background:#2b2b2b;border-top:3px solid var(--orange);border-radius:0 0 8px 8px;box-shadow:var(--shadow);padding:8px 0;min-width:200px;max-height:70vh;overflow:auto;z-index:60}
.lang__menu a{display:block;padding:7px 16px;color:#eee}
.lang__menu a:hover,.lang__menu a[aria-current]{background:#3a3a3a;color:var(--orange)}
.nl{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px 16px;align-items:center;margin-top:34px;padding:22px;background:#2f2f2f;border-radius:var(--radius);color:#ddd}
.nl .nl__hinweis{grid-column:1/-1;color:#999}
@media (max-width:760px){.nl{grid-template-columns:1fr}}
.consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto;background:#262626;border:1px solid #555;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;z-index:300;font-size:.9rem}
.consent p{margin:0 0 10px}
[dir=rtl] .sub,[dir=rtl] .lang__menu{left:0;right:auto}
[dir=rtl] .crumbs li+li::before{content:"‹"}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.thumbs button{padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#fff;cursor:pointer}
.thumbs button:hover,.thumbs button:focus{border-color:var(--orange)}
.thumbs img{width:90px;height:68px;object-fit:cover}
.galerie img{width:100%;max-height:520px;object-fit:contain}
.sys-hero__img.schema{background:#f4f5f6;gap:26px;align-items:flex-end;flex-wrap:wrap}
.sys-hero__img.schema figure{margin:0;text-align:center}
.sys-hero__img.schema figcaption{color:#555;font-size:.8rem;font-weight:700;margin-top:6px}
.sys-hero__img.schema img{max-height:420px;width:auto}

/* ===== Helle Variante zum Vergleich (body.stil-hell, umschaltbar mit ?stil=hell / ?stil=dunkel) =====
   Kopf, Fuß, Menüs und Cookie-Hinweis bleiben dunkel; Inhalte hell wie bei Rolle/GH, Marke Orange/Anthrazit bleibt. */
.stil-hell{--bg:#fff;--bg-2:#f3f4f6;--card:#fff;--card-2:#f6f7f9;--line:#e3e5e9;--text:#2b2b2b;--muted:#6b7078;
  --shadow:0 6px 22px rgba(20,30,40,.10);--orange-text:#b85f00}
.stil-hell h2{color:var(--ink)}
.stil-hell main a:not(.btn):not(.tile),.stil-hell .eyebrow{color:var(--orange-text)}
.stil-hell main a:not(.btn):not(.tile):hover{color:var(--orange-d)}
.stil-hell .card,.stil-hell .panel,.stil-hell .status div,.stil-hell .usp{border:1px solid var(--line);box-shadow:0 2px 8px rgba(20,30,40,.05)}
.stil-hell .card--accent{border-top:4px solid var(--orange)}
.stil-hell .card--orange{border:0}
.stil-hell .usps{background:var(--line);box-shadow:var(--shadow)}
.stil-hell .btn--ghost{color:var(--ink);border-color:var(--ink)}
.stil-hell .btn--ghost:hover{background:var(--ink);color:#fff}
.stil-hell .hero .btn--ghost,.stil-hell .banner .btn--ghost,.stil-hell .card--orange .btn--ghost{color:#fff;border-color:#fff}
.stil-hell .hero .btn--ghost:hover,.stil-hell .banner .btn--ghost:hover{background:#fff;color:var(--ink)}
.stil-hell .hero::before{background:linear-gradient(90deg,rgba(25,28,32,.82) 0%,rgba(25,28,32,.5) 50%,rgba(25,28,32,0) 100%)}
.stil-hell .hero,.stil-hell .hero h1,.stil-hell .banner{color:#fff}
.stil-hell input,.stil-hell select,.stil-hell textarea{background:#fff;color:var(--ink);border-color:#cfd3d9}
.stil-hell th,.stil-hell td,.stil-hell .kv div{border-color:var(--line)}
.stil-hell .kpis div,.stil-hell .note{background:var(--bg-2);color:var(--ink)}
.stil-hell .price{color:var(--ink)}
.stil-hell .pkg__price{border-color:var(--line)}
.stil-hell .chip--neu{border:1px solid var(--ink)}
.stil-hell .section--dark{background:var(--bg-2)}
.stil-hell .faq details{background:#fff;border:1px solid var(--line)}
.stil-hell .hero .eyebrow{color:var(--orange)}
.stil-hell .consent .btn--ghost{color:#fff;border-color:#fff}
.stil-hell .consent .btn--ghost:hover{background:#fff;color:var(--ink)}
.pcard{position:relative}.bildhinweis{position:absolute;top:10px;right:10px;background:rgba(43,43,43,.85);color:#fff;font-size:.72rem;padding:2px 8px;border-radius:10px}
.stil-hell .consent{color:#eee}.stil-hell .consent a{color:var(--orange)}
/* Kopfzeile auf schmalen Handys: alle Symbole sichtbar halten (Hell/Dunkel-Umschalter kam dazu) */
@media (max-width:480px){
  .header__in{gap:10px}
  .header__tools{gap:0}
  .header__tools .iconbtn{width:36px;height:36px}
  .header__tools a.iconbtn[href$="/kontakt/"]{display:none}
  .header__in{--logo-b:112px}
}

/* Hinweis beim Überfahren: Symbol-Knöpfe zeigen ihr (übersetztes) aria-label */
@media (hover:hover){.iconbtn[aria-label]:hover::after{content:attr(aria-label)}}
.iconbtn[aria-label]:focus-visible::after{content:attr(aria-label)}
.iconbtn[aria-label]::after{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:60;
  padding:5px 9px;border-radius:6px;background:#111;color:#fff;font-size:.78rem;font-weight:600;line-height:1.3;
  white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.header__tools .iconbtn[aria-label]::after,.header__tools summary.iconbtn[aria-label]::after{left:auto;right:0;transform:none}
.stil-hell .iconbtn[aria-label]::after{background:#333}

/* Mitarbeiter-Zugang oben (abschaltbar: Einstellungen → Team-Login in der Kopfzeile) */
.teamlogin{position:relative;display:inline-flex;align-items:center;gap:6px;margin-right:6px;padding:6px 12px;border:1.5px solid var(--orange);
  border-radius:20px;color:var(--orange);font-weight:700;font-size:.82rem;white-space:nowrap}
.teamlogin:hover{background:var(--orange);color:var(--ink)}
.teamlogin svg{width:16px;height:16px}
@media (hover:hover){.teamlogin:hover::after{content:attr(aria-label);position:absolute;top:calc(100% + 6px);right:0;z-index:60;padding:5px 9px;
  border-radius:6px;background:#111;color:#fff;font-size:.78rem;font-weight:600;white-space:nowrap;pointer-events:none}}
@media (max-width:1100px) and (min-width:901px){.teamlogin span{display:none}.teamlogin{padding:7px;border-radius:50%}}
@media (max-width:560px){.teamlogin{display:none}}

/* Tauschangebot Rahmengerüst → MGS-A (07.10.2026): Banner auf Start-/Neugerüst-/MGS-Seite, Schritte, Referenz */
.tausch-banner{background:linear-gradient(135deg,#1c1c1c 0%,#262626 55%,rgba(255,148,0,.18) 100%);border-top:4px solid var(--orange);border-bottom:1px solid #333;padding:44px 0}
.tausch-banner__in{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start}
.tausch-banner h2{margin:.2em 0 .3em;font-size:clamp(1.6rem,3vw,2.3rem)}
.tausch-regeln{list-style:none;padding:0;margin:18px 0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tausch-regeln li{background:#2e2e2e;border-radius:8px;padding:12px;border-left:3px solid var(--orange)}
.tausch-regeln strong{display:block;font-size:1.05rem}
.tausch-regeln span{font-size:.85rem;color:var(--muted)}
.tausch-banner__seite{display:grid;gap:16px}
.tausch-plaetze{background:var(--orange);color:var(--ink);border-radius:var(--radius);padding:18px 20px}
.tausch-plaetze__zahl{font-size:2.6rem;font-weight:800;line-height:1;margin-right:8px}
.tausch-plaetze span{font-weight:700}
.tausch-plaetze p{margin:.6em 0 0;color:var(--ink)}
.referenz{margin:0;background:var(--card);border-radius:var(--radius);border-left:4px solid var(--orange);padding:22px 24px}
.referenz h3{margin:.2em 0 .5em}
.referenz p{margin:0 0 .7em}
.referenz blockquote{margin:0;padding:0 0 0 14px;border-left:2px solid #555;font-style:italic;color:#ddd;font-size:.95rem}
.referenz--kurz{padding:18px 20px}
.referenz--kurz h3{font-size:1.05rem}
.referenz--kurz p,.referenz--kurz blockquote{font-size:.88rem}
.tausch-schritte{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:schritt}
.tausch-schritte li{background:var(--card);border-radius:var(--radius);padding:20px;position:relative;counter-increment:schritt}
.tausch-schritte li::before{content:counter(schritt);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:800;margin-bottom:10px}
.tausch-schritte strong{display:block;margin-bottom:4px}
.tausch-beispiel td:last-child,.tausch-beispiel th:last-child{text-align:right}
.tausch-sticky{display:none}
.stil-hell .tausch-banner{background:linear-gradient(135deg,#fff 0%,#f6f6f6 55%,rgba(255,148,0,.16) 100%);border-bottom-color:var(--line)}
.stil-hell .tausch-regeln li{background:#fff;border:1px solid var(--line);border-left:3px solid var(--orange)}
.stil-hell .referenz{border:1px solid var(--line);border-left:4px solid var(--orange)}
.stil-hell .referenz blockquote{color:#333;border-left-color:#bbb}
@media (max-width:900px){
  .tausch-banner__in{grid-template-columns:1fr;gap:24px}
  .tausch-regeln,.tausch-schritte{grid-template-columns:repeat(2,1fr)}
  .tausch-sticky{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.45)}
}
@media (max-width:480px){.tausch-regeln,.tausch-schritte{grid-template-columns:1fr}}

/* Signal-Referenz Eisenberger (groß, MGS-/Neugerüst-/Tauschseite) */
.signal{padding:0 0 44px}
.signal__in{display:grid;grid-template-columns:minmax(220px,.8fr) 2fr;gap:44px;align-items:center;background:var(--card);
  border-left:5px solid var(--orange);border-radius:var(--radius);padding:36px 40px}
.signal__zahl strong{display:block;white-space:nowrap;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--orange)}
.signal__zahl span{display:block;margin-top:10px;font-size:1.15rem;font-weight:700}
.signal h2{color:var(--text);font-size:clamp(1.5rem,2.8vw,2.2rem);margin:.15em 0 .4em}
.signal blockquote{margin:16px 0 22px;padding:6px 0 6px 18px;border-left:3px solid var(--orange);font-size:1.05rem;font-weight:600}
.signal cite{display:block;margin-top:8px;font-size:.85rem;font-style:normal;font-weight:400}
.stil-hell .signal__in{border:1px solid var(--line);border-left:5px solid var(--orange);box-shadow:0 2px 8px rgba(20,30,40,.05)}
.stil-hell .signal__zahl strong{color:var(--orange-text)}
@media (max-width:800px){.signal{padding:0 0 28px}.signal__in{grid-template-columns:1fr;gap:18px;padding:24px 20px}}

/* Hell/Dunkel-Knopf: passendes Symbol per Klasse am body (Umschalten ohne Neuladen) */
#stilwahl .stilwahl__mond{display:none}
.stil-hell #stilwahl .stilwahl__mond{display:inline-flex}
.stil-hell #stilwahl .stilwahl__sonne{display:none}
#stilwahl span:not([hidden]){display:inline-flex}

/* Neugerüst-Fotos von Finn (Serverstand 07.10.2026): Produktbilder in den System-Kopfbereichen, Hinweis „Musterdarstellung“ */
.sys-hero__img--fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;padding:18px;align-content:center}
.sys-hero__img--fotos figure{margin:0;text-align:center}
.sys-hero__img--fotos img{width:100%;height:auto;max-height:260px;object-fit:contain}
.sys-hero__img--fotos figcaption{font-size:.8rem;color:#555;margin-top:6px}
.card{position:relative}.muster{position:absolute;right:10px;top:10px;background:rgba(51,51,51,.8);color:#ddd;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px}


/* Standort Süd (Nutzer 08.10.2026): Leiste unter dem Kopf – im Süden groß mit Moritz, sonst schmal mit „NEU“ */
.standort{background:#2a2a2a;border-bottom:1px solid #3a3a3a;font-size:.88rem}
.standort__in{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:7px 0}
.standort__neu{background:var(--orange);color:var(--ink);font-weight:800;font-size:.7rem;letter-spacing:.06em;padding:2px 7px;border-radius:4px}
.standort__wechsel{margin-left:auto;color:var(--muted)}
.standort--sued{background:linear-gradient(90deg,rgba(255,148,0,.22),rgba(255,148,0,.06));border-bottom:2px solid var(--orange);font-size:.95rem}
.standort--sued .standort__in{padding:10px 0}
.standort__marke{font-weight:800;color:var(--orange);white-space:nowrap}
.standort__kontakt{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.standort-karte{border-left:4px solid var(--orange)}
.stil-hell .standort{background:#f4f4f4;border-bottom-color:var(--line)}
@media (max-width:700px){.standort__text{display:none}.standort__wechsel{margin-left:0}}

/* Visitenkarte der Mitarbeiter (Kundenkonto, Nutzer 08.10.2026) */
.visitenkarte{display:flex;gap:16px;align-items:flex-start;background:var(--card);border-radius:var(--radius);padding:16px}
.visitenkarte__foto{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;background:#444}
.visitenkarte--gross .visitenkarte__foto{width:140px;height:140px}
.visitenkarte__foto--leer{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:var(--orange)}
.visitenkarte__name{display:block;font-size:1.15rem}
.visitenkarte__position{display:block;color:var(--orange);font-weight:600;font-size:.92rem;margin-top:2px}
.visitenkarte__text{margin:.6em 0;font-size:.95rem}
.visitenkarte__kontakt{margin:.4em 0 0}
.team-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
@media (max-width:560px){.visitenkarte{flex-direction:column;align-items:center;text-align:center}}

/* Systemkarten Neugerüst: Foto oben, ganze Überschrift verlinkt (Nutzer 08.10.2026) */
.card__systembild{display:block;margin:-20px -20px 14px;background:#fff;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
.card__systembild img{display:block;width:100%;height:180px;object-fit:contain;padding:10px}
.card--accent h3 a{color:inherit}.card--accent h3 a:hover{color:var(--orange)}

/* Zweite Zeile der oberen Leiste: Neugerüst-Hinweis + Standort Süd (Nutzer 08.10.2026) */
.topbar__zeile{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 18px;font-size:.8rem;font-weight:600}
.topbar__sued{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px}
.topbar__neu{background:var(--ink);color:var(--orange);border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.topbar__wahl{opacity:.75;font-weight:500}
@media (max-width:600px){.topbar__zeile{font-size:.74rem}}

/* Obere Leiste in Seitenbreite: beide Zeilen bündig mit Logo (links) und Symbolen (rechts) (Nutzer 08.10.2026) */
.topbar{display:block;padding:6px 0;text-align:left}
.topbar__in{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}   /* Spalte = Seitenbreite, nicht Textlänge */
.topbar__tausch{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;font-size:1.05rem;width:100%}
.topbar__tausch .topbar__text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar__zeile{flex-wrap:nowrap;justify-content:space-between;gap:16px}
.topbar__zeile>.topbar__klein{flex:0 1000 auto}.topbar__zeile>.topbar__sued{display:block;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar__klein{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.topbar__sued{justify-content:flex-end}
@media (max-width:1100px){.topbar__zeile{flex-wrap:wrap;justify-content:center}.topbar__zeile>.topbar__sued{flex:1 1 100%;white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center}}
@media (max-width:900px){.topbar__tausch{flex-wrap:wrap;justify-content:center;font-size:.95rem;text-align:center}.topbar__tausch .topbar__text{flex:1 1 100%;order:2;white-space:normal}.topbar__plaetze{order:3}.topbar__pfeil{order:4}}

/* Lange Menüs (fr, ru, …): Abstände schrumpfen statt Logo oder Symbole zu verdrängen (Nutzer 08.10.2026) */
@media (min-width:1101px){.header__in{gap:14px;--logo-b:130px}.nav{flex:none}.nav a.nav__top{font-size:var(--nav-schrift,.95rem)}.nav a.nav__top{padding-left:var(--nav-abstand,clamp(6px,.55vw,12px));padding-right:var(--nav-abstand,clamp(6px,.55vw,12px))}.header__tools{flex:none}}
/* Passt das Menü nicht in eine Zeile (cetrac.js misst), klappt es wie auf dem Tablet ins ☰-Menü */
body.nav-kompakt .burger{display:inline-flex}
body.nav-kompakt .nav{position:fixed;inset:74px 0 0 0;background:#262626;flex-direction:column;overflow:auto;padding:10px 0 80px;margin:0;display:none}
body.nav-kompakt .nav.open{display:flex}
body.nav-kompakt .nav a.nav__top{padding:14px 22px;border-bottom:1px solid #383838}
body.nav-kompakt .sub,body.nav-kompakt .sub--wide{position:static;display:block;box-shadow:none;border:0;columns:1;min-width:0;padding:0 0 8px 12px;background:transparent}
body.nav-kompakt .header__tools{margin-left:auto}

/* Kalkulator: Wände (Nutzer 08.10.2026) */
.wand-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.wand-kopf h2{margin:0}
.wall--neu{outline:2px solid var(--orange);outline-offset:4px;transition:outline-color 1.5s}

/* Angebotsvorschau im Format eines CETRAC-Angebots – immer hell wie Papier */
.vorschau{margin-top:8px}
.vorschau__leiste{position:sticky;top:76px;z-index:5;background:var(--bg,#2b2b2b);padding:10px 0;margin:0 0 12px}
.angebot{background:#fff;color:#222;max-width:900px;margin:0 auto;padding:48px 52px 28px;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.35);font-size:.92rem;line-height:1.45}
.angebot a{color:#222}
.angebot__kopf{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start;margin-bottom:28px}
.angebot__zeile{font-size:.72rem;color:#444;margin:96px 0 14px}
.angebot__orange{color:#e8892b}
.angebot__empfaenger{font-size:1.05rem;min-height:5em}
.angebot__platzhalter{color:#999;font-size:.85rem}
.angebot__logo{background:#ef9a3d;color:#fff;font-weight:700;font-size:2.4rem;letter-spacing:.06em;text-align:center;padding:30px 10px 22px;margin-bottom:22px;line-height:1}
.angebot__logo small{display:block;font-size:.62rem;letter-spacing:.45em;margin-top:10px;font-weight:600}
.angebot__meta{width:100%;border-collapse:collapse;font-size:.88rem}
.angebot__meta th,.angebot__meta td{border:1px solid #ddd;padding:3px 6px;text-align:left;font-weight:400}
.angebot__meta td{text-align:right}
.angebot__meta-titel th,.angebot__meta-titel td{background:#e5e5e5;font-weight:700}
.angebot__betreff{font-size:1rem;color:#222;margin:10px 0 18px}
.angebot__tabelle-wrap{overflow-x:auto}
.angebot__tabelle{width:100%;border-collapse:collapse;margin:14px 0 22px}
.angebot__tabelle th{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f6f6f6;padding:6px;text-align:left;font-weight:400;color:#222;text-transform:none;letter-spacing:0;font-size:.92rem}
.angebot__tabelle td{padding:10px 6px;vertical-align:top;border-bottom:1px solid #f0f0f0}
.angebot__tabelle .num{text-align:right;white-space:nowrap}
.angebot__tabelle .klein{font-size:.82rem;color:#555}
.angebot__tabelle tr.entfaellt td{color:#aaa;text-decoration:line-through}
.angebot__tabelle tr.entfaellt td:nth-child(3){text-decoration:none}
.angebot__tabelle tr.geaendert .v-menge{border-color:#ef9a3d;background:#fff6ec}
.v-menge{width:78px;padding:4px 6px;text-align:right;border:1px solid #bbb;border-radius:4px;background:#fff;color:#222;font:inherit}
.angebot__summen{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin:6px 0 24px}
.angebot__summen table{border-collapse:collapse;width:100%}
.angebot__summen td{padding:4px 6px}
.angebot__summen .num{text-align:right}
.angebot__gesamt td{background:#e5e5e5;font-weight:700;border-top:2px solid #999;border-bottom:2px solid #999}
.angebot__gewicht strong{margin-right:30px}
.angebot__hinweis{font-size:.82rem;color:#555}
.angebot__fuss{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #ddd;margin-top:28px;padding-top:10px;font-size:.68rem;color:#444}
@media (max-width:760px){.angebot{padding:22px 16px}.angebot__kopf{grid-template-columns:1fr}.angebot__zeile{margin-top:0}.angebot__summen{grid-template-columns:1fr}.angebot__fuss{grid-template-columns:1fr 1fr}}
@media print{
  body.vorschau-offen .hinweisleiste,body.vorschau-offen .header,body.vorschau-offen .crumbs,body.vorschau-offen .footer,body.vorschau-offen .cta-strip,
  body.vorschau-offen .section > .wrap > *:not(.vorschau),body.vorschau-offen .no-print,body.vorschau-offen .consent{display:none!important}
  body.vorschau-offen{background:#fff!important}
  body.vorschau-offen .angebot{box-shadow:none;padding:0;max-width:none}
  body.vorschau-offen .v-menge{border:0;background:transparent}
}
.calc[hidden],.vorschau[hidden]{display:none!important}
.angebot__meta th{text-transform:none;letter-spacing:0;color:#222;font-size:.88rem}
#vorschau #anfrage{max-width:900px;margin:18px auto 0}

/* Neugerüst-Auswahl in der Paketliste (Nutzer 08.10.2026): farblich abgesetzt, damit SPEED/MODUX/MGS-A/MGS-K auffallen */
.neu-wahl{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 12px;border:2px solid var(--orange);border-radius:12px;background:rgba(255,148,0,.10)}
.neu-wahl__titel{font-weight:800;font-size:.8rem;color:var(--orange);text-transform:uppercase;letter-spacing:.05em;margin-right:2px}
.neu-wahl__knopf{display:flex;flex-direction:column;line-height:1.15;padding:7px 14px;border-radius:9px;background:var(--orange);color:#222!important;text-decoration:none!important;transition:transform .12s,box-shadow .12s}
.neu-wahl__knopf strong{font-size:1rem;letter-spacing:.02em}
.neu-wahl__knopf small{font-size:.7rem;font-weight:600;opacity:.8}
.neu-wahl__knopf:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,148,0,.35)}
.neu-wahl__knopf.aktiv{background:#fff;box-shadow:inset 0 0 0 3px var(--orange)}
.stil-hell .neu-wahl__knopf.aktiv{background:#222;color:#fff!important}

/* Systemseite → alle Angebote des Systems (Nutzer 08.10.2026), abgesetzt wie die Neugerüst-Auswahl */
.btn--angebote{background:transparent;color:var(--orange)!important;box-shadow:inset 0 0 0 2px var(--orange)}
.btn--angebote:hover{background:var(--orange);color:#222!important}

/* Bestellformular: CETRAC-Alternative zu Layher-Teilen (Nutzer 08.10.2026) */
.alt-hinweis{display:inline-block;margin-top:4px;font-size:.82rem;color:var(--orange)}
div.alt-hinweis{display:block;background:rgba(255,148,0,.10);border-left:3px solid var(--orange);padding:5px 8px;border-radius:4px}
.alt-knopf{border:1px solid var(--orange);background:transparent;color:var(--orange);border-radius:5px;padding:1px 8px;font-size:.78rem;cursor:pointer;margin-left:4px}
.alt-knopf:hover{background:var(--orange);color:#222}
/* USP-Kacheln der Startseite klickbar (Nutzer 08.10.2026) */
a.usp{color:inherit;text-decoration:none;transition:background .15s,transform .15s}
a.usp:hover{background:#3d3d3d;transform:translateY(-2px)}
a.usp:hover strong{color:var(--orange)}
a.usp strong::after{content:" ›";color:var(--orange)}
.stil-hell a.usp:hover{background:#f1f1f1}

/* Gerüstteile: Kategorie-Überschrift klickbar, Weg zurück (Nutzer 08.10.2026) */
.filter-kopf{color:inherit;text-decoration:none}.filter-kopf:hover{color:var(--orange)}
.filter-zurueck{color:var(--orange)!important;font-weight:700}

/* ---------- Reels „Live aus dem Lager“ (09.10.2026, Vorbild Eisenberger + grüner Knopf der Regionauten) ---------- */
.reelknopf{--reel-gruen:#059669;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;height:40px;min-width:40px;padding:0 12px;
  border:0;border-radius:999px;background:var(--reel-gruen);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(5,150,105,.35);transition:transform .12s,background .15s}
.reelknopf:hover{background:#047857}.reelknopf:active{transform:scale(.94)}
.reelknopf .reel-symbol{width:30px;height:22px}
.reelknopf--gross{height:46px;padding:0 18px;font-weight:700;font-size:1rem}
.header__tools .reelknopf{margin-right:4px}
@media (max-width:1100px){.header__tools .reelknopf{order:-1}}
@media (max-width:560px){.header__tools .reelknopf{height:38px;padding:0 9px;margin-right:2px}.header__tools .reelknopf .reel-symbol{width:28px;height:20px}
  .header__tools #stilwahl{display:none}}

.reels{padding:34px 0 14px}
.reels__kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.reels__kopf h2{margin:0;font-size:1.3rem}
.reels__kopf h2 span{font-weight:400;font-size:.95rem;color:var(--muted);margin-left:8px}
@media (max-width:560px){.reels__kopf h2 span{display:block;margin:3px 0 0}}
.reels__pfeile{display:flex;gap:6px;flex:none}
.reels__pfeil{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:#fff;display:grid;place-items:center;cursor:pointer}
.reels__pfeil:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}
.reels__pfeil:disabled{opacity:.35;cursor:default}
.reels__pfeil svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.reels__reihe{--spalten:3;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--spalten) - 1) * 10px) / var(--spalten));gap:10px;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 8px;scroll-behavior:smooth}
.reels__reihe::-webkit-scrollbar{display:none}
@media (min-width:560px){.reels__reihe{--spalten:4}}
@media (min-width:800px){.reels__reihe{--spalten:6}}
@media (min-width:1100px){.reels__reihe{--spalten:8}}
.reels__leer{grid-column:span 3;align-self:center;color:var(--muted);font-size:.92rem;margin:0}
.reel{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#111;scroll-snap-align:start;
  color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .15s}
.reel:hover{transform:translateY(-3px)}
.reel>img,.reel>video{width:100%;height:100%;object-fit:cover}
.reel__meta{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;gap:6px;padding:26px 8px 8px;font-size:.74rem;font-weight:700;
  background:linear-gradient(transparent,rgba(0,0,0,.75))}
.reel__avatar{width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid var(--orange)}
.reel__play{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.5)}
.reel__play::after{content:"";position:absolute;left:8px;top:6px;border-left:8px solid #fff;border-block:5px solid transparent}
.reel--neu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;text-align:center;cursor:pointer;
  background:var(--card);border:1.5px dashed #059669;box-shadow:none;font:inherit}
.reel__neu-text{font-weight:700;font-size:.86rem}

/* Vollbild-Viewer */
html.rv-offen{overflow:hidden}
.rv{position:fixed;inset:0;z-index:300;background:#000;color:#fff}
.rv[hidden]{display:none}
.rv-liste{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.rv-liste::-webkit-scrollbar{display:none}
.rv-slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}
.rv-media{width:min(100%,calc(100dvh * 9 / 16));height:100%;object-fit:contain;background:#000}
@media (max-width:700px){.rv-media{width:100%;object-fit:cover}.rv-slide img.rv-media{object-fit:contain}}
.rv-pause{position:absolute;width:74px;height:74px;border-radius:50%;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s;pointer-events:none}
.rv-pause::after{content:"";position:absolute;left:29px;top:22px;border-left:24px solid #fff;border-block:15px solid transparent}
.rv-slide.is-paused .rv-pause{opacity:1}
.rv-info{position:absolute;inset:auto 0 0 0;width:min(100%,calc(100dvh * 9 / 16));margin:0 auto;padding:60px 72px max(22px,env(safe-area-inset-bottom)) 18px;
  background:linear-gradient(transparent,rgba(0,0,0,.75))}
@media (max-width:700px){.rv-info{width:100%}}
.rv-wer{display:flex;align-items:center;gap:10px}
.rv-wer strong{display:block;font-size:.95rem}
.rv-ort{font-size:.82rem;color:rgba(255,255,255,.8)}
.rv-avatar{width:38px;height:38px;border-radius:50%;border:2px solid var(--orange)}
.rv-text{margin:10px 0 0;font-size:.95rem;line-height:1.45}
.rv-aktionen{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.rv-aktionen:empty{display:none}
.rv-aktion{background:rgba(255,255,255,.16);color:#fff;border:0;border-radius:99px;padding:8px 14px;font:600 .82rem inherit;font-family:inherit;cursor:pointer}
.rv-aktion:hover{background:var(--rot)}
.rv-btn{position:absolute;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;cursor:pointer}
.rv-btn:hover{background:rgba(0,0,0,.7)}
.rv-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rv-zu{top:max(12px,env(safe-area-inset-top));right:12px}
.rv-ton{right:12px;bottom:110px}
.rv-posten{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:66px}
.rv-nav{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:grid;gap:10px}
.rv-nav .rv-btn{position:static}
@media (max-width:700px),(hover:none){.rv-nav{display:none}}

/* Team-Seite „Reels“ */
.reel-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.reel-karte{display:grid;grid-template-columns:92px 1fr;gap:12px;background:var(--card);border-radius:10px;padding:10px;font-size:.9rem}
.reel-karte--aus{opacity:.6}
.reel-karte__bild{position:relative;display:block;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#111}
.reel-karte__bild img,.reel-karte__bild video{width:100%;height:100%;object-fit:cover}
.reel-karte__knoepfe{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.reel-karte__knoepfe form{margin:0}

/* Bestellformular (Kundenkonto) und Eingangslieferschein (Lager) – gemeinsam seit 09.10.2026 */
.artikelsuche{width:100%;font-size:1.15rem;padding:14px 16px;border-radius:10px}
.treffer-wrap{max-height:420px;overflow:auto;margin-top:6px}
.treffer-tabelle,.bestell-tabelle,.summen{width:100%;border-collapse:collapse;font-size:.88rem}
.treffer-tabelle th,.bestell-tabelle th{position:sticky;top:0;background:var(--card);text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 8px}
.treffer-tabelle td,.bestell-tabelle td{padding:6px 8px;border-bottom:1px solid rgba(128,128,128,.2);vertical-align:top}
.treffer-tabelle tr:hover td{background:rgba(255,148,0,.08)}
.treffer-tabelle mark{background:var(--orange);color:var(--ink);border-radius:2px;padding:0 1px}
.num{text-align:right;white-space:nowrap}
.bestell-tabelle input[type=number]{width:80px;padding:4px 6px;text-align:right}
.bestell-tabelle select{padding:4px 6px;width:auto}
.bestell-fuss{display:grid;grid-template-columns:1fr minmax(260px,360px);gap:20px;align-items:start;margin-top:12px}
@media (max-width:760px){.bestell-fuss{grid-template-columns:1fr}}
.summen td{padding:4px 8px}
.summen .netto td{border-top:1px solid rgba(128,128,128,.4);font-weight:700}
.summen .gesamt td{font-weight:800;font-size:1.05rem;background:rgba(255,148,0,.12)}
.summen .gewicht td{font-weight:700}
.lkw input{max-width:140px}
.lkw-warnung{color:#ff6b5b;font-weight:700}
.lieferschein-form .artikelsuche{margin-top:4px}
.frei-position{margin-top:12px}
.frei-position summary{cursor:pointer;color:var(--orange);font-weight:700;font-size:.9rem}
.frei-zeile{display:grid;grid-template-columns:2fr 90px 140px auto;gap:10px;align-items:end;margin-top:8px}
@media (max-width:700px){.frei-zeile{grid-template-columns:1fr 1fr}.frei-zeile .field:first-child{grid-column:1/-1}}
.lieferschein-form .summen{width:auto;min-width:260px}

.kunden-zahl{margin:-6px 0 14px;color:var(--muted)}
.kunden-zahl strong{font-size:1.6rem;color:var(--orange);margin-right:4px}

/* Reels: Vorname des Erstellers (09.10.2026) */
.reel__initiale,.rv-initiale{display:grid;place-items:center;flex:none;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:800}
.reel__initiale{width:24px;height:24px;font-size:.8rem;border:1.5px solid #fff}
.rv-initiale{width:40px;height:40px;font-size:1.1rem;border:2px solid #fff}
.reel__wer{display:flex;flex-direction:column;line-height:1.15;font-weight:600;font-size:.68rem;min-width:0}
.reel__wer b{font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-name{display:block;background:none;border:0;padding:0;color:#fff;font:800 1rem inherit;font-family:inherit;cursor:pointer;text-align:left}
.rv-name small{font-weight:600;font-size:.78rem;color:var(--orange);margin-left:4px}
.rv-name:disabled{cursor:default}
.panel .reel-karte{background:var(--card-2)}
.reel-karte__bearbeiten{display:grid;gap:6px;margin-top:8px}
.reel-karte__bearbeiten textarea{font:inherit;font-size:.88rem;padding:6px 8px}
.reel-karte__bearbeiten .btn{justify-self:start}

/* Reel hochladen wie bei den Regionauten (09.10.2026): eigene Initiale mit Plus, Fortschritt im Knopf */
.reel__neu-avatar{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--orange);
  color:var(--ink);font-size:1.6rem;font-weight:800;border:3px solid #fff;
  background-image:conic-gradient(#059669 var(--p,0%),transparent 0)}
.reel__neu-avatar b{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:#059669;color:#fff;font-size:1.25rem;line-height:1;border:2px solid var(--card)}
.reel__neu-text{font-weight:800;font-size:.9rem}
.reelknopf{position:relative}
.reelknopf.is-laedt,.reel--neu.is-laedt{cursor:progress}
.reelknopf.is-laedt .reel-symbol{opacity:.15}
.reelknopf.is-laedt::after{content:"";position:absolute;inset:3px;border-radius:999px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;
  animation:reel-dreh .8s linear infinite}
@keyframes reel-dreh{to{transform:rotate(360deg)}}
.reel-fortschritt{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#fff;pointer-events:none}
.reel--neu .reel-fortschritt{position:static;font-size:.95rem;color:#34d399}
.reelknopf--gross .reel-fortschritt{font-size:.85rem}

/* Handy (auch Samsung/Android, 360 px): runder grüner Reel-Knopf unten rechts statt in der engen Kopfleiste (09.10.2026) */
.reel-fab{display:none}
@media (max-width:900px){
  .reel-fab{position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:1000;display:grid;place-items:center;width:62px;height:62px;
    border:0;border-radius:50%;background:#059669;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 3px rgba(255,255,255,.9);cursor:pointer}
  .reel-fab .reel-symbol{width:34px;height:25px}
  .reel-fab.is-laedt .reel-symbol{opacity:.15}
  .reel-fab.is-laedt::after{content:"";position:absolute;inset:4px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:reel-dreh .8s linear infinite}
  .header__tools .reelknopf,.team-kopf .reelknopf{display:none}
  html.rv-offen .reel-fab{display:none}
}
/* Team-Bereich: zurück zur Website */
.zur-website{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border:1.5px solid var(--orange);border-radius:999px;color:#fff;
  font-weight:700;font-size:.88rem;white-space:nowrap}
.zur-website:hover{background:var(--orange);color:var(--ink)}
@media (max-width:700px){.team-kopf .zur-website{margin-left:auto}}

/* Konto-Leiste: eingeloggt auf jeder Seite – Website/Konto und Abmelden immer erreichbar (09.10.2026) */
.kontoleiste{border-top:1px solid #444;background:#1d1d1d;font-size:.82rem}
.kontoleiste__in{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}
.kontoleiste__wer{display:flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kontoleiste__wer strong{color:#fff}
.kontoleiste__punkt{width:8px;height:8px;border-radius:50%;background:var(--gruen);flex:none}
.kontoleiste__links{display:flex;align-items:center;gap:14px;flex:none}
.kontoleiste__links a{color:#fff;font-weight:700}
.kontoleiste__links a:hover{color:var(--orange)}
.kontoleiste__links form{margin:0}
.kontoleiste__ab{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1.5px solid var(--orange);border-radius:999px;background:transparent;
  color:#fff;font:700 .82rem inherit;font-family:inherit;cursor:pointer}
.kontoleiste__ab:hover{background:var(--orange);color:var(--ink)}
.kontoleiste__ab svg{width:15px;height:15px}
@media (max-width:420px){.kontoleiste__wer{font-size:0}.kontoleiste__wer strong{font-size:.82rem}.kontoleiste__links{gap:10px}}
.knopfreihe{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}

/* Hinweise statt oranger Leiste (09.10.2026): schmale dunkle Zeile, eine Meldung nach der anderen; breite Bildschirme: Seitenbanner */
.hinweisleiste{background:#161616;border-bottom:1px solid #333;font-size:.84rem}
.hinweisleiste__in{display:flex;align-items:center;gap:10px;min-height:36px}
.hinweisleiste__reihe{position:relative;flex:1;min-width:0;height:36px}
.hinweis{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#eee;opacity:0;visibility:hidden;
  transition:opacity .5s,visibility .5s;white-space:nowrap;overflow:hidden}
.hinweis.is-aktiv{opacity:1;visibility:visible}
.hinweis:hover .hinweis__text{color:var(--orange)}
.hinweis__marke{flex:none;background:var(--orange);color:var(--ink);border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.hinweis__text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hinweis__plaetze{flex:none;color:var(--orange);font-weight:700}
.hinweisleiste__zu{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#999;cursor:pointer;font-size:.9rem}
.hinweisleiste__zu:hover{background:#333;color:#fff}
html.hinweise-zu .hinweisleiste{display:none}
@media (max-width:600px){.hinweis{justify-content:flex-start}.hinweis__plaetze{display:none}}

/* Viewer: Ton-Knopf deutlich, wenn stumm; Löschen mit Mülleimer (09.10.2026) */
.rv-ton.rv-ton--aus{width:auto;padding:0 16px;gap:8px;display:flex;align-items:center;border-radius:999px;background:var(--orange);color:var(--ink);font-weight:800;font-size:.9rem}
.rv-ton.rv-ton--aus svg{width:20px;height:20px}
.rv-aktion{display:inline-flex;align-items:center;gap:6px}
.rv-aktion svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rv-aktion--loeschen{background:rgba(255,90,79,.85)}
/* Beschreibung beim Hochladen (09.10.2026) */
.reeltext{width:min(480px,100%);margin:auto;padding:0;border:0;border-radius:18px;background:var(--card);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.reeltext::backdrop{background:rgba(0,0,0,.6)}
@media (max-width:600px){.reeltext{margin:auto 0 0;max-width:100%;border-radius:18px 18px 0 0}}
.reeltext__form{display:grid;gap:10px;padding:18px 16px max(16px,env(safe-area-inset-bottom))}
.reeltext__form h2{margin:0;font-size:1.15rem}
.reeltext__balken{height:6px;border-radius:3px;background:#2a2a2a;overflow:hidden}
.reeltext__balken span{display:block;height:100%;width:0;background:#059669;transition:width .2s}
.reeltext__status{margin:0}
.reeltext textarea{width:100%;font:inherit;font-size:16px;resize:vertical}
.reeltext__knoepfe{display:flex;justify-content:flex-end;gap:10px}
.reeltext__speichern{background:#059669;border-color:#059669;color:#fff}
.rv-textform{display:grid;gap:8px;margin-top:10px}
.rv-textform textarea{width:100%;font:inherit;font-size:16px;background:rgba(0,0,0,.6);color:#fff;border:1px solid #666;border-radius:8px;padding:8px}
/* Standorte mit Kartenausschnitt (09.10.2026, Vorbild Eisenberger) */
.standorte{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}
.standort{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.standort__karte{position:relative;margin:0;aspect-ratio:16/10;background:#2a2a2a}
.standort__karte>a{display:block;height:100%;overflow:hidden}
.standort__karte img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.standort__karte a:hover img{transform:scale(1.03)}
.standort__karte figcaption{position:absolute;right:0;bottom:0;padding:2px 6px;border-top-left-radius:6px;background:rgba(255,255,255,.85);color:#555;font-size:.68rem}
.standort__karte figcaption a{color:inherit}
.standort__text{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.standort__art{margin:0 0 2px;color:var(--orange);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.standort__text h3{margin:0 0 10px;font-size:1.8rem;text-transform:uppercase}
.standort address{margin-bottom:12px;color:var(--muted);font-style:normal}
.standort__merkmale{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:4px}
.standort__merkmale li{padding-left:24px;position:relative}
.standort__merkmale li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:800}
.standort__tel{margin:0 0 16px;font-weight:600}
.standort__nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.standort__nav svg{width:16px;height:16px;fill:currentColor}
/* Alle drei Standorte nebeneinander (Tom 10.10.2026) – auch in der schmalen Inhaltsspalte, dafür kompakter */
@media (min-width:760px){
  .standorte{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .standort__text{padding:16px 16px 18px}
  .standort__art{font-size:.7rem;letter-spacing:.08em}
  .standort__text h3{font-size:clamp(1.05rem,1.55vw,1.45rem);line-height:1.15;overflow-wrap:anywhere}
  .standort address,.standort__merkmale,.standort__tel{font-size:.9rem}
  .standort__merkmale li{padding-left:20px}
  .standort__nav .btn{padding:8px 12px;font-size:.85rem}
  .prose .standorte{width:min(1260px,calc(100vw - 48px))}       /* Standortseite: volle Inhaltsbreite statt Textspalte */
}

/* Marktbeobachtung: Reiter Gerüst / Schalung (09.10.2026) */
.markt-reiter{display:flex;gap:6px;margin:10px 0 14px;border-bottom:1px solid var(--line)}
.markt-reiter a{padding:9px 16px;border-radius:8px 8px 0 0;color:#ddd;font-weight:700;border:1px solid transparent;border-bottom:0;margin-bottom:-1px}
.markt-reiter a.aktiv{background:var(--card);color:var(--orange);border-color:var(--line)}

/* Gerüstart-Schnellwahl (09.10.2026) */
.art-wahl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.chip-link{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--card);color:#fff;font-weight:700;font-size:.9rem;border:1px solid var(--line)}
.chip-link small{color:var(--muted);font-weight:600}
.chip-link:hover,.chip-link.aktiv{border-color:var(--orange);color:var(--orange)}

.chip--posten{background:#7c3aed;color:#fff}
/* Team: Eingabemaske Angebote (09.10.2026) */
.angebot-form .panel{margin-bottom:16px}
.angebot-form h2{margin-top:0;font-size:1.1rem}
.foto-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:12px}
.foto-raster__teil{display:grid;gap:4px;font-size:.8rem;color:var(--muted);cursor:pointer}
.foto-raster__teil img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}

/* Tabellen auf dem Handy seitlich scrollbar (10.10.2026) */
.tabelle-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* Anfragekorb: Stückliste je Paket änderbar (Tom 10.10.2026) */
.korb-stueckliste{margin:-4px 0 14px;padding:0 0 10px;border-bottom:1px solid #4a4a4a}
.korb-stueckliste summary{cursor:pointer;font-size:.92rem;color:var(--orange,#e5530f);padding:4px 0}
.korb-stueckliste table{width:100%;font-size:.9rem;margin:6px 0}
.korb-stueckliste input[type=number]{width:84px;text-align:right}
.korb-stueckliste tr.geaendert td{background:color-mix(in srgb,var(--orange,#e5530f) 8%,transparent)}

/* Kalkulator (Tom 10.10.2026): Maße gut sichtbar, Leiste mit Preis + „Anfrage ansehen“ unter den Wänden */
.wall__masse{margin:14px 0 0;padding:12px 14px 14px;border:2px solid var(--orange);border-radius:8px;background:rgba(255,148,0,.07)}
.wall__masse legend{display:flex;align-items:center;gap:8px;padding:0 6px;font-weight:700;color:var(--orange);font-size:1rem}
.wall__masse legend svg{width:20px;height:20px}
.wall .wall__masse label{font-size:.9rem;font-weight:700;color:#fff}
.wall__masse label small{display:block;font-weight:400;color:var(--muted);font-size:.75rem}
.wall .wall__masse input{font-size:1.35rem;font-weight:700;padding:10px 12px;border:2px solid #8a8a8a;background:#1f1f1f;color:#fff}
.wall .wall__masse input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px rgba(255,148,0,.25)}
.kalk-aktion{position:sticky;bottom:0;z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  margin:16px -22px -22px;padding:12px 22px;background:#262626;border-top:2px solid var(--orange);border-radius:0 0 8px 8px;box-shadow:0 -6px 18px rgba(0,0,0,.35)}
.kalk-aktion__preis{display:flex;flex-direction:column;line-height:1.2}
.kalk-aktion__preis strong{font-size:1.5rem;color:#fff}
.kalk-aktion__knoepfe{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (max-width:600px){.kalk-aktion__knoepfe{width:100%}.kalk-aktion__knoepfe .btn{flex:1 1 auto}#anfrage-btn-unten{flex-basis:100%;order:-1}}
.wall__masse .wall__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.kalk-aktion__preis{flex:1 1 180px}.kalk-aktion__knoepfe{flex:0 0 auto}
/* Kalkulator: Umschalter Neugerüst / gebrauchte Gerüste (Tom 10.10.2026) */
.seg[hidden],.calc [data-nur][hidden]{display:none!important}
.modus{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px}
.modus input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0;clip-path:inset(50%)}
.modus label{margin:0;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:2px solid #555;border-radius:8px;background:#2e2e2e;cursor:pointer}
.modus label strong{font-size:1rem;color:#fff}
.modus label small{font-size:.78rem;font-weight:400;color:var(--muted)}
.modus input:checked+label{border-color:var(--orange);background:#4a3a22}
.modus input:checked+label strong{color:var(--orange)}
.modus input:focus-visible+label{outline:2px solid #fff}
@media (max-width:600px){.modus{grid-template-columns:1fr}}
/* Angebotsvorschau: Kosten je Wand mit Skizze (Tom 10.10.2026) */
.angebot__waende h4{margin:14px 0 8px}
.angebot__wand{display:grid;grid-template-columns:170px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #ddd;break-inside:avoid}
.angebot__skizze svg{width:170px;height:auto;display:block;background:#fafafa;border:1px solid #e3e3e3;border-radius:4px}
.angebot__skizze svg polygon{fill:#e4e4e4;stroke:#9a9a9a}
.angebot__skizze svg text{fill:#333}
.angebot__skizze svg line[stroke="#ddd"],.angebot__skizze svg line[stroke="#888"]{stroke:#666}
.angebot__wandtext{font-size:.9rem;line-height:1.45}
.angebot__wandpreis{text-align:right;font-weight:700;white-space:nowrap}
.angebot__wandpreis .klein{display:block;font-weight:400}
.angebot__wandsumme{width:100%;border-top:2px solid #333;margin-top:2px}
.angebot__wandsumme td{padding:6px 0}
@media (max-width:600px){.angebot__wand{grid-template-columns:110px 1fr}.angebot__skizze svg{width:110px}.angebot__wandpreis{grid-column:1/-1;text-align:left}}
/* Paketkarten bündig (Tom 10.10.2026: „keine solchen Lücken“): Bild, Titel, Merkmale und Preis stehen in jeder Kartenreihe
   auf gleicher Höhe – Subgrid über vier Zeilen; ohne Subgrid-Unterstützung bleibt das bisherige Flex-Layout. */
@supports (grid-template-rows:subgrid){
  .grid>.pkg{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  .grid>.pkg>.card__body{display:contents}
  .grid>.pkg>.card__body>*{margin-left:20px;margin-right:20px}
  .grid>.pkg>.card__body>h3{padding-top:18px}
  .grid>.pkg .pkg__meta{padding-top:10px;align-content:start}
  .grid>.pkg .pkg__price{margin-top:14px;margin-bottom:20px;align-self:end}
}
.filter{max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}
.pkg__price{flex-wrap:wrap;gap:6px 12px}.pkg__price .price{white-space:nowrap;margin-left:auto;text-align:right}
/* Angebot je Wand (Tom 10.10.2026) */
.angebot__block{margin:22px 0 6px;break-inside:auto}
.angebot__block h4{margin:0 0 4px}
.angebot__wandkopf{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;margin-bottom:10px;font-size:.9rem;line-height:1.45}
.angebot__wandkopf .angebot__skizze svg{width:200px}
.angebot__zwischensumme td{font-weight:700;border-top:2px solid #333;padding-top:8px}
.angebot__gebraucht{background:#fff6e5;border-left:4px solid var(--orange);padding:10px 12px;font-size:.88rem}
[data-nur][hidden]{display:none!important}
@media (max-width:600px){.angebot__wandkopf{grid-template-columns:120px 1fr}.angebot__wandkopf .angebot__skizze svg{width:120px}}
/* Angebotsvorschau zentriert (Tom 10.10.2026: „Angebot, Navigation und Text nicht zentriert und ausgerichtet“):
   Kalkulator-Einleitung ausblenden, Titel, Knopfleiste, Angebot und Formular auf einer gemeinsamen Breite */
body.vorschau-offen .kalk-intro,body.vorschau-offen .crumbs{display:none}
.vorschau>*{max-width:900px;margin-left:auto;margin-right:auto}
.vorschau__titel{margin-bottom:6px}
.vorschau__titel h1{margin:4px 0 0;font-size:clamp(1.5rem,3vw,2.1rem)}
.vorschau__leiste{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.vorschau__leiste #zum-senden{margin-left:auto}

/* ── Logo: Scheinwerfer mit Goldglanz (Tom 10.10.2026: „als würde das Logo von einem Scheinwerfer gestreift werden, und dann
   in seiner vollen Pracht aufglänzen an der Stelle, an der der Scheinwerfer gerade vorüberfährt … Schimmer von Gold“) ──────────
   Nachbesserung 10.10.2026 (Tom: „Der Glanzeffekt beim Logo ist weg“): Der Kegel war die meiste Zeit außerhalb der Buchstaben
   und huschte (ease-in-out) in gut 1 s darüber – kaum zu sehen. Jetzt zieht er gleichmäßig (linear) in 3,5 s über das Logo,
   alle 10 s, zum ersten Mal nach 1,5 s; Start/Ende knapp außerhalb (Hintergrund 300 % breit → Position 105 % … −5 %).
   Bei „Bewegung reduzieren“ kein wandernder Kegel, aber das goldene Aufglühen (reine Helligkeit, keine Bewegung). */
.logo{position:relative}
.logo::after{content:"";position:absolute;inset:0;pointer-events:none;
  -webkit-mask:url("../img/cetrac-logo.151168c58aa1.svg") center/100% 100% no-repeat;mask:url("../img/cetrac-logo.151168c58aa1.svg") center/100% 100% no-repeat;
  background:linear-gradient(100deg,transparent 30%,rgba(255,214,130,.12) 38%,rgba(255,206,110,.5) 45%,rgba(255,242,200,.98) 50%,
    rgba(255,206,110,.5) 55%,rgba(255,214,130,.12) 62%,transparent 70%);
  background-size:300% 100%;background-position:105% 0;animation:logo-scheinwerfer 10s linear 1.5s infinite}
.logo img{animation:logo-glanz 10s ease-in-out 1.5s infinite}
@keyframes logo-scheinwerfer{0%,55%{background-position:105% 0}90%,100%{background-position:-5% 0}}
@keyframes logo-glanz{0%,58%,90%,100%{filter:drop-shadow(0 0 0 rgba(255,196,90,0))}
  73%{filter:drop-shadow(0 0 8px rgba(255,196,90,.5)) drop-shadow(0 0 2px rgba(255,236,190,.55)) brightness(1.08)}}
@media (prefers-reduced-motion:reduce){.logo::after{animation:none;display:none}.logo img{animation:logo-glanz 10s ease-in-out 1.5s infinite}}

/* ── Vorschlag Kopfleiste (html.kopf-neu, Vorschau per ?kopf=neu) ───────────────────────────────────────────────────
   Glas statt Fläche, feine Goldlinie unten, Navigation mit goldener Unterstreichung, Werkzeuge als ruhige „Pille“ mit
   dünneren Linien-Icons, goldener Ring beim Überfahren, Reel-Knopf im Markenton statt Grün. */
.kopf-neu .header{background:linear-gradient(180deg,rgba(28,28,28,.9),rgba(34,34,34,.84));backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:0}
.kopf-neu .header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,178,94,.55) 20%,rgba(255,214,140,.8) 50%,rgba(214,178,94,.55) 80%,transparent)}
.kopf-neu .nav a.nav__top{font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.88);position:relative}
.kopf-neu .nav a.nav__top::after{content:"";position:absolute;left:12px;right:12px;bottom:16px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#d6b25e,#ffcf7a);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
.kopf-neu .nav a.nav__top:hover,.kopf-neu .nav li:hover>a.nav__top{color:#fff}
.kopf-neu .nav a.nav__top:hover::after,.kopf-neu .nav li:hover>a.nav__top::after,.kopf-neu .nav a.nav__top[aria-current]::after{transform:scaleX(1)}
.kopf-neu .nav a.nav__top[aria-current]{color:#ffd28a}
.kopf-neu .nav .neu-badge{background:transparent;color:#ffcf7a;border:1px solid rgba(255,207,122,.6);font-weight:700;letter-spacing:.04em}
.kopf-neu .header__tools{gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.kopf-neu .iconbtn{width:38px;height:38px;color:rgba(255,255,255,.82);transition:color .2s,background .2s,box-shadow .2s}
.kopf-neu .iconbtn svg{width:19px;height:19px;stroke-width:1.6}
.kopf-neu .iconbtn:hover{color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(214,178,94,.6)}
.kopf-neu .lang summary{font-size:.78rem;font-weight:600;letter-spacing:.05em}
.kopf-neu .badge{top:3px;right:2px;min-width:16px;height:16px;font-size:.62rem;box-shadow:0 0 0 2px #232323}
.kopf-neu .reelknopf{background:rgba(255,148,0,.12);color:var(--orange);box-shadow:inset 0 0 0 1px rgba(255,148,0,.45);height:38px}
.kopf-neu .reelknopf:hover{background:rgba(255,148,0,.2)}
.kopf-neu .teamlogin{border-radius:999px}
.kopf-neu.stil-hell .header,.kopf-neu .stil-hell .header{background:rgba(255,255,255,.86)}
/* Wand entfernen gut sichtbar, leere Wand mit Hinweis (Tom 10.10.2026) */
.wall__del{padding:6px 12px;font-size:.82rem}
.wall__del:hover{border-color:#e05252;color:#ff8a8a}
.wall__leer{margin:12px 0 0;padding:12px 14px;border:1px dashed #777;border-radius:8px;color:var(--muted);font-size:.88rem}
.angebot__wandkopf{grid-template-columns:200px 1fr auto}
.v-wand-weg{align-self:start;color:#555;border-color:#bbb}
.v-wand-weg:hover{color:#c0392b;border-color:#c0392b}
@media (max-width:600px){.angebot__wandkopf{grid-template-columns:120px 1fr}.v-wand-weg{grid-column:1/-1;justify-self:start}}
/* Hinweisleiste linksbündig auf der Logo-Linie (Tom 10.10.2026: „linksbündig … auf gleicher Linie wie das Logo“) */
.hinweis{justify-content:flex-start}
/* Beispielskizze, solange Maße fehlen */
.sketch--entwurf{position:relative}
.sketch--entwurf svg{opacity:.38}
.sketch--entwurf::after{content:"Beispiel – Skizze passt sich Ihren Maßen an";position:absolute;top:10px;right:12px;font-size:.75rem;color:var(--muted)}
/* Fehler an der Wand und in der Leiste (Tom 10.10.2026) */
.wall--fehler{border-color:#e05252;box-shadow:0 0 0 1px #e05252}
.wall__fehler{margin:10px 0 0}
.kalk-aktion--fehler{border-top-color:#e05252}
.kalk-aktion--fehler #a-info{color:#ff8a8a;font-weight:600}
/* Reels je Mitarbeiter (Tom 10.10.2026) */
.reel-personen{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 6px}
.reel-gruppe{margin-top:26px;scroll-margin-top:120px}
.reel-gruppe h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.reel-gruppe h2 small{font-size:.8rem;font-weight:400}
/* Tausch: Mengen im Anfrageformular (Tom 10.10.2026) */
.tausch-zus{margin:0 0 18px;transition:box-shadow .4s}
.tausch-zus--neu{box-shadow:0 0 0 2px var(--orange)}
.tausch-zus td:nth-child(3){color:var(--orange);text-align:center}

/* ── Gerüstteile bestellen (Tom 10.10.2026) ── */
.tb-systeme{margin:6px 0 14px}
.tb-werkzeuge{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}
.tb-werkzeuge input[type=search]{flex:1 1 360px}
.tb-werkzeuge select{flex:0 1 380px}
.tb-filter{display:flex;gap:12px;align-items:flex-start;margin:8px 0}
.tb-filter__titel{flex:none;width:70px;padding-top:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.tb-chips{display:flex;flex-wrap:wrap;gap:6px}
.tb-chips button{border:1px solid #555;background:#2e2e2e;color:#eee;border-radius:999px;padding:6px 12px;font-size:.85rem;cursor:pointer}
.tb-chips button small{color:var(--muted);margin-left:3px}
.tb-chips button.aktiv{border-color:var(--orange);background:#4a3a22;color:#ffd28a}
.tb-liste{display:flex;flex-direction:column;margin-bottom:10px}
.tb-kapitel{margin:18px 0 6px}
.tb-kapitel h3{margin:0 0 6px;padding:8px 0;border-bottom:2px solid var(--orange);font-size:1.05rem}
.tb-kapitel h3 small{font-weight:400;color:var(--muted);font-size:.82rem;margin-left:6px}
.tb-zeile{position:relative;display:grid;grid-template-columns:72px 1fr 170px 150px;gap:14px;align-items:center;padding:8px 6px;border-bottom:1px solid #3a3a3a}
.tb-zeile img,.tb-ohnebild{width:72px;height:56px;object-fit:contain;background:#fff;border-radius:6px;display:block}
.tb-text a{color:inherit}.tb-text a:hover b{color:var(--orange)}
.tb-text small{display:block;color:var(--muted);font-size:.8rem}
.tb-bestand{display:inline-block;margin-top:3px;font-size:.78rem;color:#9be3b0}
.tb-preis{text-align:right;font-weight:700}
.tb-preis small{display:block;font-weight:400;color:var(--muted);font-size:.75rem}
.tb-zeile.gewaehlt{background:rgba(255,148,0,.08)}
.tb-zeile.tb-max::after{content:attr(data-meldung);position:absolute;right:6px;bottom:-2px;font-size:.72rem;color:#ff9b9b}
.tb-stepper{display:flex;align-items:center;gap:4px;justify-self:end}
.tb-stepper button{width:34px;height:36px;border:0;border-radius:8px;background:#444;color:#fff;font-size:1.1rem;cursor:pointer}
.tb-stepper button:hover{background:var(--orange);color:var(--ink)}
.tb-stepper input{width:66px;height:36px;text-align:center;padding:4px;font-weight:700}
.tb-leiste{position:sticky;bottom:0;z-index:7;margin:10px 0 0;border-radius:10px}
@media (max-width:760px){.tb-zeile{grid-template-columns:56px 1fr auto;gap:6px 12px}.tb-zeile img,.tb-ohnebild{width:56px;height:44px;align-self:start}.tb-text{grid-column:2/4}.tb-preis{text-align:left;grid-column:2}.tb-stepper{grid-column:3}}
.stil-hell .tb-zeile{border-bottom-color:var(--line)}.stil-hell .tb-chips button{background:#fff;color:#222;border-color:#ccc}

/* Gerüstteile bestellen: Bauteil-Navigation (Tom 10.10.2026: „über eine Navigation zu den Rahmen, Geländern, Stielen …“) */
.tb-nav{position:sticky;top:var(--tb-kopf,70px);z-index:6;display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;margin:0 0 4px;
  background:var(--bg,#2b2b2b);border-bottom:1px solid #444}
.tb-nav:empty{display:none}
.tb-nav button{border:1px solid #555;background:#2e2e2e;color:#eee;border-radius:999px;padding:6px 12px;font-size:.86rem;cursor:pointer;white-space:nowrap}
.tb-nav button small{color:var(--muted);margin-left:3px}
.tb-nav button:hover{border-color:var(--orange)}
.tb-nav button.aktiv{border-color:var(--orange);background:var(--orange);color:var(--ink,#222)}
.tb-nav button.aktiv small{color:inherit;opacity:.75}
@media (max-width:760px){.tb-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 4px;padding:8px 16px}.tb-nav::-webkit-scrollbar{display:none}}
.stil-hell .tb-nav{background:var(--bg,#fff);border-bottom-color:var(--line)}.stil-hell .tb-nav button:not(.aktiv){background:#fff;color:#222;border-color:#ccc}
#tb-bestellung[hidden],#vorschau #anfrage[hidden]{display:none!important}
/* Vorschau der Teilebestellung: Block je System wie die Wandblöcke im Kalkulator */
.angebot__blockkopf{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:22px}
.angebot__blockkopf h4{margin:0 0 2px;font-size:1rem;color:#222}
.angebot__blockkopf .klein{font-size:.82rem;color:#555}
.angebot__blockkopf .btn{color:#222!important;box-shadow:inset 0 0 0 1px #bbb;background:#fff}
.angebot__blockkopf .btn:hover{background:#fff6ec;box-shadow:inset 0 0 0 1px #ef9a3d}
.angebot .v-lager{color:#2f7a45}.angebot .v-knapp{color:#c0392b;font-weight:600}
.angebot__leer{padding:18px;margin:18px 0;border:1px dashed #ccc;border-radius:6px;text-align:center;color:#555}
@media (max-width:600px){.tb-leiste{flex-wrap:nowrap;padding:10px 12px;gap:10px}.tb-leiste .kalk-aktion__preis{flex:1 1 auto;min-width:0}
  .tb-leiste .kalk-aktion__preis strong{font-size:1.2rem}.tb-leiste .kalk-aktion__preis span:last-child{display:none}
  .tb-leiste .kalk-aktion__knoepfe{width:auto;flex:0 0 auto}.tb-leiste .btn{padding:10px 14px}}
.nav-messen .sub,.nav-messen .sub--wide{display:none!important}   /* nur während der Menü-Messung in cetrac.js */
/* Einstieg „Gerüstteile bestellen“ auf der Gerüstteile-Liste (Tom 10.10.2026, IMG_8436: „geht in der Darstellung unter“) */
.tb-start{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;align-items:stretch;margin:14px 0 26px;padding:22px;border-radius:14px;
  background:linear-gradient(135deg,#1f1f1f 0%,#2a2a2a 50%,rgba(255,148,0,.22) 100%);border:2px solid var(--orange);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.tb-start__text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.tb-start__marke{align-self:flex-start;background:var(--orange);color:#222;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.tb-start h2{margin:10px 0 12px;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.2}
.tb-start__schritte{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0;padding:0;font-size:.92rem;color:#ddd}
.tb-start__schritte b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border-radius:50%;background:#fff;color:#222;font-size:.78rem}
.tb-start__weg{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:18px;border-radius:12px;background:var(--orange);color:#222!important;
  text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.tb-start__weg + .tb-start__weg{background:#fff}
.tb-start__weg svg{width:48px;height:48px}
.tb-start__weg strong{display:block;font-size:1.08rem;line-height:1.25}
.tb-start__weg small{display:block;margin-top:4px;font-size:.84rem;opacity:.8}
.tb-start__weg i{font-style:normal;font-size:2rem;font-weight:300;line-height:1}
.tb-start__weg:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.35)}
/* Teile bestellen (Tom 16.10.2026): dieselben Karten als Umschalter – gewählte Karte orange, die andere hell */
.tb-start h1{margin:10px 0 12px;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.2}
.tb-start--wahl input[name="tb-modus"]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;left:0;margin:0}   /* sonst 100 % breit → Seite auf dem Handy seitlich verschiebbar */
.tb-start--wahl .tb-start__weg{cursor:pointer;background:#fff;transition:background .15s,transform .15s,box-shadow .15s}
.tb-start--wahl input:checked + .tb-start__weg{background:var(--orange);box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.tb-start--wahl input:focus-visible + .tb-start__weg{outline:3px solid #fff;outline-offset:2px}
.stil-hell .tb-start--wahl .tb-start__weg{background:#222;color:#fff!important}
.stil-hell .tb-start--wahl input:checked + .tb-start__weg{background:var(--orange);color:#222!important}
@media (max-width:1000px){.tb-start{grid-template-columns:1fr 1fr}.tb-start__text{grid-column:1/-1}}
@media (max-width:600px){.tb-start{grid-template-columns:1fr;padding:16px}.tb-start__weg{padding:14px}}
@media (prefers-reduced-motion:reduce){.tb-start__weg{transition:none}.tb-start__weg:hover{transform:none}}
.stil-hell .tb-start{background:linear-gradient(135deg,#fff 0%,#f7f7f7 50%,rgba(255,148,0,.18) 100%);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.stil-hell .tb-start__schritte{color:#333}.stil-hell .tb-start__schritte b{background:#222;color:#fff}
.stil-hell .tb-start__weg + .tb-start__weg{background:#222;color:#fff!important}
/* Zweiter Faktor (Team-Login) */
.zf__qr{display:flex;justify-content:center;margin:10px 0 14px}.zf__qr svg{width:240px;max-width:100%;height:auto;border-radius:8px;background:#fff}
.zf__schluessel{display:inline-block;margin-top:6px;padding:6px 10px;background:#222;border-radius:6px;font-size:.95rem;letter-spacing:.08em;word-break:break-all}
.zf__code{font-size:1.6rem;letter-spacing:.3em;text-align:center}
/* Teile-Bestellung: Position löschen (✕) und Bestellung leeren (Tom 10.10.2026) */
.angebot__tabelle .v-weg-zelle{width:34px;text-align:center;vertical-align:middle}
.v-weg{width:28px;height:28px;border:1px solid #ccc;border-radius:50%;background:#fff;color:#777;font-size:.85rem;line-height:1;cursor:pointer}
.v-weg:hover,.v-weg:focus-visible{border-color:#c0392b;color:#fff;background:#c0392b}
.tb-leeren.scharf{box-shadow:inset 0 0 0 2px #e05252;color:#ff9b9b!important}
#tb-leeren[hidden]{display:none}
@media (max-width:600px){.tb-leiste #tb-leeren{display:none}}
/* Team: Aufgabe weitergeben (Verkaufsleitung, Tom 10.10.2026) */
.aufgabe-weiter{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.aufgabe-weiter select{max-width:240px;padding:5px 8px;font-size:.85rem}
/* Ankauf: „Eine Schätzung reicht“ (Tom 10.10.2026) */
.ankauf-schaetzung{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:center;margin:34px 0 10px;padding:26px;border-radius:14px;
  background:linear-gradient(135deg,#1f1f1f 0%,#2a2a2a 55%,rgba(255,148,0,.2) 100%);border:2px solid var(--orange)}
.ankauf-schaetzung h2{margin:10px 0 10px;font-size:clamp(1.3rem,2.3vw,1.8rem)}
.ankauf-schaetzung p{margin:0}
.ankauf-schaetzung__marke{display:inline-block;background:var(--orange);color:#222;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.ankauf-schaetzung__beispiel{background:#fff;color:#222;border-radius:12px;padding:18px 20px}
.ankauf-schaetzung__beispiel ul{list-style:none;margin:10px 0;padding:0}
.ankauf-schaetzung__beispiel li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eee;font-size:.95rem}
.ankauf-schaetzung__beispiel li span{color:#666}
.ankauf-schaetzung__beispiel li.ergebnis{border-bottom:0;border-top:2px solid #222;margin-top:4px;padding-top:9px}
.ankauf-schaetzung__beispiel li.ergebnis b{color:#c86f00}
.ankauf-schaetzung__beispiel .muted{color:#777!important}
@media (max-width:860px){.ankauf-schaetzung{grid-template-columns:1fr;padding:18px}}
.stil-hell .ankauf-schaetzung{background:linear-gradient(135deg,#fff 0%,#f7f7f7 55%,rgba(255,148,0,.16) 100%)}
.stil-hell .ankauf-schaetzung__beispiel{border:1px solid #e3e3e3}
/* Menü: „Gerüstteile bestellen ›“ im Gerüstteile-Menü orange hervorgehoben (Tom 10.10.2026) */
.sub a.sub__hervor,.sub a.sub__hervor strong{color:var(--orange)}
.sub a.sub__hervor:hover{background:var(--orange)}.sub a.sub__hervor:hover strong{color:#222}
/* Kalkulator: Maßfelder bündig – Beschriftungen mit und ohne Unterzeile gleich hoch (Foto Tom 10.10.2026) */
.wall__masse .wall__grid > div{display:flex;flex-direction:column}
.wall__masse .wall__grid > div > label{flex:1 0 auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:2.9em}
/* Kalkulator kompakt (Vorschlag 10.10.2026: „ich glaube nicht, dass man so ein großes Fenster für jede Wand braucht“) */
.wall .wall__form{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.wall .wall__form label{padding:7px 4px;font-size:.78rem;gap:3px;line-height:1.15}
.wall .wall__form label small{display:none}
.wall .wall__form svg{width:36px;height:26px}
.wall__form-hinweis{margin:6px 0 0;min-height:1.2em}
.wall__koerper{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-top:10px}
.wall__koerper .wall__masse{margin:0}
.wall__koerper .wall__masse .wall__grid{grid-template-columns:1fr 1fr}
.wall .wall__koerper .wall__masse input{font-size:1.15rem;padding:7px 10px}
.wall__koerper .sketch{margin:0;padding:6px;display:flex;align-items:center}
.wall__masse legend{font-size:.92rem}
@media (max-width:760px){.wall__koerper{grid-template-columns:1fr}}
/* Ganzes Haus */
.haus-panel{margin:0 0 14px;padding:14px;border:2px solid var(--orange);border-radius:10px;background:rgba(255,148,0,.07)}
.haus-panel__kopf{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:10px}
.haus-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.haus-panel__grid label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:700;color:#fff;margin:0}
.haus-panel__grid input,.haus-panel__grid select{font-size:1.05rem;padding:8px 10px}
.haus-panel .btns{align-items:center}
.haus-panel [hidden]{display:none!important}
/* Übersicht aller Wände */
.waende-uebersicht{margin:6px 0 14px;padding:14px;border-radius:10px;background:#2a2a2a;border:1px solid #4a4a4a}
.waende-uebersicht h3{margin:0 0 10px;font-size:1.05rem}
.wu-skizzen{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.wu-karte{display:flex;flex-direction:column;gap:3px;padding:6px;border:1px solid #555;border-radius:8px;background:#262626;color:#eee;
  font:inherit;text-align:left;cursor:pointer}
.wu-karte:hover{border-color:var(--orange)}
.wu-karte svg{width:100%;height:auto;display:block}
.wu-karte span{font-size:.82rem}.wu-karte small{font-size:.75rem;color:var(--muted)}
.wu-karte--leer svg{opacity:.35}
.wu-tabelle{width:100%;border-collapse:collapse;font-size:.85rem}
.wu-tabelle th,.wu-tabelle td{padding:5px 4px;border-bottom:1px solid #3a3a3a;text-align:left;white-space:nowrap}
.wu-tabelle thead th{font-weight:400;color:var(--muted);font-size:.75rem}
.wu-tabelle input{width:78px;padding:5px 6px;font-weight:700}
.wu-tabelle input:disabled{opacity:.3}
.wu-tabelle select{max-width:150px;padding:5px 6px}
.stil-hell .waende-uebersicht{background:#f7f7f7;border-color:#ddd}.stil-hell .wu-karte{background:#fff;color:#222;border-color:#ccc}
.wall__masse .wall__grid > div[hidden]{display:none}   /* Felder anderer Wandformen bleiben ausgeblendet (flex überschrieb hidden) */
.wu-tabelle select{min-width:150px}
.wu-skizzen{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}
.wu-tabelle input{width:62px}
.wu-tabelle select{min-width:0;width:140px}
.waende-uebersicht h3 small{font-weight:400;font-size:.78rem}
@media (max-width:560px){.wall .wall__form{grid-template-columns:repeat(2,minmax(0,1fr))}.wall .wall__form label{flex-direction:row;justify-content:center;gap:8px;padding:8px 6px}}
.wall .wall__form label{overflow-wrap:anywhere;hyphens:auto}
/* Grundriss in der Wand-Übersicht (Toms Skizze 10.10.2026) */
.wu-grundriss{background:#262626;border:1px solid #444;border-radius:8px;padding:8px 10px;margin-bottom:12px}
.wu-grundriss__kopf,.wu-ansichten-kopf{display:flex;gap:6px;align-items:baseline;margin-bottom:4px;font-size:.88rem}
.wu-grundriss svg{width:100%;height:auto;display:block;max-height:300px}
.wu-gr{cursor:pointer}.wu-gr:hover line{stroke:#ff9400}
#wu-grundriss-hinweis{color:#ff9b9b;margin:4px 0 0}
.stil-hell .wu-grundriss{background:#fff;border-color:#ddd}.stil-hell .wu-gr line{stroke:#444}.stil-hell .wu-gr text[fill="#bbb"]{fill:#666}
/* Fehler in der Kalkulator-Leiste anklickbar (Tom 10.10.2026, IMG_8451) */
.kalk-fehler-knopf{all:unset;cursor:pointer;color:#ff8a8a;font-weight:600;text-decoration:underline;text-underline-offset:3px;line-height:1.3}
.kalk-fehler-knopf:hover,.kalk-fehler-knopf:focus-visible{color:#fff}
.wu-tabelle input.wu-fehler{border-color:#e05252!important;box-shadow:0 0 0 2px rgba(224,82,82,.4)}
/* Vorschau trotz fehlerhafter Wand (Tom 10.10.2026, IMG_8452): Hinweis, welche Wände fehlen */
.v-ausgelassen{max-width:900px;margin:0 auto 12px;padding:10px 14px;border:2px solid #e05252;border-radius:8px;background:rgba(224,82,82,.12);
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:#ffd0d0}
.v-ausgelassen__wand{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.v-ausgelassen[hidden]{display:none}

/* Meldungen „Aktuelles bei CETRAC“ (Über uns, Tom 14.10.2026) */
.meldungen{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0 8px}
.meldung{background:var(--card);border-radius:var(--radius);border-top:3px solid var(--orange);padding:18px 20px;display:flex;flex-direction:column}
.meldung h3{margin:4px 0 8px;font-size:1.05rem}
.meldung p{margin:0 0 12px;flex:1}
.meldung__datum{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.meldung a{font-weight:700}
.stil-hell .meldung{border:1px solid var(--line);border-top:3px solid var(--orange)}
@media (max-width:760px){.meldungen{grid-template-columns:1fr}}

/* Navigationsleiste unten auf dem Handy wie bei den Regionauts (Tom 16.10.2026): schwebende Leiste mit den wichtigsten Zielen.
   --tabbar-h hebt alles, was unten klebt (Cookie-Hinweis, Reel-Knopf, Kalkulator-/Teile-Leiste, Tausch-Knopf, Meldung), darüber. */
:root{--tabbar-h:0px}
.tabbar{display:none}
@media (max-width:900px){
  :root{--tabbar-h:calc(78px + env(safe-area-inset-bottom))}
  body{padding-bottom:var(--tabbar-h)}
  .tabbar{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:900;display:grid;grid-template-columns:repeat(5,1fr);
    height:62px;padding:0 4px;background:rgba(38,38,38,.97);backdrop-filter:blur(8px);border:1px solid #4a4a4a;border-radius:22px;
    box-shadow:0 10px 30px rgba(0,0,0,.45)}
  .tabbar__a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;gap:2px;min-width:0;
    color:#d6d6d6;font-size:.7rem;font-weight:600;line-height:1.05;text-decoration:none;border-radius:16px}
  .tabbar__a span:last-child{max-width:100%;padding:0 2px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}  /* lange Übersetzungen (z. B. „New scaffolding“) zweizeilig */
  .tabbar__a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tabbar__a:hover,.tabbar__a[aria-current="page"]{color:var(--orange)}
  .tabbar__a:active{background:rgba(255,255,255,.06)}
  .tabbar__badge{position:absolute;top:5px;left:calc(50% + 6px);right:auto}
  .tabbar__badge[hidden]{display:none}
  .stil-hell .tabbar{background:rgba(255,255,255,.97);border-color:#e3e3e3;box-shadow:0 10px 30px rgba(0,0,0,.14)}
  .stil-hell .tabbar__a{color:#444}
  .stil-hell .tabbar__a:hover,.stil-hell .tabbar__a[aria-current="page"]{color:var(--orange-d)}
  .header__tools .iconbtn--korb{display:none}
  .consent{bottom:calc(var(--tabbar-h) + 8px)}
  .reel-fab{bottom:calc(var(--tabbar-h) + 12px)}
  .toast{bottom:calc(var(--tabbar-h) + 12px)}
  .tausch-sticky{bottom:calc(var(--tabbar-h) + 4px)}
  .kalk-aktion,.tb-leiste{bottom:var(--tabbar-h)}
}
@media print{.tabbar{display:none!important}}

/* ===== Suchvorschläge unter den Suchfeldern (Tom 16.10.2026, static/js/suchvorschlag.js) ===== */
.sv{position:fixed;z-index:1200;background:var(--card);color:var(--text);border:1px solid var(--line);border-top:3px solid var(--orange);
  border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.35);overflow:auto;overscroll-behavior:contain;padding:6px 0}
.sv[hidden]{display:none}
.sv-hinweis{margin:0;padding:6px 14px;font-size:.85rem;color:var(--muted);line-height:1.4}
.sv-hinweis b{color:var(--text);font-weight:600}
.sv a.sv-zeile{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:7px 14px;color:var(--text);text-decoration:none}
.sv a.sv-zeile:hover,.sv a.sv-zeile.aktiv{background:var(--card-2)}
.sv-zeile img,.sv-ohne{width:52px;height:42px;object-fit:cover;border-radius:6px;background:var(--bg-2);display:block}
.sv-text{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sv-titel{font-weight:600;font-size:.93rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sv-titel mark{background:none;color:var(--orange);font-weight:700}
.sv-text small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-preis{display:flex;flex-direction:column;align-items:flex-end;font-size:.88rem;white-space:nowrap;line-height:1.3}
.sv-preis span{color:var(--muted);font-size:.78rem}
.sv-lager{color:#5cb85c;font-size:.75rem}
.sv-kat{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 14px;border-top:1px solid var(--line);margin-top:4px}
.sv-kat>span{color:var(--muted);font-size:.78rem;margin-right:2px}
.sv-kat a{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.8rem;color:var(--text);text-decoration:none}
.sv-kat a:hover,.sv-kat a.aktiv{border-color:var(--orange);color:var(--orange)}
.sv-kat small{color:var(--muted)}
.sv a.sv-alle{display:block;padding:9px 14px;border-top:1px solid var(--line);font-weight:700;color:var(--orange);text-decoration:none;font-size:.9rem}
.sv a.sv-alle:hover,.sv a.sv-alle.aktiv{background:var(--card-2)}
.sv-leer{margin:0;padding:10px 14px;font-size:.9rem;color:var(--muted)}
.sv-leer a{color:var(--orange)}
.stil-hell .sv{box-shadow:0 14px 40px rgba(20,30,40,.18)}
.stil-hell .sv-lager{color:#2e7d32}
@media (max-width:560px){.sv a.sv-zeile{grid-template-columns:44px 1fr auto;gap:10px;padding:7px 10px}.sv-zeile img,.sv-ohne{width:44px;height:36px}.sv-titel{font-size:.88rem}}
@keyframes tb-blitz{0%,40%{box-shadow:inset 0 0 0 2px var(--orange);background:rgba(255,148,0,.14)}100%{box-shadow:inset 0 0 0 2px transparent}}
.tb-zeile.tb-blitz{animation:tb-blitz 2.2s ease-out}
.such-hinweis{color:var(--muted);font-size:.92rem;margin:0 0 16px}
.such-hinweis b{color:var(--text);font-weight:600}

/* ===== Reels: große Ansicht in der Verwaltung (Tom 16.10.2026) – löschen, ausblenden, ein Klick zurück ===== */
.rg{position:fixed;inset:0;z-index:1300;background:#0b0b0b;display:flex;flex-direction:column;color:#fff}
.rg-leiste{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}
.rg-zurueck{background:var(--orange);color:var(--ink);border:0;border-radius:99px;padding:9px 18px;font:700 .95rem/1.2 inherit;font-family:inherit;cursor:pointer}
.rg-zurueck:hover{background:var(--orange-d)}
.rg-info{flex:1;min-width:0;color:#bbb;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rg-knoepfe{display:flex;gap:8px}
.rg .rv-aktion--loeschen{background:#c62828}
.rg .rv-aktion--loeschen:hover{background:#e53935}
.rg .rv-aktion svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.rg-buehne{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:0 64px 16px}
.rg-buehne video,.rg-buehne img{max-width:100%;max-height:100%;border-radius:10px;background:#000}
.rg-pfeil{top:50%;transform:translateY(-50%)}
.rg-pfeil svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.4}
.rg-pfeil--l{left:12px}.rg-pfeil--r{right:12px}
@media (max-width:600px){.rg-buehne{padding:0 8px 12px}.rg-pfeil{top:auto;bottom:24px;transform:none}.rg-info{order:3;flex-basis:100%}}
a.rv-aktion{text-decoration:none;color:#fff}