/* Kanzlei Schmalenberg – Grundgerüst. Schriften, Farben und Positionen stammen unverändert aus dem bisherigen Design;
   die Maße je Seite stehen in den Dateien s-….css (vom Generator _build/build.py erzeugt). */
@font-face{font-family:'Raleway Semi Bold';src:url('/assets/fonts/raleway-semibold.woff') format('woff');font-display:swap}
@font-face{font-family:'Raleway Normal';src:url('/assets/fonts/raleway-regular.woff') format('woff');font-display:swap}
@font-face{font-family:'Cardo Bold';src:url('/assets/fonts/cardo-bold-webfont.woff') format('woff');font-display:swap}
@font-face{font-family:'Cardo Normal';src:url('/assets/fonts/cardo-regular-webfont.woff') format('woff');font-display:swap}
@font-face{font-family:'Jules Regular';src:url('/assets/fonts/jules-regular-webfont.woff') format('woff');font-display:swap}
@font-face{font-family:'Raleway Heavy';src:url('/assets/fonts/raleway-black.woff') format('woff');font-display:swap}
@font-face{font-family:'Raleway Thin';src:url('/assets/fonts/raleway-thin.woff') format('woff');font-display:swap}

a,abbr,address,article,aside,b,blockquote,body,cite,code,dd,div,dl,dt,em,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,ol,p,pre,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,u,ul{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}
a,a:active,a:focus,a:link,a:visited{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{line-height:1;position:relative;background:#fff}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
b,strong{font-weight:700}
em,i{font-style:italic}

/* Raster: Handy 320 Einheiten, Desktop 1200 Einheiten – skaliert wie im Original mit der Fensterbreite */
.sp{position:relative;width:100%;min-width:320px;overflow-x:clip;container-type:inline-size;--w:320;--u:calc(100cqw/320);--c:0px}
@media (min-width:768px){.sp{--w:1200;--u:min(1px,calc(100cqw/1200));--c:max(0px,calc((100cqw - 1200px)/2))}}
.sb{position:relative;width:100%;pointer-events:none}
.sc{position:relative;height:100%;width:calc(var(--w)*var(--u));margin:0 auto;pointer-events:none;flex:none}
.ss-s,.ss{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;align-items:center}
.ss-s{display:flex}
.ss{display:none;animation-fill-mode:both}
.ss.sactive{display:flex}
.ss.fade{animation:fadeIn .5s both}
.se,.si-group{box-sizing:border-box;display:block;outline:none;pointer-events:auto;position:absolute}
.se-t{background:transparent;border:0;height:100%;left:0;padding:0;position:absolute;top:0;width:100%;display:block}
.se-t-list ol,.se-t-list ul{margin-left:1.4em}
.se-t-list li{margin-left:1em;padding-left:.1em}
.se-t-list ol{list-style:decimal}
.se-t-list ul{list-style:disc}
.se-rc a{text-decoration:underline}
.se-rc a:hover{opacity:.8}
.se-icon,.se-line{height:100%;width:100%}
.se-icon svg,.se-line svg{height:100%;vertical-align:top;width:100%}
.se-icon{display:block}
img.se-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.sg{position:relative;width:100%;height:100%;overflow:hidden}
.sg img{position:absolute;left:0;top:0;opacity:0;transition:opacity 1s}
.sg img.on{opacity:1}
.se-simple{border:0 solid transparent;box-sizing:border-box;height:100%;width:100%}
.sb-m{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.sb-bg{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:768px){.only-m{display:none!important}.se-bd{overflow:hidden}}
@media (max-width:767.98px){.only-d{display:none!important}.se-bm{overflow:hidden}}
[data-state],[data-show],[data-hide]{cursor:pointer}

/* Per Klick eingeblendete Ebenen (Handy-Menü, Team-Details): kleben oben am Fenster, wie bisher */
.sb-pop{position:sticky;top:0;height:0!important;z-index:300;display:none}
.sb-pop.open{display:block}
.sb-pop>.ss-s,.sb-pop>.ss{height:var(--ph,100vh)}
.sb-pop>.ss-s{overflow:hidden}
.sb-pop.open>.ss-s,.sb-pop.open>.ss.sactive{animation:var(--pin,none) var(--pind,0s) both}
.sb-pop.closing>.ss-s,.sb-pop.closing>.ss.sactive{animation:var(--pout,none) var(--poutd,0s) both}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}

/* Einblend-Animationen beim Scrollen (wie bisher) */
.str-id,.str-im{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
@media (min-width:768px){.str-id:not(.strd){visibility:hidden}.str-id.strd{animation:var(--an,fadeIn) var(--ad,.5s) ease-out var(--adl,0s) both}}
@media (max-width:767.98px){.str-im:not(.strd){visibility:hidden}.str-im.strd{animation:var(--an,fadeIn) var(--ad,.5s) ease-out var(--adl,0s) both}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.str-id,.str-im{visibility:visible!important;animation:none!important}.ss.fade{animation:none}}

/* Blogbeiträge (Inhalt aus dem bisherigen Blog) */
.se-wpt-pc:after{clear:both;content:"";display:table}
.se-wpt a:hover,.se-wpt-pc a{text-decoration:underline}
.se-wpt ol,.se-wpt ul{margin-left:calc(20*var(--u))}
.se-wpt ol{list-style-type:decimal}
.se-wpt-pc ul{list-style-type:disc}
.se-wpt blockquote{background:hsla(0,0%,48%,.2);margin:1em;max-width:calc(500*var(--u));padding:1em}
.se-wpt img{height:auto;max-width:100%}
.se-wpt figure{display:block}
.alignleft{display:inline;float:left}
.alignright{display:inline;float:right}
.aligncenter{display:block;margin-left:auto;margin-right:auto}

/* Bedienhilfen */
.skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#132a46;color:#fff;padding:10px 16px;font:16px/1.4 'Raleway Normal',Arial,sans-serif}
.skip:focus{left:8px;top:8px}
a:focus-visible,[role=button]:focus-visible{outline:2px solid #497aa6;outline-offset:2px}

/* Fehlerseite */
.e404{pointer-events:auto;padding:calc(90*var(--u)) 0}
.e404-in{width:calc(var(--w)*var(--u)*.8);margin:0 auto;text-align:center}
.e404 h1{margin-bottom:calc(30*var(--u))}
.e404 p{text-align:center!important;margin-bottom:calc(24*var(--u))}
.e404-links a{display:inline-block;margin:calc(6*var(--u)) calc(14*var(--u));color:#497aa6}
.e404 p a{color:#497aa6}
.e404 a:hover{color:#132a46}

/* Stichwortsuche im Blog: Trefferliste unter dem Suchfeld */
.se-wpt-search{position:absolute;left:0;top:0;width:100%;height:100%}
.se-wpt-search input{-webkit-appearance:none;appearance:none;border-radius:0;outline:none;box-sizing:border-box}
.se-wpt-search input::placeholder{color:inherit;opacity:.5}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}
.suche-liste{position:absolute;left:0;top:calc(100% + 10*var(--u));width:100%;z-index:50;background:#fff;border:calc(1*var(--u)) solid #d9c3a9;box-shadow:0 calc(6*var(--u)) calc(18*var(--u)) rgba(19,42,70,.15);text-align:left}
.suche-liste a,.suche-liste span{display:block;padding:calc(10*var(--u)) calc(14*var(--u));font-family:'Raleway Normal';font-size:calc(14*var(--u));line-height:1.4;letter-spacing:.05em;color:#0d0d0d;text-transform:none}
.suche-liste a+a{border-top:calc(1*var(--u)) solid #eee6dc}
.suche-liste a:hover,.suche-liste a:focus{background:#f6f1ea;color:#132a46}

/* Ältere Browser ohne Container-Einheiten: Fensterbreite als Maß */
@supports not (width:1cqw){
.sp{--u:calc(100vw/320)}
@media (min-width:768px){.sp{--u:min(1px,calc(100vw/1200));--c:max(0px,calc((100vw - 1200px)/2))}}
}

/* Textmarker, der mit dem Wort mitläuft (für eigene Seiten statt der fest platzierten Flächen der Vorlage) */
.hl{background:#f2be5c;padding:calc(2*var(--u)) calc(5*var(--u));-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* Unterlegung für Überschriften, die mit jeder Textzeile mitläuft */
.hlu{background:linear-gradient(transparent 52%,#f2be5c 52%);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Beschriftung über einer verlinkten Fläche: Klicks gehen an die Fläche darunter */
.se-nolink{pointer-events:none}

/* <picture> ist nur eine Hülle für die WebP-Quelle und darf das Layout nicht beeinflussen */
picture{display:contents}

/* Abfindungsrechner (eigene Seite im Kanzlei-Design) */
.rechner-kopf,.rechner,.rechner-info{pointer-events:auto}
.rechner-in{width:calc(var(--w)*var(--u)*.86);margin:0 auto}
.rechner-kopf{background:#d9c3a9;padding:calc(70*var(--u)) 0 calc(60*var(--u));text-align:center}
.rechner-kopf h1{margin:calc(14*var(--u)) 0 calc(26*var(--u))}
.rechner-ueber{color:#132a46}
.rechner-intro{text-align:center!important;max-width:calc(760*var(--u));margin:0 auto}
.rechner{background:#fff;padding:calc(60*var(--u)) 0 calc(20*var(--u))}
.rechner-teil{display:grid;grid-template-columns:1fr 1fr;gap:calc(50*var(--u));margin-bottom:calc(60*var(--u));align-items:start}
.rechner-schritt{text-align:left!important;color:#497aa6;margin-bottom:calc(8*var(--u))}
.rechner-form h2{text-align:left!important;margin-bottom:calc(26*var(--u));letter-spacing:.2em!important}
.rechner-feld{margin-bottom:calc(18*var(--u))}
.rechner-zwei{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--u))}
.rechner label{display:block;font-family:'Raleway Semi Bold';font-size:calc(13*var(--u));letter-spacing:.08em;line-height:1.4;color:#0d0d0d;margin-bottom:calc(6*var(--u))}
.rechner input,.rechner select{display:block;width:100%;box-sizing:border-box;font-family:'Raleway Normal';font-size:calc(16*var(--u));letter-spacing:.04em;color:#0d0d0d;background:#fff;border:calc(1*var(--u)) solid #132a46;border-radius:0;padding:calc(11*var(--u)) calc(12*var(--u));-webkit-appearance:none;appearance:none}
.rechner select{background-image:linear-gradient(45deg,transparent 50%,#132a46 50%),linear-gradient(135deg,#132a46 50%,transparent 50%);background-position:calc(100% - 18*var(--u)) 50%,calc(100% - 12*var(--u)) 50%;background-size:calc(6*var(--u)) calc(6*var(--u));background-repeat:no-repeat;padding-right:calc(34*var(--u))}
.rechner input:focus,.rechner select:focus{outline:calc(2*var(--u)) solid #497aa6;outline-offset:calc(1*var(--u))}
.rechner input::placeholder{color:#6b6b6b}
.rechner-ergebnis{background:#132a46;color:#fff;padding:calc(36*var(--u)) calc(34*var(--u))}
.rechner-ergebnis>p:first-child{color:#f2be5c!important;text-align:left!important}
.rechner-zahl{font-family:'Cardo Bold';font-size:calc(46*var(--u));line-height:1.2;letter-spacing:.04em;color:#fff;margin:calc(10*var(--u)) 0 calc(22*var(--u))}
.rechner-liste>div{display:flex;justify-content:space-between;gap:calc(16*var(--u));padding:calc(10*var(--u)) 0;border-top:calc(1*var(--u)) solid rgba(255,255,255,.25);font-family:'Raleway Normal';font-size:calc(14*var(--u));letter-spacing:.06em;line-height:1.4}
.rechner-liste dd{white-space:nowrap;font-family:'Raleway Semi Bold';text-align:right}
.rechner-hinweis{font-family:'Raleway Normal';font-size:calc(12*var(--u));letter-spacing:.06em;line-height:1.5;color:#d9d9d9;margin-top:calc(18*var(--u))}
.rechner-info{background:#f3f0ea;padding:calc(60*var(--u)) 0 calc(70*var(--u))}
.rechner-info h2{margin-bottom:calc(36*var(--u))}
.rechner-spalten{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(40*var(--u))}
.rechner-spalten h3{text-align:left!important;letter-spacing:.2em!important;color:#132a46;margin-bottom:calc(12*var(--u))}
.rechner-spalten p{text-align:left!important}
.rechner-cta{text-align:center!important;margin-top:calc(46*var(--u))}
.rechner-info a{color:#497aa6;text-decoration:underline}
@media (max-width:767.98px){
.rechner-in{width:calc(var(--w)*var(--u)*.88)}
.rechner-teil,.rechner-spalten,.rechner-zwei{grid-template-columns:1fr}
.rechner-teil{gap:calc(24*var(--u));margin-bottom:calc(44*var(--u))}
.rechner-kopf{padding:calc(40*var(--u)) 0}
.rechner-kopf h1{font-size:calc(21*var(--u))!important;letter-spacing:.22em!important;hyphens:manual}
.rechner label{font-size:calc(12*var(--u))}
.rechner input,.rechner select{font-size:calc(15*var(--u))}
.rechner-zahl{font-size:calc(34*var(--u))}
.rechner-ergebnis{padding:calc(26*var(--u)) calc(20*var(--u))}
.rechner-liste>div{font-size:calc(12*var(--u));flex-direction:column;gap:calc(2*var(--u))}
.rechner-liste dd{text-align:left}
.rechner-spalten{gap:calc(26*var(--u))}
}

/* Rechner innerhalb eines Blogbeitrags: nutzt die Breite der Textspalte */
.rechner-im-beitrag{background:none;padding:0;margin-top:calc(50*var(--u));text-align:left}
.rechner-im-beitrag>h2{margin-bottom:calc(14*var(--u))}
.rechner-im-beitrag>p{margin-bottom:calc(30*var(--u))}
.rechner-im-beitrag .rechner-teil{gap:calc(30*var(--u));margin-bottom:calc(40*var(--u))}
.rechner-im-beitrag .rechner-form h2{font-size:calc(22*var(--u))}
.rechner-im-beitrag .rechner-zahl{font-size:calc(38*var(--u))}
.rechner-im-beitrag .rechner-ergebnis{padding:calc(26*var(--u)) calc(22*var(--u))}
.rechner-im-beitrag dl,.rechner-im-beitrag dd{margin:0}
@media (max-width:767.98px){
.rechner-im-beitrag .rechner-form h2{font-size:calc(18*var(--u))}
.rechner-im-beitrag .rechner-zahl{font-size:calc(30*var(--u))}
}

/* Fußzeile: Link zum Abfindungsrechner, links als dritte Zeile über „Gegnerliste“ (Gegenstück zu „AMB“ rechts) */
.sib-footer .sie-footer_ar-text{color:#fff}
@media (min-width:768px){
.sie-footer_ar{left:calc(49*var(--u) - var(--c));top:calc(67*var(--u));width:calc(292*var(--u));height:calc(14*var(--u))}
.sib-footer .sie-footer_ar-text{font-size:calc(10*var(--u));text-align:left}
}
@media (max-width:767.98px){
/* Handy: sechs statt fünf Zeilen über der Fotoleiste, deshalb Zeilenabstand 22 statt 25 */
.sib-footer .sie-footer_23{top:calc(108*var(--u))}
.sib-footer .sie-footer_19{top:calc(130*var(--u))}
.sib-footer .sie-footer_5{top:calc(152*var(--u))}
.sib-footer .sie-footer_22{top:calc(174*var(--u))}
.sib-footer .sie-footer_6{top:calc(196*var(--u))}
.sie-footer_ar{left:calc(59*var(--u));top:calc(218*var(--u));width:calc(203*var(--u));height:calc(13*var(--u))}
.sib-footer .sie-footer_ar-text{font-size:calc(8*var(--u))}
}

/* Kopfzeile in zwei Zeilen, rechtsbündig zum Logo: oben Kanzlei, Arbeitgeber, Arbeitnehmer, Betriebsräte;
   unten Blog, Kontakt, Abfindungsrechner (Wunsch vom 13.11.2026) */
.sib-menu .sie-menu_ar-text{color:rgba(13,13,13,1);text-align:left;white-space:nowrap}
@media (min-width:768px){
.sib-menu .sie-menu_5{left:calc(243*var(--u));top:calc(60*var(--u))}
.sib-menu .sie-menu_9{left:calc(382*var(--u));top:calc(58*var(--u))}
.sib-menu .sie-menu_4{left:calc(578*var(--u));top:calc(58*var(--u))}
.sib-menu .sie-menu_2{left:calc(808*var(--u));top:calc(58*var(--u))}
.sib-menu .sie-menu_1{left:calc(480*var(--u));top:calc(96*var(--u))}
.sib-menu .sie-menu_0{left:calc(576*var(--u));top:calc(96*var(--u))}
.sib-menu .sie-menu_ar{left:calc(717*var(--u));top:calc(96*var(--u));width:calc(290*var(--u));height:calc(20*var(--u))}
.sib-menu .sie-menu_ar-text{font-size:calc(13*var(--u))}
.sie-mobile-menu-open_ar{display:none}
}
@media (max-width:767.98px){
.sie-menu_ar{display:none}
.sie-mobile-menu-open_ar{left:calc(13*var(--u));top:calc(420*var(--u));width:calc(293*var(--u));height:calc(31*var(--u))}
.sib-mobile-menu-open .sie-mobile-menu-open_ar-text{color:rgba(242,190,92,1);font-size:calc(14*var(--u));text-align:center}
.sib-mobile-menu-open .sie-mobile-menu-open_6{top:calc(470*var(--u))}
}