/* echafaudage-coffrage.com – Ergänzungen zu cetrac.css (Design von cetrac.com, dunkel; hell über body.stil-hell) */

/* Wortmarke in Estate Bold: „echafaudage“ orange, Rest folgt der Textfarbe */
.ec-logo{flex:none;display:flex;flex-direction:column;gap:4px;color:#fff;text-decoration:none;min-width:0}
.ec-logo .logo__marke{height:26px;width:auto;display:block}
.ec-logo__zeile{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);white-space:nowrap}
.ec-logo:hover{color:#fff}.ec-logo:hover .ec-logo__zeile{color:var(--orange)}
@media (min-width:901px){.ec-logo{order:1;min-height:86px;justify-content:center}.ec-logo .logo__marke{height:30px}}
@media (max-width:480px){.ec-logo .logo__marke{height:17px}.ec-logo__zeile{display:none}}
.ec-logo--fuss{margin-bottom:14px}.ec-logo--fuss .logo__marke{height:20px}
/* Kopf, Fuß und Menüs bleiben in beiden Modi dunkel – wie auf cetrac.com */

/* Seitenkopf der Rubriken */
.ec-kopfbereich{padding-bottom:24px}
.ec-kopfbereich h1{margin-bottom:.4em}
.ec-intro{max-width:900px;color:var(--text)}
.ec-intro p{margin-bottom:.7em}
.ec-lead{font-size:1.1rem;color:var(--muted);max-width:820px}
.ec-kurzinfo{color:var(--muted);font-size:.95rem}
.ec-kurzinfo strong{color:var(--text)}
.ec-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip.ec-chiplink{background:transparent;border:1px solid var(--line);color:var(--text);font-weight:600;padding:6px 12px}
.chip.ec-chiplink:hover{border-color:var(--orange);color:var(--orange)}
.stil-hell main a.chip.ec-chiplink{color:var(--text)}
.stil-hell main a.chip.ec-chiplink:hover{color:var(--orange-text)}

/* Werkzeugleiste Filter/Sortierung */
.ec-werkzeug{position:sticky;top:0;z-index:5}
.ec-werkzeug__wahl{display:flex;gap:10px;flex-wrap:wrap}
.ec-werkzeug select{min-width:200px}
@media (max-width:640px){.ec-werkzeug__wahl{width:100%}.ec-werkzeug select{flex:1;min-width:0}}

/* Angebotskarten – Zeilen bündig: Titel immer 2 Zeilen hoch, Meta 1 Zeile, Preis unten */
.ec-raster{align-items:stretch}
.ec-karte .card__img{aspect-ratio:4/3;object-fit:cover;background:#1f1f1f}
.ec-karte .card__body{gap:10px}
.ec-karte .pkg__meta{min-height:24px;flex-wrap:nowrap;overflow:hidden}
.ec-karte .pkg__meta .chip{white-space:nowrap}
.ec-karte h3{font-size:1rem;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ec-karte h3 a{color:inherit}
.stil-hell .ec-karte h3,.stil-hell main .ec-karte h3 a{color:var(--text)}
.ec-karte__meta{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ec-karte .price{white-space:nowrap;font-size:1.2rem}
.ec-mehr{color:var(--orange);font-weight:700;font-size:.88rem;white-space:nowrap}
.stil-hell .ec-mehr{color:var(--orange-text)}
.ec-karte[hidden]{display:none}

/* Angebotsseite */
.ec-h1-angebot{font-size:clamp(1.45rem,2.6vw,2rem);margin:12px 0 16px}
.ec-galerie{margin:0;background:#1f1f1f;border-radius:var(--radius);overflow:hidden}
.ec-galerie img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#1f1f1f}
.stil-hell .ec-galerie,.stil-hell .ec-galerie img{background:#f3f4f6}
.ec-galerie figcaption{padding:8px 12px}
.ec-preisbox{margin-bottom:16px}
.ec-preisbox .price{margin-bottom:10px}
.ec-m2{display:block;color:var(--muted);font-size:.9rem;margin:-4px 0 14px}
.ec-kv{margin-bottom:16px}
.ec-vorteile{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ec-vorteile li{display:flex;gap:10px;align-items:center;font-size:.92rem}
.ec-vorteile svg{width:22px;height:22px;flex:none;color:var(--orange)}
.ec-detail{margin-top:34px}
.ec-detail table{max-width:760px}
.ec-optionen{columns:2;column-gap:30px}
@media (max-width:640px){.ec-optionen{columns:1}}
.thumbs button[aria-current]{border-color:var(--orange)}

/* Startseite */
.ec-titelzeile{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ec-kacheln .tile img{aspect-ratio:16/10}
.ec-marken{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
@media (max-width:1000px){.ec-marken{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){.ec-marken{grid-template-columns:repeat(2,1fr)}}
.ec-marke{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);color:var(--text)}
.ec-marke strong{font-size:1.05rem}.ec-marke span{color:var(--muted);font-size:.85rem}
.ec-marke:hover{border-color:var(--orange)}
.stil-hell main a.ec-marke{color:var(--text)}
.ec-neuf-band{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:30px;border-top:4px solid var(--orange)}
.ec-neuf-band img{border-radius:var(--radius);width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:900px){.ec-neuf-band{grid-template-columns:1fr}}
.ec-alttext{color:var(--muted)}
.ec-alttext h2,.ec-alttext h3{color:var(--text)}
.ec-alttext strong{color:var(--text);font-weight:600}

/* Neuf, Échange */
.ec-systeme .card__body h2{margin:.3em 0 0}
.ec-systeme .chip{align-self:flex-start}
.ec-liste-check{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:6px;font-size:.92rem}
.ec-liste-check li::before{content:"✓";color:var(--orange);font-weight:700;margin-right:8px}
.ec-punkte .panel h3{font-size:1rem}
.ec-tausch td:first-child{font-weight:600}
.ec-kontingent{border-left:4px solid var(--orange)}
.steps h3{font-size:1rem;margin-top:8px}

/* Guide */
.ec-artikel{max-width:860px}
.ec-artikel h2{font-size:1.35rem}
.ec-weiter{margin-top:30px}.ec-weiter ul{margin:8px 0 0}

/* Kontakt */
.ec-kontakt{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.ec-kontakt__info{display:grid;gap:16px}
@media (max-width:900px){.ec-kontakt{grid-template-columns:1fr}}
textarea{resize:vertical}
input:invalid[data-geprueft],textarea:invalid[data-geprueft]{border-color:var(--rot)}

/* Suche */
.ec-suche{display:flex;gap:10px;margin:10px 0 12px;flex-wrap:wrap}
.ec-suche input{flex:1 1 320px}.ec-suche select{width:auto;flex:0 0 200px}

/* Video (erst nach Klick laden) */
.ec-video{position:relative;aspect-ratio:16/9;background:#111 url("../img/cetrac/hero-lager.jpg") center/cover;border-radius:var(--radius);overflow:hidden;display:flex;align-items:flex-end;max-width:960px}
.ec-video::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.ec-video p{position:relative;margin:0;padding:12px 16px;color:#ddd}
.ec-video__start{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:var(--orange);color:var(--ink);font-size:2rem;cursor:pointer;z-index:1}
.ec-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Fabricants */
.ec-fabrikant h3{margin:0;color:var(--text)}
.stil-hell main a.ec-fabrikant{color:var(--text)}

/* Fließtexte der alten Seite: Bilder nicht übergroß */
.prose img{max-width:340px;border-radius:8px;margin:10px 0}

/* Hell/Dunkel auch auf dem Handy (cetrac.css blendet ihn unter 560 px aus); Kontakt steht dort in der Leiste unten */
@media (max-width:560px){
  .header__tools #stilwahl{display:inline-flex}
  .header__tools a.iconbtn[href^="/contact/"]{display:none}
}
.usps{z-index:3}
.ec-karte .pkg__price{align-items:flex-end;gap:10px}
.ec-karte .price{text-align:left}
.ec-karte .price{display:flex;flex-direction:column;align-items:flex-start}
.ec-detail th.num,.ec-detail td.num{width:90px}

/* Hell: Regeln von cetrac.css („.stil-hell main a:not(.btn):not(.tile)“) gezielt übersteuern */
.stil-hell .chip--hersteller{color:var(--ink)}
.stil-hell main .ec-karte h3 a.card__link{color:var(--text)}
.stil-hell main .ec-karte:hover h3 a.card__link{color:var(--orange-text)}
.stil-hell main a.chip.ec-chiplink.chip{color:var(--text)}
.stil-hell main a.ec-marke.ec-marke,.stil-hell main a.ec-fabrikant.card{color:var(--text)}
.stil-hell .ec-galerie figcaption{color:var(--muted)}
.ec-karte .pkg__price .price{margin-left:0;text-align:left}
.ec-karte .pkg__price{flex-wrap:nowrap;justify-content:space-between}
.ec-pdp .thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ec-pdp .thumbs img{width:100%;height:auto;aspect-ratio:4/3}

/* Rachat (Ankauf) */
.ec-usps-sektion{padding:0}
.ec-usps-sektion .usps{margin-top:-40px}
.ec-vergleich td:first-child{font-weight:700;white-space:nowrap}
.ec-vergleich td:last-child{color:var(--text);font-weight:600}
.ec-vergleich th:last-child{color:var(--orange)}
.stil-hell .ec-vergleich th:last-child{color:var(--orange-text)}
.ec-rachat-karten .card{border-top:4px solid var(--orange)}
.ec-rebuy{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:center;border-left:4px solid var(--orange)}
.ec-rebuy h2{margin:.3em 0 .5em}
.ec-rebuy__aside{border-left:1px solid var(--line);padding-left:24px}
@media (max-width:900px){.ec-rebuy{grid-template-columns:1fr}.ec-rebuy__aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}}
.ec-person{margin-bottom:.8em}

/* Calculateur */
.ec-calc .ec-systeme-wahl{margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ec-calc .kpis{grid-template-columns:1fr 1fr}
.ec-calc .wall__info{margin:10px 0 0}
.ec-calc .wall__grid [hidden]{display:none}
.ec-liste{margin-top:18px}
.ec-liste summary{cursor:pointer;list-style:none}
.ec-liste summary::-webkit-details-marker{display:none}
.ec-liste table{margin-top:10px;font-size:.88rem}
.ec-liste td.num,.ec-liste th.num{text-align:right;width:70px}
.ec-passend{margin-top:18px}
.ec-passend h3{font-size:1rem;margin:0 0 10px}
.ec-passend__a{display:flex;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none}
.ec-passend__a:first-child{border-top:0}
.ec-passend__a img{width:96px;height:72px;object-fit:cover;border-radius:6px;flex:none;background:#1f1f1f}
.ec-passend__a strong{display:block;font-size:.88rem;line-height:1.3}
.ec-passend__a small{color:var(--muted)}
.ec-passend__a:hover strong{color:var(--orange)}
.stil-hell main a.ec-passend__a{color:var(--text)}

/* Guide / Lexique */
.ec-guide-gruppe{margin-top:38px}
.ec-guide-gruppe h2{font-size:1.35rem;border-bottom:1px solid var(--line);padding-bottom:8px}
.ec-artikel__meta{margin-top:-.4em}
.ec-artikel table{width:100%;margin:12px 0 18px;font-size:.92rem}
.ec-artikel__cta{margin:30px 0 0}
.ec-artikel__cta p{margin:.3em 0 .8em}
.ec-artikel__cta .ec-chips{margin-top:14px}
.stil-hell main .card h3,.stil-hell main .panel h2,.stil-hell main .panel h3,.stil-hell main .steps h3{color:var(--text)}
.stil-hell .steps li{background:var(--bg-2)}
.ec-startkarten .card__body{height:100%}.ec-startkarten .ec-mehr{margin-top:auto}

/* Kopf wie cetrac.com (Tom 22.10.2026): kompakte Navigation – cetrac.com erreicht mit 10 Punkten rund 0,8 rem; hier 8 Punkte */
@media (min-width:901px){
  .header .nav a.nav__top{font-size:var(--nav2-schrift,.86rem)}
  .sub{min-width:290px}
  .sub--wide{min-width:470px}
}
.searchbar input{min-width:0}

/* Ma demande (Anfragekorb) */
.ec-korb-add{display:grid;grid-template-columns:auto 90px 1fr;gap:10px;align-items:center;margin:6px 0 12px}
.ec-korb-add label{font-size:.85rem;color:var(--muted)}
.ec-korb-add input{width:90px}
@media (max-width:480px){.ec-korb-add{grid-template-columns:1fr 90px}.ec-korb-add .btn{grid-column:1/-1}}
.ec-korb{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}
@media (max-width:900px){.ec-korb{grid-template-columns:1fr}}
.ec-korb__kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ec-korb__zeile{display:grid;grid-template-columns:96px 1fr 90px 120px 40px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ec-korb__zeile img,.ec-korb__symbol{width:96px;height:72px;object-fit:cover;border-radius:6px;background:#1f1f1f}
.ec-korb__symbol{display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--orange)}
.ec-korb__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.ec-korb__text a{color:var(--text)}
.stil-hell main .ec-korb__text a{color:var(--text)}
.ec-korb__n{width:80px}
.ec-korb__preis{text-align:right;font-weight:700;white-space:nowrap}
.ec-korb__preis small{display:block;font-weight:400;color:var(--muted)}
@media (max-width:640px){.ec-korb__zeile{grid-template-columns:72px 1fr 40px}.ec-korb__zeile img,.ec-korb__symbol{width:72px;height:54px}
  .ec-korb__menge{grid-column:2}.ec-korb__preis{grid-column:2;text-align:left}.ec-korb__weg{grid-row:1;grid-column:3}}
.ec-korb__summe{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 6px;border-top:2px solid var(--orange);font-size:1.05rem}
.ec-korb__summe strong{font-size:1.4rem}
.ec-korb__ok textarea{width:100%;margin:8px 0;font-family:inherit;font-size:.82rem}
[data-korb-leeren].scharf{border-color:var(--rot);color:var(--rot)}
.ec-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:90;display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  max-width:calc(100% - 32px);background:#1b1b1b;color:#fff;border:1px solid var(--orange);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);transition:opacity .4s}
.ec-toast.weg{opacity:0}
@media (min-width:901px){.ec-toast{bottom:28px}}
.badge[hidden]{display:none}
/* Neue Teile bestellen (wie cetrac.com Teile bestellen ?modus=neu) */
.nt-tabelle td{vertical-align:middle}
.nt-tabelle td strong{display:block;font-weight:600}
.nt-bild{width:64px}.nt-bild img,.nt-ohne{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:6px;display:block}
.nt-preis small{display:block;font-weight:400;color:var(--muted);font-size:.75rem}
.nt-add{display:flex;gap:6px;align-items:center;margin:0}.nt-add input{width:76px;padding:6px 8px}
.nt-liste h2{scroll-margin-top:120px;margin-top:34px}
/* Paketfinder wie cetrac.com */
.pf__form{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr auto;gap:16px;align-items:end;border:2px solid var(--orange);margin-bottom:18px}
.pf__kopf{display:flex;flex-direction:column;gap:4px}.pf__kopf strong{color:var(--orange);font-size:1.15rem}
.pf__form label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.pf__einheit{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:var(--text)}.pf__einheit input{flex:1;min-width:0}
.pf__kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:18px}
.pf-kachel{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px 16px;border-radius:10px;border:1px solid var(--line,#444);background:var(--card,#3a3a3a);color:var(--text);cursor:pointer;font:inherit}
.pf-kachel:hover,.pf-kachel:focus-visible{border-color:var(--orange)}.pf-kachel span{font-size:.8rem;color:var(--muted)}
.pf-karte h3{font-size:1rem}.pf-karte .pkg__price{align-items:center}
@media (max-width:900px){.pf__form{grid-template-columns:1fr 1fr}.pf__kopf{grid-column:1/-1}}
@media (max-width:520px){.pf__form{grid-template-columns:1fr}}
.pf-add{width:100%;margin-top:12px}.pf-karte .card__body{display:flex;flex-direction:column}.pf-karte .pkg__price{margin-top:auto}
.pf-add{justify-content:center;text-align:center}

/* Versteckte Mengen-Labels (.visually-hidden, absolut) sonst außerhalb der Scrollbox → Seite auf dem Handy seitlich verschiebbar */
.tablewrap{position:relative}

/* Kachel „alle Gros lots“ ab 5 Posten (22.10.2026) */
.posten-alle{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px;text-decoration:none;color:inherit;border:2px dashed var(--orange)}
.posten-alle strong{font-size:1.35rem;line-height:1.25;color:var(--orange)}
/* Neugerüst-Kopf: Zulassungsstatus am Desktop als eigene Zeile, damit die Kicker-Zeile nicht mitten im Satz umbricht */
@media (min-width:641px){.ec-eyebrow-trenner{display:none}.ec-eyebrow-status{display:block}}