@font-face{font-family:PSFigtree;src:url('/assets/prestashop-magazine/font-1.woff2') format('woff2');font-weight:400 900;font-display:swap}
.cc-magazine{font-family:PSFigtree,Arial,sans-serif;background:#0b0c0e;color:#fff;overflow-x:clip;--cc-gutter:max(56px,calc((100% - 1240px)/2))}
.cc-magazine *{box-sizing:border-box}
.cc-magazine :is(h1,h2,h3,h4,h5,h6,p,button,input,textarea,summary,a){font-family:inherit}
.cc-magazine :is(h1,h2,h3,h4,h5,h6){font-weight:800}
.cc-magazine a{color:#f7931e;text-decoration:none}
.cc-magazine a:hover{color:#fbb03b}
.cc-magazine button{font-family:inherit}
.cc-magazine :is(button,a,input,textarea):focus-visible{outline:2px solid #f7931e!important;outline-offset:3px}
.cc-magazine button:disabled{opacity:.55;cursor:wait!important}
.cc-magazine :is(button:not([role=switch]),input:not([type=range]):not([type=checkbox]),textarea){border-radius:16px!important}
.cc-magazine [role=radiogroup]{border-radius:16px!important}
.cc-magazine [role=radiogroup] button{border-radius:12px!important}
.cc-magazine a[style*="padding:14px"],.cc-magazine a[style*="padding:16px"]{border-radius:16px!important}
.cc-magazine :is(section,[id]){scroll-margin-top:150px}
.cc-magazine summary::-webkit-details-marker{display:none}
.cc-magazine details[open] [data-chev]{transform:rotate(180deg)}
.cc-magazine [hidden],.cc-magazine .cc-honeypot{display:none!important}
.cc-magazine input[type=range]{appearance:none;height:8px;border-radius:999px;outline:none}
.cc-magazine input[type=range]::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border-radius:50%;background:#f7931e;border:4px solid #0b0c0e;box-shadow:0 0 0 2px #f7931e;cursor:pointer}
.cc-magazine input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#f7931e;border:4px solid #0b0c0e;box-shadow:0 0 0 2px #f7931e;cursor:pointer}
.cc-magazine #start{padding-top:56px!important}
.cc-magazine #rechner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;box-shadow:none!important}
.cc-magazine #rechner>div{min-width:0}
.cc-magazine #rechner>div:nth-child(2)>div:nth-child(2)>div>div>span:last-child{flex-wrap:wrap}
.cc-magazine #rechner [aria-live]>div:nth-child(2)>div{border-radius:16px!important}
.cc-magazine [data-print]{display:none}
.cc-magazine table{border-collapse:collapse}
.cc-magazine [data-offer]{background:#17181b!important}
.cc-magazine>:is(#rechenweg,#methodik){background:#0b0c0e!important}
.cc-magazine>:is(#start,#angebot,#faq){background:#121316!important}
.cc-magazine blockquote{max-height:145px;overflow:auto}
@media(max-width:1000px){.cc-magazine #rechner{grid-template-columns:1fr!important}.cc-magazine #rechner>div:first-child{border-right:0!important;border-bottom:1px solid #2c2d32}.cc-magazine h1{font-size:clamp(36px,5.2vw,62px)!important}.cc-magazine h2{font-size:clamp(30px,4vw,44px)!important}}
@media(max-width:700px){.cc-magazine>section{padding:48px 20px!important;gap:28px!important}.cc-magazine #rechner>div{padding:22px 18px!important}.cc-magazine [data-offer]{padding:22px 18px!important}.cc-magazine #rechner b[style*="28px"]{font-size:25px!important}.cc-magazine [role=radiogroup] button{font-size:13px!important;padding:9px 6px!important}.cc-magazine h1{font-size:38px!important}.cc-magazine h2{font-size:32px!important}.cc-magazine table{min-width:650px}.cc-magazine [data-offer] input,.cc-magazine [data-offer] textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.cc-magazine *{transition:none!important;animation:none!important}}
html[data-theme=light] .cc-magazine{background:#f7f7f8;color:#202126}
html[data-theme=light] .cc-magazine>section{background:#f7f7f8!important}
html[data-theme=light] .cc-magazine>:is(#start,#angebot,#faq){background:#eeeff1!important}
html[data-theme=light] .cc-magazine :is(div,form,details,label)[style*="background:#"]:not([data-print] *),html[data-theme=light] .cc-magazine input:not([type=range]),html[data-theme=light] .cc-magazine textarea{background:#fff!important;color:#202126!important;border-color:#d5d6da!important}
html[data-theme=light] .cc-magazine :is(p,span,b,h1,h2,h3,h4,summary,button,blockquote,figcaption)[style*="color:#"]:not([data-print] *):not([style*="color:#F"]):not([style*="color:#7BD"]){color:#3f4148!important}
@page{size:A4;margin:0}
@media print{
 body{background:#fff!important}body>*{display:none!important}body main,body main>*{display:none!important}body main:has(.cc-magazine),body main .cc-magazine{display:block!important}
 .cc-magazine{display:block!important;background:#fff!important;color:#000!important;overflow:visible!important}
 .cc-magazine>*:not([data-print]){display:none!important}.cc-magazine [data-print]{display:block!important}
 .cc-magazine [data-print] *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 header,footer,.site-header,.site-footer,[data-floating-contact]{display:none!important}
}

@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body main.site-main{padding:0!important;margin:0!important;min-height:0!important}.cc-magazine [data-print]>div{font-family:PSFigtree,Arial,sans-serif!important}.cc-magazine [data-print]>div:last-child{break-after:auto!important;page-break-after:auto!important}}
.cc-magazine .cc-cost-table>div>button{border-radius:0!important}
.cc-magazine .cc-cost-table>div:first-child>span>span{flex:none}
@media(max-width:600px){
 .cc-magazine .cc-cost-table>div[style*="display:grid"],.cc-magazine .cc-cost-table>div>button{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:14px!important;gap:10px!important}
 .cc-magazine .cc-cost-table>div:first-child>span:first-child{display:none}
 .cc-magazine .cc-cost-table>div:first-child>span{font-size:12px!important;gap:5px!important;white-space:nowrap}
 .cc-magazine .cc-cost-table>div>button>span:first-child,.cc-magazine .cc-cost-table>div:last-child>b:first-child{grid-column:1/-1}
 .cc-magazine .cc-cost-table>div>button>span{font-size:15px!important}
 .cc-magazine .cc-cost-table>div:last-child>b{font-size:16px!important}
 .cc-magazine .cc-cost-table>div>div{margin:0 10px 10px!important;padding:16px!important}
}
html[data-theme=light] .cc-magazine span:is([style*="background:#141518"],[style*="background:#1E1F23"],[style*="background:#24252A"]):not([data-print] *){background:#eceef0!important;color:#3f4148!important;border-color:#d5d6da!important}
html[data-theme=light] .cc-magazine span[style*="color:#7BD88F"]:not([data-print] *){color:#227b3b!important}

/* Complete explanation units: compact when closed, native keyboard interaction. */
.cc-magazine .cc-section-disclosure{width:100%;min-width:0;border:1px solid #34363c;border-radius:16px;background:#17181b;overflow:hidden}
.cc-magazine .cc-section-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;cursor:pointer;list-style:none}
.cc-magazine .cc-section-summary::-webkit-details-marker{display:none}
.cc-magazine .cc-section-summary h2{font-size:clamp(24px,3vw,34px)!important;line-height:1.15!important}
.cc-magazine .cc-section-summary h3{margin:0!important;font-size:20px!important;line-height:1.35!important}
.cc-magazine .cc-section-chevron{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #f7931e55;border-radius:50%;background:#f7931e0d;color:#f7931e;transition:transform .2s,background .2s,border-color .2s}
.cc-magazine .cc-section-disclosure[open]>.cc-section-summary .cc-section-chevron{transform:rotate(180deg)}
.cc-magazine .cc-section-content{display:flex;flex-direction:column;gap:28px;padding:0 28px 28px}
.cc-magazine .cc-section-summary:focus-visible{outline:2px solid #f7931e;outline-offset:-4px}
.cc-magazine #rechenweg,.cc-magazine #methodik{padding-top:40px!important;padding-bottom:40px!important}
html[data-theme=light] .cc-magazine .cc-section-disclosure{background:#fff;border-color:#c6c8cd}
@media(max-width:600px){.cc-magazine .cc-section-summary{padding:20px;gap:16px}.cc-magazine .cc-section-content{padding:0 20px 20px;gap:20px}}
@media(prefers-reduced-motion:reduce){.cc-magazine .cc-section-chevron{transition:none}}

.cc-magazine .cc-section-chevron svg{display:block;width:22px;height:22px}
.cc-magazine .cc-section-summary:is(:hover,:focus-visible) .cc-section-chevron{background:#f7931e20;border-color:#f7931e}
/* Calculator actions use the shared 16px button radius, including the detail teaser. */
.cc-magazine #start a[href="#angebot"],
.cc-magazine #start a[href*="/shop-kostenrechner/detailrechner"]{border-radius:16px!important}
