.footer .email-protected:not([data-template-text]),.main-footer .email-protected:not([data-template-text]),footer .email-protected:not([data-template-text]){color:#d1d5db}.footer .email-protected:not([data-template-text]):hover,.main-footer .email-protected:not([data-template-text]):hover,footer .email-protected:not([data-template-text]):hover{color:#fff}.sidebar .email-protected:not([data-template-text]),aside .email-protected:not([data-template-text]){color:#4b5563}.sidebar .email-protected:not([data-template-text]):hover,aside .email-protected:not([data-template-text]):hover{color:#1f2937}.content .email-protected:not([data-template-text]),article .email-protected:not([data-template-text]),main .email-protected:not([data-template-text]){color:#2563eb}.content .email-protected:not([data-template-text]):hover,article .email-protected:not([data-template-text]):hover,main .email-protected:not([data-template-text]):hover{color:#1d4ed8}[data-email-style=minimal] i{display:none}[data-email-style=emphasized].email-protected{border-radius:.375rem;border:1px solid rgba(0,86,179,.2);padding:.25rem .75rem;background-color:rgba(0,86,179,.05)}[data-email-style=emphasized].email-protected:hover{background-color:rgba(0,86,179,.1)}.impressum-page .email-protected{cursor:text;user-select:text;text-decoration:none;color:inherit!important}.impressum-page .email-protected:hover{text-decoration:none}.impressum-page .email-protected i{display:none}#main-header,.header,header{overflow:visible!important}body.offcanvas-open{overflow:hidden!important;position:fixed!important;width:100%!important}#main-header nav[class*="md:flex"]{display:flex!important;align-items:center!important}#main-header nav>ul:first-of-type{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important}#main-header nav>ul:first-of-type>li>a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:.5rem 1rem!important}#main-header nav ul ul{display:block!important;position:absolute!important}@keyframes highlight{0%,100%{background-color:transparent}10%,90%{background-color:rgba(59,130,246,.1)}50%{background-color:rgba(251,191,36,.2)}}.search-highlighted{animation:highlight 2s ease-in-out;border-radius:.5rem;border:2px solid rgba(0,86,179,.5)}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:1.25rem;top:2.5rem;bottom:-2rem;width:2px;background:linear-gradient(to bottom,#e5e7eb,#9ca3af,#e5e7eb);z-index:0}.timeline-item:hover::before{background:linear-gradient(to bottom,#3b82f6,#1d4ed8,#3b82f6)}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown.dropdown-open .dropdown-options{animation:dropdownFadeIn .2s ease-out}@media print{*,::after,::before{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4;margin:15mm}#back-to-top,#cookie-banner,.custom-dropdown,.dropdown-menu,.dropdown-options,.no-print,.offcanvas-container,.search-results,[data-offcanvas-container],aside,button,nav{display:none!important}body,html{font-size:11pt!important;line-height:1.4!important;margin:0;background-color:#fff!important;padding:0;color:#000!important}h1,h2,h3,h4,h5,h6{font-weight:700;color:#000!important;page-break-after:avoid!important}h1{font-size:18pt!important}h2{font-size:16pt!important}h3{font-size:14pt!important}.container,main{margin:0;width:100%;max-width:100%;padding:12pt!important}.email-protected{user-select:text;color:inherit!important;text-decoration:none!important}.email-protected i{display:none}.email-protected::after{content:" [E-Mail]";font-size:.75rem;opacity:.7}[class*=bg-]:not([class*=bg-white]){background-color:#fff!important}.question-step{page-break-inside:avoid}.nis2-selfcheck-container{border:1px solid #ccc!important;padding:15pt!important;margin-bottom:15pt!important}#industry-info{border-left:3pt solid #2563eb!important;background-color:#f8f9fa!important;padding:10pt!important;margin:10pt 0!important}}.bg-primary{background-color:#2563eb!important}.text-primary{color:#2563eb!important}.border-primary{border-color:#2563eb!important}.hover\:bg-primary:hover{background-color:#1d4ed8!important}.focus\:ring-primary:focus{box-shadow:0 0 0 3px rgba(0,86,179,.1)!important}.custom-dropdown{position:relative!important;width:100%!important;z-index:10!important;display:block!important}.dropdown-selected{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:.5rem!important;padding:.75rem 1rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;width:100%!important;transition:all .2s ease!important;box-sizing:border-box!important}.dropdown-selected:hover{border-color:#60a5fa!important;box-shadow:0 0 0 1px rgba(96,165,250,.2)!important}.dropdown-selected:focus{border-color:#2563eb!important;outline:0!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.dropdown-selected span{color:#374151!important;flex:1!important;text-align:left!important;line-height:1.5!important;font-size:.875rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.dropdown-selected.placeholder span{color:#9ca3af!important}.dropdown-selected i{color:#6b7280!important;transition:transform .2s ease!important;margin-left:.5rem!important;font-size:1.25rem!important;flex-shrink:0!important;line-height:1!important}.dropdown-options{position:absolute!important;z-index:50!important;width:100%!important;margin-top:.25rem!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:.5rem!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;max-height:min(24rem,85vh)!important;overflow-y:auto!important;left:0!important;right:0!important;top:100%!important;display:none!important;opacity:0!important;visibility:hidden!important;transform:translateY(-5px)!important;transition:all .2s ease-in-out!important}.custom-dropdown.dropdown-open .dropdown-options{display:block!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.custom-dropdown.dropdown-open .dropdown-selected{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.custom-dropdown.dropdown-open .dropdown-selected i{transform:rotate(180deg)!important}.dropdown-options [role=group]{padding:.5rem .75rem!important;font-weight:600!important;font-size:.875rem!important;background-color:rgba(248,249,250,.95)!important;position:sticky!important;top:0!important;z-index:1!important;border-bottom:1px solid #f3f4f6!important}.dropdown-option{padding:.5rem .75rem!important;cursor:pointer!important;border-bottom:1px solid #f3f4f6!important;transition:background-color .15s ease!important;min-height:40px!important;display:flex!important;align-items:center!important;font-size:.875rem!important;line-height:1.25rem!important;color:#374151!important}.dropdown-option:last-child{border-bottom:none!important}.dropdown-option:hover{background-color:#f9fafb!important;color:#1f2937!important}.dropdown-option:focus{background-color:#eff6ff!important;color:#1e40af!important;outline:0!important}.dropdown-option:active{background-color:#dbeafe!important}#industry-info{margin-top:1rem!important;padding:1rem!important;border-radius:.5rem!important;background-color:#eff6ff!important;border-left:4px solid #3b82f6!important;transition:all .3s ease!important}#industry-info.hidden{opacity:0!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}#industry-info:not(.hidden){opacity:1!important;visibility:visible!important}#industry-info-text{color:#374151!important;font-size:.875rem!important;line-height:1.5!important}@media (max-width:640px){.dropdown-options{max-height:50vh!important}.dropdown-option{padding:.75rem 1rem!important;min-height:48px!important;font-size:1rem!important}.dropdown-selected{min-height:52px!important;padding:.875rem 1rem!important}.dropdown-selected span{font-size:1rem!important}}.dropdown-selected[aria-expanded=true]{border-color:#2563eb!important}.dropdown-option[role=option]:focus{outline:2px solid #2563eb!important;outline-offset:-2px!important}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (prefers-color-scheme:dark){.email-protected:not([class*=text-]){color:#d1d5db}.email-protected:not([class*=text-]):hover{color:#fff}.email-protected:focus{--tw-ring-color:rgb(96 165 250 / .5)}.custom-dropdown .dropdown-selected{background-color:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}.custom-dropdown .dropdown-options{background-color:#1f2937!important;border-color:#374151!important}.dropdown-option{color:#f9fafb!important}.dropdown-option:hover{background-color:#374151!important}}.debug-mode .icon-center{background-color:rgba(255,0,0,.1)!important;border:1px dashed red!important}.debug-mode .icon-center i{background-color:rgba(0,255,0,.1)!important}.debug-mode .custom-dropdown{outline:2px solid #fbbf24!important}.debug-mode .dropdown-selected{background-color:rgba(254,243,199,.5)!important}.debug-mode .dropdown-options{outline:2px solid #10b981!important}.debug-mode .dropdown-option:hover{background-color:rgba(252,165,165,.5)!important}.nis2-selfcheck-container .always-visible{opacity:1!important;visibility:visible!important;height:auto!important;overflow:visible!important;margin:revert!important;padding:revert!important}@font-face{font-family:Inter;src:url('../fonts/Inter/inter-v12-latin-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/Inter/inter-v12-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/Inter/inter-v12-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/Inter/inter-v12-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/Inter/inter-v12-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/Inter/inter-v12-latin-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('../fonts/JetBrainsMono/jetbrains-mono-v13-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('../fonts/JetBrainsMono/jetbrains-mono-v13-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('../fonts/JetBrainsMono/jetbrains-mono-v13-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* Hero-Section: Zeilenabstand wie Design-Preview */
[class*="hero-section"] h1{line-height:1.15!important}[class*="hero-section"] p{line-height:1.7!important}
/* Seitenweite Typografie — konsistent mit Hero-Section */
.item-page h1:not([style]):not([class*="text-"]){font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:800;line-height:1.15;color:#111827;margin-top:0;margin-bottom:1.25rem}
.item-page h2:not([style]){font-size:1.75rem;font-weight:700;line-height:1.25;color:#111827;margin-top:2.5rem;margin-bottom:1rem}
.item-page h3:not([style]){font-size:1.2rem;font-weight:700;line-height:1.35;color:#111827;margin-top:2rem;margin-bottom:0.75rem}
.item-page h4:not([style]){font-size:1rem;font-weight:600;line-height:1.4;color:#1f2937;margin-top:1.5rem;margin-bottom:0.5rem}
.item-page p:not([style]):not([class*="text-"]){line-height:1.75;font-size:1rem;color:#374151;margin-bottom:1.25rem}
/* Typografie-Override in farbigen Sections (bg-primary etc.) — color:inherit gewinnt gegen item-page Regeln */
.item-page .bg-primary h1,.item-page .bg-primary h2,.item-page .bg-primary h3,.item-page .bg-primary h4,.item-page .bg-primary p{color:inherit!important}
/* FAQ-Akkordeon: Heading-Margins und -Größen global zurücksetzen */
[data-faq-toggle] h2,[data-faq-toggle] h3,[data-faq-toggle] h4,[data-faq-toggle] h5{margin:0!important;font-size:1rem!important;font-weight:500!important;line-height:1.5!important;color:inherit!important}
/* Desktop-Nav: Slide-Unterstrich via li::after + scaleX (volle li-Breite, exakt) */
#main-header nav[data-menu-type=desktop-nav]>ul>li::after{content:'';position:absolute;bottom:2px;left:.5rem;right:.5rem;height:2px;background:#0056b3;border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
#main-header nav[data-menu-type=desktop-nav]>ul>li:hover::after{transform:scaleX(1)}
#main-header nav[data-menu-type=desktop-nav]>ul>li.active-parent::after,#main-header nav[data-menu-type=desktop-nav]>ul>li:has([aria-current=page])::after{transform:scaleX(1)}
#main-header nav[data-menu-type=desktop-nav]>ul>li>a:hover,#main-header nav[data-menu-type=desktop-nav]>ul>li>div>a:hover{background:transparent!important}
/* Dropdown: Mindestbreite */
#main-header .nav-dropdown>ul{border-radius:0 0 .75rem .75rem!important;min-width:340px!important}
#main-header .nav-dropdown-l3>ul{min-width:260px!important}
/* Nav-Dropdown (Desktop): text-gray-* via --tw-text-opacity umgehen */
/* Dropdown: Farben */
#main-header .nav-dropdown a[role=menuitem]{color:#374151!important;transition:color .15s}
/* Hover: Hintergrund auf dem direkten Zeilen-Container (div oder a), nicht doppelt */
#main-header .nav-dropdown li[role=none]:hover>a[role=menuitem],
#main-header .nav-dropdown li[role=none]:hover>div{background-color:rgba(0,86,179,.1)!important}
/* a inside div bekommt keinen zweiten Hintergrund */
#main-header .nav-dropdown li[data-has-children=true]:hover a[role=menuitem]{background-color:transparent!important}
/* Textfarbe on hover */
#main-header .nav-dropdown li[role=none]:hover a[role=menuitem]{color:#0056b3!important}
/* Aktives Item */
#main-header .nav-dropdown a[role=menuitem][aria-current=page]{color:#0056b3!important;font-weight:500!important}
#main-header .nav-dropdown li[role=none]:has([aria-current=page])>a[role=menuitem],
#main-header .nav-dropdown li[role=none]:has([aria-current=page])>div{background-color:rgba(0,86,179,.1)!important}
/* Slide-Animation via li::after (wie Top-Level) */
#main-header .nav-dropdown li[role=none]{position:relative}
#main-header .nav-dropdown li[role=none]::after{content:'';position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background:#0056b3;border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.16,1,.3,1)}
#main-header .nav-dropdown li[role=none]:hover::after{transform:scaleX(1)}
#main-header .nav-dropdown li[role=none]:has([aria-current=page])::after{transform:scaleX(1)}
/* Canvas-Menü (Mobile): Farben via !important (umgeht --tw-text-opacity + color:inherit) */
#mobile-menu a[role=menuitem]{color:#1f2937!important}
#mobile-menu a[role=menuitem]:hover{color:#0056b3!important}
#mobile-menu a[role=menuitem][aria-current=page]{color:#0056b3!important;font-weight:500!important}
#mobile-menu .submenu-toggle{color:#1f2937!important}
#mobile-menu .submenu-toggle:hover,#mobile-menu .submenu-toggle[aria-expanded=true]{color:#0056b3!important}
/* Close-Button ist auf dunklem (#0d2b4e) Header → weiß */
#mobile-menu-close{color:rgba(255,255,255,.7)!important}
#mobile-menu-close:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}
/* Artikel: FAQ details/summary — Chevron-Rotation bei geöffnetem Item */
.com-content-article__body details[open]>summary svg{transform:rotate(180deg);transition:transform .2s ease}
.com-content-article__body details>summary svg{transition:transform .2s ease}
/* Artikel: Download-Karten Hover ohne JS */
.com-content-article__body a.st-dl-card:hover{box-shadow:0 4px 12px rgba(0,86,179,.12)!important}
/* Artikel: CTA-Button Hover ohne JS */
.com-content-article__body a.st-cta-btn:hover{background:#1d4ed8!important}
/* ── Stats-Bar: 2 Spalten auf schmalen Viewports ────────────────────── */
@media(max-width:640px){.st-stats-grid{grid-template-columns:repeat(2,1fr)!important}}
/* ── Trust-Badge im CTA-Block ────────────────────────────────────────── */
.st-trust-badge{display:inline-flex;align-items:center;gap:.375rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:.3125rem .75rem;font-size:.75rem;color:rgba(255,255,255,.85);margin-bottom:1.25rem}
/* Typo-Override: h2-h4 mit expliziter text-* Klasse nicht überschreiben */
.item-page h2.text-white,.item-page h3.text-white,.item-page h4.text-white{color:#fff!important}
.item-page h2.text-blue-100,.item-page h3.text-blue-100{color:#dbeafe!important}
.item-page h2.text-gray-100,.item-page h3.text-gray-100{color:#f3f4f6!important}
/* Typo-Override: Headings + Text in bg-primary Sections immer weiß */
.item-page section.bg-primary h2,.item-page section.bg-primary h3,.item-page section.bg-primary h4{color:#fff!important}
.item-page section.bg-primary p:not([class*="text-"]){color:rgba(255,255,255,.9)!important}
/* bg-white Buttons in Artikel (auch in Hero-Sections u. bg-primary): Schrift dunkel setzen */
.com-content-article__body a.bg-white{color:#0056b3!important}
.item-page .bg-primary a.bg-white{color:#0056b3!important}
/* ── Hero-Section Buttons: 2 Varianten ─────────────────────────────── */
/* Variante 1: Dunkler Hintergrund (navy/dsgvo/aiact/kontakt/profil/nis2/beratung) */
/* Primär: weiß-solid → outline-weiß on hover */
.st-btn-hero-white{display:inline-block;text-align:center;text-decoration:none!important;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;line-height:1.5;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(0);background-color:#fff;color:#0056b3!important;border:2px solid #fff}
.st-btn-hero-white:hover,.st-btn-hero-white:focus{background-color:transparent;color:#fff!important;border-color:#fff;transform:translateY(-2px);text-decoration:none!important}
/* Sekundär: outline-weiß → weiß-solid on hover */
.st-btn-hero-outline{display:inline-block;text-align:center;text-decoration:none!important;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;line-height:1.5;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(0);background-color:transparent;color:#fff!important;border:2px solid #fff}
.st-btn-hero-outline:hover,.st-btn-hero-outline:focus{background-color:#fff;color:#0056b3!important;border-color:#fff;transform:translateY(-2px);text-decoration:none!important}
/* Variante 2: Heller Hintergrund (nis/ms/isms/itc/impressum/data-act/generic) */
/* Primär: blau-solid → dunkleres-blau on hover */
.st-btn-hero-primary{display:inline-block;text-align:center;text-decoration:none!important;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;line-height:1.5;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(0);background-color:#0056b3;color:#fff!important;border:2px solid #0056b3}
.st-btn-hero-primary:hover,.st-btn-hero-primary:focus{background-color:#004494;color:#fff!important;border-color:#004494;transform:translateY(-2px);text-decoration:none!important}
/* Sekundär: weiß-solid mit blauem Rand → blau-solid on hover */
.st-btn-hero-secondary{display:inline-block;text-align:center;text-decoration:none!important;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;line-height:1.5;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(0);background-color:#fff;color:#0056b3!important;border:2px solid #0056b3}
.st-btn-hero-secondary:hover,.st-btn-hero-secondary:focus{background-color:#0056b3;color:#fff!important;border-color:#0056b3;transform:translateY(-2px);text-decoration:none!important}