/* DEUTA Relaunch, Richtung B - Abschnitte der neuen Seiten (Startseite 301, Systemseite) */
.dc-wrap{max-width:1280px;margin:0 auto;padding:0 32px;}
.dc-kap{font-family:"Archivo",sans-serif !important;font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;}
.dc-disp{font-family:"Archivo","Segoe UI",sans-serif !important;font-weight:800 !important;letter-spacing:-0.025em;}
.dc-num{font-family:"Barlow Semi Condensed","Barlow",sans-serif !important;font-variant-numeric:tabular-nums;}
.dc-home .vc_column_container>.vc_column-inner{padding-left:0 !important;padding-right:0 !important;}
.dc-home .wpb_raw_html, .dc-home .wpb_content_element{margin-bottom:0 !important;}
.dc-home.vc_row{margin-bottom:0 !important;}

.dc-buehne{background:#0e1114;color:#f4f6f7;}
.dc-buehne .dc-raster{display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;padding-top:88px;padding-bottom:88px;align-items:center;}
.dc-buehne h1{font-size:clamp(2.6rem,5.4vw,4.6rem) !important;line-height:0.98 !important;margin:0 !important;color:#ffffff !important;text-transform:uppercase;}
.dc-buehne p.dc-ein{font-size:19px;color:#a4afb6;max-width:34em;margin:0;line-height:1.55;}
.dc-knopfreihe{display:flex;flex-wrap:wrap;gap:0;padding-top:8px;}
.dc-k-rot,.dc-k-rand{display:inline-block;padding:17px 30px;font-family:"Archivo",sans-serif;font-size:15px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;text-decoration:none !important;}
.dc-k-rot{background:#cc0000;color:#ffffff !important;}
.dc-k-rot:hover{background:#a80000;}
.dc-k-rand{border:1px solid #3a444c;color:#f4f6f7 !important;}
.dc-k-rand:hover{border-color:#ffffff;}
.dc-produktkasten{background:#171c21;display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 36px;}
.dc-produktkasten .dc-platte{background:#f4f6f7;padding:24px 36px;}
.dc-produktkasten img{height:220px;width:auto;display:block;}

.dc-zahlen{background:#171c21;border-top:1px solid #2a333b;}
.dc-zahlen .dc-raster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.dc-zahl{padding:38px 26px 42px;border-right:1px solid #2a333b;}
.dc-zahl:last-child{border-right:none;}
.dc-zahl b{display:block;font-size:52px;color:#ffffff;line-height:0.95;}
.dc-zahl span{display:block;font-size:14px;color:#7f8b94;margin-top:10px;}

.dc-bahn{position:relative;height:420vh;background:#0e1114;}
.dc-klebe{position:sticky;top:0;height:100vh;min-height:540px;display:flex;flex-direction:column;justify-content:center;color:#f4f6f7;overflow:hidden;}
.dc-klebe .dc-kopfzeile{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #2a333b;padding-bottom:14px;margin-bottom:22px;gap:20px;flex-wrap:wrap;}
.dc-klebe h2{font-size:clamp(1.8rem,3.2vw,2.6rem) !important;margin:0 !important;color:#ffffff !important;text-transform:uppercase;}
.dc-stufe{opacity:0;transition:opacity .5s ease;}
.dc-stufe[data-an="1"]{opacity:1;}
.dc-erklaerung{min-height:4.4rem;font-size:19px;color:#a4afb6;max-width:46em;margin:22px 0 0;}
.dc-schrittleiste{display:flex;margin-top:26px;border-top:1px solid #2a333b;}
.dc-schritt{flex:1 1 0;padding:14px 14px 16px 0;border-top:2px solid transparent;margin-top:-1px;color:#626e77;font-size:14px;transition:color .3s,border-color .3s;}
.dc-schritt[data-an="1"]{border-top-color:#cc0000;color:#ffffff;}

.dc-foto{position:relative;}
.dc-foto img{display:block;width:100%;height:clamp(280px,42vh,460px);object-fit:cover;}
.dc-foto .dc-text{position:absolute;inset:0;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(8,11,14,.8) 0%,rgba(8,11,14,.25) 60%,rgba(8,11,14,0) 100%);}
.dc-foto .dc-text .dc-wrap{padding-bottom:40px;color:#ffffff;width:100%;}

.dc-hell{background:#f2f0ed;color:#0e1114;}
.dc-hell .dc-kopfzeile{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid #0e1114;padding-bottom:18px;gap:20px;flex-wrap:wrap;}
.dc-hell h2{font-size:clamp(1.9rem,3.4vw,2.8rem) !important;margin:0 !important;line-height:1 !important;color:#0e1114 !important;text-transform:uppercase;}
.dc-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;background:#d5d2ce;margin-top:32px;}
.dc-karte{background:#ffffff;padding:26px 26px 30px;display:flex;flex-direction:column;gap:8px;text-decoration:none !important;color:#0e1114 !important;}
.dc-karte:hover{background:#faf9f7;}
.dc-karte .dc-kap{color:#cc0000;}
.dc-karte .dc-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.02em;}
.dc-karte .dc-wert{font-size:17px;color:#55606a;}
.dc-karte .dc-meta{font-size:14px;color:#8a949c;margin-top:6px;}

.dc-unterlagen{background:#0e1114;color:#f4f6f7;}
.dc-unterlagen .dc-raster{display:grid;grid-template-columns:360px 1fr;gap:64px;padding-top:76px;padding-bottom:82px;align-items:start;}
.dc-unterlagen h2{font-size:clamp(1.9rem,3.4vw,2.6rem) !important;margin:0 !important;color:#ffffff !important;line-height:1.02 !important;text-transform:uppercase;}
.dc-unterlagen p{color:#a4afb6;margin:0;}
.dc-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:#2a333b;border:1px solid #2a333b;}
.dc-kachel{background:#0e1114;padding:26px 28px 30px;text-decoration:none !important;}
.dc-kachel:hover{background:#171c21;}
.dc-kachel b{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.02em;color:#ffffff;display:block;}
.dc-kachel span{color:#7f8b94;font-size:15px;display:block;margin-top:8px;}

.dc-schalter{position:fixed;left:18px;right:auto;bottom:18px;z-index:60;}
.dc-schalter button{display:inline-flex;align-items:center;gap:8px;background:#ffffff;color:#0e1114;border:1px solid #0e1114;padding:9px 14px;font-size:13px;font-family:"Barlow",sans-serif;cursor:pointer;border-radius:0;text-transform:none;letter-spacing:0;}
.dc-schalter button[aria-pressed="true"]{background:#cc0000;border-color:#cc0000;color:#ffffff;}
.dc-kasten{width:12px;height:12px;border:1px solid currentColor;}
.dc-schalter button[aria-pressed="true"] .dc-kasten{background:currentColor;}

/* Systemseite (Richtung B) */
body:has(.dc-home) #content.site-content{padding-top:0 !important;}
/* Rote Titelleiste des Themes (zweites H1 + Brotkrumen) auf den neuen Seiten aus; die Buehne traegt das H1. */
body:has(.dc-home) .pix-main-intro{display:none !important;}
.dc-auftakt{background:#0e1114;color:#f4f6f7;}
.dc-auftakt .dc-raster{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;padding-top:74px;padding-bottom:78px;align-items:end;}
.dc-auftakt h1{font-size:clamp(2.4rem,5vw,4rem) !important;line-height:1 !important;margin:14px 0 0 !important;color:#ffffff !important;text-transform:uppercase;}
.dc-auftakt p{margin:0;color:#a4afb6;font-size:19px;max-width:34em;line-height:1.55;}
.dc-bahn.dc-sechs{height:480vh;}
.dc-hell p{color:#55606a;}
.dc-hell .dc-zweispaltig{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;margin-top:34px;align-items:center;}
.dc-hell .dc-platte-hell{background:#ffffff;padding:28px;}
.dc-scroller{overflow-x:auto;}
.dc-tabelle{border-collapse:collapse;width:100%;margin:0;}
.dc-tabelle td{text-align:left;padding:14px 14px 14px 0;border-bottom:1px solid #e4e1dd;font-size:16px;vertical-align:top;background:transparent;color:#0e1114;}
.dc-tabelle td:first-child{color:#55606a;}
/* Tabelle in einem dunklen Abschnitt: ohne diese Regel nimmt die Schrift die
   Hintergrundfarbe an und die Spalten sind unsichtbar (passiert bei
   "Konformitaet und Zulassung" am 16.09.2026). */
.dc-dunkel .dc-tabelle td{color:#e8ecef;border-bottom-color:#2a333b;}
.dc-dunkel .dc-tabelle td:first-child{color:#a4afb6;}
.dc-dunkel .dc-tabelle th{color:#7f8b94;border-bottom-color:#2a333b;}
.dc-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2px;background:#d5d2ce;margin-top:32px;}
.dc-feld{background:#ffffff;padding:28px 28px 32px;display:flex;flex-direction:column;gap:10px;color:#0e1114 !important;text-decoration:none !important;}
a.dc-feld:hover{background:#faf9f7;}
.dc-feld .dc-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.02em;display:block;}
.dc-feld ul{margin:6px 0 0;padding-left:1.1rem;color:#55606a;font-size:16px;list-style:disc;}
.dc-feld li{margin-bottom:5px;}
.dc-dunkel{background:#0e1114;color:#f4f6f7;}
.dc-dunkel .dc-kopfzeile{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid #cc0000;padding-bottom:18px;gap:20px;flex-wrap:wrap;}
.dc-dunkel h2{font-size:clamp(1.9rem,3.4vw,2.8rem) !important;margin:0 !important;line-height:1 !important;color:#ffffff !important;text-transform:uppercase;}
.dc-dunkel p{color:#a4afb6;}
.dc-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:#2a333b;border:1px solid #2a333b;margin-top:30px;}
.dc-posten{background:#0e1114;padding:22px 24px 26px;}
.dc-posten b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;color:#ffffff;letter-spacing:-0.01em;}
.dc-posten span{display:block;color:#7f8b94;font-size:15px;margin-top:6px;}

@media (max-width:62rem){
  .dc-buehne .dc-raster{grid-template-columns:1fr;gap:36px;padding-top:56px;padding-bottom:56px;}
  .dc-zahlen .dc-raster{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dc-zahl{border-bottom:1px solid #2a333b;}
  .dc-unterlagen .dc-raster{grid-template-columns:1fr;gap:32px;}
  .dc-bahn{height:340vh;}
  .dc-schrittleiste{flex-wrap:wrap;}
  .dc-schritt{flex:1 1 45%;}
  .dc-auftakt .dc-raster{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:52px;}
  .dc-hell .dc-zweispaltig{grid-template-columns:1fr;gap:28px;}
  .dc-bahn.dc-sechs{height:380vh;}
  .dc-sechs .dc-schritt{flex:1 1 30%;}
}
/* Theme setzt body{overflow:hidden} unter 540px; das macht body zum Scrollcontainer und position:sticky wirkungslos. clip schneidet ab, ohne Sticky zu brechen. */
@media (max-width:540px){ body{overflow:clip !important;} .dc-schalter{position:static;margin-top:14px;} .dc-schalter button{font-size:12px;padding:7px 11px;} }
/* Produktseiten (Richtung B) - nur neue Regeln, an das Snippet mit den dc-Klassen anhaengen */
.dc-buehne.dc-produkt .dc-raster{padding-top:72px;padding-bottom:72px;}
.dc-buehne.dc-produkt h1{font-size:clamp(2.4rem,5vw,4.2rem) !important;}
.dc-kennzeilen{display:flex;flex-wrap:wrap;gap:8px;}
.dc-kennzeilen span{display:inline-block;border:1px solid #3a444c;color:#a4afb6;padding:5px 12px;font-size:15px;letter-spacing:0.05em;}
.dc-kennzeilen span.dc-rot{background:#cc0000;border-color:#cc0000;color:#ffffff;}
.dc-kennzeilen b{color:#ffffff;font-weight:600;}
.dc-kennzeilen span.dc-rot b{color:#ffffff;}
.dc-kennzeilen span.dc-herkunft{border-color:#7f8b94;color:#ffffff;font-weight:600;}
.dc-produkt .dc-produktkasten{padding:40px 32px;}
.dc-produkt .dc-produktkasten .dc-platte{padding:36px;width:100%;box-sizing:border-box;display:flex;justify-content:center;}
.dc-produkt .dc-produktkasten img{height:auto;max-height:320px;max-width:100%;}
.dc-hierbin{background:#171c21;border-top:1px solid #2a333b;border-bottom:1px solid #2a333b;color:#f4f6f7;}
.dc-hierbin .dc-wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:12px;padding-bottom:14px;}
.dc-hierbin .dc-kap{color:#7f8b94;flex:none;}
.dc-hierbin .dc-schritte{display:flex;flex:1 1 420px;gap:0;}
.dc-hierbin .dc-schritt{flex:1 1 0;padding:10px 12px 6px 0;border-top:2px solid #2a333b;margin:0;color:#626e77;font-size:14px;transition:none;}
.dc-hierbin .dc-schritt[data-an="1"]{border-top-color:#cc0000;color:#ffffff;font-weight:600;}
.dc-hierbin a.dc-weiter{color:#f4f6f7 !important;font-size:14px;text-decoration:none !important;border-bottom:1px solid #3a444c;flex:none;padding-bottom:2px;}
.dc-hierbin a.dc-weiter:hover{border-bottom-color:#ffffff;}
.dc-hell .dc-zweispaltig.dc-oben{align-items:start;}
.dc-tabelle td:first-child{width:36%;padding-right:18px;}
.dc-beschreibung h3{font-family:"Archivo",sans-serif !important;font-weight:800 !important;font-size:20px !important;margin:0 0 14px !important;color:#0e1114 !important;letter-spacing:-0.02em;text-transform:uppercase;}
.dc-beschreibung p{margin:0 0 16px;font-size:17px;line-height:1.6;color:#0e1114;}
.dc-unterlagen.dc-produkt .dc-raster{grid-template-columns:320px 1fr;}
div.dc-kachel{cursor:default;}
div.dc-kachel:hover{background:#0e1114;}
@media (max-width:62rem){
  .dc-hierbin .dc-schritte{flex-wrap:wrap;flex-basis:100%;}
  .dc-hierbin .dc-schritt{flex:1 1 30%;}
  .dc-unterlagen.dc-produkt .dc-raster{grid-template-columns:1fr;}
}
.dc-buehne.dc-ohne-bild .dc-raster{grid-template-columns:1fr;}
.dc-buehne.dc-ohne-bild p.dc-ein{max-width:44em;}
/* Signalweg am Handy: die Grafik ist unter 540 px unlesbar; stattdessen stehen die Schritte als Liste untereinander, der aktive Schritt rot markiert, die Erklaerung darunter. */
@media (max-width:540px){
  .dc-klebe svg{display:none !important;}
  .dc-klebe .dc-kopfzeile{margin-bottom:6px;}
  .dc-klebe .dc-schrittleiste{flex-direction:column;border-top:none;margin-top:6px;order:1;}
  .dc-klebe .dc-schritt{flex:none;border-top:none;border-left:3px solid #2a333b;padding:9px 0 9px 14px;margin:0;font-size:17px;counter-increment:dc-schritt;}
  .dc-klebe .dc-schritt::before{content:counter(dc-schritt) "  ";font-family:"Barlow Semi Condensed",sans-serif;color:#626e77;}
  .dc-klebe .dc-schritt[data-an="1"]{border-left-color:#cc0000;}
  .dc-klebe .dc-schritt[data-an="1"]::before{color:#cc0000;}
  .dc-klebe .dc-wrap{display:flex;flex-direction:column;counter-reset:dc-schritt;}
  .dc-klebe .dc-erklaerung{order:2;min-height:6rem;margin-top:18px;font-size:17px;}
  .dc-klebe .dc-wrap > div:last-child{order:3;}
  .dc-hierbin .dc-schritt::before{content:none;}
}
/* Produktuebersicht: Filterchips, Zaehlzeile, Variantentabelle */
.dc-uebersicht-kopf .dc-raster{align-items:end;}
.dc-uebersicht-kopf button.dc-k-rand{background:transparent;cursor:pointer;border-radius:0;line-height:1.2;}
.dc-filterleiste{display:flex;flex-direction:column;gap:14px;padding-bottom:22px;border-bottom:3px solid #0e1114;}
/* Zwei Spalten: links die Beschriftung, rechts alle Schaltflaechen buendig untereinander */
.dc-filter{display:grid;grid-template-columns:190px 1fr;align-items:start;gap:10px 16px;}
.dc-filter .dc-kap{color:#55606a;padding-top:9px;}
.dc-filter .dc-chips{display:flex;flex-wrap:wrap;gap:8px;}
.dc-chip{border:1px solid #c9c5bf;background:#ffffff;color:#0e1114;padding:7px 13px;font-family:"Barlow",sans-serif;font-size:14px;cursor:pointer;border-radius:0;line-height:1.2;letter-spacing:0;text-transform:none;}
.dc-chip:hover{border-color:#0e1114;}
.dc-chip.dc-an{background:#0e1114;border-color:#0e1114;color:#ffffff;}
.dc-zaehlzeile{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;padding:18px 0 6px;color:#55606a;font-size:15px;}
.dc-zaehlzeile b{color:#0e1114;font-family:"Archivo",sans-serif;font-weight:800;font-size:18px;}
.dc-uebersicht-tabelle th{text-align:left;font-family:"Archivo",sans-serif;font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#55606a;border-bottom:2px solid #0e1114;padding:12px 14px 10px 0;background:transparent;}
.dc-uebersicht-tabelle td{padding:14px 14px 14px 0;vertical-align:top;font-size:16px;}
.dc-uebersicht-tabelle td:first-child{width:auto;color:#0e1114;font-weight:600;}
.dc-uebersicht-tabelle td a{color:#0e1114 !important;text-decoration:none !important;}
.dc-uebersicht-tabelle td a:hover{color:#cc0000 !important;}
.dc-uebersicht-tabelle td b{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;letter-spacing:-0.01em;display:block;}
.dc-uebersicht-tabelle td span{display:block;color:#55606a;font-size:14px;margin-top:3px;}
.dc-uebersicht-tabelle tr[hidden]{display:none;}
.dc-uebersicht-tabelle td.dc-num{white-space:nowrap;}
.dc-leer{color:#55606a;padding:26px 0 0;}
@media (max-width:62rem){
  .dc-filter{grid-template-columns:1fr;gap:6px;}
  .dc-filter .dc-kap{padding-top:0;}
  .dc-uebersicht-tabelle{min-width:760px;}
}
/* Angebotsseite: Formularreihe (WPBakery-Innenreihe), Seitenspalte, WPForms-Felder */
.dc-angebot-kopf .dc-raster{align-items:end;}
.dc-r-formular{background:#f2f0ed;color:#0e1114;}
/* WPBakery gibt Innenreihen (vc_row.vc_inner) feste negative Aussenabstaende; ohne auto bleibt die Reihe am linken Rand kleben. */
.dc-r-formular .dc-formraster{padding-top:56px;padding-bottom:84px;margin-left:auto !important;margin-right:auto !important;}
.dc-r-formular .dc-seitenspalte>.vc_column-inner{padding-left:48px !important;}
.dc-formkopf{border-bottom:3px solid #0e1114;padding-bottom:16px;margin-bottom:26px;}
.dc-formkopf h2{font-size:clamp(1.6rem,2.6vw,2.2rem) !important;margin:6px 0 10px !important;color:#0e1114 !important;text-transform:uppercase;}
.dc-formkopf p{color:#55606a;margin:0;}
.dc-formular .wpforms-container{margin:0 !important;
  --wpforms-field-border-color:#c9c5bf;--wpforms-field-background-color:#ffffff;--wpforms-field-text-color:#0e1114;
  --wpforms-button-background-color:#cc0000;--wpforms-button-text-color:#ffffff;--wpforms-button-border-radius:0px;
  --wpforms-field-border-radius:0px;--wpforms-label-color:#0e1114;--wpforms-label-sublabel-color:#8a949c;
  --wpforms-page-break-color:#cc0000;--wpforms-field-size-input-height:48px;--wpforms-field-size-font-size:16px;}
.dc-formular .wpforms-field{padding:10px 0 !important;}
.dc-formular .wpforms-field-label{font-family:"Archivo",sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:0.08em;text-transform:uppercase;color:#0e1114 !important;margin-bottom:6px !important;}
.dc-formular .wpforms-field-sublabel{font-size:12px !important;color:#8a949c !important;}
.dc-formular .wpforms-required-label{color:#cc0000 !important;}
.dc-formular input[type=text],.dc-formular input[type=email],.dc-formular input[type=tel],.dc-formular textarea,.dc-formular select{border:1px solid #c9c5bf !important;border-radius:0 !important;background:#ffffff !important;color:#0e1114 !important;font-family:"Barlow",sans-serif !important;font-size:16px !important;padding:12px 14px !important;box-shadow:none !important;max-width:100% !important;}
.dc-formular input:focus,.dc-formular textarea:focus,.dc-formular select:focus{border-color:#0e1114 !important;outline:2px solid #cc0000 !important;outline-offset:0;}
.dc-formular .wpforms-field-checkbox ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:0 !important;padding:0 !important;list-style:none !important;}
.dc-formular .wpforms-field-checkbox li{margin:0 !important;padding:4px 0 !important;}
.dc-formular .wpforms-field-checkbox label{font-family:"Barlow",sans-serif !important;font-size:16px !important;font-weight:400 !important;color:#0e1114 !important;text-transform:none !important;letter-spacing:0 !important;}
.dc-formular .wpforms-field-checkbox input[type=checkbox]{accent-color:#cc0000;width:18px;height:18px;margin-right:8px;vertical-align:-3px;}
.dc-formular .wpforms-field-textarea textarea{min-height:120px !important;}
.dc-formular .wpforms-field-description{color:#55606a !important;font-size:14px !important;}
.dc-formular .wpforms-submit-container{padding-top:18px !important;}
.dc-formular button.wpforms-submit{background:#cc0000 !important;color:#ffffff !important;border:none !important;border-radius:0 !important;padding:17px 30px !important;font-family:"Archivo",sans-serif !important;font-size:15px !important;font-weight:700 !important;letter-spacing:0.03em;text-transform:uppercase;box-shadow:none !important;}
.dc-formular button.wpforms-submit:hover{background:#a80000 !important;}
.dc-angebot-seite{display:flex;flex-direction:column;gap:30px;}
.dc-angebot-seite .dc-block{border-top:1px solid #d5d2ce;padding-top:18px;display:flex;flex-direction:column;gap:6px;}
.dc-angebot-seite .dc-gross{font-family:"Archivo",sans-serif !important;font-weight:800;font-size:26px;color:#0e1114 !important;text-decoration:none !important;letter-spacing:-0.02em;}
.dc-angebot-seite .dc-grau{color:#55606a;font-size:15px;}
.dc-angebot-seite .dc-mail{color:#cc0000 !important;text-decoration:none !important;font-size:17px;}
.dc-angebot-seite .dc-num{font-size:16px;line-height:1.7;color:#0e1114;}
.dc-ablauf{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.dc-ablauf li{display:grid;grid-template-columns:34px 1fr;gap:10px;color:#0e1114;font-size:16px;line-height:1.5;}
.dc-ablauf b{font-family:"Barlow Semi Condensed",sans-serif;color:#cc0000;font-weight:600;}
.dc-dl{display:block;color:#0e1114 !important;text-decoration:none !important;border-bottom:1px solid #d5d2ce;padding:9px 0;font-size:16px;}
.dc-dl:hover{color:#cc0000 !important;}
@media (max-width:62rem){
  .dc-r-formular .dc-seitenspalte>.vc_column-inner{padding-left:0 !important;padding-top:36px !important;}
  .dc-formular .wpforms-field-checkbox ul{grid-template-columns:1fr;}
}
/* Menuepunkt "Angebot anfordern" als roter Knopf in der Kopfzeile */
.pix-header .navbar .dc-menu-knopf > .nav-link{background:#cc0000 !important;margin-left:12px;white-space:nowrap !important;padding-left:18px !important;padding-right:18px !important;}
.pix-header .navbar .dc-menu-knopf > .nav-link .pix-dropdown-title{color:#ffffff !important;font-family:"Archivo",sans-serif !important;font-weight:700 !important;font-size:15px !important;letter-spacing:0.02em;text-transform:uppercase;padding-right:0 !important;white-space:nowrap !important;}
.pix-header .navbar .dc-menu-knopf > .nav-link:hover{background:#a80000 !important;}
.pix-header .navbar .dc-menu-knopf > .nav-link span::after{display:none !important;}
/* Abschnittsueberschriften und Dateifeld im Projektformular */
.dc-formular .dc-abschnitt{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.01em;text-transform:uppercase;color:#0e1114;border-bottom:2px solid #0e1114;padding-bottom:10px;margin:26px 0 4px;}
.dc-formular .dc-abschnitt span{color:#cc0000;font-family:"Barlow Semi Condensed",sans-serif;margin-right:10px;}
.dc-formular .wpforms-field-content:first-child .dc-abschnitt,.dc-formular .wpforms-field:first-child .dc-abschnitt{margin-top:0;}
.dc-formular .wpforms-field-file-upload .dropzone,.dc-formular .wpforms-field-file-upload .wpforms-uploader{border:2px dashed #c9c5bf !important;border-radius:0 !important;background:#ffffff !important;color:#55606a !important;}
.dc-formular .wpforms-field-file-upload .dropzone:hover{border-color:#cc0000 !important;}
.dc-formular .wpforms-field-number input{max-width:160px !important;}
.dc-formular .wpforms-field-gdpr-checkbox label{font-size:15px !important;color:#55606a !important;}
.dc-formular .iti__flag-container,.dc-formular .iti{max-width:100%;}
/* Einstiegsseite Infrastruktur: Kacheln der Bausteine */
.dc-bausteine{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:#2a333b;border:1px solid #2a333b;margin-top:32px;}
.dc-baustein{background:#0e1114;padding:30px 30px 26px;display:flex;flex-direction:column;gap:10px;text-decoration:none !important;color:#f4f6f7 !important;}
.dc-baustein:hover{background:#171c21;}
.dc-baustein .dc-kap{color:#cc0000;}
.dc-baustein .dc-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:24px;letter-spacing:-0.02em;color:#ffffff;}
.dc-baustein .dc-text{color:#a4afb6;font-size:16px;line-height:1.55;}
.dc-baustein .dc-mehr{margin-top:auto;padding-top:14px;color:#ffffff;font-family:"Archivo",sans-serif;font-weight:700;font-size:14px;letter-spacing:0.02em;text-transform:uppercase;}
.dc-baustein:hover .dc-mehr{color:#cc0000;}
/* Fuenf Bausteine auf der Infrastrukturseite: eine Reihe statt vier plus Luecke */
@media (min-width:1200px){ .dc-r-bausteine .dc-bausteine{grid-template-columns:repeat(5,minmax(0,1fr));} .dc-r-bausteine .dc-baustein{padding:26px 22px 22px;} .dc-r-bausteine .dc-baustein .dc-name{font-size:21px;} }
@media (min-width:700px) and (max-width:1199px){ .dc-r-bausteine .dc-bausteine{grid-template-columns:repeat(2,minmax(0,1fr));} }
/* Produktseite: Technische Daten und Beschreibung gleichrangig nebeneinander */
.dc-hell .dc-seitenmarke{text-align:right;color:#55606a;padding-bottom:10px;}
.dc-zweispaltig.dc-gleichrangig{grid-template-columns:1fr 1fr;gap:56px;margin-top:0;align-items:start;}
.dc-gleichrangig .dc-spalte > h2{font-size:clamp(1.5rem,2.4vw,2rem) !important;margin:0 0 18px !important;line-height:1 !important;color:#0e1114 !important;text-transform:uppercase;border-bottom:3px solid #0e1114;padding-bottom:14px;}
.dc-gleichrangig .dc-beschreibung p{margin:0 0 16px;font-size:17px;line-height:1.6;}
.dc-gleichrangig .dc-tabelle{margin-top:0;}
.dc-gleichrangig .dc-tabelle tr:first-child td{padding-top:0;}
@media (max-width:62rem){ .dc-zweispaltig.dc-gleichrangig{grid-template-columns:1fr;gap:34px;} .dc-hell .dc-seitenmarke{text-align:left;} }
/* Produktseite: Variantentabelle (Bestellnummern je Funkfrequenz und Markt) */
.dc-varianten .dc-kopfzeile{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid #cc0000;padding-bottom:16px;gap:20px;flex-wrap:wrap;}
.dc-variantentabelle{width:100%;border-collapse:collapse;margin-top:8px;min-width:720px;}
.dc-variantentabelle th{text-align:left;font-family:"Archivo",sans-serif;font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#7f8b94;border-bottom:1px solid #2a333b;padding:14px 16px 10px 0;background:transparent;}
.dc-variantentabelle td{padding:13px 16px 13px 0;border-bottom:1px solid #1d242a;font-size:16px;color:#c8d0d6;background:transparent;vertical-align:top;}
.dc-variantentabelle td:first-child{color:#ffffff;font-weight:600;white-space:nowrap;}
.dc-variantentabelle td:nth-child(2),.dc-variantentabelle td:nth-child(3),.dc-variantentabelle td:nth-child(5){white-space:nowrap;}
.dc-variantentabelle tr:hover td{color:#ffffff;}
.dc-varianten-hinweis{color:#7f8b94 !important;font-size:15px;margin:22px 0 0;max-width:62em;}
@media (max-width:62rem){ .dc-varianten .dc-scroller{overflow-x:auto;} }
/* Scrollgesteuerter 3D-Zusammenbau */
.dc-3d{position:relative;height:400vh;background:#0e1114;color:#f4f6f7;}
.dc-3d-klebe{position:sticky;top:0;height:100vh;min-height:560px;display:flex;align-items:center;overflow:hidden;}
.dc-3d-raster{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center;width:100%;}
.dc-3d-text h2{font-size:clamp(1.8rem,3.2vw,2.6rem) !important;margin:10px 0 14px !important;color:#ffffff !important;text-transform:uppercase;line-height:1.02 !important;}
.dc-3d-text p{color:#a4afb6;font-size:18px;margin:0 0 26px;max-width:34em;}
.dc-3d-schritte{display:flex;flex-direction:column;gap:2px;border-top:1px solid #2a333b;}
.dc-3d-schritt{padding:12px 0 12px 14px;border-left:3px solid #2a333b;color:#626e77;font-size:17px;transition:color .3s,border-color .3s;}
.dc-3d-schritt b{font-family:"Barlow Semi Condensed",sans-serif;margin-right:10px;color:#626e77;}
.dc-3d-schritt[data-an="1"]{color:#ffffff;border-left-color:#cc0000;}
.dc-3d-schritt[data-an="1"] b{color:#cc0000;}
.dc-3d-stand{color:#cc0000 !important;margin-top:18px;}
.dc-3d-leinwand{position:relative;height:min(70vh,620px);}
.dc-3d-leinwand canvas{display:block;width:100% !important;height:100% !important;}
.dc-3d:not(.dc-3d-bereit) .dc-3d-leinwand::after{content:"3D-Ansicht wird geladen …";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#626e77;font-size:15px;}
.dc-3d-fehler .dc-3d-leinwand::after{content:"3D-Ansicht steht auf diesem Gerät nicht zur Verfügung." !important;}
@media (max-width:62rem){
  .dc-3d{height:330vh;}
  .dc-3d-raster{grid-template-columns:1fr;gap:20px;}
  .dc-3d-leinwand{height:44vh;order:-1;}
  .dc-3d-text p{display:none;}
}
.dc-3d-langsam .dc-3d-leinwand::after{content:"3D-Ansicht braucht auf dieser Verbindung länger …" !important;}
.dc-3d-frei .dc-3d-leinwand{cursor:grab;}
.dc-3d-frei .dc-3d-leinwand:active{cursor:grabbing;}
.dc-3d-frei .dc-3d-leinwand::before{content:"Mit der Maus drehen";position:absolute;left:0;bottom:6px;color:#626e77;font-family:"Archivo",sans-serif;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;}
.dc-formkopf .dc-produkthinweis{margin-top:10px;color:#cc0000;font-size:15px;}
.dc-formular .wpforms-field-radio ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0 !important;padding:0 !important;}
.dc-formular .wpforms-field-radio li{margin:0 !important;}
.dc-formular .wpforms-field-radio input[type=radio]{accent-color:#cc0000;width:18px;height:18px;margin-right:8px;vertical-align:-3px;}
.dc-formular .wpforms-field-radio label{font-size:16px !important;color:#0e1114 !important;text-transform:none !important;letter-spacing:0 !important;font-weight:400 !important;}

/* Downloadcenter (Seite 4569) und Serviceeinstieg (4023) */
.dc-suchzeile{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-bottom:18px;}
.dc-suchfeld{flex:1 1 320px;max-width:520px;border:1px solid #c9c5bf;background:#ffffff;color:#0e1114;padding:12px 14px;font-family:"Barlow",sans-serif;font-size:16px;border-radius:0;}
.dc-suchfeld:focus{outline:none;border-color:#0e1114;}
.dc-suchfeld::placeholder{color:#8b9299;}
.dc-knopf-klein{border:1px solid #c9c5bf;background:#ffffff;color:#0e1114;padding:12px 16px;font-family:"Archivo",sans-serif;font-size:13px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;border-radius:0;}
.dc-knopf-klein:hover{border-color:#0e1114;}
.dc-filter select{border:1px solid #c9c5bf;background:#ffffff;color:#0e1114;padding:7px 12px;font-family:"Barlow",sans-serif;font-size:14px;border-radius:0;min-width:260px;max-width:100%;}
.dc-filter select:focus{outline:none;border-color:#0e1114;}
.dc-download-tabelle td{padding-top:12px;padding-bottom:12px;}
.dc-download-tabelle td:first-child{width:44%;color:#0e1114;}
.dc-download-tabelle td b{font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;letter-spacing:-0.01em;display:block;}
.dc-download-tabelle td span.dc-zu{display:block;color:#55606a;font-size:14px;margin-top:3px;}
.dc-download-tabelle td.dc-eng{white-space:nowrap;}
.dc-art{display:inline-block;border:1px solid #c9c5bf;padding:3px 9px;font-family:"Archivo",sans-serif;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#55606a;}
.dc-art[data-art="Ausschreibungstext"]{border-color:#cc0000;color:#cc0000;}
a.dc-datei{display:inline-block;background:#0e1114;color:#ffffff !important;padding:9px 15px;font-family:"Archivo",sans-serif;font-size:13px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none !important;white-space:nowrap;}
a.dc-datei:hover{background:#cc0000;}
.dc-hinweisband{background:#f1eeea;border-left:3px solid #cc0000;padding:18px 22px;margin-top:28px;color:#3a444c;font-size:16px;line-height:1.55;}
.dc-hinweisband b{font-family:"Archivo",sans-serif;font-weight:700;color:#0e1114;}
@media (max-width:62rem){
  .dc-download-tabelle td:first-child{width:auto;}
  .dc-filter select{min-width:0;width:100%;}
}

/* Bloecke nacheinander einblenden (Snippet 39). Nur aktiv, wenn das Skript laeuft.
   Die Reihenfolge steuert das Skript ueber den Scrollfortschritt, nicht die Verzoegerung. */
.dc-folge-an .dc-bausteine > *, .dc-folge-an .dc-folge > *{opacity:0;transform:translateY(22px);}
.dc-folge-an .dc-bausteine > *.dc-ein, .dc-folge-an .dc-folge > *.dc-ein{opacity:1;transform:none;transition:opacity .45s ease-out, transform .45s ease-out;}
/* Bewegung reduzieren: die Bloecke erscheinen weiter NACHEINANDER, nur ohne Uebergang
   und ohne Versatz. Frueher wurden hier alle Bloecke sofort sichtbar, damit war der
   Aufbau fuer alle weg, die diese Systemeinstellung gesetzt haben. */
.dc-ohne-bewegung .dc-bausteine > *, .dc-ohne-bewegung .dc-folge > *{transform:none !important;}
.dc-ohne-bewegung .dc-bausteine > *.dc-ein, .dc-ohne-bewegung .dc-folge > *.dc-ein{transition:none !important;}
}

/* Bild mit Bildunterschrift (Seite Technische Infos) */
.dc-bild img{display:block;width:100%;height:auto;border:1px solid #d5d2ce;}
.dc-bildtext{display:block;margin-top:10px;color:#55606a;font-size:14px;line-height:1.5;}
div.dc-baustein{cursor:default;}
div.dc-baustein:hover{background:#0e1114;}
.dc-dunkel .dc-bausteine{margin-top:32px;}

/* Videothek (Seite 4663) */
.dc-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1px;background:#2a333b;border:1px solid #2a333b;margin-top:28px;}
.dc-video{background:#0e1114;display:flex;flex-direction:column;}
.dc-video video{width:100%;display:block;background:#000000;aspect-ratio:16/9;object-fit:cover;}
.dc-video .dc-vtext{padding:18px 22px 22px;display:flex;flex-direction:column;gap:6px;}
.dc-video .dc-kap{color:#cc0000;}
.dc-video b{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;letter-spacing:-0.02em;color:#ffffff;}
.dc-video .dc-vzeile{color:#7f8b94;font-size:14px;}
.dc-video a.dc-weiter{align-self:flex-start;margin-top:6px;}
.dc-videogruppe + .dc-videogruppe{margin-top:54px;}
.dc-videogruppe .dc-kopfzeile{border-bottom-color:#2a333b;}
@media (max-width:40rem){ .dc-videos{grid-template-columns:1fr;} }

/* Anwendungsfaelle (Seite 8960) */
.dc-faelle{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:#d5d2ce;border:1px solid #d5d2ce;margin-top:30px;}
.dc-fall{background:#ffffff;display:flex;flex-direction:column;text-decoration:none !important;color:#0e1114 !important;}
.dc-fall:hover{background:#faf9f7;}
.dc-fall img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#eceae7;}
.dc-fall .dc-ftext{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1;}
.dc-fall .dc-kap{color:#cc0000;}
.dc-fall b{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;letter-spacing:-0.02em;}
.dc-fall .dc-ftext span.dc-fzeile{color:#55606a;font-size:16px;line-height:1.5;}
.dc-fall .dc-mehr{margin-top:auto;padding-top:12px;color:#0e1114;font-family:"Archivo",sans-serif;font-weight:700;font-size:13px;letter-spacing:0.04em;text-transform:uppercase;}
.dc-fall:hover .dc-mehr{color:#cc0000;}

/* Meldungen (Seite 17347 Aktuelles) */
.dc-meldung{max-width:52rem;}
.dc-meldung .dc-datum{color:#cc0000;font-family:"Archivo",sans-serif;font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;display:block;}
.dc-meldung h2{margin:12px 0 0 !important;font-size:clamp(1.7rem,3vw,2.4rem) !important;line-height:1.08 !important;}
.dc-meldung .dc-lead{font-size:20px;line-height:1.5;color:#3a444c;margin:18px 0 0;}
.dc-meldung p{font-size:17px;line-height:1.62;color:#3a444c;margin:16px 0 0;}
.dc-meldung h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.02em;color:#0e1114;margin:30px 0 0;}
.dc-meldung ul{margin:12px 0 0;padding-left:1.15rem;color:#3a444c;font-size:17px;line-height:1.6;}
.dc-meldung li{margin-bottom:6px;}
.dc-zitat{border-left:3px solid #cc0000;padding:4px 0 4px 20px;margin:24px 0 0;}
.dc-zitat p{font-size:19px;line-height:1.5;color:#0e1114;margin:0;}
.dc-zitat cite{display:block;margin-top:8px;font-style:normal;color:#55606a;font-size:15px;}
.dc-ueber{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;background:#d5d2ce;margin-top:40px;}
.dc-ueber > div{background:#ffffff;padding:24px 26px 28px;}
.dc-ueber h3{margin-top:0;}
.dc-ueber p{font-size:16px;}

/* Geraete in einem Anwendungsfall (Seiten 9009, 9194, 9259) */
.dc-geraete{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:#2a333b;border:1px solid #2a333b;margin-top:30px;}
.dc-geraet{background:#0e1114;padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;text-decoration:none !important;color:#f4f6f7 !important;}
.dc-geraet:hover{background:#171c21;}
.dc-geraet img{width:96px;height:96px;object-fit:contain;background:#f4f6f7;padding:8px;display:block;}
.dc-geraet b{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;letter-spacing:-0.02em;color:#ffffff;}
.dc-geraet span.dc-gzeile{color:#a4afb6;font-size:15px;line-height:1.5;}
.dc-geraet .dc-mehr{margin-top:auto;padding-top:10px;color:#ffffff;font-family:"Archivo",sans-serif;font-weight:700;font-size:13px;letter-spacing:0.04em;text-transform:uppercase;}
.dc-geraet:hover .dc-mehr{color:#cc0000;}
.dc-vorteile{list-style:none;margin:18px 0 0;padding:0;}
.dc-vorteile li{padding:10px 0 10px 26px;border-bottom:1px solid #e4e1dd;position:relative;color:#3a444c;font-size:16px;}
.dc-vorteile li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:2px;background:#cc0000;}

/* Festgepinnter Dreierablauf (Seite Technische Infos, Abschnitt Funkstandard) */
.dc-bahn.dc-drei{height:280vh;}
.dc-stufen{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:#2a333b;border:1px solid #2a333b;margin-top:30px;}
.dc-stufen .dc-baustein{padding:28px 26px 30px;}
.dc-drei .dc-klebe .dc-kopfzeile{border-bottom-color:#2a333b;}
@media (max-width:52rem){
  /* Auf schmalen Geraeten kein Pinnen: alles steht untereinander und ist sofort da */
  .dc-bahn.dc-drei{height:auto;}
  .dc-drei .dc-klebe{position:static;height:auto;min-height:0;padding-top:60px;padding-bottom:66px;display:block;}
  .dc-drei .dc-stufe{opacity:1 !important;}
  .dc-stufen{grid-template-columns:1fr;}
}

/* Scrollanreize im gepinnten Abschnitt: Fortschritt, Hinweis, Geisterkarten */
.dc-fortschritt{height:2px;background:#2a333b;margin-top:-1px;position:relative;overflow:hidden;}
.dc-fortschritt i{display:block;height:100%;width:0;background:#cc0000;transition:width .18s linear;}
.dc-scrollhinweis{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#7f8b94;font-family:"Archivo",sans-serif;font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;pointer-events:none;transition:opacity .4s ease;}
.dc-scrollhinweis::after{content:"";display:block;width:9px;height:9px;margin:8px auto 0;border-right:2px solid #cc0000;border-bottom:2px solid #cc0000;transform:rotate(45deg);animation:dc-wippe 1.8s ease-in-out infinite;}
.dc-scrollhinweis.dc-weg{opacity:0;}
@keyframes dc-wippe{0%,100%{transform:rotate(45deg) translate(0,0);}50%{transform:rotate(45deg) translate(3px,3px);}}

/* Geisterkarten: alle drei stehen da, die noch nicht erreichten nur als Umriss */
.dc-stufen{counter-reset:dc-karte;}
.dc-stufen .dc-stufe{opacity:1;counter-increment:dc-karte;position:relative;transition:background .45s ease;}
.dc-stufen .dc-stufe::before{content:"0" counter(dc-karte);position:absolute;top:22px;right:24px;font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-size:32px;line-height:1;color:#2a333b;transition:color .45s ease;}
.dc-stufen .dc-stufe[data-an="1"]::before{color:#cc0000;}
.dc-stufen .dc-stufe .dc-kap,.dc-stufen .dc-stufe .dc-name,.dc-stufen .dc-stufe .dc-text{transition:opacity .45s ease;}
.dc-stufen .dc-stufe[data-an="0"]{background:#0b0e11;}
.dc-stufen .dc-stufe[data-an="0"] .dc-kap,.dc-stufen .dc-stufe[data-an="0"] .dc-name{opacity:.32;}
.dc-stufen .dc-stufe[data-an="0"] .dc-text{opacity:0;}
@media (max-width:52rem){
  /* ohne Pinnen steht alles nebeneinander gleichwertig da */
  .dc-drei .dc-scrollhinweis{display:none;}
  .dc-drei .dc-fortschritt{display:none;}
  .dc-stufen .dc-stufe[data-an="0"]{background:#0e1114;}
  .dc-stufen .dc-stufe[data-an="0"] .dc-kap,.dc-stufen .dc-stufe[data-an="0"] .dc-name,
  .dc-stufen .dc-stufe[data-an="0"] .dc-text{opacity:1;}
  .dc-stufen .dc-stufe::before{color:#cc0000;}
}
/* 'Bewegung reduzieren': Aufbau bleibt, aber ohne Ueberblenden und ohne wippenden Pfeil */
.dc-ohne-bewegung .dc-stufe,.dc-ohne-bewegung .dc-schritt,.dc-ohne-bewegung .dc-fortschritt i,
.dc-ohne-bewegung .dc-scrollhinweis,.dc-ohne-bewegung .dc-stufen .dc-stufe,
.dc-ohne-bewegung .dc-stufen .dc-stufe .dc-kap,.dc-ohne-bewegung .dc-stufen .dc-stufe .dc-name,
.dc-ohne-bewegung .dc-stufen .dc-stufe .dc-text,.dc-ohne-bewegung .dc-stufen .dc-stufe::before{transition:none !important;}
.dc-ohne-bewegung .dc-scrollhinweis::after{animation:none !important;}

/* Konformitaetskachel mit Nachweisen je Markt (Produktseiten) */
.dc-kachel.dc-konform{display:flex;flex-direction:column;gap:10px;}
.dc-kachel.dc-konform span{margin-top:0;}
.dc-zul{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.dc-zul-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #3a444c;padding:5px 10px;font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-size:14px;letter-spacing:0.02em;color:#ffffff !important;text-decoration:none !important;line-height:1.2;}
a.dc-zul-chip:hover{border-color:#cc0000;color:#ffffff !important;}
.dc-zul-chip i{font-style:normal;font-size:11px;color:#cc0000;}
.dc-zul-chip.dc-ohne{border-style:dashed;color:#7f8b94 !important;}
.dc-kachel.dc-konform .dc-zul-alle{color:#f4f6f7 !important;font-size:14px;text-decoration:none !important;border-bottom:1px solid #3a444c;align-self:flex-start;padding-bottom:1px;margin-top:2px;}
.dc-kachel.dc-konform .dc-zul-alle:hover{border-bottom-color:#ffffff;}
.dc-kachel.dc-konform .dc-zul-hinweis{color:#626e77;font-size:13px;margin-top:0;}

/* Konformitaetskachel ueber die volle Breite, Text links, Nachweise rechts */
.dc-kacheln .dc-kachel.dc-konform{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:14px 44px;}
.dc-kachel.dc-konform > b,.dc-kachel.dc-konform > span:first-of-type{flex:1 1 100%;}
.dc-kachel.dc-konform .dc-zul{flex:1 1 380px;margin-top:0;}
.dc-kachel.dc-konform .dc-zul-hinweis,.dc-kachel.dc-konform .dc-zul-alle{flex:1 1 100%;}
@media (min-width:900px){
  .dc-kachel.dc-konform > b{flex:0 0 100%;}
  .dc-kachel.dc-konform > span:first-of-type{flex:1 1 320px;max-width:34em;}
}

/* Unternehmen: Laenderchips und Rechtstexte */
.dc-laender{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;}
.dc-land{border:1px solid #3a444c;padding:9px 14px;font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-size:16px;color:#f4f6f7;letter-spacing:0.01em;}
.dc-land:first-child{border-color:#cc0000;}
.dc-dunkel .dc-baustein .dc-text br{display:block;}
.dc-rechtstext{max-width:52rem;}
.dc-rechtstext h2,.dc-rechtstext h3,.dc-rechtstext h4{font-family:"Archivo",sans-serif !important;font-weight:800 !important;color:#0e1114 !important;letter-spacing:-0.02em;margin:34px 0 8px !important;line-height:1.15 !important;text-transform:none !important;}
.dc-rechtstext h2{font-size:24px !important;}
.dc-rechtstext h3{font-size:20px !important;}
.dc-rechtstext h4{font-size:17px !important;}
.dc-rechtstext p,.dc-rechtstext li{font-size:16px;line-height:1.65;color:#3a444c;}
.dc-rechtstext p{margin:0 0 14px;}
.dc-rechtstext ul,.dc-rechtstext ol{margin:0 0 14px;padding-left:1.2rem;}
.dc-rechtstext a{color:#cc0000 !important;text-decoration:none !important;border-bottom:1px solid #e4b0b0;}
.dc-rechtstext a:hover{border-bottom-color:#cc0000;}
.dc-rechtstext strong,.dc-rechtstext b{color:#0e1114;}
.dc-rechtstext table{border-collapse:collapse;width:100%;margin:0 0 18px;}
.dc-rechtstext td,.dc-rechtstext th{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid #e4e1dd;font-size:15px;vertical-align:top;}

/* Signalweg als Kachelreihe (Vorschlag B): nicht erreichte Kacheln gedimmt statt unsichtbar,
   die Chipleiste entfaellt auf dem Desktop, weil die Kacheln sie ersetzen */
.dc-bahn.dc-kachelweg .dc-stufe{opacity:.22;transition:opacity .45s ease;}
.dc-bahn.dc-kachelweg .dc-stufe[data-an="1"]{opacity:1;}
@media (min-width:541px){ .dc-kachelweg .dc-schrittleiste{display:none;} .dc-kachelweg .dc-erklaerung{margin-top:18px;} }
/* Erklaerzeile in der gepinnten Tafel: fest zwei Zeilen reservieren (Zeilenhoehe 1,8em), sonst
   springt der senkrecht zentrierte Inhalt, sobald ein Schritt nur eine Zeile Text hat.
   Unter 900 px koennen Texte drei Zeilen brauchen, dort drei reservieren. */
.dc-klebe .dc-erklaerung{min-height:3.7em;}
@media (max-width:900px){ .dc-klebe .dc-erklaerung{min-height:5.5em;} }

/* Gepinnte Tafel: der Rahmen darf nicht am Inhalt schrumpfen. In der Flex-Spalte hebt margin:auto
   das Strecken auf, der Rahmen wurde so breit wie der jeweils laengste Erklaertext und
   zentrierte sich mit jedem Schritt neu (Ueberschrift wanderte um bis zu 22 px). */
.dc-klebe > .dc-wrap{width:100%;align-self:center;}

/* Gepinnter Weg mit vier Schritten (Remote Support Desk) */
.dc-bahn.dc-vier{height:340vh;}
@media (max-width:62rem){ .dc-bahn.dc-vier{height:300vh;} }

/* Aehnliche Produkte am Ende jeder Produktseite */
.dc-aehnlich .dc-karten{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
@media (min-width:1100px){ .dc-aehnlich .dc-karten{grid-template-columns:repeat(4,minmax(0,1fr));} }
.dc-aehnlich .dc-karte{padding:0 0 26px;}
.dc-aehnlich .dc-platte{background:#f4f6f7;padding:22px 26px;display:flex;justify-content:center;align-items:center;height:190px;}
.dc-aehnlich .dc-platte img{max-height:150px;max-width:80%;width:auto;height:auto;display:block;object-fit:contain;}
.dc-aehnlich .dc-karte > .dc-kap,.dc-aehnlich .dc-karte > .dc-name,.dc-aehnlich .dc-karte > .dc-wert,.dc-aehnlich .dc-karte > .dc-meta{margin-left:26px;margin-right:26px;}
.dc-aehnlich .dc-karte > .dc-kap{margin-top:20px;}
.dc-aehnlich .dc-karte .dc-name{font-size:20px;}
.dc-aehnlich .dc-karte .dc-wert{font-size:15px;line-height:1.5;}
.dc-aehnlich .dc-system{margin-top:22px;color:#55606a;font-size:15px;}
.dc-aehnlich .dc-system a{color:#0e1114 !important;text-decoration:none !important;border-bottom:1px solid #c9c5bf;}
.dc-aehnlich .dc-system a:hover{border-bottom-color:#cc0000;}
/* Zeichnung in der bisher leeren grauen Flaeche des Bausteinrasters.
   Die Kacheln bleiben unveraendert; die Grafik nimmt genau die Zellen ein,
   die in der zweiten Reihe frei blieben. */
.dc-bausteine .dc-bgrafik{position:relative;background:#141a1f;overflow:hidden;min-height:210px;}
.dc-bgrafik .dc-bszene{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;}
.dc-bgrafik .dc-bszene[data-an="1"]{opacity:1;}
.dc-bgrafik svg{width:100%;height:100%;display:block;}
.dc-folge-an .dc-bausteine > .dc-bgrafik{opacity:1 !important;transform:none !important;}
@media (min-width:1200px){ .dc-r-bausteine .dc-bausteine .dc-bgrafik{grid-column:span 4;} }
@media (min-width:700px) and (max-width:1199px){ .dc-r-bausteine .dc-bausteine .dc-bgrafik{grid-column:span 2;} }
@media (max-width:699px){ .dc-bausteine .dc-bgrafik{display:none;} }

/* Grundriss als Stilmittel im Auftakt. Frei erfundener Plan, kein reales Gebaeude. */
.dc-mitplan{position:relative;overflow:hidden;}
.dc-mitplan > .dc-wrap{position:relative;z-index:1;}
.dc-plan{position:absolute;top:50%;right:-4%;width:80%;transform:translateY(-50%);
  opacity:.34;pointer-events:none;z-index:0;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 38%,rgba(0,0,0,.70) 68%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 38%,rgba(0,0,0,.70) 68%,#000 100%);}
.dc-plan svg{width:100%;height:auto;display:block;}
@media (max-width:62rem){ .dc-plan{display:none;} }