/* ===== 008-dc-relaunch-1-2-farbsystem-kopfzeile-logo-head.css ===== */
/* DEUTA Relaunch, Richtung B - Stufe 1+2: Farbsystem, dunkle Kopfzeile, weisses Logo */
:root{--dc-ink:#0e1114;--dc-ink2:#171c21;--dc-line:#2a333b;--dc-text:#f4f6f7;--dc-muted:#a4afb6;--dc-muted2:#7f8b94;--dc-hell:#f2f0ed;--dc-rot:#cc0000;}
body{font-family:"Barlow","Segoe UI",system-ui,sans-serif !important;}
h1,h2,h3,h4,.pix-title,.pix-heading{font-family:"Archivo","Segoe UI",sans-serif !important;font-weight:800 !important;letter-spacing:-0.025em;}
.pixfort-header-area,.pix-header,.pix-header .pix-header-container-area,.pix-header [class*="pix-header-"]{--pix-header-bg-color:var(--dc-ink) !important;--pix-header-scroll-bg-color:var(--dc-ink) !important;--pix-header-text-color:var(--dc-muted) !important;--pix-header-scroll-text-color:var(--dc-text) !important;--pix-menu-color:var(--dc-muted) !important;--pix-header-area-line-color:var(--dc-line) !important;}
.pixfort-header-area,.pix-header{background:var(--dc-ink) !important;background-color:var(--dc-ink) !important;border-bottom:1px solid var(--dc-line) !important;}
.pix-header .navbar .nav-link,.pix-header .pix-header-text,.pix-header .pix-header-phone{color:var(--dc-muted) !important;font-family:"Barlow",sans-serif !important;font-weight:500 !important;}
.pix-header .navbar .current-menu-item > .nav-link,.pix-header .navbar .nav-link:hover{color:#ffffff !important;}
.pix-header .navbar .current-menu-item > .nav-link{box-shadow:inset 0 -2px 0 var(--dc-rot);}
.pix-header .navbar-brand img{content:url("/wp-content/uploads/2026/09/DEUTA_Controls_Logo_weiss.png");height:71px !important;width:auto !important;}
.pix-header .navbar-brand{display:inline-flex;align-items:center;}
/* Theme-Abstand pt-5 unter der Kopfzeile: auf der neuen Startseite entfaellt er, die Buehne beginnt direkt. */
.page-id-301 #content.site-content{padding-top:0 !important;}
/* Logo darf vom breiten Menue nicht zusammengedrueckt werden */
.pix-header .navbar-brand{flex:0 0 auto !important;}
.pix-header .navbar-brand img{max-width:none !important;}
/* Logo am Handy: 101 px waeren 305 px breit bei 375 px Fenster */
@media (max-width:767px){ .pix-header .navbar-brand img{height:72px !important;} }

/* ===== 009-dc-relaunch-3-sprachumschalter-schaltflaechen-me.css ===== */
/* DEUTA Relaunch, Richtung B - Stufe 3: Sprachumschalter als Text, Schaltflaechen eckig, Menue.
   Das Theme-CSS laedt NACH diesem Block, deshalb !important auch auf content. */
.pix-header .wpml-ls-item img.wpml-ls-flag{display:none !important;}
.pix-header .wpml-ls-item .pix-dropdown-title{display:inline-block !important;min-width:1.6em;text-align:center;font-family:"Barlow Semi Condensed","Barlow",sans-serif !important;font-size:28px !important;letter-spacing:0.08em;color:var(--dc-muted2) !important;}
.pix-header .wpml-ls-item-de .pix-dropdown-title::after{content:"DE" !important;}
.pix-header .wpml-ls-item-en .pix-dropdown-title::after{content:"EN" !important;}
.pix-header .wpml-ls-item-fr .pix-dropdown-title::after{content:"FR" !important;}
.pix-header .wpml-ls-current-language .pix-dropdown-title{color:#ffffff !important;font-weight:600 !important;}
.pix-header .wpml-ls-item .nav-link{padding-left:4px !important;padding-right:4px !important;}
.pix-header .wpml-ls-first-item{margin-left:10px;border-left:1px solid var(--dc-line);padding-left:6px;}
.pix-header .navbar .nav-link .pix-dropdown-title{font-family:"Barlow",sans-serif !important;font-weight:500 !important;font-size:18px !important;}
/* Die Menuetitel enthalten <font size="4"> aus dem Menue-Editor; ohne diese Regel bleibt der Text bei 18 px. */
.pix-header .navbar .pix-dropdown-title font{font-size:inherit !important;}
/* Test +50 %: Untermenues behalten die alte Groesse */
.pix-header .navbar .dropdown-menu .pix-dropdown-title,.pix-header .navbar .pix-mega-menu .pix-dropdown-title{font-size:15px !important;}
.pix-header .navbar .current-menu-item .pix-dropdown-title, .pix-header .navbar .current_page_item .pix-dropdown-title{color:#ffffff !important;}
/* Schaltflaechen: eckig, Versalien, Archivo */
.btn, .pix-btn, .wpcf7-submit, .wpforms-submit, button[type="submit"]{border-radius:0 !important;font-family:"Archivo","Segoe UI",sans-serif !important;font-weight:700 !important;letter-spacing:0.03em !important;text-transform:uppercase;box-shadow:none !important;}
.btn-primary, .pix-btn-primary, .wpcf7-submit, .wpforms-submit{background-color:var(--dc-rot) !important;border-color:var(--dc-rot) !important;color:#ffffff !important;}
.btn-primary:hover, .pix-btn-primary:hover, .wpcf7-submit:hover, .wpforms-submit:hover{background-color:#a80000 !important;border-color:#a80000 !important;}
/* Pfeil bleibt neben dem Menuetitel statt darunter */
.pix-header .navbar .nav-item > .nav-link{white-space:nowrap !important;display:inline-flex !important;align-items:center !important;flex-wrap:nowrap !important;}
/* Sprachkuerzel sichtbar machen: das Theme nutzt ::after als 3 px hohe Unterstreichung (absolut). Hier wird es wieder normaler Text. */
.pix-header .wpml-ls-item .pix-dropdown-title{line-height:1.2 !important;height:auto !important;}
/* Spezifitaet absichtlich hoch (Klasse wiederholt): die Theme-Regel fuer den Unterstrich hat 8 Klassen und !important. */
header.pix-header .navbar li.wpml-ls-item.wpml-ls-item.wpml-ls-item.wpml-ls-item.wpml-ls-item.wpml-ls-item .nav-link span.pix-dropdown-title::after{position:static !important;display:inline !important;height:auto !important;width:auto !important;transform:none !important;background:none !important;background-color:transparent !important;background-image:none !important;opacity:1 !important;font-size:17px !important;line-height:1.2 !important;bottom:auto !important;left:auto !important;}
/* Platz fuer den Pfeil rechts neben dem Menuetitel */
.pix-header .navbar .menu-item-has-children > .nav-link .pix-dropdown-title{padding-right:26px !important;}
/* Engere Abstaende zwischen den Menuepunkten, damit die grosse Schrift auf 1440 px passt */
.pix-header .navbar .navbar-nav > .nav-item > .nav-link{padding-left:8px !important;padding-right:8px !important;}
.pix-header .navbar .navbar-nav > .menu-item{padding-left:0 !important;padding-right:0 !important;}
.pix-header .wpml-ls-item .pix-dropdown-title{min-width:1.3em !important;font-size:17px !important;}
/* Sieben Menuepunkte plus Sprachkuerzel brauchen den Platz: Telefonnummer erst ab sehr breiten Fenstern. Sie steht in der Fusszeile und auf der Angebotsseite. */
@media (max-width:1600px){ .pix-header .pix-header-phone{display:none !important;} }
/* Aufklappmenues in der Richtung B: dunkel statt weiss.
   Wichtig: Das Theme faerbt nicht das <a>, sondern den Text darin (span.pix-dropdown-title, teils <font>)
   in fast Schwarz (#343a40) - auf dunklem Grund unlesbar. Darum wird der Text selbst gefaerbt. */
/* Der sichtbare Kasten ist .submenu-box (Theme-Klasse bg-gray-3, hellgrau) - ohne ihn bleibt das Aufklappmenue hell. */
.pix-header .navbar .dropdown-menu,.pix-header .navbar .pix-mega-menu,.pix-header .navbar .pix-dropdown-menu{background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;}
.pix-header .navbar .submenu-box,.pix-header .navbar .submenu-box.bg-gray-3,.pix-header .navbar .submenu-box.bg-white,.pix-header .navbar .pix-mega-menu .submenu-box{background:#171c21 !important;background-color:#171c21 !important;border:1px solid #2a333b !important;border-radius:0 !important;box-shadow:0 18px 40px rgba(0,0,0,.45) !important;padding:8px 0 !important;}
.pix-header .navbar .dropdown-menu a,.pix-header .navbar .submenu-box a,
.pix-header .navbar .dropdown-menu a .pix-dropdown-title,.pix-header .navbar .submenu-box a .pix-dropdown-title,
.pix-header .navbar .dropdown-menu a .pix-dropdown-title font,
.pix-header .navbar .dropdown-menu li,
.pix-header .navbar .dropdown-menu p{color:#c8d0d6 !important;}
.pix-header .navbar .dropdown-menu a:hover,.pix-header .navbar .submenu-box a:hover,
.pix-header .navbar .dropdown-menu a:hover .pix-dropdown-title,.pix-header .navbar .submenu-box a:hover .pix-dropdown-title,
.pix-header .navbar .dropdown-menu a:hover .pix-dropdown-title font,
.pix-header .navbar .dropdown-menu a:focus .pix-dropdown-title{color:#ffffff !important;}
.pix-header .navbar .dropdown-menu li > a:hover,.pix-header .navbar .submenu-box li > a:hover{background:#0e1114 !important;}
.pix-header .navbar .submenu-box .current-menu-item > a .pix-dropdown-title,.pix-header .navbar .dropdown-menu .current-menu-item > a .pix-dropdown-title,
.pix-header .navbar .dropdown-menu .current_page_item > a .pix-dropdown-title{color:#ffffff !important;font-weight:600 !important;box-shadow:inset 3px 0 0 #cc0000;padding-left:10px !important;}
.pix-header .navbar .dropdown-menu .pix-dropdown-title{font-family:"Barlow",sans-serif !important;font-size:16px !important;font-weight:500 !important;}
.pix-header .navbar .dropdown-menu li > a{padding-top:9px !important;padding-bottom:9px !important;}

/* ===== 011-dc-relaunch-5-fusszeile-dunkel-head.css ===== */
/* DEUTA Relaunch, Richtung B - Stufe 5: Fusszeile dunkel, ruhig, in den neuen Schriften.
   Struktur (vier Spalten, LinkedIn) folgt im Footer-Builder des Themes, das geht nur ueber die Oberflaeche. */
#pix-page-footer .vc_section.bg-gradient-dark{background:var(--dc-ink) !important;background-image:none !important;}
#pix-page-footer .pix_element_overlay.bg-gray-9{background:transparent !important;opacity:0 !important;}
#pix-page-footer, #pix-page-footer .site-footer2{background:var(--dc-ink) !important;border-top:1px solid var(--dc-line);}
#pix-page-footer, #pix-page-footer p, #pix-page-footer li, #pix-page-footer span{font-family:"Barlow","Segoe UI",sans-serif !important;color:var(--dc-muted) !important;font-size:15px;line-height:1.7;}
#pix-page-footer h1, #pix-page-footer h2, #pix-page-footer h3, #pix-page-footer h4, #pix-page-footer h5, #pix-page-footer .pix-title, #pix-page-footer strong{font-family:"Archivo","Segoe UI",sans-serif !important;font-weight:800 !important;color:#ffffff !important;letter-spacing:-0.01em;}
#pix-page-footer a{color:var(--dc-muted) !important;text-decoration:none;}
#pix-page-footer a:hover{color:#ffffff !important;}
#pix-page-footer hr, #pix-page-footer .vc_separator .vc_sep_line{border-color:var(--dc-line) !important;}
#pix-page-footer img{filter:none;}
#pix-page-footer img[alt*="DEUTA"], #pix-page-footer img[src*="Logo_Farbe"]{content:url("/wp-content/uploads/2026/09/DEUTA_Controls_Logo_weiss.png");max-height:52px;width:auto;}

/* Vierspaltige Fusszeile der Richtung B (Inhalt liegt im pixfooter 3610). */
.dc-fuss{background:var(--dc-ink);color:var(--dc-muted);}
.dc-fuss .dc-fuss-spalten{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;padding-top:62px;padding-bottom:34px;}
.dc-fuss .dc-fuss-spalte{display:flex;flex-direction:column;gap:10px;}
.dc-fuss .dc-fuss-marke{gap:16px;}
.dc-fuss .dc-fuss-name{font-size:24px;color:#ffffff !important;letter-spacing:-0.025em;line-height:1.1;text-transform:uppercase;}
.dc-fuss .dc-fuss-anschrift{font-size:15px;line-height:1.9;color:#7f8b94 !important;}
.dc-fuss .dc-fuss-anschrift a{color:#a4afb6 !important;}
.dc-fuss .dc-fuss-anschrift a:hover{color:#ffffff !important;}
.dc-fuss .dc-kap{color:#626e77 !important;font-family:"Archivo",sans-serif !important;font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:4px;}
.dc-fuss .dc-fuss-spalte a{color:#a4afb6 !important;text-decoration:none !important;font-size:15px;}
.dc-fuss .dc-fuss-spalte a:hover{color:#ffffff !important;}
.dc-fuss .dc-linkedin{display:inline-flex;align-items:center;gap:11px;border:1px solid var(--dc-line);padding:11px 16px;align-self:flex-start;margin-top:2px;}
.dc-fuss .dc-linkedin:hover{border-color:#cc0000;color:#ffffff !important;}
.dc-fuss .dc-fuss-schluss{border-top:1px solid var(--dc-line);padding-top:20px;padding-bottom:36px;display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;}
.dc-fuss .dc-fuss-schluss .dc-kap{color:#626e77 !important;margin:0;}
.dc-fuss .dc-fuss-klein{font-size:13px;color:#4a545c !important;flex-basis:100%;padding-top:8px;}
@media (max-width:62rem){
  .dc-fuss .dc-fuss-spalten{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;}
}
@media (max-width:540px){
  .dc-fuss .dc-fuss-spalten{grid-template-columns:1fr;gap:28px;padding-top:44px;}
}

/* ===== 012-dc-relaunch-6-seitenabschnitte-richtung-b-head.css ===== */
/* 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;} }

/* ===== 044-dc-relaunch-21-borlabs-dialogkopf-auf-dem-handy-.css ===== */
/* Borlabs-Cookie-Dialog: Kopfzeile auf schmalen Bildschirmen umbrechen lassen */
@media (max-width:600px){
  .brlbs-cmpnt-dialog-box-header{flex-wrap:wrap !important;row-gap:8px;}
  .brlbs-cmpnt-dialog-box-header .brlbs-dialog-logo{max-height:40px;width:auto;flex:0 0 auto;}
  .brlbs-cmpnt-dialog-box-header .brlbs-cmpnt-dialog-entrance-headline{font-size:19px;line-height:1.25;flex:0 1 auto;max-width:100%;text-align:center;}
}

/* ===== 046-dc-relaunch-23-bildplatz-reservieren-head.css ===== */
/* Platz fuer Bilder ohne width/height vorab reservieren (Layout Shift) */
img[src*="EnoSense-RADON-seitlich-links-frei-01-1"]{aspect-ratio:auto 604/685;}

/* ===== 062-dc-relaunch-14-musteretage-head.css ===== */
/* ------------------------------------------------ Musteretage, interaktiver Plan */
.dc-et-steuer{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;margin-top:30px;}
.dc-et-stufen{display:flex;flex-wrap:wrap;gap:2px;background:#d5d2ce;border:1px solid #d5d2ce;}
.dc-et-stufen button{background:#ffffff;border:none;padding:11px 18px 12px;cursor:pointer;
  font-family:"Archivo",sans-serif;font-weight:600;font-size:15px;color:#0e1114;text-align:left;
  display:flex;flex-direction:column;gap:2px;min-width:168px;}
.dc-et-stufen button span{font-family:"Barlow Semi Condensed",sans-serif;font-weight:500;
  font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#7c756e;}
.dc-et-stufen button:hover{background:#faf9f7;}
.dc-et-stufen button[aria-pressed="true"]{background:#0e1114;color:#ffffff;}
.dc-et-stufen button[aria-pressed="true"] span{color:#cc0000;}
.dc-et-knopf{background:#ffffff;border:1px solid #c9c5bf;padding:10px 16px;cursor:pointer;
  font-family:"Barlow",sans-serif;font-size:15px;color:#0e1114;}
.dc-et-knopf:hover{background:#faf9f7;}
.dc-et-knopf[aria-pressed="true"]{background:#0e1114;color:#ffffff;border-color:#0e1114;}
.dc-et-stufentext{color:#55606a;font-size:16px;max-width:52em;margin:14px 0 0;line-height:1.5;}

.dc-et-buehne{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:22px;
  align-items:start;}
.dc-et-plan{position:relative;background:#e4e2e0;overflow:hidden;}
.dc-et-plan svg{display:block;width:100%;height:auto;}
/* Zwei Lagen: die Einfaerbung liegt unter den Moebeln, die Trefferflaeche darueber.
   Sonst deckt die Farbe Tische, Stuehle und Schatten zu. */
.dc-et-farbe{fill:#1d6f3c;opacity:0;transition:opacity .25s ease-out;pointer-events:none;}
.dc-et-raum{fill:transparent;stroke:none;cursor:pointer;}
.dc-et-raum:hover{stroke:#0e1114;stroke-width:8;}
.dc-et-raum.dc-et-wahl{stroke:#cc0000;stroke-width:11;}
#dc-et-funkkreise{opacity:0;transition:opacity .3s ease-out;pointer-events:none;}
#dc-et-funkkreise.dc-an{opacity:1;}
#dc-et-funkkreise circle{fill:#cc0000;fill-opacity:.07;stroke:#cc0000;stroke-width:5;
  stroke-dasharray:26 16;}
.dc-et-g{cursor:pointer;}
.dc-et-g .dc-et-treffer{fill:transparent;}
.dc-et-g .dc-et-punkt{stroke:#ffffff;stroke-width:6;}
/* SVG-Elemente kennen die HTML-Eigenschaft hidden nicht, darum eine Klasse. */
.dc-et-g.dc-et-aus{display:none;}
.dc-et-g:hover .dc-et-punkt,.dc-et-g.dc-et-wahl .dc-et-punkt{stroke:#0e1114;stroke-width:9;}
.dc-et-plan.dc-funk .dc-et-g:not([data-art="empfang"]):not([data-art="gateway"]) .dc-et-punkt{opacity:.22;}

.dc-et-tafel{background:#ffffff;border:1px solid #e2ded9;padding:22px 22px 24px;
  position:sticky;top:96px;}
.dc-et-tafel .dc-kap{display:block;color:#cc0000;}
.dc-et-tafel h3{font-family:"Archivo",sans-serif;font-size:21px;line-height:1.2;margin:6px 0 0;
  color:#0e1114;}
.dc-et-tafel p{font-size:15px;line-height:1.55;color:#55606a;margin:12px 0 0;}
.dc-et-daten{list-style:none;padding:0;margin:16px 0 0;border-top:1px solid #eae6e2;}
.dc-et-daten li{display:flex;justify-content:space-between;gap:14px;padding:7px 0;
  border-bottom:1px solid #eae6e2;font-size:14px;color:#55606a;}
.dc-et-daten li b{color:#0e1114;font-weight:600;text-align:right;}
.dc-et-tafel .dc-weiter{margin-top:16px;display:inline-block;color:#0e1114 !important;}
.dc-et-messwert{display:flex;align-items:baseline;gap:10px;margin-top:16px;}
.dc-et-messwert b{font-family:"Archivo",sans-serif;font-size:30px;line-height:1;color:#0e1114;
  font-variant-numeric:tabular-nums;}
.dc-et-messwert span{font-size:14px;color:#7c756e;}
.dc-et-stab{height:8px;background:#eae6e2;margin-top:10px;position:relative;overflow:hidden;}
.dc-et-stab i{display:block;height:100%;width:0;transition:width .3s ease-out;}

.dc-et-zeit{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:20px;
  background:#ffffff;border:1px solid #e2ded9;padding:14px 18px;}
.dc-et-zeit label{font-family:"Barlow Semi Condensed",sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;color:#7c756e;}
.dc-et-zeit input[type="range"]{flex:1;min-width:220px;accent-color:#cc0000;}
.dc-et-zeit output{font-family:"Archivo",sans-serif;font-weight:700;font-size:19px;
  font-variant-numeric:tabular-nums;color:#0e1114;min-width:62px;}
.dc-et-skala{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:16px;
  font-size:13.5px;color:#7c756e;}
.dc-et-skala i{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;}
.dc-et-legende{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:14px;
  color:#55606a;}
.dc-et-legende span{display:flex;align-items:center;gap:8px;}
.dc-et-legende b{width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;
  box-shadow:0 0 0 1px rgba(0,0,0,.18);}
.dc-et-hinweis{margin-top:16px;font-size:14px;color:#7c756e;max-width:60em;line-height:1.55;}

.dc-et-summe{display:flex;flex-wrap:wrap;gap:10px 30px;align-items:baseline;margin-top:8px;}
.dc-et-summe b{font-family:"Archivo",sans-serif;font-size:26px;color:#0e1114;
  font-variant-numeric:tabular-nums;}
@media (max-width:980px){
  .dc-et-buehne{grid-template-columns:1fr;}
  .dc-et-tafel{position:static;}
}
@media (prefers-reduced-motion:reduce){
  .dc-et-raum,#dc-et-funkkreise,.dc-et-stab i{transition:none;}
}

/* ===== 103-dc-relaunch-15-merkliste-head.css ===== */
/* ---------------------------------------------------------------- Merkliste */
.dc-merken{background:#ffffff;border:1px solid #c9c5bf;color:#0e1114;font:inherit;
  font-size:15px;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;
  gap:9px;line-height:1;}
.dc-merken:hover{background:#faf9f7;}
.dc-merken[aria-pressed="true"]{background:#0e1114;color:#ffffff;border-color:#0e1114;}
.dc-merken svg{width:15px;height:15px;flex:none;}
/* Kleine Fassung fuer die Variantentabelle. Die steht auf dunklem Grund, darum
   heller Rand und helle Schrift statt der weissen Flaeche. */
.dc-merken-klein{padding:7px 12px;font-size:13.5px;gap:7px;background:transparent;
  border-color:#3a434b;color:#eceae8;white-space:nowrap;}
.dc-merken-klein:hover{background:#171c20;border-color:#55606a;}
.dc-merken-klein[aria-pressed="true"]{background:#eceae8;color:#0e1114;border-color:#eceae8;}
.dc-merken-klein svg{width:13px;height:13px;}
.dc-variantentabelle td:last-child{padding-right:0;}
.dc-merken .dc-m-aus{display:block;}
.dc-merken .dc-m-an{display:none;}
.dc-merken[aria-pressed="true"] .dc-m-aus{display:none;}
.dc-merken[aria-pressed="true"] .dc-m-an{display:block;}

#dc-merkliste{position:fixed;right:0;bottom:0;z-index:900;width:340px;max-width:calc(100vw - 24px);
  background:#0e1114;color:#eceae8;box-shadow:0 -2px 24px rgba(0,0,0,.28);
  font-family:"Barlow",system-ui,sans-serif;transform:translateY(calc(100% - 52px));
  transition:transform .28s ease-out;}
#dc-merkliste.dc-offen{transform:translateY(0);}
#dc-merkliste[hidden]{display:none;}
#dc-m-griff{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;
  width:100%;height:52px;padding:0 18px;cursor:pointer;background:#cc0000;color:#ffffff;
  font-family:"Archivo",sans-serif;font-weight:600;font-size:15px;letter-spacing:.01em;}
#dc-m-griff:focus-visible{outline:2px solid #ffffff;outline-offset:-4px;}
#dc-m-zahl{margin-left:auto;font-variant-numeric:tabular-nums;background:rgba(255,255,255,.18);
  padding:2px 9px;border-radius:2px;}
#dc-m-pfeil{transition:transform .28s ease-out;}
#dc-merkliste.dc-offen #dc-m-pfeil{transform:rotate(180deg);}
#dc-m-koerper{padding:16px 18px 20px;max-height:min(62vh,520px);overflow-y:auto;}
#dc-m-liste{list-style:none;margin:0;padding:0;}
#dc-m-liste li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:11px 0;
  border-bottom:1px solid #2a3138;}
#dc-m-liste li:first-child{padding-top:0;}
#dc-m-liste a.dc-m-name{grid-column:1;color:#eceae8 !important;text-decoration:none;
  font-family:"Archivo",sans-serif;font-weight:600;font-size:15px;line-height:1.25;
  display:block;overflow:hidden;text-overflow:ellipsis;}
#dc-m-liste a.dc-m-name:hover{color:#ffffff !important;text-decoration:underline;}
#dc-m-liste .dc-m-meta{grid-column:1;color:#8e959a;font-size:13px;
  font-variant-numeric:tabular-nums;}
#dc-m-liste .dc-m-meta a{color:#8e959a !important;text-decoration:underline;}
#dc-m-liste .dc-m-meta a:hover{color:#eceae8 !important;}
#dc-m-liste button{all:unset;grid-column:2;grid-row:1 / span 2;align-self:center;cursor:pointer;
  color:#8e959a;font-size:22px;line-height:1;padding:0 4px;}
#dc-m-liste button:hover{color:#ff6b6b;}
#dc-m-liste button:focus-visible{outline:2px solid #cc0000;outline-offset:2px;}
.dc-m-knoepfe{display:flex;flex-direction:column;gap:8px;margin-top:18px;}
.dc-m-knoepfe a,.dc-m-knoepfe button{all:unset;box-sizing:border-box;cursor:pointer;
  text-align:center;padding:12px 14px;font-size:15px;font-family:"Barlow",sans-serif;}
.dc-m-haupt{background:#cc0000;color:#ffffff !important;font-weight:600;}
.dc-m-haupt:hover{background:#b00000;}
.dc-m-rand{border:1px solid #3a434b !important;color:#eceae8 !important;}
.dc-m-rand:hover{background:#171c20;}
.dc-m-leer{color:#8e959a;font-size:13px;text-align:center;padding-top:4px;}
.dc-m-hinweis{color:#8e959a;font-size:13px;line-height:1.5;margin:14px 0 0;}
@media (max-width:520px){
  #dc-merkliste{width:100%;right:0;}
}
@media (prefers-reduced-motion:reduce){
  #dc-merkliste,#dc-m-pfeil{transition:none;}
}

/* ------------------------------------------- Geraeteauswahl im Anfrageformular
   Dieselbe Merkliste, nur ein zweiter Weg hinein: Wer direkt auf dem Formular
   landet, hat keine Produktseite besucht und braucht einen Ort zum Klicken. */
#dc-geraetewahl{margin:6px 0 0;}
#dc-geraetewahl .dc-gw-hinweis{color:#55606a;font-size:15px;margin:0 0 16px;max-width:46em;}
#dc-geraetewahl .dc-gw-gruppe{margin-bottom:18px;}
#dc-geraetewahl .dc-gw-gruppe > b{display:block;font-family:"Archivo",sans-serif;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase;color:#7b858d;margin-bottom:9px;}
/* Raster statt umbrechender Reihe: gleich breite Spalten, Zeilen auf einer
   Linie. Mit flex-wrap ergaben die unterschiedlich langen Produktnamen einen
   Flickenteppich. Innen wieder ein Raster - Hakenspalte, Name, Bestellnummer -,
   damit die Nummern untereinanderstehen und der Name beim Anhaken nicht
   verrutscht. Die Hakenspalte bleibt reserviert, auch wenn sie leer ist. */
#dc-geraetewahl .dc-gw-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));
  gap:8px;}
#dc-geraetewahl .dc-gw-kachel{all:unset;box-sizing:border-box;cursor:pointer;display:grid;
  grid-template-columns:13px 1fr auto;gap:10px;align-items:baseline;text-align:left;
  background:#ffffff;border:1px solid #c9c5bf;padding:10px 13px;
  font-family:"Barlow",sans-serif;font-size:14.5px;color:#0e1114;line-height:1.3;}
#dc-geraetewahl .dc-gw-kachel::before{content:"";font-weight:700;font-size:13px;}
#dc-geraetewahl .dc-gw-kachel:hover{background:#faf9f7;border-color:#8e959a;}
#dc-geraetewahl .dc-gw-kachel:focus-visible{outline:2px solid #cc0000;outline-offset:2px;}
#dc-geraetewahl .dc-gw-kachel span{font-variant-numeric:tabular-nums;color:#7b858d;font-size:13px;}
#dc-geraetewahl .dc-gw-kachel[aria-pressed="true"]{background:#0e1114;border-color:#0e1114;color:#ffffff;}
#dc-geraetewahl .dc-gw-kachel[aria-pressed="true"] span{color:#a9b2b9;}
#dc-geraetewahl .dc-gw-kachel[aria-pressed="true"]::before{content:"\2713";}
#dc-geraetewahl .dc-gw-gruppe > b{border-bottom:1px solid #e2ded8;padding-bottom:6px;}

/* Die Auswahl mit Mengen. Dieselbe Rasterlogik wie oben: Name, Nummer, Menge
   in festen Spalten, damit die Zahlenfelder untereinanderstehen. */
#dc-geraetewahl .dc-gw-auswahl{margin-top:22px;border-top:1px solid #e2ded8;padding-top:16px;}
#dc-geraetewahl .dc-gw-auswahl > b{display:block;font-family:"Archivo",sans-serif;
  font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#7b858d;
  margin-bottom:10px;}
#dc-geraetewahl .dc-gw-zeile{display:grid;grid-template-columns:1fr auto 118px;gap:12px;
  align-items:center;padding:8px 0;border-bottom:1px solid #eeebe7;}
#dc-geraetewahl .dc-gw-zeile > span{font-size:15px;color:#0e1114;}
#dc-geraetewahl .dc-gw-zeile > em{font-style:normal;font-size:13px;color:#7b858d;
  font-variant-numeric:tabular-nums;}
#dc-geraetewahl .dc-gw-zeile label{display:inline-flex;align-items:center;gap:8px;
  font-size:13px;color:#7b858d;justify-self:end;}
#dc-geraetewahl .dc-gw-zeile input{width:64px;box-sizing:border-box;padding:7px 8px;
  border:1px solid #c9c5bf;background:#ffffff;color:#0e1114;font-family:"Barlow",sans-serif;
  font-size:14.5px;text-align:right;font-variant-numeric:tabular-nums;}
#dc-geraetewahl .dc-gw-zeile input:focus{outline:2px solid #cc0000;outline-offset:1px;}
#dc-geraetewahl .dc-gw-leer{color:#7b858d;font-size:14px;margin:0;}
@media (max-width:560px){
  #dc-geraetewahl .dc-gw-zeile{grid-template-columns:1fr auto;}
  #dc-geraetewahl .dc-gw-zeile label{grid-column:1 / -1;justify-self:start;}
}

/* ------------------------------------------------------- Rueckfrage-Fenster
   Ersetzt das confirm() des Browsers. Grund: das Systemfenster traegt die
   Domain im Titel, ignoriert jede Gestaltung und sieht auf einer sonst
   durchgestalteten Seite nach Fehler aus. Diese Fassung ist dieselbe
   Bildsprache wie die Merkliste - dunkel, eckig, rote Aktion - und traegt
   das reduzierte Zeichen. Bedienbar mit Tastatur, Esc bricht ab. */
#dc-frage{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;
  justify-content:center;padding:20px;background:rgba(8,10,12,.72);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
#dc-frage[hidden]{display:none;}
#dc-frage .dc-frage-feld{width:100%;max-width:420px;background:#0e1114;color:#eceae8;
  border:1px solid #2a3138;border-left:3px solid #cc0000;padding:24px 26px 22px;
  box-shadow:0 18px 48px rgba(0,0,0,.45);font-family:"Barlow",system-ui,sans-serif;}
#dc-frage img{width:34px;height:34px;display:block;margin:0 0 16px;}
#dc-frage b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;
  line-height:1.2;letter-spacing:-.01em;color:#ffffff;}
#dc-frage p{margin:9px 0 0;color:#a4afb6;font-size:15px;line-height:1.5;}
#dc-frage .dc-frage-knoepfe{display:flex;gap:10px;margin-top:22px;}
#dc-frage .dc-frage-knoepfe button{all:unset;box-sizing:border-box;cursor:pointer;
  flex:1 1 auto;text-align:center;padding:12px 14px;font-size:15px;
  font-family:"Barlow",sans-serif;}
/* Achtung Spezifitaet: die Grundregel oben enthaelt all:unset und ist mit
   id + Klasse + Typ spezifischer als eine reine Klassenregel. Ohne den
   Typselektor hier setzt all:unset Hintergrund und Rand wieder zurueck -
   dann sehen beide Knoepfe aus wie Text. */
#dc-frage .dc-frage-knoepfe button.dc-frage-ja{background:#cc0000;color:#ffffff;
  font-weight:600;}
#dc-frage .dc-frage-knoepfe button.dc-frage-ja:hover{background:#b00000;}
#dc-frage .dc-frage-knoepfe button.dc-frage-nein{border:1px solid #3a434b;
  color:#eceae8;}
#dc-frage .dc-frage-knoepfe button.dc-frage-nein:hover{background:#171c20;}
#dc-frage button:focus-visible{outline:2px solid #ffffff;outline-offset:2px;}
@media (prefers-reduced-motion:reduce){ #dc-frage{backdrop-filter:none;} }

/* ===== 128-dc-relaunch-17-musteretage-3d-head.css ===== */
/* Musteretage in 3D. Gestaltung wie Richtung B: dunkle Buehne, rote Akzente,
   eckige Kanten. Die Bedienung liegt als HTML ueber der Leinwand, nicht in der
   Szene - so bleibt sie lesbar, bedienbar und mit der Tastatur erreichbar. */
#dc3d-etage{position:relative;background:#0e1114;border:1px solid #2a333b;}
#dc3d-etage .dc3d-leinwand{position:relative;width:100%;aspect-ratio:16/9;min-height:360px;
  max-height:76vh;overflow:hidden;cursor:grab;}
#dc3d-etage .dc3d-leinwand:active{cursor:grabbing;}
#dc3d-etage canvas{display:block;width:100%;height:100%;}
#dc3d-etage .dc3d-laedt{position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;color:#7f8b94;font-family:"Barlow Semi Condensed",sans-serif;
  font-size:14px;letter-spacing:.16em;text-transform:uppercase;}
#dc3d-etage .dc3d-kein{display:none;padding:28px;color:#a4afb6;}

/* Bedienleiste */
#dc3d-etage .dc3d-leiste{display:flex;flex-wrap:wrap;gap:1px;background:#2a333b;
  border-top:1px solid #2a333b;}
#dc3d-etage .dc3d-leiste > *{background:#0e1114;}
#dc3d-etage button{font-family:"Archivo",sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase;color:#a4afb6;background:#0e1114;
  border:0;padding:13px 16px;cursor:pointer;transition:color .2s,background .2s;}
#dc3d-etage button:hover{color:#fff;background:#171c21;}
#dc3d-etage button[aria-pressed="true"]{color:#fff;background:#171c21;
  box-shadow:inset 0 -2px 0 #cc0000;}
#dc3d-etage button:focus-visible{outline:2px solid #cc0000;outline-offset:-2px;}
#dc3d-etage .dc3d-gruppe{display:flex;gap:1px;background:#2a333b;}
#dc3d-etage .dc3d-marke{align-self:center;padding:0 16px;color:#626e77;
  font-family:"Barlow Semi Condensed",sans-serif;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;}

/* Legende und Infotafel */
#dc3d-etage .dc3d-legende{display:flex;flex-wrap:wrap;gap:14px 22px;padding:16px;
  border-top:1px solid #2a333b;}
#dc3d-etage .dc3d-legende span{display:flex;align-items:center;gap:8px;color:#a4afb6;
  font-size:14px;}
#dc3d-etage .dc3d-legende i{width:11px;height:11px;display:block;flex:none;}
#dc3d-etage .dc3d-tafel{position:absolute;left:16px;bottom:16px;max-width:min(360px,72%);
  background:rgba(14,17,20,.94);border:1px solid #2a333b;border-left:3px solid #cc0000;
  padding:16px 18px;display:none;}
#dc3d-etage .dc3d-tafel.dc3d-an{display:block;}
#dc3d-etage .dc3d-tafel b{display:block;font-family:"Archivo",sans-serif;font-weight:800;
  font-size:17px;color:#fff;letter-spacing:-.01em;}
#dc3d-etage .dc3d-tafel .dc3d-kap{display:block;font-family:"Barlow Semi Condensed",sans-serif;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#cc0000;margin-bottom:5px;}
#dc3d-etage .dc3d-tafel p{margin:8px 0 0;color:#a4afb6;font-size:14.5px;line-height:1.45;}
#dc3d-etage .dc3d-tafel a{color:#fff;font-weight:600;text-decoration:underline;
  text-underline-offset:3px;}
#dc3d-etage .dc3d-tafel .dc3d-zu{position:absolute;top:8px;right:10px;padding:4px 8px;
  font-size:16px;line-height:1;letter-spacing:0;}
@media (max-width:48rem){
  #dc3d-etage .dc3d-leinwand{aspect-ratio:4/3;min-height:300px;}
  #dc3d-etage .dc3d-tafel{left:8px;right:8px;bottom:8px;max-width:none;}
  #dc3d-etage button{padding:11px 12px;font-size:12px;}
}