/* ===== Blured-Design (CD-Handbuch v3.0) – zentrale Schicht, nach dem Seiten-CSS geladen =====
   Schriften: Inter (UI/Fliesstext), Oxanium (Ueberschriften), IBM Plex Mono (Kicker/Labels). Selbst gehostet.
   Farben: Nacht #0E0C15, Dunkelviolett #1D1729, Violett #5F2DEE, Lila #A385F5, Lavendel #D9CCFB, Hellgrund #F7F5FC. Kein Rot.
   Blau #2F6BFF nur als sparsamer Zweitakzent (Textlinks, Info, Diagrammlinien). Ecken abgerundet (Tokens --r-xs 4 / --r-sm 8 / --r-md 12 / --r-lg 16 px, Stand 26.10.2026, Mehmet), keine Schatten. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/font.40e6482c06.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/font.1d3419eeda.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20C0,U+2113,U+2122,U+2190-2199,U+2212,U+2215,U+2713,U+2714,U+2022,U+2248,U+2260,U+2264,U+2265,U+2605,U+25CF,U+25B2,U+25BC,U+FEFF,U+FFFD,U+2070-209F,U+21BA,U+00AD}
@font-face{font-family:"Oxanium";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/font.3f3cdf381f.woff2)format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/font.e827a79e85.woff2)format("woff2")}
:root{--bl-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--bl-head:"Oxanium","Arial Narrow",Arial,sans-serif;--bl-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
--bl-nacht:#0E0C15;--bl-dv:#1D1729;--bl-violett:#5F2DEE;--bl-violett-h:#7A52F2;--bl-lila:#A385F5;--bl-lav:#D9CCFB;--bl-hell:#F7F5FC;--bl-blau:#2F6BFF;
--font-primary:var(--bl-ui);--secondary-font:var(--bl-ui);--bs-font-sans-serif:var(--bl-ui);
--color-danger:#A385F5;--color-youtube:#A385F5;--color-pinterest:#A385F5;--bs-red:#A385F5;--color-info:#2F6BFF;
--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;
--color-primary-gradient-start:#5F2DEE;--color-primary-gradient-end:#5F2DEE;--color-secondary:#A385F5;--shadow-primary:none;--shadow-light:none;--shadow-lighter:none}
/* ---------- Tokens dunkel (Standard) ---------- */
body{--lp-card:#1D1729;--lp-card2:#241D35;--lp-bd:rgba(217,204,251,.16);--lp-bd2:rgba(163,133,245,.5);--lp-tx:#D9CCFB;--lp-h:#F7F5FC;--lp-mu:#B3A8D1;--lp-p:#5F2DEE;--lp-p2:#A385F5;--lp-bg:#0E0C15;--lp-hero:#0E0C15;--lp-btn:#5F2DEE;--lp-btn-h:#7A52F2;
--color-bg-1:#0E0C15;--color-heading:#F7F5FC;--color-body:#D9CCFB;--color-link:#D9CCFB;--color-primary:#A385F5;--color-dark:#1D1729;--color-lessdark:#26203A;--color-blackest:#13101C;--color-darker:rgba(163,133,245,.10);--color-darkest:rgba(0,0,0,.35);--color-border:rgba(217,204,251,.16);
--bl-lnk:#7FA2FF;--bl-scrim:rgba(14,12,21,.62);--bl-bd-btn:#F7F5FC;--bl-focus:#A385F5;--bl-err-bar:#A385F5}
body.active-light-mode{--lp-card:#FFFFFF;--lp-card2:#F3F0FB;--lp-bd:rgba(29,23,41,.14);--lp-bd2:rgba(95,45,238,.45);--lp-tx:#57536A;--lp-h:#1D1729;--lp-mu:#6A6580;--lp-p:#5F2DEE;--lp-p2:#5F2DEE;--lp-bg:#F7F5FC;--lp-hero:#F3F0FB;--lp-btn:#5F2DEE;--lp-btn-h:#4A1FCC;
--color-bg-1:#F7F5FC;--color-heading:#1D1729;--color-body:#57536A;--color-link:#57536A;--color-primary:#5F2DEE;--color-dark:#FFFFFF;--color-lessdark:#F3F0FB;--color-blackest:#FFFFFF;--color-darker:rgba(95,45,238,.07);--color-darkest:rgba(29,23,41,.06);--color-border:rgba(29,23,41,.14);
--bl-lnk:#2559E8;--bl-scrim:rgba(243,240,251,.6);--bl-bd-btn:#1D1729;--bl-focus:#5F2DEE;--bl-err-bar:#5F2DEE}
body,body.active-light-mode{font-family:var(--bl-ui);background-color:var(--lp-bg)}
html{--bl-ui-dummy:0}
/* ---------- Typografie ---------- */
body,p,li,td,th,label,input,select,textarea,button,.description,.b1,.b2,.b3{font-family:var(--bl-ui)}
h1:not(.subtitle),h2:not(.subtitle),h3:not(.subtitle),h4:not(.subtitle),h5:not(.subtitle),h6:not(.subtitle),.h1,.h2,.h3,.h4,.h5,.h6,.title,.lp-cta .title,.pricing-header .title,.lp-hero h1.title{font-family:var(--bl-head);letter-spacing:0;font-weight:700}
h3:not(.subtitle),h4:not(.subtitle),h5:not(.subtitle),h6:not(.subtitle),.h3,.h4,.h5,.h6{font-weight:600}
h1:not(.subtitle),h2:not(.subtitle),.h1,.h2,.title{letter-spacing:0}
.lp-hero h1.title,.lp-hero-std h1.title{font-weight:700;line-height:1.12}
@media(min-width:1200px){:root{--lp-hero-h1:60px}}
:root{--lp-hero-h1-lh:1.12}
.subtitle,.section-title .subtitle,.lp-page .section-title .subtitle,.lp-page .lp-hero .subtitle,.lp-page .lp-cta .subtitle,.lp-page .lp-faq-l .subtitle{font-family:var(--bl-mono)!important;font-weight:500!important;font-size:13px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--lp-p2)}
.theme-gradient{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
.lp-hero .subtitle .lp-claim,.lp-page .lp-hero .subtitle .lp-claim{font-family:var(--bl-head)!important;font-weight:700!important;font-size:20px!important;letter-spacing:0!important;text-transform:none!important;color:var(--lp-p2)!important;-webkit-text-fill-color:var(--lp-p2)!important}
table,.odometer,.counter,.count,.number{font-variant-numeric:tabular-nums}
.lp-art{max-width:80ch}
/* Textlinks im Fliesstext: Blau als sparsamer Zweitakzent (dunkel hellere Tonstufe wegen Kontrast) */
:is(main,.lp-art) :is(p,li,td,dd) a:not([class]):not(.rainbow-footer *):not(.rainbow-header *),.lp-art a:not([class]),.accordion-body a:not([class]),.legal a:not([class]){color:var(--bl-lnk);text-decoration:underline;text-underline-offset:3px}
:is(main,.lp-art) :is(p,li,td,dd) a:not([class]):not(.rainbow-footer *):not(.rainbow-header *):hover,.lp-art a:not([class]):hover,.accordion-body a:not([class]):hover{text-decoration-thickness:2px}
/* ---------- Fokus ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--bl-focus)!important;outline-offset:2px!important;box-shadow:none}
/* ---------- Buttons: eckig, flach, Violett; sekundär 2 px Rahmen ---------- */
a.btn-default,button.btn-default,div.btn-default{font-family:var(--bl-ui)!important;font-weight:600!important;letter-spacing:0!important;text-shadow:none!important;border-radius:var(--r-sm)!important;box-shadow:none!important;filter:none!important}
a.btn-default:not(.btn-border):not(.btn-gray),button.btn-default:not(.btn-border):not(.btn-gray),.btn-default.color-blacked{background:var(--lp-btn)!important;color:#fff!important}
a.btn-default:not(.btn-border):not(.btn-gray):hover,button.btn-default:not(.btn-border):not(.btn-gray):hover,.btn-default.color-blacked:hover{background:var(--lp-btn-h)!important;color:#fff!important;box-shadow:none!important;filter:none!important;transform:none!important}
.btn-default.btn-border{background:transparent!important;border:2px solid var(--bl-bd-btn)!important;color:var(--lp-h)!important}
.btn-default.btn-border:hover,.btn-default.btn-border:focus-visible{background:rgba(163,133,245,.14)!important;border-color:var(--bl-bd-btn)!important;color:var(--lp-h)!important}
.btn-default:focus-visible{outline:2px solid var(--bl-focus)!important;outline-offset:2px!important;box-shadow:none!important}
.btn-default::after{display:none!important}
input[type=submit]:hover{box-shadow:none!important}
/* Kundenportal-Button im Header: ein primaerer Button, eckig */
.header-btn a.rainbow-gradient-btn{padding:0!important;background:var(--lp-btn)}
.header-btn a.rainbow-gradient-btn::before,.header-btn a.rainbow-gradient-btn::after{display:none!important}
.header-btn a.rainbow-gradient-btn span,body.active-light-mode .header-btn a.rainbow-gradient-btn span{clip-path:none!important;background:var(--lp-btn)!important;color:#fff!important;height:48px;line-height:48px;padding:0 24px;font-family:var(--bl-ui);font-weight:600;font-size:15px}
.header-btn a.rainbow-gradient-btn:hover span,body.active-light-mode .header-btn a.rainbow-gradient-btn:hover span{background:var(--lp-btn-h)!important}
/* Reiter (Cockpit): flach, aktiv = Violett */
.nav-link.rainbow-gradient-btn{padding:1px!important}
.nav-link.rainbow-gradient-btn::before{display:block!important;clip-path:none!important;background:var(--lp-bd)!important}
.nav-link.rainbow-gradient-btn::after{display:none!important}
.nav-link.rainbow-gradient-btn span,body.active-light-mode .nav-link.rainbow-gradient-btn span{clip-path:none!important;background:var(--lp-card)!important;color:var(--lp-h)!important}
.nav-link.rainbow-gradient-btn:hover::before,.nav-link.rainbow-gradient-btn.active::before{background:var(--lp-p2)!important}
.nav-link.rainbow-gradient-btn.active span,body.active-light-mode .nav-link.rainbow-gradient-btn.active span{background:var(--lp-btn)!important;color:#fff!important}
.feature-badge{background:var(--bl-lila)!important;color:#0E0C15!important;font-family:var(--bl-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.bdt-bd{box-shadow:none!important}
/* ---------- Header 84 px, Linie unten, flache Navigation ---------- */
.rainbow-header.header-default{border-bottom:1px solid rgba(163,133,245,.26)}
.header-default.header-transparent{padding:0!important}
.header-default .logo a{height:84px;line-height:84px}
.header-default .logo a img{max-height:none;height:52px;width:auto}
.rainbow-header.sticky{height:84px!important;background-color:var(--lp-bg)!important;box-shadow:none}
body.active-light-mode .rainbow-header.sticky,body.active-light-mode .header-default.sticky{background:rgba(247,245,252,.96)!important}
.mainmenu-nav .mainmenu{background:transparent!important;border:0!important;padding:0}
.mainmenu-nav .mainmenu>li>a{font-family:var(--bl-ui);font-size:16px;font-weight:500;color:var(--color-link)}
.mainmenu-nav .mainmenu>li>a::after{background:none!important;height:2px!important;bottom:6px;left:12px;transform:none!important;width:0;background-color:var(--lp-p2)!important}
.mainmenu-nav .mainmenu>li>a.active::after,.mainmenu-nav .mainmenu>li:hover>a::after{width:calc(100% - 24px)!important;opacity:1;visibility:visible}
.mainmenu-nav .mainmenu>li>a.active,.mainmenu-nav .mainmenu>li:hover>a{color:var(--lp-h)}
.mainmenu-nav .mainmenu li.has-dropdown .submenu,.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper{background-color:var(--lp-card)!important;border:1px solid var(--lp-bd)!important;box-shadow:none!important}
.bdt-theme--fix{box-shadow:inset 0 0 0 2px rgba(163,133,245,.4)!important;color:var(--lp-p2)!important}
.bdt-theme--fix:hover{box-shadow:inset 0 0 0 2px var(--lp-p2)!important}
.bdt-theme .bdt-accent{stroke:var(--lp-p2)}
.logo img{height:52px;width:auto;max-width:none}
/* ---------- Karten, Flaechen: eckig, flach, 1 px Linie ---------- */
.lp-card,.lp-step,.lp-ben-in,.lp-case,.lp-table-wrap,.lp-form,.lp-way,.lp-map,.lp-job,.lp-tile,.lp-fact,.lp-quote,.lp-toc,.lp-box,.lp-icta,.lp-bfaq,.lp-ecta,.lp-post,.lp-news,.rf-card,.rf-fact,.pricing-table,.rainbow-pricing .pricing-table-inner{box-shadow:none!important}
.lp-card:hover,.lp-post:hover,.lp-news:hover{box-shadow:none!important}
.lp-ic{background:var(--lp-p)!important;color:#fff!important}
body.active-light-mode .lp-ic{background:var(--lp-p)!important}
.lp-ben{background:linear-gradient(180deg,var(--lp-hero),transparent)}
.lp-step .num,.lp-step .lp-num,.lp-step>span:first-child{font-family:var(--bl-mono)}
/* ---------- Preis-Pakete: keine Schraegen, Namen ohne Ampelfarben ---------- */
.rainbow-pricing.style-aiwave::before,.rainbow-pricing.style-aiwave::after,.rainbow-pricing.style-aiwave .pricing-table-inner{clip-path:none!important}
.rainbow-pricing.style-aiwave .pricing-header .title.color-var-one{color:var(--bl-lav)}
.rainbow-pricing.style-aiwave .pricing-header .title.color-var-two{color:var(--bl-lila)}
.rainbow-pricing.style-aiwave .pricing-header .title.color-var-three{color:var(--bl-hell)}
body.active-light-mode .rainbow-pricing.style-aiwave .pricing-header .title.color-var-one{color:#57536A!important}
body.active-light-mode .rainbow-pricing.style-aiwave .pricing-header .title.color-var-two,body.active-light-mode .bdt-pk .rainbow-pricing .title.color-var-two{color:#5F2DEE!important}
body.active-light-mode .rainbow-pricing.style-aiwave .pricing-header .title.color-var-three{color:#1D1729!important}
/* ---------- Fehler/Problem-Zustaende ohne Rot: dicker Rand, Violett-Kante links, Kreuz, Text ---------- */
.lp-form .lp-invalid,.form-control.is-invalid,.input-error input,input.input-error,input[type=text].input-error,.bdt-hsf [aria-invalid=true],body.active-light-mode .bdt-hsf [aria-invalid=true]{border:2px solid var(--lp-h)!important;border-left:6px solid var(--bl-err-bar)!important;box-shadow:none!important}
.lp-form .lp-invalid:focus,.form-control.is-invalid:focus,.input-error input:focus,.bdt-hsf [aria-invalid=true]:focus{border-color:var(--lp-h)!important;border-left-color:var(--bl-err-bar)!important;box-shadow:none!important}
.lp-form-err,.lp-form-err i,.bdt-hsf .err,body.active-light-mode .bdt-hsf .err,.invalid-feedback{color:var(--lp-h)!important;font-weight:500}
.lp-form-err i{color:var(--bl-err-bar)!important}
.bdt-hsf .err::before,.invalid-feedback::before{content:"";display:inline-block;width:.9em;height:.9em;margin-right:.45em;vertical-align:-.1em;background:var(--bl-err-bar);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") center/contain no-repeat}
body.active-light-mode .bdt-hsf .bdt-hsf-status,.bdt-hsf .bdt-hsf-status{border-left-color:var(--bl-err-bar)}
body.active-light-mode .bdt-hsf .bdt-hsf-status{background:rgba(95,45,238,.06)}
.lp-prob .lp-card .lp-ic,body.active-light-mode .lp-prob .lp-card .lp-ic{background:transparent!important;border:1.5px solid var(--lp-p2);color:var(--lp-p2)!important}
.bdtp{--er:#A385F5}
.st.er{background:rgba(163,133,245,.14)}
/* Cockpit-Demo: Alarm = Lila mit Ring statt Rot */
.ck-row.ck-rd .ck-dot,.ck-alarm .ck-dot,.ck-row.ck-of .ck-dot{background:#A385F5!important;box-shadow:0 0 0 2px rgba(163,133,245,.35)!important}
.ck-alarm b,.ck-row.ck-of .ck-ok,.ck-rec{color:var(--lp-p2)!important}
.ck-alarm{border-color:rgba(163,133,245,.5)!important}
/* ---------- Plakat-Motive (Hintergruende) ---------- */
.lp-hero{background:var(--lp-hero)}
.lp-hero-bg{background:var(--lp-hero)!important;-webkit-mask:none!important;mask:none!important;animation:none!important}
.lp-hero-bg::before,.lp-hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:none;animation:none}
.lp-hero-bg.bl-wave::before{background:url(/assets/img/blured-welle.8151fad10b.webp)right center/cover no-repeat}
.lp-hero-bg.bl-wave::after{background:linear-gradient(90deg,var(--lp-hero) 0,var(--lp-hero) 26%,var(--bl-scrim) 52%,transparent 82%),linear-gradient(180deg,transparent 78%,var(--lp-hero))}
.lp-hero-bg.bl-lines::before{background:url(/assets/img/blured-linien.5d927d64ac.svg)left bottom/auto 170% no-repeat;transform:scaleX(-1);opacity:.9}
.lp-hero-bg.bl-dots::before{background:url(/assets/img/blured-punktraster.07c9153587.svg)right center/auto 150% no-repeat;opacity:.9}
.lp-hero-bg.bl-lines::after,.lp-hero-bg.bl-dots::after{background:linear-gradient(90deg,var(--lp-hero) 0,var(--lp-hero) 34%,var(--bl-scrim) 58%,transparent 88%),linear-gradient(180deg,transparent 78%,var(--lp-hero))}
@media(max-width:767px){.lp-hero-bg.bl-wave::before{background-position:75% center}.lp-hero-bg.bl-wave::after,.lp-hero-bg.bl-lines::after,.lp-hero-bg.bl-dots::after{background:linear-gradient(180deg,var(--bl-scrim),var(--lp-hero) 92%)}}
/* hell: Motive invertiert (Nacht -> Hellgrund, Violett bleibt Violett), multipliziert */
body.active-light-mode .lp-hero-bg::before{filter:invert(1) hue-rotate(180deg) saturate(1.2);mix-blend-mode:multiply;opacity:.75}
body.active-light-mode .lp-hero-bg.bl-wave::after{background:linear-gradient(90deg,var(--lp-hero) 0,var(--lp-hero) 26%,rgba(243,240,251,.55) 52%,transparent 82%),linear-gradient(180deg,transparent 78%,var(--lp-hero))}
/* CTA-Band: bleibt in beiden Modi dunkel, Wellenmotiv */
.lp-cta,body.active-light-mode .lp-cta{background:var(--bl-nacht) url(/assets/img/blured-welle-band.5c0dfafceb.webp)right center/cover no-repeat!important;border:1px solid rgba(163,133,245,.4)!important;isolation:isolate}
.lp-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0E0C15 0,rgba(14,12,21,.86) 48%,rgba(14,12,21,.2) 100%)}
.lp-cta .title,body.active-light-mode .lp-cta .title,.lp-cta-tel,body.active-light-mode .lp-cta-tel{color:#F7F5FC!important}
.lp-cta .description,body.active-light-mode .lp-cta .description{color:#D9CCFB!important}
.lp-cta-tel i,body.active-light-mode .lp-cta-tel i,.lp-cta .subtitle{color:#A385F5!important}
.lp-cta .btn-default.btn-border{--bl-bd-btn:#F7F5FC;color:#F7F5FC!important}
/* Footer */
.rainbow-footer .footer-top,body.active-light-mode .rainbow-footer .footer-top{background:transparent!important}
.rainbow-footer{position:relative;overflow:hidden;background:#13101C;border-top:1px solid rgba(163,133,245,.26)}
.rainbow-footer::before{content:"";position:absolute;inset:0;background:url(/assets/img/blured-linien.5d927d64ac.svg)left bottom/auto 150% no-repeat;transform:scaleX(-1);opacity:.5;pointer-events:none;-webkit-mask:linear-gradient(90deg,#000 0,#000 16%,transparent 46%);mask:linear-gradient(90deg,#000 0,#000 16%,transparent 46%)}
.rainbow-footer>*{position:relative;z-index:1}
body.active-light-mode .rainbow-footer{background:#F3F0FB}
body.active-light-mode .rainbow-footer::before{filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply;opacity:.25}
.rainbow-footer a{font-family:var(--bl-ui)}
.copyright-area{background:var(--lp-bg)}
/* Abschnitte: dezente Rasterflaeche (ein Motiv pro Flaeche) */
main.lp-page>section.lp-sec:nth-of-type(4n+2){position:relative}
main.lp-page>section.lp-sec:nth-of-type(4n+2)::before{content:"";position:absolute;left:50%;top:0;height:100%;width:calc(min(100%,var(--bl-cw,100%)) - var(--bl-cp,15px));transform:translateX(-50%);background:url(/assets/img/blured-punktraster-breit.67f6d0944b.svg) center/cover no-repeat;opacity:.34;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-composite:intersect}
/* Containerbreite (Bootstrap-Container, Inhaltsbox = Kartenkante): Breite des Raster-Motivs */
:root{--bl-cw:100%;--bl-cp:30px}
@media(min-width:576px){:root{--bl-cw:540px;--bl-cp:15px}}
@media(min-width:768px){:root{--bl-cw:720px}}
@media(min-width:992px){:root{--bl-cw:960px}}
@media(min-width:1200px){:root{--bl-cw:1140px}}
@media(min-width:1400px){:root{--bl-cw:1320px}}
body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(4n+2)::before{filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply;opacity:.16}
main.lp-page>section.lp-sec:nth-of-type(4n+2)>*{position:relative;z-index:1}
/* Cookie-Banner / Dialoge */
.cc-bar{border-radius:var(--r-lg);box-shadow:none;border:1px solid var(--lp-bd2)}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.pricing-header .subtitle{font-family:var(--bl-ui)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--lp-tx)!important;font-weight:400!important}
.lp-hero-img,.lp-hero-media,.lp-hero-media *{box-shadow:none!important}
.lp-hero-img{border:1px solid var(--lp-bd2)}
/* Overlap-Fix (CD-Richtung): keine Text-Schatten an Zeilen; EIN weicher Abdunklungs-Hof pro Textblock hinter allen Zeilen; Claim 1,18 / grosse Zeile 1,12 */
.lp-hero .lp-hero-txt,.lp-cta>:first-child{position:relative;isolation:isolate}
.lp-hero .lp-hero-txt :is(h1,h2,h3,h4,p,span,li),.lp-cta :is(h1,h2,h3,h4,p,span,.title,.description){text-shadow:none!important}
.lp-hero .lp-hero-txt::before,.lp-cta>:first-child::before{content:"";position:absolute;z-index:-1;inset:-60px -90px;pointer-events:none;background:radial-gradient(closest-side,rgba(14,12,21,.62) 0%,rgba(14,12,21,.5) 50%,rgba(14,12,21,.2) 80%,rgba(14,12,21,0) 100%)}
body.active-light-mode .lp-hero .lp-hero-txt::before{background:radial-gradient(closest-side,rgba(243,240,251,.7) 0%,rgba(243,240,251,.55) 50%,rgba(243,240,251,.2) 80%,rgba(243,240,251,0) 100%)}
.lp-hero .subtitle,.lp-hero .subtitle .lp-claim,.lp-hero-std .subtitle{line-height:1.18!important;min-height:0!important}
.lp-cta .title{line-height:1.12}
/* Radiobuttons in Label-Umschliessung (NIS2-Quick-Check, Foerder-Kalkulator): im Original unsichtbar -> sichtbar, eckig-rund, Violett */
label>input[type=radio]{opacity:1!important;position:static!important;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0 10px -4px 0;border:2px solid var(--lp-bd2);border-radius:50%;background:transparent;cursor:pointer}
label>input[type=radio]:checked{border-color:var(--lp-p2);background:radial-gradient(circle,var(--lp-p2) 0 44%,transparent 48%)}
.bdt-hsf .err:empty::before,.invalid-feedback:empty::before{display:none!important}
/* Vorteilsstreifen unter dem Hero (.lp-ben-i): nur Icon, ohne Kachel/Rand, Violett (dunkel Lila #A385F5, hell Violett #5F2DEE), etwas groesser */
.lp-ben-i>.lp-ic,body.active-light-mode .lp-ben-i>.lp-ic{background:none!important;border:0!important;box-shadow:none!important;color:var(--lp-p2)!important;flex:0 0 44px;width:44px;height:44px;margin-top:-11px;--bdt-accent:var(--lp-p2)}
.lp-ben-i>.lp-ic .bdt-ico,body.active-light-mode .lp-ben-i>.lp-ic .bdt-ico{color:var(--lp-p2)!important;--bdt-accent:var(--lp-p2)}
.lp-ben-i>.lp-ic .bdt-ico>svg{width:44px;height:44px}
/* Kontrast hell (axe): Platzhalter-Markierung und Status-Gruen */
body.active-light-mode .lp-open{color:#1D1729}
body.active-light-mode .bdt-loes .bl-ok,body.active-light-mode .bl-ok.ck-up{color:#0B7A4B}
body.active-light-mode .btn-default.btn-border{border-color:var(--bl-bd-btn)!important}
body.active-light-mode .btn-default.btn-border:hover,body.active-light-mode .btn-default.btn-border:focus-visible{border-color:var(--lp-p)!important;background:rgba(95,45,238,.08)!important}
/* Kontrast-Feinschliff (axe-Lauf ueber alle Seiten) */
.bdtp{background:#13101C!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.n2-sources li{color:var(--lp-tx)}
body.active-light-mode .n2-book-l p{color:#fff!important}
.rf-none,body.active-light-mode .rf-none{color:var(--lp-mu)!important}
body.active-light-mode .pod-m{color:#57536A}
body.active-light-mode .ki-dark .section-title .subtitle,body.active-light-mode .ki-dark .lp-st .subtitle{background:transparent!important;color:#A385F5!important}
.bdtp h3,.bdtp h4,.bdtp h5,.bdtp #bdtp-h,body.active-light-mode .bdtp :is(h3,h4,h5){color:#fff!important}
body.active-light-mode .rf-none{color:#6A6580!important}
.rf-mini .rf-none{opacity:1!important}
body.active-light-mode .bdtp .feed li>div{color:#A49DB8!important}
/* Mobil: Raster in Originalmassstab (ca. 11 Spalten sichtbar) als Band oben statt auf Section-Hoehe gestreckt */
@media(max-width:767px){main.lp-page>section.lp-sec:nth-of-type(4n+2)::before{background-size:1150px auto;background-position:center 60px}}
/* ===== Hintergruende (freigegeben): Hero/Footer altes Topo-Linien-Motiv (+40 %), Abschnitte reihum Plakat-Muster, Cockpit-Ecken ===== */
.lp-hero-bg.bl-lines::before,.lp-hero-bg.bl-wave::before,.lp-hero-bg.bl-dots::before{background:url(/assets/img/blured-topo-dunkel.2e946de378.svg) center/cover no-repeat!important;transform:none!important;animation:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;-webkit-mask:linear-gradient(180deg,#000 65%,transparent)!important;mask:linear-gradient(180deg,#000 65%,transparent)!important}
.lp-hero-bg.bl-lines::after,.lp-hero-bg.bl-wave::after,.lp-hero-bg.bl-dots::after{background:none!important}
body.active-light-mode .lp-hero-bg.bl-lines::before,body.active-light-mode .lp-hero-bg.bl-wave::before,body.active-light-mode .lp-hero-bg.bl-dots::before{background-image:url(/assets/img/blured-topo-hell.4cc84f5365.svg)!important}
.rainbow-footer::before{background:url(/assets/img/blured-topo-dunkel.2e946de378.svg) center/cover no-repeat!important;transform:none!important;-webkit-mask:none!important;mask:none!important;opacity:.85!important;filter:none!important;mix-blend-mode:normal!important}
body.active-light-mode .rainbow-footer::before{background-image:url(/assets/img/blured-topo-hell.4cc84f5365.svg)!important;opacity:.7!important}
/* Abschnitte: reihum Plakat-Muster, jede zweite Section (gerade Position): 4 Kreise, 6 Punktraster (oben, 4n+2), 8 Welle, 10 Saeulen, 2/12 Balken */
main.lp-page>section.lp-sec:nth-of-type(10n+2),main.lp-page>section.lp-sec:nth-of-type(10n+4),main.lp-page>section.lp-sec:nth-of-type(10n+8),main.lp-page>section.lp-sec:nth-of-type(10n+10){position:relative}
main.lp-page>section.lp-sec:nth-of-type(10n+2)>*,main.lp-page>section.lp-sec:nth-of-type(10n+4)>*,main.lp-page>section.lp-sec:nth-of-type(10n+8)>*,main.lp-page>section.lp-sec:nth-of-type(10n+10)>*{position:relative;z-index:1}
main.lp-page>section.lp-sec:nth-of-type(10n+2)::before,main.lp-page>section.lp-sec:nth-of-type(10n+4)::before,main.lp-page>section.lp-sec:nth-of-type(10n+8)::before,main.lp-page>section.lp-sec:nth-of-type(10n+10)::before{content:"";position:absolute;top:0;bottom:0;height:auto;transform:none;pointer-events:none;background-repeat:no-repeat;filter:none;mix-blend-mode:normal;z-index:0}
body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+2)::before,body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+4)::before,body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+8)::before,body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+10)::before{filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply}
/* Kreise (Plakat 4) - rechts */
main.lp-page>section.lp-sec:nth-of-type(10n+4)::before{left:auto;right:0;width:66%;background-image:url(/assets/img/blured-linien.5d927d64ac.svg);background-size:cover;background-position:0 100%;opacity:.6;-webkit-mask:radial-gradient(ellipse 80% 75% at 70% 50%,#000 25%,transparent 100%),linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);-webkit-mask-composite:source-in;mask:radial-gradient(ellipse 80% 75% at 70% 50%,#000 25%,transparent 100%),linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-composite:intersect}
body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+4)::before{opacity:.26}
/* Welle (Plakat 2) - ueber die volle Breite, unten */
main.lp-page>section.lp-sec:nth-of-type(10n+8)::before{left:0;right:0;width:auto;background-image:url(/assets/img/blured-welle-band.5c0dfafceb.webp);background-size:cover;background-position:center;opacity:.27;-webkit-mask:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect}
body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+8)::before{opacity:.09}
/* Punktsaeulen (Plakat 3) - links */
main.lp-page>section.lp-sec:nth-of-type(10n+10)::before{left:0;right:auto;width:46%;background-image:url(/assets/img/blured-saeulen.768bc8dc9e.webp);background-size:cover;background-position:center;opacity:.36;-webkit-mask:linear-gradient(90deg,#000 10%,transparent 100%),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,#000 10%,transparent 100%),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect}
body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+10)::before{opacity:.2}
/* Verlaufsbalken (Plakat 5) - rechts */
main.lp-page>section.lp-sec:nth-of-type(10n+2)::before{left:auto;right:0;width:46%;background-image:url(/assets/img/blured-balken.df355c6138.svg);background-size:cover;background-position:center;opacity:.2;-webkit-mask:linear-gradient(270deg,#000 5%,transparent 100%),linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(270deg,#000 5%,transparent 100%),linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-composite:intersect}
body.active-light-mode main.lp-page>section.lp-sec:nth-of-type(10n+2)::before{opacity:.1}
@media(max-width:767px){main.lp-page>section.lp-sec:nth-of-type(10n+4)::before,main.lp-page>section.lp-sec:nth-of-type(10n+2)::before,main.lp-page>section.lp-sec:nth-of-type(10n+10)::before{width:100%}}
/* Cockpit (Startseite, "Alles im Blick"): Tab-Buttons 8, Panels 16, Cockpit 12, ck-box 8 (Radius-Tokens) */
#bdt-loesungen .tab-button .nav-link{border-radius:var(--r-sm)!important}
#bdt-loesungen .rainbow-tab-content>.tab-pane>.inner{border-radius:var(--r-lg)!important;overflow:hidden}
#bdt-loesungen .bdt-ck{border-radius:var(--r-md)!important}
#bdt-loesungen .bdt-ck .ck-box{border-radius:var(--r-sm)!important}
#bdt-loesungen .tab-button .nav-link:focus-visible{outline-offset:2px!important;border-radius:var(--r-sm)!important}
/* Startseite (Hero-Variante Welle): Topo-Linien klar sichtbar, Lichtstrahlen (Plakat 2) nur als dezenter Akzent rechts */
/* 26.10.2026 19:xx (Mehmet 19:26): Hero nur Topo-Linien. Lichtstrahlen-Welle (WAVE_S) im ::after entfernt, in allen Hero-Varianten, dunkel/hell, Desktop/Mobil */
.lp-hero-bg.bl-wave::after,.lp-hero-bg.bl-lines::after,.lp-hero-bg.bl-dots::after,body.active-light-mode .lp-hero-bg.bl-wave::after{background:none!important;background-image:none!important;opacity:0!important;filter:none!important;mix-blend-mode:normal!important;-webkit-mask:none!important;mask:none!important;transform:none!important}
.lp-hero-bg.bl-wave::before{z-index:1}
/* Startseite: Topo-Linien doppelt gelegt (Deckkraft ca. x1,8), damit sie neben den Lichtstrahlen klar sichtbar bleiben */
.lp-hero-bg.bl-wave::before{background-image:url(/assets/img/blured-topo-dunkel.2e946de378.svg),url(/assets/img/blured-topo-dunkel.2e946de378.svg)!important;background-size:cover,cover!important;background-position:center,center!important;background-repeat:no-repeat,no-repeat!important}
body.active-light-mode .lp-hero-bg.bl-wave::before{background-image:url(/assets/img/blured-topo-hell.4cc84f5365.svg),url(/assets/img/blured-topo-hell.4cc84f5365.svg)!important}
/* Nachlauf 26.10.2026: Fallstudien-Faktenbox, Label-Kontrast hell (vorher opacity .75 -> 3,31:1) */
body.active-light-mode .rf-fact span{opacity:1;color:var(--lp-mu)}
/* Nachlauf 26.10.2026: (1) Ergebnis-Box Fallstudien: Cyan-Anteil (0,194,255) im Verlauf raus -> nur CD-Violett; (2) hell: Text in der Box dunkel (Worst-Pixel-Kontrast 3,5 -> >=4,5); (3) hell: Textlinks in der dunklen CTA-Box wieder Dunkelmodus-Blau (#7FA2FF, vorher #2559E8 auf Nacht = 3,3:1) */
.rf-res{background:linear-gradient(135deg,rgba(110,84,255,.16),rgba(163,133,245,.10))!important}
body.active-light-mode .rf-res :is(.rf-list li span,.rf-kpi span,.rf-src,p){color:var(--lp-h)}
body.active-light-mode .lp-cta a:not([class]){color:#7FA2FF!important}
body.active-light-mode .rf-src{opacity:1}
/* Nachlauf 26.10.2026 (2): Selbstcheck-Cover-Caption hell (weisser Text auf Violett-Band; vorher von Hell-Textfarbe ueberschrieben, 1,2:1); Quellenlink Fallstudien hell dunkleres Link-Blau */
.sc-book-l p,body.active-light-mode .sc-book-l p{color:#fff!important}
body.active-light-mode .rf-src a{color:#1B3FB8!important}

/* Logo Variante A (26.10.2026): Footer-Logo mit Zeile, 210 px breit (Zeile erst ab 200 px lesbar) */
.rainbow-footer-widget .logo img{height:auto;width:210px;max-width:100%}

/* ===== Ecken-Rundung (26.10.2026, Mehmet): --r-xs 4 Badges/Chips/Tags · --r-sm 8 Buttons, Felder, Tab-Buttons · --r-md 12 Karten/Boxen/Kacheln/Cover · --r-lg 16 Container, Tab-Panels, grosse Bildflaechen, Hero-Box, Cookie-Banner, Dialoge · --r-pill nur Toggle/Status.
   Verschachtelt immer kleiner als der Container; Bilder in gerundetem Container mit overflow:hidden. Nicht gerundet: Logo/Signet, Linien, Vollbreiten-Header/-Footer/-Sektionen, Icons mit eigener Form, Rundes bleibt rund (Hamburger, Slider-Pfeile, Avatare, Status-Punkte). Fokusringe folgen dem Element (outline folgt border-radius). ===== */
/* Grundregeln mit niedriger Spezifitaet (Element-Selektoren) */
button,.btn,input[type=submit],input[type=button]{border-radius:var(--r-sm)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea{border-radius:var(--r-sm)}
pre{border-radius:var(--r-sm)}
/* --- 4 px: Badges, Chips, Tags, kleine Statusfelder --- */
.lp-tag,.rf-tag,.n2t-tag,.n2-tag,.sc-tag,.ki-tag,.kc-s,.mo-sv,.mo-up,.mo-dn,.feature-badge,.rainbow-badge-card,.badge-border,.ck-live,.bdt-loes .bl-ok,.bl-ok,.bl-ico,.lp-ck .bl-ico,.lp-chips li,.lp-tags li,.rf-mini li,.n2-stand,.ki-badge,.bdtp-badge,.bdtp-toast,.bdt-pv .pv-live,.bdt-pv .pv-st span,.bdt-bd-i,.pod-speed,.lp-cat,.lp-art code,.ck-kpi,.ck-tile,.wf-hint,.wf-n,.wf-n.wf-se,.km-chip,input[type=checkbox],input[type=checkbox]~label::before{border-radius:var(--r-xs)!important}
input[type=checkbox]~label::after{border-radius:2px!important}
input[type=radio]~label::before,input[type=radio]~label::after{border-radius:50%!important}
/* --- 8 px: Buttons, Tab-Buttons, Felder, Icon-Boxen, kleine Karten in Karten --- */
a.btn-default,button.btn-default,div.btn-default,.btn-default.btn-border,.btn-default.color-blacked,.btn-default.round,.btn-default.square,a.btn-default.btn-large,a.btn-default.btn-small,button.btn-default.btn-large,.lp-hero .lp-hero-acts .lp-cta-row .btn-default,.lp-hero .lp-hero-acts .lp-cta-row .btn-default.btn-large,.lp-anf .lp-form-act .btn-default,.lp-mtg .lp-mtg-off .btn-default,.lp-choice .lp-cta-row .btn-default,.bdt-hsf .bdt-hsf-act .btn-default,.ws-tabs .ws-req .btn-default,.popup-mobile-menu:has(.dm) .header-btn a.btn-default,.popup-mobile-menu:has(.mm-v2) .header-btn a.btn-default,.mainmenu.dm>li.dm-kontakt>a.dm-kbtn,.mainmenu.mm-v2>li.mm-kontakt>a.mm-kbtn,.mainmenu-nav .mainmenu.dm .dm-box a.dm-btn,.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu.bdt-mm a.mm-cta,.bdt-mm a.mm-cta,.lp-fl button,.lp-fchip,.lp-sh,.lp-pg a,.lp-pg button,.cc-btn,.cc-x,.pod-hero,.pod-play,.bdt-lock,.bdt-theme--fix,.rainbow-gradient-btn,a.rainbow-gradient-btn span,button.rainbow-gradient-btn span,div.rainbow-gradient-btn span,a.rainbow-gradient-btn::before,a.rainbow-gradient-btn::after,.nav-link.rainbow-gradient-btn,.nav-link.rainbow-gradient-btn::before,.nav-link.rainbow-gradient-btn span,.aiwave-tab .tab-btn-grp button,.tab-btn-grp .nav-link,.bdtp-nav button,#pt-ov,.ws-tb,.bdt-mm .mm-tabs .mm-tab,.bdt-mm .mm-tabs [role=tab],.rbt-modern-select .bootstrap-select button.btn-light{border-radius:var(--r-sm)!important}
.nav-link.rainbow-gradient-btn span,a.rainbow-gradient-btn span,button.rainbow-gradient-btn span,div.rainbow-gradient-btn span,.header-btn a.rainbow-gradient-btn span,body.active-light-mode .header-btn a.rainbow-gradient-btn span{border-radius:calc(var(--r-sm) - 1px)!important}
.header-btn a.rainbow-gradient-btn,.header-btn a.rainbow-gradient-btn::before,.header-btn a.rainbow-gradient-btn::after{overflow:hidden}
.header-btn a.rainbow-gradient-btn span,body.active-light-mode .header-btn a.rainbow-gradient-btn span{border-radius:var(--r-sm)!important}
/* Eingaben (alle Formulare, auch mit !important im Seiten-CSS) */
.form-control,.form-group input,.form-group textarea,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=password],input[type=search],input[type=url],textarea,select,.lp-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.lp-form select,.lp-form textarea,.lp-anf select,.lp-anf textarea,.lp-anf input:not([type=checkbox]):not([type=file]),.ki-form input,.ki-form select,.ki-form textarea,.n2-form input,.sc-form input[type=text],.sc-form input[type=email],.fk-f input,.fk-f select,.lp-news-f input,.bdt-hsf input[type=text],.bdt-hsf input[type=email],.bdt-hsf input[type=tel],.bdt-hsf input[type=number],.bdt-hsf input[type=date],.bdt-hsf select,.bdt-hsf textarea,.rbt-modern-select .bs-searchbox .form-control,.lp-dz,.lp-dz-in,.fk-ob,.fk-ck input[type=text]{border-radius:var(--r-sm)!important}
.bdt-hsf .opt input,.fk-ck input[type=checkbox],.fk-ck input[type=radio]{border-radius:var(--r-xs)!important}
.fk-ck input[type=radio]{border-radius:50%!important}
.lp-ic,.lp-card .lp-ic,.lp-step .lp-ic,.lp-prob .lp-card .lp-ic,.lp-tile-img .lp-ic,.lp-nw .lp-ic,.lp-job .lp-ic,#standorte .lp-card .lp-ic,#anfrage .lp-way .lp-ic,.fk-page .lp-ic,body.active-light-mode .lp-ic,body.active-light-mode .lp-card .lp-ic,body.active-light-mode .lp-tile-img .lp-ic,div.icon,.rainbow-pricing.style-aiwave .pricing-header .icon,.n2t-ic,.pv-ic,.bdt-pv .pv-ic,.kc-ic,.pod-hi,.wf-i,.generator-icon,.ki-ds-i,.bdt-bd,.ck-cam,.ck-alarm,.ck-box,.rf-fact,.rf-kpi,.wf-cv,.wf-g,.wf-pn,.ki-ds,.lp-mtg-alt,.lp-code,.pod-bar,.bdtp-demo,.bdtp-c,.bdtp-c.kpi,.n2-legal,.n2-book-l,.sc-book-l,.sc-note,.n2-fine,.lp-ben-i>.lp-ic{border-radius:var(--r-sm)!important}
.lp-ben-i>.lp-ic{border-radius:0!important} /* Vorteilsstreifen: Icons ohne Box (CD-Entscheid), keine Rundung noetig */
/* Header-Navigation: Untermenues, Mega-Menue, Dropdown-Eintraege */
.mainmenu-nav .mainmenu li.has-dropdown .submenu,.dropdown-menu,.popover,.tooltip-inner{border-radius:var(--r-md)!important}
.mainmenu-nav .mainmenu li.has-dropdown .submenu li a,.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item li a,.rainbow-megamenu .wrapper .mega-menu-item li a,.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu.bdt-mm .pf-grid a,.bdt-mm .pf-g,.popup-mobile-menu .bdt-mm .mm-acc,.popup-mobile-menu .bdt-mm .pf-x,.dropdown-menu li .dropdown-item,.rbt-modern-select .dropdown-item{border-radius:var(--r-sm)!important}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper,.rainbow-megamenu .wrapper,.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu.dm-p .wrapper{border-radius:var(--r-lg)!important}
/* --- 12 px: Karten, Boxen, Fakten-/CTA-Boxen, Cockpit, Bild-Kacheln, Preis-/Teaser-Karten, Cover --- */
.lp-card,.lp-step,.lp-ben-in,.lp-kl,.lp-case,.lp-cta,.lp-table-wrap,.lp-form,.lp-way,.lp-map,.lp-job,.lp-tile,.lp-fact,.lp-quote,.lp-toc,.lp-check-list li,.lp-box,.lp-icta,.lp-bfaq,.lp-ecta,.lp-author,.lp-post,.lp-news,.lp-form-demo,.lp-nw,.lp-mtg-card,.lp-kar-ref,.rf-card,.rf-unit,.rf-res,.fk,.pricing-table-inner,.rainbow-pricing .inner,.rainbow-pricing.style-aiwave .pricing-table-inner,.bdt-pk .pk-card,.card:not(.card-header),.alert,.n2t-box,.n2k-c,.n2-cat,.sc-cat,.n2-hlm,.sc-hlm,.n2-chk,.ki-form,.ki-p,.ki-ext,.ws-prod,.ws-tl,fieldset,.qc-res,.pod-card,.bdt-ck,.bdt-pv,.tab-btn-grp,.aiwave-tab .tab-btn-grp,.team,.lp-fig,.lp-quote-img,.export-img,.image-shape,.img-bg-shape,.bdt-pv .pv-img,.pv-img{border-radius:var(--r-md)!important}
.lp-hero-img,.lp-way-img,.export-img.img-bg-shape,.image-shape,.lp-hero-img.lp-split-img,.bdtp,.modal-content,.cc-bar,.cc-box,.rbt-modal-box .modal-dialog .wrapper,.tab-content .inner,.generator-tab-defalt .tab-pane .inner{border-radius:var(--r-lg)!important}
.lp-ben-in{border-radius:var(--r-lg)!important}
/* Cover-Abbildungen (Download-Pakete) und Bilder in Karten */
img.n2-cover,img.sc-cover,.n2h-book img,.lp-hero-img img,.lp-way-img img,.lp-fig img,.lp-quote-img img,.lp-case-img img,.lp-tile-img img,.rf-card-img img,.lp-post-img img,.bdt-pv .pv-img img{border-radius:var(--r-md)!important}
.lp-hero-img img,.lp-way-img img{border-radius:inherit!important}
.lp-case-img img,.lp-tile-img img,.rf-card-img img,.lp-post-img img,.lp-fig img,.lp-quote-img img,.bdt-pv .pv-img img{border-radius:0!important}
/* Container mit Bildern/Kindern am Rand: beschneiden */
.lp-case,.lp-tile,.lp-post,.rf-card,.lp-hero-img,.lp-way-img,.lp-fig,.lp-quote-img,.bdt-pv .pv-img,.lp-ben-in,.lp-table-wrap,.lp-map,.lp-mtg-card,.lp-cta,.rf-res,.lp-toc,.lp-bfaq,.pricing-table-inner,.ws-prod,.ki-ds,.ck-box,.bdt-ck,.n2k-c,.n2-cat,.sc-cat,.cc-box{overflow:hidden}
.lp-table-wrap{overflow-x:auto}
.cc-box{overflow:auto}
.lp-map iframe,.lp-mtg iframe,iframe{border-radius:0!important}
/* Fokus: Ring folgt der Elementform; Karten-Links bekommen den Ring innen, damit overflow:hidden ihn nicht beschneidet */
a.lp-case:focus-visible,a.lp-tile:focus-visible,a.lp-post:focus-visible,a.rf-card:focus-visible,a.lp-kl:focus-visible,a.lp-job:focus-visible,a.rf-unit:focus-visible{outline-offset:-2px!important}
.bdt-mm .mm-tabs .mm-tab:focus-visible,.km-a:focus-visible{border-radius:var(--r-sm)!important}
/* bleibt rund (Toggle/Status/Avatar/Buttons mit Kreisform): --r-pill nur fuer Schalter und Status-Punkte */
.cc-cat label span,.cc-cat label span::after{border-radius:var(--r-pill)}
.rainbow-pricing.style-aiwave::before,.rainbow-pricing.style-aiwave::after,.rainbow-pricing::before,.rainbow-pricing::after{border-radius:var(--r-md)!important}
/* Nachtrag: Stepper, Inhaltsverzeichnis, Balken/Fortschritt */
.lp-stepper li,.lp-toc a.active,.lp-toc a,.nav-pills .nav-link{border-radius:var(--r-sm)!important}
.lp-stepper b{border-radius:var(--r-xs)!important}
.pv-bars i,.ck-bars i,.bars div,.prog,.prog i,.fk-bar,.bdt-pin-prog i,.bdt-pv .pv-bars i,.progress{border-radius:var(--r-xs)!important}
/* Nachtrag 2: Mega-Menue-Panel buendig runden, Cockpit-Tab-Inhalt (hell), Teaser-Spalte im Menue */
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper,.rainbow-megamenu .wrapper{overflow:hidden}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .header-menu-img.bdt-pv,.header-menu-img.bdt-pv{border-radius:0 var(--r-lg) var(--r-lg) 0!important}
.rainbow-tab-content,.rainbow-tab-content.tab-content{border-radius:var(--r-lg)!important}
.n2-opts button,.pod-ctl a,.pod-ctl button,.pod-speed{border-radius:var(--r-sm)!important}

/* NIS2-Checkliste auf der Startseite: dunkler Balken hinter dem Text fuer bessere Lesbarkeit (Mehmet, 26.10.2026) */
.n2h-sec .n2h>div:nth-child(2){background:#0E0C15;padding:32px 36px;border-radius:var(--r-md)}
.n2h-sec .n2h>div:nth-child(2) h2,.n2h-sec .n2h>div:nth-child(2) h2 *{color:#fff!important}
.n2h-sec .n2h>div:nth-child(2) p,.n2h-sec .n2h>div:nth-child(2) li,.n2h-sec .n2h>div:nth-child(2) li span{color:rgba(255,255,255,.88)!important}
.n2h-sec .n2h>div:nth-child(2) .subtitle .theme-gradient{background:none!important;-webkit-text-fill-color:#B9A4FF!important;color:#B9A4FF!important}
@media (max-width:767px){.n2h-sec .n2h>div:nth-child(2){padding:24px 20px}}

/* Cookie-Hinweis als Overlay (Mehmet 2026-10-26): Seite abgedunkelt und gesperrt, bis eine Auswahl getroffen ist */
.cc-bar:not([hidden]){top:auto;bottom:24px;height:max-content;margin:0 auto;max-width:640px;max-height:calc(100vh - 32px);overflow:visible;padding:28px 30px;background:#1D1729;border:1px solid rgba(95,45,238,.7)!important;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.cc-bar:not([hidden])::before{content:"";position:fixed;inset:0;background:rgba(5,4,10,.78);z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
html:has(.cc-bar:not([hidden])),body:has(.cc-bar:not([hidden])){overflow:hidden}
.cc-bar:not([hidden]) h2{font-family:Oxanium,Inter,sans-serif;font-size:22px}
@media (max-width:575px){.cc-bar:not([hidden]){padding:22px 18px;bottom:12px;max-width:calc(100vw - 24px)}}
/* Kundenlogo-Streifen: gleiche Breite wie Texte und Bilder (Container), Ausblenden erst am Rand (26.10.2026) */
.km-wrap{max-width:none;padding:0}
.km-vp{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}

@media (max-width:991px){.bdt-theme--fix{transition:none!important}}

/*HEADER-ZEILE*/.header-default .logo a{height:84px;line-height:84px}.header-default .logo a img,.logo img{height:auto!important;width:210px!important;max-width:none}@media(max-width:575px){.header-default .logo a img,.logo img{width:190px!important}}
/*KARTENLOGOS*/.km-romatem{--m:url(/assets/img/romatem-logo.png);width:123px;height:24px}.rf-card-b{position:relative}.rf-logo{display:block;position:absolute;right:24px;bottom:24px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;color:rgba(255,255,255,.5);transform:scale(.78);transform-origin:right bottom;pointer-events:none;transition:color .25s}.rf-card:hover .rf-logo{color:rgba(255,255,255,.85)}body.active-light-mode .rf-logo{color:rgba(20,16,42,.5)}body.active-light-mode .rf-card:hover .rf-logo{color:rgba(20,16,42,.85)}@media(max-width:400px){.rf-logo{transform:scale(.62)}}