

:root{--pad:clamp(20px,5vw,72px);--max:1240px}

html body:not(.home) .nav.v2 .row,html body:not(.home) .nav.v2.on .row{padding-inline:calc(var(--pad) - 12px)}   
@media(max-width:760px){html body:not(.home) .nav.v2 .row,html body:not(.home) .nav.v2.on .row{padding-inline:calc(var(--pad) - 8px)}}

html body:not(.home) .site-footer{padding-left:var(--pad);padding-right:var(--pad)}
html body:not(.home) .site-footer .cols,html body:not(.home) .site-footer .base{max-width:calc(var(--max) - 2 * var(--pad));margin-left:auto;margin-right:auto}

@media(min-width:1241px){html body:not(.home) .site-footer .cols,html body:not(.home) .site-footer .base{margin-left:auto;margin-right:auto}
 html body .pg .wrap,html body .uu .w{margin-left:auto;margin-right:auto}
 html body .pg .nk,html body .pg .jump{max-width:var(--max);margin-left:auto;margin-right:auto}
 html body:not(.home) .nav.v2 .row,html body:not(.home) .nav.v2.on .row{padding-inline:calc((100% - var(--max)) / 2 + var(--pad))}}   

@media(min-width:961px){
 html body .pg .gcf-fp:not(.on) h3{white-space:normal;overflow:visible;text-overflow:clip;max-height:min(300px,calc(clamp(400px,46vw,520px) - 120px));text-wrap:balance}
 html body .pg ol.acc li:not(.on) h3{white-space:normal;overflow:visible;max-height:min(300px,calc(clamp(460px,46vw,560px) - 110px));text-wrap:balance}
 html body .uu .acc a.fp:not(.on) h3{white-space:normal;overflow:visible;text-overflow:clip;max-height:min(340px,calc(clamp(460px,46vw,560px) - 120px));text-wrap:balance}}

html body .pg .gcf-fp,html body .uu .acc a.fp,html body .pg ol.acc>li{transition:flex .28s cubic-bezier(.2,.6,.2,1)}
@media(max-width:960px){html body .pg .gcf-fp,html body .uu .acc a.fp,html body .pg ol.acc>li{transition:min-height .25s cubic-bezier(.2,.6,.2,1)}}
html body .pg .gcf-fp img,html body .uu .acc a.fp img,html body .pg ol.acc a.fp img{filter:saturate(1) brightness(.9);transition:none}
html body .pg .gcf-fp::before,html body .uu .acc a.fp::before,html body .pg ol.acc a.fp::before{content:"";position:absolute;inset:0;z-index:1;background:#060B22;opacity:.11;transition:opacity .28s ease;pointer-events:none}
@media(min-width:961px){html body .pg .gcf-fp:not(.on)::before,html body .uu .acc a.fp:not(.on)::before,html body .pg ol.acc li:not(.on) a.fp::before{opacity:.5}}   
html body .pg .gcf-fp.on::before,html body .uu .acc a.fp.on::before,html body .pg ol.acc li.on a.fp::before{opacity:0}
html body .pg .gcf-fp .in,html body .uu .acc a.fp .in,html body .pg ol.acc a.fp .in{z-index:2}

@media(max-width:960px){html body .pg .gcf-fp.on::after,html body .uu .acc a.fp.on::after,html body .pg ol.acc li.on a.fp::after{background:linear-gradient(180deg,rgba(6,11,34,.35) 0%,rgba(6,11,34,.78) 32%,rgba(6,11,34,.94) 100%)}}

html body:not(.home) main :is(.bt,.btn,.hp-sv .go,.lp-sv .more,.lp-contact .bt.solid){min-height:54px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
html body main .pg .card.dk .bt{min-height:54px}

html body main.pg .head .act .bt{min-height:46px}

@media(hover:hover) and (pointer:fine){html body main :is(.bt,.btn,.hp-sv .go,.lp-sv .more,.lp-contact .bt.solid):hover{transform:translateY(-2px)}}

html body .pg .head:has(.crumb a[href="/anfrage/"]) h1{font-size:clamp(2rem,3.9vw,3.5rem)}

@media(min-width:1101px){html body .pg.stelle .head h1{font-size:clamp(2rem,3.9vw,3.5rem)}
 html body .pg.stelle .head{min-height:0;align-items:flex-start;padding-bottom:clamp(72px,10vh,120px)}
 html body .pg.stelle .head .txt{max-width:760px}}

html body .pg:has(.jump) section[id],html body .pg:has(.jump) [id].art-sec{scroll-margin-top:calc(var(--nav,84px) + 84px)}

html body .pg .kpi>div:not(:has(>:nth-child(4))){display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
html body .pg .kpi>div>h3{align-self:start}

html body .pg .chk2 li.minus::before{width:10px;height:0;border-left:0;border-bottom:0;border-top:1.5px solid var(--or6);transform:none;margin-top:12px}
html body .pg .s.d .chk2 li.minus::before{border-top-color:var(--or4)}

html body .pg .gc-f>label.gc-chk,html body .pg label.gc-chk{font-family:var(--fb);font-size:.86rem;letter-spacing:0;text-transform:none;line-height:1.5}

@media(prefers-reduced-motion:reduce){html body .pg .gcf-fp,html body .uu .acc a.fp,html body .pg .gcf-fp::before,html body .uu .acc a.fp::before,html body main :is(.bt,.btn,.hp-sv .go,.lp-sv .more){transition:none}}

body .pg #ablauf .steps li,body .pg #leistung .ablauf li{text-align:center}
body .pg #ablauf .steps li p,body .pg #leistung .ablauf:not(.a6) li p{margin-inline:auto}   

@media(min-width:901px){body .pg .head .bg img[src*="gc-st-haende"]{transform:translateX(27%) scale(.92);object-fit:contain;object-position:50% 60%}}

@media(min-width:901px){body .pg #ablauf .steps li::before,body .pg #leistung .steps li::before{left:50%;transform:translateX(-50%)}}

html body .mega h4 a[href="/leistungen/"]{display:inline-flex;align-items:center;gap:.5em;padding:.6em 1.1em;border:1px solid var(--or4,#FF4757);border-radius:999px;color:#fff!important;font:500 .8rem/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;transition:background-color .2s}
html body .mega h4 a[href="/leistungen/"]:hover,html body .mega h4 a[href="/leistungen/"]:focus-visible{background:var(--or5,#E30813)}
