/* SOBOTTA GmbH – ProntoSite-Build
   Eigene Klassen (sb-*); Werte 1:1 aus dem Original-Theme (The7 + Child-Theme "sobotta") übernommen. */
@font-face{font-family:"Open Sans";src:url(/fonts/open-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(/fonts/open-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(/fonts/open-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{--sb-accent:#263787;--sb-text:#333;--sb-title:#263787;--sb-font:"Open Sans",Helvetica,Arial,Verdana,sans-serif;--sb-content:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavio\72 :smooth}
body{margin:0;background:#fff;color:var(--sb-text);font:400 14px/22px var(--sb-font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;border:0}
a{color:var(--sb-accent);text-decoration:underline}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0 0 10px;clear:both;color:var(--sb-title);font-family:var(--sb-font);font-weight:400}
h1{font-size:34px;line-height:40px}
h2{font-size:24px;line-height:30px}
h3{font-size:20px;line-height:26px}
h4,h5{font-size:18px;line-height:24px}
p{margin:0 0 10px}
.sb-content ul{margin:0 0 10px 20px;padding:0;list-style:disc}
.sb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sb-skip{position:absolute;left:-9999px}.sb-skip:focus{left:12px;top:12px;z-index:400;background:#fff;padding:8px 12px}
.sb-wrap{width:100%;max-width:1300px;margin:0 auto;padding:0 50px}
@media (max-width:778px){.sb-wrap{padding:0 20px}}

/* ---------- Header (Child-Theme: header.png 2600×120) ---------- */
.sb-header{position:sticky;top:0;z-index:30;height:120px;background:transparent url(/img/theme/header.svg) no-repeat center bottom/2600px 120px}
.sb-header__inner{display:flex;justify-content:space-between;align-items:flex-start;max-width:1300px;height:100%;margin:0 auto;padding:0 50px}
.sb-logo{display:block;margin-top:22px;line-height:0}
.sb-logo img{width:240px;height:45px}
.sb-nav__list{display:flex;align-items:flex-start;margin:0;padding:0 0 0 5px;list-style:none}
.sb-nav__list>.sb-nav__item{position:relative;display:flex}
.sb-nav__list>.sb-nav__item>a{display:flex;align-items:center;margin:22px 10px 20px;padding:4px;color:#333;font-size:17px;line-height:20px;text-decoration:none;position:relative}
.sb-nav__list>.sb-nav__item>a::after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:2px;background:rgba(38,55,135,.15);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.sb-nav__list>.sb-nav__item>a:hover::after{transform:scaleX(1)}
.sb-nav__list>.sb-nav__item--lang>a::after{display:none}
.sb-nav__list>.sb-nav__item+.sb-nav__item::before{content:"";position:absolute;left:0;top:26px;width:1px;height:24px;background:rgba(17,17,17,.14)}
.sb-nav__item--home>a{color:#333}
.sb-nav__item--lang img{display:block;width:18px;height:12px}
.sb-nav__sub{position:absolute;top:100%;left:0;z-index:40;width:280px;margin:0;padding:10px;list-style:none;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.2);visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
.sb-nav__sub .sb-nav__sub{top:-10px;left:271px}
.sb-nav__item:hover>.sb-nav__sub,.sb-nav__item:focus-within>.sb-nav__sub{visibility:visible;opacity:1}
.sb-nav__sub .sb-nav__item{position:relative}
.sb-nav__sub a{display:block;padding:10px;color:#333;font-size:14px;line-height:18px;text-decoration:none}
.sb-nav__sub .sb-nav__item--parent>a::after{content:"";position:absolute;right:10px;top:15px;width:6px;height:6px;border:solid #333;border-width:1px 1px 0 0;transform:rotate(45deg)}
.sb-nav__sub a:hover,.sb-nav__sub a[aria-current="page"]{color:#263787;background:rgba(38,55,135,.07)}
.sb-burger,.sb-backdrop,.sb-drawer{display:none}

/* ---------- Mobile Header + Drawer (von rechts) ---------- */
@media (max-width:900px){
 .sb-header{height:70px;background:linear-gradient(to bottom,#fff 50%,rgba(255,255,255,.75) 100%);box-shadow:0 0 4px rgba(0,0,0,.5)}
 .sb-header::after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:6px;background:linear-gradient(to right,rgba(61,89,209,.5) 0%,rgba(41,69,143,.5) 100%);z-index:-1}
 .sb-header__inner{align-items:center;padding:0 20px}
 .sb-logo{margin:0}.sb-logo img{width:180px;height:auto}
 .sb-nav{display:none}
 .sb-burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;background:none;border:0;cursor:pointer}
 .sb-burger span{display:block;height:2px;background:#333}
 .sb-drawer{display:block;position:fixed;top:0;right:0;z-index:520;width:300px;max-width:86vw;height:100vh;overflow-y:auto;padding:45px 15px 30px 30px;background:#fff;transform:translateX(100%);visibility:hidden;transition:transform .35s ease,visibility .35s}
 .sb-backdrop{display:block;position:fixed;inset:0;z-index:510;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .35s}
 .sb-header:has(.sb-burger[aria-expanded="true"]) .sb-drawer{transform:none;visibility:visible}
 .sb-header:has(.sb-burger[aria-expanded="true"]) .sb-backdrop{opacity:1;pointer-events:auto}
 .sb-drawer__close{position:absolute;top:15px;right:15px;width:30px;height:30px;background:none;border:0;cursor:pointer}
 .sb-drawer__close::before,.sb-drawer__close::after{content:"";position:absolute;left:4px;right:4px;top:14px;height:2px;background:#333;transform:rotate(45deg)}
 .sb-drawer__close::after{transform:rotate(-45deg)}
 .sb-drawer__list,.sb-drawer__list .sb-nav__sub{margin:0;padding:0;list-style:none;position:static;width:auto;box-shadow:none;visibility:visible;opacity:1;background:none}
 .sb-drawer__list .sb-nav__item{border-bottom:1px solid rgba(51,51,51,.12)}
 .sb-drawer__list .sb-nav__sub .sb-nav__item{border:0}
 .sb-drawer__list a{display:flex;align-items:center;gap:8px;padding:10px 0;color:#333;font-size:16px;text-decoration:none}
 .sb-drawer__list a:hover,.sb-drawer__list a[aria-current="page"]{color:#263787}
 .sb-drawer__list .sb-nav__sub a{padding:6px 0 6px 15px;font-size:14px}
 .sb-drawer__list .sb-nav__sub .sb-nav__sub a{padding-left:30px}
 .sb-drawer__list .sb-nav__item--home .sb-sr{position:static!important;width:auto;height:auto;clip:auto}
 .sb-drawer__list .sb-nav__item--lang{display:inline-block;border:0;margin:10px 12px 0 0}
 .sb-drawer__list .sb-nav__item--parent>a::after{display:none}
}
@media (prefers-reduced-motion:reduce){.sb-drawer,.sb-backdrop,.sb-slider__track{transition:none!important}html{scroll-behavio\72 :auto}}

/* ---------- Slider Startseite (CSS-only) ---------- */
.sb-slider{position:relative;margin-top:-120px;overflow:hidden;background:linear-gradient(180deg,#eef0f8 0%,#f7f8fc 55%,#fff 100%)}
.sb-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 100%);z-index:3;pointer-events:none}
/* Ebene 2: Bilder */
.sb-slider__track{position:relative;z-index:1;display:flex;width:400%;animation:sb-slide 11.4s infinite}
.sb-slide{position:relative;width:25%;flex:none}
.sb-slide__img{position:relative;max-width:1200px;margin:0 auto}
.sb-slide__img img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 28%,#000 52%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 28%,#000 52%,#000 88%,transparent 100%)}
/* automatisches Sliden: 3 s stehen, 0,8 s Übergang, 4. Bild = Kopie des 1. für nahtlose Schleife */
@keyframes sb-slide{0%,26.3%{transform:translateX(0)}33.33%,59.65%{transform:translateX(-25%)}66.67%,92.98%{transform:translateX(-50%)}100%{transform:translateX(-75%)}}
@media (prefers-reduced-motion:reduce){.sb-slider__track{animation:none}}
/* Ebene 3: Titel links */
.sb-slider__caption{position:absolute;inset:120px 0 0 0;z-index:4;max-width:1300px;margin:0 auto;padding:0 50px;display:flex;align-items:center;pointer-events:none}
.sb-slider__text{position:relative;width:50%;max-width:560px;padding:34px 40px 36px 34px;background:linear-gradient(100deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 70%,rgba(255,255,255,0) 100%);border-radius:0 8px 8px 0;pointer-events:auto}
.sb-slider__text::before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:4px;background:linear-gradient(to bottom,#405dda,#263787)}
.sb-slider__title{margin:0 0 14px;font-size:40px;line-height:48px;color:#263787}
.sb-slider__subtitle{margin:0;font-size:20px;line-height:28px;color:#333}
@media (max-width:1100px){.sb-slider__title{font-size:32px;line-height:38px}.sb-slider__subtitle{font-size:17px;line-height:24px}.sb-slider__text{padding:24px 28px 26px 26px}}
@media (max-width:778px){
 .sb-slider{margin-top:-70px;padding-top:0}
 .sb-slide__img img{-webkit-mask-image:none;mask-image:none}
 .sb-slider::after{display:none}
 .sb-slider__caption{position:relative;inset:auto;padding:0 20px;margin-top:-40px}
 .sb-slider__text{width:100%;max-width:none;background:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.15)}
 .sb-slider__title{font-size:26px;line-height:32px}.sb-slider__subtitle{font-size:16px;line-height:22px}
  }

/* ---------- Inhalt / Raster (WPBakery-Nachbau) ---------- */
.sb-main{padding:50px 0}
.sb-home .sb-main{padding-top:40px}
.sb-content{position:relative}
.sb-row{display:flex;flex-wrap:wrap;margin:0 -15px}
.sb-col{position:relative;width:100%;min-height:1px;padding:0 15px}
.sb-col>*:last-child{margin-bottom:0}
.sb-col--3{width:25%}.sb-col--4{width:33.3333%}.sb-col--6{width:50%}.sb-col--8{width:66.6666%}.sb-col--9{width:75%}.sb-col--12{width:100%}
.sb-row>.sb-col{margin-bottom:35px}
.sb-row--inner{margin-left:-15px;margin-right:-15px}
@media (max-width:767px){.sb-col--3,.sb-col--4,.sb-col--6,.sb-col--8,.sb-col--9{width:100%}}
.sb-row--fill{position:relative;isolation:isolate;margin:20px calc(50% - 50vw);padding:calc(20px + 3vw) calc(50vw - 50% - 15px) calc(20px + 3vw)}
.sb-row--fill>.sb-col{padding-top:25px;padding-bottom:10px}
.sb-row--fill::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,#fff 0%,#eceef5 50%,#fff 100%);clip-path:polygon(0 3vw,100% 0,100% calc(100% - 3vw),0 100%)}
.sb-row--fill::after{content:none}
.sb-space{display:block}
.sb-alignleft{float:left;margin:0 30px 20px 0}
.sb-alignright{float:right;margin:0 0 20px 30px}
.sb-aligncenter{display:block;margin:0 auto 20px}
@media (max-width:767px){.sb-alignleft,.sb-alignright{float:none;margin:0 0 20px}}
.sb-hide{display:none}

/* ---------- Teaser (Kacheln) ---------- */
.sb-teaser{position:relative;max-width:600px;min-height:330px;padding-bottom:50px;background:#fff;text-align:center;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.15);overflow:hidden}
.sb-teaser::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,#fff 0%,#405dda 50%,#405dda 100%)}
@media (max-width:766px){.sb-teaser{min-height:0;margin-left:auto;margin-right:auto}}
@media (max-width:520px){.sb-teaser::before{background:linear-gradient(to right,#fff 0%,#405dda 33%,#405dda 100%)}}
.sb-teaser-thumb{position:relative;display:block;overflow:hidden;background:#263787}
.sb-teaser-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.5)}
.sb-teaser-thumb a{display:block}
.sb-teaser-thumb img{display:block;width:100%;height:auto;margin:0;aspect-ratio:3/2;object-fit:cover;transition:all .3s}
.sb-teaser:hover .sb-teaser-thumb img{transform:scale(1.1);opacity:.7}
.sb-teaser h2{margin:10px 0;padding:0 20px;font-size:22px;line-height:28px}
.sb-teaser .sb-excerpt{min-height:54px;margin:0;padding:0 20px}
.sb-teaser p{margin:0}
.sb-teaser-btn,.sb-box-btn{position:absolute;right:0;bottom:0;display:block;width:100%;max-width:220px;height:40px;padding:10px 0 0 40px;background:url(/img/theme/teaser-btn.svg) no-repeat left bottom/auto 40px;color:#fff!important;text-align:center;text-decoration:none!important;box-sizing:border-box}
.sb-teaser-btn::after,.sb-box-btn::after{content:"";position:absolute;right:10px;top:12px;width:18px;height:18px;background:url(/img/theme/double-arrow.svg) no-repeat left bottom/18px 18px;transition:all .2s}
.sb-teaser:hover .sb-teaser-btn::after,.sb-box--cta:hover .sb-box-btn::after{transform:scaleX(-1)}
.sb-apps .sb-teaser{min-height:0}
.sb-apps .sb-teaser-thumb{background:#df7703}

/* ---------- Box (Komponenten-Kacheln) ---------- */
.sb-box{position:relative;padding:20px;background:linear-gradient(-135deg,rgba(229,229,229,.75) 0%,#fff 50%,#fff 100%);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.15);overflow:hidden;transition:all .2s}
.sb-box::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,#fff 0%,#fff 25%,#405dda 75%,#405dda 100%)}
@media (max-width:767px){.sb-box::before{background:linear-gradient(to right,#fff 0%,#405dda 50%,#405dda 100%)}}
@media (max-width:520px){.sb-box{background:linear-gradient(to top,rgba(229,229,229,.75) 0%,#fff 50%,#fff 100%)}.sb-box::before{background:linear-gradient(to right,rgba(255,255,255,0) 0%,#405dda 33%,#405dda 100%)}}
.sb-box .sb-excerpt{margin-bottom:30px}
.sb-box--cta{cursor:pointer}

/* ---------- Flex-Zeilen (Child-Theme .row) ---------- */
.sb-flex{display:flex;flex-wrap:nowrap;flex-direction:row}
.sb-flex>*{flex:auto;padding-left:10px;padding-right:10px}
.sb-flex>*:first-child{margin-left:-10px}
.sb-flex>*:last-child{margin-right:-10px}
.sb-flex>.sb-flex-initial{flex:initial}
.sb-flex>.sb-flex-initial img{display:block;max-width:198px;height:auto}
.sb-flex>.sb-flex-1-4{min-width:25%;max-width:25%}
.sb-flex>.sb-flex-1-3{min-width:33.3333%;max-width:33.3333%}
.sb-flex>.sb-flex-2-3{min-width:66.6666%;max-width:66.6666%}
@media (max-width:520px){.sb-flex{flex-direction:column}.sb-flex>*{padding-left:0;padding-right:0}.sb-flex>*:first-child{margin-left:0}.sb-flex>*:last-child{margin-right:0}.sb-flex>.sb-flex-6{min-width:100%;max-width:100%}.sb-flex>.sb-flex-initial img{margin:0 auto}}

/* ---------- Buttons ---------- */
.sb-btn{position:relative;display:inline-block;margin-top:20px;padding:12px 12px 12px 40px;background:linear-gradient(to top,#0d122e 0%,#2f344b 100%);color:#fff!important;border-radius:6px;line-height:1;text-decoration:none}
.sb-btn::after{content:"";position:absolute;left:10px;top:10px;width:18px;height:18px;background:url(/img/theme/double-arrow.svg) no-repeat left bottom/18px 18px;transition:all .2s}
.sb-btn:hover{background:#263787}
.sb-btn-border{display:inline-block;padding:4px 8px;border:1px solid rgba(38,55,135,.5);border-radius:4px;line-height:1;text-decoration:none}
.sb-btn-border:hover{border-color:#263787}

/* ---------- Vorteilsliste ---------- */
.sb-content .sb-benefits{margin:0 0 15px;padding:0;list-style:none}
.sb-benefits li{position:relative;margin:0 0 10px;padding:0 0 10px 26px}
.sb-benefits li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(to right,rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%)}
.sb-benefits li:last-child{margin-bottom:0;padding-bottom:0}
.sb-benefits li:last-child::after{display:none}
.sb-benefits li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background:url(/img/theme/benefit.svg) no-repeat center top/18px 18px}

/* ---------- Formulare ---------- */
.sb-form p{margin:0 0 10px}
.sb-form input[type=text],.sb-form input[type=email],.sb-form input[type=tel],.sb-form input[type=date],.sb-form select,.sb-form textarea{width:100%;max-width:100%;padding:5px 10px;border:1px solid rgba(51,51,51,.12);border-radius:1px;background:#fff;color:#333;font:14px/22px var(--sb-font);-webkit-appearance:none;appearance:none;outline:0}
.sb-form input[type=text],.sb-form input[type=email],.sb-form input[type=tel],.sb-form input[type=date],.sb-form select{height:38px}
.sb-form input:focus,.sb-form select:focus,.sb-form textarea:focus{border-color:#263787}
.sb-form .sb-listitem{display:inline-flex;gap:8px;align-items:flex-start;margin:0 20px 0 0}
.sb-form .sb-listitem input{margin-top:4px}
.sb-submit{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:1px;background:#1b203a;color:#fff;font:700 14px/18px var(--sb-font);cursor:pointer}
.sb-submit:hover{background:#263787}
.sb-bew-form{margin-bottom:30px;padding:20px;border:1px solid #263787}
.sb-bew-form>h3:not(:first-child){margin-top:30px}
.sb-bew-form .sb-flex>*{width:50%;overflow:hidden}
.sb-bew-form .sb-choices{display:block;margin-bottom:20px}
@media (max-width:520px){.sb-bew-form{padding-left:0;padding-right:0;border-left:0;border-right:0}.sb-bew-form .sb-flex>*{min-width:100%;max-width:100%}}

/* ---------- Footer ---------- */
.sb-footer{position:relative;isolation:isolate;color:#ededed;padding-top:3vw}
.sb-footer::before{content:"";position:absolute;inset:0;z-index:-1;background:#10183b url(/img/theme/footer.webp) no-repeat center top/max(1600px,100%) auto;clip-path:polygon(0 3vw,100% 0,100% 100%,0 100%)}
.sb-footer::after{content:none}
.sb-footer a{color:#fff;text-decoration:none}
.sb-footer a:hover{text-decoration:underline}
.sb-footer__widgets{padding-top:60px}
.sb-footer__widget{width:33.3333%;margin-bottom:30px;padding:0 0 0 0}
.sb-footer__widget p{margin:5px 0 0}
.sb-footer__logo{display:block;width:200px;height:auto;margin-bottom:10px}
.sb-bottombar{position:relative;z-index:9;min-height:120px;color:#fff;font-size:13px;line-height:20px;background:transparent url(/img/theme/bottom-bar.svg) no-repeat center top/2600px 400px}
.sb-bottombar__inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:120px;padding-bottom:25px}
.sb-bottombar__right p{margin:0}
.sb-siegel{position:absolute;left:50%;top:0;margin-left:-100px}
.sb-siegel img{width:80px;height:auto;margin-top:35px;border-radius:50%;transition:all .4s}
.sb-siegel img:hover{width:100px;margin-top:15px}
.sb-siegel img:first-child:hover{margin-left:-20px}
.sb-totop{position:fixed;right:10px;bottom:10px;z-index:100;width:40px;height:40px;background:rgba(0,0,0,.2);border-radius:1px}
.sb-totop::after{content:"";position:absolute;left:14px;top:16px;width:10px;height:10px;border:solid #fff;border-width:2px 0 0 2px;transform:rotate(45deg)}
.sb-totop:hover{background:rgba(0,0,0,.4)}
@media (max-width:990px){
 .sb-footer__widget{width:100%}
 .sb-bottombar__inner{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 0 20px}
 .sb-siegel{position:relative;left:auto;top:auto;margin:0}
 .sb-siegel img{display:inline-block;margin:10px 0}
}
@media (max-width:900px){
 .sb-bottombar{background:rgba(0,0,0,.25)}
 .sb-bottombar::before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px;background:rgba(255,255,255,.5)}
 .sb-bottombar__inner{padding:20px 0}
 .sb-footer__widgets{padding-bottom:20px}
}
@media (max-width:800px){.sb-content h2{font-size:18px;line-height:24px}}
@media (max-width:778px){.sb-main{padding:50px 0}}

/* ---------- Karten: modernisierte Optik (09.10.2026) ---------- */
.sb-teaser{min-height:0;padding-bottom:58px;border-radius:10px;box-shadow:0 6px 24px rgba(38,55,135,.12),0 1px 3px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s}
.sb-teaser:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(38,55,135,.20),0 2px 6px rgba(0,0,0,.08)}
.sb-teaser .sb-excerpt{min-height:66px}
.sb-teaser-thumb{background:#fff}
.sb-teaser-thumb::after{height:45%;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.75) 35%,rgba(255,255,255,0) 100%)}
.sb-teaser:hover .sb-teaser-thumb img{transform:scale(1.06);opacity:1}
.sb-teaser h2{position:relative;z-index:2;margin-top:-34px}
/* untere Linie: Farben aus dem Button-Schwung (teaser-btn.svg, Kante #3f5bd6) */
.sb-teaser::before,.sb-box::before{height:3px;background:linear-gradient(to right,rgba(63,91,214,.35) 0%,rgba(63,91,214,.8) 40%,#3f5bd6 62%,#3f5bd6 100%)}
/* Hover: Linie füllt sich von links in der aufgehellten Button-Farbe, mit weichem Schein */
.sb-teaser::after,.sb-box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,#3f5bd6 0%,#5074ff 100%);box-shadow:0 0 10px rgba(80,116,255,.55),0 -1px 4px rgba(80,116,255,.35);transform:scaleX(0);transform-origin:right center;transition:transform .5s cubic-bezier(.22,.61,.36,1);z-index:1}
.sb-teaser:hover::after,.sb-box:hover::after{transform:scaleX(1)}
.sb-teaser-btn,.sb-box-btn{z-index:2}
.sb-teaser-btn{transition:filter .25s}
.sb-teaser:hover .sb-teaser-btn,.sb-box:hover .sb-box-btn{filter:brightness(1.25) saturate(1.15)}
.sb-box-btn{transition:filter .25s}
/* Applikationen: Titel im Bild */
.sb-apps .sb-teaser{padding-bottom:0}
.sb-apps .sb-teaser-thumb{background:#000}
.sb-apps .sb-teaser-thumb::after{height:70%;background:linear-gradient(to top,rgba(10,15,45,.88) 0%,rgba(10,15,45,.45) 45%,rgba(10,15,45,0) 100%)}
.sb-apps .sb-teaser h2{position:absolute;left:0;right:0;bottom:58px;margin:0;padding:0 22px;color:#fff;text-align:left;font-size:22px;line-height:28px;text-shadow:0 1px 8px rgba(0,0,0,.45);z-index:3}
.sb-apps .sb-teaser h2::after{content:"";display:block;width:36px;height:3px;margin-top:10px;background:linear-gradient(to right,#5074ff,#3f5bd6);transition:width .4s cubic-bezier(.22,.61,.36,1)}
.sb-apps .sb-teaser:hover h2::after{width:72px}
.sb-apps .sb-teaser::before,.sb-apps .sb-teaser::after{z-index:3}
.sb-apps .sb-teaser-btn{z-index:4}
.sb-apps .sb-teaser-thumb img{margin:0;aspect-ratio:3/2;object-fit:cover;object-position:center}
@media (prefers-reduced-motion:reduce){.sb-teaser,.sb-teaser::after,.sb-box::after,.sb-teaser-thumb img{transition:none}.sb-teaser:hover{transform:none}}

@media (max-width:900px) and (min-width:779px){.sb-slider{margin-top:-70px}.sb-slider__caption{inset:70px 0 0 0}}

/* Sticky-Header wie im Original: beim Scrollen weißer Hintergrund + Schatten (CSS scroll-timeline, ohne JS) */
@supports (animation-timeline: scroll()) {
 .sb-header{animation:sb-header-solid linear both;animation-timeline:scroll(root);animation-range:0 120px}
 @keyframes sb-header-solid{to{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}}
}


/* Karten-Headlines etwas kräftiger */
.sb-teaser h2{font-weight:600;letter-spacing:-.01em}
.sb-apps .sb-teaser h2{font-weight:600}

/* ---------- Typografie-Update (09.10.2026): bessere Lesbarkeit ---------- */
body{font-size:16px;line-height:26px}
h1{font-size:36px;line-height:42px}
h2{font-size:26px;line-height:32px}
h3{font-size:21px;line-height:27px}
.sb-teaser .sb-excerpt,.sb-box .sb-excerpt{font-size:15px;line-height:23px}
.sb-footer__widget{font-size:15px;line-height:24px}
.sb-bottombar{font-size:13px;line-height:20px}
.sb-form input[type=text],.sb-form input[type=email],.sb-form input[type=tel],.sb-form input[type=date],.sb-form select,.sb-form textarea{font-size:16px}
@media (max-width:800px){h1{font-size:30px;line-height:36px}.sb-content h2{font-size:20px;line-height:26px}}
/* Button-Text vertikal mittig (nach Typo-Update) */
.sb-teaser-btn,.sb-box-btn{padding:0 0 0 40px;font-size:15px;line-height:40px}
.sb-teaser-btn::after,.sb-box-btn::after{top:11px}

/* Akzentstrich unter den Kartentiteln – wie bei den Applikationen, hier zentriert */
.sb-teaser h2::after{content:"";display:block;width:36px;height:3px;margin:10px auto 2px;background:linear-gradient(to right,#5074ff,#3f5bd6);transition:width .4s cubic-bezier(.22,.61,.36,1)}
.sb-teaser:hover h2::after{width:72px}
.sb-teaser .sb-excerpt{margin-top:8px}
.sb-apps .sb-teaser h2::after{margin:10px 0 0}
/* Komponenten-Boxen auf den Produktseiten: linksbündig */
.sb-box h3::after{content:"";display:block;width:36px;height:3px;margin:8px 0 2px;background:linear-gradient(to right,#5074ff,#3f5bd6);transition:width .4s cubic-bezier(.22,.61,.36,1)}
.sb-box:hover h3::after{width:72px}
@media (prefers-reduced-motion:reduce){.sb-teaser h2::after,.sb-box h3::after{transition:none}}

/* „Alle Produkte“ / „Alle Applikationen“ etwas größer */
.sb-btn-border{padding:8px 14px;font-size:15px;line-height:1.2;border-radius:5px;transition:border-color .2s,background .2s,color .2s}
.sb-btn-border:hover{background:#263787;border-color:#263787;color:#fff}

/* H1 etwas kräftiger */
h1,.sb-slider__title{font-weight:600;letter-spacing:-.01em}

/* Untermenü: leicht transparent mit Blur (Glas-Effekt) */
.sb-nav .sb-nav__sub{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:0 8px 24px rgba(38,55,135,.14);border-radius:0 0 6px 6px}
.sb-nav .sb-nav__sub .sb-nav__sub{border-radius:6px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sb-nav .sb-nav__sub{background:rgba(255,255,255,.97)}}

/* Flaggen etwas größer */
.sb-nav__item--lang img{width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}

/* Untermenü: runde Ecken */
.sb-nav .sb-nav__sub,.sb-nav .sb-nav__sub .sb-nav__sub{border-radius:10px;border-top:0;overflow:visible}
.sb-nav__sub>.sb-nav__item:first-child>a{border-radius:6px 6px 0 0}.sb-nav__sub>.sb-nav__item:last-child>a{border-radius:0 0 6px 6px}

/* Flaggen einheitlich 24×16 (unterschiedliche SVG-Seitenverhältnisse werden beschnitten) */
.sb-nav__item--lang img,.sb-lang__list img,.sb-drawer__list .sb-nav__item--lang img{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1);flex:none}
/* Sprach-Dropdown */
.sb-lang__current{gap:6px}
.sb-lang__code{font-size:14px;font-weight:600;color:#263787}
.sb-lang__current::before{content:none}
.sb-nav .sb-lang__list{left:auto;right:0;width:180px}
.sb-lang__list a{display:flex!important;align-items:center;gap:10px}
.sb-lang__list a[aria-current]{color:#263787;font-weight:600}
.sb-nav__list>.sb-nav__item--lang.sb-nav__item--parent>a::after{display:none}
/* Mobil: Sprachen als Zeile im Drawer */
@media (max-width:900px){
 .sb-drawer__list .sb-nav__item--lang{display:block;margin:14px 0 0;border:0}
 .sb-drawer__list .sb-lang__current{display:none}
 .sb-drawer__list .sb-lang__list{display:flex!important;gap:16px;padding:0}
 .sb-drawer__list .sb-lang__list a{padding:6px 0;border:0;font-size:15px}
}

/* Blur auf allen Ebenen: verschachtelte backdrop-filter funktionieren nicht (Eltern-Element wird „Backdrop Root“),
   daher liegt der Glas-Effekt auf einem eigenen Pseudo-Element jeder Ebene */
.sb-nav .sb-nav__sub{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.sb-nav .sb-nav__sub::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sb-nav .sb-nav__sub::before{background:rgba(255,255,255,.97)}}

/* Footer-Kontaktdaten mit Icons */
.sb-contact{list-style:none;margin:6px 0 0;padding:0}
.sb-contact li{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}
.sb-contact__ico{flex:none;width:30px;height:30px;padding:7px;margin-top:-3px;border-radius:50%;fill:#fff;background:rgba(80,116,255,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.sb-contact li:hover .sb-contact__ico{background:#3f5bd6}

/* Seiten-Hero (Produkte, Applikationen, Über uns): statisch, ein Bild */
.sb-slider--page .sb-slider__track{width:100%;animation:none}
.sb-slider--page .sb-slide{width:100%}
.sb-slider--page .sb-slide__img img{aspect-ratio:12/5}
.sb-slider--page + .sb-main{padding-top:30px}

/* ---------- Hero-Höhen (12.10.2026): Desktop 600px, mobil mind. 400px; mobiler Header 60px ohne Überlappung ---------- */
.sb-slider .sb-slide__img img,.sb-slider--page .sb-slide__img img{height:600px;aspect-ratio:auto;object-fit:cover}
@media (max-width:900px){
 .sb-header{height:60px}
 .sb-logo img{width:170px;height:auto}
 .sb-burger{width:34px;height:34px}
 .sb-slider,.sb-slider--page{margin-top:0}
 .sb-slider .sb-slide__img img,.sb-slider--page .sb-slide__img img{height:auto;min-height:400px}
 .sb-slider__caption{inset:0}
}
@media (max-width:900px) and (min-width:779px){.sb-slider{margin-top:0}.sb-slider__caption{inset:0 0 0 0}}
@media (max-width:778px){.sb-slider,.sb-slider--page{margin-top:0;padding-top:0}}

/* ---------- Produkt-Sidebar (Kinderseiten von Produkte) ---------- */
.sb-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;align-items:start}
.sb-sidebar{position:sticky;top:140px}
.sb-sidebar__widget{padding:24px 22px;border-radius:10px;background:linear-gradient(-135deg,rgba(229,229,229,.6) 0%,#fff 55%);box-shadow:0 6px 24px rgba(38,55,135,.10),0 1px 3px rgba(0,0,0,.05);position:relative;overflow:hidden}
.sb-sidebar__widget::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,rgba(63,91,214,.35) 0%,#3f5bd6 60%)}
.sb-sidebar__title{margin:0 0 14px;color:#263787;font-size:20px;line-height:26px;font-weight:600}
.sb-sidebar__title::after{content:"";display:block;width:36px;height:3px;margin-top:8px;background:linear-gradient(to right,#5074ff,#3f5bd6)}
.sb-sidebar__menu,.sb-sidebar__sub{list-style:none;margin:0;padding:0}
.sb-sidebar__menu>.sb-sidebar__item{border-top:1px solid rgba(51,51,51,.10)}
.sb-sidebar__menu>.sb-sidebar__item:first-child{border-top:0}
.sb-sidebar__item>a{display:flex;align-items:flex-start;gap:8px;padding:10px 0;color:#333;font-size:15px;line-height:21px;text-decoration:none;transition:color .2s}
.sb-sidebar__item>a:hover,.sb-sidebar__item>a[aria-current]{color:#263787}
.sb-sidebar__item>a[aria-current]{font-weight:600}
.sb-sidebar__arrow{flex:none;width:12px;height:12px;margin-top:5px;fill:#3f5bd6;transition:transform .2s}
.sb-sidebar__item.is-active>a>.sb-sidebar__arrow{transform:rotate(90deg)}
.sb-sidebar__sub{margin:-4px 0 8px 20px}
.sb-sidebar__sub a{padding:5px 0;font-size:14px;line-height:20px;color:#555}
.sb-sidebar__sub a[aria-current]{color:#263787}
@media (max-width:990px){.sb-layout{grid-template-columns:1fr;gap:30px}.sb-sidebar{position:static}}
/* volle Breite in der Sidebar-Spalte verhindern */
.sb-layout__main .sb-row--fill{margin-left:-15px;margin-right:-15px;padding-left:0;padding-right:0}

/* Hero mobil: mind. 300px */
@media (max-width:900px){.sb-slider .sb-slide__img img,.sb-slider--page .sb-slide__img img{min-height:300px}}

/* Boxen ohne Button: keine Hover-Effekte */
.sb-box:not(:has(.sb-box-btn)){cursor:default}
.sb-box:not(:has(.sb-box-btn))::after{display:none}
.sb-box:not(:has(.sb-box-btn)):hover h3::after{width:36px}

/* Vorteilsliste: modernes Häkchen (Kreis mit Verlauf) */
.sb-benefits li{padding-left:32px}
.sb-benefits li::before{top:3px;width:20px;height:20px;background:url(/img/theme/check.svg) no-repeat center/20px 20px;border-radius:50%;box-shadow:0 2px 6px rgba(63,91,214,.30)}

/* Sidebar-Menü ohne Aufzählungszeichen (überschreibt .sb-content ul) */
.sb-content .sb-sidebar__menu,.sb-content .sb-sidebar__sub{list-style:none;padding:0}
.sb-content .sb-sidebar__menu{margin:0}
.sb-content .sb-sidebar__sub{margin:-4px 0 8px 20px}

/* ---------- Footer: CTA-Box (ragt zur Hälfte in den Inhalt) + Link-Spalten ---------- */
.sb-main{padding-bottom:120px}
.sb-footer__cta-wrap{position:relative;z-index:3;margin-top:calc(-3vw - 66px);margin-bottom:10px}
.sb-footer__cta{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:132px;padding:26px 40px;border-radius:14px;color:#fff;background:linear-gradient(110deg,#263787 0%,#3f5bd6 70%,#5074ff 100%);box-shadow:0 18px 40px rgba(16,24,59,.35);position:relative;overflow:hidden}
.sb-footer__cta::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);pointer-events:none}
.sb-footer__cta-text p{margin:0;color:rgba(255,255,255,.88);font-size:15px;line-height:23px}
.sb-footer__cta-text .sb-footer__cta-title{margin:0 0 4px;color:#fff;font-size:24px;line-height:30px;font-weight:600}
.sb-footer__cta-actions{display:flex;align-items:center;gap:18px;flex:none;position:relative;z-index:1}
.sb-footer .sb-footer__cta-phone{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:600;white-space:nowrap;text-decoration:none}
.sb-footer__cta-phone svg{width:38px;height:38px;padding:9px;border-radius:50%;fill:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.sb-footer .sb-footer__cta-btn{display:inline-block;padding:13px 24px;border-radius:8px;background:#fff;color:#263787;font-weight:600;font-size:15px;line-height:1.2;white-space:nowrap;text-decoration:none;transition:transform .2s,box-shadow .2s}
.sb-footer .sb-footer__cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.25);text-decoration:none}
.sb-footer__widgets{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-top:40px}
.sb-footer__widget{width:auto}
.sb-footer__title{margin:0 0 14px;font-size:17px;font-weight:600}
.sb-footer__title::after{content:"";display:block;width:30px;height:3px;margin-top:8px;background:linear-gradient(to right,#5074ff,#3f5bd6)}
.sb-footer__links ul{list-style:none;margin:0;padding:0}
.sb-footer__links li{margin:0 0 8px}
.sb-footer__links li a{color:rgba(255,255,255,.85);font-size:15px}
.sb-footer__links li a:hover{color:#fff}
@media (max-width:990px){.sb-footer__widgets{grid-template-columns:1fr 1fr}.sb-footer__widgets>.sb-footer__widget:first-child{grid-column:1/-1}}
@media (max-width:860px){
 .sb-footer__cta{flex-direction:column;align-items:flex-start;padding:24px}
 .sb-footer__cta-actions{flex-wrap:wrap}
 .sb-footer__cta-wrap{margin-top:calc(-3vw - 110px)}
 .sb-main{padding-bottom:150px}
}
@media (max-width:560px){.sb-footer__widgets{grid-template-columns:1fr}}

/* ---------- Headlines: Barlow Semi Condensed (technisch, Industrie-Anmutung) ---------- */
@font-face{font-family:"Barlow Semi Condensed";src:url(/fonts/barlow-semi-condensed-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow Semi Condensed";src:url(/fonts/barlow-semi-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Semi Condensed";src:url(/fonts/barlow-semi-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--sb-head:"Barlow Semi Condensed","Open Sans",Arial,sans-serif}
h1,h2,h3,h4,h5,.sb-slider__title,.sb-teaser h2,.sb-sidebar__title,.sb-footer__title,.sb-footer__cta-title{font-family:var(--sb-head);letter-spacing:.005em}
h1{font-size:42px;line-height:46px;font-weight:600}
h2{font-size:30px;line-height:34px;font-weight:600}
h3{font-size:23px;line-height:28px;font-weight:600}
.sb-slider__title{font-size:48px;line-height:52px;font-weight:600}
.sb-slider__subtitle{font-size:20px;line-height:28px}
.sb-teaser h2{font-size:25px;line-height:30px;font-weight:600}
.sb-apps .sb-teaser h2{font-size:25px;line-height:30px}
.sb-sidebar__title,.sb-footer__title{text-transform:uppercase;letter-spacing:.06em}
.sb-sidebar__title{font-size:19px}
.sb-footer__title{font-size:18px}
.sb-footer__cta-text .sb-footer__cta-title{font-size:28px;line-height:32px}
@media (max-width:1100px){.sb-slider__title{font-size:36px;line-height:40px}}
@media (max-width:800px){h1{font-size:32px;line-height:36px}.sb-content h2{font-size:23px;line-height:28px}.sb-slider__title{font-size:28px;line-height:32px}}

/* Footer: mehr Abstand unter Logo und Spaltentiteln */
.sb-footer__logo{margin-bottom:22px}
.sb-footer__title{margin-bottom:22px}
.sb-footer__title::after{margin-top:10px}

/* Headlines: Barlow in normaler Breite (statt Semi Condensed) */
@font-face{font-family:"Barlow";src:url(/fonts/barlow-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow";src:url(/fonts/barlow-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow";src:url(/fonts/barlow-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--sb-head:"Barlow","Open Sans",Arial,sans-serif}
h1{font-size:40px;line-height:46px}
h2{font-size:28px;line-height:34px}
h3{font-size:22px;line-height:28px}
.sb-slider__title{font-size:44px;line-height:50px}
.sb-teaser h2,.sb-apps .sb-teaser h2{font-size:23px;line-height:29px}
.sb-footer__cta-text .sb-footer__cta-title{font-size:26px;line-height:32px}
.sb-sidebar__title{font-size:17px}.sb-footer__title{font-size:16px}
@media (max-width:1100px){.sb-slider__title{font-size:34px;line-height:40px}}
@media (max-width:800px){h1{font-size:30px;line-height:36px}.sb-content h2{font-size:22px;line-height:28px}.sb-slider__title{font-size:27px;line-height:32px}}

/* Footer-Spalten als Glas-Boxen für bessere Lesbarkeit */
.sb-footer__widgets{align-items:stretch}
.sb-footer__widget{margin-bottom:30px;padding:26px 26px 22px;border-radius:12px;background:rgba(10,16,48,.38);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.18)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sb-footer__widget{background:rgba(10,16,48,.6)}}

/* Footer-Spalten gleich breit */
.sb-footer__widgets{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:990px){.sb-footer__widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sb-footer__widgets{grid-template-columns:1fr}}

/* TÜV-Siegel in der Kontakt-Box */
.sb-footer__widget .sb-siegel{position:static;display:flex;gap:12px;margin:20px 0 0 42px}
.sb-footer__widget .sb-siegel img{width:70px;height:70px;margin:0;transition:transform .3s}
.sb-footer__widget .sb-siegel img:hover{width:70px;margin:0;transform:scale(1.12)}
@media (max-width:990px){.sb-footer__widget .sb-siegel img{margin:0}}

.sb-footer__widget .sb-siegel{margin-left:0}

/* Abstand unter Footer-Titeln (überschreibt .sb-footer__widget p) */
.sb-footer__widget .sb-footer__title{margin:0 0 24px}
.sb-footer__widget .sb-footer__title::after{margin-top:10px}

/* ---------- Inhaltsbilder modern ---------- */
.sb-content img:not(.sb-teaser-thumb img):not(.sb-footer__logo){border-radius:10px}
.sb-col > p > img,.sb-col > img,.sb-zoom img,.sb-flex-initial img{box-shadow:0 8px 24px rgba(38,55,135,.14),0 1px 3px rgba(0,0,0,.06)}
.sb-box .sb-flex-initial img{border-radius:8px}

/* ---------- Zoom-Bilder + Lightbox (natives Popover, ohne JS) ---------- */
.sb-zoom{position:relative;display:inline-block;padding:0;margin:0;border:0;background:none;cursor:zoom-in;border-radius:10px;line-height:0;vertical-align:top}
.sb-zoom img{display:block;margin:0;transition:transform .35s,box-shadow .35s}
.sb-zoom::after{content:"";position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(38,55,135,.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") no-repeat center/18px;opacity:.9;transition:transform .25s,opacity .25s}
.sb-zoom:hover img,.sb-zoom:focus-visible img{transform:scale(1.03);box-shadow:0 14px 34px rgba(38,55,135,.22)}
.sb-zoom:hover::after{transform:scale(1.1);opacity:1}
.sb-zoom:focus-visible{outline:3px solid #5074ff;outline-offset:3px}
.sb-zoom.sb-alignleft,.sb-content p .sb-zoom{margin:0 24px 16px 0}
.sb-lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:40px;border:0;background:rgba(10,15,40,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center}
.sb-lightbox:popover-open{display:flex}
.sb-lightbox::backdrop{background:transparent}
.sb-lightbox__fig{margin:0;max-width:min(1200px,92vw);text-align:center}
.sb-lightbox__fig img{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.sb-lightbox__fig figcaption{margin-top:12px;color:#e6e9f5;font-size:15px}
.sb-lightbox__close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.15);cursor:pointer}
.sb-lightbox__close::before,.sb-lightbox__close::after{content:"";position:absolute;left:12px;right:12px;top:21px;height:2px;background:#fff;transform:rotate(45deg)}
.sb-lightbox__close::after{transform:rotate(-45deg)}
.sb-lightbox__close:hover{background:rgba(255,255,255,.3)}
.sb-lightbox__open{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#cfd6f2!important;font-size:14px}

/* Bildgruppen nebeneinander */
.sb-gallery{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.sb-gallery .sb-zoom{margin:0!important}
.sb-gallery .sb-zoom img{float:none;margin:0}

.sb-imgrow{margin:0 0 10px}
.sb-gallery{margin:0 0 16px}

/* Bilder in Boxen normal darstellen */
.sb-box img,.sb-box .sb-flex-initial img{box-shadow:none!important;border-radius:0!important;transform:none!important}

/* ---------- Kontaktseite ---------- */
.sb-contact-page__intro{max-width:760px;margin-bottom:30px}
.sb-contact-page__intro .sb-lead{margin:10px 0 0;font-size:17px;line-height:27px;color:#555}
.sb-contact-page__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.sb-ct-card{padding:26px;border-radius:12px;background:linear-gradient(-135deg,rgba(229,229,229,.6) 0%,#fff 55%);box-shadow:0 6px 24px rgba(38,55,135,.10),0 1px 3px rgba(0,0,0,.05)}
.sb-ct-card__title{margin:0 0 18px;font-family:var(--sb-head);font-size:22px;font-weight:600;color:#263787}
.sb-ct{list-style:none;margin:0;padding:0}
.sb-content .sb-ct{margin:0;list-style:none}
.sb-ct li{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px}
.sb-ct li:last-child{margin-bottom:0}
.sb-ct small{display:block;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#888;margin-bottom:2px}
.sb-ct a{text-decoration:none;font-weight:600}
.sb-ct__ico{flex:none;width:40px;height:40px;padding:10px;border-radius:50%;fill:#fff;background:linear-gradient(135deg,#5074ff,#263787);box-shadow:0 4px 10px rgba(63,91,214,.30)}
.sb-ct-map{position:relative;margin-top:24px;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(38,55,135,.12)}
.sb-ct-map iframe{display:block;width:100%;height:300px;border:0;filter:saturate(.85)}
.sb-ct-map__route{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:30px;background:#fff;color:#263787!important;font-weight:600;font-size:14px;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.sb-ct-map__route .sb-ct__ico{width:28px;height:28px;padding:6px}
.sb-form--contact{padding:30px;border-radius:12px;background:#fff;box-shadow:0 6px 24px rgba(38,55,135,.10),0 1px 3px rgba(0,0,0,.05);position:relative;overflow:hidden}
.sb-form--contact::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,rgba(63,91,214,.35) 0%,#3f5bd6 60%)}
.sb-form__title{margin:0 0 20px;font-family:var(--sb-head);font-size:24px;font-weight:600;color:#263787}
.sb-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-bottom:18px}
.sb-field{display:block;margin:0}
.sb-field--full{grid-column:1/-1}
.sb-field>span{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#333}
.sb-req{color:#3f5bd6}
.sb-form--contact input[type=text],.sb-form--contact input[type=email],.sb-form--contact input[type=tel],.sb-form--contact select,.sb-form--contact textarea{height:46px;padding:10px 14px;border:1px solid #d7dbe8;border-radius:8px;background:#f8f9fc;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
.sb-form--contact textarea{height:auto;min-height:150px;resize:vertical}
.sb-form--contact select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23263787' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}
.sb-form--contact input:focus,.sb-form--contact select:focus,.sb-form--contact textarea:focus{border-color:#3f5bd6;background:#fff;box-shadow:0 0 0 4px rgba(80,116,255,.15);outline:0}
.sb-form--contact .sb-check{font-size:13px;line-height:20px;color:#555;margin-bottom:20px}
.sb-submit--cta{padding:14px 28px;border-radius:8px;background:linear-gradient(110deg,#263787 0%,#3f5bd6 100%);font-size:16px;font-weight:600;box-shadow:0 8px 20px rgba(38,55,135,.25);transition:transform .2s,box-shadow .2s}
.sb-submit--cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(38,55,135,.32);background:linear-gradient(110deg,#2c3f9c 0%,#5074ff 100%)}
@media (max-width:990px){.sb-contact-page__grid{grid-template-columns:1fr}}
@media (max-width:560px){.sb-form__grid{grid-template-columns:1fr}.sb-form--contact{padding:22px}}

/* Kontaktdaten ohne Karten-Box */
.sb-ct-card{padding:0;background:none;box-shadow:none;border-radius:0}
.sb-ct-card__title{margin-bottom:20px}

/* Formular: mehr Abstand zwischen Datenschutzhinweis und Button */
.sb-form--contact .sb-check{margin:6px 0 30px;align-items:flex-start;gap:12px}
.sb-form--contact .sb-check input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:#3f5bd6}

/* Einwilligung als eigene Zeile, Button darunter */
.sb-form--contact .sb-check{display:flex;width:100%}
.sb-form--contact .sb-submit--cta{display:inline-flex;clear:both}

/* Home-Icon und Flagge vertikal mittig zum Menütext */
.sb-nav__list>.sb-nav__item>a{min-height:28px;align-items:center}
.sb-nav__list>.sb-nav__item--home>a svg,.sb-nav__list>.sb-nav__item--lang>a img{display:block;transform:translateY(2px)}

/* Mobil: Bilder in Boxen linksbündig */
@media (max-width:520px){.sb-box .sb-flex>.sb-flex-initial img{margin:0 0 14px}}

/* Drawer: Sprachen untereinander */
@media (max-width:900px){
 .sb-drawer__list .sb-lang__list{display:flex!important;flex-direction:column;gap:0}
 .sb-drawer__list .sb-lang__list a{display:flex!important;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(51,51,51,.08)}
 .sb-drawer__list .sb-lang__list li:last-child a{border-bottom:0}
}

/* Mobil: weniger Abstand zwischen den Footer-Boxen */
@media (max-width:990px){.sb-footer__widgets{gap:16px}.sb-footer__widget{margin-bottom:0}.sb-footer__widgets{padding-bottom:24px}}

/* Drawer: Flaggen nebeneinander, ohne Label */
@media (max-width:900px){
 .sb-drawer__list .sb-lang__list{flex-direction:row!important;gap:18px!important}
 .sb-drawer__list .sb-lang__list a{padding:8px 0!important;border-bottom:0!important}
 .sb-drawer__list .sb-lang__list a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .sb-drawer__list .sb-lang__list a img{width:30px;height:20px}
 .sb-drawer__list .sb-lang__list a[aria-current] img{box-shadow:0 0 0 2px #3f5bd6}
}

/* Rechtsseiten: Spalte linksbündig (Breite bleibt), mehr Abstand Headline → Inhalt */
.sb-content > h1:has(+ [data-ps="impressum"]),.sb-content > h1:has(+ [data-ps="datenschutz"]){margin:0 0 32px}
.sb-content .ps-legal{margin:0;padding:0}
.sb-content .ps-legal h1,.sb-content .ps-legal h2,.sb-content .ps-legal h3,.sb-content .ps-legal h4{text-align:left}
.sb-content .ps-legal h2{margin:40px 0 14px}
.sb-content .ps-legal h3,.sb-content .ps-legal h4{margin:28px 0 10px}
.sb-content .ps-legal section:first-of-type > h2:first-child,.sb-content .ps-legal-draft + section > h2:first-child{margin-top:28px}
.sb-content .ps-legal-draft{margin:0 0 8px}
/* Rechtsseiten: Spalte (H1 + Text) zentriert, Text linksbündig */
.sb-content > h1:has(+ [data-ps="impressum"]),.sb-content > h1:has(+ [data-ps="datenschutz"]){max-width:820px;margin:0 auto 32px}
.sb-content .ps-legal{margin:0 auto}
/* Mobil: Slider nicht mehr abschneiden (nur horizontal clippen wegen 400%-Track) */
@media (max-width:900px){.sb-slider{overflow:visible;overflow-x:clip}}
/* Rechtsseiten: Subheadlines im Seiten-Headline-Stil (überschreibt PS-Widget-Styles) */
.sb-content .ps-legal h2,.sb-content .ps-legal h3,.sb-content .ps-legal h4{font-family:var(--sb-head)!important;color:var(--sb-title)!important;font-weight:600;letter-spacing:.005em!important}
.sb-content .ps-legal h2{font-size:22px;line-height:28px}
.sb-content .ps-legal h3,.sb-content .ps-legal h4{font-size:18px;line-height:24px}
@media (max-width:800px){.sb-content .ps-legal h2{font-size:20px;line-height:26px}}
.sb-content .ps-legal p > strong:first-child{display:inline-block;margin:10px 0 2px;font-family:var(--sb-head);color:var(--sb-title)!important;font-size:18px;line-height:24px;font-weight:600}
/* Mobil: Verlauf unten am Slider-Bild beibehalten + Caption-Box als Glas mit Blur */
@media (max-width:778px){
 .sb-slide__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 100%);pointer-events:none}
 .sb-slider__caption{z-index:5}
 .sb-slider__text{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.7)}
}
/* Desktop: Blur-Ebene hinter der Caption-Box, nach rechts weich ausgeblendet (keine harte Kante) */
@media (min-width:779px){
 .sb-slider__text{z-index:0}
 .sb-slider__text::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);-webkit-mask-image:linear-gradient(100deg,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(100deg,#000 0%,#000 65%,transparent 100%);pointer-events:none}
}
/* Sprach-Dropdown rechtsbündig (verhindert horizontalen Scroll) */
.sb-nav__item--lang > .sb-nav__sub{left:auto;right:0;transform:none}
/* Mobil: Header-Hintergrund komplett weiß */
@media (max-width:900px){.sb-header{background:#fff!important}}
/* Desktop: Flyouts ab „Applikationen“ nach links öffnen + kein horizontaler Scroll durch versteckte Menüs */
.sb-nav__list > li:nth-last-child(-n+5) .sb-nav__sub .sb-nav__sub{left:auto;right:100%}
html,body{overflow-x:clip}
/* Sidebar: CTA zur Kontaktaufnahme */
.sb-sidebar__cta{margin:22px 0 0;padding:20px 18px 18px;border-radius:10px;background:linear-gradient(135deg,#263787 0%,#3f5bd6 100%);color:#fff;box-shadow:0 6px 18px rgba(38,55,135,.25)}
.sb-sidebar__cta-title{margin:0 0 6px;font-family:var(--sb-head);font-weight:600;font-size:18px;line-height:24px;color:#fff}
.sb-sidebar__cta-text{margin:0 0 14px;font-size:14px;line-height:21px;color:rgba(255,255,255,.88)}
.sb-sidebar__cta-btn{display:block;padding:10px 14px;border-radius:6px;background:#fff;color:#263787!important;font-weight:600;text-align:center;text-decoration:none!important;transition:background .2s,color .2s}
.sb-sidebar__cta-btn:hover,.sb-sidebar__cta-btn:focus-visible{background:#eef1ff}
.sb-sidebar__cta-tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#fff!important;font-size:14px;text-decoration:none!important}
.sb-sidebar__cta-tel svg{width:16px;height:16px;fill:currentColor;flex:none}
.sb-sidebar__cta-tel:hover span{text-decoration:underline}
/* Chinesisch: System-CJK-Schriften als Fallback */
:lang(zh) body,:lang(zh) h1,:lang(zh) h2,:lang(zh) h3,:lang(zh) h4{font-family:"Open Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
:lang(zh) h1,:lang(zh) h2,:lang(zh) h3,:lang(zh) .sb-slider__title{font-family:"Barlow","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
/* Über uns: Siegel + Verweise */
.sb-uber{margin:50px 0 10px}
.sb-uber__quality{display:flex;align-items:center;gap:28px;padding:26px 28px;border-radius:10px;background:#f4f6fc;border:1px solid #e3e7f5}
.sb-uber__quality h2{margin:0 0 8px}.sb-uber__quality p{margin:0}
.sb-siegel.sb-siegel--inline{position:static;display:flex;gap:14px;margin:0;flex:none}
.sb-siegel--inline img,.sb-siegel--inline img:hover{width:90px;height:90px;margin:0!important;transition:transform .3s}
.sb-siegel--inline img:hover{transform:scale(1.08)}
.sb-uber__h{margin:44px 0 20px}
.sb-uber__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sb-uber__card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 48px 22px 64px;border-radius:10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);color:inherit!important;text-decoration:none!important;transition:transform .25s,box-shadow .25s}
.sb-uber__card::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-top:2px solid #3f5bd6;border-right:2px solid #3f5bd6;transform:translateY(-50%) rotate(45deg);transition:right .25s}
.sb-uber__card:hover,.sb-uber__card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(38,55,135,.18)}
.sb-uber__card:hover::after{right:16px}
.sb-uber__ico{position:absolute;left:20px;top:22px;width:26px;height:26px;fill:#3f5bd6}
.sb-uber__title{font-family:var(--sb-head);font-weight:600;font-size:19px;line-height:24px;color:var(--sb-title)}
.sb-uber__text{font-size:15px;line-height:22px;color:#555}
@media (max-width:700px){.sb-uber__quality{flex-direction:column;align-items:flex-start;padding:22px}.sb-uber__grid{grid-template-columns:1fr}}
/* Hero: randlos bis zum Browserrand, unten schräge Kante wie der Footer (kein Verlauf) */
.sb-slider{background:none}
.sb-slider::after,.sb-slide__img::after{display:none!important}
.sb-slide__img{max-width:none;margin:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 3vw),0 100%)}
.sb-slide__img img{-webkit-mask-image:none!important;mask-image:none!important}
/* SEO-Landingpage Feuerraumkamera */
.sb-seo{max-width:1000px;margin:0 auto}
.sb-seo h2{margin:56px 0 16px;scroll-margin-top:110px}
.sb-seo h3{margin:0 0 8px}
.sb-seo__lead{font-size:18px;line-height:30px}
.sb-toc{margin:28px 0 8px;padding:20px 26px;border-radius:10px;background:#f4f6fc;border:1px solid #e3e7f5}
.sb-toc__title{margin:0 0 8px;font-family:var(--sb-head);font-weight:600;font-size:18px;color:var(--sb-title)}
.sb-toc ol{margin:0;padding-left:20px;columns:2;column-gap:40px}
.sb-toc li{margin:3px 0;break-inside:avoid}
.sb-toc a{color:#3f5bd6;text-decoration:none}.sb-toc a:hover{text-decoration:underline}
.sb-seo__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}
.sb-seo__item{padding:22px 24px;border-radius:10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.sb-seo__item p{margin:0 0 8px}.sb-seo__item p:last-child{margin:0}
.sb-table-wrap{overflow-x:auto;margin:18px 0 14px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.sb-compare{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:22px}
.sb-compare th,.sb-compare td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #e8ebf5}
.sb-compare thead th{background:#263787;color:#fff;font-family:var(--sb-head);font-weight:600;font-size:16px}
.sb-compare tbody th{width:22%;color:var(--sb-title);font-weight:600}
.sb-compare tbody tr:nth-child(even){background:#f8f9fd}
.sb-compare tbody tr:last-child th,.sb-compare tbody tr:last-child td{border-bottom:0}
.sb-seo__links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.sb-seo__links a{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 40px 20px 22px;border-radius:10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);color:inherit!important;text-decoration:none!important;transition:transform .25s,box-shadow .25s}
.sb-seo__links a::after{content:"";position:absolute;right:18px;top:24px;width:8px;height:8px;border-top:2px solid #3f5bd6;border-right:2px solid #3f5bd6;transform:rotate(45deg)}
.sb-seo__links a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(38,55,135,.18)}
.sb-seo__links strong{font-family:var(--sb-head);font-weight:600;font-size:18px;color:var(--sb-title)}
.sb-seo__links span{font-size:14px;line-height:21px;color:#555}
.sb-faq details{border-bottom:1px solid #e3e7f5}
.sb-faq summary{position:relative;padding:16px 40px 16px 0;cursor:pointer;list-style:none;font-family:var(--sb-head);font-weight:600;font-size:18px;color:var(--sb-title)}
.sb-faq summary::-webkit-details-marker{display:none}
.sb-faq summary::after{content:"+";position:absolute;right:6px;top:12px;font-size:24px;color:#3f5bd6;transition:transform .2s}
.sb-faq details[open] summary::after{transform:rotate(45deg)}
.sb-faq details p{margin:0 0 18px}
.sb-seo__cta{margin-top:56px}.sb-seo__cta h2{margin:0 0 10px}
.sb-seo__teaser{margin-top:40px}.sb-seo__teaser h2{margin:0 0 10px}
@media (max-width:800px){.sb-seo__grid,.sb-seo__links{grid-template-columns:1fr}.sb-toc ol{columns:1}.sb-seo h2{margin-top:40px}}
/* Desktop: Hero wächst proportional mit der Breite (2:1), mind. 600px, max. 700px */
@media (min-width:901px){.sb-slider .sb-slide__img img,.sb-slider--page .sb-slide__img img{height:clamp(600px,50vw,700px)}}
/* SEO-Seite: Bilder */
.sb-seo__figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.sb-seo__fig{margin:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.sb-seo__fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.sb-seo__fig figcaption{padding:10px 14px;font-size:14px;line-height:20px;color:#555}
.sb-seo__links a{padding-top:0;overflow:hidden}
.sb-seo__thumb{display:block;width:calc(100% + 62px);max-width:none;height:auto;aspect-ratio:2/1;object-fit:cover;margin:0 -40px 8px -22px}
.sb-seo__links a::after{top:auto;bottom:26px}
/* Footer-Hintergrund vektorisiert (SVG statt footer.webp) */
.sb-footer::before{background:#0f173b url(/img/theme/footer.svg) no-repeat center top/max(1600px,100%) auto}
/* Content-Hintergrund: Wellenlinien aus dem Footer-Vektor, dezent grau */
.sb-main{position:relative;isolation:isolate}
.sb-main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url(/img/theme/content-waves.svg) no-repeat center 20px/max(1600px,100%) auto,url(/img/theme/content-waves-flip.svg) no-repeat center calc(100% - 140px)/max(1600px,100%) auto}
/* Footer-Wellen etwas vergrößert */
.sb-footer::before{background-size:max(2100px,130%) auto;background-position:center top}
/* Footer-Wellen stärker gezoomt; Content-Wellen nur einmal, vertikal mittig */
.sb-footer::before{background-size:max(2800px,175%) auto}
.sb-main::before{background:url(/img/theme/content-waves.svg) no-repeat center center/max(1600px,100%) auto}
/* Home: Produkte-Sektion mit Wellen-Hintergrund (mittig) */
.sb-row--fill::before{background:url(/img/theme/content-waves.svg) no-repeat center center/max(1600px,100%) auto,linear-gradient(to right,#fff 0%,#eceef5 50%,#fff 100%)}
/* Helle Karten im Stil der Applikationen-Karten: Bild vollflächig, Titel + Text auf hellem Verlauf */
.sb-row:not(.sb-apps) .sb-teaser{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto auto 58px;padding-bottom:0;text-align:left}
.sb-row:not(.sb-apps) .sb-teaser>.sb-teaser-thumb{grid-row:1/-1;grid-column:1;background:#fff}
.sb-row:not(.sb-apps) .sb-teaser-thumb img{aspect-ratio:4/3;object-fit:cover}
.sb-row:not(.sb-apps) .sb-teaser-thumb::after{height:78%;background:linear-gradient(to top,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.55) 65%,rgba(255,255,255,0) 100%)}
.sb-row:not(.sb-apps) .sb-teaser>h2{grid-row:2;grid-column:1;position:relative;z-index:3;margin:0;padding:0 22px;color:var(--sb-title);text-align:left}
.sb-row:not(.sb-apps) .sb-teaser>h2::after{margin:10px 0 0}
.sb-row:not(.sb-apps) .sb-teaser>.sb-excerpt{grid-row:3;grid-column:1;position:relative;z-index:3;min-height:0;margin:0;padding:10px 22px 0;color:#2b2f3a}
.sb-row:not(.sb-apps) .sb-teaser>p:last-child{grid-row:4;grid-column:1}
.sb-row:not(.sb-apps) .sb-teaser .sb-teaser-btn{z-index:4}
.sb-row:not(.sb-apps) .sb-teaser::before,.sb-row:not(.sb-apps) .sb-teaser::after{z-index:3}
.sb-row:not(.sb-apps) .sb-teaser-thumb::after{height:85%;background:linear-gradient(to top,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 45%,rgba(255,255,255,.6) 72%,rgba(255,255,255,0) 100%)}
.sb-row:not(.sb-apps) .sb-teaser>h2{text-shadow:0 0 12px rgba(255,255,255,.9)}
/* Heller Kartenverlauf reduziert, weiter nach unten */
.sb-row:not(.sb-apps) .sb-teaser-thumb::after{height:58%;background:linear-gradient(to top,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 40%,rgba(255,255,255,.45) 72%,rgba(255,255,255,0) 100%)}
/* Heller Kartenverlauf leicht transparent */
.sb-row:not(.sb-apps) .sb-teaser-thumb::after{background:linear-gradient(to top,rgba(255,255,255,.84) 0%,rgba(255,255,255,.74) 40%,rgba(255,255,255,.38) 72%,rgba(255,255,255,0) 100%)}
/* Heller Kartenverlauf: weniger transparent; Kurztext erst bei Hover (nur Geräte mit Maus) */
.sb-row:not(.sb-apps) .sb-teaser-thumb::after{background:linear-gradient(to top,rgba(255,255,255,.93) 0%,rgba(255,255,255,.84) 40%,rgba(255,255,255,.45) 72%,rgba(255,255,255,0) 100%)}
@media (hover:hover){
 .sb-row:not(.sb-apps) .sb-teaser>.sb-excerpt{max-height:0;opacity:0;padding-top:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding-top .4s ease}
 .sb-row:not(.sb-apps) .sb-teaser:hover>.sb-excerpt,.sb-row:not(.sb-apps) .sb-teaser:focus-within>.sb-excerpt{max-height:140px;opacity:1;padding-top:10px}
 .sb-row:not(.sb-apps) .sb-teaser-thumb::after{transition:height .4s ease}
 .sb-row:not(.sb-apps) .sb-teaser:hover .sb-teaser-thumb::after{height:75%}
}
@media (prefers-reduced-motion:reduce){.sb-row:not(.sb-apps) .sb-teaser>.sb-excerpt,.sb-row:not(.sb-apps) .sb-teaser-thumb::after{transition:none}}
/* Hero-Box: alle Ecken rund */
.sb-slider__text{border-radius:10px}
/* SEO-Seite v2: Layout mit Sidebar */
.sb-seo{max-width:none}
.sb-seo .sb-layout__main>h2{margin:56px 0 16px;scroll-margin-top:110px}
.sb-seo .sb-box{margin-bottom:18px}
.sb-seo .sb-row{margin-bottom:24px}
.sb-seo__side .sb-sidebar__widget{position:sticky;top:110px}
.sb-seo .sb-uber__quality{margin-top:24px}
.sb-seo .sb-uber__quality h3{margin:0 0 6px}
.sb-seo__side{align-self:stretch}
@media (max-width:990px){.sb-seo__side .sb-sidebar__widget{position:static}}
/* Sanftes Scrollen zu Ankern (mit Abstand für den Sticky-Header) */
html{scroll-behavio\72 :smooth;scroll-padding-top:110px}
@media (max-width:900px){html{scroll-padding-top:80px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavio\72 :auto}}
/* Feuerraumkamera: Abstände Karten */
.sb-seo .sb-row.sb-apps{margin-bottom:0}
.sb-seo .sb-row.sb-apps>.sb-col{margin-bottom:30px}
.sb-seo #einbau+p+.sb-row{margin-top:32px}
/* Feuerraumkamera: Bildunterschrift außerhalb der Karte, Schatten/Rundung nur am Bild */
.sb-seo__fig{background:none;box-shadow:none;border-radius:0;overflow:visible}
.sb-seo__fig img{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.12)}
.sb-seo__fig figcaption{padding:10px 2px 0}
/* Wellen-Motiv: Footer weiter oben, Content und Hero in derselben Größe */
.sb-footer::before{background-position:center -200px}
.sb-main::before{background-size:max(2800px,175%) auto}
.sb-row--fill::before{background-size:max(2800px,175%) auto,auto}
.sb-slider::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:url(/img/theme/hero-waves.svg) no-repeat center center/max(2800px,175%) auto}
@media (max-width:778px){.sb-slider::before{bottom:auto;height:min(75vw,420px)}}
/* Neues Wellen-Motiv (Raster mit Transparenz) – überall gleich groß */
.sb-footer::before{background:url(/img/theme/motiv-white.webp) no-repeat center center/max(1600px,110%) auto,radial-gradient(ellipse 60% 70% at 50% 0,#3048b2 0%,#22357f 55%,#0f173b 100%) #0f173b}
.sb-footer::after{display:none}
.sb-main::before{background:url(/img/theme/motiv-gray.webp) no-repeat center center/max(1600px,110%) auto;opacity:.35}
.sb-row--fill::before{background:url(/img/theme/motiv-gray.webp) no-repeat center center/max(1600px,110%) auto,linear-gradient(to right,#fff 0%,#eceef5 50%,#fff 100%)}
.sb-slider::before{background:url(/img/theme/motiv-white.webp) no-repeat center center/max(1600px,110%) auto;opacity:.8;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 35%,transparent 80%);mask-image:linear-gradient(to right,#000 0%,#000 35%,transparent 80%)}
/* ---------- Zweite Akzentfarbe Türkis ---------- */
:root{--sb-teal:#18b4c3;--sb-teal-dark:#0f8f9d}
::selection{background:var(--sb-teal);color:#fff}
/* Akzent-Striche unter Überschriften: Türkis → Blau */
.sb-teaser h2::after,.sb-apps .sb-teaser h2::after,.sb-box h3::after,.sb-sidebar__title::after,.sb-footer__title::after{background:linear-gradient(to right,var(--sb-teal),#3f5bd6)}
/* Hover-Leuchtlinie an Karten/Boxen */
.sb-teaser::after,.sb-box::after{background:linear-gradient(to right,#3f5bd6 0%,var(--sb-teal) 100%);box-shadow:0 0 10px rgba(24,180,195,.55),0 -1px 4px rgba(24,180,195,.35)}
/* Hero-Box: Akzentbalken */
.sb-slider__text::before{background:linear-gradient(to bottom,var(--sb-teal),#263787)}
/* Icons & Pfeile */
.sb-sidebar__arrow{fill:var(--sb-teal-dark)}
.sb-sidebar__item.is-active>a,.sb-sidebar__menu a:hover{color:var(--sb-teal-dark)}
.sb-uber__ico{fill:var(--sb-teal)}
.sb-uber__card::after,.sb-seo__links a::after{border-color:var(--sb-teal)}
.sb-ct__ico{background:linear-gradient(135deg,var(--sb-teal),#263787)}
.sb-contact li:hover .sb-contact__ico{background:var(--sb-teal)}
.sb-faq summary::after{color:var(--sb-teal)}
.sb-faq summary:hover{color:var(--sb-teal-dark)}
/* Kontakt-CTAs */
.sb-sidebar__cta{background:linear-gradient(135deg,#263787 0%,#3f5bd6 70%,#1d8fb8 100%)}
.sb-sidebar__cta-btn:hover,.sb-sidebar__cta-btn:focus-visible{background:var(--sb-teal);color:#fff!important}
.sb-footer__cta{background:linear-gradient(110deg,#263787 0%,#3f5bd6 62%,#1d9fbe 100%)}
/* Formular-Fokus */
.sb-form--contact input:focus,.sb-form--contact select:focus,.sb-form--contact textarea:focus{border-color:var(--sb-teal);box-shadow:0 0 0 4px rgba(24,180,195,.18)}
.sb-form--contact .sb-check input{accent-color:var(--sb-teal)}
.sb-submit--cta:hover{background:linear-gradient(110deg,#2c3f9c 0%,var(--sb-teal) 100%)}
/* Mobile Header-Linie: Blau → Türkis */
@media (max-width:900px){.sb-header::after{background:linear-gradient(to right,rgba(61,89,209,.6) 0%,rgba(24,180,195,.6) 100%)}}
/* Karten: Strich unter der Headline einfarbig Türkis */
.sb-teaser h2::after,.sb-apps .sb-teaser h2::after,.sb-row:not(.sb-apps) .sb-teaser>h2::after,.sb-box h3::after{background:var(--sb-teal)}
/* Wellen-Motiv (Wavy Lines): breiter gezeigt, dezenter */
.sb-footer::before{background:url(/img/theme/motiv-white-soft.webp) no-repeat center center/max(1400px,100%) auto,radial-gradient(ellipse 60% 70% at 50% 0,#3048b2 0%,#22357f 55%,#0f173b 100%) #0f173b}
.sb-main::before{background:url(/img/theme/motiv-gray-soft.webp) no-repeat center center/max(1400px,100%) auto;opacity:.7}
.sb-row--fill::before{background:url(/img/theme/motiv-gray-soft.webp) no-repeat center center/max(1400px,100%) auto,linear-gradient(to right,#fff 0%,#eceef5 50%,#fff 100%)}
.sb-slider::before{background:url(/img/theme/motiv-white.webp) no-repeat center center/max(1400px,100%) auto;opacity:.55}
/* Wellen-Motiv als optimierte SVG (24 Linien, Verlauf nach rechts transparent) */
.sb-footer::before{background:url(/img/theme/waves-white.svg) no-repeat center center/max(1400px,100%) auto,radial-gradient(ellipse 60% 70% at 50% 0,#3048b2 0%,#22357f 55%,#0f173b 100%) #0f173b}
.sb-main::before{background:url(/img/theme/waves-gray.svg) no-repeat center center/max(1400px,100%) auto;opacity:1}
.sb-row--fill::before{background:url(/img/theme/waves-gray.svg) no-repeat center center/max(1400px,100%) auto,linear-gradient(to right,#fff 0%,#eceef5 50%,#fff 100%)}
.sb-slider::before{background:url(/img/theme/waves-hero.svg) no-repeat center center/max(1400px,100%) auto;opacity:1}
/* Home Produkte-Sektion: ohne Motiv, Hintergrund leicht transparent; Content-Motiv dezenter */
.sb-row--fill::before{background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(236,238,245,.6) 50%,rgba(255,255,255,0) 100%)}
.sb-main::before{opacity:.5}
/* Hero-Box-Balken und Sidebar-Titelstrich einfarbig Türkis */
.sb-slider__text::before,.sb-sidebar__title::after{background:var(--sb-teal)}
/* Untere Hover-Linie an Boxen (CTA) und Karten wieder blau wie ursprünglich */
.sb-teaser::after,.sb-box::after{background:linear-gradient(to right,#3f5bd6 0%,#5074ff 100%);box-shadow:0 0 10px rgba(80,116,255,.55),0 -1px 4px rgba(80,116,255,.35)}
/* Hero: Wellen-Motiv entfernt */
.sb-slider::before{display:none}
/* Footer: Strich unter den Headlines einfarbig Türkis */
.sb-footer__title::after{background:var(--sb-teal)}
/* Content-Motiv: oben und unten je ~100px weich auf Weiß auslaufen */
.sb-main::before{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 100px,#000 calc(100% - 100px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 100px,#000 calc(100% - 100px),transparent 100%)}
/* Karten komplett klickbar: Verlauf/Titel/Text lassen Klicks durch, Bild-Link deckt die ganze Karte ab */
.sb-teaser-thumb::after,.sb-teaser h2,.sb-teaser .sb-excerpt{pointer-events:none}
.sb-teaser-thumb a::before{content:"";position:absolute;inset:0;z-index:1}
.sb-teaser{cursor:pointer}
/* Kontakt-Icons im Content türkis */
.sb-ct__ico{background:var(--sb-teal);box-shadow:0 4px 10px rgba(24,180,195,.3)}
/* Home Produkte-Sektion etwas dunkler */
.sb-row--fill::before{background:linear-gradient(to right,rgba(222,226,238,.35) 0%,rgba(214,219,234,.85) 50%,rgba(222,226,238,.35) 100%)}
/* Sidebar-CTA bündig mit dem Widget (links, rechts, unten ohne Abstand) */
.sb-sidebar__widget:has(.sb-sidebar__cta){padding-bottom:0}
.sb-sidebar__widget:has(.sb-sidebar__cta)::after{display:none}
.sb-sidebar__cta{margin:22px -22px 0;padding:22px 22px 20px;border-radius:0 0 10px 10px;box-shadow:none}
.sb-sidebar__widget .sb-sidebar__cta{border-top-left-radius:0!important;border-top-right-radius:0!important}
/* Boxen mit Button komplett klickbar: Klickfläche des Buttons über die ganze Box (von .sb-box overflow:hidden begrenzt) */
.sb-box:has(.sb-box-btn){cursor:pointer}
.sb-box .sb-box-btn::before{content:"";position:absolute;top:-2000px;left:-3000px;right:0;bottom:0}
/* Benefits-Häkchen türkis */
.sb-benefits li::before{background-image:url(/img/theme/check-teal.svg);box-shadow:0 2px 6px rgba(24,180,195,.35)}
/* Mobil/Tablet (Sidebar unter dem Inhalt): Sidebar-CTA ausblenden – Footer-CTA übernimmt */
@media (max-width:990px){
 .sb-sidebar__cta{display:none}
 .sb-sidebar__widget:has(.sb-sidebar__cta){padding-bottom:24px}
 .sb-sidebar__widget:has(.sb-sidebar__cta)::after{display:block}
}
/* ---------- Lade-Animationen (CSS-only) ---------- */
@keyframes sb-hero-zoom{from{scale:1.08}to{scale:1}}
@keyframes sb-hero-in{from{opacity:0;translate:-40px 0}to{opacity:1;translate:0 0}}
@keyframes sb-fade-up{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes sb-bar-grow{from{scale:1 0}to{scale:1 1}}
@media (prefers-reduced-motion:no-preference){
 .sb-slide__img img{animation:sb-hero-zoom 1.8s cubic-bezier(.22,.61,.36,1) both}
 .sb-slider__text{animation:sb-hero-in .9s .25s cubic-bezier(.22,.61,.36,1) backwards}
 .sb-slider__text::before{transform-origin:top;animation:sb-bar-grow .7s .8s cubic-bezier(.22,.61,.36,1) backwards}
 .sb-slider__title{animation:sb-fade-up .8s .45s cubic-bezier(.22,.61,.36,1) backwards}
 .sb-slider__subtitle{animation:sb-fade-up .8s .65s cubic-bezier(.22,.61,.36,1) backwards}
 /* Karten & Boxen: beim Laden gestaffelt einblenden … */
 .sb-teaser,.sb-box,.sb-uber__card,.sb-seo__links a,.sb-seo__fig{animation:sb-fade-up .7s cubic-bezier(.22,.61,.36,1) backwards}
 .sb-col:nth-child(2)>.sb-teaser{animation-delay:.12s}
 .sb-col:nth-child(3)>.sb-teaser{animation-delay:.24s}
 /* … und mit Scroll-Unterstützung erst beim Hereinscrollen */
 @supports (animation-timeline:view()){
  .sb-teaser,.sb-box,.sb-uber__card,.sb-seo__links a,.sb-seo__fig{animation:sb-fade-up linear backwards;animation-timeline:view();animation-range:entry 0% entry 70%;animation-delay:0s}
 }
}
/* Scroll-Reveal per IntersectionObserver (ersetzt CSS-Lade-/Scroll-Animation, wenn JS aktiv) */
html.sb-io :is(.sb-teaser,.sb-box,.sb-uber__card,.sb-seo__links a,.sb-seo__fig,.sb-ct-card){animation:none!important;opacity:0;translate:0 32px;transition:opacity .7s cubic-bezier(.22,.61,.36,1),translate .7s cubic-bezier(.22,.61,.36,1)}
html.sb-io :is(.sb-teaser,.sb-box,.sb-uber__card,.sb-seo__links a,.sb-seo__fig,.sb-ct-card).is-in{opacity:1;translate:0 0}
html.sb-io :is(.sb-teaser,.sb-box,.sb-uber__card,.sb-seo__links a,.sb-seo__fig,.sb-ct-card).is-done{transition:transform .3s,box-shadow .3s,opacity .3s}
/* Gefüllte Anwendungsseiten: mehr Luft zwischen den Abschnitten */
.sb-fill .sb-lead{margin:0 0 36px}
.sb-fill h2{margin:52px 0 18px}
.sb-fill .sb-benefits{margin-bottom:32px}
.sb-fill .sb-seo__figs{margin:36px 0 40px}
.sb-fill p{margin-bottom:18px}
.sb-fill .sb-box{margin-top:44px}
@media (max-width:800px){.sb-fill h2{margin-top:40px}.sb-fill .sb-seo__figs{margin:28px 0 32px}}
.sb-fill p+.sb-benefits{margin-top:26px}
/* Applikations-Unterseiten: Hero-Box dunkel (passend zu den dunklen Applikationen-Karten) */
.sb-sec-apps .sb-slider__text{background:linear-gradient(100deg,rgba(10,15,45,.82) 0%,rgba(16,24,59,.7) 70%,rgba(16,24,59,.35) 100%);color:#fff;border:1px solid rgba(255,255,255,.12)}
.sb-sec-apps .sb-slider__title{color:#fff}
.sb-sec-apps .sb-slider__subtitle{color:rgba(255,255,255,.85)}
@media (max-width:778px){.sb-sec-apps .sb-slider__text{background:rgba(10,15,45,.78)}}
/* Gefüllte Anwendungsseiten: Bild links, Text rechts (je 50 %) */
.sb-fill__split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin:44px 0 12px}
.sb-fill__split .sb-seo__figs{margin:0;grid-template-columns:1fr 1fr}
.sb-fill__split .sb-seo__fig:first-child{grid-column:1/-1}
.sb-fill__split .sb-seo__fig:only-child{grid-column:1/-1}
.sb-fill__split .sb-seo__fig img{aspect-ratio:3/2}
.sb-fill__split .sb-fill__text h2{margin-top:0}
.sb-fill__split .sb-benefits{margin-bottom:0}
@media (max-width:800px){.sb-fill__split{grid-template-columns:1fr;gap:28px}}
/* Partner-Logos transparent: ohne Kartenrahmen/Schatten */
.sb-content img[src*="/cmv.webp"],.sb-content img[src*="/dias.webp"]{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;border:0!important}
.sb-content :has(>img[src*="/cmv.webp"]),.sb-content :has(>img[src*="/dias.webp"]){background:none!important;box-shadow:none!important}
/* Footer-Badge „Made with ProntoSite": ProntoSite-Favicon vor dem Text (lokale Datei, kein externer Request) */
.ps-badge-link{display:inline-flex;align-items:center}
.ps-badge-link::before{content:"";flex:none;width:14px;height:14px;margin-right:6px;background:url(/img/prontosite-favicon.svg) no-repeat center/contain}
.ps-badge-link:has(svg)::before{display:none}
.ps-badge-link{display:inline}
.ps-badge-link::before{display:inline-block;vertical-align:-2px}