/* Ergänzungen für die Vorschau 2027 – Tokens aus style.css */
.site-nav a.sprache{display:inline-flex;line-height:0;border-radius:4px;
  box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.15);overflow:hidden;transition:transform .15s ease}
.site-nav a.sprache:hover,.site-nav a.sprache:focus-visible{transform:scale(1.08)}
.site-nav a.sprache .flagge{display:block}
.haendler-person{margin:var(--space-5,32px) 0;align-items:center}
.haendler-person h2{margin-top:0}
.haendler-person .person-image{max-width:300px;width:100%;justify-self:center}
.footer-link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;opacity:.85}
.footer-link-btn:hover{opacity:1;text-decoration:underline}
.rg-schmal{max-width:760px}
.rg-artikel{line-height:1.75;font-size:17px}
.rg-artikel h1{font-size:clamp(28px,4vw,38px);line-height:1.25;margin:4px 0 20px}
.rg-artikel h2{margin-top:40px;font-size:24px}
.rg-artikel li{margin:6px 0}
.rg-artikel hr{border:0;border-top:1px solid var(--color-border,#DEE2E6);margin:40px 0 16px}
.rg-tabelle{overflow-x:auto;margin:16px 0}
.rg-tabelle table{border-collapse:collapse;width:100%;font-size:15px}
.rg-tabelle th,.rg-tabelle td{border:1px solid var(--color-border,#DEE2E6);padding:8px 12px;text-align:left;vertical-align:top}
.rg-tabelle th{background:var(--color-bg-alt,#F4F7FB)}
.rg-datum{color:var(--color-muted,#6C757D);font-size:14px;margin:0}
.rg-bild{margin:0 0 28px}
.rg-bild img{width:100%;height:auto;border-radius:var(--radius-lg,12px);display:block}
.rg-bild figcaption,.rg-karte figcaption{font-size:13px;color:var(--color-muted,#6C757D);margin-top:6px}
.rg-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px}
.rg-karte{background:#fff;border:1px solid var(--color-border,#DEE2E6);border-radius:var(--radius-lg,12px);overflow:hidden;display:flex;flex-direction:column}
.rg-karte img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.rg-karte .rg-karte-text{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.rg-karte h2{font-size:20px;margin:0;line-height:1.3}
.rg-karte h2 a{color:inherit}
.rg-karte p{margin:0}
.rg-karte .card-cta{margin-top:auto}
.sprach-hinweis{background:var(--color-bg-alt,#F4F7FB);border-left:4px solid var(--color-primary,#2B8FE0);
  padding:12px 16px;border-radius:6px;font-size:15px;margin:16px 0 24px}
.preview-bar{background:var(--color-warning,#FFBE00);color:#1A1D24;text-align:center;
  font-size:14px;font-weight:600;padding:6px 16px}
.group-title{font-size:22px;margin:var(--space-6,48px) 0 var(--space-3,16px);color:var(--color-primary-dark,#1F6FB8)}
.group-title:first-of-type{margin-top:var(--space-4,24px)}
.option-note{margin:var(--space-2,8px) 0 0;font-size:14px;color:var(--color-muted,#6C757D)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6,48px)}
.two-col h3{margin-top:0}
.list-warn{list-style:none;padding:0;margin:0}
.list-warn li{position:relative;padding-left:28px;margin-bottom:10px}
.list-warn li::before{content:"!";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;
  background:var(--color-secondary,#CC3333);color:#fff;font-size:12px;font-weight:700;line-height:18px;text-align:center}
.two-col .highlights,.sanitized-block .highlights{list-style:none;padding:0;margin:0}
.two-col .highlights li,.sanitized-block .highlights li{position:relative;padding-left:28px;margin-bottom:10px}
.two-col .highlights li::before,.sanitized-block .highlights li::before{content:"";position:absolute;left:0;top:6px;
  width:14px;height:14px;border-radius:50%;background:var(--color-primary,#3399FF);box-shadow:0 0 0 3px rgba(51,153,255,.18)}
.product-card .card-meta{gap:8px;flex-wrap:wrap}
.footer-products{columns:2;column-gap:24px}
.konf-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4,24px)}
.konf-card{border:1px solid var(--color-border,#E1E5EB);border-radius:12px;padding:var(--space-4,24px);display:flex;flex-direction:column}
.konf-card h2{font-size:20px;margin:0 0 var(--space-2,8px)}
.konf-meta{font-size:14px;color:var(--color-muted,#6C757D);margin:0 0 var(--space-3,16px)}
.konf-modelle{columns:2;column-gap:24px;padding-left:18px;margin:0 0 var(--space-4,24px);font-size:15px;flex:1}
.konf-card .btn{align-self:flex-start}
.konf-h1{overflow-wrap:break-word}
.messe{background:linear-gradient(135deg,#EAF4FF 0%,#FFFFFF 60%)}
.messe-box{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-6,48px);align-items:center}
.messe-foto{margin:0}
.messe-foto img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-md,0 8px 24px rgba(0,0,0,.12))}
.messe-foto figcaption{font-size:13px;color:var(--color-muted,#6C757D);margin-top:8px}
.messe-text{position:relative}
.messe-logo{position:absolute;top:0;right:0;width:96px;height:96px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.messe-text h2{margin:12px 0 12px;padding-right:110px}
.messe-fakten{list-style:none;padding:0;margin:0 0 var(--space-4,24px);display:flex;flex-wrap:wrap;gap:8px}
.messe-fakten li{background:#fff;border:1px solid var(--color-border,#E1E5EB);border-radius:999px;padding:6px 14px;font-size:15px}
.messe-fakten li strong{color:var(--color-secondary,#CC3333)}
@media (max-width:860px){.messe-box{grid-template-columns:1fr;gap:var(--space-4,24px)}.messe-text{order:-1}
  .messe-logo{width:72px;height:72px}.messe-text h2{padding-right:84px}}
.bestell-bald{background:var(--color-bg-alt,#F1F3F6);color:var(--color-muted,#6C757D);border:1px dashed var(--color-border,#C9CFD8);cursor:default}
.bestell-bald:hover{transform:none;box-shadow:none}
.sani-video{margin:var(--space-3,16px) 0 var(--space-5,32px)}
.sani-video video{display:block;width:100%;height:auto;border-radius:12px;background:#000;border:1px solid var(--color-border,#E1E5EB)}
.sani-video figcaption{font-size:14px;color:var(--color-muted,#6C757D);margin-top:8px}
.ausz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4,24px)}
.ausz-card{border:1px solid var(--color-border,#E1E5EB);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.ausz-bild{display:flex;align-items:center;justify-content:center;height:260px;padding:16px;background:var(--color-bg-alt,#F7F8FA);cursor:zoom-in}
.ausz-bild img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s}
.ausz-bild:hover img{transform:scale(1.04)}
.ausz-text{padding:var(--space-3,16px) var(--space-4,24px) var(--space-4,24px)}
.ausz-jahr{display:inline-block;font-size:13px;font-weight:700;color:var(--color-primary-dark,#1F6FB8);background:rgba(51,153,255,.12);
  border-radius:999px;padding:2px 10px;margin-bottom:8px}
.ausz-text h2{font-size:18px;margin:0 0 8px}
.ausz-text p{font-size:15px;margin:0;color:var(--color-text,#1A1D24)}
.ausz-dialog{border:0;border-radius:12px;padding:48px 16px 16px;max-width:min(92vw,900px);max-height:92vh;text-align:center}
.ausz-dialog::backdrop{background:rgba(0,0,0,.75)}
.ausz-dialog img{max-width:100%;max-height:calc(92vh - 120px);width:auto;height:auto}
.ausz-dialog p{margin:8px 0 0;font-weight:600}
.ausz-zu{position:absolute;top:6px;right:10px;border:0;background:none;font-size:32px;line-height:1;cursor:pointer;color:#1A1D24}
.video-consent{position:relative;max-width:880px;margin:0 auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#1A1D24}
.video-consent img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7)}
.video-consent-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 48px));
  display:flex;flex-direction:column;align-items:center;gap:var(--space-3,16px);padding:var(--space-4,24px);
  text-align:center;color:#fff;background:rgba(26,29,36,.88);border-radius:12px}
.video-consent-box p{margin:0;font-size:14px;line-height:1.5;color:#fff}
.video-consent-box a{color:#fff;text-decoration:underline}
.video-consent iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:560px){.video-consent{aspect-ratio:auto}.video-consent img{aspect-ratio:16/9;height:auto;filter:none}
  .video-consent-box{position:static;transform:none;width:auto;border-radius:0;background:#1A1D24;padding:var(--space-3,16px)}
  .video-consent.aktiv{aspect-ratio:16/9}}
.galerie{min-width:0}
.galerie-haupt{position:relative;background:#fff;border-radius:var(--radius-lg,16px);border:1px solid var(--color-border,#E1E5EB);
  overflow:hidden;aspect-ratio:1/1}
.galerie-haupt img{display:block;width:100%;height:100%;object-fit:contain}
.galerie-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}
.galerie-pfeil{width:40px;height:40px;border-radius:50%;
  border:1px solid var(--color-border,#E1E5EB);background:rgba(255,255,255,.92);color:var(--color-text,#1A1D24);
  font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 4px;
  box-shadow:0 2px 8px rgba(0,0,0,.08)}
.galerie-pfeil:hover{background:var(--color-primary,#3399FF);color:#fff;border-color:var(--color-primary,#3399FF)}
.galerie-zaehler{min-width:56px;text-align:center;font-size:14px;color:var(--color-muted,#6C757D)}
.galerie-leiste{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:12px}
.galerie-thumb{padding:0;border:2px solid var(--color-border,#E1E5EB);border-radius:10px;background:#fff;cursor:pointer;
  overflow:hidden;aspect-ratio:1/1}
.galerie-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.galerie-thumb:hover{border-color:var(--color-primary,#3399FF)}
.galerie-thumb.aktiv{border-color:var(--color-primary-dark,#1F6FB8);box-shadow:0 0 0 2px rgba(51,153,255,.25)}
.galerie-quelle{font-size:13px;color:var(--color-muted,#6C757D);margin:8px 0 0}
/* Produktkarte: beim Überfahren die Eigenschaften-Grafik zeigen */
.product-card .card-img.mit-hover>img{grid-area:1/1;transition:opacity .25s ease}
.product-card .card-img-hover{opacity:0}
@media (hover:hover){
  .product-card:hover .card-img.mit-hover>img:first-child,.card-img.mit-hover:focus-visible>img:first-child{opacity:0}
  .product-card:hover .card-img-hover,.card-img.mit-hover:focus-visible .card-img-hover{opacity:1}}
button.chip-farbe{font:inherit;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}
button.chip-farbe:hover{border-color:var(--color-primary,#3399FF)}
button.chip-farbe[aria-pressed="true"]{background:var(--color-primary-dark,#1F6FB8);border-color:var(--color-primary-dark,#1F6FB8);color:#fff}
@media (max-width:560px){.galerie-leiste{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}
@media (max-width:760px){.konf-grid{grid-template-columns:1fr}.konf-modelle{columns:1}.konf-h1{font-size:32px}}
@media (max-width:760px){.two-col{grid-template-columns:1fr;gap:var(--space-4,24px)}.footer-products{columns:1}}