/* THEME: "Control Room" – dunkel. Wirkt NUR, wenn die Klasse "theme-dark" hat (per Umschalter). */ html.theme-dark { --blue: #35b6f0; --blue-600: #2aa6e2; --blue-700: #85d2f8; --blue-tint: rgba(53,182,240,.14); --blue-tint-2: rgba(53,182,240,.28); --navy: #0c1a28; --navy-700: #10202f; --navy-600: #17293b; --ink: #d7e4f0; --slate: #8ea4b6; --slate-300: #61788a; --bg: #0a141f; --bg-soft: #0f1d2b; --bg-soft-2: #16283a; --line: rgba(255,255,255,.09); --line-strong: rgba(255,255,255,.20); } html.theme-dark h1, html.theme-dark h2, html.theme-dark h3, html.theme-dark h4, html.theme-dark .stat .num, html.theme-dark .keyfact .k-num, html.theme-dark .card-body h3, html.theme-dark .product-info h2 { color: #eef5fb; } html.theme-dark .site-header { background: rgba(9,17,26,.82); } html.theme-dark .site-header.is-scrolled { box-shadow: 0 10px 34px -14px rgba(0,0,0,.7); } html.theme-dark .card { background: #10202f; } html.theme-dark .card-media { background: #0b1826; } html.theme-dark .hero-frame { background: linear-gradient(160deg, #16293b, #0c1a28); } html.theme-dark .btn { color: #04121d; } html.theme-dark .btn--ghost { color: var(--ink); } html.theme-dark .btn--ghost:hover { background: var(--blue-tint); color: #eef5fb; border-color: var(--blue); } html.theme-dark .quote-panel { background: linear-gradient(160deg, #13293c, #0b1725); border: 1px solid var(--line); } html.theme-dark .quote-panel .kicker { color: #7fd0f7; } html.theme-dark .quote-panel .kicker::before { background: #7fd0f7; } html.theme-dark .hero-stats-quote .quote-panel { background: none; border: 0; } html.theme-dark .dl-item a { background: #10202f; } html.theme-dark .dl-item a:hover { background: #16283a; border-color: var(--blue); } html.theme-dark .aside-card { background: #10202f; } html.theme-dark .ss-stage { background: linear-gradient(170deg, var(--bg-soft-2), var(--bg-soft)); border-color: rgba(255,255,255,.14); } html.theme-dark .product-gallery .shot { background: linear-gradient(170deg, var(--bg-soft-2), var(--bg-soft)); } html.theme-dark .ss-arrow { background: rgba(16,32,47,.92); color: var(--ink); } html.theme-dark .ss-arrow:hover { background: var(--blue); color: #04121d; } html.theme-dark .partner-card { background: #fff; } html.theme-dark .partner-card h3 { color: #15212b; } html.theme-dark .partner-card p { color: #55626d; } html.theme-dark .partner-card .p-web { color: #00538c; } html.theme-dark .keyfact { background: #12202e; } html.theme-dark .keyfact .k-label { color: var(--slate); } html.theme-dark .ind-tile { background: #10202f; } html.theme-dark .service-card { background: #10202f; } html.theme-dark .ind-label { color: #eef5fb; } html.theme-dark .tab-btn { background: var(--bg-soft-2); border-color: var(--line-strong); } html.theme-dark .tab-btn:hover { border-color: var(--blue); color: var(--blue-700); } html.theme-dark .tab-btn.is-active { background: var(--blue); border-color: var(--blue); color: #04121d; } html.theme-dark .burger { background: var(--bg-soft-2); border-color: var(--line-strong); } html.theme-dark .burger span, html.theme-dark .burger span::before, html.theme-dark .burger span::after { background: var(--ink); } html.theme-dark .nav.is-open .burger span { background: transparent; } html.theme-dark .nav-mobile { background: var(--bg-soft-2); border-bottom-color: var(--line); } html.theme-dark .nav-mobile a { color: var(--ink); border-bottom-color: var(--line); } html.theme-dark .nav-mobile .mlang a { color: var(--slate); } html.theme-dark .nav-mobile .mlang a.is-active { color: var(--blue-700); }