/* CS-N: Fusszeile mittig und immer ganz unten */
.astroid-footer-section{padding:12px 0}
.astroid-footer-section .astroid-row{align-items:center}
.astroid-footer-section p:last-child{margin-bottom:0}
.astroid-wrapper > .astroid-footer-section{margin-top:auto}


/* ===== CS-N Modern: Kopfzeile (nur Stil "CS-N – Modern") ===== */
:root{--csnh-a:#0D63A5;--csnh-d:#0B1F3A}
body .astroid-wrapper>.astroid-section:first-child{background:#081A33!important;color:#C9D5E6!important;font-size:.85rem!important}
body .astroid-wrapper>.astroid-section:first-child .row{min-height:34px;align-items:center}
body .astroid-wrapper>.astroid-section:first-child a,body .astroid-wrapper>.astroid-section:first-child a *{color:#E6EDF7!important;text-decoration:none!important}
body .astroid-wrapper>.astroid-section:first-child i,body .astroid-wrapper>.astroid-section:first-child .fa,body .astroid-wrapper>.astroid-section:first-child .fas{color:#7FA6D6!important}
.csnh-row{background:#fff!important;border-bottom:1px solid #E3E8EF!important}
.csnh-row .row{min-height:0;align-items:center}
.csnh-row .moduletable,.csnh-row .astroid-module{margin:0!important;padding:0!important}
.csnh-row .header-left-position img:not(.csnh-logo),.csnh-row .header-right-position img{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}
.csnh-brand{display:inline-flex;align-items:center;gap:12px;color:#14213A!important;text-decoration:none!important;padding:10px 0}
.csnh-brand img{width:48px;height:48px;border-radius:10px;display:block}
.csnh-brand b{display:block;font-weight:800;font-size:1.2rem;letter-spacing:-.01em;line-height:1.15;color:#14213A}
.csnh-brand small{display:block;font-size:.82rem;color:#5A6B82;line-height:1.2}
.csnh-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;padding:10px 0}
.csnh-tag{font-size:.88rem;color:#5A6B82;font-weight:600}
.csnh-call{display:inline-flex;align-items:center;gap:8px;background:var(--csnh-a);color:#fff!important;text-decoration:none!important;padding:11px 18px;border-radius:10px;font-weight:700;min-height:44px}
.csnh-call:hover{filter:brightness(1.08)}
body .astroid-header-section{background:#fff!important;border-bottom:1px solid #E3E8EF!important;box-shadow:0 6px 18px -16px rgba(11,31,58,.6)}
body .astroid-header-section .astroid-logo,body .astroid-header-section .astroid-logo img{display:none!important}
body .astroid-header-section .nav-link,body .astroid-header-section .nav-link *,body .astroid-header-section .navbar-nav>li>a,body .astroid-header-section .navbar-nav>li>a *{color:#14213A!important;text-decoration:none!important;font-weight:600!important}
body .astroid-header-section .nav-link:hover,body .astroid-header-section .navbar-nav>li>a:hover,body .astroid-header-section .nav-link:hover *{color:var(--csnh-a)!important}
body .astroid-header-section .navbar-nav>li.active>a,body .astroid-header-section .navbar-nav>li.current>a{color:var(--csnh-a)!important;box-shadow:inset 0 -3px 0 var(--csnh-a)}
body .astroid-header-section .megamenu-container,body .astroid-header-section .navbar-subnav,body .astroid-header-section .dropdown-menu{background:#fff!important;border:1px solid #E3E8EF!important;border-radius:12px!important;box-shadow:0 18px 40px -20px rgba(11,31,58,.45)!important}
body .astroid-header-section .megamenu-container a,body .astroid-header-section .navbar-subnav a,body .astroid-header-section .dropdown-menu a{color:#14213A!important;text-decoration:none!important}
body .astroid-header-section .megamenu-container a:hover,body .astroid-header-section .navbar-subnav a:hover{color:var(--csnh-a)!important}
/* ===== Ende CS-N Modern: Kopfzeile ===== */


/* ===== CS-N Modern: Fusszeile (nur Stil "CS-N – Modern") ===== */
.astroid-footer-section{background:#081A33!important;color:#B9C8DC!important;padding:0!important}
.astroid-footer-section a,.astroid-footer-section a *{color:#E6EDF7!important;text-decoration:none!important}
.astroid-footer-section a:hover{color:#FFFFFF!important}
.astroid-footer-section .astroid-row{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;padding-bottom:14px;font-size:.88rem}
.csnf-main{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding:56px 15px 40px}
@media (max-width:991.98px){.csnf-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.csnf-main{grid-template-columns:minmax(0,1fr);padding-top:40px}}
.csnf-brand{display:flex;flex-direction:column;gap:14px}
.csnf-brand .csnf-logo{display:inline-flex;align-items:center;gap:12px}
.csnf-brand img{width:44px;height:44px;border-radius:10px}
.csnf-brand b{display:block;color:#fff;font-size:1.1rem;font-weight:800;line-height:1.15}
.csnf-brand small{display:block;color:#93A6C0;font-size:.8rem}
.csnf-text{margin:0;color:#B9C8DC;font-size:.92rem;line-height:1.6;max-width:340px}
.csnf-eco{display:inline-flex;gap:8px;align-items:center;font-size:.85rem;color:#9BD39A}
.csnf-col h4{margin:0 0 14px!important;color:#fff!important;font-size:.82rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.csnf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:.93rem}
.csnf-col li{margin:0}
.csnf-col .csnf-big{font-size:1.15rem;font-weight:800}
.csnf-col .csnf-muted{color:#93A6C0;font-size:.85rem}
/* ===== Ende CS-N Modern: Fusszeile ===== */

/* ===== CS-N Modern: Fusszeile untere Zeile einzeilig ===== */
.astroid-footer-section .astroid-row>.astroid-column{flex:0 0 auto!important;max-width:none!important;width:auto!important}
.astroid-footer-section .astroid-row>.astroid-column:last-child{margin-left:auto!important;text-align:right}
.astroid-footer-section .astroid-row>.astroid-column:last-child p,.astroid-footer-section .astroid-row>.astroid-column:last-child .mod-custom{white-space:nowrap}
@media (max-width:767.98px){.astroid-footer-section .astroid-row>.astroid-column{width:100%!important;text-align:center!important;margin-left:0!important}.astroid-footer-section .astroid-row>.astroid-column:last-child p{white-space:normal}}


/* ===== CS-N Modern: Menüs (Ausklappmenüs, Mein Bereich, Handy) ===== */
body .astroid-header-section .nav-submenu-container{background:#fff!important;padding:8px!important;border:1px solid #E3E8EF!important;border-radius:14px!important;box-shadow:0 22px 44px -22px rgba(11,31,58,.45)!important;min-width:260px}
body .astroid-header-section .nav-submenu{background:#fff!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
body .astroid-header-section .nav-submenu>li{margin:0!important;border:0!important;background:none!important}
body .astroid-header-section .nav-submenu>li>a.as-menu-item{display:block!important;padding:9px 14px!important;border-radius:8px!important;color:#14213A!important;background:none!important;font-weight:500!important;font-size:.95rem!important;line-height:1.35!important;text-decoration:none!important;white-space:nowrap}
body .astroid-header-section .nav-submenu>li>a.as-menu-item:hover,body .astroid-header-section .nav-submenu>li>a.as-menu-item:focus-visible,body .astroid-header-section .nav-submenu>li.active>a.as-menu-item{background:#EEF4FF!important;color:#0D63A5!important}
body .astroid-header-section .nav-submenu>li>a.item-link-separator{font-size:.72rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5A6B82!important;padding:12px 14px 4px!important;pointer-events:none;background:none!important;border-radius:0!important}
body .astroid-header-section .nav-submenu>li:not(:first-child)>a.item-link-separator{border-top:1px solid #E3E8EF!important;margin-top:6px}
body .astroid-header-section .astroid-nav>li:last-child>a.as-menu-item{border:1.5px solid #0D63A5!important;border-radius:10px!important;padding:6px 14px!important;color:#0D63A5!important;margin-left:8px;box-shadow:none!important}
body .astroid-header-section .astroid-nav>li:last-child>a.as-menu-item:hover{background:#EEF4FF!important}
#astroid-mobilemenu{background:#fff!important;color:#14213A!important;width:min(340px,88vw)!important;box-shadow:0 0 40px rgba(11,31,58,.35)}
#astroid-mobilemenu .offcanvas-close-btn{color:#14213A!important;opacity:.8}
#astroid-mobilemenu ul.astroid-mobile-menu{padding:8px 0!important;margin:0!important}
#astroid-mobilemenu li{border:0!important;background:none!important;margin:0!important}
#astroid-mobilemenu li>a.as-menu-item,#astroid-mobilemenu li.menu-go-back>span{display:flex!important;align-items:center;min-height:48px;padding:12px 20px!important;color:#14213A!important;font-weight:600!important;font-size:1rem!important;text-decoration:none!important;border-bottom:1px solid #EEF1F5!important;background:none!important}
#astroid-mobilemenu li>a.as-menu-item:active,#astroid-mobilemenu li>a.as-menu-item:hover{background:#EEF4FF!important;color:#0D63A5!important}
#astroid-mobilemenu li.menu-go-back>span{color:#0D63A5!important;font-size:.92rem!important}
#astroid-mobilemenu li>a.item-link-separator{min-height:0!important;padding:18px 20px 6px!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5A6B82!important;pointer-events:none;border-bottom:0!important}
#astroid-mobilemenu *{text-decoration:none!important}
/* ===== Ende CS-N Modern: Menüs ===== */


/* ===== CS-N Modern: Mega-Menü (Hauptpunkte mit Klasse "csn-mega" werden zu Spalten) ===== */
body .astroid-header-section .csn-mega-panel{width:min(1100px,calc(100vw - 32px))!important;max-width:none!important;padding:20px!important}
.csn-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.15fr);gap:24px}
.csn-mega-head{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5A6B82;padding:0 10px 8px;border-bottom:1px solid #E3E8EF;margin-bottom:6px}
.csn-mega-list{list-style:none;margin:0!important;padding:0!important}
.csn-mega-list li{margin:0!important;padding:0!important;border:0!important;background:none!important}
body .astroid-header-section .csn-mega-list a.as-menu-item{display:block!important;padding:8px 10px!important;border-radius:10px!important;color:#14213A!important;text-decoration:none!important;background:none!important;white-space:normal!important}
body .astroid-header-section .csn-mega-list a.as-menu-item:hover,body .astroid-header-section .csn-mega-list a.as-menu-item:focus-visible{background:#EEF4FF!important}
.csn-mega-list .nav-icon{width:34px;height:34px;border-radius:9px;background:#E8F0FA;color:#0D63A5;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 34px;margin-right:10px}
.csn-mega-list .nav-icon i{font-size:15px;color:#0D63A5}
.csn-mega-list .nav-title-text{font-weight:600;font-size:.93rem;color:#14213A}
body .astroid-header-section .csn-mega-list .nav-subtitle{display:block;font-size:.8rem!important;color:#5A6B82!important;line-height:1.3;margin-top:1px;opacity:1!important}
.csn-mega-card{background:#F2F6FB;border:1px solid #E3E8EF;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;color:#14213A}
.csn-mega-card i{font-size:22px;color:#0D63A5}
.csn-mega-card strong{font-size:1rem}
.csn-mega-card span{color:#4A5B73;font-size:.88rem;line-height:1.45}
body .astroid-header-section a.csn-mega-cta{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:8px;background:#0D63A5!important;color:#fff!important;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none!important}
body .astroid-header-section a.csn-mega-cta:hover{filter:brightness(1.08)}
body .astroid-header-section a.csn-mega-tel{text-align:center;font-weight:700;color:#0D63A5!important;text-decoration:none!important;font-size:.92rem}
/* ===== Ende CS-N Modern: Mega-Menü ===== */


/* ===== CS-N Modern: Werkzeug-Kacheln (Seite mit <div class="csn-tools">, Quelle: Menüpunkt mit Klasse "csn-tools-menu") ===== */
.csn-tools{margin:28px 0 8px}
.csn-tools-group{margin:0 0 32px}
.csn-tools-group h2{margin:0 0 14px!important;font-size:.8rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5A6B82!important;border:0!important;padding:0!important}
.csn-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
a.csn-tool{display:flex;gap:14px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #E3E8EF;border-radius:14px;color:#14213A!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s;min-height:92px}
a.csn-tool:hover,a.csn-tool:focus-visible{border-color:#0D63A5;box-shadow:0 12px 26px -18px rgba(11,31,58,.45);transform:translateY(-2px)}
a.csn-tool:focus-visible{outline:3px solid #FDC84E;outline-offset:2px}
.csn-tool-icon{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:#E8F0FA;color:#0D63A5;display:inline-flex;align-items:center;justify-content:center;font-size:19px}
.csn-tool-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.csn-tool-title{font-weight:700;font-size:1.02rem;line-height:1.3}
.csn-tool-sub{font-size:.88rem;color:#5A6B82;line-height:1.4}
.csn-tool-badge{align-self:flex-start;margin-top:6px;font-size:.72rem;font-weight:700;color:#0C447C;background:#E6F1FB;border-radius:999px;padding:2px 9px}
@media (prefers-reduced-motion:reduce){a.csn-tool{transition:none}}
.csn-tools-page .astroid-article-title h1,.csn-tools-page .astroid-article-title h2,.csn-tools-page .page-header h1,.csn-tools-page .page-header h2{font-size:clamp(1.8rem,3vw,2.4rem)!important;font-weight:800!important;letter-spacing:-.015em!important;color:#14213A!important;margin:8px 0 10px!important}
.csn-tools-page .astroid-article-text>p:first-child{font-size:1.08rem;color:#4A5B73;max-width:760px}
/* ===== Ende CS-N Modern: Werkzeug-Kacheln ===== */


/* ===== CS-N Modern: „Online-Werkzeuge“ ohne Ausklappmenü (Klick führt direkt zur Kachelseite; Unterpunkte bleiben Quelle der Kacheln) ===== */
/* (Desktop-Ausklappmenü wird jetzt als Kachel-Panel gezeigt – Regel deaktiviert) */
#astroid-mobilemenu li.csn-tools-menu > .menu-indicator,#astroid-mobilemenu li.csn-tools-menu > ul.nav-child{display:none!important}
/* ===== Ende CS-N Modern: „Online-Werkzeuge“ ohne Ausklappmenü ===== */

/* ===== CS-N Modern: Leistungs-Kacheln auf der Startseite 3 + 3 (am PC) ===== */
@media (min-width:992px){.csn-start section[aria-labelledby="csn-services-title"] .csn-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* ===== Ende CS-N Modern: Leistungs-Kacheln 3 + 3 ===== */


/* ===== CS-N Modern: Symbole und Untertitel in den normalen Ausklappmenüs (wie im Mega-Menü) ===== */
body .astroid-header-section .nav-submenu>li>a.as-menu-item .nav-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#E8F0FA;color:#0D63A5;display:inline-flex!important;align-items:center;justify-content:center;margin-right:10px}
body .astroid-header-section .nav-submenu>li>a.as-menu-item .nav-icon i{font-size:14px;color:#0D63A5!important}
body .astroid-header-section .nav-submenu>li>a.as-menu-item .nav-title-text{font-weight:600;color:#14213A}
body .astroid-header-section .nav-submenu>li>a.as-menu-item .nav-subtitle{display:block;font-size:.78rem!important;color:#5A6B82!important;line-height:1.3;opacity:1!important}
body .astroid-header-section .nav-submenu>li>a.as-menu-item:hover .nav-icon{background:#DCE8F7}
/* ===== Ende CS-N Modern: Symbole in Ausklappmenüs ===== */

/* ===== CS-N Modern: alte Logo-/Slogan-Bildmodule in der Kopfzeile ausblenden (Markenzeile ersetzt sie) ===== */
.csnh-row .header-left-position .mod-custom,.csnh-row .header-right-position .mod-custom{display:none!important}

/* ===== CS-N Modern: Info-Leiste oben – Öffnungszeiten mittig ===== */
@media (min-width:992px){
body .astroid-wrapper>.astroid-section:first-child>.container{position:relative}
body .astroid-wrapper>.astroid-section:first-child .astroid-column,body .astroid-wrapper>.astroid-section:first-child .astroid-module-position,body .astroid-wrapper>.astroid-section:first-child .astroid-contact-info{position:static!important}
body .astroid-wrapper>.astroid-section:first-child .astroid-contact-info{display:flex;align-items:center;gap:22px}
body .astroid-wrapper>.astroid-section:first-child .astroid-contact-openhours{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;margin:0!important}
}
/* ===== Ende CS-N Modern: Info-Leiste oben ===== */

/* ===== CS-N Modern: vier Farbpunkte im Startbereich – dezente Welle (respektiert „Bewegung reduzieren“) ===== */
@keyframes csnDotWave{0%,62%,100%{transform:translateY(0) scale(1);box-shadow:none}8%{transform:translateY(-6px) scale(1.25);box-shadow:0 0 0 4px rgba(255,255,255,.12)}16%{transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:no-preference){
.csn-start .csn-eyebrow .csn-dot{animation:csnDotWave 4.8s ease-in-out infinite;will-change:transform}
.csn-start .csn-eyebrow .csn-dot:nth-child(1){animation-delay:.6s}
.csn-start .csn-eyebrow .csn-dot:nth-child(2){animation-delay:.78s}
.csn-start .csn-eyebrow .csn-dot:nth-child(3){animation-delay:.96s}
.csn-start .csn-eyebrow .csn-dot:nth-child(4){animation-delay:1.14s}
}
/* ===== Ende CS-N Modern: Farbpunkte ===== */

/* ===== CS-N Modern: Hinweisleiste (Modul mit <p class="csn-notice">) – animiert, schließbar ===== */
.csn-noticebar{max-height:200px;overflow:hidden;opacity:1;background:#EEF4FF;border-bottom:1px solid #C9D7EA;transition:max-height .5s ease,opacity .4s ease}
@keyframes csnNoticeIn{0%{background:#C9DCF5}100%{background:#EEF4FF}}
@media (prefers-reduced-motion:no-preference){.csn-noticebar{animation:csnNoticeIn 1.6s ease-out}}
.csn-noticebar.is-closing{max-height:0!important;opacity:0!important;animation:none!important}
.csn-noticebar-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 24px}
.csn-noticebar-ico{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#0D63A5;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.csn-noticebar-ico i{color:#fff!important}
@keyframes csnNoticePulse{0%{box-shadow:0 0 0 0 rgba(14,93,166,.45)}70%{box-shadow:0 0 0 10px rgba(14,93,166,0)}100%{box-shadow:0 0 0 0 rgba(14,93,166,0)}}
@media (prefers-reduced-motion:no-preference){.csn-noticebar-ico{animation:csnNoticePulse 2.4s ease-out infinite}}
@media (prefers-reduced-motion:reduce){.csn-noticebar{transition:none}}
.csn-noticebar-txt{flex:1;color:#14213A;font-size:.93rem;line-height:1.45;font-weight:500;margin:0}
.csn-noticebar-txt a{color:#0D63A5!important;font-weight:700;text-decoration:none!important;white-space:nowrap}
.csn-noticebar-x{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#3E4F68;font-size:24px;line-height:1;cursor:pointer;padding:0}
.csn-noticebar-x:hover,.csn-noticebar-x:focus-visible{background:#DCE8F7;color:#0D63A5}
.csn-noticebar-x:focus-visible{outline:3px solid #FDC84E;outline-offset:2px}
/* ===== Ende CS-N Modern: Hinweisleiste ===== */

/* ===== CS-N Modern: Hinweisleiste als Laufschrift (Modulklassensuffix "laufschrift") ===== */
.csn-noticebar.is-marquee .csn-noticebar-txt{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.csn-marquee-track{display:inline-flex;will-change:transform}
.csn-marquee-item{padding-right:7rem;white-space:nowrap}
@keyframes csnMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:no-preference){.csn-noticebar.is-marquee .csn-marquee-track{animation:csnMarquee 28s linear infinite}.csn-noticebar.is-marquee:hover .csn-marquee-track,.csn-noticebar.is-marquee:focus-within .csn-marquee-track{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.csn-noticebar.is-marquee .csn-noticebar-txt{white-space:normal;-webkit-mask-image:none;mask-image:none}.csn-marquee-item[aria-hidden]{display:none}}
/* ===== Ende CS-N Modern: Laufschrift ===== */

/* ===== CS-N Modern: Inhaltsseiten mit <div class="csn-page"> (z. B. Telefon & Bürozeiten) ===== */
.csn-page{color:#14213A;margin:8px 0 24px}
.csn-page *{box-sizing:border-box}
.csn-page :is(h1,h2).csn-page-title{font-size:clamp(1.8rem,3vw,2.4rem)!important;font-weight:800!important;letter-spacing:-.015em!important;color:#14213A!important;margin:0 0 10px!important;border:0!important;padding:0!important}
.csn-page :is(h1,h2).csn-page-title::before,.csn-page :is(h1,h2).csn-page-title::after,.csn-page h3::after{content:none!important;display:none!important}
.csn-page .csn-lead{font-size:1.08rem;line-height:1.6;color:#4A5B73;max-width:780px;margin:0 0 24px}
.csn-callgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0 0 16px}
.csn-page a.csn-callcard{display:flex;flex-direction:column;gap:6px;padding:24px 26px;border-radius:16px;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.csn-page a.csn-callcard:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(11,31,58,.5)}
.csn-page a.csn-callcard-office{background:#0B1F3A;color:#fff!important}
.csn-page a.csn-callcard-sos{background:#fff;border:1.5px solid #ED1C24;color:#14213A!important}
.csn-cc-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.csn-callcard-office .csn-cc-label{color:#B9C8DC}.csn-callcard-sos .csn-cc-label{color:#B4232B}
.csn-cc-num{font-size:1.75rem;font-weight:800;line-height:1.2}
.csn-cc-sub{font-size:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.csn-callcard-office .csn-cc-sub{color:#D3DDEA}.csn-callcard-sos .csn-cc-sub{color:#4A5B73}
.csn-cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.csn-icard{background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:22px 24px}
.csn-page .csn-icard h3,.csn-page .csn-hints h3{display:flex;align-items:center;gap:12px;margin:0 0 14px!important;padding:0!important;border:0!important;font-size:1.1rem!important;font-weight:800!important;color:#14213A!important;text-transform:none!important;letter-spacing:normal!important}
.csn-icard h3::before,.csn-hints h3::before{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#E8F0FA;color:#0D63A5;font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:16px;display:inline-flex;align-items:center;justify-content:center}
.csn-ic-clock h3::before{content:"\f017"}.csn-ic-car h3::before{content:"\f1b9"}.csn-ic-mail h3::before{content:"\f0e0"}.csn-ic-pin h3::before{content:"\f3c5"}.csn-ic-server h3::before{content:"\f233"}.csn-hints h3::before{content:"\f05a"}
.csn-times{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:9px 16px;margin:0}
.csn-times dt{font-weight:600;color:#3E4F68;margin:0}
.csn-times dd{margin:0;color:#14213A}
@media (max-width:575.98px){.csn-times{grid-template-columns:minmax(0,1fr);gap:2px}.csn-times dd{margin-bottom:10px}}
.csn-page .csn-icard p{margin:0 0 10px;line-height:1.55}
.csn-page .csn-icard a,.csn-page .csn-hints a{color:#0D63A5!important;font-weight:700;text-decoration:none!important}
.csn-note{font-size:.88rem;color:#5A6B82!important}
.csn-mark{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:50%;font-size:.68rem;font-weight:800;color:#fff;padding:0 4px;vertical-align:middle}
.csn-mark-1,.csn-hint-1{background:#2E8B3A}.csn-mark-2,.csn-hint-2{background:#0D63A5}.csn-mark-3,.csn-hint-3{background:#FDC84E;color:#14213A}.csn-mark-4,.csn-hint-4{background:#ED1C24}
.csn-hints{margin-top:24px;background:#F7F9FC;border:1px solid #E3E8EF;border-radius:16px;padding:22px 24px}
.csn-hint{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid #E3E8EF}
.csn-hints h3+.csn-hint{border-top:0;padding-top:4px}
.csn-hint-no{flex:0 0 28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;color:#fff}
.csn-hint-3{color:#14213A}
.csn-hint strong{display:block;color:#14213A;margin-bottom:2px}
.csn-page .csn-hint p{margin:0;color:#4A5B73;font-size:.93rem;line-height:1.55}
.csn-tip{display:block;margin-top:10px;background:#EEF4FF;color:#0C447C;border-radius:10px;padding:10px 14px;font-size:.9rem}
/* ===== Ende CS-N Modern: Inhaltsseiten ===== */

/* ===== CS-N Modern: Rechtstexte (Datenschutz u. ä.) – Inhaltsverzeichnis und nummerierte Abschnitte ===== */
.csn-page .csn-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.csn-page .csn-toc li{margin:0;padding:0}
.csn-page .csn-toc a{display:inline-block;background:#fff;border:1px solid #C9D7EA;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;color:#14213A!important;text-decoration:none!important;transition:background-color .15s,border-color .15s}
.csn-page .csn-toc a:hover,.csn-page .csn-toc a:focus-visible{border-color:#0D63A5;color:#0D63A5!important;background:#EEF4FF}
.csn-lsec{background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:22px 26px;margin:0 0 14px;scroll-margin-top:110px}
.csn-page .csn-lsec h3{display:flex;align-items:center;gap:12px;margin:0 0 10px!important;padding:0!important;border:0!important;font-size:1.15rem!important;font-weight:800!important;color:#14213A!important;text-transform:none!important}
.csn-lno{flex:0 0 32px;height:32px;border-radius:9px;background:#E8F0FA;color:#0D63A5;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}
.csn-page .csn-lsec h4{font-size:1rem!important;font-weight:700!important;color:#14213A!important;margin:16px 0 6px!important;padding:0!important;border:0!important}
.csn-page .csn-lsec p,.csn-page .csn-lsec li{color:#3E4F68;line-height:1.65;font-size:.97rem}
.csn-page .csn-lsec p{margin:0 0 10px}
.csn-page .csn-lsec ul{margin:6px 0 12px;padding-left:20px}
.csn-page .csn-lsec li{margin:3px 0}
.csn-page .csn-lsec a{color:#0D63A5!important;font-weight:600;text-decoration:none!important}
.csn-page .csn-stand{font-size:.88rem;color:#5A6B82;margin:14px 0 0}
@media (max-width:575.98px){.csn-lsec{padding:18px 18px}}
/* ===== Ende CS-N Modern: Rechtstexte ===== */

/* ===== CS-N Modern: mitlaufende Kopfzeile (Astroid Sticky Header) wie die normale Kopfzeile ===== */
#astroid-sticky-header{background:#fff!important;border-bottom:1px solid #E3E8EF!important;box-shadow:0 10px 24px -18px rgba(11,31,58,.55)!important}
#astroid-sticky-header a.astroid-logo-image img:not(.csnh-logo){display:none!important}
#astroid-sticky-header .csnh-brand{padding:4px 0}
#astroid-sticky-header .csnh-brand img{width:38px;height:38px}
#astroid-sticky-header .csnh-brand b{font-size:1.02rem}
#astroid-sticky-header .nav-link,#astroid-sticky-header .nav-link *,#astroid-sticky-header .astroid-nav>li>a,#astroid-sticky-header .astroid-nav>li>a *{color:#14213A!important;text-decoration:none!important;font-weight:600!important}
#astroid-sticky-header .astroid-nav>li>a:hover,#astroid-sticky-header .astroid-nav>li>a:hover *{color:#0D63A5!important}
#astroid-sticky-header .astroid-nav>li:last-child>a.as-menu-item{border:1.5px solid #0D63A5!important;border-radius:10px!important;padding:6px 14px!important;color:#0D63A5!important;margin-left:8px}
#astroid-sticky-header .nav-submenu-container{background:#fff!important;padding:8px!important;border:1px solid #E3E8EF!important;border-radius:14px!important;box-shadow:0 22px 44px -22px rgba(11,31,58,.45)!important;min-width:260px}
#astroid-sticky-header .nav-submenu{background:#fff!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
#astroid-sticky-header .nav-submenu>li{margin:0!important;border:0!important;background:none!important}
#astroid-sticky-header .nav-submenu>li>a.as-menu-item{display:block!important;padding:9px 14px!important;border-radius:8px!important;color:#14213A!important;background:none!important;font-weight:500!important;text-decoration:none!important;white-space:nowrap}
#astroid-sticky-header .nav-submenu>li>a.as-menu-item:hover{background:#EEF4FF!important;color:#0D63A5!important}
#astroid-sticky-header .nav-submenu>li>a.item-link-separator{font-size:.72rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5A6B82!important;padding:12px 14px 4px!important;pointer-events:none;background:none!important}
#astroid-sticky-header .nav-submenu>li:not(:first-child)>a.item-link-separator{border-top:1px solid #E3E8EF!important;margin-top:6px}
#astroid-sticky-header .nav-submenu>li>a.as-menu-item .nav-icon,#astroid-sticky-header .csn-mega-list .nav-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#E8F0FA;color:#0D63A5;display:inline-flex!important;align-items:center;justify-content:center;margin-right:10px}
#astroid-sticky-header .nav-icon i{color:#0D63A5!important}
#astroid-sticky-header .nav-subtitle{display:block;font-size:.78rem!important;color:#5A6B82!important;opacity:1!important}
#astroid-sticky-header .csn-mega-panel{width:min(1100px,calc(100vw - 32px))!important;max-width:none!important;padding:20px!important}
#astroid-sticky-header .csn-mega-list a.as-menu-item{display:block!important;padding:8px 10px!important;border-radius:10px!important;color:#14213A!important;text-decoration:none!important;background:none!important;white-space:normal!important}
#astroid-sticky-header .csn-mega-list a.as-menu-item:hover{background:#EEF4FF!important}
#astroid-sticky-header a.csn-mega-cta{background:#0D63A5!important;color:#fff!important;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none!important;display:flex;justify-content:center}
#astroid-sticky-header a.csn-mega-tel{text-align:center;font-weight:700;color:#0D63A5!important;text-decoration:none!important}
/* (mitlaufende Kopfzeile: Online-Werkzeuge zeigt jetzt ebenfalls das Kachel-Panel) */
/* ===== Ende CS-N Modern: mitlaufende Kopfzeile ===== */

/* ===== CS-N Modern: Support-Lösungen – Artikel (einheitliches Design, automatisch für itemid-244) ===== */
body.view-article.itemid-244 .astroid-article-title h1,body.view-article.itemid-244 .astroid-article-title h2{font-size:clamp(1.7rem,3vw,2.3rem)!important;font-weight:800!important;letter-spacing:-.015em!important;color:#14213A!important;line-height:1.2!important;margin:6px 0 18px!important}
.csn-sl-eyebrow{display:flex;align-items:center;gap:10px;margin:12px 0 4px}
.csn-sl-eyebrow i{display:flex;height:6px;width:64px;border-radius:3px;background:linear-gradient(90deg,#ED1C24 0 25%,#2E8B3A 25% 50%,#0D63A5 50% 75%,#FDC84E 75% 100%)}
.csn-sl-eyebrow span{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0D63A5}
body.view-article.itemid-244 .astroid-article-text{max-width:900px;color:#14213A;font-size:1.02rem;line-height:1.7}
body.view-article.itemid-244 .astroid-article-text>p{margin:0 0 14px;color:#3E4F68}
body.view-article.itemid-244 .astroid-article-text h2{font-size:1.35rem!important;font-weight:800!important;color:#14213A!important;margin:32px 0 12px!important;padding:2px 0 2px 14px!important;border:0!important;border-left:4px solid #0D63A5!important;line-height:1.3!important}
body.view-article.itemid-244 .astroid-article-text h3{font-size:1.12rem!important;font-weight:700!important;color:#14213A!important;margin:22px 0 8px!important}
body.view-article.itemid-244 .astroid-article-text a{color:#0D63A5!important;font-weight:600;text-decoration:none!important}
body.view-article.itemid-244 .astroid-article-text ul{margin:0 0 16px;padding-left:22px}
body.view-article.itemid-244 .astroid-article-text ul li{margin:6px 0;color:#3E4F68}
body.view-article.itemid-244 .astroid-article-text ol{list-style:none;counter-reset:csnstep;margin:6px 0 20px;padding:0;display:grid;gap:10px}
body.view-article.itemid-244 .astroid-article-text ol>li{counter-increment:csnstep;position:relative;background:#fff;border:1px solid #E3E8EF;border-radius:14px;padding:14px 18px 14px 62px;color:#14213A;margin:0}
body.view-article.itemid-244 .astroid-article-text ol>li::before{content:counter(csnstep);position:absolute;left:16px;top:12px;width:32px;height:32px;border-radius:50%;background:#0D63A5;color:#fff;font-weight:800;font-size:.92rem;display:flex;align-items:center;justify-content:center}
body.view-article.itemid-244 .astroid-article-text code,body.view-article.itemid-244 .astroid-article-text kbd{font-family:Consolas,"Cascadia Mono","SF Mono",Menlo,monospace!important;font-size:.92em!important;background:#0B1F3A!important;color:#E6EDF7!important;border-radius:8px!important;padding:3px 9px!important;border:0!important;white-space:nowrap}
.csn-code{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;max-width:100%}
.csn-code code{white-space:pre-wrap!important;word-break:break-all}
.csn-copy{border:1px solid #C9D7EA;background:#fff;color:#0D63A5;border-radius:8px;font-size:.78rem;font-weight:700;padding:3px 9px;cursor:pointer;line-height:1.4}
.csn-copy:hover{background:#EEF4FF;border-color:#0D63A5}
.csn-copy.ok{background:#E7F5EC;color:#1E6B3A;border-color:#BFE3CB}
body.view-article.itemid-244 .astroid-article-text pre{background:#0B1F3A!important;color:#E6EDF7!important;border-radius:12px!important;padding:16px 18px!important;border:0!important;overflow:auto;position:relative}
body.view-article.itemid-244 .astroid-article-text pre code{background:none!important;padding:0!important}
body.view-article.itemid-244 .astroid-article-text blockquote{margin:16px 0!important;padding:14px 18px 14px 50px!important;background:#EEF4FF!important;border:1px solid #C9D7EA!important;border-left:0!important;border-radius:12px!important;color:#0C447C!important;position:relative;font-style:normal!important;font-size:.98rem!important}
body.view-article.itemid-244 .astroid-article-text blockquote::before{content:"i";position:absolute;left:16px;top:14px;width:22px;height:22px;border-radius:50%;background:#0D63A5;color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif}
body.view-article.itemid-244 .astroid-article-text blockquote p{margin:0!important;color:#0C447C!important}
body.view-article.itemid-244 .astroid-article-text img{max-width:100%;height:auto;border-radius:12px;border:1px solid #E3E8EF}
body.view-article.itemid-244 .astroid-article-text table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #E3E8EF;border-radius:12px;overflow:hidden;margin:0 0 18px}
body.view-article.itemid-244 .astroid-article-text th{background:#F7F9FC;color:#5A6B82;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;text-align:left}
body.view-article.itemid-244 .astroid-article-text td{padding:10px 14px;border-top:1px solid #EEF1F5}
.csn-sl-disclaimer{display:flex;gap:14px;align-items:flex-start;background:#FFF8E6;border:1px solid #F3D48A;border-radius:14px;padding:14px 18px;margin:0 0 24px;color:#5C4300;font-size:.93rem;line-height:1.55}
.csn-sl-disclaimer b{display:block;color:#3D2C00}
.csn-sl-disclaimer>span:first-child{flex:0 0 30px;height:30px;border-radius:50%;background:#FDC84E;color:#14213A;display:flex;align-items:center;justify-content:center;font-weight:900}
.csn-sl-cta{margin:36px 0 8px;background:#0B1F3A;color:#fff;border-radius:16px;padding:24px 26px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;max-width:900px}
.csn-sl-cta b{display:block;font-size:1.2rem;margin-bottom:4px}
.csn-sl-cta span{color:#D3DDEA;font-size:.95rem}
.csn-sl-cta .csn-sl-btns{display:flex;flex-wrap:wrap;gap:10px}
body.view-article.itemid-244 .csn-sl-cta a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none!important}
body.view-article.itemid-244 .csn-sl-cta a.p{background:#0D63A5;color:#fff!important}
body.view-article.itemid-244 .csn-sl-cta a.g{border:1.5px solid #6E8BB0;color:#fff!important}
body.view-article.itemid-244 .csn-sl-back{display:inline-block;margin:14px 0 0;color:#0D63A5!important;font-weight:700;text-decoration:none!important}
body.view-article.itemid-244 .astroid-article-text p.csn-sl-old{display:none!important}
/* ===== Ende CS-N Modern: Support-Lösungen – Artikel ===== */

/* ===== CS-N Modern: Inhaltsseiten – Bausteine (Kennzahlen, Etiketten, Zitat, Häkchen, Abschluss) ===== */
.csn-page h2.csn-sec{font-size:1.35rem!important;font-weight:800!important;color:#14213A!important;margin:30px 0 14px!important;padding:2px 0 2px 14px!important;border:0!important;border-left:4px solid #0D63A5!important}
.csn-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;margin:0 0 18px}
.csn-fact{background:#fff;border:1px solid #E3E8EF;border-top:4px solid #0D63A5;border-radius:16px;padding:18px 20px}
.csn-fact:nth-child(4n+1){border-top-color:#ED1C24}.csn-fact:nth-child(4n+2){border-top-color:#2E8B3A}.csn-fact:nth-child(4n+3){border-top-color:#0D63A5}.csn-fact:nth-child(4n+4){border-top-color:#FDC84E}
.csn-page .csn-fact strong{display:block;font-size:1.5rem;font-weight:800;color:#14213A;line-height:1.2;margin:0 0 4px}
.csn-page .csn-fact span{color:#5A6B82;font-size:.9rem}
.csn-page ul.csn-chips{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.csn-page ul.csn-chips li{background:#EEF4FF;color:#0C447C;border:1px solid #C9D7EA;border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:600;margin:0}
.csn-page blockquote.csn-quote{margin:22px 0!important;padding:24px 28px 22px 74px!important;background:#fff!important;border:1px solid #E3E8EF!important;border-left:0!important;border-radius:16px!important;position:relative;color:#14213A!important}
.csn-page blockquote.csn-quote::before{content:"\201C";position:absolute;left:22px;top:10px;font-size:4.2rem;line-height:1;color:#0D63A5;font-family:Georgia,serif}
.csn-page blockquote.csn-quote p{margin:0 0 10px!important;font-size:1.12rem!important;font-style:italic;line-height:1.6;color:#14213A!important}
.csn-page blockquote.csn-quote p:last-child{margin:0!important;font-style:normal;font-size:.98rem!important;color:#3E4F68!important}
.csn-page ul.csn-checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px}
.csn-page ul.csn-checks li{position:relative;background:#fff;border:1px solid #E3E8EF;border-radius:12px;padding:13px 16px 13px 48px;margin:0;color:#14213A;font-weight:600;line-height:1.45}
.csn-page ul.csn-checks li::before{content:"";position:absolute;left:15px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#2E8B3A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.csn-endcta{background:#0B1F3A;border-radius:16px;padding:26px 28px;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
.csn-page .csn-endcta h3{color:#fff!important;font-size:1.25rem!important;font-weight:800!important;margin:0 0 6px!important;padding:0!important;border:0!important}
.csn-page .csn-endcta p{color:#D3DDEA!important;margin:0!important;max-width:660px;line-height:1.55}
.csn-endcta-btns{display:flex;flex-wrap:wrap;gap:10px}
.csn-page .csn-endcta a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none!important}
.csn-page .csn-endcta a.csn-btn-p{background:#0D63A5;color:#fff!important}
.csn-page .csn-endcta a.csn-btn-g{border:1.5px solid #6E8BB0;color:#fff!important}
/* ===== Ende CS-N Modern: Inhaltsseiten – Bausteine ===== */

/* ===== CS-N Modern: Kontaktseite (com_contact) im CS-N-Design ===== */
body.view-contact .astroid-component.shadow-sm{box-shadow:none!important;background:transparent!important}
body.view-contact .csn-page{margin-bottom:18px}
body.view-contact .com-contact__thumbnail{display:none!important}
body.view-contact .csn-cbox{background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:22px 24px;height:100%}
body.view-contact .contact-title-second{display:flex;align-items:center;gap:12px;font-size:1.15rem!important;font-weight:800!important;color:#14213A!important;margin:0 0 16px!important;padding:0!important;border:0!important;text-transform:none!important}
body.view-contact .contact-title-second::before{content:"\f3c5";flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#E8F0FA;color:#0D63A5;font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:16px;display:inline-flex;align-items:center;justify-content:center}
body.view-contact .csn-cbox-form .contact-title-second::before{content:"\f0e0"}
body.view-contact .com-contact__address{margin:0;color:#3E4F68;line-height:1.6}
body.view-contact .com-contact__address dt,body.view-contact .com-contact__address .jicons-icons,body.view-contact .com-contact__address [class*="icon"]{color:#0D63A5}
body.view-contact .com-contact__address dd{margin:0 0 10px}
body.view-contact .com-contact__address a{color:#0D63A5!important;font-weight:600;text-decoration:none!important}
body.view-contact .com-contact .well{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
body.view-contact .com-contact label,body.view-contact .com-contact .control-label{font-weight:600;color:#3E4F68}
body.view-contact .com-contact .star{color:#B4232B}
body.view-contact .com-contact .form-control,body.view-contact .com-contact input[type=text],body.view-contact .com-contact input[type=email],body.view-contact .com-contact textarea{background:#fff!important;color:#14213A!important;border:1px solid #C9D7EA!important;border-radius:10px!important;min-height:44px;box-shadow:none!important}
body.view-contact .com-contact textarea{min-height:150px!important}
body.view-contact .com-contact .form-control:focus,body.view-contact .com-contact textarea:focus{border-color:#0D63A5!important;box-shadow:0 0 0 3px rgba(14,93,166,.18)!important;outline:0}
body.view-contact .com-contact .btn-primary,body.view-contact .com-contact button[type=submit]{background:#0D63A5!important;border:1px solid #0D63A5!important;color:#fff!important;border-radius:10px!important;padding:10px 24px!important;font-weight:700!important;min-height:46px}
body.view-contact .com-contact .btn-primary:hover,body.view-contact .com-contact button[type=submit]:hover{background:#0A4E8C!important}
body.view-contact .csn-cnote{margin:14px 0 0;font-size:.85rem;color:#5A6B82}
body.view-contact .csn-cnote a{color:#0D63A5!important;font-weight:600;text-decoration:none!important}
/* ===== Ende CS-N Modern: Kontaktseite ===== */

/* ===== CS-N Modern: weitere Kartensymbole ===== */
.csn-ic-user h3::before{content:"\f007"}.csn-ic-bulb h3::before{content:"\f0eb"}.csn-ic-briefcase h3::before{content:"\f0b1"}
.csn-page .csn-hints p{margin:0;color:#4A5B73;line-height:1.55}
/* ===== Ende ===== */

/* ===== CS-N Modern: Bildschirmtest (itemid-494) – ohne Kopf, Menü, Hinweisleiste und Fußzeile ===== */
body.itemid-494 .astroid-wrapper>.astroid-section:not(.astroid-component-section),body.itemid-494 #astroid-sticky-header,body.itemid-494 .csn-noticebar,body.itemid-494 #astroid-backtotop,body.itemid-494 .astroid-footer-section{display:none!important}
.csn-testback{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:600;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff!important;border-radius:999px;padding:7px 16px;font-weight:700;font-size:.88rem;text-decoration:none!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}
.csn-testback:hover,.csn-testback:focus-visible{background:rgba(255,255,255,.26)}
body:has(#welcome.gone) .csn-testback{display:none!important}
/* ===== Ende CS-N Modern: Bildschirmtest ===== */

/* ===== CS-N Modern: Druckertest (Platzhalter <div class="csn-printtest">) ===== */
.csn-ic-print h3::before{content:"\f02f"}.csn-ic-search h3::before{content:"\f002"}.csn-ic-tools h3::before{content:"\f0ad"}
.csn-page .csn-icard ul{margin:0;padding-left:20px;color:#3E4F68;line-height:1.6}
.csn-page .csn-icard ul li{margin:4px 0}
.csn-pt{margin:24px 0}
.csn-pt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 14px}
.csn-pt-print{display:inline-flex;align-items:center;gap:10px;background:#0D63A5;color:#fff;border:0;border-radius:12px;padding:13px 22px;font-weight:700;font-size:1.02rem;cursor:pointer;min-height:48px}
.csn-pt-print:hover{background:#0A4E8C}
.csn-pt-print:focus-visible{outline:3px solid #FDC84E;outline-offset:2px}
.csn-pt-hint{color:#5A6B82;font-size:.9rem;max-width:620px}
.csn-pt-wrap{overflow-x:auto;background:#EEF1F5;border:1px solid #E3E8EF;border-radius:16px;padding:24px}
.csn-pt-sheet{width:190mm;min-height:277mm;margin:0 auto;background:#fff;color:#000;box-shadow:0 12px 30px -18px rgba(11,31,58,.5);padding:8mm;position:relative;font-family:Arial,Helvetica,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact;box-sizing:border-box}
.csn-pt-sheet *{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.csn-pt-mark{position:absolute;width:6mm;height:6mm;border-color:#000;border-style:solid;border-width:0}
.csn-pt-mark.tl{top:2mm;left:2mm;border-top-width:.3mm;border-left-width:.3mm}.csn-pt-mark.tr{top:2mm;right:2mm;border-top-width:.3mm;border-right-width:.3mm}.csn-pt-mark.bl{bottom:2mm;left:2mm;border-bottom-width:.3mm;border-left-width:.3mm}.csn-pt-mark.br{bottom:2mm;right:2mm;border-bottom-width:.3mm;border-right-width:.3mm}
.csn-pt-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:.6mm solid #000;padding-bottom:2mm;margin-bottom:4mm}
.csn-pt-head b{font-size:14pt}.csn-pt-head span{font-size:8pt;color:#333}
.csn-pt-strip{display:flex;height:2mm;margin:-2mm 0 4mm}.csn-pt-strip i{flex:1}
.csn-pt-sec{margin:0 0 4.5mm}
.csn-pt-sec h4{font-size:9pt;font-weight:700;margin:0 0 1.5mm;text-transform:uppercase;letter-spacing:.06em;color:#000}
.csn-pt-sw{display:grid;grid-template-columns:repeat(7,1fr);gap:1.5mm}
.csn-pt-sw div{height:13mm;display:flex;align-items:flex-end;justify-content:center;font-size:7pt;font-weight:700;padding-bottom:1mm}
.csn-pt-gray{display:grid;grid-template-columns:repeat(11,1fr);border:.2mm solid #000}
.csn-pt-gray div{height:8mm;font-size:6pt;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.6mm}
.csn-pt-grad div{height:5mm;margin-bottom:1mm}
.csn-pt-txt p{margin:0 0 .8mm;line-height:1.2;color:#000}
.csn-pt-neg{background:#000;color:#fff!important;padding:1.5mm 2mm;margin-top:1.5mm}
.csn-pt-neg p{color:#fff!important}
.csn-pt-row{display:grid;grid-template-columns:1fr 1fr;gap:4mm}
.csn-pt-notes div{border-bottom:.2mm solid #000;height:6mm;font-size:8pt;display:flex;align-items:flex-end;padding-bottom:.6mm}
.csn-pt-foot{font-size:6.5pt;color:#444;margin-top:2mm;display:flex;justify-content:space-between}
@media print{
  @page{size:A4 portrait;margin:0}
  body.itemid-511 *{visibility:hidden!important}
  body.itemid-511 .csn-pt-sheet,body.itemid-511 .csn-pt-sheet *{visibility:visible!important}
  body.itemid-511 .csn-pt-sheet{position:absolute;left:0;top:0;margin:0;box-shadow:none;width:210mm;min-height:0;height:296mm;padding:18mm!important;overflow:hidden;break-inside:avoid;page-break-inside:avoid}
  body.itemid-511 .csn-pt-mark.tl{top:10mm;left:10mm}body.itemid-511 .csn-pt-mark.tr{top:10mm;right:10mm}body.itemid-511 .csn-pt-mark.bl{bottom:10mm;left:10mm}body.itemid-511 .csn-pt-mark.br{bottom:10mm;right:10mm}
  body.itemid-511 .csn-pt-fields{display:none!important}
  body.itemid-511 .csn-pt-wrap{padding:0;border:0;background:none}
}
/* ===== Ende CS-N Modern: Druckertest ===== */

/* ===== CS-N Modern: Anmeldefenster (Konto-Seiten .lz-captive) – Farb-Lichtlauf um den Rand ===== */
@property --csn-ring{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes csnRing{to{--csn-ring:360deg}}
body .lz-captive.lz-captive{position:relative;border:2.5px solid transparent!important;background:linear-gradient(var(--lzc-bg,#fff),var(--lzc-bg,#fff)) padding-box,conic-gradient(from var(--csn-ring),#E3E8EF 0deg 190deg,#ED1C24 225deg,#FDC84E 265deg,#2E8B3A 305deg,#0D63A5 340deg,#E3E8EF 360deg) border-box!important;box-shadow:0 24px 60px -30px rgba(11,31,58,.35),0 0 0 6px rgba(14,93,166,.04)!important}
@media (prefers-reduced-motion:no-preference){body .lz-captive.lz-captive{animation:csnRing 6s linear infinite}}
/* ===== Ende CS-N Modern: Anmeldefenster ===== */

/* ===== CS-N Modern: Kunden-Login-Modul (.mod-lzlogin) – Farb-Lichtlauf statt blauem Streifen ===== */
body .mod-lzlogin.mod-lzlogin{border:2.5px solid transparent!important;background:linear-gradient(var(--lzm-bg,#fff),var(--lzm-bg,#fff)) padding-box,conic-gradient(from var(--csn-ring),#E3E8EF 0deg 190deg,#ED1C24 225deg,#FDC84E 265deg,#2E8B3A 305deg,#0D63A5 340deg,#E3E8EF 360deg) border-box!important}
@media (prefers-reduced-motion:no-preference){body .mod-lzlogin.mod-lzlogin{animation:lzmIn .55s ease both,csnRing 6s linear infinite!important}}
body .mod-lzlogin .lzm-bar{display:none!important}
/* ===== Ende CS-N Modern: Kunden-Login-Modul ===== */

/* ===== CS-N Modern: Konto-Fenster – Kopf wie beim Kunden-Login (Symbol, Überschrift, Untertitel) ===== */
.csn-auth-hero{text-align:center;margin:0 0 18px}
.csn-auth-ico{width:56px;height:56px;border-radius:50%;background:#E8F0FA;color:#0D63A5;display:inline-flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 0 8px rgba(14,93,166,.08);margin-bottom:12px}
.csn-auth-ico i{color:#0D63A5!important}
@keyframes csnAuthFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:no-preference){.csn-auth-ico{animation:csnAuthFloat 4s ease-in-out infinite}}
.lz-captive .csn-auth-hero :is(h1,h2){font-size:1.35rem!important;font-weight:800!important;color:#14213A!important;margin:0 0 4px!important;padding:0!important;border:0!important}
.lz-captive .csn-auth-hero p{margin:0!important;color:#5A6B82!important;font-size:.92rem!important}
.lz-captive .csn-auth-hero,.lz-captive .csn-auth-hero :is(h1,h2),.lz-captive .csn-auth-hero p{text-align:center!important;justify-content:center!important}
.lz-captive.csn-auth-done legend,.lz-captive.csn-auth-done .page-header{display:none!important}
/* ===== Ende CS-N Modern: Konto-Fenster – Kopf ===== */

/* ===== CS-N Modern: Kontaktseite – „Kontakt speichern“ als Karte in der linken Spalte ===== */
body.view-contact .csn-vc{max-width:none!important;width:100%!important;margin:16px 0 0!important;border:1px solid #E3E8EF!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important}
body.view-contact .com-contact .csn-cbox:not(.csn-cbox-form){height:auto!important}
body.view-contact .content-bottom-position:empty,body.view-contact .content-bottom-position.csn-empty{display:none!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: Kontaktseite – aufgeräumte Anschrift ===== */
body.view-contact ul.csn-addr{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.view-contact ul.csn-addr li{display:flex;gap:12px;align-items:flex-start;margin:0;color:#14213A;line-height:1.5}
body.view-contact ul.csn-addr li>i{flex:0 0 32px;height:32px;border-radius:9px;background:#E8F0FA;color:#0D63A5;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-style:normal}
body.view-contact ul.csn-addr li>span{padding-top:5px}
body.view-contact ul.csn-addr small{display:block;color:#5A6B82;font-size:.8rem}
body.view-contact ul.csn-addr a{color:#0D63A5!important;font-weight:700;text-decoration:none!important}
body.view-contact a.csn-addr-more{display:inline-block;margin-top:16px;color:#0D63A5!important;font-weight:700;text-decoration:none!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: vorerst ausgeblendete Links (Seite noch nicht vorhanden) – zum Einblenden Zeile entfernen ===== */
a[href$="/netzwerk-monitoring"],a[href="netzwerk-monitoring"]{display:none!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: Formulare in Inhaltsseiten (JD Simple Contact Form) und Erläuterungen in Häkchen-Listen ===== */
.csn-page .csn-eyebrow-line{display:flex;align-items:center;gap:10px;margin:4px 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0D63A5}
.csn-page .csn-eyebrow-line::before{content:"";width:64px;height:6px;border-radius:3px;background:linear-gradient(90deg,#ED1C24 0 25%,#2E8B3A 25% 50%,#0D63A5 50% 75%,#FDC84E 75% 100%)}
.csn-page ul.csn-checks li .csn-check-sub{display:block;font-weight:400;color:#5A6B82;font-size:.88rem;margin-top:2px}
.csn-page .csn-termin{margin-top:24px;scroll-margin-top:110px}
.csn-page .jd-simple-contact-form table,.csn-page .jd-simple-contact-form tbody,.csn-page .jd-simple-contact-form tr,.csn-page .jd-simple-contact-form td{display:block;width:100%!important;border:0!important;padding:0!important;background:none!important}
.csn-page .jd-simple-contact-form label,.csn-page .jd-simple-contact-form .control-label{font-weight:600;color:#3E4F68;margin:12px 0 5px;display:block}
.csn-page .jd-simple-contact-form .star,.csn-page .jd-simple-contact-form .required-star{color:#B4232B}
.csn-page .jd-simple-contact-form input[type=text],.csn-page .jd-simple-contact-form input[type=email],.csn-page .jd-simple-contact-form input[type=tel],.csn-page .jd-simple-contact-form input[type=number],.csn-page .jd-simple-contact-form input[type=date],.csn-page .jd-simple-contact-form select,.csn-page .jd-simple-contact-form textarea,.csn-page .jd-simple-contact-form .form-control{width:100%;background:#fff!important;color:#14213A!important;border:1px solid #C9D7EA!important;border-radius:10px!important;min-height:44px;padding:8px 12px!important;box-shadow:none!important}
.csn-page .jd-simple-contact-form textarea{min-height:120px}
.csn-page .jd-simple-contact-form input:focus,.csn-page .jd-simple-contact-form select:focus,.csn-page .jd-simple-contact-form textarea:focus{border-color:#0D63A5!important;box-shadow:0 0 0 3px rgba(14,93,166,.18)!important;outline:0}
.csn-page .jd-simple-contact-form input[type=checkbox],.csn-page .jd-simple-contact-form input[type=radio]{width:18px;height:18px;min-height:0;accent-color:#0D63A5;margin-right:8px;vertical-align:middle}
.csn-page .jd-simple-contact-form .form-check-label,.csn-page .jd-simple-contact-form .checkbox label,.csn-page .jd-simple-contact-form .radio label{display:inline;font-weight:500;color:#14213A}
.csn-page .jd-simple-contact-form button[type=submit],.csn-page .jd-simple-contact-form .btn-primary,.csn-page .jd-simple-contact-form input[type=submit]{background:#0D63A5!important;border:1px solid #0D63A5!important;color:#fff!important;border-radius:10px!important;padding:11px 26px!important;font-weight:700!important;min-height:46px;margin-top:16px}
.csn-page .jd-simple-contact-form button:not([type=submit]),.csn-page .jd-simple-contact-form .btn-secondary{background:#E8F0FA!important;color:#0D63A5!important;border:1px solid #C9D7EA!important;border-radius:10px!important;min-height:44px;min-width:44px;margin-top:6px}
.csn-page .jd-simple-contact-form button:not([type=submit]) *{color:#0D63A5!important}
.csn-page .jd-simple-contact-form button[type=submit]:hover,.csn-page .jd-simple-contact-form .btn-primary:hover{background:#0A4E8C!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: AWE-Systemcheck – interaktive Live-Demo (Platzhalter <div class="csn-awe-demo">) ===== */
.awe{background:radial-gradient(120% 140% at 0% 0%,#14427A 0%,#0B1F3A 58%);color:#fff;border-radius:18px;padding:24px 26px 16px;margin:18px 0 24px;position:relative;overflow:hidden;box-shadow:0 30px 60px -35px rgba(11,31,58,.75)}
.awe::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ED1C24 0 25%,#2E8B3A 25% 50%,#0D63A5 50% 75%,#FDC84E 75%)}
.awe-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:20px;font-weight:800;font-size:1.05rem}
.awe-dot{width:10px;height:10px;border-radius:50%;background:#4CC46A;animation:aweBlink 1.6s infinite}
.awe-tag{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.12);padding:3px 9px;border-radius:999px;color:#D3DDEA}
.awe-switch{margin-left:auto;display:inline-flex;background:rgba(255,255,255,.1);border-radius:999px;padding:3px}
.awe-switch button{border:0;background:transparent;color:#D3DDEA;font-weight:700;font-size:.82rem;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.awe-switch button.on{background:#fff;color:#0B1F3A}
.awe-switch button:focus-visible{outline:3px solid #FDC84E;outline-offset:2px}
.awe-body{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center}
@media (max-width:700px){.awe-body{grid-template-columns:1fr}.awe-gauge{margin:0 auto}.awe-switch{margin-left:0}}
.awe-gauge{position:relative;width:200px;height:200px}
.awe-radar{position:absolute;inset:16px;border-radius:50%;background:conic-gradient(from 0deg,rgba(77,163,255,0) 0deg,rgba(77,163,255,0) 250deg,rgba(77,163,255,.5) 360deg);opacity:0;transition:opacity .4s}
.awe.scanning .awe-radar{opacity:1;animation:aweSpin 1.3s linear infinite}
.awe-gauge svg{position:absolute;inset:0;transform:rotate(-90deg)}
.awe-gauge circle{fill:none;stroke-width:11}
.awe-gauge .bg{stroke:rgba(255,255,255,.12)}
.awe-gauge .fg{stroke:#FDC84E;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .55s ease,stroke .6s;filter:drop-shadow(0 0 6px rgba(246,195,68,.55))}
.awe.good .awe-gauge .fg{stroke:#4CC46A;filter:drop-shadow(0 0 8px rgba(76,196,106,.6))}
.awe-gval{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.awe-gval b{font-size:2.7rem;font-weight:800;line-height:1}
.awe-gval b i{font-style:normal;font-size:1.3rem;opacity:.8}
.awe-gval small{color:#B9C8DC;font-size:.7rem;margin-top:6px;letter-spacing:.08em;text-transform:uppercase}
.awe-list{list-style:none;margin:0!important;padding:0!important;display:grid;gap:8px}
.awe-list li{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;margin:0;opacity:.4;transform:translateX(10px);transition:opacity .35s,transform .35s,background .35s,border-color .35s}
.awe-list li.show{opacity:1;transform:none}
.awe-list li.warn{background:rgba(246,195,68,.10);border-color:rgba(246,195,68,.38)}
.awe-list li.ok{background:rgba(76,196,106,.10);border-color:rgba(76,196,106,.38)}
.awe-ico{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900;box-sizing:border-box}
.awe-list li.pending .awe-ico{border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:aweSpin .8s linear infinite}
.awe-list li.warn .awe-ico{background:#FDC84E;color:#0B1F3A}
.awe-list li.warn .awe-ico::before{content:"!"}
.awe-list li.ok .awe-ico{background:#4CC46A;color:#0B1F3A}
.awe-list li.ok .awe-ico::before{content:"\2713"}
.awe-k{flex:1;font-weight:600;color:#fff}
.awe-v{font-weight:700;color:#B9C8DC;white-space:nowrap;font-variant-numeric:tabular-nums}
.awe-list li.warn .awe-v{color:#FDC84E}
.awe-list li.ok .awe-v{color:#7EE29A}
.awe-list li.orange{background:rgba(255,140,0,.12);border-color:rgba(255,140,0,.45)}
.awe-list li.orange .awe-ico{background:none;color:#FF8C00;font-size:1.05rem}
.awe-list li.orange .awe-ico::before{content:"\26A0"}
.awe-list li.orange .awe-k,.awe-list li.orange .awe-v{color:#FFA94D}
.awe-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.awe-verdict{margin:0!important;font-weight:700;font-size:1.02rem;color:#fff!important;min-height:1.5em}
.csn-page a.awe-cta{display:inline-flex;align-items:center;min-height:46px;padding:11px 20px;border-radius:12px;background:#0D63A5;color:#fff!important;font-weight:800;text-decoration:none!important}
.csn-page a.awe-cta:hover{background:#0D63A5}
.awe.done:not(.good) a.awe-cta{animation:awePulse 1.8s infinite}
.awe-note{display:block;margin-top:10px;color:#8FA3BD;font-size:.72rem}
@keyframes aweSpin{to{transform:rotate(360deg)}}
@keyframes aweBlink{0%{box-shadow:0 0 0 0 rgba(76,196,106,.6)}70%{box-shadow:0 0 0 8px rgba(76,196,106,0)}100%{box-shadow:0 0 0 0 rgba(76,196,106,0)}}
@keyframes awePulse{0%{box-shadow:0 0 0 0 rgba(77,163,255,.6)}70%{box-shadow:0 0 0 14px rgba(77,163,255,0)}100%{box-shadow:0 0 0 0 rgba(77,163,255,0)}}
@media (prefers-reduced-motion:reduce){.awe *,.awe *::before{animation:none!important;transition:none!important}}
/* ===== Ende CS-N Modern: AWE-Systemcheck ===== */

/* ===== CS-N Modern: AWE – feste Erfolgsansicht (Reset-Seite) ===== */
@keyframes aweFill{from{stroke-dashoffset:326.7}to{stroke-dashoffset:0}}
.awe-static .awe-gauge .fg{stroke-dashoffset:0;animation:aweFill 1.6s cubic-bezier(.2,.8,.2,1) both}
.awe-static .awe-list li{animation:aweIn .5s ease both}
.awe-static .awe-list li:nth-child(2){animation-delay:.15s}.awe-static .awe-list li:nth-child(3){animation-delay:.3s}.awe-static .awe-list li:nth-child(4){animation-delay:.45s}.awe-static .awe-list li:nth-child(5){animation-delay:.6s}
@keyframes aweIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.awe-badge-ok{margin-left:auto;background:#4CC46A;color:#0B1F3A;font-size:.82rem;font-weight:800;padding:6px 14px;border-radius:999px}
.csn-page .csn-hints{margin-top:4px}
@media (prefers-reduced-motion:reduce){.awe-static .awe-gauge .fg,.awe-static .awe-list li{animation:none!important}}
/* ===== Ende ===== */

/* ===== CS-N Modern: vier Farbpunkte wie auf der Startseite auch in .csn-eyebrow-line (Wartungshinweis, Wartungsreset) ===== */
.csn-page .csn-eyebrow-line.csn-has-dots::before{display:none!important}
.csn-eyebrow-dots{display:inline-flex;gap:6px;align-items:center;margin-right:4px}
.csn-eyebrow-dots i{display:block;width:10px;height:10px;border-radius:2px}
.csn-eyebrow-dots i:nth-child(1){background:#FDC84E}.csn-eyebrow-dots i:nth-child(2){background:#0D63A5}.csn-eyebrow-dots i:nth-child(3){background:#ED1C24}.csn-eyebrow-dots i:nth-child(4){background:#2E8B3A}
@media (prefers-reduced-motion:no-preference){
.csn-eyebrow-dots i{animation:csnDotWave 4.8s ease-in-out infinite;will-change:transform}
.csn-eyebrow-dots i:nth-child(1){animation-delay:.6s}.csn-eyebrow-dots i:nth-child(2){animation-delay:.78s}.csn-eyebrow-dots i:nth-child(3){animation-delay:.96s}.csn-eyebrow-dots i:nth-child(4){animation-delay:1.14s}
}
/* ===== Ende ===== */

/* ===== CS-N Modern: Bestätigung nach dem Absenden eines Formulars (Terminanfrage) ===== */
.csn-thanks{display:flex;gap:14px;align-items:flex-start;background:#E7F5EC;border:1px solid #BFE3CB;border-radius:14px;padding:16px 18px;color:#14213A;margin:6px 0 14px}
.csn-thanks::before{content:"\2713";flex:0 0 32px;height:32px;border-radius:50%;background:#2E8B3A;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}
.csn-thanks p{margin:0!important;color:#14213A!important}
.csn-thanks a{color:#0D63A5!important;font-weight:700;text-decoration:none!important}
.csn-page .jd-simple-contact-form label a{color:#0D63A5!important;font-weight:700;text-decoration:underline!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: Fehlerseite im CS-N-Design (404, 403, 500) ===== */
body.error-page.csn-err-page{background:#F5F7FA!important;min-height:100vh}
body.csn-err-page .astroid-element-overlay,body.csn-err-page>video,body.csn-err-page video.position-absolute,body.csn-err-page>.container.position-relative{display:none!important}
.csn-err{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;box-sizing:border-box;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:#14213A}
.csn-err *{box-sizing:border-box}
.csn-err{width:100%;position:relative;z-index:2}
.csn-err .csn-eyebrow-line{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0D63A5}
.csn-err-card{width:100%;max-width:760px;background:#fff;border:1px solid #E3E8EF;border-radius:20px;padding:34px 34px 26px;box-shadow:0 30px 70px -40px rgba(11,31,58,.45);position:relative;overflow:hidden;text-align:left}
.csn-err-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ED1C24 0 25%,#2E8B3A 25% 50%,#0D63A5 50% 75%,#FDC84E 75%)}
.csn-err-brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#14213A!important;margin-bottom:22px}
.csn-err-brand img{width:42px;height:42px}
.csn-err-brand b{display:block;font-size:1.1rem;font-weight:800}
.csn-err-brand small{display:block;font-size:.78rem;color:#5A6B82}
.csn-err .csn-eyebrow-line{margin-bottom:6px}
.csn-err-code{font-size:clamp(4rem,12vw,6.5rem);font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,#0B1F3A 0%,#0D63A5 70%,#0D63A5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 8px}
.csn-err h1{font-size:clamp(1.4rem,3vw,1.9rem)!important;font-weight:800!important;margin:0 0 10px!important;color:#14213A!important;line-height:1.25!important}
.csn-err p.csn-err-lead{font-size:1.02rem;color:#4A5B73;line-height:1.6;margin:0 0 20px;max-width:560px}
.csn-err-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.csn-err-btns a{display:inline-flex;align-items:center;min-height:46px;padding:11px 20px;border-radius:12px;font-weight:700;text-decoration:none!important}
.csn-err-btns a.p{background:#0D63A5;color:#fff!important}
.csn-err-btns a.p:hover{background:#0A4E8C}
.csn-err-btns a.g{border:1.5px solid #C9D7EA;color:#14213A!important;background:#fff}
.csn-err-btns a.g:hover{border-color:#0D63A5;color:#0D63A5!important}
.csn-err-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}
.csn-err-tiles a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #E3E8EF;border-radius:12px;color:#14213A!important;text-decoration:none!important;font-weight:600;transition:border-color .15s,background-color .15s}
.csn-err-tiles a:hover{border-color:#0D63A5;background:#EEF4FF}
.csn-err-tiles i{flex:0 0 32px;height:32px;border-radius:9px;background:#E8F0FA;color:#0D63A5;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.csn-err-foot{border-top:1px solid #E3E8EF;padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:.88rem;color:#5A6B82}
.csn-err-foot a{color:#0D63A5!important;font-weight:700;text-decoration:none!important}
@media (max-width:767.98px){.csn-err-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.csn-err-card{padding:28px 20px 20px}}
/* ===== Ende CS-N Modern: Fehlerseite ===== */

/* ===== CS-N Modern: JD-Formular – falschen Cookie-Hinweis ausblenden, wenn der Browser Cookies erlaubt ===== */
html.csn-cookies-ok body .jd-simple-contact-form .cookie-notice,html.csn-cookies-ok body .cookie-notice.alert{display:none!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: Handy/Tablet – Navigationsleiste unten (Daumenregel) ===== */
.csn-tabbar{display:none}
@media (max-width:991.98px){
  .csn-tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid #E3E8EF;box-shadow:0 -10px 26px -18px rgba(11,31,58,.5);padding:6px 8px max(6px, calc(env(safe-area-inset-bottom,0px) * .4))}
  .csn-tabbar a,.csn-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:0;background:none;color:#3E4F68!important;font:700 .72rem/1.1 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;text-decoration:none!important;border-radius:12px;padding:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .csn-tabbar i{font-size:1.2rem;color:#0D63A5}
  .csn-tabbar a:active,.csn-tabbar button:active{background:#EEF4FF}
  .csn-tabbar a.csn-tab-call{background:#0D63A5;color:#fff!important}
  .csn-tabbar a.csn-tab-call i{color:#fff}
  .csn-tabbar a:focus-visible,.csn-tabbar button:focus-visible{outline:3px solid #FDC84E;outline-offset:1px}
  body.csn-has-tabbar{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px) * .4)!important}
  body.csn-has-tabbar .redim-cc-reopen{bottom:calc(80px + env(safe-area-inset-bottom,0px) * .4)!important}
  body.csn-has-tabbar #astroid-backtotop{bottom:calc(86px + env(safe-area-inset-bottom,0px) * .4)!important}
  body.csn-has-tabbar .astroid-header-section,body.csn-has-tabbar #astroid-sticky-header{display:none!important}
}
body.itemid-494 .csn-tabbar,body.error-page .csn-tabbar{display:none!important}
/* ===== Ende CS-N Modern: Navigationsleiste unten ===== */

/* ===== CS-N Modern: Seitenmenü (Handy) – heller Kopf mit Marke; Startseite ohne Leerraum über dem Startbereich ===== */
#astroid-mobilemenu .offcanvas-header{background:#fff!important;border-bottom:1px solid #E3E8EF!important;min-height:64px;padding:10px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
#astroid-mobilemenu .offcanvas-title{margin:0!important;display:flex;align-items:center}
#astroid-mobilemenu .csn-oc-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:#14213A!important}
#astroid-mobilemenu .csn-oc-brand img{width:36px;height:36px}
#astroid-mobilemenu .csn-oc-brand b{display:block;font-size:.98rem;font-weight:800;line-height:1.15}
#astroid-mobilemenu .csn-oc-brand small{display:block;font-size:.72rem;color:#5A6B82;font-weight:500}
#astroid-mobilemenu .offcanvas-close-btn,#astroid-mobilemenu .close-offcanvas{color:#14213A!important;background:#F2F6FB!important;border-radius:10px!important;width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important}
#astroid-mobilemenu .offcanvas-close-btn *,#astroid-mobilemenu .close-offcanvas *{color:#14213A!important;fill:#14213A!important;stroke:#14213A!important}
body.itemid-214 .astroid-component-section{padding-top:0!important}
body.itemid-214 .astroid-component-section .astroid-component{padding-top:0!important}
body.itemid-214 .csn-start{margin-top:0!important}
body.itemid-214 .astroid-article-full-image,.astroid-article-full-image:empty{display:none!important}
body.itemid-214 .astroid-article-text>p:empty{margin:0!important}
#astroid-mobilemenu .offcanvas-title{flex:1 1 auto;min-width:0;text-align:left!important}
#astroid-mobilemenu .csn-oc-brand span{text-align:left!important;min-width:0}
#astroid-mobilemenu .csn-oc-brand b{font-size:.84rem;white-space:nowrap;letter-spacing:-.01em}
#astroid-mobilemenu .csn-oc-brand small{white-space:nowrap}
/* ===== Ende ===== */

/* ===== CS-N Modern: 3-Schritte-Ablauf mit Buttons (z. B. Fernwartung starten) ===== */
.csn-page .csn-steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 24px;counter-reset:csnstep}
@media (max-width:991.98px){.csn-page .csn-steps3{grid-template-columns:1fr}}
.csn-page .csn-step{background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:22px 22px 20px;position:relative;display:flex;flex-direction:column}
.csn-page .csn-step::before{counter-increment:csnstep;content:counter(csnstep);position:absolute;top:-14px;left:20px;width:34px;height:34px;border-radius:50%;background:#0D63A5;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #fff}
.csn-page .csn-step:nth-child(1)::before{background:#ED1C24}.csn-page .csn-step:nth-child(2)::before{background:#2E8B3A}.csn-page .csn-step:nth-child(3)::before{background:#0D63A5}
.csn-page .csn-step h3{font-size:1.08rem!important;font-weight:800!important;color:#14213A!important;margin:10px 0 6px!important;padding:0!important;border:0!important}
.csn-page .csn-step p{color:#4A5B73;line-height:1.55;margin:0 0 12px}
.csn-page .csn-step small{display:block;color:#5A6B82;font-size:.82rem;margin-top:8px}
.csn-page .csn-step-btns{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.csn-page .csn-step-btns a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none!important}
.csn-page .csn-step-btns a.p{background:#0D63A5;color:#fff!important}.csn-page .csn-step-btns a.p:hover{background:#0A4E8C}
.csn-page .csn-step-btns a.g{border:1.5px solid #C9D7EA;color:#14213A!important;background:#fff}.csn-page .csn-step-btns a.g:hover{border-color:#0D63A5;color:#0D63A5!important}
.csn-page .csn-step-call{display:block;border:1px solid #E3E8EF;border-radius:12px;padding:10px 14px;text-decoration:none!important;color:#14213A!important}
.csn-page .csn-step-call b{display:block;font-size:1.15rem;color:#0D63A5}
.csn-page .csn-step-call span{font-size:.8rem;color:#5A6B82}
.csn-page .csn-step-btns a.csn-step-call{display:block;text-align:left;justify-content:flex-start;min-height:0;padding:10px 14px;font-weight:500;background:#fff}
.csn-page .csn-step-btns a.csn-step-call:hover{border-color:#0D63A5;background:#F5F9FF}
.csn-page .csn-step-call span{display:block}
/* ===== Ende ===== */

/* ===== CS-N Modern: Einheitliches Schriftmaß (wie die CS-N-Seiten aus Cowork: Überschrift 2.6rem, Einleitung 1.2rem) ===== */
.csn-page .csn-page-title{font-size:clamp(1.8rem,4.2vw,2.6rem)!important;line-height:1.15!important}
.csn-page .csn-lead{font-size:clamp(1.05rem,1.6vw,1.2rem)!important;line-height:1.6!important}
/* ===== CS-N Modern: Dokumente und Rechtstexte (.csn-doc) ===== */
.csn-page.csn-doc .csn-doc-body{background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:26px 30px;line-height:1.7;color:#24324A;margin-top:8px}
.csn-doc-body h1,.csn-doc-body h2,.csn-doc-body h3,.csn-doc-body h4,.csn-doc-body h5{color:#14213A!important;font-weight:800!important;margin:26px 0 10px!important;padding:0 0 0 12px!important;border:0!important;border-left:4px solid #0D63A5!important;font-size:1.12rem!important;line-height:1.35!important;text-transform:none!important}
.csn-doc-body h1,.csn-doc-body h2{font-size:1.3rem!important}
.csn-doc-body>:first-child{margin-top:0!important}
.csn-doc-body p{margin:0 0 12px}
.csn-doc-body table{width:100%!important;border-collapse:collapse;margin:12px 0 18px;font-size:.92rem}
.csn-doc-body th,.csn-doc-body td{border:1px solid #E3E8EF;padding:8px 10px;vertical-align:top;text-align:left}
.csn-doc-body tr:nth-child(even) td{background:#F7F9FC}
.csn-doc-body a{color:#0D63A5!important;font-weight:600;word-break:break-word}
.csn-doc-body img{max-width:100%;height:auto;border-radius:8px}
.csn-doc-body ul,.csn-doc-body ol{padding-left:22px;margin:0 0 14px}
.csn-doc-body li{margin:4px 0}
.csn-doc-body hr{border:0;border-top:1px solid #E3E8EF;margin:20px 0}
@media (max-width:575.98px){.csn-page.csn-doc .csn-doc-body{padding:18px 16px}.csn-doc-body table{display:block;overflow-x:auto}}
/* ===== Ende ===== */

/* ===== CS-N Modern: Recycling – alte Layout-Tabelle ohne Rahmen ===== */
body.itemid-222 .csn-doc-body td,body.itemid-222 .csn-doc-body th{border:0!important;background:none!important;padding:6px 10px!important;vertical-align:middle}
body.itemid-222 .csn-doc-body table{margin:8px 0 14px}
/* ===== Ende ===== */

/* CS-N Modern: Recycling-Hinweis mit Symbol */
.csn-sl-disclaimer.csn-recycle{align-items:center;margin:14px 0 18px}
.csn-sl-disclaimer.csn-recycle img{flex:0 0 56px;width:56px;height:auto;border-radius:0}

/* ===== CS-N Modern: Abstand zur Fußzeile auf allen Seiten ===== */
body:not(.itemid-494):not(.error-page) .astroid-component-section{padding-bottom:clamp(36px,5vw,64px)!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: Online-Werkzeuge als Kachel-Panel im Hauptmenü (Quelle: Unterpunkte von „Online-Werkzeuge“) ===== */
li.csn-tools-mega > .nav-submenu-container{width:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;left:calc(50% - min(340px,46vw))!important;right:auto!important}
li.csn-tools-mega > .nav-submenu-container > ul.nav-submenu{display:none!important}
.csn-tm{width:min(680px,92vw);background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:18px 18px 14px;box-shadow:0 24px 50px -24px rgba(11,31,58,.45);position:relative;overflow:hidden;text-align:left}
.csn-tm::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ED1C24 0 25%,#2E8B3A 25% 50%,#0D63A5 50% 75%,#FDC84E 75%)}
.csn-tm-head{font-size:.72rem!important;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#5A6B82!important;margin:6px 4px 10px!important}
.csn-tm-group+.csn-tm-group{margin-top:12px;padding-top:12px;border-top:1px solid #E3E8EF}
.csn-tm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
a.csn-tm-tile{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #E3E8EF;border-radius:12px;text-decoration:none!important;color:#14213A!important;position:relative;background:#fff;transition:border-color .15s,background-color .15s,transform .15s}
a.csn-tm-tile:hover,a.csn-tm-tile:focus-visible{border-color:#0D63A5;background:#F5F9FF;transform:translateY(-1px)}
.csn-tm-ico{flex:0 0 40px;height:40px;border-radius:10px;background:#E8F0FA;color:#0D63A5;display:inline-flex;align-items:center;justify-content:center;font-size:17px}
.csn-tm-ico i{color:#0D63A5!important}
.csn-tm-group.is-ext .csn-tm-ico{background:#F1F5F9}
.csn-tm-group.is-ext .csn-tm-ico i{color:#3E4F68!important}
.csn-tm-txt{min-width:0}
.csn-tm-txt b{display:block;font-size:.93rem;font-weight:700;line-height:1.25;color:#14213A}
.csn-tm-txt small{display:block;color:#5A6B82;font-size:.78rem;line-height:1.35;margin-top:2px;white-space:normal}
.csn-tm-ext{position:absolute;top:7px;right:9px;font-size:.72rem;color:#8FA3BD;font-weight:700}
a.csn-tm-all{display:block;margin-top:12px;text-align:right;font-weight:700;font-size:.9rem;color:#0D63A5!important;text-decoration:none!important}
a.csn-tm-all:hover{text-decoration:underline!important}
/* ===== Ende ===== */

/* ===== CS-N Modern: Kopfbereich wie auf den Leistungsseiten (.csn-hero2) – wiederverwendbar ===== */
.csn-page .csn-hero2{position:relative;overflow:hidden;border-radius:20px;padding:56px 56px 52px;margin:0 0 36px;background:linear-gradient(135deg,#0B2557 0%,#0D63A5 75%);color:#fff}
.csn-page .csn-hero2::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#ED1C24 0 25%,#2E8B3A 25% 50%,#0D63A5 50% 75%,#FDC84E 75%)}
.csn-page .csn-hero2>*{position:relative;z-index:1}
.csn-page .csn-eyebrow2{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff!important;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin:0 0 16px}
.csn-page .csn-hero2 h1{color:#fff!important;font-size:clamp(1.9rem,4vw,2.6rem)!important;font-weight:800!important;line-height:1.15!important;margin:0 0 14px!important;max-width:600px}
.csn-page .csn-hero2 .csn-lead2{color:#DCE7F7!important;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.6;max-width:580px;margin:0 0 24px}
.csn-page .csn-hero2-btns{display:flex;flex-wrap:wrap;gap:10px}
.csn-page .csn-hero2-btns a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 20px;border-radius:10px;font-weight:700;text-decoration:none!important}
.csn-page .csn-hero2-btns a.p{background:#fff;color:#0B2557!important}
.csn-page .csn-hero2-btns a.p:hover{background:#EEF4FF}
.csn-page .csn-hero2-btns a.g{border:1.5px solid rgba(255,255,255,.55);color:#fff!important}
.csn-page .csn-hero2-btns a.g:hover{background:rgba(255,255,255,.1)}
.csn-page .csn-hero2-art{position:absolute!important;right:52px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(3,64px);gap:18px;z-index:0!important}
.csn-page .csn-hero2-art span{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}
.csn-page .csn-hero2-art span:nth-child(2n){transform:translateY(14px)}
.csn-page .csn-hero2-art span:nth-child(1){color:#FF8A8F}.csn-page .csn-hero2-art span:nth-child(2){color:#7EE29A}.csn-page .csn-hero2-art span:nth-child(3){color:#8EC5FF}.csn-page .csn-hero2-art span:nth-child(4){color:#FFD970}.csn-page .csn-hero2-art span:nth-child(5){color:#fff}.csn-page .csn-hero2-art span:nth-child(6){color:#8EC5FF}
@media (prefers-reduced-motion:no-preference){.csn-page .csn-hero2-art span{animation:csnFloat2 6s ease-in-out infinite}.csn-page .csn-hero2-art span:nth-child(2){animation-delay:.6s}.csn-page .csn-hero2-art span:nth-child(3){animation-delay:1.2s}.csn-page .csn-hero2-art span:nth-child(4){animation-delay:1.8s}.csn-page .csn-hero2-art span:nth-child(5){animation-delay:2.4s}.csn-page .csn-hero2-art span:nth-child(6){animation-delay:3s}}
@keyframes csnFloat2{0%,100%{margin-top:0}50%{margin-top:-8px}}
@media (max-width:1099.98px){.csn-page .csn-hero2-art{display:none}}
@media (max-width:767.98px){.csn-page .csn-hero2{padding:40px 22px 34px;border-radius:16px}}
.csn-page .csn-sec2-head{margin:0 0 18px}
.csn-page .csn-sec2-head h2{font-size:clamp(1.4rem,2.6vw,1.9rem)!important;font-weight:800!important;color:#14213A!important;margin:4px 0 6px!important;padding:0!important;border:0!important}
.csn-page .csn-sec2-head p{color:#4A5B73;margin:0;max-width:640px}
/* ===== Ende ===== */

/* CS-N Modern: Druckertest – feste Farben im Druck gegen UIkit absichern */
@media print{body.itemid-511 .csn-pt-sheet,body.itemid-511 .csn-pt-sheet *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body.itemid-511 .csn-pt-sheet .csn-pt-head span{color:#333!important}body.itemid-511 .csn-pt-sheet .csn-pt-foot{color:#444!important}}

/* ===== CS-N Modern: Druckertest – Eingabe Druckermodell und Seriennummer ===== */
.csn-pt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px;background:#fff;border:1px solid #E3E8EF;border-radius:14px;padding:14px 16px}
@media (max-width:575.98px){.csn-pt-fields{grid-template-columns:1fr}}
.csn-pt-fields label{display:block;font-weight:700;font-size:.85rem;color:#3E4F68;margin:0 0 5px}
.csn-pt-fields input{width:100%;min-height:44px;border:1px solid #C9D7EA;border-radius:10px;padding:8px 12px;font-size:1rem;color:#14213A;background:#fff}
.csn-pt-fields input:focus{border-color:#0D63A5;box-shadow:0 0 0 3px rgba(14,93,166,.18);outline:0}
.csn-pt-notes .csn-pt-dev{display:flex;gap:6mm}
.csn-pt-notes .csn-pt-dev span{flex:1;display:flex;gap:1.5mm;align-items:flex-end}
.csn-pt-notes .csn-pt-dev b{font-weight:700}
/* ===== Ende ===== */

/* ===== CS-N Modern: Schrift Inter – lokal gehostet (keine externen Dienste), Systemschrift als Rückfall ===== */
@font-face{font-family:"Inter";src:url("/media/templates/site/tp_ultimate/csn-inter-latin-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--csn-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html body,body :not(i):not([class*="fa-"]):not([class*="icon"]):not(svg):not(svg *):not(code):not(pre):not(pre *):not(kbd):not(samp):not(.csn-pt-sheet):not(.csn-pt-sheet *){font-family:var(--csn-font)!important}
body{font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* ===== Ende CS-N Modern: Schrift Inter ===== */

/* ===== CS-N Modern: Support-Lösungen – „Stand“ und Hinweis für ältere Beiträge ===== */
.csn-sl-stand{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#3E4F68;background:#EEF2F7;border:1px solid #DDE5EF;border-radius:999px;padding:4px 11px;margin:0 0 12px}
.csn-sl-stand i{color:#0D63A5}
.csn-sl-stand.is-old{background:#FFF6E0;border-color:#F3DFA8;color:#7A5A00}
.csn-sl-stand.is-old i{color:#C98A00}
.csn-sl-oldnote{display:flex;gap:10px;align-items:flex-start;background:#FFF9EC;border:1px solid #F3DFA8;border-radius:12px;padding:10px 14px;margin:0 0 16px;font-size:.9rem;color:#5C4A12;line-height:1.5}
.csn-sl-oldnote a{color:#0D63A5!important;font-weight:700;text-decoration:none!important;white-space:nowrap}
.csn-sl-chip{display:inline-block;margin-left:8px;font-size:.72rem;font-weight:700;color:#5A6B82;background:#EEF2F7;border-radius:999px;padding:2px 8px;vertical-align:middle;white-space:nowrap}
.csn-sl-chip.is-old{background:#FFF6E0;color:#7A5A00}
/* ===== Ende ===== */

/* CS-N Modern: Support-Lösungen – Spalte „Stand“ in der Übersicht */
.csn-sl-stand-col{white-space:nowrap;width:1%;text-align:left}
td.csn-sl-stand-col .csn-sl-chip{margin-left:0}
@media (max-width:575.98px){td.csn-sl-stand-col .csn-sl-chip{font-size:.68rem;padding:2px 6px}}

/* ===== CS-N Modern: JD-Formular im CS-N-Design (Terminanfrage /wartungshinweis und weitere JD-Formulare) ===== */
body .jd-simple-contact-form form label{font-weight:600;color:#14213A}
body .jd-simple-contact-form .form-control{min-height:46px;border:1px solid #C9D7EA!important;border-radius:10px!important;padding:10px 14px!important;font-size:1rem;color:#14213A;background:#fff;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
body .jd-simple-contact-form textarea.form-control{min-height:120px}
body .jd-simple-contact-form .form-control:focus{border-color:#0D63A5!important;box-shadow:0 0 0 3px rgba(14,93,166,.18)!important;outline:0}
body .jd-simple-contact-form .form-control::placeholder{color:#8A99AD}
body .jd-simple-contact-form .form-control.parsley-error{border-color:#ED1C24!important;background:#FFF7F7}
body .jd-simple-contact-form .parsley-errors-list{list-style:none;margin:6px 0 0;padding:0;color:#C42730;font-size:.85rem;font-weight:600}
/* Wunschdatum: Feld und Kalender in einer Zeile */
body .jd-simple-contact-form .input-group{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;max-width:340px;margin-bottom:0!important}
body .jd-simple-contact-form .input-group .form-control{flex:1 1 auto!important;width:1%!important;min-width:0;border-radius:10px 0 0 10px!important}
body .jd-simple-contact-form .input-group .calendar_icon{display:flex;margin:0!important;cursor:pointer}
body .jd-simple-contact-form .input-group .input-group-prepend{display:flex;margin:0!important}
body .jd-simple-contact-form .input-group .input-group-text{display:flex;align-items:center;justify-content:center;width:52px;min-height:46px;padding:0!important;background:#EEF4FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E5DA6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2.5'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 17.5h.01M12 17.5h.01'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;border:1px solid #C9D7EA!important;border-left:0!important;border-radius:0 10px 10px 0!important;transition:background-color .15s}
body .jd-simple-contact-form .input-group .input-group-text:hover{background-color:#DDEBFF!important}
body .jd-simple-contact-form .input-group .input-group-text img{opacity:0!important;width:22px;height:22px}
/* Haken einheitlich */
body .jd-simple-contact-form .form-check{display:flex!important;align-items:flex-start;gap:10px;padding-left:0!important;margin:0 0 12px!important;min-height:0}
body .jd-simple-contact-form .form-check-inline{margin-right:0!important}
body .jd-simple-contact-form input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 22px;width:22px!important;height:22px!important;margin:1px 0 0!important;float:none!important;position:static!important;border:2px solid #9FB3CC;border-radius:6px;background:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:background-color .15s,border-color .15s}
body .jd-simple-contact-form input[type=checkbox]::before{content:"";width:12px;height:12px;transform:scale(0);transition:transform .12s;background:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}
body .jd-simple-contact-form input[type=checkbox]:checked{background:#0D63A5;border-color:#0D63A5}
body .jd-simple-contact-form input[type=checkbox]:checked::before{transform:scale(1)}
body .jd-simple-contact-form input[type=checkbox]:focus-visible{outline:3px solid rgba(14,93,166,.35);outline-offset:2px}
body .jd-simple-contact-form input[type=checkbox].parsley-error{border-color:#ED1C24}
body .jd-simple-contact-form .form-check-label{font-weight:500;color:#14213A;line-height:1.45;cursor:pointer;padding-left:0!important}
body .jd-simple-contact-form .form-check-label b{font-weight:600}
/* Abschicken */
body .jd-simple-contact-form .btn-primary{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-height:48px;padding:0 30px!important;background:#0D63A5!important;border:0!important;border-radius:12px!important;color:#fff!important;font-weight:700;font-size:1rem;box-shadow:0 10px 22px -12px rgba(14,93,166,.7);transition:background-color .15s,transform .15s}
body .jd-simple-contact-form .btn-primary:hover{background:#0A4E8C!important;transform:translateY(-1px)}
body .jd-simple-contact-form .btn-primary:focus-visible{outline:3px solid #FDC84E;outline-offset:2px}
body .jd-simple-contact-form .form-check .form-check-label{margin:0!important;padding-top:1px!important;display:block}
body .jd-simple-contact-form .jdscf-row > .form-check{padding-left:15px!important;padding-right:15px!important}
/* ===== Ende CS-N Modern: JD-Formular ===== */

/* ===== CS-N Modern: Kalender (Pikaday) im CS-N-Stil ===== */
.pika-single{border:1px solid #E3E8EF!important;border-radius:14px!important;box-shadow:0 18px 40px -18px rgba(11,31,58,.45)!important;padding:6px!important;font-family:var(--csn-font,system-ui)!important;z-index:1060!important}
.pika-single .pika-lendar{margin:6px!important}
.pika-single .pika-label{font-weight:800!important;color:#14213A!important;font-size:1rem!important}
.pika-single .pika-table th{color:#5A6B82!important;font-weight:700!important}
.pika-single .pika-table abbr{text-decoration:none!important;border:0!important}
.pika-single .pika-button{border-radius:8px!important;background:#F5F7FA!important;color:#14213A!important;text-align:center!important;padding:7px 0!important}
.pika-single .pika-button:hover,.pika-single .pika-row.pick-whole-week:hover .pika-day{background:#EEF4FF!important;color:#0D63A5!important;box-shadow:none!important}
.pika-single .is-today .pika-button{color:#0D63A5!important;font-weight:800!important;box-shadow:inset 0 0 0 1.5px #0D63A5!important}
.pika-single .is-selected .pika-button{background:#0D63A5!important;color:#fff!important;box-shadow:none!important;font-weight:700!important}
.pika-single .is-disabled .pika-button{opacity:.35!important}
.pika-single .pika-prev,.pika-single .pika-next{border-radius:8px}
.pika-single .pika-prev:hover,.pika-single .pika-next:hover{background-color:#EEF4FF!important;opacity:1!important}
/* ===== Ende ===== */

/* CS-N Modern: Bestätigung – Link „Weitere Anfrage senden“ */
.csn-thanks .csn-thanks-body{min-width:0}
.csn-thanks a.csn-thanks-again2{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:10px;background:#fff;border:1.5px solid #BFE3CB;color:#1E6B2E!important;font-weight:700;text-decoration:none!important}
.csn-thanks a.csn-thanks-again2:hover{border-color:#2E8B3A;background:#F3FBF5}

/* ===== CS-N Modern: JD-Formular – Aufbau in Abschnitten (zweispaltig, Symbole) ===== */
body .jd-simple-contact-form .csn-f-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:0;margin:0!important}
body .jd-simple-contact-form .csn-f-grid>*{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;min-width:0}
body .jd-simple-contact-form .csn-f-grid .form-group{margin:0 0 16px!important}
body .jd-simple-contact-form .csn-f-head{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:6px 0 14px!important;padding-top:18px!important;border-top:1px solid #E3E8EF}
body .jd-simple-contact-form .csn-f-head.is-first{border-top:0;padding-top:4px!important}
body .jd-simple-contact-form .csn-f-head .n{flex:0 0 28px;height:28px;border-radius:50%;color:#fff;font-weight:800;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center}
body .jd-simple-contact-form .csn-f-head b{font-size:1.02rem;font-weight:800;color:#14213A}
body .jd-simple-contact-form .csn-f-head small{margin-left:auto;color:#8A99AD;font-size:.78rem}
body .jd-simple-contact-form .csn-f-full{grid-column:1/-1}
body .jd-simple-contact-form .csn-f-hint{align-self:center;color:#5A6B82;font-size:.85rem;line-height:1.45;display:flex;gap:8px;padding:0 0 14px!important}
body .jd-simple-contact-form .csn-f-hint i{color:#0D63A5;margin-top:2px}
body .jd-simple-contact-form .csn-f-btn{display:flex!important;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px!important}
body .jd-simple-contact-form label small.text-danger{color:#ED1C24!important;font-weight:800}
html body div.jd-simple-contact-form form input.form-control.csn-f-ico{padding-left:44px!important;background-repeat:no-repeat!important;background-position:14px 50%!important;background-size:18px 18px!important}
html body div.jd-simple-contact-form form input.form-control.csn-f-ico.csn-f-ico-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A99AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")!important}
html body div.jd-simple-contact-form form input.form-control.csn-f-ico.csn-f-ico-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A99AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")!important}
html body div.jd-simple-contact-form form input.form-control.csn-f-ico.csn-f-ico-tel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A99AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")!important}
html body div.jd-simple-contact-form form input.form-control.csn-f-ico.csn-f-ico-id{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A99AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Cpath d='M6 16c.6-1.5 1.7-2 3-2s2.4.5 3 2M15 10h3M15 13h3'/%3E%3C/svg%3E")!important}
@media (max-width:767.98px){body .jd-simple-contact-form .csn-f-grid{grid-template-columns:1fr}body .jd-simple-contact-form .csn-f-hint{padding-top:0!important;margin-top:-6px!important}}
/* ===== Ende ===== */

/* CS-N Modern: JD-Formular – Modul-Überschrift ausblenden, Beschreibung als dezente Hinweisbox */
body .jd-simple-contact-form .jd-simple-contact-description-title{display:none!important}
body .jd-simple-contact-form .jd-simple-contact-description{display:flex;gap:10px;align-items:flex-start;background:#F5F7FA;border:1px solid #E3E8EF;border-radius:12px;padding:10px 14px!important;margin:4px 0 18px!important;font-size:.88rem!important;line-height:1.5;color:#4A5B73!important}
body .jd-simple-contact-form .jd-simple-contact-description::before{content:"i";flex:0 0 20px;height:20px;border-radius:50%;background:#0D63A5;color:#fff;font:800 .72rem/20px var(--csn-font,system-ui);text-align:center;margin-top:1px}

/* CS-N Modern: JD-Formular – Feinschliff im Raster */
html body div.jd-simple-contact-form .csn-f-grid > .form-check{padding-left:0!important;padding-right:0!important}
html body div.jd-simple-contact-form form textarea.form-control{min-height:120px!important;resize:vertical}
html body .csn-termin .csn-note{margin-top:16px!important}

/* CS-N Modern: JD-Formular – Fehlerzustand (Klassen des Moduls: border-danger / text-danger) */
html body div.jd-simple-contact-form form .form-control.border-danger{border-color:#ED1C24!important;background-color:#FFF7F7!important;box-shadow:0 0 0 3px rgba(229,50,59,.12)!important}
html body div.jd-simple-contact-form form input[type=checkbox].border-danger{border-color:#ED1C24!important}
html body div.jd-simple-contact-form form ul.text-danger{margin:6px 0 0!important;padding:0!important;font-size:.82rem!important;font-weight:600;color:#C42730!important}

/* ===== CS-N Modern: Handy – Infozeile oben ausblenden (Telefon/Zeiten stehen in der Leiste unten und in der Fußzeile) ===== */
@media (max-width:767.98px){#ks-3pokc8huz,.astroid-section.csn-topbar{display:none!important}}
/* ===== Ende ===== */

/* ===== CS-N Modern: Lesbarkeit – Mindestgrößen und Kontrast (WCAG 4,5:1), Punkt 9 der UX-Liste, 12.10.2026 ===== */
/* Kontrast */
.csn-kicker{color:#1E7B33!important}
.csn-free{background:#1E7B33!important}
html body .jd-simple-contact-form .csn-f-head small{color:#5A6B82!important;font-size:13px!important}
/* Fließtexte mindestens 15 px */
.csn-doc-body,.csn-doc-body p,.csn-doc-body li,.csn-doc-body strong,.csn-doc-body td,.csn-doc-body th{font-size:15px!important}
.csn-checks li,.csn-icard p,.csn-icard li,.csn-icard strong,.csn-card p,.csn-times dt,.csn-times dd{font-size:15px!important}
.loesungen .list-title a,body .cat-list-row0 .list-title a,body .cat-list-row1 .list-title a{font-size:15px!important}
/* Hinweise 14 px */
.csn-step small,html body .jd-simple-contact-form .csn-f-hint,.csn-pt-hint,.csn-note,.csn-termin .csn-note,.awe-k,.csn-addr small{font-size:14px!important}
/* Fußzeile */
.astroid-footer-section a,.astroid-footer-section li,.astroid-footer-section span,.astroid-footer-section p{font-size:14.5px}
.astroid-footer-section h4,.astroid-footer-section h3{font-size:13.5px!important}
/* Etiketten und Kennzeichnungen mindestens 12,5–13 px */
.csn-sl-chip,.csn-sl-stand,.csn-tool-badge,.csn-tm-ext{font-size:12.5px!important}
.csn-kicker,.csn-eyebrow,.csn-page .csn-eyebrow-line,.csn-tags span,.csn-cc-label,.csn-step-call span,.csn-tools-group h2,.csn-devices i{font-size:13px!important}
.csnh-brand small,.astroid-header-section small,.csn-oc-brand small{font-size:13px!important}
/* Handy-Leiste */
@media (max-width:991.98px){.csn-tabbar a,.csn-tabbar button{font-size:12.5px!important;white-space:nowrap;padding-left:2px!important;padding-right:2px!important;letter-spacing:-.01em}}
/* Lesbarkeit Teil 2: Etiketten, Menü-Untertitel, Fußzeile, Handy-Fließtexte */
.csn-badge,.csn-free,.csn-page .csn-eyebrow2,.csn-sl-eyebrow,.csn-sl-eyebrow span{font-size:12.5px!important}
.awe-gval small{font-size:12px!important}
.csn-tm-txt small,.nav-subtitle,.astroid-nav .nav-subtitle,small.nav-subtitle{font-size:13.5px!important}
.astroid-footer-section .csnf-muted,.astroid-footer-section .csnf-muted span,.astroid-footer-section .csnf-eco,.astroid-footer-section .astroid-contact-openhours{font-size:14px!important}
@media (max-width:767.98px){.csn-steps p,.csn-csub,.csn-hint,.csn-hint strong,.jd-simple-contact-form .form-check-label,.csn-page p:not(.csn-lead):not(.csn-eyebrow-line):not(.csn-lead2){font-size:15px!important}}
/* ===== Ende Lesbarkeit ===== */

/* ===== CS-N Modern: Support-Lösungen – Sofort-Suche (.csn-sls) ===== */
.csn-sls{background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:18px 20px;margin:4px 0 22px;box-shadow:0 12px 30px -24px rgba(11,31,58,.45)}
.csn-sls-label{display:block;font-weight:800;color:#14213A;font-size:1.05rem;margin:0 0 10px}
.csn-sls-box{position:relative;display:flex;align-items:center}
.csn-sls-box svg{position:absolute;left:14px;width:20px;height:20px;color:#5A6B82;pointer-events:none}
.csn-sls-box input{width:100%;min-height:52px;padding:12px 46px 12px 46px!important;border:1.5px solid #C9D7EA!important;border-radius:12px!important;font-size:1.02rem!important;color:#14213A;background:#fff;box-shadow:none!important;outline:0}
.csn-sls-box input:focus{border-color:#0D63A5!important;box-shadow:0 0 0 3px rgba(14,93,166,.18)!important}
.csn-sls-box input::-webkit-search-cancel-button{display:none}
.csn-sls-clear{position:absolute;right:10px;width:32px;height:32px;border:0;border-radius:8px;background:#EEF2F7;color:#3E4F68;font-size:1.2rem;line-height:1;cursor:pointer}
.csn-sls-clear:hover{background:#DDE6F1}
.csn-sls-info{margin:10px 2px 0!important;color:#5A6B82;font-size:14px}
.csn-sls-res{list-style:none;margin:12px 0 0!important;padding:0!important;display:grid;gap:8px}
.csn-sls-res li{margin:0!important}
.csn-sls-res a{display:block;padding:12px 14px;border:1px solid #E3E8EF;border-radius:12px;text-decoration:none!important;color:#14213A!important;transition:border-color .15s,background-color .15s}
.csn-sls-res a:hover,.csn-sls-res a:focus-visible{border-color:#0D63A5;background:#F5F9FF;outline:0}
.csn-sls-res b{display:block;font-weight:700;font-size:15px;color:#14213A}
.csn-sls-res small{display:block;color:#4A5B73;font-size:14px;line-height:1.45;margin-top:3px}
.csn-sls-res .csn-sl-chip{margin-left:8px}
.csn-sls-res mark{background:#FFF1B8;color:inherit;padding:0 2px;border-radius:3px}
.csn-sls-none{margin:12px 2px 0!important;color:#14213A;font-size:15px}
.csn-sls-none a{color:#0D63A5!important;font-weight:700}
/* ===== Ende Sofort-Suche ===== */

/* CS-N Modern: Tastenkappen für Tastenkombinationen (z. B. Fernwartung starten) */
.csn-page kbd,.csn kbd{display:inline-block;min-width:1.9em;padding:2px 7px;border:1px solid #C9D7EA;border-bottom-width:3px;border-radius:7px;background:#F7F9FC;color:#14213A;font:700 .9em/1.4 var(--csn-font,system-ui);text-align:center;box-shadow:none}

/* CS-N Modern: „Lizenz erneut anfordern“ über die volle Inhaltsbreite */
html body div.com-lizenzen .lz-rs{max-width:none!important}

/* CS-N Modern: Aufklappmenüs – Sicherung gegen hängengebliebene Ausblend-Animation („Geistermenüs“, halb durchsichtig; v. a. Firefox).
   Ohne Markierung „open“ ist ein Aufklappmenü immer unsichtbar – unabhängig vom Zustand der Animation. */
html body .astroid-header-section li.nav-item-dropdown:not(.open) > .megamenu-container,
html body .astroid-header-section li.nav-item-dropdown:not(.open) > .nav-submenu-container,
html body #astroid-sticky-header li.nav-item-dropdown:not(.open) > .megamenu-container,
html body #astroid-sticky-header li.nav-item-dropdown:not(.open) > .nav-submenu-container{display:none!important;opacity:0!important;visibility:hidden!important}

/* CS-N Modern: „Mein Bereich“ ohne Aufklappmenü – Klick führt direkt zur Kachel-Übersicht (/mein-bereich).
   Die Einträge bleiben im Seitencode, der Kachel-Baukasten liest sie von dort. */
html body .astroid-header-section li.csn-portal-menu > .megamenu-container,
html body .astroid-header-section li.csn-portal-menu > .nav-submenu-container,
html body #astroid-sticky-header li.csn-portal-menu > .megamenu-container,
html body #astroid-sticky-header li.csn-portal-menu > .nav-submenu-container{display:none!important}
html body li.csn-portal-menu > a .nav-item-caret{display:none!important}

/* ===== CS-N Modern: Benutzerprofil – Banner, animierte Farbpunkte, CS-N-Farben, volle Breite ===== */
.csn-prof-hero{margin:0 0 22px!important}
.csn-prof-hero .csn-eyebrow2{display:inline-flex!important;align-items:center;gap:10px}
.csn-prof-hero .csn-eyebrow-dots{display:inline-flex!important;gap:4px;margin:0!important}
.csn-prof-hero .csn-eyebrow-dots i{display:block;width:9px;height:9px;border-radius:2px}
.csn-prof-hero .csn-eyebrow-dots i:nth-child(1){background:#FECA50}
.csn-prof-hero .csn-eyebrow-dots i:nth-child(2){background:#0D63A5}
.csn-prof-hero .csn-eyebrow-dots i:nth-child(3){background:#EC1C24}
.csn-prof-hero .csn-eyebrow-dots i:nth-child(4){background:#2D882D}
html body .lzp{--lzc-accent:#0D63A5;--lzc-accent-h:#0B4F8F;--lzc-ring:rgba(14,93,166,.18);--lzc-line:#E3E8EF;--lzc-soft:#F3F7FC;--lzc-fg:#14213A;--lzc-muted:#5A6B82;--lzc-bg:#fff;--lzc-input:#fff;max-width:none!important;margin:0 0 3rem!important;padding:0!important}
html body .lzp .lzp-head,html body .lzp fieldset{border-radius:16px!important;border-color:#E3E8EF!important;box-shadow:0 14px 34px -26px rgba(11,31,58,.5)!important}
html body .lzp legend{font-weight:800!important;color:#14213A!important}
html body .lzp .lzp-who h1{font-weight:800!important}
html body .lzp .btn,html body .lzp .lzp-btn,html body .lzp button[type=submit]{border-radius:10px!important;font-weight:700!important}
html body .csn-prof-wrap{margin:0 0 22px!important;padding:0!important;max-width:none!important;background:none!important;border:0!important;box-shadow:none!important}
html body .csn-prof-wrap .csn-prof-hero{margin:0!important}
/* Knöpfe der Namenskarte ausblenden – das Banner bietet sie bereits (keine Doppelung) */
html body.csn-profile-page .lzp-head .lzp-actions{display:none!important}
/* ===== Ende Benutzerprofil ===== */

/* CS-N Modern: AWE-Systemcheck – Gerätename und Stand im Kopf (echte Werte) */
.awe .awe-dev{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.76rem;font-weight:600;letter-spacing:0;text-transform:none;color:#DCE8F7;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
@media (max-width:575.98px){.awe .awe-dev{display:block;margin:6px 0 0}}
/* Mobile-Menü: Untermenüs im hellen CS-N-Design, volle Breite, unterhalb des Logo-Kopfs (13.10.2026) */
#astroid-mobilemenu{--bs-offcanvas-width:min(340px,88vw)}
#astroid-mobilemenu ul.nav-child{background:#fff!important;color:#14213A!important;width:min(340px,88vw)!important;max-width:100%;padding-top:84px!important;box-sizing:border-box}
/* Rubrik-Zeile mit Farbpunkten auf Seiten ohne eigene – immer linksbündig (gesetzt von csn-design.js, 13.10.2026) */
.csn-eyebrow-line.csn-eb-auto{display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#4A5B73!important;margin:0 0 10px!important;line-height:1.6!important;text-align:left!important}
.csn-eyebrow-line.csn-eb-auto.csn-eb-page{margin:20px 0 16px!important}
body.itemid-164 .csn-eyebrow-line.csn-eb-auto{margin-top:20px!important}
/* Profil: Multi-Faktor-Authentifizierung – Erklärtexte gut lesbar (13.10.2026) */
.com-users-methods-list-method-info{color:#4A5B73!important;opacity:1!important;font-size:.875rem!important;line-height:1.5!important}
.com-users-methods-list-method{border-color:#E3E8EF!important;border-radius:12px!important}
.com-users-profile__multifactor .text-muted,.com-users-profile__multifactor .text-muted *{color:#4A5B73!important;opacity:1!important}
/* csn-light-lock: Die Website ist hell gestaltet. Steht das Gerät im Dunkelmodus, setzt das Template data-bs-theme="dark" –
   dadurch bekamen Joomla-Standardelemente (Hilfetexte, Formularfelder) helle Schrift auf Weiß. Hier wieder auf die hellen Werte (13.10.2026). */
html[data-bs-theme="dark"],[data-bs-theme="dark"]{color-scheme:light;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33,37,41,.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33,37,41,.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-border-color:#E3E8EF;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
/* Mehrstufige Authentifizierung: Einrichtungsseite im CS-N-Stil */
#com-users-method-edit .form-text{color:#4A5B73!important;font-size:.875rem}
#com-users-method-edit .btn{min-height:44px;padding:0 20px;border-radius:8px!important;font-weight:600;display:inline-flex;align-items:center;gap:8px}
#com-users-method-edit .btn-primary{background:#0D63A5!important;border-color:#0D63A5!important;color:#fff!important}
#com-users-method-edit .btn-primary:hover{background:#0B1F3A!important;border-color:#0B1F3A!important}
#com-users-method-edit .btn-danger{background:#fff!important;border:1px solid #0D63A5!important;color:#0D63A5!important}
#com-users-method-edit .btn-danger:hover{background:#EEF4FF!important}
#com-users-method-edit h2{font-size:1.4rem;font-weight:700;color:#14213A;margin-bottom:24px}
/* csn-mfa-setup: Einrichtungsseite der Multi-Faktor-Authentifizierung im CS-N-Design (13.10.2026) */
#com-users-method-edit{background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:32px;max-width:980px;margin:24px auto;color:#14213A}
#com-users-method-edit h2{font-size:1.5rem!important;font-weight:800!important;letter-spacing:-.01em;margin:0 0 24px!important}
#com-users-method-edit h3{font-size:1.1rem!important;font-weight:700!important;border:0!important;margin:32px 0 12px!important;padding:0!important}
#com-users-method-edit .col-form-label{font-weight:600;color:#14213A}
#com-users-method-edit p,#com-users-method-edit .form-text{color:#4A5B73!important;line-height:1.6}
#com-users-method-edit .form-control{min-height:44px;border:1px solid #CBD5E1;border-radius:8px;color:#14213A;background:#fff}
#com-users-method-edit .form-control:focus{border-color:#0D63A5;box-shadow:0 0 0 3px rgba(14,93,166,.18)}
#com-users-method-edit .form-check-input{width:1.15em;height:1.15em;border:1px solid #94A3B8;accent-color:#0D63A5}
#com-users-method-edit .form-check-input:checked{background-color:#0D63A5;border-color:#0D63A5}
#com-users-method-edit .table{--bs-table-striped-bg:#F4F7FB;--bs-table-bg:#fff;border-collapse:separate;border-spacing:0;border:1px solid #E3E8EF;border-radius:12px;overflow:hidden;margin:0 0 24px}
#com-users-method-edit .table td,#com-users-method-edit .table th{padding:14px 18px!important;border:0!important;border-bottom:1px solid #E3E8EF!important;vertical-align:top;color:#14213A}
#com-users-method-edit .table tr:last-child td{border-bottom:0!important}
#com-users-method-edit .table td:first-child{font-weight:600;width:40%}
#com-users-method-edit .table img{background:#fff;border:1px solid #E3E8EF;border-radius:10px;padding:10px;max-width:220px;height:auto}
#com-users-method-edit .table tr:nth-child(2) td:last-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.05rem;letter-spacing:.08em}
#com-users-method-edit .table a{color:#0D63A5;font-weight:600}
@media (max-width:767.98px){#com-users-method-edit{padding:20px;border-radius:12px}#com-users-method-edit .table td{display:block;width:100%!important;border-bottom:0!important}#com-users-method-edit .table tr{display:block;border-bottom:1px solid #E3E8EF}#com-users-method-edit .table td:first-child{padding-bottom:4px!important}}

/* CS-N Formularschutz: Fallenfeld unsichtbar (nicht display:none, damit Programme es ausfüllen) + Datenschutz-Hinweis im Kontaktformular (13.10.2026) */
.csn-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.csn-form-privacy{color:#4A5B73;font-size:.875rem;line-height:1.5;margin:8px 0 0;background:none!important;border:0!important;padding:0!important}
.csn-form-privacy a{color:#0D63A5;font-weight:600}


/* ===== CS-N Formulare: Feldüberschriften dunkler hinterlegt (alle Formulare und Detailansichten) ===== */
html body #wt-app#wt-app#wt-app .wt-stat-label,
html body #wt-app#wt-app#wt-app dl dt,
html body #wt-app#wt-app#wt-app label.form-label,
html body #wt-app#wt-app#wt-app .wt-contact-lbl,
html body div.com-wartung.com-wartung.com-wartung .wt-stat-label,
html body div.com-wartung.com-wartung.com-wartung dl dt,
html body div.com-wartung.com-wartung.com-wartung label.form-label,
html body div.com-wartung.com-wartung.com-wartung .wt-contact-lbl,
html body div.com-lizenzen.com-lizenzen.com-lizenzen .lz-stat-label,
html body div.com-lizenzen.com-lizenzen.com-lizenzen dl dt,
html body div.com-lizenzen.com-lizenzen.com-lizenzen label.form-label,
html body div.com-lizenzen.com-lizenzen.com-lizenzen .lz-cust-key,
html body form.form-validate.form-validate .control-group > .control-label > label,
html body form.form-validate.form-validate .control-group > label.form-label,
html body form[class*="com-users"][class*="com-users"] .control-group > .control-label > label,
html body form[class*="com-contact"][class*="com-contact"] .control-group > .control-label > label{
  display:inline-block!important;background:#E3EAF3!important;color:#1F3350!important;
  font-size:.74rem!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;
  opacity:1!important;padding:.2rem .6rem!important;border-radius:6px!important;margin:0 0 .35rem!important;line-height:1.35!important;
  border:0!important;box-shadow:none!important
}
html body #wt-app#wt-app#wt-app dl dt{margin-bottom:.3rem!important}

/* ===== CS-N Anschriften nach DIN 5008: Zeilen untereinander, Nadel davor und vertikal mittig ===== */
.csn-addr{display:inline-flex;align-items:center;gap:.65rem;text-align:left}
.csn-addr-pin{flex:0 0 auto;font-size:1.15rem;line-height:1}
.csn-addr-lines{line-height:1.45}
.csn-addr.is-derived .csn-addr-lines{font-style:italic;opacity:.85}
html body .wt-contact-item.wt-contact-addr{display:block!important}

/* ===== CS-N Zurück-Knöpfe in Formularen ohne eigene Navigation (z. B. Konto/Profil) ===== */
.csn-formback-row{display:flex;justify-content:flex-end;margin:0 0 1rem}
.csn-formback-row.is-bottom{margin:2rem 0 0;padding-top:1rem;border-top:1px solid #E3E8EF}
a.csn-formback{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border:1px solid #C9D7EA;border-radius:8px;background:#fff;color:#14213A!important;font-weight:600;font-size:.9rem;text-decoration:none!important}
a.csn-formback:hover{background:#F4F7FB;border-color:#0D63A5}
/* ===== Ende ===== */


/* ===== CS-N Kopfbereich direkt in Komponenten (Profil u. a.): gleicher Abstand zum Menü wie bei Beiträgen (30px) ===== */
html body main.astroid-component-area > .csn-page:first-child,
html body main.astroid-component-area > .csn-page.csn-prof-wrap:first-child,
html body main.astroid-component-area > .row:first-child:has(.lzp),
html body main.astroid-component-area > .lzp:first-child{padding-top:30px!important}


/* ===== CS-N Unterseiten von Mein Bereich: Rubrik-Zeile mit Farbpunkten über der Überschrift (wie „Übersicht“) ===== */
html body p.csn-subeyebrow.csn-subeyebrow{display:flex!important;align-items:center!important;gap:.6rem!important;margin:0 0 .45rem!important;padding:20px 0 0!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#4A5B73!important;line-height:1.2!important;background:none!important;border:0!important;max-width:none!important}
.csn-subeyebrow .csn-eyebrow-dots{flex:0 0 auto}


/* ===== CS-N Posteingang-Kachel (nur Techniker/Administratoren): pulsiert grün bei offenen Einträgen ===== */
.csn-tool.csn-pe-tile{position:relative}
.csn-pe-badge{position:absolute;top:8px;right:8px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#2E8B3A;color:#fff!important;font-size:12px;font-weight:800;line-height:24px;text-align:center;box-shadow:0 2px 6px rgba(11,31,58,.25)}
.csn-pe-badge[hidden]{display:none!important}
.csn-tool.csn-pe-tile.has-new{border-color:#2E8B3A!important;animation:csnPePulse 1.8s ease-in-out infinite}
.csn-tool.csn-pe-tile.has-new .csn-tool-icon{background:#E7F5EC!important;color:#2E8B3A!important}
@keyframes csnPePulse{0%,100%{box-shadow:0 0 0 0 rgba(46,139,58,.55)}50%{box-shadow:0 0 0 10px rgba(46,139,58,0)}}
@media (prefers-reduced-motion:reduce){.csn-tool.csn-pe-tile.has-new{animation:none}}


/* ===== CS-N Symbol-Kacheln im Kopfbereich (csn-hero2-art): Wechsel + Aufleuchten ===== */
.csn-page .csn-hero2-art span{transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease}
.csn-page .csn-hero2-art span.csn-art-on{background:rgba(255,255,255,.26)!important;border-color:rgba(255,255,255,.65)!important;box-shadow:0 0 0 6px rgba(255,255,255,.09),0 12px 26px rgba(0,0,0,.20)}
.csn-page .csn-hero2-art span i{display:inline-block;transition:transform .3s ease,opacity .3s ease;backface-visibility:hidden}
.csn-page .csn-hero2-art span i.csn-flip-out{transform:perspective(200px) rotateY(90deg) scale(.7);opacity:0}
.csn-page .csn-hero2-art span i.csn-flip-in{animation:csnArtFlipIn .5s cubic-bezier(.2,.8,.3,1.25)}
@keyframes csnArtFlipIn{from{transform:perspective(200px) rotateY(-90deg) scale(.7);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.csn-page .csn-hero2-art span,.csn-page .csn-hero2-art span i{transition:none!important;animation:none!important}}
/* ===== Ende ===== */


/* ===== csn-hide-edit-icons: Bearbeiten-Link (Beitragssymbole) im Frontend ausblenden – bearbeitet wird im Backend ===== */
.item-page > .icons, .com-content-article > .icons, .com-content-article .icons, .item-page .icons{display:none!important}
/* ===== Ende ===== */


/* ===== csn-ag: Kunden-Anleitung „CS-N Agent einrichten“ (Seite /agent-anleitung) ===== */
.csn-ag{max-width:860px}
.csn-ag p{max-width:70ch}
.csn-ag h2.csn-ag-h{font-size:24px;line-height:1.3;color:#0B1F3A;margin:40px 0 12px}
.csn-ag .csn-ag-privacy{border-left:4px solid #2E8B3A;padding:2px 0 2px 16px;margin:16px 0}
.csn-ag .csn-ag-need{list-style:none;padding:0;margin:0 0 12px}
.csn-ag .csn-ag-need li{display:flex;align-items:flex-start;margin:0 0 10px}
.csn-ag .csn-ag-need li::before{content:"";flex:none;width:18px;height:18px;margin:4px 12px 0 0;border:2px solid #0D63A5;border-radius:5px}
.csn-ag .csn-ag-steps{list-style:none;margin:12px 0 0;padding:0}
.csn-ag .csn-ag-step{position:relative;display:flex;align-items:flex-start;padding-bottom:30px}
.csn-ag .csn-ag-step>div{flex:1 1 auto;min-width:0}
.csn-ag .csn-ag-step:not(:last-child)::after{content:"";position:absolute;left:27px;top:58px;bottom:0;width:2px;background:#E3E8EF}
.csn-ag .csn-ag-num{flex:none;margin-right:20px;width:56px;height:56px;line-height:56px;text-align:center;border-radius:50%;font-size:24px;font-weight:800;color:#fff}
.csn-ag .csn-ag-step:nth-child(1) .csn-ag-num{background:#0D63A5}.csn-ag .csn-ag-step:nth-child(2) .csn-ag-num{background:#2E8B3A}.csn-ag .csn-ag-step:nth-child(3) .csn-ag-num{background:#ED1C24}
.csn-ag .csn-ag-step h3{font-size:21px;color:#0B1F3A;margin:12px 0 10px}
.csn-ag .csn-ag-step ol{margin:0 0 12px;padding-left:22px}
.csn-ag .csn-ag-step ol li{margin:0 0 8px;padding-left:4px}
.csn-ag code{font-family:Consolas,"Cascadia Mono",monospace;font-size:.92em;background:#F3F6FA;border:1px solid #E3E8EF;padding:1px 6px;border-radius:5px;white-space:nowrap;color:#0B1F3A}
.csn-ag .csn-ag-note{background:#FFF8E6;border:1px solid #F2D58A;border-radius:10px;padding:12px 16px;margin:12px 0}
.csn-ag .csn-ag-after{list-style:none;padding:0;margin:0}
.csn-ag .csn-ag-after li{position:relative;padding-left:22px;margin:0 0 12px}
.csn-ag .csn-ag-after li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:#0D63A5}
.csn-ag .csn-ag-two{display:flex;gap:28px}.csn-ag .csn-ag-two>div{flex:1 1 0}
.csn-ag .csn-ag-two h3{font-size:17px;color:#0B1F3A;margin:0 0 6px}
.csn-ag details{border-top:1px solid #E3E8EF}
.csn-ag details:last-of-type{border-bottom:1px solid #E3E8EF}
.csn-ag summary{cursor:pointer;list-style:none;padding:13px 34px 13px 0;color:#0B1F3A;font-weight:600;position:relative}
.csn-ag summary::-webkit-details-marker{display:none}
.csn-ag summary::after{content:"+";position:absolute;right:4px;top:8px;font-size:22px;color:#0D63A5;font-weight:400}
.csn-ag details[open] summary::after{content:"–"}
.csn-ag details p{margin:0 0 14px}
.csn-ag .csn-ag-help{margin-top:36px;background:#F3F6FA;border:1px solid #E3E8EF;border-radius:14px;padding:20px 24px}
.csn-ag .csn-ag-help p{margin:0 0 6px}
@media (max-width:640px){.csn-ag .csn-ag-num{width:44px;height:44px;line-height:44px;font-size:20px;margin-right:14px}.csn-ag .csn-ag-step:not(:last-child)::after{left:21px;top:46px}.csn-ag .csn-ag-two{display:block}}
@media print{.csn-ag details{break-inside:avoid}.csn-ag .csn-ag-step{break-inside:avoid}}
/* ===== Ende ===== */


/* ===== Download-Seite: Knopf „Öffnen“ (Seiten) mit Pfeil nach rechts statt Download-Pfeil ===== */
.csn-sw .sw-btn.sw-btn-page::before{content:"\2192"!important}
/* ===== Ende ===== */


/* ===== sw-btn-einheitlich: alle Knöpfe der Download-Seite gleich breit, Beschriftung mittig ===== */
.csn-sw .sw-btn{min-width:146px;justify-content:center;box-sizing:border-box}
/* ===== Ende ===== */


/* ===== csn-auth: Anmelden, Benutzername/Passwort vergessen – zweigeteilt mit Markenbereich ===== */
.csn-auth-hide{display:none!important}
.astroid-column.csn-auth-col{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
.csn-auth-col > .astroid-component{box-shadow:none!important;background:transparent!important}
.csn-auth{max-width:1080px;margin:8px auto 36px;padding:0 4px}
.csn-auth-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.csn-auth-brand{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#0B2A55 0%,#0D4F8C 60%,#0D63A5 100%);color:#DCE9F8;padding:34px 34px 28px;display:flex;flex-direction:column}
.csn-auth-brand::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ED1C24 0 25%,#2E8B3A 25% 50%,#0D63A5 50% 75%,#FDC84E 75% 100%)}
.csn-auth-eb{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:5px 12px;border-radius:999px;margin-bottom:16px}
.csn-auth-eb i{display:inline-block;width:7px;height:7px;border-radius:2px}
.csn-auth-brand h2{color:#fff!important;font-size:clamp(24px,3vw,32px);line-height:1.15;font-weight:800;margin:0 0 10px}
.csn-auth-lead{font-size:15.5px;line-height:1.6;color:#C9DCF2;margin:0 0 20px;max-width:46ch}
.csn-auth-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.csn-auth-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.45;color:#E6F0FB}
.csn-auth-ic{flex:none;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:15px}
.csn-auth-list li:nth-child(1) .csn-auth-ic{color:#9CCBFF}.csn-auth-list li:nth-child(2) .csn-auth-ic{color:#A6E3A1}.csn-auth-list li:nth-child(3) .csn-auth-ic{color:#FDC84E}.csn-auth-list li:nth-child(4) .csn-auth-ic{color:#FF9EA4}
.csn-auth-list.is-steps li.is-done .csn-auth-ic{background:#2E8B3A;border-color:#2E8B3A;color:#fff}
.csn-auth-list.is-steps li.is-now{color:#fff;font-weight:700}
.csn-auth-list.is-steps li.is-now .csn-auth-ic{background:#fff;color:#0B2A55;border-color:#fff}
.csn-auth-list.is-steps li.is-next{opacity:.72}
.csn-auth-tip{margin-top:auto;font-size:13.5px;line-height:1.55;color:#C9DCF2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px}
.csn-auth-tip b{color:#fff}
.csn-auth-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.csn-auth-badges span{font-size:12px;font-weight:700;color:#DCE9F8;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:4px 10px;border-radius:999px}
.csn-auth-art{position:absolute;right:26px;top:30px;display:grid;grid-template-columns:repeat(3,44px);gap:10px;opacity:.95}
.csn-auth-art span{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:17px;transition:background-color .45s,border-color .45s,box-shadow .45s}
.csn-auth-art span:nth-child(2),.csn-auth-art span:nth-child(5){transform:translateY(10px)}
.csn-auth-art span:nth-child(1){color:#FF9EA4}.csn-auth-art span:nth-child(2){color:#A6E3A1}.csn-auth-art span:nth-child(3){color:#9CCBFF}.csn-auth-art span:nth-child(4){color:#FDC84E}.csn-auth-art span:nth-child(5){color:#fff}.csn-auth-art span:nth-child(6){color:#C9B8FF}
.csn-auth-art span.csn-art-on{background:rgba(255,255,255,.26)!important;border-color:rgba(255,255,255,.65)!important;box-shadow:0 0 0 6px rgba(255,255,255,.09)}
.csn-auth-art span i{display:inline-block;transition:transform .3s ease,opacity .3s ease}
.csn-auth-art span i.csn-flip-out{transform:perspective(200px) rotateY(90deg) scale(.7);opacity:0}
.csn-auth-art span i.csn-flip-in{animation:csnArtFlipIn .5s cubic-bezier(.2,.8,.3,1.25)}
.csn-auth-has-art h2,.csn-auth-has-art .csn-auth-eb,.csn-auth-has-art .csn-auth-lead{max-width:calc(100% - 170px)}
.csn-auth-card{background:#fff;border:1px solid #E3E8EF;border-radius:18px;box-shadow:0 10px 30px rgba(11,31,58,.08);padding:28px 28px 24px;display:flex;flex-direction:column;justify-content:center}
.csn-auth-card .row{margin:0!important}
.csn-auth-card .com-users-login,.csn-auth-card [class*="col-lg-"]{flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.csn-auth-card .com-users-login::before,.csn-auth-card .com-users-login::after{display:none!important}
.csn-auth-card form fieldset > p,.csn-auth-card form > p:first-child{display:none}
.csn-auth-card legend{font-size:22px;font-weight:800;color:#0B1F3A;border:0;margin:0 0 4px;padding:0;float:none;width:100%}
.csn-auth-sub{font-size:14px;color:#5A6B82;margin:0 0 18px}
.csn-auth-card .control-group,.csn-auth-card .mb-3{margin-bottom:14px}
.csn-auth-card label{font-weight:700;color:#14213A;font-size:13.5px}
.csn-auth-card input[type=text],.csn-auth-card input[type=email],.csn-auth-card input[type=password]{width:100%!important;max-width:none!important}
.csn-auth-card .controls{width:100%;margin-left:0!important}
.csn-auth-card .control-label{width:auto!important;float:none!important;text-align:left!important;padding:0!important;margin-bottom:5px}
.csn-auth-card button[type=submit],.csn-auth-card .btn-primary{width:100%;min-height:46px;font-weight:800;border-radius:11px}
.csn-auth-steps{display:flex;gap:6px;margin:0 0 18px;padding:0;list-style:none}
.csn-auth-steps li{flex:1;font-size:12px;font-weight:700;color:#8291A5;padding-top:8px;border-top:4px solid #E3E8EF}
.csn-auth-steps li.is-done{border-color:#2E8B3A;color:#2E8B3A}
.csn-auth-steps li.is-now{border-color:#0D63A5;color:#0D63A5}
.csn-auth-help{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.csn-auth-help a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #E3E8EF;border-radius:14px;padding:14px 16px;text-decoration:none!important;color:#14213A!important;transition:border-color .2s,transform .2s,box-shadow .2s}
.csn-auth-help a:hover{border-color:#0D63A5;transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,31,58,.08)}
.csn-auth-help .csn-auth-hic{flex:none;width:38px;height:38px;border-radius:11px;background:#EEF4FB;color:#0D63A5;display:flex;align-items:center;justify-content:center;font-size:16px}
.csn-auth-help b{display:block;font-size:14.5px;color:#0B1F3A}
.csn-auth-help small{display:block;font-size:12.5px;color:#5A6B82}
.csn-auth .csn-subeyebrow,.csn-auth .csn-eyebrow-line{display:none!important}
.csn-auth-login .csn-auth-card{background:transparent;border:0;box-shadow:none;padding:0}
.csn-auth-login .csn-auth-card .com-users-login form,.csn-auth-login .csn-auth-card .well{height:100%;margin:0!important}
.csn-auth-login .csn-auth-card .com-users-login{display:flex;flex-direction:column}
/* csn-auth-pad */ .csn-auth-login .csn-auth-card form{padding:26px 28px 18px!important;box-sizing:border-box}
.csn-auth-login .csn-auth-card .com-users-login > *{flex:1 1 auto}
/* csn-auth-generic: vorhandene Formular-Karte bleibt die Karte (alle Seiten) */
.csn-auth-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;justify-content:flex-start}
.csn-auth-card > .com-users-login,.csn-auth-card > .com-users-remind,.csn-auth-card > .com-users-reset,.csn-auth-card > div:not(.csn-auth-steps){flex:1 1 auto}
.csn-auth-card form{padding:26px 28px 18px!important;box-sizing:border-box;height:100%;margin:0!important}
.csn-auth-sub{display:none}
.csn-auth-chead{text-align:center;margin:4px 0 18px;width:100%}
.csn-auth-chic{display:inline-flex;width:64px;height:64px;border-radius:50%;background:#EEF4FB;color:#0D63A5;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px}
.csn-auth-chead h3{text-align:center!important;font-size:23px;font-weight:800;color:#0B1F3A;margin:0 0 4px}
.csn-auth-chead p{font-size:14.5px;color:#5A6B82;margin:0}
.csn-auth-has-head legend{display:none}
/* csn-auth-fill */ .csn-auth-card > *:not(.csn-auth-steps),.csn-auth-card form,.csn-auth-card .well{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.csn-auth-card > .com-users-remind,.csn-auth-card > .com-users-reset,.csn-auth-card > .com-users-login{display:flex;flex-direction:column}
.csn-auth-card > .com-users-remind > form,.csn-auth-card > .com-users-reset > form,.csn-auth-card > .com-users-login > *{flex:1 1 auto}
.csn-auth-tip a{color:#fff!important;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.csn-auth-steps{margin:0 4px 14px}
@media (max-width:900px){.csn-auth-grid{grid-template-columns:1fr}.csn-auth-card{order:-1}.csn-auth-art{display:none}.csn-auth-has-art h2,.csn-auth-has-art .csn-auth-eb,.csn-auth-has-art .csn-auth-lead{max-width:none}.csn-auth-brand{padding:26px 22px 22px}.csn-auth-brand .csn-auth-list{display:none}.csn-auth-brand .csn-auth-list.is-steps{display:grid}.csn-auth-help{grid-template-columns:1fr}}
@media (min-width:901px) and (max-width:1100px){.csn-auth-help{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.csn-auth-help a{transition:none}.csn-auth-art span,.csn-auth-art span i{transition:none!important;animation:none!important}}
/* ===== Ende ===== */


/* ===== csn-openstate: Geöffnet (grün leuchtend) / Geschlossen (rot pulsierend) in der Kontaktzeile ===== */
.csn-openstate{display:inline-flex;align-items:center;gap:7px;margin-left:12px;padding:2px 11px 2px 9px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap;vertical-align:middle;cursor:default}
.csn-openstate i{display:inline-block;width:8px;height:8px;border-radius:50%}
.csn-openstate.is-open{color:#A6F0B3;background:rgba(46,139,58,.22);border:1px solid rgba(110,220,130,.35)}
.csn-openstate.is-open i{background:#3DDC6A;box-shadow:0 0 6px 2px rgba(61,220,106,.75);animation:csnGlow 2.4s ease-in-out infinite}
.csn-openstate.is-closed{color:#FFB3B7;background:rgba(237,28,36,.18);border:1px solid rgba(255,120,128,.35)}
.csn-openstate.is-closed i{background:#FF4B55;animation:csnPulse 1.6s ease-out infinite}
@keyframes csnGlow{0%,100%{box-shadow:0 0 4px 1px rgba(61,220,106,.55)}50%{box-shadow:0 0 10px 4px rgba(61,220,106,.9)}}
@keyframes csnPulse{0%{box-shadow:0 0 0 0 rgba(255,75,85,.75)}70%{box-shadow:0 0 0 8px rgba(255,75,85,0)}100%{box-shadow:0 0 0 0 rgba(255,75,85,0)}}
@media (prefers-reduced-motion:reduce){.csn-openstate i{animation:none!important}}
/* ===== Ende ===== */

/* Startseite: Schild Geöffnet/Geschlossen rechts in der Karte „Servicebüro“ (gleicher Abstand zum Kartenrand) */
.csn-ccard .csn-ctitle.csn-ctitle-os{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;width:100%}
.csn-ccard .csn-openstate.csn-os-card{margin:0 0 0 auto;text-transform:none;letter-spacing:normal;font-size:11.5px;padding:2px 9px 2px 8px;gap:6px}

.csn-ccard .csn-openstate.csn-os-card.is-wrapped{margin-left:0}


/* ===== csn-hl: Hilfe zur Anmeldung (/hilfe-anmeldung) – Wegweiser-Kacheln, Abschnitte ===== */
.csn-hl-way{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 8px}
.csn-hl-way a{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:18px 18px 16px;text-decoration:none!important;color:#14213A!important;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.csn-hl-way a::before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.csn-hl-way a:nth-child(1)::before{background:#0D63A5}.csn-hl-way a:nth-child(2)::before{background:#ED1C24}.csn-hl-way a:nth-child(3)::before{background:#FDC84E}.csn-hl-way a:nth-child(4)::before{background:#2E8B3A}
.csn-hl-way a:hover{border-color:#0D63A5;transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,31,58,.09)}
.csn-hl-way .csn-hl-ic{width:44px;height:44px;border-radius:12px;background:#EEF4FB;color:#0D63A5;display:flex;align-items:center;justify-content:center;font-size:19px}
.csn-hl-way b{font-size:16px;line-height:1.3;color:#0B1F3A}
.csn-hl-way small{font-size:13px;line-height:1.45;color:#5A6B82}
.csn-hl-way .csn-hl-go{margin-top:auto;font-size:13px;font-weight:800;color:#0D63A5}
.csn-hl-sec{scroll-margin-top:110px;border-top:1px solid #E3E8EF;padding-top:8px;margin-top:34px}
.csn-hl-sec > h2{display:flex;align-items:center;gap:12px}
.csn-hl-sec > h2 .csn-hl-ic{flex:none;width:40px;height:40px;border-radius:11px;background:#EEF4FB;color:#0D63A5;display:inline-flex;align-items:center;justify-content:center;font-size:17px}
.csn-hl-top{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;color:#0D63A5!important}
.csn-ag .csn-ag-ok{background:#ECF8EE;border:1px solid #BFE3C6;border-radius:10px;padding:12px 16px;margin:12px 0}
@media (max-width:900px){.csn-hl-way{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.csn-hl-way{grid-template-columns:1fr}.csn-hl-way a{flex-direction:row;align-items:center}.csn-hl-way small,.csn-hl-way .csn-hl-go{display:none}}
@media (prefers-reduced-motion:reduce){.csn-hl-way a{transition:none}}
/* ===== Ende ===== */

/* csn-auth-gleich: alle Zugangsseiten gleich hoch wie „Anmelden“, damit die Hilfe-Kacheln immer an derselben Stelle stehen */
.csn-auth-card > [class*="com-users"]{margin-top:0!important;margin-bottom:0!important}
.csn-auth-chead{margin:0 0 10px}
.csn-auth-chic{width:48px;height:48px;font-size:18px;margin-bottom:6px}
.csn-auth-chead h3{font-size:21px}
@media (min-width:901px){.csn-auth-card .csn-auth-steps{display:none}.csn-auth-grid{min-height:540px}}
/* csn-auth-gleich2: Joomla-Anmeldeseite auf dieselbe Höhe wie das Anmelde-Modul */
.csn-auth-card .com-users-login > .csn-auth-hero{margin-bottom:10px!important}
.csn-auth-card .com-users-login > form{padding-top:6px!important;padding-bottom:6px!important}
.csn-auth-card .com-users-login > .com-users-login__options{margin-top:8px!important;padding-top:8px!important}
.csn-auth-card .csn-auth-chead,.csn-auth-card .csn-auth-chead h3,.csn-auth-card .csn-auth-chead p{display:block!important;width:100%!important;text-align:center!important}
/* csn-auth-abstand: Abstand Menü → Karte wie bei der Anmeldung (30 px) */
.csn-auth:not(.csn-auth-mod){margin-top:30px}

/* csn-h1-gleich: Hauptüberschriften (h1) sehen exakt aus wie die bisherigen h2 – Template-Vorgaben für h1 neutralisieren */
.csn-page h1.csn-page-title,.csn-auth-hero h1,.mod-lzlogin h1.lzm-hero-title{text-transform:none;font-family:inherit;padding:0;border:0;background:none}
.csn-page h1.csn-page-title::before,.csn-page h1.csn-page-title::after,.csn-auth-hero h1::before,.csn-auth-hero h1::after,.mod-lzlogin h1.lzm-hero-title::before,.mod-lzlogin h1.lzm-hero-title::after{content:none!important;display:none!important}
.mod-lzlogin h1.lzm-hero-title{margin:0;letter-spacing:normal}

/* ===== csn-relbadge: Release-Schild im Kopfbereich „Mein Bereich“ ===== */
.csn-page .csn-hero2{position:relative}
.csn-page .csn-hero2 .csn-relbadge{position:absolute;right:18px;bottom:14px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#B5D4F4;background:rgba(12,68,124,.85);border:1px solid rgba(133,183,235,.35);border-radius:999px;padding:3px 11px;cursor:default;user-select:none}
.csn-page .csn-hero2 .csn-relbadge i{font-size:11px;opacity:.85}
@media (max-width:767px){.csn-page .csn-hero2 .csn-relbadge{position:static;margin-top:14px;align-self:flex-start}}
/* ===== Ende ===== */

/* csn-auth-mod-fix: Anmelde-Modul – Schloss vollständig sichtbar, Inhalt senkrecht mittig */
.csn-auth-mod .csn-auth-card .mod-lzlogin{display:flex!important;flex-direction:column;justify-content:center;padding-top:30px!important;padding-bottom:30px!important}
.csn-auth-mod .csn-auth-card .mod-lzlogin > form{height:auto!important;flex:0 0 auto!important}
.csn-auth-mod .csn-auth-card .mod-lzlogin > .lzm-hero{flex:0 0 auto}

/* sx-hero-fix: Leitstand – Überschrift im blauen Kopfbereich weiß */
div.com-wartung .sx .sx-hero h1,div.com-wartung .sx .sx-hero h1 *{color:#fff!important;-webkit-text-fill-color:#fff}

/* sx-dotwave: Leitstand – Farbquadrate mit derselben Welle wie auf allen CS-N-Seiten */
div.com-wartung .sx .sx-chip b i,div.com-wartung .sx .sx-sec b i{animation:csnDotWave 4.8s ease-in-out infinite;will-change:transform}
div.com-wartung .sx .sx-chip b i:nth-child(1),div.com-wartung .sx .sx-sec b i:nth-child(1){animation-delay:.6s}
div.com-wartung .sx .sx-chip b i:nth-child(2),div.com-wartung .sx .sx-sec b i:nth-child(2){animation-delay:.78s}
div.com-wartung .sx .sx-chip b i:nth-child(3),div.com-wartung .sx .sx-sec b i:nth-child(3){animation-delay:.96s}
div.com-wartung .sx .sx-chip b i:nth-child(4),div.com-wartung .sx .sx-sec b i:nth-child(4){animation-delay:1.14s}
@media (prefers-reduced-motion:reduce){div.com-wartung .sx .sx-chip b i,div.com-wartung .sx .sx-sec b i{animation:none}}