/* R115: scoped to explicit embedded studio routes; the normal homepage is unchanged. */
html[data-r115-studio] body{background:#f4f5ed!important;overflow-x:hidden!important;padding:0!important;margin:0!important}
html[data-r115-studio] body>header,html[data-r115-studio] body>footer,html[data-r115-studio] #mobil-menue,html[data-r115-studio] .skip-link{display:none!important}
html[data-r115-studio] main#top{padding:0!important;margin:0!important;max-width:none!important}
html[data-r115-studio] main#top>*{display:none!important}
html[data-r115-studio=product] main#top>#demo,html[data-r115-studio=sizing] main#top>#demo2,html[data-r115-studio=planning] main#top>#demo4,html[data-r115-studio=energy] main#top>#simulationen{display:block!important;padding:0!important;margin:0!important;scroll-margin:0!important}
html[data-r115-studio] main#top>.demo-section>.wrap,html[data-r115-studio] main#top>.demo2-section>.wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important}
html[data-r115-studio] .r31-demo-navigation,html[data-r115-studio] #demo>.wrap>.section-head,html[data-r115-studio] #demo2>.wrap>.section-head,html[data-r115-studio] #demo4>.wrap>.section-head{display:none!important}
html[data-r115-studio] #demo confyra-devicebox{--cf-studio-offset:12px!important;display:block;min-height:calc(100dvh - 14px)}
html[data-r115-studio] #demo4 confyra-planner{display:block;height:100dvh!important;--cf-studio-offset:0px}
html[data-r115-studio=sizing] .wizard-shell{margin:0!important;max-width:none!important;border-radius:0!important}
html[data-r115-studio] .reveal{opacity:1!important;transform:none!important;visibility:visible!important}
html[data-r115-studio] .cf-d276-rail,html[data-r115-studio] .cf-demo-continuation,html[data-r115-studio] .r38-project-link{display:none!important}
.r115-studio-state{position:fixed;z-index:5000;right:14px;bottom:14px;max-width:min(400px,calc(100vw - 28px));padding:12px 16px;background:#f9fbf0;color:#173d3d;border:1px solid #baccb1;border-radius:8px;font:13px/1.5 Arial,sans-serif;box-shadow:0 8px 30px #1c3a3020}
@media(max-width:760px){html[data-r115-studio] main#top>.demo-section>.wrap,html[data-r115-studio] main#top>.demo2-section>.wrap{padding:0 4px!important}.r115-studio-state{font-size:11px}}

/* The homepage without ?r115studio=sizing retains all existing sizing styles. */
html[data-r115-studio=sizing] body{background:#eef1ed!important}
html[data-r115-studio=sizing] main#top>#demo2>.wrap{max-width:1264px!important;width:100%!important;margin:0 auto!important;padding:12px!important}
html[data-r115-studio=sizing] #demo2 .wizard-shell{width:100%;max-width:1240px!important;margin:0 auto!important;border-radius:12px!important;box-sizing:border-box;overflow:visible}
html[data-r115-studio=sizing] #demo2 .wizard-body{padding:22px 26px 20px!important}
html[data-r115-studio=sizing] #demo2 .wp-step{padding:11px 14px!important}
html[data-r115-studio=sizing] #demo2 .wizard-step-title{font-size:22px!important;line-height:1.25!important;margin:0 0 8px!important}
html[data-r115-studio=sizing] #demo2 .wizard-step-sub{font-size:14px!important;line-height:1.5!important;margin:0 0 18px!important;max-width:80ch!important}
html[data-r115-studio=sizing] #demo2 .wizard-nav{margin-top:18px!important;padding-top:14px!important}
html[data-r115-studio=sizing] #demo2 .wizard-nav .btn{min-height:44px}
html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card .c-thumb{height:clamp(130px,12vw,170px)!important;margin-bottom:12px!important}
html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card{padding:13px!important}
html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card h4{font-size:18px!important;margin-bottom:6px!important}
html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card p{font-size:14px!important;line-height:1.4!important}
html[data-r115-studio=sizing] #demo2 .k2-duty-layout{grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr)!important;gap:18px!important}
html[data-r115-studio=sizing] #demo2 .k2-duty-control{padding:12px!important}
html[data-r115-studio=sizing] #demo2 .k2-duty-entry{margin:5px 0 7px}
html[data-r115-studio=sizing] #demo2 .k2-duty-entry input{min-height:44px!important;font-size:18px!important}
html[data-r115-studio=sizing] #demo2 .k2-live-curve-stage{padding:12px!important}
html[data-r115-studio=sizing] #demo2 #cf-d9-k2-mini-svg{display:block;width:100%!important;height:clamp(240px,32vh,290px)!important;max-height:290px!important;min-height:0!important}
html[data-r115-studio=sizing] #demo2 #cf-d9-k2-mini-svg :is(.k2-axis-text,.k2-axis-label){font-size:11px}
html[data-r115-studio=sizing] #demo2 #cf-d9-k2-mini-svg .k2-curve-label{font-size:10px}
html[data-r115-studio=sizing] #demo2 #cf-d9-k2-mini-svg .k2-duty-label{font-size:11px}
html[data-r115-studio=sizing] #demo2 .cf-d9-k2-eval-head{padding:10px 12px!important}
html[data-r115-studio=sizing] #demo2 .cf-d9-k2-eval-head strong{font-size:16px!important}
html[data-r115-studio=sizing] #demo2 .k2-live-facts{gap:7px!important}
html[data-r115-studio=sizing] #demo2 .k2-live-facts>div{padding:8px!important}
html[data-r115-studio=sizing] #demo2 .k2-live-facts span{font-size:10px!important;line-height:1.4!important}
html[data-r115-studio=sizing] #demo2 .k2-live-facts strong{font-size:13px!important;line-height:1.3!important}
html[data-r115-studio=sizing] #demo2 .cf-d9-k2-eval-note{padding:9px 10px!important;line-height:1.4!important}
html[data-r115-studio=sizing] #demo2 .k2-drag-hint{margin:7px 0 9px!important}
@media(max-width:820px){
 html[data-r115-studio=sizing] main#top>#demo2>.wrap{padding:6px!important}
 html[data-r115-studio=sizing] #demo2 .wizard-body{padding:16px 12px!important}
 html[data-r115-studio=sizing] #demo2 .wp-step{padding:9px 10px!important}
 html[data-r115-studio=sizing] #demo2 .wizard-step-title{font-size:21px!important}
 html[data-r115-studio=sizing] #demo2 .wizard-step-sub{font-size:15px!important;margin-bottom:14px!important}
 html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card{grid-template-columns:78px minmax(0,1fr)!important;min-height:98px!important;gap:5px 11px!important;padding:10px!important}
 html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card .c-thumb{width:78px!important;height:78px!important;margin:0!important}
 html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card h4{font-size:17px!important;margin:0!important}
 html[data-r115-studio=sizing] #demo2 #bereich-grid .choice-card p{font-size:14px!important;line-height:1.35!important}
 html[data-r115-studio=sizing] #demo2 .k2-duty-layout{display:flex!important;flex-direction:column!important;gap:14px!important}
 html[data-r115-studio=sizing] #demo2 #cf-d9-k2-mini-svg{height:auto!important;max-height:270px!important}
 html[data-r115-studio=sizing] #demo2 .k2-live-facts span{font-size:12px!important}
 html[data-r115-studio=sizing] #demo2 .k2-live-facts strong{font-size:15px!important}
 html[data-r115-studio=sizing] #demo2 .wizard-nav{margin-top:14px!important;padding-top:12px!important}
}

/* R119 · only iframe studios launched from a landing page. */
html[data-r119-embedded-studio=product] body{background:#fffefa!important}
html[data-r119-embedded-studio=product] main#top>#demo>.wrap{padding:0!important}
html[data-r119-embedded-studio=product] #demo confyra-devicebox{min-height:0!important;--cf-studio-offset:0px!important}
html[data-r119-embedded-studio=planning] #demo4 confyra-planner{height:auto!important;min-height:0!important;--cf-studio-offset:0px}