/* geruest.ch – Seitenkleid über cetrac.css (helle Fassung) + geruest.css (Seitenbausteine wie geruest.com).
   Tom 22.10.2026: „dass Rot und Weiss dominieren, der Schweizer sich willkommen und zu Hause fühlt, aber keine komplett rote Seite“.
   Deshalb: Inhalte auf Weiss, Rot (Pantone 485 C) als Rahmen – Leiste oben, Begrüssung mit Bergsilhouette, Ansprechpartner, Fuss –
   und als Akzent (Knöpfe, Links, Unterstriche, quadratische Marken wie das Fahnenquadrat). Auf Rot steht immer Weiss.
   Schweizerkreuz nur als Animation hinter dem Kopf-Logo (siehe unten, anwaltlich prüfen). */

body.ch{--ch-rot:#DA291C;--ch-rot-d:#B81F14;--ch-rot-dd:#9E1B12;--ch-hauch:#FBF5F4;
  --orange:#DA291C;--orange-d:#B81F14;--orange-l:#F0A49D;--orange-text:#B81F14;
  --bg-2:#FBF5F4;--card-2:#FCF8F7}     /* Grautöne der hellen cetrac-Fassung als warmer Hauch von Rot */
body.ch .btn{color:#fff}
body.ch .btn--ghost{color:var(--ch-rot-d);background:transparent;border-color:var(--ch-rot)}
body.ch .btn--ghost:hover{background:var(--ch-rot);border-color:var(--ch-rot);color:#fff}
body.ch .g-korb__zahl,body.ch .chip--orange,body.ch .pager .aktiv{color:#fff}
body.ch .g-zustand a[aria-current]{background:var(--ch-hauch)}
body.ch .seg input:checked+label,body.ch .modus input:checked+label{background:var(--ch-hauch)}
body.ch ::selection{background:#F6C9C5}
body.ch .card--hover:hover,body.ch .g-rat-karte:hover{border-color:var(--ch-rot)}
/* Quadratische Marke vor Kleinüberschriften – das Quadrat der Schweizer Fahne, ohne Kreuz */
body.ch .eyebrow{display:inline-flex;align-items:flex-start;gap:8px;color:var(--ch-rot-d)}
/* Marke auf Höhe der ersten Zeile, auch wenn die Kleinüberschrift umbricht (23.10.2026, längerer Zulassungshinweis) */
body.ch .eyebrow::before{content:"";width:9px;height:9px;background:currentColor;flex:none;margin-top:calc((1lh - 9px)/2)}

/* Kopf, Leiste, Menü und Fuss – Grundaufbau wie geruest.com bis 22.10.2026 (dort seit b4e9988 durch die cetrac.com-Navigation
   ersetzt); hier als eigene Kopie, damit geruest.ch nicht von Umbauten an geruest.css abhängt */
.g-skip{position:absolute;clip-path:inset(50%);white-space:nowrap}
.g-skip:focus{clip-path:none;z-index:60;background:#fff;color:#000;padding:8px 12px}

/* Anthrazit-Leiste oben – das dunkle Band von cetrac.com, nur schmal */
.g-leiste{background:#2b2b2b;color:#d6d6d6;font-size:.8rem}
.g-leiste__in{display:flex;justify-content:space-between;gap:12px;padding-block:6px}
.g-leiste a{color:#fff;font-weight:700;white-space:nowrap}
.g-leiste a:hover{color:var(--orange)}
@media (max-width:640px){.g-leiste__in span{display:none}.g-leiste__in{justify-content:flex-end}}

/* Kopf: Aufbau wie cetrac.com (Logo links, Menü fett, Werkzeuge rechts), aber hell */
.g-kopf{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(20,30,40,.05)}
.g-logo{display:flex;align-items:center;color:var(--ink);flex:none}
.g-logo__marke{height:34px;width:auto;display:block}
.g-korb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--ink)}
.g-korb:hover,.g-korb[aria-current]{background:var(--bg-2);color:var(--orange-text)}
.g-korb__zahl{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--orange);
  color:var(--ink);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}

/* Fuß dunkel wie cetrac.com */
.g-fuss{background:#2b2b2b;color:#e6e6e6;margin-top:40px}
.g-fuss__in{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:24px;padding-block:44px}
.g-fuss__logo{display:block;color:#fff}.g-fuss__logo .g-logo__marke{height:26px}
.g-fuss__titel{font-weight:700;color:var(--orange)}
.g-fuss ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-size:.92rem}
.g-fuss p{font-size:.92rem;opacity:.85;margin:12px 0 0}
.g-fuss a{color:#e6e6e6}
.g-fuss a:hover{color:var(--orange)}
.g-fuss__mundart{border-top:1px solid rgba(255,255,255,.12);padding-block:16px 28px}.g-fuss__mundart p{margin:0;font-size:.85rem}.g-fuss__mundart a{text-decoration:underline}
@media (max-width:960px){.g-fuss__in{grid-template-columns:repeat(2,minmax(0,1fr))}.g-fuss__in>div:first-child{grid-column:1/-1}}
@media (max-width:560px){.g-fuss__in{grid-template-columns:minmax(0,1fr)}}
@media print{.g-leiste,.g-kopf,.g-fuss{display:none}}

/* Leiste oben rot, Kopf weiss mit rotem Logo-Feld */
body.ch .g-leiste{background:var(--ch-rot);color:#fff}
body.ch .g-leiste a:hover{color:#fff;text-decoration:underline}
body.ch .g-kopf{border-bottom:1px solid var(--line)}

/* Logo: rotes Feld mit weisser Wortmarke; im roten Fuss umgekehrt (weisses Feld, rote Schrift) */
.ch-logo .ch-logo__marke{height:40px;width:auto;display:block}
.g-fuss__logo .ch-logo__marke{height:32px;width:auto}
.g-fuss .ch-logo__marke rect{fill:#fff}
.g-fuss .ch-logo__marke path{fill:var(--ch-rot)}
@media (max-width:480px){.ch-logo .ch-logo__marke{height:32px}}

/* Startseite: rote Begrüssung, unten Berge in Weiss, die in die weisse Seite übergehen */
.ch-start{position:relative;background:var(--ch-rot);color:#fff;border-bottom:0;margin-bottom:0;padding:46px 0 120px;overflow:hidden}
.ch-start::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:110px;pointer-events:none;
  background:no-repeat bottom/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 110' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' fill-opacity='.16' d='M0 110V70l90-22 80 16 90-44 70 30 80-16 90-34 60 30 80-14 80 30 80-34 80 26 80-34 70 30 80-10 80 28 80-26 80 32 90-16v58z'/%3E%3Cpath fill='%23fff' d='M0 110V96l120-20 90 14 110-26 100 22 120-16 110 24 120-22 110 18 120-22 120 20 120-14 100 18 100-12v36z'/%3E%3C/svg%3E")}
.ch-start .wrap{position:relative;z-index:1}
body.ch .ch-start h1,body.ch .ch-start .eyebrow{color:#fff}
.ch-start .g-lead{color:#fff;opacity:.95}
.ch-gruss{display:inline-block;margin:0 0 14px;padding:5px 14px;border-radius:20px;background:#fff;color:var(--ch-rot-d);font-weight:800;font-size:.95rem}
.ch-start .g-weg{background:#fff;border:0;box-shadow:0 10px 30px rgba(90,0,0,.22)}
.ch-start .g-weg strong{color:var(--ch-rot-d)}
.ch-start .g-weg--orange{background:#fff!important}
.ch-start .g-weg--orange span{color:var(--muted)}
/* Rechner: Verweis als roter Knopf statt nur als Textlink – hebt die Karte hervor, ohne eine dritte rote Fläche */
.ch-start .g-weg--orange em{align-self:flex-start;color:#fff;background:var(--ch-rot);padding:7px 14px;border-radius:6px;margin-top:auto}

/* Systemkacheln weiss mit feinem Rand statt Grau */
body.ch .g-system{background:#fff;border-color:var(--line)}
body.ch .g-system:hover{border-color:var(--ch-rot)}

@media (max-width:600px){.ch-start{padding-bottom:84px}.ch-start::after{height:64px}}

/* Ablauf „So kommt das Gerüst in die Schweiz“: zarter Grund, Nummern als rote Quadrate */
.ch-band{background:var(--ch-hauch);padding-bottom:40px!important;margin:20px 0 34px}
.ch-band .g-ablauf li{background:#fff}
body.ch .g-ablauf li::before,body.ch .g-schritte li::before{border-radius:3px;color:#fff;background:var(--ch-rot)}

/* Persönlicher Ansprechpartner: rote Karte, weisse Schrift */
.ch-person:not(.ch-person--hell){background:var(--ch-rot)!important;color:#fff;border:0!important}
.ch-person:not(.ch-person--hell) .muted,.ch-person:not(.ch-person--hell) span{color:#fff!important;opacity:.92}
.ch-person:not(.ch-person--hell) a{color:#fff!important;text-decoration:underline;text-underline-offset:2px}

/* Fuss rot */
body.ch .g-fuss{background:var(--ch-rot);color:#fff}
body.ch .g-fuss__titel{color:#fff}
body.ch .g-fuss a{color:#fff}
body.ch .g-fuss a:hover{color:#fff;text-decoration:underline}
body.ch .g-fuss p{opacity:.95}
html:has(body.ch){background:#DA291C}     /* kurze Seiten: unter dem roten Fuss kein Farbwechsel */
body.ch{background:#fff}

/* Sprachwahl */
.ch-sprachen{position:relative}
.ch-sprachen summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;
  padding:0 8px;border-radius:21px;font-weight:700;font-size:.85rem;color:var(--ink);border:1px solid var(--line)}
.ch-sprachen summary::-webkit-details-marker{display:none}
.ch-sprachen[open] summary,.ch-sprachen summary:hover{border-color:var(--orange);color:var(--orange-text)}
.ch-sprachen ul{position:absolute;right:0;top:48px;z-index:60;list-style:none;margin:0;padding:6px;min-width:170px;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(20,30,40,.12)}
.ch-sprachen a{display:block;padding:8px 12px;border-radius:6px;color:var(--ink);font-weight:600}
.ch-sprachen a:hover{background:var(--bg-2)}
.ch-sprachen a[aria-current]{color:var(--orange-text)}

/* Startseite */
.ch-band .g-ablauf{margin-top:14px}
.ch-kontakt-band{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center}
@media (max-width:760px){.ch-kontakt-band{grid-template-columns:minmax(0,1fr)}}
.ch-person{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-left:4px solid var(--orange)}
.ch-person strong{font-size:1.05rem}
.ch-person--gross strong{font-size:1.25rem}
.ch-faq{border-bottom:1px solid var(--line);padding:12px 0}
.ch-faq summary{cursor:pointer;font-weight:700}
.ch-faq p{margin:8px 0 0;color:var(--muted)}

/* Textseiten und Ratgeber: Text links, Kontaktkarte rechts – bündig oben */
.ch-text-raster{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
.ch-seite{display:grid;gap:16px;position:sticky;top:110px}
.ch-weitere{display:flex;flex-direction:column;gap:8px;padding:20px 22px}
.ch-weitere a{font-weight:600}
@media (max-width:900px){.ch-text-raster{grid-template-columns:minmax(0,1fr)}.ch-seite{position:static}}
.ch-prose h2{margin:18px 0 0}
.ch-prose ul,.ch-prose ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
.ch-zwei-text{margin-top:24px;align-items:stretch}
.ch-zwei-text .card{padding:20px 22px}
.ch-zwei-text h2{font-size:1.15rem;margin:0 0 8px}
.ch-form{max-width:760px}

/* Teile */
.ch-kats{margin:14px 0 6px}
.ch-kats small{color:var(--muted);font-weight:400}
.ch-kats a[aria-current]{border-color:var(--orange);color:var(--orange-text)}
.ch-teile .card{display:flex;flex-direction:column}
.ch-teile .card__body{display:flex;flex-direction:column;flex:1}
.ch-teile h3{font-size:1rem;margin:0 0 4px}
.ch-teile .pcard__foot{margin-top:auto}
.ch-teil-korb{display:flex;gap:6px;margin-top:10px}
.ch-teil-korb input{width:72px}
.ch-preis{white-space:nowrap}
.ch-rat-karten .g-rat-karte em{font-style:normal;font-weight:700;color:var(--orange-text);margin-top:auto;padding-top:6px}


/* Paketkarten: bündig über das Subgrid aus cetrac.css (.grid>.pkg) – hier nichts überschreiben */
.ch-paket-kontakt{display:flex;flex-direction:column;gap:8px;align-self:start}
.ch-paket-kontakt p{margin:0}

/* Schweizerkreuz hinter dem Logo (Tom 22.10.2026: „hinter dem geruest.ch-Logo immer mal das Schweizer Kreuz aus der Fahne schemenhaft
   aufblitzen oder von rechts nach links durchlaufen … cool und edel“; ersetzt das Schnee-Glitzern – jahreszeitabhängig).
   Ein Durchgang alle 14 s: das Kreuz zieht weich gezeichnet (SVG-Unschärfe) von rechts nach links hinter der Schrift durch, später blitzt
   es einmal mittig auf, die Schrift leuchtet dabei kurz mit. Bewegung über transform in SVG-Einheiten (Feld −250…5194 breit).
   ANWALTLICH PRÜFEN vor Livegang (Wappenschutzgesetz). „Bewegung reduzieren“: kein Kreuz. */
.ch-kreuz{opacity:0;transform-box:fill-box;transform-origin:center;transform:translateX(5800px);animation:ch-kreuz 14s ease-in-out 2s infinite}
@keyframes ch-kreuz{
  0%,4%{transform:translateX(5800px) scale(1);opacity:0}
  11%{transform:translateX(4140px) scale(1);opacity:.26}
  25%{transform:translateX(815px) scale(1);opacity:.26}
  32%{transform:translateX(-850px) scale(1);opacity:0}
  33%,56%{transform:translateX(2472px) scale(.78);opacity:0}
  60%{transform:translateX(2472px) scale(1);opacity:.42}
  68%{transform:translateX(2472px) scale(1.1);opacity:0}
  69%,100%{transform:translateX(5800px) scale(1);opacity:0}}
.ch-logo .ch-logo__marke{animation:ch-logo-leuchten 14s ease-in-out 2s infinite}
@keyframes ch-logo-leuchten{0%,56%,68%,100%{filter:drop-shadow(0 0 0 rgba(218,41,28,0))}
  60%{filter:drop-shadow(0 0 7px rgba(218,41,28,.45))}}
.ch-logo:hover .ch-kreuz{animation-duration:7s}
@media (prefers-reduced-motion:reduce){.ch-kreuz{display:none}.ch-logo .ch-logo__marke{animation:none}}
body.ch .g-system.aktiv{background:var(--ch-rot);border-color:var(--ch-rot)}
body.ch .g-system.aktiv,body.ch .g-system.aktiv span{color:#fff!important}   /* geruest.css setzt dort dunkle Schrift auf Akzentfarbe */

/* Kopf wie cetrac.com und geruest.com (Tom 22.10.2026: „oben das Logo, darunter die Leiste mit der Navigation, alles schön auszentriert“):
   Zeile 1 Logo links, Werkzeuge rechts in einer Kapsel; Zeile 2 Navigation über die volle Inhaltsbreite, Punkte gleichmässig verteilt
   (space-between), bündig mit Logo links und Kapsel rechts. Lange Sprachen (fr/it) mit etwas kleinerer Schrift. */
.ch-kopf__oben{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}
.ch-werkzeuge{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.ch-werkzeug,.ch-werkzeuge .g-korb{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--ink)}
.ch-werkzeug:hover,.ch-werkzeuge .g-korb:hover{background:var(--ch-hauch);color:var(--ch-rot-d)}
.ch-werkzeuge .ch-sprachen summary{border:0;min-width:40px;height:40px}
.ch-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.ch-nav::-webkit-scrollbar{display:none}
.ch-nav a{position:relative;display:block;padding:15px 0 17px;color:var(--ink);font-weight:700;font-size:1rem;white-space:nowrap}
.ch-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--ch-rot);transform:scaleX(0);transition:transform .2s ease}
.ch-nav a:hover{color:var(--ch-rot-d)}
.ch-nav a:hover::after,.ch-nav a[aria-current]::after{transform:scaleX(1)}
html[lang^="fr"] .ch-nav a,html[lang^="it"] .ch-nav a{font-size:.92rem}
@media (max-width:1100px){.ch-nav a{font-size:.9rem}}
/* fr/it mit Grossposten = 9 Punkte: bis 1240 px enger, damit die Leiste ohne Scrollen auf eine Zeile passt */
@media (max-width:1240px){html[lang^="fr"] .ch-nav,html[lang^="it"] .ch-nav{gap:12px}html[lang^="fr"] .ch-nav a,html[lang^="it"] .ch-nav a{font-size:.82rem}}
@media (max-width:1100px){.ch-nav{gap:14px}}
@media (max-width:900px){.ch-nav{justify-content:flex-start;gap:22px}.ch-kopf__oben{min-height:68px}}
@media (max-width:480px){.ch-werkzeug,.ch-werkzeuge .g-korb{width:36px;min-width:36px;height:36px}.ch-werkzeuge .ch-sprachen summary{min-width:36px;height:36px;padding:0 8px}}/* „Mundart“ ist breiter als ein Kreis */

/* Grossposten (Tom 22.10.2026): Marke im Schweizer Rot auf Karte und Paketseite */
body.ch .chip.ch-chip-posten{background:var(--ch-rot);border-color:var(--ch-rot);color:#fff}
.kpis.ch-kpis-posten{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
/* Neue bzw. gebrauchte Teile unter den Paketlisten (Tom 22.10.2026, wie cetrac.com/de/neugeruest/#teile) */
.ch-teile-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ch-teile-kopf h2{margin:0 0 6px}.ch-teile-kopf p{margin:0;max-width:760px}
body.ch .nt-teil__n strong{color:var(--ch-rot)}
body.ch .nt-teil h3 a:hover{color:var(--ch-rot-d)}
.ch-teile-sprung{margin:-4px 0 18px}
body.ch #teile{scroll-margin-top:150px}

/* Occasion- und Neu-Seite wie cetrac.com/de/gebrauchte-gerueste/ und /de/neugeruest/ (Tom 22.10.2026): Kopf mit Bild, drei Wege */
.ch-hero{position:relative;background:#1f1f1f var(--ch-hero-bild) center/cover no-repeat;color:#fff;padding:70px 0 64px}
.ch-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.86) 0%,rgba(20,20,20,.62) 55%,rgba(20,20,20,.25) 100%)}
.ch-hero .wrap{position:relative}
.ch-hero__box{max-width:780px}
body.ch .ch-hero .eyebrow{color:#fff}
body.ch .ch-hero .eyebrow::before{background:var(--ch-rot)}
.ch-hero h1{color:#fff;margin:10px 0 14px}
.ch-hero .g-lead{color:rgba(255,255,255,.92)}
.ch-hero .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ch-hero .btn--hell{background:transparent;color:#fff;border:2px solid #fff}
.ch-hero .btn--hell:hover{background:#fff;color:var(--ch-rot-d)}
#pakete{scroll-margin-top:150px}
.ch-kat-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.ch-kat-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ch-kat-kacheln a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink)}
.ch-kat-kacheln a:hover{border-color:var(--ch-rot)}
.ch-kat-kacheln span{grid-column:1;color:var(--muted);font-size:.88rem}
.ch-kat-kacheln i{grid-row:1/3;grid-column:2;font-style:normal;color:var(--ch-rot);font-size:1.4rem}
@media (max-width:600px){.ch-hero{padding:46px 0 40px}.ch-hero .btns .btn{flex:1 1 100%;justify-content:center}}
/* Von einer Zustandsseite aus nur dieser Zustand in Teilebestellung und Rechner */
body.ch[data-ch-zustand="gebraucht"] label[for="tb-neu"],body.ch[data-ch-zustand="gebraucht"] label[for="modus-neu"],
body.ch[data-ch-zustand="neu"] label[for="tb-gebraucht"],body.ch[data-ch-zustand="neu"] label[for="modus-gebraucht"]{display:none}
/* nur eine Karte: sie füllt die Fläche */
@media (min-width:1001px){body.ch[data-ch-zustand] .tb-start{grid-template-columns:1.2fr 2fr}}
@media (max-width:1000px){body.ch[data-ch-zustand] .tb-start__weg{grid-column:1/-1}}
body.ch[data-ch-zustand] .modus{grid-template-columns:1fr}
/* Handy: lange Wörter („Datenschutzerklärung“) trennen statt seitlich überstehen; versteckte Labels bleiben in der Tabelle (Hinweis td-3b) */
body.ch h1,body.ch h2{hyphens:auto;overflow-wrap:break-word}
body.ch .tablewrap{position:relative}
/* Datenschutz/AGB: lange Adressen (policies.google.com/…) dürfen umbrechen – sonst zieht das Raster der .g-prose die Spalte breit */
body.ch .g-recht>*{min-width:0}
body.ch .g-recht{overflow-wrap:anywhere}

/* Handy wie cetrac.com (Tom 22.10.2026, Bildschirmfoto 13.12.48): Kopf nur Logo + Sprache · Telefon · Menü, Navigation im Menüblatt,
   unten die schwebende weisse Leiste (.tabbar aus cetrac.css, hell) – Anfrage mit grünem Zähler, sobald etwas im Korb liegt */
.ch-menue{display:none;position:static}
.ch-menue summary{list-style:none;cursor:pointer}
.ch-menue summary::-webkit-details-marker{display:none}
.ch-menue__blatt{position:absolute;left:12px;right:12px;top:calc(100% + 6px);z-index:950;display:grid;padding:8px;background:#fff;border:1px solid var(--line);
  border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.ch-menue__blatt a{padding:12px 14px;border-radius:10px;color:var(--ink);font-weight:700}
.ch-menue__blatt a:hover{background:var(--ch-hauch);color:var(--ch-rot-d)}
@media (max-width:900px){
  .g-kopf .ch-nav{display:none}
  .ch-menue{display:block}
  .ch-werkzeuge .g-korb{display:none}                 /* Anfrage sitzt in der Leiste unten */
  .ch-menue[open] summary{background:var(--ch-hauch);color:var(--ch-rot-d)}
  body.ch .tabbar{background:#fff;border-color:#e6e6e6;box-shadow:0 10px 30px rgba(0,0,0,.14)}
  body.ch .tabbar__a{color:#444}
  body.ch .tabbar__a:hover,body.ch .tabbar__a[aria-current="page"]{color:var(--ch-rot)}
  body.ch .tabbar__a.korb-gefuellt{color:var(--gruen,#3aa335)!important}
}
@media (max-width:600px){body.ch .g-filter label{flex:1 1 100%}body.ch .g-filter .btn{width:100%;justify-content:center}}   /* Filter einspaltig wie der cetrac-Paketfinder */