/* Production styles for Dachreinigung Kosten. */
/* SOURCE STYLE: dbr-core-polish-20260925 */

.dbr-core-hidden{display:none!important}.dbr-partner-fallback{display:inline-flex!important;align-items:center;justify-content:center;min-width:120px;min-height:54px;padding:12px 20px;border:1px solid #d8e0e3;border-radius:12px;background:#fff;color:#173244!important;font:800 18px/1.2 NunitoSans,Arial,sans-serif;letter-spacing:.02em}
footer.dbr-premium-footer-root{display:block!important;background:#071d2b!important;color:#fff!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;font-family:NunitoSans,Arial,sans-serif}footer.dbr-premium-footer-root *{box-sizing:border-box}footer .dbr-ft-wrap{width:min(1180px,calc(100% - 40px));margin:auto;padding:58px 0 30px}footer .dbr-ft-grid{display:grid;grid-template-columns:1.35fr 1fr 1.2fr;gap:42px}footer .dbr-ft-brand img{width:170px!important;height:auto!important;object-fit:contain!important;margin:0 0 18px!important;display:block!important}footer .dbr-ft-brand p,footer .dbr-ft-col p{color:rgba(255,255,255,.7)!important;font-size:14px!important;line-height:1.65!important;margin:0 0 8px!important}footer .dbr-ft-title{color:#8ec85a!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin:0 0 16px!important}footer .dbr-ft-col a,footer .dbr-ft-brand a{display:block;color:#fff!important;text-decoration:none!important;font-size:14px!important;line-height:1.45!important;margin:0 0 10px!important}footer .dbr-ft-col a:hover,footer .dbr-ft-brand a:hover{color:#8ec85a!important}footer .dbr-ft-contact{margin-top:15px}footer .dbr-ft-contact a{display:inline-block!important;margin-right:18px!important}footer .dbr-ft-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.55);font-size:12px}footer .dbr-ft-bottom a{color:rgba(255,255,255,.8)!important;text-decoration:none!important}
.dbr-legal-hero{background:linear-gradient(125deg,#071d2b,#0c3b50);color:#fff;padding:72px 20px 62px}.dbr-legal-hero-inner{width:min(960px,100%);margin:auto}.dbr-legal-kicker{color:#8ec85a;font:800 12px/1.2 NunitoSans,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.dbr-legal-hero h1{color:#fff!important;font:700 clamp(34px,5vw,56px)/1.05 NunitoSans,Arial,sans-serif!important;margin:12px 0 14px!important;letter-spacing:-.025em}.dbr-legal-hero p{max-width:720px;color:rgba(255,255,255,.76)!important;font-size:16px!important;line-height:1.65!important;margin:0!important}
.dbr-legal-source{background:#fff!important;padding:56px 0 72px!important}.dbr-legal-source>.section-inner{background:#fff!important}.dbr-legal-source .section-inner-width{width:min(900px,calc(100% - 40px))!important;max-width:900px!important;margin:auto!important}.dbr-legal-source .section-content,.dbr-legal-source .section-content-with-grid-custom,.dbr-legal-source .section-content-with-grid-grid-wrapper{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;padding:0!important}.dbr-legal-source .grid-module-container-root{display:block!important;position:static!important;grid-area:auto!important;width:100%!important;max-width:none!important;max-height:none!important;transform:none!important}.dbr-legal-source .text-root{width:100%!important;color:#334650!important;font:400 16px/1.75 Nunito,Arial,sans-serif!important}.dbr-legal-source .text-root *{color:inherit!important}.dbr-legal-source .text-root p{margin:0 0 15px!important}.dbr-legal-source .text-root strong{color:#071d2b!important;font-weight:800!important}.dbr-legal-source .text-root a{color:#0c607b!important;text-decoration:underline!important}
.dbr-ref-page{font-family:NunitoSans,Arial,sans-serif;background:#fff;color:#10202b}.dbr-ref-hero{padding:84px 20px 72px;background:linear-gradient(120deg,#071d2b,#0d4055);color:#fff}.dbr-ref-wrap{width:min(1180px,100%);margin:auto}.dbr-ref-kicker{color:#8ec85a;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dbr-ref-hero h1{color:#fff!important;font-size:clamp(40px,6vw,72px)!important;line-height:1!important;letter-spacing:-.04em!important;margin:14px 0 18px!important}.dbr-ref-hero p{max-width:760px;color:rgba(255,255,255,.78)!important;font-size:18px!important;line-height:1.65!important}.dbr-ref-gallery{padding:74px 20px}.dbr-ref-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.dbr-ref-head h2{color:#0b3144!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.08!important;margin:8px 0!important}.dbr-ref-head p{max-width:510px;color:#61717a!important;font-size:15px!important;line-height:1.65!important}.dbr-ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dbr-ref-card{position:relative;min-height:310px;overflow:hidden;border-radius:18px;background:#e9eef0}.dbr-ref-card:nth-child(1),.dbr-ref-card:nth-child(6){grid-column:span 2}.dbr-ref-card img{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute;inset:0}.dbr-ref-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,20,30,.78))}.dbr-ref-cap{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;font-size:15px;font-weight:800}.dbr-ref-locations{padding:0 20px 76px}.dbr-ref-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.dbr-ref-tag{padding:9px 13px;border-radius:999px;background:#f1f5f2;color:#27404d;font-size:13px;border:1px solid #e0e8e2}.dbr-ref-cta{background:#f2f6f3;padding:60px 20px}.dbr-ref-cta .dbr-ref-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.dbr-ref-cta h2{color:#0b3144!important;font-size:34px!important;margin:0 0 8px!important}.dbr-ref-cta p{color:#61717a!important;margin:0!important}.dbr-ref-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;background:#8ec85a;color:#10202b!important;text-decoration:none!important;font-weight:800}
@media(max-width:850px){footer .dbr-ft-grid{grid-template-columns:1fr 1fr}.dbr-ref-grid{grid-template-columns:1fr 1fr}.dbr-ref-card:nth-child(1),.dbr-ref-card:nth-child(6){grid-column:span 1}.dbr-ref-cta .dbr-ref-wrap,.dbr-ref-head{display:block}.dbr-ref-btn{margin-top:22px}}
@media(max-width:560px){footer .dbr-ft-wrap{width:min(100% - 28px,1180px);padding-top:42px}footer .dbr-ft-grid{grid-template-columns:1fr;gap:28px}.dbr-legal-hero{padding:54px 18px 46px}.dbr-legal-source{padding:42px 0 56px!important}.dbr-legal-source .section-inner-width{width:calc(100% - 30px)!important}.dbr-ref-hero{padding:62px 18px 54px}.dbr-ref-gallery{padding:54px 16px}.dbr-ref-grid{grid-template-columns:1fr}.dbr-ref-card{min-height:260px}.dbr-ref-locations{padding:0 16px 58px}.dbr-ref-cta{padding:48px 18px}.dbr-ref-cta h2{font-size:29px!important}}


/* SOURCE STYLE: dbr-final-home-only-fixes */

:root{--dbr-green:#65a30d;--dbr-ink:#24343d}
html,body{overflow-x:hidden!important}
.dbr-final-header{position:sticky;top:0;z-index:9999;background:#fff;box-shadow:0 1px 0 rgba(15,37,48,.09);font-family:Nunito,Arial,sans-serif}
.dbr-final-header-inner{height:96px;width:min(1280px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:170px 1fr auto;align-items:center;column-gap:34px}
.dbr-final-logo{display:flex;align-items:center}
.dbr-final-logo img{display:block;width:145px;height:auto;object-fit:contain}
.dbr-final-nav{display:flex;align-items:center;justify-content:center;gap:34px;min-width:0}
.dbr-final-nav a{color:#26343c!important;text-decoration:none!important;font-size:15px;font-weight:700;white-space:nowrap;transition:color .2s ease}
.dbr-final-nav a:hover{color:var(--dbr-green)!important}
.dbr-final-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}
.dbr-final-phone{display:inline-flex;align-items:center;gap:8px;color:#26343c!important;text-decoration:none!important;font-weight:700;font-size:14px;white-space:nowrap}
.dbr-final-phone svg{width:18px;height:18px;flex:0 0 18px}
.dbr-final-phone svg path{fill:#111}
.dbr-final-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:8px;background:var(--dbr-green);color:#fff!important;text-decoration:none!important;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 8px 22px rgba(101,163,13,.16)}
.dbr-final-cta:hover{background:#333}
body.dbr-home-final .dach-section,body.dbr-home-golden .dach-section,.dach-section{max-width:1120px!important;width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important}
.dach-section ul li .circle-check{position:relative!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.dach-section ul li .circle-check .circle{position:absolute!important;inset:0!important;width:18px!important;height:18px!important;border:2px solid var(--dbr-green)!important;border-radius:50%!important;background:transparent!important;display:block!important}
.dach-section ul li .circle-check .check{position:relative!important;z-index:2!important;color:var(--dbr-green)!important;font-family:Arial,sans-serif!important;font-style:normal!important;font-weight:900!important;font-size:12px!important;line-height:1!important;transform:translateY(-.5px)!important}
main .section-inner-width-small{max-width:1180px!important;width:min(1180px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important}
.dbr-phone-under-cta{display:none!important}
[class*="consent"],[class*="cookie-banner"],.cookie-banner-root,.page-blocker-modal{display:none!important}
@media(max-width:980px){
 .dbr-final-header-inner{width:min(100% - 28px,1280px);grid-template-columns:132px 1fr auto;column-gap:16px}
 .dbr-final-logo img{width:118px}.dbr-final-nav{gap:17px}.dbr-final-nav a{font-size:13px}.dbr-final-phone span{display:none}.dbr-final-cta{padding:0 15px;font-size:13px}
}
@media(max-width:700px){
 .dbr-final-header-inner{height:78px;display:flex;justify-content:space-between}
 .dbr-final-nav{display:none}.dbr-final-phone span{display:inline}.dbr-final-phone{font-size:12px}.dbr-final-cta{display:none}
 .dach-section{width:calc(100% - 28px)!important}
 main .section-inner-width-small{width:calc(100% - 28px)!important}
}


/* SOURCE STYLE: dbr-footer-master-exact */


/* DB RICHTER FOOTER MASTER — identical on every page */
footer.dbr-premium-footer-root{
  display:block!important;
  position:relative!important;
  background:#071d2b!important;
  color:#fff!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:1.5!important;
}
footer.dbr-premium-footer-root *{box-sizing:border-box!important}
footer.dbr-premium-footer-root .dbr-ft-wrap{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:58px 0 30px!important;
}
footer.dbr-premium-footer-root .dbr-ft-grid{
  display:grid!important;
  grid-template-columns:1.35fr 1fr 1.2fr;
  gap:42px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
footer.dbr-premium-footer-root .dbr-ft-brand,
footer.dbr-premium-footer-root .dbr-ft-col{
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
}
footer.dbr-premium-footer-root .dbr-ft-brand img{
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 0 18px!important;
  filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(255,255,255,.16))!important;
  opacity:1!important;
}
footer.dbr-premium-footer-root .dbr-ft-brand p,
footer.dbr-premium-footer-root .dbr-ft-col p{
  color:rgba(255,255,255,.70)!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.65!important;
  margin:0 0 8px!important;
  padding:0!important;
}
footer.dbr-premium-footer-root .dbr-ft-contact{
  display:block!important;
  margin:15px 0 0!important;
  padding:0!important;
}
footer.dbr-premium-footer-root .dbr-ft-contact a{
  display:inline-block!important;
  margin:0 18px 0 0!important;
}
footer.dbr-premium-footer-root .dbr-ft-title{
  display:block!important;
  color:#8ec85a!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  margin:0 0 16px!important;
  padding:0!important;
}
footer.dbr-premium-footer-root .dbr-ft-col a,
footer.dbr-premium-footer-root .dbr-ft-brand a{
  display:block!important;
  color:#fff!important;
  background:transparent!important;
  text-decoration:none!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.45!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
footer.dbr-premium-footer-root .dbr-ft-brand .dbr-ft-contact a{
  display:inline-block!important;
  margin:0 18px 0 0!important;
}
footer.dbr-premium-footer-root .dbr-ft-col a:hover,
footer.dbr-premium-footer-root .dbr-ft-brand a:hover{color:#8ec85a!important}
footer.dbr-premium-footer-root .dbr-ft-bottom{
  width:100%!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  margin:38px 0 0!important;
  padding:20px 0 0!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  flex-wrap:wrap!important;
  color:rgba(255,255,255,.55)!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:18px!important;
}
footer.dbr-premium-footer-root .dbr-ft-bottom a{
  display:inline!important;
  color:rgba(255,255,255,.80)!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:18px!important;
  margin:0!important;
}
@media(max-width:850px){
  footer.dbr-premium-footer-root .dbr-ft-grid{
    grid-template-columns:1fr 1fr!important;
    gap:36px!important;
  }
}
@media(max-width:560px){
  footer.dbr-premium-footer-root .dbr-ft-wrap{
    width:min(100% - 28px,1180px)!important;
    padding:42px 0 26px!important;
  }
  footer.dbr-premium-footer-root .dbr-ft-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  footer.dbr-premium-footer-root .dbr-ft-brand img{
    width:190px!important;
    max-width:190px!important;
  }
}



/* SOURCE STYLE: dbr-home-design-harmonizer-20261002 */

body.dbr-home-final{font-family:Inter,Arial,sans-serif;color:#383838;background:#fff}
body.dbr-home-final h1,body.dbr-home-final h2,body.dbr-home-final h3{font-family:NunitoSans,Inter,Arial,sans-serif}
body.dbr-home-final .dbr-final-header{box-shadow:0 1px 0 rgba(15,23,42,.08)}
body.dbr-home-final a.dbr-btn,body.dbr-home-final .dbr-btn,body.dbr-home-final a[class*="cta"],body.dbr-home-final button[type="submit"]{border-radius:8px!important;font-weight:700!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important}
body.dbr-home-final a.dbr-btn:hover,body.dbr-home-final .dbr-btn:hover,body.dbr-home-final a[class*="cta"]:hover,body.dbr-home-final button[type="submit"]:hover{transform:translateY(-1px)!important}
body.dbr-home-final section{box-sizing:border-box}


/* SOURCE STYLE: dbr-global-final-polish-20261002 */

:root{--dbr-green:#65a30d;--dbr-navy:#06293a;--dbr-text:#24343d}
html{scroll-behavior:smooth}body{overflow-x:hidden}
.dbr-final-header{background:#fff!important;box-shadow:0 1px 0 rgba(15,37,48,.09)!important}
.dbr-final-nav a{font-weight:700!important;color:#26343c!important}
.dbr-final-nav a:hover{color:var(--dbr-green)!important}
.dbr-final-cta,.dbr-btn,a.dbr-btn,button.dbr-btn{border-radius:8px!important;font-weight:800!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.dbr-final-cta:hover,.dbr-btn:hover,a.dbr-btn:hover,button.dbr-btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px rgba(101,163,13,.22)!important}
.dbr-global-footer{background:var(--dbr-navy)!important}
.dbr-global-footer a{text-decoration:none}
.dbr-global-footer .dbr-social-icon{width:38px!important;height:38px!important;border-radius:9px!important}
.dbr-home-faq-section{background:#f4f6f6!important}
.dbr-home-faq details{background:#fff!important;border:1px solid #dce3e6!important;border-radius:9px!important}
@media(max-width:767px){.dbr-final-header-inner{width:calc(100% - 28px)!important}.dbr-final-actions{gap:8px!important}.dbr-final-cta{padding:0 14px!important}}


/* SOURCE STYLE: hc-header-nav-fix-20261006 */

html body .dbr-final-header-inner{box-sizing:border-box!important;max-width:1280px!important;width:calc(100% - 48px)!important;display:grid!important;grid-template-columns:150px minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;overflow:hidden!important}
html body .dbr-final-logo img{max-width:145px!important;height:auto!important}
html body .dbr-final-nav{min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:20px!important;white-space:nowrap!important;overflow:hidden!important}
html body .dbr-final-nav a{font-size:14px!important;line-height:1.1!important;white-space:nowrap!important}
html body .dbr-final-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:max-content!important;flex-shrink:0!important}
html body .dbr-final-phone,html body .dbr-final-cta{white-space:nowrap!important;flex-shrink:0!important}
@media(max-width:1180px){html body .dbr-final-header-inner{grid-template-columns:132px minmax(0,1fr) auto!important;width:calc(100% - 32px)!important;gap:12px!important}html body .dbr-final-nav{gap:12px!important}html body .dbr-final-nav a{font-size:12px!important}}
@media(max-width:980px){html body .dbr-final-nav{display:none!important}html body .dbr-final-header-inner{display:flex!important;justify-content:space-between!important;overflow:visible!important}html body .dbr-final-logo img{max-width:126px!important}}
@media(max-width:560px){html body .dbr-final-phone span,html body .dbr-final-cta{display:none!important}}


/* SOURCE STYLE: dbr-reference-header-final */

/* Header exactly in the clean reference direction */
html body .dbr-final-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%!important;
  background:#ffffff!important;
  box-shadow:none!important;
  border:0!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
}
html body .dbr-final-header-inner{
  width:min(1120px,calc(100% - 48px))!important;
  height:92px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:44px!important;
}
html body .dbr-final-logo{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
html body .dbr-final-logo img{
  display:block!important;
  width:112px!important;
  height:auto!important;
  object-fit:contain!important;
}
html body .dbr-final-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:34px!important;
  margin-left:auto!important;
  min-width:0!important;
}
html body .dbr-final-nav a{
  color:#2e2724!important;
  background:transparent!important;
  text-decoration:none!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
  white-space:nowrap!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
}
html body .dbr-final-nav a:hover{
  color:#65a30d!important;
}

/* Old action area must never return */
html body .dbr-final-actions,
html body .dbr-final-phone,
html body .dbr-final-cta{
  display:none!important;
}

/* Hero phone: one icon only. Inline SVG removed from HTML; this is the sole icon. */
html body .dach-section .action-row .dbr-home-hero-phone{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:0 22px!important;
  border-radius:8px!important;
  background:#4d7c0f!important;
  color:#ffffff!important;
  text-decoration:none!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
}
html body .dach-section .action-row .dbr-home-hero-phone svg{
  display:none!important;
}
html body .dach-section .action-row .dbr-home-hero-phone:before{
  content:"☎"!important;
  display:inline-block!important;
  color:#111111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
  margin:0 1px 0 0!important;
}
html body .dach-section .action-row .dbr-home-hero-phone span{
  color:#ffffff!important;
  font-family:Nunito,Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
}

/* suppress any older pseudo-icon rules that target descendants */
html body .dach-section .action-row .dbr-home-hero-phone span:before,
html body .dach-section .action-row .dbr-home-hero-phone span:after{
  content:none!important;
  display:none!important;
}

@media(max-width:900px){
  html body .dbr-final-header-inner{
    width:min(100% - 28px,1120px)!important;
    height:78px!important;
    gap:20px!important;
  }
  html body .dbr-final-logo img{width:96px!important}
  html body .dbr-final-nav{gap:17px!important}
  html body .dbr-final-nav a{font-size:12px!important}
}
@media(max-width:700px){
  html body .dbr-final-nav{
    overflow-x:auto!important;
    justify-content:flex-start!important;
    gap:16px!important;
    scrollbar-width:none!important;
  }
  html body .dbr-final-nav::-webkit-scrollbar{display:none!important}
  html body .dbr-final-nav a{font-size:11px!important}
}



/* Local HTML parity fixes: isolate DB-Richter chrome from WordPress layout. */
html body .dbr-final-header{box-sizing:border-box!important;position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;max-width:none!important;margin:0!important;left:auto!important;background:#fff!important;box-shadow:none!important;border:0!important}
html body .dbr-final-header *{box-sizing:border-box}
html body .dbr-final-header a{text-decoration:none!important}
html body .dbr-final-header-inner{box-sizing:border-box!important}
html body .dbr-premium-footer-root{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important;clear:both!important}
html body .dbr-premium-footer-root *{box-sizing:border-box}
html body .dbr-premium-footer-root a{text-decoration:none}
/* Replace the funnel's six-step wizard with expanded form. */
.dbrpf.is-fully-expanded .dbrpf__topbar{grid-template-columns:minmax(0,1fr)!important}
.dbrpf.is-fully-expanded .dbrpf__kicker{display:flex!important;gap:0!important}
.dbrpf.is-fully-expanded .dbrpf__kicker::before,.dbrpf.is-fully-expanded .dbrpf__kicker-line,.dbrpf.is-fully-expanded .dbrpf__progress,.dbrpf.is-fully-expanded [data-dbr-mobile-progress],.dbrpf.is-fully-expanded .dbrpf__wizard-nav{display:none!important}
.dbrpf.is-fully-expanded .dbrpf__section{display:block!important;min-height:0!important;opacity:1!important;visibility:visible!important;animation:none!important;margin-bottom:18px!important}
.dbrpf.is-fully-expanded .dbrpf__section[hidden]{display:block!important}
.dbrpf.is-fully-expanded .dbrpf__section--contact{display:block!important}
.dbrpf.is-fully-expanded .dbrpf__submit-row{display:flex!important}
/* Source nav switches to a hamburger at small viewports. */
.dbr-clone-menu-toggle{display:none!important;cursor:pointer;background:transparent;border:0;color:#1b3949;font-size:30px;line-height:1;padding:8px 10px;border-radius:5px}
.dbr-clone-mobile-menu{display:none!important;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 26px rgba(5,34,56,.13);padding:14px 22px 22px;flex-direction:column;gap:0;z-index:99999}
.dbr-clone-mobile-menu a{display:block;padding:13px 10px;color:#253e4a;font-size:15px;font-weight:700;border-bottom:1px solid #edf0f2}
.dbr-clone-mobile-menu a:last-child{background:#65a30d;color:#fff!important;border-radius:7px;text-align:center;margin-top:10px}
@media(max-width:820px){
 html body .dbr-final-header-inner{width:calc(100% - 28px)!important;max-width:none!important;margin:0 14px!important;height:78px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
 html body .dbr-final-nav{display:none!important}
 .dbr-clone-menu-toggle{display:block!important;margin-left:auto!important}
 .dbr-clone-mobile-menu.is-open{display:flex!important}
}

/* Pixel-fidelity parity to db-richter.de: 20 Oct 2026 */
@media(min-width:821px){
html body .dbr-final-header-inner{display:flex!important;width:907px!important;max-width:calc(100% - 48px)!important;height:75px!important;min-height:0!important;margin:0 auto!important;gap:0!important;justify-content:space-between!important;align-items:center!important;grid-template-columns:none!important}
html body .dbr-final-logo{width:91px!important;height:60px!important;flex:0 0 91px!important;max-width:91px!important}
html body .dbr-final-logo img{display:block!important;width:91px!important;height:60px!important;max-width:none!important;object-fit:contain!important}
html body .dbr-final-nav{display:flex!important;margin-left:auto!important;gap:28px!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;flex:none!important}
html body .dbr-final-nav a{font-size:11px!important;line-height:11px!important;white-space:nowrap!important;letter-spacing:0!important;padding:0!important;margin:0!important}
html body .dbr-ft-brand img{display:none!important}
}
html body .dbr-final-header{height:auto!important;min-height:0!important;line-height:normal!important}
html body footer.dbr-premium-footer-root .dbr-ft-wrap{box-sizing:border-box!important;max-width:1004px!important;width:calc(100% - 36px)!important;margin:0 auto!important;padding:37px 0 24px!important;font-size:13px!important;line-height:19.5px!important}
html body footer.dbr-premium-footer-root .dbr-ft-grid{display:grid!important;grid-template-columns:211px 109px 145px 118px minmax(0,1fr)!important;column-gap:30px!important;row-gap:0!important;align-items:start!important;justify-content:start!important;width:100%!important;min-height:185px!important}
html body footer.dbr-premium-footer-root .dbr-ft-col{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important}
html body footer.dbr-premium-footer-root .dbr-ft-contact{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important}
html body footer.dbr-premium-footer-root .dbr-ft-col a{font-size:11px!important;line-height:19.5px!important;margin:0 0 6px!important;padding:0!important;min-height:0!important}
html body footer.dbr-premium-footer-root .dbr-ft-title{font-size:10px!important;line-height:15px!important;margin-bottom:15px!important;font-weight:800!important}
html body footer.dbr-premium-footer-root .dbr-ft-brand p{font-size:11px!important;line-height:16.5px!important;margin:10px 0 0!important;max-width:211px!important}
html body footer.dbr-premium-footer-root .dbr-footer-socials{height:28px!important;margin:14px 0 0!important;gap:12px!important}
html body footer.dbr-premium-footer-root .dbr-footer-socials a{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
html body footer.dbr-premium-footer-root .dbr-ft-bottom{box-sizing:border-box!important;margin-top:24px!important;padding-top:17px!important;font-size:11px!important;line-height:18px!important}
@media(max-width:820px){
html body .dbr-final-header{height:78px!important;min-height:78px!important}
html body .dbr-final-header-inner{height:78px!important;min-height:78px!important;width:calc(100% - 28px)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:0!important}
html body .dbr-final-logo{width:96px!important;height:63px!important;flex:0 0 96px!important}
html body .dbr-final-logo img{width:96px!important;height:63px!important;object-fit:contain!important}
html body footer.dbr-premium-footer-root .dbr-ft-wrap{display:grid!important;grid-template-columns:1fr!important;width:calc(100% - 36px)!important;max-width:560px!important;margin:0 auto!important;padding:28px 0 22px!important;gap:0!important}
html body footer.dbr-premium-footer-root .dbr-ft-grid{display:contents!important}
html body footer.dbr-premium-footer-root .dbr-ft-brand{order:0!important;width:100%!important;min-height:0!important;margin:0!important}
html body footer.dbr-premium-footer-root .dbr-ft-brand img{display:block!important;width:170px!important;max-width:170px!important;height:auto!important;margin:0 0 10px!important}
html body footer.dbr-premium-footer-root .dbr-ft-brand p{font-size:13px!important;line-height:20px!important;max-width:354px!important;margin:10px 0 0!important}
html body footer.dbr-premium-footer-root .dbr-footer-socials{order:1!important;margin:24px 0 27px!important;height:35px!important;justify-content:flex-start!important}
html body footer.dbr-premium-footer-root .dbr-footer-socials a{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important}
html body footer.dbr-premium-footer-root .dbr-ft-col{display:flex!important;flex-direction:column!important;gap:0!important;margin:0 0 22px!important;width:100%!important}
html body footer.dbr-premium-footer-root .dbr-ft-col:nth-child(2){order:2!important}
html body footer.dbr-premium-footer-root .dbr-ft-col:nth-child(3){order:3!important}
html body footer.dbr-premium-footer-root .dbr-ft-col:nth-child(4){order:4!important}
html body footer.dbr-premium-footer-root .dbr-ft-col:nth-child(5){order:5!important}
html body footer.dbr-premium-footer-root .dbr-ft-title{font-size:11px!important;line-height:15.4px!important;margin:0 0 10px!important}
html body footer.dbr-premium-footer-root .dbr-ft-col a{font-size:13px!important;line-height:20.15px!important;padding:2px 0!important;margin:0!important}
html body footer.dbr-premium-footer-root .dbr-ft-contact{margin-bottom:0!important}
html body footer.dbr-premium-footer-root .dbr-ft-bottom{order:6!important;margin-top:7px!important;padding-top:18px!important;font-size:12px!important}
}



/* 2027-Terminaktion / isolierte HTML-Vorschau */
.dbrh-hero .dbr-2027-promo{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(795px,100%);margin-top:23px;padding:17px 19px 17px 21px;border:1px solid rgba(231,189,99,.85);border-radius:17px;color:#fff;background:linear-gradient(115deg,#062b45 0%,#074f7e 72%,#063a60 100%);box-shadow:0 12px 35px rgba(4,37,59,.17),inset 0 1px 0 rgba(255,255,255,.13);font-family:Inter,Arial,sans-serif;isolation:isolate}
.dbr-2027-promo:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 80% 0%,rgba(255,220,124,.14),transparent 49%);pointer-events:none}
.dbr-2027-promo__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.dbr-2027-promo__eyebrow{font-size:10px;line-height:1.2;letter-spacing:.16em;font-weight:900;color:#ffd67c!important}
.dbr-2027-promo__headline{display:block!important;font-size:clamp(16px,1.5vw,22px)!important;line-height:1.14!important;font-weight:850!important;letter-spacing:-.025em!important;color:#fff!important}
.dbr-2027-promo__headline span{color:#f9d27a!important}
.dbr-2027-promo__subline{font-size:12px;line-height:1.35;font-weight:550;color:#e5f2fa!important}
.dbr-2027-promo__subline b{font-weight:900;color:#ffd479!important}
.dbr-2027-promo__note{font-size:9px;line-height:1.25;color:rgba(223,237,248,.8)!important}
.dbr-2027-promo__right{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:146px}
.dbr-2027-promo__discount{display:flex;align-items:baseline;gap:7px;text-align:center;color:#ffe3a4!important;white-space:nowrap}
.dbr-2027-promo__discount>span,.dbr-2027-promo__discount>small{font-size:8px;letter-spacing:.09em;font-weight:900;color:#ffdaa1!important}
.dbr-2027-promo__discount>strong{font-size:38px;line-height:.92;font-weight:950;letter-spacing:-.075em;color:#ffd071!important;text-shadow:0 2px 18px rgba(255,214,122,.21)}
.dbr-2027-promo__discount>strong span{font-size:20px;margin-left:2px;letter-spacing:0}
.dbr-2027-promo__cta,.dbr-2027-promo__cta:visited{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;min-height:38px;border-radius:8px;border:1px solid #f8dda0;background:linear-gradient(145deg,#ffe19b,#eab952);box-shadow:0 5px 13px rgba(0,0,0,.13);text-align:center;text-decoration:none!important;color:#173247!important;font-size:11px;font-weight:900;white-space:nowrap;transition:transform .18s,box-shadow .18s}
.dbr-2027-promo__cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.20)}
/* Preisrechner überlappt das Hero-Bild um rund 40px stärker. */
@media(min-width:721px){html body .dbrpf .dbrpf__inner{margin-top:-96px!important}}
@media(max-width:1120px) and (min-width:721px){.dbrh-hero .dbr-2027-promo{width:min(680px,100%);gap:10px;padding:14px}.dbr-2027-promo__headline{font-size:17px!important}.dbr-2027-promo__right{min-width:133px}}
@media(max-width:720px){
 .dbrh-hero .dbr-2027-promo{width:100%;margin-top:19px;padding:14px;gap:12px;flex-direction:column;align-items:stretch;border-radius:14px}
 .dbr-2027-promo__body{gap:6px}
 .dbr-2027-promo__eyebrow{font-size:9px}
 .dbr-2027-promo__headline{font-size:19px!important;line-height:1.18!important}
 .dbr-2027-promo__subline{font-size:12px}
 .dbr-2027-promo__right{min-width:0;flex-direction:row;justify-content:space-between;gap:10px}
 .dbr-2027-promo__discount>strong{font-size:32px}
 .dbr-2027-promo__cta{flex:1;font-size:10px;white-space:normal;padding:10px 9px}
 html body .dbrpf .dbrpf__inner{margin-top:-44px!important}
}
@media(max-width:430px){.dbr-2027-promo__headline{font-size:18px!important}.dbr-2027-promo__right{gap:8px}.dbr-2027-promo__discount{gap:3px}.dbr-2027-promo__discount>span,.dbr-2027-promo__discount>small{font-size:7px}.dbr-2027-promo__cta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dbr-2027-promo__cta{transition:none}}

/* Freies Garantiesiegel auf sehr kleinen Displays, ohne Textueberlagerung */
@media(max-width:720px){html body .dbrh-hero__seal{top:15px!important;right:10px!important;width:58px!important;z-index:4!important}html body .dbrpf .dbrpf__inner{margin-top:-32px!important}}


@media(max-width:720px){html body .dbrh-hero__seal{height:58px!important}}


/* Local HTML presentation: overall approx. 10% smaller, desktop and mobile. */
html { zoom: .90; }
@supports not (zoom: .90) { html { font-size:90%; } }
/* Keep the page width and anchors responsive; no transform-based shrinking. */

/* calc-cleanup-2026: reduce explanatory filler while retaining input labels. */
html body .dbrpf__section-head .dbrpf__eyebrow,
html body .dbrpf__section-head p,
html body .dbrpf-choice__copy small {display:none!important}
html body .dbrpf__section-head {align-items:center!important;margin-bottom:15px!important}
html body .dbrpf__section-head h3 {margin:0!important}
/* Counteract zoom shrink on full-bleed backgrounds, without horizontal scrolling. */
html body .dbrh-hero {width:111.111111vw!important;max-width:none!important;margin-left:calc(50% - 55.555555vw)!important;margin-right:calc(50% - 55.555555vw)!important}
html body .dbrpf {width:111.111111vw!important;max-width:none!important;margin-left:calc(50% - 55.555555vw + 32px)!important;margin-right:calc(50% - 55.555555vw)!important}
@media(max-width:720px){html body .dbrpf {margin-left:calc(50% - 55.555555vw + 24px)!important}}


/* Dachreinigung Kosten – local preview, refinement of EXISTING index.html */
:root{--hc-blue:#075c97;--hc-blue-dark:#08486f;--hc-text:#0a3452;--hc-muted:#526b7e;--hc-line:#d3e4ef}
/* The logo/nav/footer use the same max content width as the calculator (1400px before 90%-zoom). */
html body .dbr-final-header{width:100%!important;max-width:none!important;background:#fff!important;border-bottom:1px solid #e6eef3!important;box-shadow:0 3px 17px rgba(13,61,99,.05)!important}
@media(min-width:821px){
 html body .dbr-final-header-inner{width:min(1400px,calc(100% - 64px))!important;max-width:1400px!important;height:100px!important;min-height:100px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:42px!important;margin:0 auto!important}
 html body .dbr-final-logo{display:flex!important;align-items:center!important;width:175px!important;max-width:175px!important;min-width:175px!important;height:85px!important;flex:0 0 175px!important}
 html body .dbr-final-logo img{display:block!important;object-fit:contain!important;width:160px!important;height:80px!important;max-width:160px!important;max-height:80px!important}
 html body .dbr-final-nav{display:flex!important;align-items:center!important;gap:31px!important;margin-left:auto!important;flex:none!important}
 html body .dbr-final-nav a{font:700 15px/1.25 Arial,sans-serif!important;color:#143f5d!important;letter-spacing:0!important;text-transform:none!important;transition:color .2s}
 html body .dbr-final-nav a:hover{color:#075e9c!important}
 html body .dbr-final-nav .dbr-master-button-v5{background:#096198!important;color:#fff!important;padding:12px 17px!important;border-radius:7px!important}
}
@media(max-width:820px){
 html body .dbr-final-header{height:84px!important;min-height:84px!important}
 html body .dbr-final-header-inner{height:84px!important;min-height:84px!important;width:calc(100% - 34px)!important;margin:0 17px!important;justify-content:space-between!important}
 html body .dbr-final-logo{display:flex!important;align-items:center!important;width:125px!important;height:78px!important;flex:0 0 125px!important}
 html body .dbr-final-logo img{width:120px!important;height:72px!important;max-width:120px!important;object-fit:contain!important}
 html body .dbr-clone-mobile-menu{border-top:1px solid #e4edf4!important}
}
/* Give the guarantee seal the requested 15px lower position on all screen sizes. */
html body .dbrh-hero__seal{margin-top:15px!important}
/* Second brand mark inside the current hero rather than creating a new landing page. */
html body .dbrh-hero .hc-hero-brand{position:absolute;z-index:3;right:32px;top:184px;display:flex;align-items:center;justify-content:center;width:160px;height:97px;padding:9px 14px;border:1px solid rgba(207,226,236,.9);border-radius:13px;background:rgba(255,255,255,.88);box-shadow:0 9px 24px rgba(5,54,91,.10);backdrop-filter:blur(4px)}
html body .dbrh-hero .hc-hero-brand img{display:block;max-width:100%;height:100%;object-fit:contain}
@media(min-width:721px) and (max-width:1080px){html body .dbrh-hero .hc-hero-brand{width:124px;height:83px;top:166px;right:20px}}
@media(max-width:720px){html body .dbrh-hero .hc-hero-brand{display:none}}
/* Region redesign – restrained editorial block instead of interactive cards/toggles. */
html body .hc-coverage{box-sizing:border-box;width:111.111111vw;max-width:none;margin-left:calc(50% - 55.555555vw);margin-right:calc(50% - 55.555555vw);padding:0;background:linear-gradient(135deg,#f3f9fc 0%,#edf6fb 55%,#f6fafc 100%);border-top:1px solid #d6e7f1;border-bottom:1px solid #d3e5f0;overflow:hidden}
html body .hc-coverage *,html body .hc-coverage *:before,html body .hc-coverage *:after{box-sizing:border-box}
html body .hc-coverage__inner{width:min(1400px,calc(100% - 64px));max-width:1400px;margin:0 auto;padding:82px 0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:68px;font-family:Arial,Helvetica,sans-serif}
html body .hc-coverage__copy{min-width:0}
html body .hc-coverage__eyebrow{display:block;margin-bottom:18px;color:#0871ae;font-size:13px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
html body .hc-coverage h2{color:#083a60!important;font-size:clamp(31px,3.25vw,51px)!important;line-height:1.11!important;letter-spacing:-.045em!important;font-weight:850!important;margin:0 0 23px!important;max-width:660px}
html body .hc-coverage h2 em{display:block;color:#0875b4!important;font-style:normal!important}
html body .hc-coverage p{font-size:17px!important;line-height:1.68!important;color:#415d70!important;margin:0 0 18px!important;max-width:620px}
html body .hc-coverage p strong{color:#113b55;font-weight:750}
html body .hc-coverage__detail{font-size:16px!important;color:#506c7e!important}
html body .hc-coverage__service-line{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:25px 0 23px;font-size:13px;color:#0b5486;font-weight:700}
html body .hc-coverage__service-line strong{font-weight:750}
html body .hc-coverage__service-line span{width:4px;height:4px;background:#3f9cc6;border-radius:50%}
html body .hc-coverage__link{display:inline-flex;align-items:center;gap:14px;color:#075c97!important;font-size:15px;font-weight:800;text-decoration:none!important;border-bottom:2px solid #8bc5e2;padding-bottom:7px;transition:border-color .2s}
html body .hc-coverage__link:hover{border-color:#075c97}
html body .hc-coverage__map{display:block;min-width:0;margin:0;padding:8px 8px 0;border-radius:18px;border:1px solid #d5e7f0;background:#fff;box-shadow:0 16px 39px rgba(14,77,113,.10);overflow:hidden}
html body .hc-coverage__map-image-wrap{border-radius:12px;overflow:hidden;height:480px;background:#e6f2f8}
html body .hc-coverage__map img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
html body .hc-coverage figcaption{display:grid;grid-template-columns:15px 1fr;column-gap:10px;padding:18px 14px 20px;color:#0b4c76;font-size:15px;line-height:1.3}
html body .hc-coverage__map-icon{grid-row:span 2;color:#1680b6;font-size:14px;line-height:1.35}
html body .hc-coverage figcaption strong{font-size:15px;font-weight:800}
html body .hc-coverage figcaption small{font-size:12px;color:#62798a;margin-top:3px}
@media(min-width:821px) and (max-width:1180px){html body .hc-coverage__inner{gap:32px}html body .hc-coverage__map-image-wrap{height:400px}html body .hc-coverage p{font-size:15px!important}}
@media(max-width:820px){html body .hc-coverage__inner{grid-template-columns:1fr;gap:30px;width:calc(100% - 34px);padding:52px 0}html body .hc-coverage h2{font-size:34px!important}html body .hc-coverage p{font-size:16px!important;line-height:1.6!important}html body .hc-coverage__map-image-wrap{height:380px}}
@media(max-width:520px){html body .hc-coverage__inner{padding:39px 0 50px}html body .hc-coverage h2{font-size:30px!important}html body .hc-coverage__eyebrow{font-size:11px}html body .hc-coverage p{font-size:15px!important}html body .hc-coverage__map-image-wrap{height:345px}html body .hc-coverage__service-line{font-size:12px;gap:8px}html body .hc-coverage figcaption{padding:14px 10px 17px}}
/* Color-match the footer to the existing website blue, and match nav/hero widths. */
html body footer.dbr-premium-footer-root{width:100%!important;max-width:none!important;background:#075985!important;background-image:linear-gradient(120deg,#09699b 0%,#075987 55%,#084d78 100%)!important;box-shadow:none!important;border-top:none!important}
html body footer.dbr-premium-footer-root .dbr-ft-wrap{width:min(1400px,calc(100% - 64px))!important;max-width:1400px!important;margin:0 auto!important;padding:47px 0 27px!important}
@media(min-width:821px){html body footer.dbr-premium-footer-root .dbr-ft-grid{display:grid!important;grid-template-columns:minmax(235px,1.5fr) repeat(3,minmax(125px,.85fr)) minmax(205px,1.1fr)!important;column-gap:46px!important;row-gap:0!important;align-items:start!important;width:100%!important;min-height:190px!important}}
html body footer.dbr-premium-footer-root .dbr-ft-title{color:#d7effa!important;font-size:12px!important;letter-spacing:.09em!important}
html body footer.dbr-premium-footer-root .dbr-ft-col a{color:#eef8ff!important;font-size:13px!important;line-height:1.8!important}
html body footer.dbr-premium-footer-root .dbr-ft-brand p,html body footer.dbr-premium-footer-root .dbr-ft-bottom,html body footer.dbr-premium-footer-root .dbr-ft-contact{color:#e5f3fc!important}
html body footer.dbr-premium-footer-root .dbr-ft-brand img{display:block!important;width:190px!important;height:auto!important;max-width:100%!important;margin:0 0 18px!important;filter:brightness(0) invert(1)!important}
html body footer.dbr-premium-footer-root .dbr-ft-bottom{border-top:1px solid rgba(255,255,255,.25)!important}
@media(max-width:820px){html body footer.dbr-premium-footer-root .dbr-ft-wrap{width:calc(100% - 40px)!important;padding:35px 0 24px!important;max-width:540px!important}html body footer.dbr-premium-footer-root .dbr-ft-brand img{width:155px!important}}

/* Exact full-bleed alignment with existing hero and footer */
html body .hc-coverage{position:relative!important;left:-32px!important;background:linear-gradient(135deg,#f3f9fc 0%,#edf6fb 55%,#f6fafc 100%)!important}
@media(max-width:720px){html body .hc-coverage{left:-24px!important}}


/* Keep all city pins visible in the static image, no crop at screen edges. */
html body .hc-coverage__map-image-wrap{height:auto!important;aspect-ratio:1220/900!important}
html body .hc-coverage__map img{object-fit:contain!important;object-position:center center!important}
html body .hc-coverage h2{font-size:clamp(30px,2.85vw,45px)!important}
@media(max-width:820px){html body .hc-coverage h2{font-size:34px!important}}
@media(max-width:520px){html body .hc-coverage h2{font-size:30px!important}}


/* In-page anchor stays below sticky mobile/desktop navigation. */
html body #einsatzgebiet{scroll-margin-top:110px!important}


/* hc-banner-2026-final: compact 2026 promotion without the old headline and CTA. */
html body .dbr-2027-promo{align-items:center!important;min-height:0!important;max-width:795px!important;padding:18px 22px!important;gap:20px!important}
html body .dbr-2027-promo__body{gap:10px!important}
html body .dbr-2027-promo__eyebrow{font-size:11px!important}
html body .dbr-2027-promo__subline{font-size:17px!important;font-weight:750!important;line-height:1.36!important;color:#fff!important}
html body .dbr-2027-promo__subline b{font-weight:850!important;color:#ffdb91!important}
html body .dbr-2027-promo__right{min-width:145px!important;justify-content:center!important;align-self:center!important}
html body .dbr-2027-promo__discount>strong{font-size:44px!important;line-height:1!important}
@media(max-width:720px){html body .dbr-2027-promo{gap:12px!important;padding:15px 15px 18px!important}html body .dbr-2027-promo__subline{font-size:16px!important}html body .dbr-2027-promo__right{min-width:0!important;align-self:flex-start!important}html body .dbr-2027-promo__discount>strong{font-size:40px!important}}
/* Customer status: make the 500-euro ADDITIONAL-SERVICES condition visible, not hidden under compact UI rules. */
html body .dbrpf [data-dbr-section="customer"] input[value="existing"]~.dbrpf-choice__copy small,
html body .dbrpf [data-dbr-section="customer"] label:has(input[value="existing"]) .dbrpf-choice__copy small{display:block!important;color:#526f81!important;font-size:12px!important;line-height:1.35!important;max-width:230px!important;margin-top:4px!important}
html body .dbrpf [data-dbr-section="customer"] label:has(input[value="existing"]){min-height:89px!important}
@media(max-width:720px){html body .dbrpf [data-dbr-section="customer"] label:has(input[value="existing"]) .dbrpf-choice__copy small{font-size:11px!important}}
/* Footer: subtly darker than the previous blue, retaining the site's brighter blue identity. */
html body footer.dbr-premium-footer-root{background:#064c78!important;background-image:linear-gradient(120deg,#075985 0%,#064b76 55%,#073e66 100%)!important}

/* premium-network-final: larger geographic hub-and-spoke graphic, same landing page. */
html body .hc-coverage__inner{grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr)!important;gap:34px!important}
html body .hc-coverage__map-image-wrap{aspect-ratio:1650/1200!important;height:auto!important;background:#eff6fa!important}
html body .hc-coverage__map img{object-fit:contain!important;width:100%!important;height:100%!important}
html body .hc-coverage h2{font-size:clamp(29px,2.65vw,43px)!important;line-height:1.12!important;margin-bottom:21px!important}
html body .hc-coverage__copy{padding-top:3px!important}
html body .hc-coverage__map{border-radius:21px!important;box-shadow:0 22px 49px rgba(8,68,111,.13)!important}
html body .hc-coverage figcaption{padding:18px 16px 22px!important}
@media(max-width:820px){html body .hc-coverage__inner{grid-template-columns:1fr!important;gap:26px!important}html body .hc-coverage h2{font-size:34px!important}}
@media(max-width:520px){html body .hc-coverage h2{font-size:30px!important}html body .hc-coverage figcaption{padding:14px 12px 17px!important}}
/* Footer only slightly darker than the prior approved blue gradient. */
html body footer.dbr-premium-footer-root{background:#064971!important;background-image:linear-gradient(120deg,#075681 0%,#064773 55%,#063b63 100%)!important}


/* Handwerker-Preisrechner 2026: gezeichnete Konturen statt Karopapier-Zettel.
   Alte Preislogik, Green-Pricing-Farben und sticky Verhalten bleiben erhalten. */
@font-face{font-family:"HC Sketch";src:url("./assets/caveat-700-latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
/* Irregular handmade outline, warm white surfaces, light ink accents. */
html body .dbrpf .dbrpf__frame{border:1.5px solid #bed3d8!important;border-radius:22px 16px 25px 19px / 16px 25px 18px 23px!important;box-shadow:4px 14px 30px rgba(7,62,99,.09)!important;overflow:visible!important;background:#fff!important}
html body .dbrpf .dbrpf__topbar{background:linear-gradient(135deg,#f5fafb,#ecf5f8)!important;border-bottom:1.5px solid #b9d7e4!important;border-radius:20px 15px 1px 1px!important}
html body .dbrpf .dbrpf__kicker,html body .dbrpf .dbrpf__kicker span{font-family:"HC Sketch","Segoe Print",cursive!important;font-size:clamp(28px,2.6vw,39px)!important;line-height:1.05!important;letter-spacing:.01em!important;font-weight:700!important;text-transform:none!important;color:#0b5988!important}
html body .dbrpf .dbrpf__kicker{position:relative;display:inline-block;padding-bottom:8px!important}
html body .dbrpf .dbrpf__kicker::after{content:"";position:absolute;left:2px;right:12%;bottom:0;height:7px;border-bottom:2.3px solid #398bb4;border-radius:40% 60% 45% 48%;transform:rotate(-1.2deg);opacity:.84;pointer-events:none}
html body .dbrpf .dbrpf__section{position:relative;isolation:isolate;background:#fffefa!important;border:1.7px solid #bbd4da!important;border-radius:15px 22px 14px 24px / 22px 13px 22px 15px!important;box-shadow:3px 5px 0 rgba(36,106,141,.045),0 7px 16px rgba(11,66,95,.035)!important;overflow:visible!important}
html body .dbrpf .dbrpf__section:nth-of-type(even){border-radius:24px 14px 22px 15px / 15px 22px 14px 20px!important;background:#fff!important}
/* Marker stroke at bottom of each section, deliberately not ruler-straight. */
html body .dbrpf .dbrpf__section::after{content:"";position:absolute;left:15px;right:20px;bottom:-3px;height:6px;border-bottom:1.7px solid rgba(33,122,160,.38);border-radius:44% 57% 49% 52%;transform:rotate(-.4deg);pointer-events:none}
html body .dbrpf .dbrpf__section:nth-of-type(even)::after{transform:rotate(.45deg);left:24px;right:14px}
html body .dbrpf .dbrpf__section-head{align-items:center!important;gap:13px!important;margin-bottom:15px!important}
html body .dbrpf .dbrpf__section-head h3{font-family:"HC Sketch","Segoe Print",cursive!important;font-size:clamp(27px,2.25vw,34px)!important;line-height:1.04!important;letter-spacing:.005em!important;font-weight:700!important;color:#0d405f!important;margin:0!important}
html body .dbrpf .dbrpf__section-number{font-family:"HC Sketch","Segoe Print",cursive!important;font-size:29px!important;font-weight:700!important;line-height:1!important;color:#176392!important;border:2px solid #93bad0!important;border-radius:52% 45% 55% 44% / 48% 57% 43% 52%!important;background:#f0f8fa!important;box-shadow:1px 2px 0 rgba(4,80,128,.11)!important;transform:rotate(-7deg)}
html body .dbrpf .dbrpf__section:nth-of-type(even) .dbrpf__section-number{transform:rotate(6deg)}
/* Selectable options look manually outlined, while retaining standard hit areas. */
html body .dbrpf .dbrpf-choice{background:#fcfefd!important;border:1.55px solid #bfcfd0!important;border-radius:14px 20px 13px 18px / 18px 12px 19px 14px!important;box-shadow:1px 2px 0 rgba(46,112,127,.08)!important;transition:background-color .18s,border-color .18s,box-shadow .18s!important}
html body .dbrpf .dbrpf-choice:nth-child(even){border-radius:20px 12px 19px 15px / 11px 19px 12px 22px!important}
html body .dbrpf .dbrpf-choice:hover{border-color:#5593b1!important;background:#f3fbfb!important;box-shadow:2px 3px 0 rgba(46,112,127,.15)!important}
html body .dbrpf .dbrpf-choice:has(input:checked){border-color:#2d7c9f!important;background:#eff8fc!important;box-shadow:2px 3px 0 rgba(31,114,157,.18)!important}
html body .dbrpf .dbrpf-choice__indicator{border-width:1.7px!important;border-radius:54% 47% 52% 45% / 44% 58% 42% 56%!important}
html body .dbrpf input:not([type=radio]):not([type=checkbox]):not([type=hidden]),html body .dbrpf select,html body .dbrpf textarea{border:1.5px solid #a6c3cf!important;border-radius:10px 14px 10px 15px / 15px 9px 14px 11px!important;background:#fff!important}
html body .dbrpf input:focus-visible,html body .dbrpf select:focus-visible,html body .dbrpf textarea:focus-visible{outline:2px solid #237fac!important;outline-offset:2px!important}
/* Live calculator remains green and sticky. Only sketched heading/line accents. */
html body .dbrpf .dbrpf__price-card{border-radius:16px 21px 16px 24px / 19px 14px 23px 16px!important;border:1.6px solid #bdd6c6!important;box-shadow:3px 7px 17px rgba(36,91,66,.10)!important}
html body .dbrpf .dbrpf__price-live{font-family:"HC Sketch","Segoe Print",cursive!important;font-size:28px!important;line-height:.95!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
html body .dbrpf .dbrpf__price-main [data-dbr-price-total]{position:relative;display:inline-block!important}
html body .dbrpf .dbrpf__price-main [data-dbr-price-total]::after{content:"";position:absolute;left:4px;right:6px;bottom:-4px;height:8px;border-bottom:2px solid rgba(55,126,82,.56);border-radius:52%;transform:rotate(-1deg);pointer-events:none}
html body .dbrpf .dbrpf__price-card .dbrpf__selection-summary{margin-top:0!important}
/* Preserve accessibility of body controls; avoid decorative overlays over inputs. */
html body .dbrpf .dbrpf__button{border-radius:10px 15px 10px 14px / 13px 10px 15px 11px!important}
@media(max-width:720px){
 html body .dbrpf .dbrpf__frame{border-radius:18px 13px 19px 14px / 13px 18px 14px 20px!important;overflow:visible!important}
 html body .dbrpf .dbrpf__topbar{padding:11px 15px!important}
 html body .dbrpf .dbrpf__kicker,html body .dbrpf .dbrpf__kicker span{font-size:29px!important;line-height:1.02!important}
 html body .dbrpf .dbrpf__section{padding:16px 12px!important;margin-bottom:6px!important;border-radius:15px 19px 13px 18px / 16px 12px 20px 14px!important}
 html body .dbrpf .dbrpf__section-head{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;margin-bottom:12px!important}
 html body .dbrpf .dbrpf__section-head h3{font-size:29px!important;line-height:1.02!important}
 html body .dbrpf .dbrpf__section-number{width:35px!important;height:35px!important;font-size:25px!important}
 html body .dbrpf .dbrpf-choice{min-height:56px!important;padding:12px!important}
 /* A slim sticky price header. Price details appear only when tapped. */
 html body .dbrpf .dbrpf__mobile-price{position:sticky!important;top:89px!important;z-index:70!important;margin:7px 11px 12px!important;max-height:calc(100dvh - 111px)!important;overflow-x:hidden!important;overflow-y:auto!important;border:1.6px solid #a9d3bd!important;border-radius:14px 18px 13px 19px / 17px 12px 20px 13px!important;background:#eef8f2!important;box-shadow:2px 5px 11px rgba(28,75,53,.1)!important}
 html body .dbrpf .dbrpf__mobile-price-toggle{min-height:51px!important;grid-template-columns:minmax(0,1fr) 30px!important;gap:7px!important;padding:7px 12px 7px 14px!important;text-align:left!important}
 html body .dbrpf .dbrpf__mobile-price-copy{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
 html body .dbrpf .dbrpf__mobile-price-copy small{font-family:"HC Sketch","Segoe Print",cursive!important;font-size:23px!important;line-height:1.02!important;color:#236545!important;font-weight:700!important;white-space:normal!important}
 html body .dbrpf .dbrpf__mobile-price-copy strong{font-size:24px!important;line-height:1!important;white-space:nowrap!important}
 html body .dbrpf .dbrpf__mobile-price-status{display:none!important}
 html body .dbrpf .dbrpf__mobile-price-chevron{height:27px!important;width:27px!important}
 html body .dbrpf .dbrpf__mobile-breakdown[hidden]{display:none!important}
 html body .dbrpf .dbrpf__mobile-breakdown:not([hidden]){display:block!important;padding:12px 13px 13px!important;max-height:55dvh!important;overflow-y:auto!important}
 html body .dbrpf .dbrpf__mobile-price-note{margin:9px 0 0!important}
 html body .dbrpf .dbrpf__workspace{gap:8px!important}
 html body .dbrpf .dbrpf__fields-column{gap:11px!important}
}
@media(max-width:400px){html body .dbrpf .dbrpf__kicker,html body .dbrpf .dbrpf__kicker span{font-size:27px!important}html body .dbrpf .dbrpf__mobile-price-copy small{font-size:22px!important}html body .dbrpf .dbrpf__mobile-price-copy strong{font-size:22px!important}html body .dbrpf .dbrpf__section-head h3{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){html body .dbrpf .dbrpf-choice{transition:none!important}}

/* FINISH: handwriting belongs to the BOX OUTLINES, not the text. */
/* Plain professional typography restored across headings, steps and price. */
html body .dbrpf .dbrpf__kicker,html body .dbrpf .dbrpf__kicker span{font-family:Inter,Arial,sans-serif!important;font-size:clamp(18px,1.5vw,23px)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#075c97!important}
html body .dbrpf .dbrpf__kicker{padding-bottom:0!important}
html body .dbrpf .dbrpf__kicker::after{display:none!important}
html body .dbrpf .dbrpf__section-head h3{font-family:Inter,Arial,sans-serif!important;font-size:clamp(17px,1.4vw,22px)!important;font-weight:760!important;letter-spacing:-.025em!important;line-height:1.22!important;color:#0b3854!important}
html body .dbrpf .dbrpf__section-number{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1!important;transform:none!important;box-shadow:none!important}
html body .dbrpf .dbrpf__section:nth-of-type(even) .dbrpf__section-number{transform:none!important}
html body .dbrpf .dbrpf__price-live{font-family:Inter,Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:0!important}
html body .dbrpf .dbrpf__price-main [data-dbr-price-total]::after{content:none!important}
html body .dbrpf .dbrpf__mobile-price-copy small{font-family:Inter,Arial,sans-serif!important;font-size:12px!important;line-height:1.15!important;font-weight:750!important;letter-spacing:.02em!important;text-transform:uppercase!important}
/* Actual softly wavering pen lines rather than generic symmetric CSS rounded boxes. */
html body .dbrpf .dbrpf__section{border:1px solid rgba(118,165,184,.16)!important;border-radius:17px 12px 20px 13px/15px 18px 13px 20px!important;background:#fffefa!important;box-shadow:2px 5px 12px rgba(9,64,94,.052)!important}
html body .dbrpf .dbrpf__section:nth-of-type(even){border-radius:12px 22px 13px 20px/19px 12px 22px 13px!important;background:#fff!important}
html body .dbrpf .dbrpf__section::before{content:"";position:absolute;inset:-3px;pointer-events:none;z-index:4;background:url("./assets/handbox-section-a.svg") center/100% 100% no-repeat;filter:drop-shadow(1px 1px 0 rgba(35,92,115,.06))}
html body .dbrpf .dbrpf__section:nth-of-type(even)::before{background-image:url("./assets/handbox-section-b.svg")}
html body .dbrpf .dbrpf__section::after{content:none!important}
html body .dbrpf .dbrpf-choice{position:relative!important;border:1px solid rgba(155,189,199,.16)!important;border-radius:13px 19px 12px 21px/18px 12px 19px 14px!important;box-shadow:1px 2px 0 rgba(38,109,141,.035)!important;background:#fff!important;isolation:isolate}
html body .dbrpf .dbrpf-choice::before{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:4;background:url("./assets/handbox-choice.svg") center/100% 100% no-repeat}
html body .dbrpf .dbrpf-choice:nth-child(even){border-radius:20px 12px 18px 14px/12px 20px 14px 18px!important}
html body .dbrpf .dbrpf-choice:hover,html body .dbrpf .dbrpf-choice:has(input:checked){background:#eef8fc!important;box-shadow:2px 4px 0 rgba(38,109,141,.095)!important}
html body .dbrpf .dbrpf-choice:has(input:checked)::before{filter:drop-shadow(0 0 1px rgba(5,94,151,.55))}
html body .dbrpf .dbrpf__price-card{border:1px solid rgba(100,159,123,.18)!important;border-radius:18px 13px 19px 13px/16px 19px 14px 20px!important;isolation:isolate}
html body .dbrpf .dbrpf__price-card::after{content:"";position:absolute;inset:-3px;z-index:4;pointer-events:none;background:url("./assets/handbox-green.svg") center/100% 100% no-repeat}
/* Inputs and labels stay accessible; the stroke is decorative, not clickable. */
html body .dbrpf .dbrpf__section-head{margin-bottom:15px!important}
@media(max-width:720px){
 html body .dbrpf .dbrpf__kicker,html body .dbrpf .dbrpf__kicker span{font-size:18px!important;line-height:1.22!important}
 html body .dbrpf .dbrpf__section-head h3{font-size:17px!important;line-height:1.23!important;letter-spacing:-.018em!important}
 html body .dbrpf .dbrpf__section-number{font-size:13px!important}
 html body .dbrpf .dbrpf__section{padding:16px 13px!important}
 html body .dbrpf .dbrpf__section::before{inset:-2px}
 html body .dbrpf .dbrpf-choice{min-height:55px!important}
 html body .dbrpf .dbrpf__mobile-price{border:1.5px solid rgba(104,164,126,.56)!important;border-radius:14px 18px 12px 18px/18px 12px 20px 13px!important}
 html body .dbrpf .dbrpf__mobile-price-toggle{min-height:49px!important}
 html body .dbrpf .dbrpf__mobile-price-copy small{font-size:11px!important;line-height:1.16!important}
 html body .dbrpf .dbrpf__mobile-price-copy strong{font-size:23px!important}
}


/* Freigegebene Designanpassung 21.10.2026:
   Fast gerade, handgezogene, absichtlich nicht geschlossene Linien.
   Keine CSS-Kaesten unter den Skizzen. Gruener Livepreis wie zuvor. */
html body .dbrpf .dbrpf__section,
html body .dbrpf .dbrpf__section:nth-of-type(even) {
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section::before,
html body .dbrpf .dbrpf__section:nth-of-type(even)::before {
  inset:-3px!important;
  filter:none!important;
  background-size:100% 100%!important;
}
html body .dbrpf .dbrpf__section::before {
  background-image:url("./assets/handbox-section-a.svg?v=20261021-1")!important;
}
html body .dbrpf .dbrpf__section:nth-of-type(even)::before {
  background-image:url("./assets/handbox-section-b.svg?v=20261021-1")!important;
}
html body .dbrpf .dbrpf__section-number,
html body .dbrpf .dbrpf__section:nth-of-type(even) .dbrpf__section-number {
  border-radius:9px!important;
  transform:none!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf-choice,
html body .dbrpf .dbrpf-choice:nth-child(even),
html body .dbrpf .dbrpf-choice:hover,
html body .dbrpf .dbrpf-choice.is-selected,
html body .dbrpf .dbrpf-choice:has(input:checked) {
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf-choice::before,
html body .dbrpf .dbrpf-choice:has(input:checked)::before {
  inset:-2px!important;
  filter:none!important;
  background-image:url("./assets/handbox-choice.svg?v=20261021-1")!important;
}
html body .dbrpf .dbrpf-choice:focus-within {
  outline:2px solid rgba(16,107,158,.4)!important;
  outline-offset:3px!important;
}
/* Restauriert den vorherigen grünen Desktop-Livepreis inkl. Ecken/Schatten. */
html body .dbrpf .dbrpf__price-card {
  border:1px solid rgba(62,143,104,.25)!important;
  border-radius:19px!important;
  box-shadow:0 22px 50px rgba(36,91,66,.12),0 6px 18px rgba(7,52,81,.055)!important;
}
html body .dbrpf .dbrpf__price-card::after {
  content:none!important;
  display:none!important;
  background:none!important;
}
html body .dbrpf .dbrpf__price-main [data-dbr-price-total] {
  position:static!important;
  display:inline!important;
}
html body .dbrpf .dbrpf__price-main [data-dbr-price-total]::after {
  content:none!important;
  display:none!important;
}
@media(max-width:720px) {
  html body .dbrpf .dbrpf__section,
  html body .dbrpf .dbrpf__section:nth-of-type(even) {
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .dbrpf .dbrpf__mobile-price {
    border-radius:14px!important;
  }
}


/* Dachreinigung-Kosten / Freistehender Preisrechner – 21.10.2026.
   Nur die aeussere Verpackung entfernen; innere Schritte und
   der gruene Live-Preis bleiben wie bisher. */
html body .dbrpf .dbrpf__frame {
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .dbrpf .dbrpf__frame::before,
html body .dbrpf .dbrpf__frame::after {
  content:none!important;
  display:none!important;
}
html body .dbrpf .dbrpf__inner {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__topbar {
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__workspace {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
/* Statt hartem Modul-Weiss der vorhandene, kuehle Seitenfarbton. */
html body .dbrpf {
  background:linear-gradient(180deg,#edf5fa 0%,#f3f8fc 14%,#f8fbfd 48%,#f4f9fc 100%)!important;
}
/* Mobile: exakt derselbe rahmenlose Aufbau, ohne Eingriffe in Sticky-Preis. */
@media(max-width:720px) {
  html body .dbrpf .dbrpf__frame,
  html body .dbrpf .dbrpf__topbar {
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* Das Fotomotiv endet nicht mehr auf einer harten horizontalen Kante.
   Nur die Hintergrundebene wird verblendet, Hero-Text bleibt voll lesbar. */
html body .dbrh-hero {
  background-color:#edf5fa!important;
}
html body .dbrh-hero__media {
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 66%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 66%,transparent 100%);
}
@media(max-width:720px) {
  html body .dbrh-hero__media {
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
  }
}


/* Preisrechner: Klartext statt technischen Nummern – 21.10.2026. */
html body .dbrpf .dbrpf__topbar-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
html body .dbrpf .dbrpf__kicker {
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(21px,1.85vw,27px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
  color:#075c97!important;
}
html body .dbrpf .dbrpf__intro-line {
  display:block!important;
  margin:0!important;
  max-width:600px;
  color:#476c81!important;
  font:500 clamp(13px,1.05vw,15px)/1.5 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
}
html body .dbrpf .dbrpf__section-number {
  display:none!important;
}
html body .dbrpf .dbrpf__section-head {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  align-items:start!important;
}
html body .dbrpf .dbrpf__section-head>div {
  min-width:0!important;
  width:100%!important;
}
@media(max-width:720px){
  html body .dbrpf .dbrpf__kicker {
    font-size:21px!important;
    line-height:1.24!important;
  }
  html body .dbrpf .dbrpf__intro-line {
    font-size:13px!important;
    line-height:1.45!important;
  }
  html body .dbrpf .dbrpf__section-head {
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
}


/* Hunter & Closer Dachreinigung: hochwertiger Lineal-Skizzenlook
   21.10.2026. Dekorativ; keine Änderungen an Kalkulation oder Formularfunktionen. */
html body .dbrpf .dbrpf__section::before {
  background-image:url("./assets/hc-sketch-section-a.svg?v=1")!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  filter:none!important;
}
html body .dbrpf .dbrpf__section:nth-of-type(even)::before {
  background-image:url("./assets/hc-sketch-section-b.svg?v=1")!important;
}
/* Die obere Linie der Kontaktanfrage wird nicht mit dem Textfeld gestreckt. */
html body .dbrpf .dbrpf__section--contact::before,
html body .dbrpf .dbrpf__section--contact:nth-of-type(even)::before {
  content:""!important;
  position:absolute!important;
  top:-4px!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  height:25px!important;
  width:auto!important;
  background:url("./assets/hc-sketch-contact-top.svg?v=1") center top / 100% 25px no-repeat!important;
  pointer-events:none!important;
}
html body .dbrpf .dbrpf__section--contact::after {content:none!important;display:none!important;}
/* Ruhige Premium-Flächen unter den feinen, absichtlich nicht geschlossenen Linien */
html body .dbrpf .dbrpf-choice,
html body .dbrpf .dbrpf-choice:nth-child(even),
html body .dbrpf .dbrpf-choice:hover,
html body .dbrpf .dbrpf-choice.is-selected,
html body .dbrpf .dbrpf-choice:has(input:checked) {
  position:relative!important;
  overflow:visible!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(165deg,rgba(255,255,255,.87),rgba(243,249,252,.69))!important;
  box-shadow:0 4px 16px rgba(15,64,97,.045)!important;
  padding:15px 14px 14px!important;
  transition:background .18s ease, box-shadow .18s ease,transform .18s ease!important;
}
html body .dbrpf .dbrpf-choice::before,
html body .dbrpf .dbrpf-choice:has(input:checked)::before {
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  background:url("./assets/hc-sketch-choice.svg?v=1") center / 100% 100% no-repeat!important;
  filter:none!important;
  z-index:2!important;
  pointer-events:none!important;
}
html body .dbrpf .dbrpf-choice:hover {
  background:linear-gradient(165deg,rgba(255,255,255,.99),rgba(235,246,252,.88))!important;
  box-shadow:0 8px 19px rgba(15,64,97,.085)!important;
  transform:translateY(-1px);
}
html body .dbrpf .dbrpf-choice.is-selected,
html body .dbrpf .dbrpf-choice:has(input:checked) {
  background:linear-gradient(165deg,rgba(242,251,247,.98),rgba(230,247,239,.88))!important;
  box-shadow:0 5px 18px rgba(32,111,75,.11)!important;
}
html body .dbrpf .dbrpf-choice.is-selected::before,
html body .dbrpf .dbrpf-choice:has(input:checked)::before {
  filter:drop-shadow(0 0 1px rgba(50,125,92,.2))!important;
}
html body .dbrpf .dbrpf-choice__copy strong {
  font-family:Inter,Arial,sans-serif!important;
  color:#123c56!important;
  font-size:clamp(13px,1vw,15px)!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
  line-height:1.25!important;
}
html body .dbrpf .dbrpf-choice__copy small {
  color:#567385!important;
  font-size:12px!important;
  font-weight:480!important;
  line-height:1.38!important;
}
html body .dbrpf .dbrpf-choice__indicator {
  width:20px!important;
  height:20px!important;
  border:1.5px solid #83aec3!important;
  background:rgba(255,255,255,.96)!important;
  border-radius:50%!important;
  box-shadow:0 1px 4px rgba(9,57,83,.07)!important;
}
html body .dbrpf .dbrpf-choice.is-selected .dbrpf-choice__indicator,
html body .dbrpf .dbrpf-choice:has(input:checked) .dbrpf-choice__indicator {
  border-color:#3e8f68!important;
}
html body .dbrpf .dbrpf-choice__price {
  display:inline-flex!important;
  align-items:center!important;
  min-height:21px!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#61a781,#3d8963)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 3px 8px rgba(40,105,69,.12)!important;
}
/* Die Dachflächen-Eingabe bekommt dieselbe offene, doppelt nachgezogene Kontur. */
html body .dbrpf .dbrpf__area-field {
  isolation:isolate!important;
  border-radius:12px!important;
}
html body .dbrpf .dbrpf__area-field::before {
  content:"";
  position:absolute;
  inset:-2px;
  z-index:2;
  background:url("./assets/hc-sketch-choice.svg?v=1") center / 100% 100% no-repeat;
  pointer-events:none;
}
html body .dbrpf .dbrpf__area-field .dbrpf__input--area {
  min-height:51px!important;
  padding:12px 48px 12px 16px!important;
  color:#143e56!important;
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(245,250,253,.9))!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:0 5px 16px rgba(13,67,100,.055)!important;
  font-size:18px!important;
  font-weight:730!important;
  letter-spacing:-.02em!important;
}
html body .dbrpf .dbrpf__area-field .dbrpf__input--area::placeholder {
  font-size:15px!important;
  font-weight:580!important;
  color:#91a5b1!important;
}
html body .dbrpf .dbrpf__area-field>span {
  z-index:3!important;
  color:#0a6298!important;
  font-weight:780!important;
}
/* Dachzugang bekommt denselben Stil wie die anderen Optionskarten. */
html body .dbrpf .dbrpf-access {
  border:1px solid rgba(139,178,197,.42)!important;
  border-radius:12px!important;
  background:linear-gradient(165deg,rgba(255,255,255,.88),rgba(244,250,252,.79))!important;
  box-shadow:0 5px 15px rgba(15,64,97,.045)!important;
}
html body .dbrpf .dbrpf-access.is-selected {
  background:linear-gradient(165deg,#f0faf5,#e9f6ef)!important;
  border-color:#79b395!important;
}
/* Kontaktfelder bleiben lesbar und professionell, ohne Standard-Formular-Look. */
html body .dbrpf .dbrpf__field .dbrpf__input,
html body .dbrpf .dbrpf__field .dbrpf__textarea,
html body .dbrpf .dbrpf__field select {
  background:linear-gradient(175deg,rgba(255,255,255,.98),rgba(244,250,253,.92))!important;
  color:#153d57!important;
  border:1px solid rgba(109,158,182,.48)!important;
  border-radius:12px!important;
  box-shadow:0 5px 13px rgba(15,64,97,.043)!important;
  font-size:14px!important;
  font-weight:540!important;
  padding:12px 15px!important;
}
html body .dbrpf .dbrpf__field label,
html body .dbrpf .dbrpf__field-label {
  color:#23465d!important;
  font-weight:750!important;
  font-size:12px!important;
}
html body .dbrpf .dbrpf__field .dbrpf__textarea {
  min-height:100px!important;
  resize:vertical!important;
  line-height:1.5!important;
}
html body .dbrpf .dbrpf__button,
html body .dbrpf .dbrpf__wizard-button {
  border-radius:11px!important;
  font-weight:790!important;
  letter-spacing:-.01em!important;
}
html body .dbrpf .dbrpf__button--submit {
  box-shadow:0 10px 22px rgba(8,92,153,.16)!important;
}
/* Keyboard-Fokus bewusst klar sichtbar lassen. */
html body .dbrpf .dbrpf-choice:has(input:focus-visible),
html body .dbrpf .dbrpf-access:has(input:focus-visible),
html body .dbrpf .dbrpf__area-field:focus-within,
html body .dbrpf .dbrpf__field .dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__field .dbrpf__textarea:focus-visible {
  outline:2px solid #197db2!important;
  outline-offset:3px!important;
}
@media(max-width:720px) {
  html body .dbrpf .dbrpf-choice,
  html body .dbrpf .dbrpf-choice:nth-child(even) {
    min-height:59px!important;
    padding:13px 12px!important;
  }
  html body .dbrpf .dbrpf-choice__copy strong {font-size:14px!important;}
  html body .dbrpf .dbrpf__section--contact::before {
    height:23px!important;
    background-size:100% 23px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body .dbrpf .dbrpf-choice {transition:none!important;}
  html body .dbrpf .dbrpf-choice:hover {transform:none!important;}
}


/* Dachpreisrechner: ruhige Auswahlfelder mit echten Dachaufnahmen.
   Reduziert den KI-generischen Gradient-/Shadow-/Pill-Look.
   Reine Darstellung – Angebotswerte und Eingaben unverändert. */
html body .dbrpf .dbrpf-choice,
html body .dbrpf .dbrpf-choice:nth-child(even),
html body .dbrpf .dbrpf-choice:hover,
html body .dbrpf .dbrpf-choice.is-selected,
html body .dbrpf .dbrpf-choice:has(input:checked) {
  background:rgba(255,255,255,.66)!important;
  border:0!important;
  border-radius:2px!important;
  box-shadow:none!important;
  transform:none!important;
  padding:14px 13px!important;
}
html body .dbrpf .dbrpf-choice:hover {
  background:rgba(255,255,255,.92)!important;
}
html body .dbrpf .dbrpf-choice.is-selected,
html body .dbrpf .dbrpf-choice:has(input:checked) {
  background:rgba(229,244,237,.82)!important;
}
html body .dbrpf .dbrpf-choice:has(input:checked)::before {
  filter:drop-shadow(0 0 1px rgba(26,100,65,.30))!important;
}
html body .dbrpf .dbrpf-choice__copy strong {
  color:#173e54!important;
  font-size:14px!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
  margin:0 0 4px!important;
}
html body .dbrpf .dbrpf-choice__copy small,
html body .dbrpf [data-dbr-section="customer"] .dbrpf-choice__copy small,
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice__copy small {
  display:block!important;
  max-width:none!important;
  color:#526f7f!important;
  font-size:11.5px!important;
  font-weight:480!important;
  line-height:1.43!important;
  margin:2px 0 0!important;
  text-transform:none!important;
}
html body .dbrpf .dbrpf-choice__indicator {
  border:1.5px solid #8aafc2!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf-choice__price {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:20px!important;
  border-radius:4px!important;
  padding:4px 8px!important;
  background:#377f5c!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:780!important;
  letter-spacing:0!important;
}
/* Dachzustandsauswahl: ein ruhiges echtes Beispielbild statt Icon.
   Die ganze Karte bleibt anklickbares Radio-Label. */
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo {
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:9px!important;
  row-gap:7px!important;
  align-content:start!important;
  align-items:start!important;
  min-height:215px!important;
}
html body .dbrpf .dbrpf-choice__roof-photo {
  display:block!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  height:100px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:3px!important;
  border:1px solid rgba(92,130,147,.17)!important;
  box-shadow:none!important;
  filter:saturate(.86)!important;
  pointer-events:none!important;
}
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__indicator {
  grid-column:1!important;
  grid-row:2!important;
  margin-top:1px!important;
}
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__copy {
  grid-column:2!important;
  grid-row:2!important;
}
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__price {
  grid-column:2!important;
  grid-row:3!important;
  justify-self:start!important;
}
html body .dbrpf .dbrpf__condition-note {
  display:block!important;
  margin:10px 3px 0!important;
  padding:0!important;
  color:#647987!important;
  font:400 11px/1.5 Inter,Arial,sans-serif!important;
  max-width:none!important;
}
/* Fläche und Zusatzoptionen: keine glänzenden Plastik-Effekte. */
html body .dbrpf .dbrpf__area-field .dbrpf__input--area {
  background:rgba(255,255,255,.84)!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__field .dbrpf__input,
html body .dbrpf .dbrpf__field .dbrpf__textarea {
  background:rgba(255,255,255,.9)!important;
  box-shadow:none!important;
  border-radius:6px!important;
}
/* Tablet/Handy: Foto links wie ein kleiner Materialausschnitt. */
@media(max-width:720px) {
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo {
    grid-template-columns:104px 20px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:7px 11px!important;
    min-height:124px!important;
    align-content:center!important;
    padding:11px!important;
  }
  html body .dbrpf .dbrpf-choice__roof-photo {
    grid-column:1!important;
    grid-row:1 / 3!important;
    height:95px!important;
    align-self:center!important;
  }
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__indicator {
    grid-column:2!important;
    grid-row:1!important;
  }
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__copy {
    grid-column:3!important;
    grid-row:1!important;
  }
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__price {
    grid-column:3!important;
    grid-row:2!important;
  }
}
@media(max-width:390px) {
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo {
    grid-template-columns:80px 19px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  html body .dbrpf .dbrpf-choice__roof-photo {height:92px!important;}
  html body .dbrpf .dbrpf-choice__copy strong {font-size:13px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html body .dbrpf .dbrpf-choice {transition:none!important;}
}

/* Feinschliff: Auf schmalen Geräten bleibt die obere Skizzenlinie
   über der Frage, nicht durch die Überschrift gezogen. */
@media(max-width:720px) {
  html body .dbrpf .dbrpf__section,
  html body .dbrpf .dbrpf__section:nth-of-type(even) {
    padding-top:31px!important;
  }
}
/* Den Zugang genauso ruhig wie die Auswahlkarten halten. */
html body .dbrpf .dbrpf-access {
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(132,174,193,.35)!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf-access.is-selected {
  background:rgba(229,244,237,.85)!important;
  border-color:#74ac8d!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf-access__icon {
  border-radius:5px!important;
  box-shadow:none!important;
}


/* Einheitlicher, handskizzierter Redaktionsstil fuer alle Rechnerabschnitte.
   Keine zur Hoehe gestreckten SVGs, kein zusaetzlicher Karten-Plastiklook. */
html body .dbrpf .dbrpf__section,
html body .dbrpf .dbrpf__section:nth-of-type(even),
html body .dbrpf .dbrpf__section--contact {
  position:relative!important;
  padding-top:32px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section::before,
html body .dbrpf .dbrpf__section:nth-of-type(even)::before,
html body .dbrpf .dbrpf__section--contact::before {
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  inset:0 0 auto!important;
  width:100%!important;
  height:22px!important;
  background:url("./assets/hc-rule-unified.svg?v=1") center top / 100% 22px no-repeat!important;
  filter:none!important;
  opacity:1!important;
  z-index:2!important;
  pointer-events:none!important;
}
html body .dbrpf .dbrpf__section::after,
html body .dbrpf .dbrpf__section:nth-of-type(even)::after,
html body .dbrpf .dbrpf__section--contact::after {
  content:none!important;
  display:none!important;
}
html body .dbrpf .dbrpf__section-head {
  margin-bottom:14px!important;
  padding:0!important;
}
html body .dbrpf .dbrpf__section-head h3 {
  font-weight:780!important;
  letter-spacing:-.018em!important;
  color:#133f5a!important;
}
html body .dbrpf .dbrpf__section-head p {
  color:#647d8d!important;
  line-height:1.5!important;
}
html body .dbrpf .dbrpf-choice,
html body .dbrpf .dbrpf-choice:nth-child(even),
html body .dbrpf .dbrpf-choice:hover,
html body .dbrpf .dbrpf-choice.is-selected,
html body .dbrpf .dbrpf-choice:has(input:checked) {
  position:relative!important;
  border:0!important;
  border-radius:3px!important;
  background:rgba(255,255,255,.59)!important;
  box-shadow:none!important;
  padding:15px 13px!important;
  transform:none!important;
  transition:background-color .17s ease!important;
}
html body .dbrpf .dbrpf-choice:hover {
  background:rgba(255,255,255,.92)!important;
}
html body .dbrpf .dbrpf-choice:has(input:checked),
html body .dbrpf .dbrpf-choice.is-selected {
  background:rgba(228,244,235,.9)!important;
}
html body .dbrpf .dbrpf-choice::before,
html body .dbrpf .dbrpf-choice:nth-child(even)::before,
html body .dbrpf .dbrpf-choice:has(input:checked)::before {
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  background:url("./assets/hc-choice-unified.svg?v=1") center / 100% 100% no-repeat!important;
  filter:none!important;
  z-index:2!important;
  pointer-events:none!important;
}
html body .dbrpf .dbrpf-choice__copy strong {
  color:#183e54!important;
  font-size:14px!important;
  letter-spacing:-.012em!important;
  font-weight:780!important;
}
html body .dbrpf .dbrpf-choice__copy small {
  color:#546e7d!important;
  font-size:11.5px!important;
  line-height:1.4!important;
  font-weight:480!important;
  max-width:100%!important;
}
html body .dbrpf .dbrpf-choice__price,
html body .dbrpf .dbrpf-choice--discount .dbrpf-choice__price,
html body .dbrpf .dbrpf-access__price {
  background:#e5eef3!important;
  color:#155a82!important;
  padding:4px 8px!important;
  border-radius:4px!important;
  box-shadow:none!important;
  letter-spacing:0!important;
  font-size:11px!important;
  font-weight:760!important;
}
html body .dbrpf .dbrpf-choice--discount .dbrpf-choice__price {
  background:#397f5c!important;
  color:white!important;
}
html body .dbrpf .dbrpf-choice__indicator {
  border:1.5px solid #7eabc0!important;
  background:white!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf-choice:has(input:checked) .dbrpf-choice__indicator {
  border-color:#327d58!important;
}
html body .dbrpf .dbrpf-choice:has(input:focus-visible) {
  outline:2px solid #197ab0!important;
  outline-offset:3px!important;
}
/* Ein Fotoformat fuer Dachzustand und Dachform (Desktop). */
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo,
html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo {
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  align-items:start!important;
  align-content:start!important;
  column-gap:9px!important;
  row-gap:8px!important;
  min-height:196px!important;
}
html body .dbrpf .dbrpf-choice__roof-photo,
html body .dbrpf .dbrpf-choice__form-photo {
  display:block!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  height:95px!important;
  object-fit:cover!important;
  object-position:center!important;
  aspect-ratio:16/9!important;
  border:0!important;
  border-radius:2px!important;
  filter:saturate(.92)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__indicator,
html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo .dbrpf-choice__indicator {
  grid-column:1!important;
  grid-row:2!important;
  margin:1px 0 0!important;
}
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__copy,
html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo .dbrpf-choice__copy {
  grid-column:2!important;
  grid-row:2!important;
}
html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__price,
html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo .dbrpf-choice__price {
  grid-column:2!important;
  grid-row:3!important;
  justify-self:start!important;
  width:max-content!important;
}
/* Leicht nachvollziehbare Eingaben ohne fertiges SaaS-Template. */
html body .dbrpf .dbrpf__area-field::before {
  background-image:url("./assets/hc-choice-unified.svg?v=1")!important;
  opacity:1!important;
}
html body .dbrpf .dbrpf__area-field .dbrpf__input--area {
  background:rgba(255,255,255,.84)!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf-access {
  background:rgba(255,255,255,.63)!important;
  border:1px solid rgba(119,164,183,.4)!important;
  border-radius:3px!important;
  box-shadow:none!important;
  align-self:stretch!important;
}
html body .dbrpf .dbrpf-access.is-selected {
  background:rgba(230,244,235,.95)!important;
}
html body .dbrpf .dbrpf__field .dbrpf__input,
html body .dbrpf .dbrpf__field .dbrpf__textarea {
  background:rgba(255,255,255,.9)!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__price-card {
  isolation:auto!important;
}
/* Bedienelemente und der gruene Livepreis bleiben voll funktional. */
@media(max-width:720px) {
  html body .dbrpf .dbrpf__section,
  html body .dbrpf .dbrpf__section:nth-of-type(even),
  html body .dbrpf .dbrpf__section--contact {
    padding-top:32px!important;
  }
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo,
  html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo {
    grid-template-columns:96px 20px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:7px 9px!important;
    min-height:116px!important;
    align-items:start!important;
    align-content:center!important;
    padding:11px!important;
  }
  html body .dbrpf .dbrpf-choice__roof-photo,
  html body .dbrpf .dbrpf-choice__form-photo {
    grid-column:1!important;
    grid-row:1 / 3!important;
    height:92px!important;
    align-self:center!important;
  }
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__indicator,
  html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo .dbrpf-choice__indicator {
    grid-column:2!important;
    grid-row:1!important;
  }
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__copy,
  html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo .dbrpf-choice__copy {
    grid-column:3!important;
    grid-row:1!important;
  }
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo .dbrpf-choice__price,
  html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo .dbrpf-choice__price {
    grid-column:3!important;
    grid-row:2!important;
  }
}
@media(max-width:370px) {
  html body .dbrpf [data-dbr-section="condition"] .dbrpf-choice--condition-photo,
  html body .dbrpf [data-dbr-section="roof"] .dbrpf-choice--roof-photo {
    grid-template-columns:78px 19px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  html body .dbrpf .dbrpf-choice__form-photo,
  html body .dbrpf .dbrpf-choice__roof-photo {height:87px!important;}
}
@media(prefers-reduced-motion:reduce){
 html body .dbrpf .dbrpf-choice {transition:none!important;}
}

/* Dachform zuerst als zwei gleichwertige Bildentscheidungen, danach
   Zugang als optionale Zusatzangabe: keine riesige leere Drittkarte. */
html body .dbrpf .dbrpf__roof-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;
  align-items:stretch!important;
}
html body .dbrpf .dbrpf__choices--roof {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
html body .dbrpf .dbrpf-access {
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:0!important;
  min-height:70px!important;
  padding:13px 16px!important;
}
html body .dbrpf .dbrpf-access__icon {
  grid-column:1!important;
  grid-row:1!important;
}
html body .dbrpf .dbrpf-access__copy {
  grid-column:2!important;
  grid-row:1!important;
}
html body .dbrpf .dbrpf-access__price {
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
}
@media(max-width:720px){
  html body .dbrpf .dbrpf__choices--roof {
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }
  html body .dbrpf .dbrpf-access {
    grid-template-columns:35px minmax(0,1fr) auto!important;
    padding:12px!important;
    gap:9px!important;
  }
}


/* Einheitliche Dachrechner-Gestaltung – Zugang + Anfrage.
   Preis-, Auswahl- und Formularfunktionen bleiben im JavaScript. */
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice {
  min-height:100px!important;
  align-content:start!important;
  padding:16px 16px 14px!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__copy strong {
  font-size:15px!important;
  line-height:1.24!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__copy small {
  max-width:36ch!important;
  line-height:1.45!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__price {
  justify-self:start!important;
  margin-top:2px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__fields {
  gap:19px 17px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field label {
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:740!important;
  color:#1a4560!important;
  letter-spacing:-.005em!important;
  margin-bottom:7px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__input,
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea {
  width:100%!important;
  min-height:48px!important;
  padding:13px 16px!important;
  color:#183d54!important;
  font-size:14px!important;
  font-weight:510!important;
  line-height:1.45!important;
  background:rgba(255,255,255,.74) url("./assets/hc-input-sketch.svg?v=1") center/100% 100% no-repeat!important;
  border:0!important;
  border-radius:2px!important;
  box-shadow:none!important;
  transition:background-color .16s ease!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea {
  min-height:114px!important;
  padding-top:15px!important;
  resize:vertical!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea:focus {
  background-color:rgba(255,255,255,.98)!important;
  outline:2px solid rgba(22,104,158,.50)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea::placeholder {
  color:#8198a8!important;
  font-weight:480!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy {
  font-size:11px!important;
  line-height:1.65!important;
  margin-top:18px!important;
  max-width:82ch!important;
  color:#5f7a89!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__submit-row {
  gap:12px 18px!important;
  margin-top:19px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit {
  background:#0b6093!important;
  color:#fff!important;
  border:1px solid #0b6093!important;
  min-height:48px!important;
  padding:13px 21px!important;
  border-radius:5px!important;
  box-shadow:none!important;
  font-weight:770!important;
  letter-spacing:-.01em!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit:hover,
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit:focus-visible {
  background:#084f7a!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__trustline {
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:600!important;
  color:#58778a!important;
}
@media(max-width:720px) {
  html body .dbrpf .dbrpf__section--access .dbrpf__choices--access {
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  html body .dbrpf .dbrpf__section--access .dbrpf-choice {
    min-height:94px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__fields {
    gap:15px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit {
    width:100%!important;
  }
}


/* Dachkosten Formular-Finish: offene Lineal-Skizze statt Standard-Inputboxen.
   HTML und Preislogik bleiben unveraendert. Stand 2026-10-21. */
html body .dbrpf .dbrpf__section--contact {
  padding-top:34px!important;
  padding-bottom:30px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__section-head {
  padding:0!important;
  margin:0 0 27px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__section-head>div {
  max-width:720px!important;
}
html body .dbrpf .dbrpf__section--contact .hc-contact-scribble {
  display:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__section-head h3 {
  margin:0 0 10px!important;
  color:#143f57!important;
  font-size:clamp(21px,1.9vw,26px)!important;
  font-weight:790!important;
  letter-spacing:-.027em!important;
  line-height:1.2!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__section-head p {
  margin:0!important;
  max-width:61ch!important;
  color:#54758a!important;
  font-size:13px!important;
  font-weight:490!important;
  line-height:1.65!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__fields {
  display:grid!important;
  column-gap:26px!important;
  row-gap:23px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field {
  position:relative!important;
  min-width:0!important;
  overflow:visible!important;
  padding:0!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field label {
  display:block!important;
  color:#1a455d!important;
  font-size:12.5px!important;
  font-weight:740!important;
  letter-spacing:-.008em!important;
  line-height:1.4!important;
  margin:0 0 4px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field label span {
  color:#708b9a!important;
  font-size:11px!important;
  font-weight:480!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__input,
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea {
  display:block!important;
  width:100%!important;
  min-height:49px!important;
  padding:13px 9px 11px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1.5px solid #80a7ba!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#143e54!important;
  font:520 14px/1.43 Inter,Arial,sans-serif!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
/* Zweiter kurzer Federstrich: minimal versetzt wie von Hand nachgezogen. */
html body .dbrpf .dbrpf__section--contact .dbrpf__field::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  bottom:-3px!important;
  left:12px!important;
  width:36%!important;
  height:1px!important;
  background:#adc5d0!important;
  transform:rotate(-.28deg)!important;
  transform-origin:left center!important;
  pointer-events:none!important;
  opacity:.85!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field:nth-child(even)::after {
  left:auto!important;
  right:8%!important;
  width:25%!important;
  transform:rotate(.26deg)!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea {
  min-height:107px!important;
  padding-top:14px!important;
  resize:vertical!important;
  line-height:1.6!important;
  background:none!important;
  background-image:none!important;
}
/* Offene linke Notizkante am optionalen Textfeld, kein geschlossener Rahmen. */
html body .dbrpf .dbrpf__section--contact .dbrpf__field--full .dbrpf__textarea {
  border-left:1px solid rgba(130,169,184,.34)!important;
  padding-left:13px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea::placeholder {
  color:#819aa8!important;
  font-weight:465!important;
  opacity:1!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea:focus {
  background-color:rgba(255,255,255,.35)!important;
  background-image:none!important;
  border-bottom-color:#146c9e!important;
  outline:2px solid rgba(24,107,153,.55)!important;
  outline-offset:3px!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy {
  margin:22px 0 0!important;
  max-width:85ch!important;
  color:#667f8e!important;
  font-size:11px!important;
  line-height:1.6!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__submit-row {
  margin:20px 0 0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px 19px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit {
  min-height:48px!important;
  padding:13px 21px!important;
  border:1px solid #09597d!important;
  border-radius:4px!important;
  background:#09597d!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:770!important;
  letter-spacing:-.015em!important;
  transform:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit:hover,
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit:focus-visible {
  background:#064b6b!important;
  border-color:#064b6b!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit:focus-visible {
  outline:2px solid #1b83b5!important;
  outline-offset:3px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__trustline {
  color:#628092!important;
  font-size:11px!important;
  font-weight:590!important;
  line-height:1.5!important;
  max-width:270px!important;
}
@media(max-width:720px){
  html body .dbrpf .dbrpf__section--contact {
    padding-top:33px!important;
    padding-bottom:25px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__section-head {
    margin-bottom:23px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__section-head h3 {
    font-size:22px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__fields {
    grid-template-columns:minmax(0,1fr)!important;
    gap:21px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit {
    width:100%!important;
    min-height:52px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__trustline {
    text-align:center!important;
    max-width:none!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__input,
  html body .dbrpf .dbrpf__section--contact .dbrpf__field .dbrpf__textarea {
    transition:none!important;
  }
}

/* Vorrang vor globaler Regel fuer input:not(...): keine runden Formularboxen. */
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field input.dbrpf__input {
  border:0!important;
  border-bottom:1.5px solid #80a7ba!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
}
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field input.dbrpf__input:focus-visible {
  border:0!important;
  border-bottom:2px solid #146c9e!important;
  border-radius:0!important;
  background:rgba(255,255,255,.30)!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:2px solid rgba(24,107,153,.55)!important;
  outline-offset:3px!important;
}


/* H&C Designreferenz – Kontaktfelder und Dokumentenauswahl, 21.10.2026
   Ruhiger weisser Farbtupfer statt der Fokus-Rechtecke, technisch unverbindlicher Demo-Upload. */
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field textarea.dbrpf__textarea {
  border:0!important;
  border-bottom:1.5px solid #86aec0!important;
  border-radius:0!important;
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:radial-gradient(ellipse 90% 115% at 38% 52%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.87) 43%,rgba(255,255,255,.48) 67%,rgba(255,255,255,0) 100%)!important;
  background-image:radial-gradient(ellipse 90% 115% at 38% 52%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.87) 43%,rgba(255,255,255,.48) 67%,rgba(255,255,255,0) 100%)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field input.dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field textarea.dbrpf__textarea:focus,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field textarea.dbrpf__textarea:focus-visible {
  border:0!important;
  border-bottom:2px solid #166f9c!important;
  border-radius:0!important;
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:radial-gradient(ellipse 95% 125% at 42% 50%,#fff 0%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.62) 72%,transparent 100%)!important;
  background-image:radial-gradient(ellipse 95% 125% at 42% 50%,#fff 0%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.62) 72%,transparent 100%)!important;
}
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__field textarea.dbrpf__textarea:focus {
  resize:none!important;
  overflow-y:auto!important;
  min-height:102px!important;
  height:110px!important;
  max-height:110px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field textarea.dbrpf__textarea::-webkit-resizer {
  display:none!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload {
  margin-top:7px!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload::after {
  content:none!important;
  display:none!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__title {
  display:block;
  margin-bottom:9px;
  font-size:12.5px;
  font-weight:750;
  color:#1b455d;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__title>span {
  font-size:11px;
  font-weight:490;
  color:#718b99;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__zone {
  position:relative!important;
  border:1px dashed #8eb6c8!important;
  border-radius:5px!important;
  background:radial-gradient(ellipse 75% 120% at 48% 50%,#fff 0%,rgba(255,255,255,.72) 67%,rgba(255,255,255,.2) 100%)!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__zone:hover,
html body .dbrpf .dbrpf__section--contact .hc-upload__zone.is-dragover,
html body .dbrpf .dbrpf__section--contact .hc-upload__zone:focus-within {
  border-color:#2279a8!important;
  background-color:rgba(255,255,255,.66)!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__input {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  overflow:hidden!important;
  border:0!important;
  background:none!important;
  clip-path:inset(50%)!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__trigger {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:13px!important;
  padding:15px 16px!important;
  min-height:84px!important;
  cursor:pointer!important;
  text-align:left!important;
  color:#194960!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__icon {
  flex-shrink:0!important;
  width:25px!important;
  height:25px!important;
  stroke:#2c82a8!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__copy {
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  flex:1!important;
  min-width:0!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__copy strong {
  font-size:13px!important;
  font-weight:780!important;
  line-height:1.28!important;
  color:#18445a!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__copy small {
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:480!important;
  color:#6c8796!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__choose {
  flex-shrink:0!important;
  padding:8px 11px!important;
  border:1px solid rgba(24,108,151,.35)!important;
  border-radius:4px!important;
  color:#116690!important;
  background:rgba(255,255,255,.7)!important;
  font-size:11px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__files {
  list-style:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:10px 0 0!important;
  padding:0!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__files[hidden] {
  display:none!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__files li {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  background:rgba(255,255,255,.68)!important;
  border-bottom:1px solid rgba(130,170,185,.48)!important;
  padding:7px 5px!important;
  min-width:0!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__name {
  flex:1!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  font-size:12px!important;
  color:#275267!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__size {
  font-size:11px!important;
  color:#758f9b!important;
}
html body .dbrpf .dbrpf__section--contact button.hc-upload__remove {
  background:transparent!important;
  color:#215e7e!important;
  border:0!important;
  border-radius:3px!important;
  font-size:18px!important;
  font-weight:500!important;
  cursor:pointer!important;
  padding:3px 8px!important;
}
html body .dbrpf .dbrpf__section--contact button.hc-upload__remove:focus-visible {
  outline:2px solid #247dad!important;
  outline-offset:1px!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__error {
  margin:8px 0 0!important;
  color:#a62d37!important;
  font-size:11px!important;
  line-height:1.5!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__preview-note {
  margin:7px 0 0!important;
  color:#778e9b!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}
html body .dbrpf .dbrpf__section--contact .hc-upload__error[hidden] {display:none!important;}
@media(max-width:720px){
  html body .dbrpf .dbrpf__section--contact .hc-upload__trigger {
    padding:13px 12px!important;
    gap:10px!important;
    min-height:75px!important;
  }
  html body .dbrpf .dbrpf__section--contact .hc-upload__icon {
    width:22px!important;
    height:22px!important;
  }
  html body .dbrpf .dbrpf__section--contact .hc-upload__choose {
    display:none!important;
  }
}

/* Spezifischer als die alte globale label-Regel: Icon, Text, Auswahl rechts. */
html body .dbrpf .dbrpf__section--contact .dbrpf__field label.hc-upload__trigger {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  width:100%!important;
  margin:0!important;
  cursor:pointer!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field .hc-upload__trigger .hc-upload__choose {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:auto!important;
}
@media(max-width:720px){
  html body .dbrpf .dbrpf__section--contact .dbrpf__field label.hc-upload__trigger{
    gap:10px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__field .hc-upload__trigger .hc-upload__choose{
    display:none!important;
  }
}


/* H&C / Dachreinigung Kosten – dunkle Einsatzgebietskarte.
 * SVG-Grenzen und Städte sind als inline Hintergrundebene eingebunden,
 * nicht als Bilddatei, und erscheinen nur im unteren Einsatzgebiet.
 * Geo-Grenzen: isellsoap/deutschlandGeoJSON (Unlicense), GIS-DATA,
 * vereinfacht und farblich bearbeitet.
 */
html body .hc-coverage.hc-coverage--atlas {
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  min-height:690px!important;
  padding:0!important;
  margin:38px 0 0 calc(50% - 50vw)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
  background:
    radial-gradient(ellipse at 78% 34%,rgba(17,160,149,.14),transparent 37%),
    linear-gradient(113deg,#101419 5%,#12191e 52%,#0b1217 100%)!important;
  color:#e9f2f5!important;
}
html body .hc-coverage.hc-coverage--atlas::before,
html body .hc-coverage.hc-coverage--atlas::after {
  content:none!important;
  display:none!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__inner {
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,470px) minmax(0,1fr)!important;
  column-gap:52px!important;
  align-items:center!important;
  width:min(1240px,calc(100% - 88px))!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:92px 0 110px!important;
  min-height:690px!important;
  box-sizing:border-box!important;
  background:none!important;
  border:0!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy {
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:470px!important;
  padding:0!important;
  margin:0!important;
  color:#e3f2f5!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy h2 {
  font-size:clamp(28px,2.9vw,43px)!important;
  line-height:1.13!important;
  font-weight:820!important;
  letter-spacing:-.035em!important;
  color:#f2f8f9!important;
  text-shadow:none!important;
  margin:0 0 24px!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy h2 em {
  display:block!important;
  color:#65e3da!important;
  font-style:normal!important;
  font-weight:820!important;
  letter-spacing:-.032em!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy p,
html body .hc-coverage.hc-coverage--atlas .hc-coverage__intro,
html body .hc-coverage.hc-coverage--atlas .hc-coverage__detail {
  color:#aabfc5!important;
  font-size:14px!important;
  line-height:1.78!important;
  max-width:52ch!important;
  text-shadow:none!important;
  margin:0 0 18px!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy strong {
  color:#edf8f8!important;
  font-weight:720!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__service-line {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin:24px 0 0!important;
  color:#83e6dc!important;
  border:0!important;
  background:transparent!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__service-line strong {
  color:#89e8df!important;
  font-size:11px!important;
  font-weight:730!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__service-line span {
  display:block!important;
  width:3px!important;
  height:3px!important;
  margin:0!important;
  flex:0 0 auto!important;
  background:#478b8e!important;
  border-radius:50%!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__atlas-layer {
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  bottom:0!important;
  right:max(0px,calc((100vw - 1450px)/2))!important;
  width:min(69vw,930px)!important;
  height:100%!important;
  overflow:visible!important;
  pointer-events:none!important;
  opacity:1!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-atlas {
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  object-fit:contain!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-atlas-state {
  fill:#151f24;
  stroke:#374a50;
  stroke-width:1.05;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  transition:fill .25s ease;
}
html body .hc-coverage.hc-coverage--atlas .hc-atlas-state--active {
  fill:#124143;
  stroke:#42d3c7;
  stroke-width:2.0;
  filter:drop-shadow(0 0 3px rgba(48,237,220,.22));
}
html body .hc-coverage.hc-coverage--atlas .hc-city__halo {
  fill:rgba(31,224,211,.17);
}
html body .hc-coverage.hc-coverage--atlas .hc-city__dot {
  fill:#69eee2;
  stroke:#0f2228;
  stroke-width:1.4;
}
html body .hc-coverage.hc-coverage--atlas .hc-city__tag {
  fill:rgba(11,25,32,.93);
  stroke:#2f666b;
  stroke-width:1;
}
html body .hc-coverage.hc-coverage--atlas .hc-city__name {
  font-family:Inter,Arial,sans-serif!important;
  fill:#d8f5f1;
  font-weight:690!important;
  font-size:15px!important;
  letter-spacing:-.01em!important;
  text-anchor:start!important;
  dominant-baseline:auto!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--main .hc-city__halo {
  fill:rgba(22,223,210,.35);
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--main .hc-city__dot {
  fill:#66f8ed;
  stroke:#d5fffb;
  stroke-width:1.8;
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--main .hc-city__tag {
  fill:#164f54;
  stroke:#63e5db;
  stroke-width:1.4;
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--main .hc-city__name {
  fill:#fff;
  font-weight:840!important;
  font-size:17px!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--secondary .hc-city__tag {
  fill:rgba(16,32,38,.88);
  stroke:#3a565b;
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--secondary .hc-city__name {
  fill:#c0d3d5;
  font-weight:550!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__map-key {
  position:absolute!important;
  left:max(44px,calc((100vw - 1240px)/2))!important;
  bottom:54px!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  max-width:calc(100% - 80px)!important;
  color:#a6c6c8!important;
  font:600 11px/1.5 Inter,Arial,sans-serif!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__map-key-dot {
  display:block!important;
  width:8px!important;
  height:8px!important;
  border-radius:2px!important;
  background:#24bbae!important;
  box-shadow:0 0 12px rgba(47,231,217,.25)!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__map-credit {
  position:absolute!important;
  right:max(24px,calc((100vw - 1340px)/2))!important;
  bottom:15px!important;
  z-index:3!important;
  margin:0!important;
  font:400 10px/1.5 Inter,Arial,sans-serif!important;
  color:rgba(182,203,207,.52)!important;
  text-align:right!important;
}
@media(max-width:1050px){
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__inner {
    grid-template-columns:minmax(0,43%) minmax(0,57%)!important;
    column-gap:0!important;
    width:calc(100% - 52px)!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__atlas-layer {
    width:71vw!important;
    right:-5vw!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy h2 {
    font-size:clamp(26px,3.8vw,35px)!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy p {
    font-size:13px!important;
    line-height:1.65!important;
  }
}
@media(max-width:700px){
  html body .hc-coverage.hc-coverage--atlas {
    min-height:0!important;
    margin-top:24px!important;
    padding-bottom:0!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__inner {
    display:block!important;
    width:calc(100% - 42px)!important;
    padding:54px 0 480px!important;
    min-height:0!important;
    margin:0 auto!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy {
    max-width:none!important;
    width:100%!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy h2 {
    font-size:clamp(28px,8.2vw,36px)!important;
    margin-bottom:21px!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy p {
    font-size:13px!important;
    line-height:1.68!important;
    max-width:none!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__atlas-layer {
    top:auto!important;
    bottom:30px!important;
    right:-12vw!important;
    width:124vw!important;
    height:465px!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-city-label--secondary {
    display:none!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-city__name {
    font-size:18px!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-city-label--main .hc-city__name {
    font-size:20px!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__map-key {
    left:22px!important;
    bottom:35px!important;
    max-width:calc(100% - 44px)!important;
    font-size:10px!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__map-credit {
    left:22px!important;
    right:auto!important;
    bottom:11px!important;
    font-size:9px!important;
    text-align:left!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .hc-coverage.hc-coverage--atlas .hc-atlas-state {transition:none!important;}
}

/* Die bestehende mobile Seite nutzt html{zoom:.9}.
   100vw wuerde deshalb nur 90 % der sichtbaren Breite abdecken. */
@media(max-width:700px){
  html body .hc-coverage.hc-coverage--atlas {
    width:calc(111.111vw + 9px)!important;
    min-width:calc(111.111vw + 9px)!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__atlas-layer {
    right:-4vw!important;
  }
}

/* Vollflaechig trotz html-zoom:0.9 des bestehenden WP-Themes. */
html body .hc-coverage.hc-coverage--atlas {
  width:111.111vw!important;
  min-width:111.111vw!important;
  margin-left:0!important;
}
@media(min-width:701px) and (max-width:1050px){
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__atlas-layer {
    right:0!important;
  }
}
@media(max-width:700px){
  html body .hc-coverage.hc-coverage--atlas {
    width:111.111vw!important;
    min-width:111.111vw!important;
    margin-left:0!important;
  }
}


/* Karten-Finish: alle fünf Einsatzländer, einheitliche City-Tags.
   Kein schwarzer Hintergrund und keine Legende im Layout. */
html body .hc-coverage.hc-coverage--atlas {
  background:
    radial-gradient(ellipse 70% 95% at 73% 36%, rgba(31,129,136,.16) 0%,transparent 67%),
    linear-gradient(116deg,#233b47 0%,#203842 46%,#1c333d 100%)!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-atlas-state {
  fill:#22363f!important;
  stroke:#49646c!important;
  stroke-width:1.05px!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-atlas-state--active {
  fill:#155456!important;
  stroke:#43d5ca!important;
  stroke-width:2px!important;
  filter:drop-shadow(0 0 3px rgba(48,237,220,.17))!important;
}
/* Dieselbe Beschriftung fuer ALLE Orte, auch Neubrandenburg. */
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__halo {
  fill:rgba(31,224,211,.17)!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__dot {
  fill:#69eee2!important;
  stroke:#12313a!important;
  stroke-width:1.4px!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__tag {
  fill:rgba(18,43,51,.96)!important;
  stroke:#5a8a8d!important;
  stroke-width:1px!important;
  rx:5px!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__name {
  fill:#e3f7f5!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:690!important;
  letter-spacing:0!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--secondary .hc-city__tag {
  fill:rgba(18,43,51,.96)!important;
  stroke:#5a8a8d!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city-label--secondary .hc-city__name {
  fill:#e3f7f5!important;
  font-weight:690!important;
}
/* Dieser Text wurde aus dem DOM entfernt; die Regeln sind lediglich
   ein Fallback gegen fruehere Cache-Versionen. */
html body .hc-coverage.hc-coverage--atlas .hc-coverage__map-key,
html body .hc-coverage.hc-coverage--atlas .hc-coverage__map-credit {
  display:none!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__inner {
  padding-bottom:78px!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy h2 em {
  font-size:.91em!important;
  line-height:1.15!important;
}
@media(max-width:700px) {
  html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__name {
    font-size:18px!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__tag {
    width:var(--hc-mobile-tag-width)!important;
  }
  html body .hc-coverage.hc-coverage--atlas .hc-coverage__inner {
    padding-bottom:450px!important;
  }
}

/* Hellerer Einsatzgebietbereich – Farbkorrektur 21.10.2026.
   Bestehende Laender, Labels, Standorte und SVG bleiben unveraendert. */
html body .hc-coverage.hc-coverage--atlas {
  background:
    radial-gradient(ellipse 72% 90% at 73% 30%, rgba(70,174,178,.13) 0%,transparent 64%),
    linear-gradient(118deg,#e8f1f5 0%,#cfdee7 53%,#e3edf2 100%)!important;
  color:#1a3d51!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy,
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy h2 {
  color:#193e53!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy h2 em {
  color:#286b7d!important;
  text-shadow:none!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy p,
html body .hc-coverage.hc-coverage--atlas .hc-coverage__intro,
html body .hc-coverage.hc-coverage--atlas .hc-coverage__detail {
  color:#355b6c!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__copy strong {
  color:#183f53!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__service-line strong {
  color:#186c77!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-coverage__service-line span {
  background:#79a7ae!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-atlas-state {
  fill:#c4d6df!important;
  stroke:#829ca9!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-atlas-state--active {
  fill:#3189a4!important;
  stroke:#1ab7cc!important;
  filter:drop-shadow(0 0 2px rgba(26,183,204,.18))!important;
}
/* Labels auf dem hellen Hintergrund weiterhin kontrastreich. */
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__tag,
html body .hc-coverage.hc-coverage--atlas .hc-city-label--secondary .hc-city__tag {
  fill:#244b57!important;
  stroke:#5e8c92!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__name,
html body .hc-coverage.hc-coverage--atlas .hc-city-label--secondary .hc-city__name {
  fill:#f4fcfc!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__dot {
  fill:#1ab4c7!important;
  stroke:#e8f6f5!important;
}
html body .hc-coverage.hc-coverage--atlas .hc-city .hc-city__halo {
  fill:rgba(26,180,199,.18)!important;
}


/* Richter Footer + endloses Partnerband | 21.10.2026.
   Footer-Verlauf 10% dunkler, Logo-Viewport echte 100% Bildschirmbreite.
   Markenzeichen, Linkziele und Bewegungslogik unveraendert. */
html body #footer.dbr-premium-footer-root {
  background-color:#054368!important;
  background-image:linear-gradient(120deg,#064d74 0%,#054068 55%,#053559 100%)!important;
}
/* Die Website zoomt HTML mit 0.9: daher 100vw/0.9,
   damit der reale sichtbare Bereich bis an die Displaykanten reicht. */
html body .dbr-partner-slider.dbr-section-surface {
  width:calc(100vw / .9)!important;
  min-width:calc(100vw / .9)!important;
  max-width:none!important;
  margin:0 0 0 calc(-1 * var(--wp--style--root--padding-left, 32px))!important;
  left:0!important;
  right:auto!important;
  transform:none!important;
  translate:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body .dbr-partner-slider .dbr-partner-slider__inner {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body .dbr-partner-slider .dbr-partner-slider__viewport {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 1.8%,#000 98.2%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 1.8%,#000 98.2%,transparent 100%)!important;
}
/* Endlosanimation bleibt inklusive JS-Breitenberechnung erhalten. */
@media(prefers-reduced-motion:reduce) {
  html body .dbr-partner-slider .dbr-partner-slider__viewport {
    overflow-x:auto!important;
  }
}


/* Richter Kalkulator – Datenschutz & sachliche Richtpreis-Ansicht.
   Nur Demo-Design: Preislogik und Versandsperre bleiben unveraendert. */
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-consent {
  margin:22px 0 9px!important;
  padding:0!important;
  max-width:750px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label {
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:12px!important;
  cursor:pointer!important;
  font:500 12px/1.65 Inter,Arial,sans-serif!important;
  color:#345969!important;
  letter-spacing:0!important;
  margin:0!important;
  padding:2px 0!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label input[type=checkbox] {
  position:absolute!important;
  left:0!important;
  top:2px!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  border:0!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-checkbox {
  flex:0 0 21px!important;
  width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  border:1.4px solid #84adbd!important;
  border-radius:3px!important;
  background:rgba(255,255,255,.92)!important;
  color:white!important;
  box-shadow:none!important;
  transition:background-color .15s ease,border-color .15s ease!important;
  margin-top:1px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-checkbox svg {
  display:block!important;
  width:15px!important;
  height:15px!important;
  opacity:0!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label input:checked + .dbrpf__privacy-checkbox {
  border-color:#257b56!important;
  background:#267b56!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label input:checked + .dbrpf__privacy-checkbox svg {
  opacity:1!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label input:focus-visible + .dbrpf__privacy-checkbox {
  outline:2px solid #1b719d!important;
  outline-offset:3px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label input[aria-invalid=true] + .dbrpf__privacy-checkbox {
  border-color:#b6454c!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label a {
  color:#0b6093!important;
  font-weight:710!important;
  text-underline-offset:2px!important;
  text-decoration:underline!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-required {
  color:#b3434b!important;
  font-weight:770!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-error {
  color:#a52e3f!important;
  font-size:11px!important;
  line-height:1.5!important;
  padding:0!important;
  margin:7px 0 0 33px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-error[hidden] {display:none!important}
html body .dbrpf .dbrpf__section--contact .dbrpf__submit-row {
  margin:19px 0 0!important;
  gap:0!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__button--submit {
  min-height:51px!important;
  padding:13px 20px!important;
  font-size:13px!important;
  font-weight:780!important;
}
/* Gruener Richtpreis: flache Materialflaeche statt der SaaS-Gradientkarte. */
html body .dbrpf .dbrpf__price-card {
  background:#e9f2ec!important;
  background-image:none!important;
  border:1px solid #9fc5af!important;
  border-top:3px solid #39825d!important;
  border-radius:6px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body .dbrpf .dbrpf__price-card::before,
html body .dbrpf .dbrpf__price-card::after {
  content:none!important;
  display:none!important;
}
html body .dbrpf .dbrpf__price-card-head {
  padding:17px 19px 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(64,119,85,.19)!important;
}
html body .dbrpf .dbrpf__price-live {
  color:#275c42!important;
  font-size:12px!important;
  font-weight:780!important;
  letter-spacing:.015em!important;
}
html body .dbrpf .dbrpf__price-live-dot {
  box-shadow:none!important;
  background:#39825d!important;
}
html body .dbrpf .dbrpf__price-main {
  padding:18px 19px 17px!important;
  color:#214e38!important;
}
html body .dbrpf .dbrpf__price-main>span {
  display:block!important;
  margin:0 0 8px!important;
  color:#4f7260!important;
  font-size:12px!important;
  font-weight:640!important;
}
html body .dbrpf .dbrpf__price-main>strong {
  display:block!important;
  color:#19523a!important;
  font-weight:800!important;
  font-size:clamp(34px,2.95vw,42px)!important;
  line-height:1.12!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}
html body .dbrpf .dbrpf__price-main>small {
  display:none!important;
}
html body .dbrpf .dbrpf__selection-summary {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px 18px!important;
  margin:0 19px 18px!important;
  padding:16px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(64,119,85,.24)!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__selection-summary>div {
  border:0!important;
  background:none!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
}
html body .dbrpf .dbrpf__selection-summary>div>span {
  display:block!important;
  color:#5f7e69!important;
  font-size:10px!important;
  font-weight:740!important;
  letter-spacing:.028em!important;
  margin:0 0 4px!important;
}
html body .dbrpf .dbrpf__selection-summary>div>strong {
  display:block!important;
  color:#244f3c!important;
  font-size:11.5px!important;
  line-height:1.38!important;
  font-weight:730!important;
  text-shadow:none!important;
}
html body .dbrpf .dbrpf__price-details-toggle {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 19px 16px!important;
  padding:12px 0 5px!important;
  width:calc(100% - 38px)!important;
  min-height:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-top:1px solid rgba(64,119,85,.25)!important;
  border-radius:0!important;
  color:#216044!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:740!important;
  transition:color .12s ease!important;
}
html body .dbrpf .dbrpf__price-details-toggle:hover,
html body .dbrpf .dbrpf__price-details-toggle:focus-visible {
  color:#114c32!important;
  background:transparent!important;
  background-image:none!important;
  transform:none!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__price-details-toggle:focus-visible {
  outline:2px solid #287e56!important;
  outline-offset:2px!important;
}
html body .dbrpf .dbrpf__price-details {
  margin:0 19px 17px!important;
  padding:0!important;
}
html body .dbrpf .dbrpf__price-note,
html body .dbrpf .dbrpf__mobile-price-note {
  display:none!important;
}
html body .dbrpf .dbrpf__price-divider {
  border-color:rgba(64,119,85,.22)!important;
}
html body .dbrpf .dbrpf__mobile-price {
  background:#e9f2ec!important;
  background-image:none!important;
  border:1px solid #9fc5af!important;
  border-left:3px solid #39825d!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__mobile-price-toggle {
  background:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#19523a!important;
}
html body .dbrpf .dbrpf__mobile-price-copy>strong {
  color:#19523a!important;
}
html body .dbrpf .dbrpf__mobile-breakdown {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-label {
    gap:10px!important;
    font-size:11.5px!important;
  }
  html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-checkbox {
    flex-basis:21px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-checkbox {transition:none!important;}
}

/* Overrides older WordPress calculator rule hiding non-standard contact blocks. */
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-consent[data-dbr-privacy-consent] {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__privacy-consent .dbrpf__privacy-label {
  display:flex!important;
}


/* Dachreinigung Kosten – Aktionsstreifen & Footer (21.10.2026)
 * Farbton der Rabattkennzeichen: #397f5c. Keine KI-typischen Glanzkarten.
 * Die Aktionsaussage bleibt ein Angebotshinweis, kein Eingriff in die Kalkulation.
 */

/* Handwerklicher Aktionshinweis: ruhig, ohne Goldverlauf und Glitzer-Effekte. */
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual {
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:min(795px,100%)!important;
  max-width:100%!important;
  min-height:92px!important;
  gap:20px!important;
  margin:24px 0 0!important;
  padding:17px 25px 19px 23px!important;
  border:0!important;
  border-left:4px solid #397f5c!important;
  border-radius:2px!important;
  background:#f0f5f1!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#183e35!important;
  font-family:Inter,Arial,sans-serif!important;
  transform:none!important;
  overflow:visible!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual::before {
  content:""!important;
  position:absolute!important;
  inset:auto 2% -3px 1%!important;
  height:2px!important;
  width:97%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#80a896 0%,#648a79 41%,#8ab09d 70%,transparent 100%)!important;
  opacity:.7!important;
  transform:rotate(-.14deg)!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual::after {
  content:""!important;
  position:absolute!important;
  left:23%!important;
  bottom:-5px!important;
  width:29%!important;
  height:1px!important;
  background:#9ab9aa!important;
  opacity:.55!important;
  transform:rotate(.32deg)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__body {
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__eyebrow {
  display:inline-block!important;
  color:#397f5c!important;
  font-size:11px!important;
  letter-spacing:.09em!important;
  font-weight:790!important;
  line-height:1.3!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__subline {
  color:#244b42!important;
  font-size:clamp(13px,1.12vw,16px)!important;
  line-height:1.45!important;
  font-weight:670!important;
  letter-spacing:-.012em!important;
  text-shadow:none!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__right {
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  padding-left:21px!important;
  border-left:1px solid rgba(57,127,92,.3)!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__discount {
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  text-align:left!important;
  color:#397f5c!important;
  white-space:nowrap!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__discount>strong {
  color:#397f5c!important;
  font-size:clamp(26px,2.7vw,34px)!important;
  line-height:1!important;
  font-weight:810!important;
  letter-spacing:-.06em!important;
  text-shadow:none!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__discount>strong span {
  color:inherit!important;
  font-size:.58em!important;
  font-weight:790!important;
  letter-spacing:-.01em!important;
  margin:0!important;
}
html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__discount>small {
  color:#32694b!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:730!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
}
/* Footer - nochmals ca. 10% dunkler als der bestehende Blauverlauf. */
html body #footer.dbr-premium-footer-root {
  background-color:#043c5e!important;
  background-image:linear-gradient(120deg,#054568 0%,#043a5e 55%,#042f50 100%)!important;
}
/* Der Header-Kontaktbutton benutzt genau das Rabatt-Grün. */
html body .dbr-final-header .dbr-final-nav a.dbr-master-button-v5,
html body .dbr-final-header .dbr-final-nav a.dbr-master-button-v5:visited {
  background:#397f5c!important;
  background-image:none!important;
  color:#fff!important;
  border:0!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body .dbr-final-header .dbr-final-nav a.dbr-master-button-v5:hover,
html body .dbr-final-header .dbr-final-nav a.dbr-master-button-v5:focus-visible {
  background:#2d694b!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .dbr-final-header .dbr-clone-mobile-menu a.dbr-master-button-v5,
html body .dbr-final-header .dbr-clone-mobile-menu a.dbr-master-button-v5:visited {
  background:#397f5c!important;
  background-image:none!important;
  color:#fff!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body .dbr-final-header .dbr-clone-mobile-menu a.dbr-master-button-v5:hover {
  background:#2d694b!important;
}
/* Die Footer-Überschriften bleiben derselben grünen Farbfamilie treu,
   sind zur Lesbarkeit auf Dunkelblau jedoch aufgehellt. */
html body footer#footer.dbr-premium-footer-root .dbr-ft-col .dbr-ft-title {
  color:#b5e2c4!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-shadow:none!important;
}
@media(max-width:720px) {
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual {
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    min-height:0!important;
    margin-top:20px!important;
    padding:15px 13px 16px 15px!important;
  }
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__body {
    gap:6px!important;
  }
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__eyebrow {
    font-size:10px!important;
  }
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__subline {
    font-size:12px!important;
    line-height:1.4!important;
  }
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__right {
    padding-left:10px!important;
  }
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__discount {
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    align-items:center!important;
  }
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__discount>strong {
    font-size:25px!important;
  }
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__discount>small {
    font-size:10px!important;
  }
}
@media(max-width:365px){
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual {gap:7px!important;padding-right:10px!important}
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual .dbr-2027-promo__right {padding-left:8px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .dbrh-hero .dbr-2027-promo.hc-promo-manual {transition:none!important}
}


/* Footer-Finish: keine Kaesten/Unterlegungen an Ueberschriften.
   Blauverlauf bleibt in der zuletzt freigegebenen leicht aufgehellten Fassung. */
html body #footer.dbr-premium-footer-root {
  background-color:#0b4669!important;
  background-image:linear-gradient(120deg,#0d5279 0%,#0a476b 55%,#083b5c 100%)!important;
}
html body footer#footer.dbr-premium-footer-root .dbr-ft-col .dbr-ft-title {
  display:block!important;
  width:auto!important;
  max-width:none!important;
  color:#397f5c!important;
  font-weight:850!important;
  text-shadow:none!important;
  padding:0!important;
  margin-left:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:none!important;
  background-image:none!important;
}


/* Preisrechner – auslaufende Abschnittslinien wie das Partnerband.
   Entfernt die hart gezeichneten SVG-Querstriche, ohne Eingaben oder
   die Position der Kontakt-Trennlinie zu verändern. */
html body .dbrpf .dbrpf__section::before,
html body .dbrpf .dbrpf__section:nth-of-type(even)::before,
html body .dbrpf .dbrpf__section--contact::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  left:0!important;
  right:0!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  max-width:100%!important;
  height:2px!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(
    90deg,
    rgba(35,113,156,0) 0%,
    rgba(35,113,156,.16) 8%,
    rgba(35,113,156,.42) 21%,
    rgba(35,113,156,.76) 42%,
    rgba(35,113,156,.82) 50%,
    rgba(35,113,156,.76) 58%,
    rgba(35,113,156,.42) 79%,
    rgba(35,113,156,.16) 92%,
    rgba(35,113,156,0) 100%
  )!important;
  background-image:linear-gradient(
    90deg,
    rgba(35,113,156,0) 0%,
    rgba(35,113,156,.16) 8%,
    rgba(35,113,156,.42) 21%,
    rgba(35,113,156,.76) 42%,
    rgba(35,113,156,.82) 50%,
    rgba(35,113,156,.76) 58%,
    rgba(35,113,156,.42) 79%,
    rgba(35,113,156,.16) 92%,
    rgba(35,113,156,0) 100%
  )!important;
  background-repeat:no-repeat!important;
  background-size:100% 2px!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:2!important;
}
html body .dbrpf .dbrpf__section::after,
html body .dbrpf .dbrpf__section:nth-of-type(even)::after,
html body .dbrpf .dbrpf__section--contact::after {
  content:none!important;
  display:none!important;
}


/* Optionsfelder: transparent, sauber gezeichnete und auslaufende Linien.
   Bewusst keine Aufhellung bei Hover/Anklicken; Auswahl nur durch Radiopunkt.
   Dachflaechen- und Kontaktfelder weiter unten bleiben unveraendert. */
html body .dbrpf .dbrpf__choices .dbrpf-choice,
html body .dbrpf .dbrpf__choices .dbrpf-choice:hover,
html body .dbrpf .dbrpf__choices .dbrpf-choice:focus,
html body .dbrpf .dbrpf__choices .dbrpf-choice:focus-within,
html body .dbrpf .dbrpf__choices .dbrpf-choice:has(input:checked),
html body .dbrpf .dbrpf__choices .dbrpf-choice:has(input:checked):hover,
html body .dbrpf .dbrpf__choices .dbrpf-choice:has(input:checked):focus-within,
html body .dbrpf .dbrpf__choices .dbrpf-choice.is-selected {
  position:relative!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

/* Anstelle der unruhigen SVG-Linien: vier symmetrische Fade-Striche.
   Alle Kanten laufen in beide Richtungen weich aus. */
html body .dbrpf .dbrpf__choices .dbrpf-choice::before,
html body .dbrpf .dbrpf__choices .dbrpf-choice:nth-child(even)::before,
html body .dbrpf .dbrpf__choices .dbrpf-choice:has(input:checked)::before,
html body .dbrpf .dbrpf__choices .dbrpf-choice.is-selected::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:4px 6px!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.85!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  border:0!important;
  background:
    linear-gradient(90deg,
      rgba(73,132,164,0) 0%,
      rgba(73,132,164,.36) 11%,
      rgba(73,132,164,.74) 50%,
      rgba(73,132,164,.36) 89%,
      rgba(73,132,164,0) 100%) top / 100% 1.4px no-repeat,
    linear-gradient(90deg,
      rgba(73,132,164,0) 0%,
      rgba(73,132,164,.33) 11%,
      rgba(73,132,164,.67) 50%,
      rgba(73,132,164,.33) 89%,
      rgba(73,132,164,0) 100%) bottom / 100% 1.4px no-repeat,
    linear-gradient(180deg,
      rgba(73,132,164,0) 0%,
      rgba(73,132,164,.38) 15%,
      rgba(73,132,164,.68) 50%,
      rgba(73,132,164,.38) 85%,
      rgba(73,132,164,0) 100%) left / 1.4px 100% no-repeat,
    linear-gradient(180deg,
      rgba(73,132,164,0) 0%,
      rgba(73,132,164,.34) 15%,
      rgba(73,132,164,.62) 50%,
      rgba(73,132,164,.34) 85%,
      rgba(73,132,164,0) 100%) right / 1.4px 100% no-repeat!important;
}
html body .dbrpf .dbrpf__choices .dbrpf-choice::after,
html body .dbrpf .dbrpf__choices .dbrpf-choice:nth-child(even)::after,
html body .dbrpf .dbrpf__choices .dbrpf-choice.is-selected::after {
  content:none!important;
  display:none!important;
}
/* Barrierefreier Tastaturfokus bleibt am Auswahlkreis erkennbar. */
html body .dbrpf .dbrpf__choices .dbrpf-choice:has(input:focus-visible) .dbrpf-choice__indicator {
  outline:2px solid #2f7eae!important;
  outline-offset:3px!important;
}
html body .dbrpf .dbrpf__choices .dbrpf-choice input:focus,
html body .dbrpf .dbrpf__choices .dbrpf-choice input:focus-visible {
  outline:0!important;
  box-shadow:none!important;
}
/* Das Feld "Dachflaeche" wie Name / E-Mail: weicher weisser Farbtupfer
   und nur eine feine Unterlinie, keine Box, keine umlaufende Umrandung. */
html body .dbrpf .dbrpf__section[data-dbr-section="area"] .dbrpf__area-field,
html body .dbrpf .dbrpf__section[data-dbr-section="area"] .dbrpf__area-field:focus-within {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section[data-dbr-section="area"] .dbrpf__area-field::before,
html body .dbrpf .dbrpf__section[data-dbr-section="area"] .dbrpf__area-field::after {
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section[data-dbr-section="area"] input.dbrpf__input--area,
html body .dbrpf .dbrpf__section[data-dbr-section="area"] input.dbrpf__input--area:hover {
  -webkit-appearance:none!important;
  appearance:textfield!important;
  background:radial-gradient(ellipse 90% 115% at 38% 52%,
    rgba(255,255,255,.99) 0%,rgba(255,255,255,.87) 43%,
    rgba(255,255,255,.48) 67%,rgba(255,255,255,0) 100%)!important;
  background-image:radial-gradient(ellipse 90% 115% at 38% 52%,
    rgba(255,255,255,.99) 0%,rgba(255,255,255,.87) 43%,
    rgba(255,255,255,.48) 67%,rgba(255,255,255,0) 100%)!important;
  border:0!important;
  border-bottom:1.5px solid #86aec0!important;
  border-radius:0!important;
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  min-height:50px!important;
  padding:12px 49px 10px 12px!important;
  transition:border-color .16s ease!important;
}
html body .dbrpf .dbrpf__section[data-dbr-section="area"] input.dbrpf__input--area:focus,
html body .dbrpf .dbrpf__section[data-dbr-section="area"] input.dbrpf__input--area:focus-visible {
  background:radial-gradient(ellipse 95% 125% at 42% 50%,
    #fff 0%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.62) 72%,transparent 100%)!important;
  background-image:radial-gradient(ellipse 95% 125% at 42% 50%,
    #fff 0%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.62) 72%,transparent 100%)!important;
  border:0!important;
  border-bottom:2px solid #166f9c!important;
  border-radius:0!important;
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section[data-dbr-section="area"] input.dbrpf__input--area::-webkit-inner-spin-button,
html body .dbrpf .dbrpf__section[data-dbr-section="area"] input.dbrpf__input--area::-webkit-outer-spin-button {
  -webkit-appearance:none!important;
  margin:0!important;
}


/* Dachreinigung Kosten – Kontaktbereich: fliessende Linien wie am Kalkulator.
   Felder + Dokumenten-Upload; keine Eingriffe in Preisberechnung/Submit/Dateifunktion. */
html body .dbrpf .dbrpf__section--contact .dbrpf__fields > .dbrpf__field::before,
html body .dbrpf .dbrpf__section--contact .dbrpf__fields > .dbrpf__field::after,
html body .dbrpf .dbrpf__section--contact .dbrpf__fields > .dbrpf__field:nth-child(even)::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
/* Ein heller, weicher Pinselzug im Schreibbereich + eine einzelne Fade-Linie.
   Genau wie im letzten Bild gewuenscht, aber ohne die alte doppelte Kritzelei. */
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea {
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  border:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background:
    radial-gradient(ellipse 87% 133% at 39% 43%,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.73) 47%,
      rgba(255,255,255,.22) 79%,
      transparent 100%) center / 100% 100% no-repeat,
    linear-gradient(90deg,
      rgba(73,132,164,0) 0%,
      rgba(73,132,164,.30) 10%,
      rgba(73,132,164,.73) 48%,
      rgba(73,132,164,.30) 90%,
      rgba(73,132,164,0) 100%) bottom / 100% 1.5px no-repeat!important;
  background-image:
    radial-gradient(ellipse 87% 133% at 39% 43%,
      rgba(255,255,255,.95) 0%,rgba(255,255,255,.73) 47%,
      rgba(255,255,255,.22) 79%,transparent 100%),
    linear-gradient(90deg,rgba(73,132,164,0) 0%,
      rgba(73,132,164,.30) 10%,rgba(73,132,164,.73) 48%,
      rgba(73,132,164,.30) 90%,rgba(73,132,164,0) 100%)!important;
  background-size:100% 100%,100% 1.5px!important;
  background-position:center,bottom!important;
  background-repeat:no-repeat!important;
  transform:none!important;
}
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus,
html body .dbrpf .dbrpf__section--contact.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  border:0!important;
  border-radius:0!important;
  outline:none!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background-image:
    radial-gradient(ellipse 93% 140% at 42% 42%,
      #fff 0%,rgba(255,255,255,.84) 51%,
      rgba(255,255,255,.30) 80%,transparent 100%),
    linear-gradient(90deg,rgba(23,108,156,0) 0%,
      rgba(23,108,156,.42) 10%,rgba(23,108,156,.92) 50%,
      rgba(23,108,156,.42) 90%,rgba(23,108,156,0) 100%)!important;
  background-size:100% 100%,100% 2px!important;
  background-position:center,bottom!important;
  background-repeat:no-repeat!important;
}
/* Das Nachrichtenfeld bleibt fest in der Hoehe, auch beim Fokussieren. */
html body .dbrpf .dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus {
  resize:none!important;
  height:110px!important;
  max-height:110px!important;
  min-height:110px!important;
  overflow-y:auto!important;
  padding:14px 12px 12px!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__zone {
  position:relative!important;
  isolation:isolate!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:radial-gradient(ellipse 83% 120% at 45% 52%,
    rgba(255,255,255,.54) 0%,rgba(255,255,255,.22) 67%,
    transparent 100%)!important;
  background-image:radial-gradient(ellipse 83% 120% at 45% 52%,
    rgba(255,255,255,.54) 0%,rgba(255,255,255,.22) 67%,
    transparent 100%)!important;
}
/* Statt der gestrichelten Datei-Box: dieselben 4 auslaufenden Linien wie im Rechner.
   z-index:0 laesst Label, Dateiauswahl und Drag/Drop interaktiv. */
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__zone::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:4px 6px!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.85!important;
  background:
    linear-gradient(90deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.36) 11%,rgba(73,132,164,.74) 50%,rgba(73,132,164,.36) 89%,rgba(73,132,164,0) 100%) top / 100% 1.4px no-repeat,
    linear-gradient(90deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.33) 11%,rgba(73,132,164,.67) 50%,rgba(73,132,164,.33) 89%,rgba(73,132,164,0) 100%) bottom / 100% 1.4px no-repeat,
    linear-gradient(180deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.38) 15%,rgba(73,132,164,.68) 50%,rgba(73,132,164,.38) 85%,rgba(73,132,164,0) 100%) left / 1.4px 100% no-repeat,
    linear-gradient(180deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.34) 15%,rgba(73,132,164,.62) 50%,rgba(73,132,164,.34) 85%,rgba(73,132,164,0) 100%) right / 1.4px 100% no-repeat!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__zone::after {
  content:none!important;
  display:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__zone:focus-within,
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__zone:hover,
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__zone.is-dragover {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload label.hc-upload__trigger {
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__choose {
  border:0!important;
  border-bottom:1px solid #9bbac7!important;
  border-radius:0!important;
  padding:8px 7px!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__input:focus-visible + label.hc-upload__trigger .hc-upload__choose {
  outline:2px solid #26749a!important;
  outline-offset:2px!important;
}
@media(max-width:720px){
  html body .dbrpf .dbrpf__section--contact .dbrpf__field.hc-upload .hc-upload__zone::before {
    inset:3px 3px!important;
  }
}


/* Richter / Premium Kontakt + drei Dachformen | 2026-10-21.
 * Der Rechner und die Datenverarbeitung werden nicht ersetzt.
 * Umsetzung passt Konzept 02 an bestehende Typografie, Hellblau und live-Preis an. */

/* 3 Dachbilder in gleich grossen, transparenten Feldern */
html body .dbrpf .dbrpf__choices--roof.dbrpf__choices--three {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:7px 8px 12px!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  color:#194159!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__form-photo {
  display:block!important;
  width:100%!important;
  height:116px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:3px!important;
  filter:none!important;
  box-shadow:none!important;
  margin:0 0 10px!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo:has(input[value="pitched"]) .dbrpf-choice__form-photo {
  object-position:center 35%!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo:has(input[value="hipped"]) .dbrpf-choice__form-photo {
  object-position:center 55%!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__copy {
  min-width:0!important;
  max-width:100%!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__copy strong {
  font-size:13px!important;
  line-height:1.35!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__copy small {
  font-size:11px!important;
  line-height:1.43!important;
  min-height:47px!important;
  overflow-wrap:break-word!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__price {
  margin-top:auto!important;
  color:#255a44!important;
  background:rgba(61,136,94,.11)!important;
  font-size:11px!important;
  padding:4px 8px!important;
  border-radius:3px!important;
  font-weight:770!important;
}
/* Ränder fuer Auswahl bleiben unabhaengig vom selektierten Zustand.
   Es gelten die bereits zuletzt freigegebenen sanften Fade-Linien. */

/* Premium Kontakt als eigener Markenbereich – klar statt KI-Glanzoptik. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium {
  position:relative!important;
  isolation:isolate!important;
  padding:36px 34px 35px!important;
  margin-top:32px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  background:
    linear-gradient(113deg,rgba(9,36,60,.97) 0%,rgba(10,43,69,.97) 64%,rgba(16,52,70,.96) 100%)!important;
  background-image:linear-gradient(113deg,rgba(9,36,60,.97) 0%,rgba(10,43,69,.97) 64%,rgba(16,52,70,.96) 100%)!important;
  color:#f5f8f8!important;
  border:1px solid rgba(143,176,184,.28)!important;
  border-radius:9px!important;
  box-shadow:0 12px 36px rgba(24,57,72,.09)!important;
  overflow:hidden!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium::before {
  content:""!important;
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;bottom:auto!important;
  height:3px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(232,194,119,.72) 21%,#f3d396 49%,rgba(232,194,119,.72) 77%,transparent 100%)!important;
  opacity:1!important;
  pointer-events:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;right:-7%!important;left:auto!important;bottom:auto!important;
  width:52%!important;height:260px!important;
  background:radial-gradient(ellipse at 75% 0%,rgba(72,124,133,.26),transparent 72%)!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
  transform:none!important;
}
html body .dbrpf .hc-contact-premium > * {
  position:relative!important;
  z-index:1!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head {
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head h3 {
  color:#fff!important;
  font-size:clamp(25px,2.7vw,34px)!important;
  line-height:1.14!important;
  letter-spacing:-.03em!important;
  font-weight:800!important;
  max-width:24ch!important;
  margin:0 0 11px!important;
  text-shadow:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head p {
  color:#cbdde3!important;
  font-size:13px!important;
  line-height:1.63!important;
  max-width:58ch!important;
  margin:0!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__eyebrow {display:none!important}
html body .dbrpf .hc-premium-contact__intro {
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 23px!important;
  color:#efd39b!important;
}
html body .dbrpf .hc-premium-contact__kicker {
  color:#efd39b!important;
  font-size:9px!important;
  font-weight:780!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
html body .dbrpf .hc-premium-contact__line {
  flex:1!important;
  max-width:85px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(232,194,119,.57),transparent)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__fields {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:21px 17px!important;
  margin:0!important;
  padding:0!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field {
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field--full {
  grid-column:1/-1!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label,
html body .dbrpf .hc-contact-premium .hc-upload__title {
  display:block!important;
  color:#f0f6f8!important;
  font-size:11px!important;
  font-weight:710!important;
  margin:0 0 7px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label span:not(.hc-upload__copy):not(.hc-upload__choose) {
  color:#c5d6d8!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus {
  width:100%!important;
  box-sizing:border-box!important;
  background:#0e324f!important;
  background-image:none!important;
  background-color:#0e324f!important;
  border:1px solid rgba(179,202,212,.42)!important;
  border-radius:4px!important;
  outline:none!important;
  box-shadow:none!important;
  color:#fff!important;
  padding:13px 12px!important;
  font-size:12px!important;
  min-height:47px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  border-color:#e8c77e!important;
  outline:1px solid #e8c77e!important;
  outline-offset:2px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea {
  min-height:100px!important;
  height:100px!important;
  max-height:100px!important;
  resize:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > input.dbrpf__input::placeholder,
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea::placeholder {
  color:#9db9c9!important;
  opacity:1!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone {
  padding:0!important;
  margin:0!important;
  min-height:73px!important;
  background:rgba(5,24,43,.35)!important;
  background-image:none!important;
  border:1px dashed rgba(178,207,212,.48)!important;
  border-radius:4px!important;
  outline:none!important;
  box-shadow:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone::before,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone::after {
  display:none!important;
  content:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__trigger {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  min-height:73px!important;
  box-sizing:border-box!important;
  padding:13px!important;
  margin:0!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__icon {
  flex:0 0 21px!important;
  color:#e7c57b!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy strong {
  color:#fff!important;font-weight:750!important;font-size:11px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy small {
  color:#bacbd4!important;font-size:10px!important;line-height:1.4!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__choose {
  display:inline-flex!important;
  color:#e8c87e!important;
  border:1px solid rgba(236,207,151,.52)!important;
  background:transparent!important;
  border-radius:3px!important;
  padding:8px!important;
  font-size:10px!important;
  box-shadow:none!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__files li {
  color:#f0f5f8!important;
  background:rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.17)!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__error,
html body .dbrpf .hc-contact-premium .dbrpf__error:not([hidden]),
html body .dbrpf .hc-contact-premium .dbrpf__privacy-error:not([hidden]) {
  color:#ffd2c8!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent {
  margin:21px 0 17px!important;
  padding:0!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label {
  display:flex!important;
  align-items:flex-start!important;
  color:#e0e9eb!important;
  font-size:11px!important;
  line-height:1.6!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label a {
  color:#f2d493!important;
  text-decoration:underline!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-checkbox {
  border-color:#bdcbd2!important;
  background:transparent!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__submit-row {
  display:flex!important;
  margin:0!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit {
  background:linear-gradient(180deg,#f2d590,#d6ac5d)!important;
  background-color:#e2bc75!important;
  border:1px solid #d4ab5b!important;
  border-radius:4px!important;
  color:#192d38!important;
  padding:13px 23px!important;
  min-height:50px!important;
  font-size:13px!important;
  font-weight:820!important;
  box-shadow:0 2px 0 rgba(0,0,0,.13)!important;
  text-shadow:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit:hover {
  background:linear-gradient(180deg,#f6dfaa,#dfb66b)!important;
  transform:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit svg {
  stroke:#192d38!important;
}
/* Banner/footer/Preisbereich bleiben unveraendert. */
@media(max-width:700px) {
  html body .dbrpf .dbrpf__choices--roof.dbrpf__choices--three {
    grid-template-columns:1fr!important;gap:14px!important;
  }
  html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__form-photo {
    height:148px!important;
  }
  html body .dbrpf .hc-contact-premium {
    padding:29px 18px 27px!important;
    margin-top:20px!important;
  }
  html body .dbrpf .hc-contact-premium .dbrpf__fields {
    grid-template-columns:1fr!important;gap:18px!important;
  }
  html body .dbrpf .hc-contact-premium .hc-upload__choose {
    display:none!important;
  }
  html body .dbrpf .hc-contact-premium .dbrpf__button--submit {
    width:100%!important;
  }
}
@media (min-width:701px) and (max-width:1100px){
 html body .dbrpf .dbrpf__choices--roof.dbrpf__choices--three {gap:9px!important;}
 html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__form-photo {height:96px!important;}
 html body .dbrpf .hc-contact-premium {padding:30px 22px!important;}
}

/* Final overrides: Vorgänger-CSS benutzte zwei identische Kontakt-Sektionsklassen
   und ueberschrieb die Premium-Felder mit hellen Verlaufstexturen. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  background-color:#0d314a!important;
  background:#0d314a!important;
  background-image:none!important;
  border:1px solid rgba(185,207,211,.48)!important;
  border-radius:4px!important;
  outline:none!important;
  box-shadow:none!important;
  color:#fff!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  border-color:#e5c782!important;
  outline:1px solid #e5c782!important;
  outline-offset:2px!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium .dbrpf__fields > .dbrpf__field > input.dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea::placeholder {
  color:#adc8d3!important;
  opacity:1!important;
}
html body .dbrpf .dbrpf__choices--roof .dbrpf-choice--roof-photo .dbrpf-choice__form-photo {
  background:rgba(96,137,149,.13)!important;
}

/* Sichtbarer persoenlicher Hinweis und Platz fuer mobile Sticky-Preisanzeige. */
html body .dbrpf .hc-contact-premium .dbrpf__section-head p {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#cbdde3!important;
  margin:0 0 7px!important;
  max-width:56ch!important;
}
@media(max-width:700px){
  html body .dbrpf .dbrpf__section--contact.hc-contact-premium {
    padding-top:69px!important;
    scroll-margin-top:115px!important;
  }
}


/* H&C showcase / Dachreinigung-Kosten: ruhiger Kontaktabschluss, 22.10.2026.
   Nur Darstellung. Rechnerlogik, Datenschutz, Upload und Demo-Submit bleiben unangetastet.
   Einheitliches Dachblau: #194d68 / #86aec0. Akzentgruen vom Header: #397f5c. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium {
  --contact-blue:#194d68; --contact-softblue:#86aec0; --contact-green:#397f5c;
  position:relative!important; isolation:isolate!important;
  margin:4px 0 19px!important; padding:60px 33px 45px!important;
  background:linear-gradient(180deg,rgba(244,249,251,0) 0%,rgba(229,241,247,.38) 15%,rgba(213,232,242,.64) 43%,rgba(197,222,234,.79) 76%,rgba(188,216,230,.88) 100%)!important;
  border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important;
}
/* Keine geschlossene Kachel: feine, in die Flaeche auslaufende gruene Zeichenlinien. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium::before {
  content:""!important; display:block!important; position:absolute!important;
  inset:16px 5px 10px!important; pointer-events:none!important; z-index:1!important;
  opacity:.82!important; border:0!important; box-shadow:none!important; border-radius:0!important;
  background:
    linear-gradient(90deg,transparent,rgba(57,127,92,.44) 25%,rgba(57,127,92,.55) 49%,rgba(57,127,92,.34) 75%,transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(57,127,92,.25) 25%,rgba(57,127,92,.38) 50%,rgba(57,127,92,.24) 75%,transparent) bottom / 100% 1px no-repeat,
    linear-gradient(180deg,transparent,rgba(57,127,92,.31) 18%,rgba(57,127,92,.37) 50%,rgba(57,127,92,.25) 83%,transparent) left / 1px 100% no-repeat,
    linear-gradient(180deg,transparent,rgba(57,127,92,.29) 18%,rgba(57,127,92,.34) 50%,rgba(57,127,92,.23) 83%,transparent) right / 1px 100% no-repeat!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium::after {
  content:none!important; display:none!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium > * {position:relative!important; z-index:2!important;}
html body .dbrpf .hc-contact-premium .dbrpf__section-head {margin:0 0 16px!important; padding:0!important; }
html body .dbrpf .hc-contact-premium .dbrpf__section-head h3 {
  color:#17455e!important; font-size:clamp(25px,2.55vw,31px)!important;
  letter-spacing:-.032em!important; line-height:1.16!important;
  margin:0 0 11px!important; font-weight:800!important; max-width:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head p {
  color:#466879!important; font-size:13px!important; line-height:1.67!important;
  max-width:62ch!important; margin:0 0 3px!important;
}
html body .dbrpf .hc-contact-premium .hc-premium-contact__intro {
  margin:0 0 26px!important; gap:11px!important; color:#397f5c!important;
}
html body .dbrpf .hc-contact-premium .hc-premium-contact__kicker {
  color:#2e7253!important; font-size:11.5px!important; font-weight:700!important;
  letter-spacing:0!important; text-transform:none!important; white-space:normal!important;
}
html body .dbrpf .hc-contact-premium .hc-premium-contact__line {
  height:1px!important; max-width:105px!important;
  background:linear-gradient(90deg,rgba(57,127,92,.57),rgba(57,127,92,0))!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__fields {
  display:grid!important; gap:23px 19px!important; background:transparent!important;
  border:0!important; padding:0!important; box-shadow:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label,
html body .dbrpf .hc-contact-premium .hc-upload__title {
  color:#1b495f!important; font-size:12px!important; margin:0 0 6px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label span:not(.hc-upload__copy):not(.hc-upload__choose) {
  color:#597c8f!important;
}
/* Helle, offene Eingabeflaechen und eine blaue Fade-Unterlinie statt Rechteckfeldern. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  display:block!important; box-sizing:border-box!important; width:100%!important;
  color:#173e55!important; min-height:48px!important; padding:13px 12px!important;
  background:radial-gradient(ellipse 70% 115% at 42% 52%,rgba(255,255,255,.96),rgba(255,255,255,.73) 46%,rgba(255,255,255,.18) 78%,transparent 100%),
    linear-gradient(90deg,transparent,rgba(53,116,149,.60) 20%,rgba(53,116,149,.73) 50%,rgba(53,116,149,.44) 82%,transparent) bottom / 100% 1.5px no-repeat!important;
  background-size:100% 100%,100% 1.5px!important; background-position:center,bottom!important;
  background-repeat:no-repeat!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
  outline:0!important; transform:none!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea::placeholder {
  color:#5d7484!important; opacity:1!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .hc-contact-premium .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  outline:2px solid #397f5c!important; outline-offset:2px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone {
  min-height:72px!important; padding:0!important; margin:0!important;
  background:radial-gradient(ellipse 80% 125% at 46% 45%,rgba(255,255,255,.61),rgba(255,255,255,.19) 72%,transparent 100%)!important;
  border:0!important; border-radius:0!important; box-shadow:none!important; outline:0!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone::before {
  content:""!important; display:block!important; position:absolute!important;
  inset:3px!important; z-index:0!important; pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent,rgba(68,132,159,.55),transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(68,132,159,.46),transparent) bottom / 100% 1px no-repeat,
    linear-gradient(180deg,transparent,rgba(68,132,159,.50),transparent) left / 1px 100% no-repeat,
    linear-gradient(180deg,transparent,rgba(68,132,159,.44),transparent) right / 1px 100% no-repeat!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__icon {color:#397f5c!important;}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy strong,
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label {color:#1f4a61!important;}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy small,
html body .dbrpf .hc-contact-premium .dbrpf__trustline {color:#55778a!important;}
html body .dbrpf .hc-contact-premium .hc-upload__choose {
  color:#2e7253!important; border:0!important; border-bottom:1px solid rgba(57,127,92,.56)!important;
  border-radius:0!important; background:transparent!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__files li {
  color:#19465a!important; background:rgba(255,255,255,.38)!important;
  border-bottom:1px solid rgba(82,134,155,.34)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label a {
  color:#286a4e!important; text-decoration:underline!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-checkbox {
  border:1px solid #5c8692!important; background:rgba(255,255,255,.5)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit {
  background:#397f5c!important; background-image:none!important;
  border:1px solid #397f5c!important; border-radius:3px!important;
  color:#fff!important; font-size:13px!important;
  box-shadow:none!important; text-shadow:none!important; min-height:50px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit:hover,
html body .dbrpf .hc-contact-premium .dbrpf__button--submit:focus-visible {
  background:#2d694a!important; background-image:none!important; border-color:#2d694a!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit svg {stroke:#fff!important;}
@media(max-width:700px) {
  html body .dbrpf .dbrpf__section--contact.hc-contact-premium {
    margin-top:0!important; padding:67px 18px 31px!important; scroll-margin-top:115px!important;
  }
  html body .dbrpf .dbrpf__section--contact.hc-contact-premium::before {inset:12px 1px 8px!important;}
  html body .dbrpf .hc-contact-premium .dbrpf__section-head h3 {font-size:25px!important;}
  html body .dbrpf .hc-contact-premium .dbrpf__fields {grid-template-columns:1fr!important;gap:19px!important;}
  html body .dbrpf .hc-contact-premium .dbrpf__button--submit {width:100%!important;}
}


/* Dachreinigung-Kosten, Design-Feinschliff 22.10.2026.
   Vollbreites Nachtblau nur unter dem Kontaktabschluss; oben und vor den Partnern
   weiche Farbübergänge. Form-/Preis-/Upload-JavaScript bleibt unverändert. */
html body .dbrpf .dbrpf__inner {
  isolation:isolate!important;
}
html body .dbrpf .dbrpf__inner::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  /* Die Seite verwendet html{zoom:.9}: 111.111vw fuellt die echte Viewportbreite. */
  width:111.111vw!important;
  transform:translateX(-50%)!important;
  top:calc(100% - 892px)!important;
  bottom:-32px!important;
  height:auto!important;
  pointer-events:none!important;
  z-index:0!important;
  background:linear-gradient(180deg,
    #f4f9fc 0%,
    #dceaf2 3%,
    #5d899f 8%,
    #153f59 12%,
    #153f59 93%,
    #6e95aa 97%,
    #eaf3f8 100%)!important;
}
html body .dbrpf .dbrpf__inner > .dbrpf__frame {
  position:relative!important;
  z-index:1!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium::before {
  opacity:.41!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head h3 {
  color:#f0f8fb!important;
  text-shadow:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head p {
  color:#c6dae5!important;
}
html body .dbrpf .hc-contact-premium .hc-premium-contact__intro,
html body .dbrpf .hc-contact-premium .hc-premium-contact__kicker {
  color:#b8e4ce!important;
}
html body .dbrpf .hc-contact-premium .hc-premium-contact__line {
  background:linear-gradient(90deg,rgba(128,203,164,.71),transparent)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label,
html body .dbrpf .hc-contact-premium .hc-upload__title {
  color:#eaf4f7!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label span:not(.hc-upload__copy):not(.hc-upload__choose) {
  color:#c4d6df!important;
}
/* Die Formularfelder nehmen das Nachtblau auf, bleiben aber ohne harte Kastenrahmen. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus {
  color:#f4fbff!important;
  background:
    radial-gradient(ellipse 78% 125% at 43% 48%,
      rgba(49,99,124,.69) 0%,rgba(38,85,112,.46) 49%,rgba(23,62,87,.1) 85%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(148,192,211,.34) 16%,rgba(148,192,211,.78) 50%,rgba(148,192,211,.30) 84%,transparent 100%) bottom / 100% 1.5px no-repeat!important;
  background-size:100% 100%,100% 1.5px!important;
  background-position:center,bottom!important;
  background-repeat:no-repeat!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea::placeholder {
  color:#c0d5e1!important; opacity:1!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone {
  background:radial-gradient(ellipse 85% 130% at 46% 50%,rgba(39,85,110,.45),rgba(20,55,75,.04) 76%,transparent 100%)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy strong,
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label {
  color:#e5f1f6!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy small,
html body .dbrpf .hc-contact-premium .dbrpf__trustline {
  color:#bcd2de!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__choose {
  color:#a9ddc2!important;
  border-bottom-color:rgba(145,214,177,.67)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label a {
  color:#b4e8c8!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-checkbox {
  border:1px solid #aecbd7!important;
  background:rgba(255,255,255,.04)!important;
}
/* Partnerband als Fortsetzung des Farbverlaufs statt harter weißer Schnittstelle. */
html body .dbr-partner-slider.dbr-section-surface {
  background:#eaf3f8!important;
  box-shadow:0 33px 0 #eaf3f8!important;
}
@media(max-width:700px){
  html body .dbrpf .dbrpf__inner::before {
    top:calc(100% - 1105px)!important;
    bottom:-32px!important;
  }
}


/* Premium Soft Fade v4 | Dachkosten-Referenz | rein visuell
   Weiche, matte Farbrampen statt Glow und separater blauer Trennstriche.
   Keine Aenderung an Preisrechner, Formular, Upload oder Tracking. */
html body .dbrpf .dbrpf__inner::before {
  background:linear-gradient(180deg,
    #f4f9fc 0%,
    #dfeaf0 3%,
    #b7ccd7 6%,
    #7699ac 10%,
    #436d84 13%,
    #244f68 15.5%,
    #153f59 19%,
    #153f59 82%,
    #2a536b 86%,
    #52798e 90%,
    #89aabc 94%,
    #bfd3dd 97.5%,
    #eaf3f8 100%)!important;
}
/* Die alten 2-3px Trenner schneiden optisch durch den Nebel. */
html body .dbrpf::after,
html body .dbr-partner-slider.dbr-section-surface::after {
  content:none!important; display:none!important;
}
/* Ruhiger, farblich durchgehender Boden unter den Partnerkarten. */
html body .dbr-partner-slider.dbr-section-surface {
  background:linear-gradient(180deg,#eaf3f8 0%,#e8f1f6 100%)!important;
  border:0!important; box-shadow:none!important;
}
html body .hc-coverage.hc-coverage--atlas {
  margin-top:0!important;
  padding-top:38px!important;
  background:
    linear-gradient(180deg,#e8f1f6 0%,rgba(232,241,246,0) 17%),
    radial-gradient(ellipse 72% 90% at 73% 30%,rgba(70,174,178,.13) 0%,transparent 64%),
    linear-gradient(118deg,#e8f1f5 0%,#cfdee7 53%,#e3edf2 100%)!important;
}
@media(max-width:700px){
  html body .hc-coverage.hc-coverage--atlas {margin-top:0!important;padding-top:24px!important;}
}


/* H&C | Dachreinigung Kosten | kontinuierlicher Gesamtverlauf ab Dachform
   22.10.2026 | Der Verlauf beginnt bei "Wie ist Ihr Dach aufgebaut?",
   wird kontinuierlich dunkler und laeuft ueber Kontakt + Partner in die Einsatzgebiet-Farbe.
   Nur Darstellung, ohne Eingriffe in HTML, Formulare, Preise, Upload. */
html body .dbrpf .dbrpf__inner::before {
  top:calc(100% - 1520px)!important;
  bottom:-32px!important;
  background:linear-gradient(180deg,
    #f4f9fc 0%,
    #f0f7fa 9%,
    #e7f1f6 19%,
    #d9e7ef 27%,
    #bfd4e0 33%,
    #a0becd 38%,
    #789fb3 42%,
    #4d7c94 45%,
    #2d5d78 47%,
    #153f59 49%,
    #153f59 83%,
    #234c65 87%,
    #426d83 90.5%,
    #7197ac 94%,
    #b6cfdb 97.3%,
    #eaf3f8 100%)!important;
}
html body .dbr-partner-slider.dbr-section-surface {
  background:#eaf3f8!important;
  border:0!important;
  box-shadow:none!important;
}
html body .hc-coverage.hc-coverage--atlas {
  margin-top:0!important;
  padding-top:38px!important;
  background:linear-gradient(180deg,
    #eaf3f8 0%,#e2edf3 15%,#d9e7ef 30%,#d5e4ec 45%,#d1e0e9 60%,
    #dbe9f0 83%,#e3edf2 100%)!important;
}
@media(max-width:700px) {
  html body .dbrpf .dbrpf__inner::before {
    top:calc(100% - 2450px)!important;
    background:linear-gradient(180deg,
      #f4f9fc 0%,
      #f1f7fa 12%,
      #e9f2f7 24%,
      #dbeaf1 35%,
      #bfd5e0 43%,
      #9cbbc9 50%,
      #7298ab 55%,
      #456e85 58%,
      #27546e 60%,
      #153f59 62%,
      #153f59 86%,
      #28546e 89%,
      #608a9f 93%,
      #b1cbd7 97%,
      #eaf3f8 100%)!important;
  }
  html body .hc-coverage.hc-coverage--atlas {
    margin-top:0!important;
    padding-top:24px!important;
  }
}


/* H&C Dachkosten | ultra-soft, flaechenweiter Farbverlauf
   Farben verschieben sich ueber die gesamte Dachform, den Zugang
   und den Kontakt. Keine lokalen Nebelstreifen oder Glow-Kanten. */
html body .dbrpf .dbrpf__inner::before {
  top:calc(100% - 1780px)!important;
  bottom:-32px!important;
  background:linear-gradient(180deg,
    #f4f9fc 0%,
    #eff6f9 7%,
    #e4eef4 14%,
    #d5e5ed 22%,
    #c2d7e2 29%,
    #abc5d2 36%,
    #8faebe 43%,
    #7396a9 49%,
    #5b8196 54%,
    #467087 59%,
    #335e77 63%,
    #244e67 67%,
    #19435c 70%,
    #153f59 74%,
    #153f59 82%,
    #254d65 86%,
    #426b81 90%,
    #7397aa 94%,
    #b4cbd8 97.5%,
    #eaf3f8 100%)!important;
}
html body .dbr-partner-slider.dbr-section-surface {
  background:#eaf3f8!important;
  border:0!important;
  box-shadow:none!important;
}
html body .hc-coverage.hc-coverage--atlas {
  margin-top:0!important;
  padding-top:38px!important;
  background:linear-gradient(180deg,
    #eaf3f8 0%,
    #e5eff4 18%,
    #deebf1 36%,
    #d9e7ef 55%,
    #d6e5ec 73%,
    #dae8ee 87%,
    #e3edf2 100%)!important;
}
/* Die Zugangskarten bleiben trotz fortlaufender Abdunklung gut lesbar. */
html body .dbrpf .dbrpf__section--access .dbrpf-choice {
  background:linear-gradient(180deg,rgba(245,250,252,.33),rgba(245,250,252,.27))!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__copy strong {
  color:#12374d!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__copy small {
  color:#21465b!important;
}
@media(max-width:700px) {
  html body .dbrpf .dbrpf__inner::before {
    top:calc(100% - 2720px)!important;
    background:linear-gradient(180deg,
      #f4f9fc 0%,
      #f0f7fa 8%,
      #e8f1f6 16%,
      #dceaf1 24%,
      #cbdde6 32%,
      #b7cfda 40%,
      #9cb8c8 47%,
      #80a2b4 53%,
      #668da2 58%,
      #507a90 63%,
      #3b677f 68%,
      #2a566f 72%,
      #1c4760 76%,
      #153f59 80%,
      #153f59 85%,
      #305d76 90%,
      #7196a9 95%,
      #c3d7e1 98.5%,
      #eaf3f8 100%)!important;
  }
  html body .hc-coverage.hc-coverage--atlas {
    padding-top:24px!important;
  }
}


/* Dachreinigung Kosten / Kontaktabschluss: heller wie die Namensfelder.
   Farbrampe bleibt kontinuierlich und laeuft unten laenger aus. */
html body .dbrpf .dbrpf__inner::before {
  bottom:-130px!important;
  background:linear-gradient(180deg,
    #f4f9fc 0%,
    #eff6f9 7%,
    #e4eef4 14%,
    #d5e5ed 22%,
    #c2d7e2 29%,
    #abc5d2 36%,
    #90afbf 43%,
    #779bad 49%,
    #60899e 54%,
    #507b92 59%,
    #406e85 63%,
    #35637b 67%,
    #2e5d76 70%,
    #2a5973 73%,
    #2a5973 77%,
    #33617b 81%,
    #48748b 85%,
    #6990a5 90%,
    #94b4c4 94%,
    #bfd4df 97.5%,
    #eaf3f8 100%)!important;
}
@media(max-width:700px) {
  html body .dbrpf .dbrpf__inner::before {
    bottom:-150px!important;
    background:linear-gradient(180deg,
      #f4f9fc 0%,
      #f0f7fa 8%,
      #e8f1f6 16%,
      #dceaf1 24%,
      #cbdde6 32%,
      #b7cfda 40%,
      #9db9c8 47%,
      #85a5b6 53%,
      #7197a9 58%,
      #5f879b 63%,
      #4c788f 68%,
      #396980 72%,
      #2d5d76 76%,
      #2a5973 80%,
      #2a5973 84%,
      #416e85 88%,
      #7198ac 92%,
      #a4c1cf 96%,
      #d2e2e9 98.5%,
      #eaf3f8 100%)!important;
  }
}


/* Partnerbereich | feine horizontale Linien oben und unten.
   Reine Designkorrektur; Kontaktfarben und Soft-Fade bleiben unveraendert. */
html body .dbr-partner-slider.dbr-section-surface {
  position:relative!important;
  border:0!important;
}
html body .dbr-partner-slider.dbr-section-surface::before,
html body .dbr-partner-slider.dbr-section-surface::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:1px!important;
  min-height:0!important;
  pointer-events:none!important;
  z-index:3!important;
  opacity:1!important;
  box-shadow:none!important;
  transform:none!important;
  background:linear-gradient(90deg,
    rgba(95,135,155,0) 0%,
    rgba(95,135,155,.22) 12%,
    rgba(95,135,155,.35) 50%,
    rgba(95,135,155,.22) 88%,
    rgba(95,135,155,0) 100%)!important;
}
html body .dbr-partner-slider.dbr-section-surface::before {
  top:0!important;
  bottom:auto!important;
}
html body .dbr-partner-slider.dbr-section-surface::after {
  top:auto!important;
  bottom:0!important;
}


/* Partnerlinien v10 – wie die blaue, zentrierte Referenzlinie.
   Beide Kanten sichtbar, 3px, etwas weiter nach links/rechts weich auslaufend. */
html body .dbr-partner-slider.dbr-section-surface::before,
html body .dbr-partner-slider.dbr-section-surface::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:3px!important;
  min-height:3px!important;
  z-index:6!important;
  opacity:1!important;
  pointer-events:none!important;
  border:0!important;
  transform:none!important;
  background:linear-gradient(90deg,
    rgba(6,72,117,0) 0%,
    rgba(6,72,117,.20) 7%,
    rgba(6,91,146,.55) 20%,
    rgba(8,110,174,.92) 50%,
    rgba(6,91,146,.55) 80%,
    rgba(6,72,117,.20) 93%,
    rgba(6,72,117,0) 100%)!important;
  box-shadow:0 1px 3px rgba(8,114,177,.18)!important;
}
html body .dbr-partner-slider.dbr-section-surface::before {
  top:0!important;
  bottom:auto!important;
}
html body .dbr-partner-slider.dbr-section-surface::after {
  top:auto!important;
  bottom:0!important;
}


/* H&C Dachkosten | Kontaktbereich – Lesbarkeit V12
   Nur Typografie und Kontrast im Kontaktformular.
   Verlaeufe und Partnerlinien bleiben unveraendert. */

html body .dbrpf .hc-contact-premium .dbrpf__section-head h3 {
  color:#ffffff!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head p {
  color:#f3f9fc!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:500!important;
}
html body .dbrpf .hc-contact-premium .hc-premium-contact__kicker,
html body .dbrpf .hc-contact-premium .hc-premium-contact__intro {
  color:#e0f4e8!important;
  font-size:12.5px!important;
}
html body .dbrpf .hc-contact-premium .hc-premium-contact__line {
  background:linear-gradient(90deg,rgba(205,239,222,.70),transparent)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label,
html body .dbrpf .hc-contact-premium .hc-upload__title {
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.45!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label span:not(.hc-upload__copy):not(.hc-upload__choose) {
  color:#e2eef5!important;
  font-size:12px!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus {
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
  background:linear-gradient(180deg,rgba(22,65,88,.72),rgba(22,65,88,.68))!important;
  border:1px solid rgba(232,245,250,.20)!important;
  border-radius:2px!important;
  box-shadow:inset 0 -1px 0 rgba(216,237,247,.24)!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea::placeholder {
  color:#edf5fa!important;
  opacity:.96!important;
  font-weight:500!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy strong {
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:750!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy small,
html body .dbrpf .hc-contact-premium .dbrpf__trustline {
  color:#e0edf5!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone {
  background:linear-gradient(180deg,rgba(20,64,87,.26),rgba(20,64,87,.19))!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__choose,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__choose {
  color:#f2fbff!important;
  font-size:12px!important;
  font-weight:650!important;
  border-bottom:1px solid rgba(232,246,252,.73)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label {
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:550!important;
  line-height:1.5!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label a {
  color:#d2f5e3!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-checkbox {
  border:1px solid rgba(248,252,255,.86)!important;
  background:rgba(255,255,255,.12)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit {
  color:#fff!important;
  font-weight:750!important;
}


/* H&C Dachreinigung-Kosten | Kontakt + Partner-Feinschliff v13
   Die komplette zusaetzliche Kurzzeile inklusive Zierlinie wird entfernt.
   Farbverlauf, Rechnerlogik und Demo-Formular bleiben unveraendert. */

/* Die markierte Kurzzeile samt seitlicher Zierlinie entfällt. */
html body .dbrpf .hc-contact-premium .hc-premium-contact__intro,
html body .dbrpf .hc-contact-premium .hc-premium-contact__line {
  display:none!important;
}

/* Lesbarkeit des Kontaktbereichs auf dunklem Verlauf. */
html body .dbrpf .hc-contact-premium .dbrpf__section-head h3 {
  color:#fff!important;
  font-weight:800!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__section-head p {
  color:#f8fbfd!important;
  font-size:15px!important;
  font-weight:550!important;
  line-height:1.7!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label,
html body .dbrpf .hc-contact-premium .hc-upload__title {
  color:#fff!important;
  font-size:14px!important;
  font-weight:740!important;
  line-height:1.5!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field label span:not(.hc-upload__copy):not(.hc-upload__choose) {
  color:#f0f5f8!important;
  font-size:12.5px!important;
  font-weight:500!important;
}

/* Klar abgegrenzte Eingaben statt verlaufender, kontrastarmer Flaechen. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus {
  color:#fff!important;
  font-size:15px!important;
  font-weight:500!important;
  background:#1b475f!important;
  border:1px solid rgba(217,238,248,.38)!important;
  border-radius:2px!important;
  box-shadow:inset 0 -1px 0 rgba(213,236,249,.13)!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea::placeholder {
  color:#f2f9fc!important;
  opacity:1!important;
  font-weight:500!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy strong {
  color:#fff!important;
  font-size:13px!important;
  font-weight:750!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy small,
html body .dbrpf .hc-contact-premium .dbrpf__trustline {
  color:#f0f6fa!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__choose,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__choose {
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  border-bottom:1px solid rgba(241,251,255,.83)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label {
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:600!important;
  line-height:1.5!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-consent .dbrpf__privacy-label a {
  color:#e4ffef!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__privacy-checkbox {
  border:1px solid rgba(248,252,255,.92)!important;
  background:rgba(255,255,255,.13)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__button--submit {
  color:#fff!important;
  font-size:14px!important;
  font-weight:750!important;
}

/* Sauberer, duenn gefuehrter und im Zentrum sichtbarerer Abschluss
   des Partnerbands oben UND unten. Ohne Glow-Schatten. */
html body .dbr-partner-slider.dbr-section-surface::before,
html body .dbr-partner-slider.dbr-section-surface::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:2px!important;
  min-height:2px!important;
  pointer-events:none!important;
  z-index:10!important;
  border:0!important;
  opacity:1!important;
  box-shadow:none!important;
  background:linear-gradient(90deg,
    rgba(8,109,171,0) 0%,
    rgba(8,109,171,.21) 7%,
    rgba(13,122,183,.70) 22%,
    rgba(17,147,210,.97) 50%,
    rgba(13,122,183,.70) 78%,
    rgba(8,109,171,.21) 93%,
    rgba(8,109,171,0) 100%)!important;
}
html body .dbr-partner-slider.dbr-section-surface::before {
  top:0!important; bottom:auto!important;
}
html body .dbr-partner-slider.dbr-section-surface::after {
  top:auto!important; bottom:0!important;
}


/* Dachreinigung-Kosten – Dachzugang und Kontakt-Typografie V14
   Nur optische Anpassungen; Preiskalkulation und Radio-Auswahl bleiben erhalten. */

/* Deutliche Kartenkontur, etwas dunklere ruhige Kartenflaeche. */
html body .dbrpf .dbrpf__section--access .dbrpf-choice,
html body .dbrpf .dbrpf__section--access .dbrpf-choice:hover,
html body .dbrpf .dbrpf__section--access .dbrpf-choice:active,
html body .dbrpf .dbrpf__section--access .dbrpf-choice:focus-within,
html body .dbrpf .dbrpf__section--access .dbrpf-choice:has(input:checked),
html body .dbrpf .dbrpf__section--access .dbrpf-choice:has(input:checked):hover {
  background:linear-gradient(180deg,rgba(54,106,135,.22),rgba(39,93,125,.28))!important;
  border:1.5px solid rgba(54,108,139,.85)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  opacity:1!important;
}
/* Alte verwaschene Dekorlinien auf den Karten durch den echten Rand ersetzen. */
html body .dbrpf .dbrpf__section--access .dbrpf-choice::before,
html body .dbrpf .dbrpf__section--access .dbrpf-choice::after,
html body .dbrpf .dbrpf__section--access .dbrpf-choice:hover::before,
html body .dbrpf .dbrpf__section--access .dbrpf-choice:has(input:checked)::before {
  content:none!important;
  display:none!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__copy strong {
  color:#123951!important;
  font-weight:780!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__copy small {
  color:#21485e!important;
  opacity:1!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf-choice__price {
  color:#14537d!important;
  background:rgba(244,250,252,.82)!important;
}
/* Fokus fuer Tastaturnutzung sichtbar, kein Effekt beim Maus-Hover. */
html body .dbrpf .dbrpf__section--access .dbrpf-choice:has(input:focus-visible) {
  outline:2px solid #0c628e!important;
  outline-offset:3px!important;
}

/* Feiner, eigenstaendiger Trennstrich UNTER den Zugangsoptionen. */
html body .dbrpf .dbrpf__section--access {
  position:relative!important;
}
html body .dbrpf .dbrpf__section--access::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:4%!important;
  right:4%!important;
  bottom:-14px!important;
  height:2px!important;
  min-height:2px!important;
  z-index:2!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(18,98,150,0) 0%,
    rgba(18,98,150,.34) 10%,
    rgba(18,98,150,.65) 33%,
    rgba(18,112,171,.78) 50%,
    rgba(18,98,150,.65) 67%,
    rgba(18,98,150,.34) 90%,
    rgba(18,98,150,0) 100%)!important;
}
/* Kontaktueberschrift strahlend weiss mit minimaler Kontraststuetze. */
html body .dbrpf .hc-contact-premium .dbrpf__section-head h3 {
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(8,36,55,.32)!important;
  filter:none!important;
}
@media(max-width:700px) {
  html body .dbrpf .dbrpf__section--access::after {
    bottom:-12px!important;
  }
}

/* Keine zusaetzliche Trennlinie unter den Zugangskarten. */
html body .dbrpf .dbrpf__section--access::after {
  content:none!important;
  display:none!important;
  background:none!important;
}
/* Kartenränder bleiben in Normal- und Hover-Zustand identisch. */
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice::before,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice::after,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:hover::before,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:has(input:checked)::before {
  content:none!important;
  display:none!important;
  background:none!important;
}


/* Dachreinigung Kosten – Kontaktfelder passend zur Dachzugang-Auswahl (v15).
   Form elements use the same blue-gray card language and sharp perimeter lines.
   No hover animation; input focus remains keyboard-accessible. */
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:hover,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:hover,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  background:linear-gradient(180deg,rgba(152,184,205,.72),rgba(130,169,190,.70))!important;
  color:#17394f!important;
  border:1.5px solid rgba(40,99,133,.88)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  font-size:15px!important;
  font-weight:520!important;
  outline:0!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input::placeholder,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea::placeholder {
  color:#244d63!important;
  opacity:1!important;
  font-weight:530!important;
}
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > input.dbrpf__input:focus-visible,
html body .dbrpf .dbrpf__section--contact.hc-contact-premium.dbrpf__section--contact .dbrpf__fields > .dbrpf__field > textarea.dbrpf__textarea:focus-visible {
  outline:2px solid #e3f5ff!important;
  outline-offset:2px!important;
}
/* Upload zone receives the same card surface and crisp outline. */
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone:hover,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone:focus-within {
  background:linear-gradient(180deg,rgba(152,184,205,.72),rgba(130,169,190,.70))!important;
  border:1.5px solid rgba(40,99,133,.88)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  transition:none!important;
  transform:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__zone::before {
  content:none!important;
  display:none!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy strong,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__copy small,
html body .dbrpf .hc-contact-premium .hc-upload__choose,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__choose {
  color:#17394f!important;
}
html body .dbrpf .hc-contact-premium .hc-upload__choose,
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__choose {
  border-bottom-color:rgba(23,57,79,.60)!important;
}
html body .dbrpf .hc-contact-premium .dbrpf__field.hc-upload .hc-upload__icon {
  color:#245b79!important;
}


/* Hunter & Closer | Dachreinigung-Kosten | Dachzugang in Formular-Optik.
   Nur Gestaltung. Radio-Buttons und Preisberechnung unveraendert. */
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:hover,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:active,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:focus-within,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:has(input:checked),
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:has(input:checked):hover {
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 filter:none!important;
 transform:none!important;
 transition:none!important;
 opacity:1!important;
 position:relative!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice::before,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:hover::before,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:has(input:checked)::before,
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:focus-within::before {
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 z-index:0!important;pointer-events:none!important;border:0!important;
 background:
 linear-gradient(90deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.36) 11%,rgba(73,132,164,.74) 50%,rgba(73,132,164,.36) 89%,rgba(73,132,164,0) 100%) center top / 100% 1.4px no-repeat,
 linear-gradient(90deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.33) 11%,rgba(73,132,164,.67) 50%,rgba(73,132,164,.33) 89%,rgba(73,132,164,0) 100%) center bottom / 100% 1.4px no-repeat,
 linear-gradient(180deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.38) 15%,rgba(73,132,164,.68) 50%,rgba(73,132,164,.38) 85%,rgba(73,132,164,0) 100%) left center / 1.4px 100% no-repeat,
 linear-gradient(180deg,rgba(73,132,164,0) 0%,rgba(73,132,164,.34) 15%,rgba(73,132,164,.62) 50%,rgba(73,132,164,.34) 85%,rgba(73,132,164,0) 100%) right center / 1.4px 100% no-repeat!important;
}
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice::after { content:none!important;display:none!important; }
html body .dbrpf .dbrpf__section--access .dbrpf__choices--access .dbrpf-choice:has(input:focus-visible) {
 outline:2px solid #0c628e!important; outline-offset:3px!important;
}

[executed on device: hc-worker-01 (63c5f5ac-df80-409c-b7ab-9438b77ed3ed)]


/* Dachreinigung-Kosten / Unterseiten – aus der Startseiten-Designsprache entwickelt */
:root{--ink:#113c56;--navy:#0a3551;--blue:#0e608f;--line:rgba(46,112,152,.22);--green:#397d59;--sky:#f0f7fb;--body:#42657b;--wide:1190px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.hc-subpage{margin:0;font-family:"Nunito Sans","Nunito",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f5f9fc;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
.hc-subpage a{color:inherit;text-decoration:none}
.hc-subpage button,.hc-subpage input{font:inherit}
.hc-subpage button,.hc-subpage a,.hc-subpage input{touch-action:manipulation}
.hc-subpage :focus-visible{outline:3px solid #2585c4;outline-offset:4px}
.hc-subpage h1,.hc-subpage h2,.hc-subpage h3,.hc-subpage p{margin:0}
.hc-wrap{max-width:var(--wide);width:min(calc(100% - 72px),var(--wide));margin-inline:auto}
.hc-site-header{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 17px rgba(21,69,91,.055)}
.hc-site-header-inner{max-width:1220px;width:min(calc(100% - 56px),1220px);margin:auto;min-height:90px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.hc-site-logo{display:flex;align-items:center;flex:none}.hc-site-logo img{width:100px;max-height:68px;object-fit:contain}
.hc-site-nav{display:flex;align-items:center;gap:clamp(10px,1.4vw,24px)}
.hc-site-nav a{font-size:13px;font-weight:750;white-space:nowrap;line-height:1.3;color:var(--navy);padding:10px 1px;transition:color .2s}
.hc-site-nav a:hover,.hc-site-nav a.is-current{color:#1176af}
.hc-site-nav a.is-current:not(.hc-primary-contact){box-shadow:inset 0 -2px #3992bd}
.hc-site-nav a.hc-primary-contact,.hc-mobile-menu a.hc-primary-contact{border-radius:4px;background:var(--green);color:white;padding:12px 18px;box-shadow:none}
.hc-site-nav a.hc-primary-contact:hover{background:#2f684a}
.hc-menu-toggle{display:none;min-height:42px;min-width:44px;cursor:pointer;border:0;background:transparent;padding:10px}
.hc-menu-toggle span{display:block;width:21px;height:2px;background:var(--navy);margin:5px 0}
.hc-mobile-menu[hidden]{display:none!important}
.hc-mobile-menu{background:#fff;padding:8px 24px 26px;box-shadow:0 12px 18px #163b4e18}
.hc-mobile-menu a{display:block;padding:12px 4px;font-size:15px;font-weight:700;border-bottom:1px solid var(--line)}
.hc-mobile-menu a.hc-primary-contact{margin-top:16px;display:inline-block;border:0}
.hc-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#186998;line-height:1.5}
.hc-page-hero{overflow:hidden;background:radial-gradient(ellipse at 85% 40%,rgba(148,199,222,.31),transparent 52%),linear-gradient(130deg,#f7fbfe 5%,#e5f1f8 90%);border-bottom:1px solid rgba(40,113,156,.15)}
.hc-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:6%;min-height:485px;align-items:center;padding-top:76px;padding-bottom:78px}
.hc-hero-copy{position:relative;z-index:1}.hc-hero-copy h1{font-size:clamp(38px,4.65vw,65px);line-height:1.07;font-weight:820;letter-spacing:-.052em;max-width:720px;margin:19px 0 24px}
.hc-hero-description{font-size:clamp(16px,1.35vw,19px);color:#3c6175;line-height:1.8;max-width:640px}
.hc-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:33px}
.hc-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:12px 23px;border-radius:5px;font-weight:800;font-size:14px;line-height:1.3;transition:transform .18s,background .18s,color .18s}
.hc-btn:hover{transform:translateY(-2px)}
.hc-btn-main{background:var(--green);color:white!important}
.hc-btn-main:hover{background:#2e684b}
.hc-btn-outline{border:1px solid rgba(38,101,135,.43);color:var(--navy)!important;background:rgba(255,255,255,.4)}
.hc-hero-meta{font-size:12px;color:#5b8091;letter-spacing:.025em;margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.hc-hero-visual{height:380px;position:relative;align-self:stretch;display:flex;align-items:center}
.hc-hero-visual::before{content:"";position:absolute;inset:-30px;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,#e9f3f9 80%);opacity:.9}
.hc-hero-visual img{width:100%;height:100%;min-height:350px;object-fit:cover;object-position:center;border-radius:3px;filter:saturate(.89)}
.hc-img-credit{position:absolute;right:8px;bottom:10px;z-index:2;font-size:10px;letter-spacing:.13em;color:#fff;text-shadow:0 1px 5px #174969;text-transform:uppercase;font-weight:800}
.hc-benefit-bar{background:#eaf4f9;border-bottom:1px solid var(--line)}
.hc-trust-row{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:23px 0}
.hc-trust-row>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;color:var(--ink)}.hc-check{color:var(--green);font-size:17px}
.hc-section{padding:88px 0}.hc-section-heading{max-width:780px;margin-bottom:50px}
.hc-section-heading h2{font-size:clamp(29px,3vw,42px);line-height:1.17;letter-spacing:-.035em;margin:11px 0 16px;font-weight:820}
.hc-section-heading p{color:var(--body);font-size:16px;line-height:1.8;max-width:750px}
.hc-service-section{background:#fff}
.hc-service-list{border-top:1px solid var(--line)}
.hc-service-row{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:7%;align-items:center;padding:27px 5px;border-bottom:1px solid var(--line)}
.hc-service-image{height:245px;overflow:hidden;background:#dfedf5}
.hc-service-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.hc-service-row:hover img{transform:scale(1.045)}
.hc-number{font-size:12px;font-weight:900;letter-spacing:.12em;color:#1475a9}
.hc-service-text h3{margin:10px 0 12px;font-size:clamp(23px,2.1vw,30px);line-height:1.24;letter-spacing:-.025em}
.hc-service-text p{font-size:15.5px;line-height:1.78;max-width:620px;color:var(--body)}
.hc-process-section{background:linear-gradient(150deg,#eaf4f9,#f5f9fc 75%);border-top:1px solid rgba(53,114,147,.09);border-bottom:1px solid rgba(53,114,147,.09)}
.hc-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;border-top:1px solid var(--line)}
.hc-step{padding-top:25px}.hc-step>span{font-size:36px;color:rgba(37,111,151,.47);font-weight:750;letter-spacing:-.065em}
.hc-step h3{font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:15px 0 12px}
.hc-step p{font-size:14px;color:var(--body);line-height:1.8}
.hc-faq-section{background:#fff}.hc-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}
.hc-faq-grid .hc-section-heading{margin-bottom:26px}
.hc-text-link{font-size:14px;font-weight:850;color:#176a9f!important;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid rgba(31,123,172,.3);padding-bottom:5px}
.hc-faq-items{border-top:1px solid var(--line)}
.hc-faq-item{border-bottom:1px solid var(--line)}
.hc-faq-item summary{list-style:none;display:grid;grid-template-columns:35px 1fr 22px;gap:12px;align-items:center;cursor:pointer;padding:20px 4px;font-weight:800;font-size:15px;line-height:1.4}
.hc-faq-item summary::-webkit-details-marker{display:none}
.hc-faq-item summary>span{font-size:12px;font-weight:850;color:#1680b6}
.hc-faq-item summary b{font-size:20px;font-weight:400;color:#367c9f;transition:transform .2s}
.hc-faq-item[open] summary b{transform:rotate(45deg)}
.hc-faq-answer{color:var(--body);font-size:14px;line-height:1.8;padding:0 33px 23px 51px}
.hc-related{background:#f5f9fc;padding:80px 0;border-top:1px solid var(--line)}
.hc-related .hc-section-heading{margin-bottom:29px}
.hc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hc-related-grid a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:25px 8px;border-top:1px solid rgba(29,111,152,.4);border-bottom:1px solid var(--line);transition:color .2s}
.hc-related-grid a:hover{color:#1479ad}.hc-related-grid span{font-size:13px;color:#4180a0}.hc-related-grid strong{font-size:15px}
.hc-cta{padding:69px 0;background:linear-gradient(120deg,#0b3c5c,#185d81);color:white}
.hc-cta>.hc-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.hc-cta .hc-kicker{color:#aacfe2}.hc-cta h2{font-size:clamp(29px,3vw,41px);letter-spacing:-.035em;line-height:1.2;max-width:600px;margin:11px 0}
.hc-cta p{color:#c6dae6;line-height:1.75;font-size:15px;max-width:625px}
.hc-cta-actions{display:flex;gap:11px;flex:none;flex-wrap:wrap}
.hc-btn-light{color:#113c56!important;background:#fff}
.hc-site-footer{background:#eff6fa;border-top:1px solid var(--line);padding-top:67px}
.hc-footer-top{display:grid;grid-template-columns:1.55fr .7fr .7fr 1fr;gap:38px}
.hc-footer-brand img{width:120px;margin-bottom:12px}
.hc-footer-brand p,.hc-footer-top>div>p{color:#59788b;font-size:13px;line-height:1.75;max-width:300px}
.hc-footer-top h2{font-size:14px;margin-bottom:17px}
.hc-footer-top a{display:block;color:#4e7386;font-size:13px;margin-bottom:10px}
.hc-footer-top a:hover{color:#0c78b0}
.hc-footer-bottom{border-top:1px solid var(--line);margin-top:54px;padding:22px 0;display:flex;justify-content:space-between;gap:15px;color:#68889a;font-size:12px}
.hc-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}
.hc-about-photo{height:510px;overflow:hidden;background:#dcecf5}
.hc-about-photo img{width:100%;height:100%;object-fit:cover}
.hc-about-copy h2{font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-.04em;margin:14px 0 25px}
.hc-about-copy p{color:var(--body);font-size:16px;line-height:1.86;margin:0 0 18px}
.hc-about-copy .hc-btn{margin-top:15px}
.hc-compare-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:6%;align-items:center}
.hc-image-compare{height:420px;overflow:hidden;position:relative;background:#d8eaf5}
.hc-image-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hc-compare-after{clip-path:inset(0 0 0 var(--reveal))}
.hc-compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#fff;box-shadow:0 0 0 1px #1d5875aa;transform:translateX(-50%);pointer-events:none}
.hc-compare-divider:before{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:#0c4468;font-size:22px;text-align:center;line-height:41px;box-shadow:0 4px 20px #204b5960}
.hc-image-tag{position:absolute;z-index:2;bottom:16px;color:white;background:#123f61bf;padding:7px 13px;font-size:13px;font-weight:800}
.hc-tag-left{left:14px}.hc-tag-right{right:14px}
.hc-compare-aside h3{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:13px 0}
.hc-compare-aside p{color:var(--body);font-size:15px;line-height:1.7;margin-bottom:28px}
.hc-compare-aside label{display:block;font-size:13px;font-weight:800;margin-bottom:13px}
.hc-compare-aside input{width:100%;accent-color:#2377a2;cursor:ew-resize}
.hc-range-labels{display:flex;justify-content:space-between;color:#5d7b8e;font-size:12px;margin:2px 0 25px}
.hc-gallery-section{background:#ebf5fa}
.hc-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.hc-gallery-grid figure{margin:0;border-bottom:1px solid var(--line);padding-bottom:20px}
.hc-gallery-grid img{width:100%;height:285px;object-fit:cover;background:#dce9f0}
.hc-gallery-grid figcaption{display:flex;gap:13px;flex-direction:column;margin-top:14px}
.hc-gallery-grid figcaption strong{font-size:16px}
.hc-gallery-grid figcaption span{font-size:13px;color:var(--body)}
.hc-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}
.hc-contact-option{position:relative;display:block;padding:26px 7px 39px;border-top:2px solid rgba(35,109,147,.65);border-bottom:1px solid var(--line);min-height:260px;transition:background .2s}
.hc-contact-option:hover{background:#e8f4fa}
.hc-contact-option h3{font-size:21px;margin:17px 0 7px}
.hc-contact-option strong{font-size:17px;color:#2377a3;overflow-wrap:anywhere}
.hc-contact-option p{color:var(--body);font-size:14px;line-height:1.75;margin-top:14px}
.hc-contact-arrow{position:absolute;right:9px;top:21px;font-size:22px;color:#4b8baa}
.hc-contact-note{background:#eaf4f9}.hc-contact-note h2{font-size:clamp(28px,3vw,39px);margin:12px 0 28px}
.hc-contact-note p{font-size:14px;color:var(--body);margin-top:13px}
@media (max-width:1100px){.hc-site-nav{gap:12px}.hc-site-nav a{font-size:12px}.hc-hero-grid{gap:4%}.hc-footer-top{gap:20px}}
@media (max-width:960px){.hc-site-nav{display:none}.hc-menu-toggle{display:block}.hc-site-header-inner{min-height:76px}.hc-hero-grid{grid-template-columns:1fr;gap:22px;padding:51px 0 42px}.hc-hero-copy h1{font-size:clamp(36px,6vw,55px)}.hc-hero-visual{height:325px;align-self:auto}.hc-hero-visual img{min-height:unset}.hc-step-grid{grid-template-columns:repeat(2,1fr)}.hc-faq-grid{grid-template-columns:1fr;gap:15px}.hc-cta>.hc-wrap{display:block}.hc-cta-actions{margin-top:29px}.hc-footer-top{grid-template-columns:1.3fr 1fr}.hc-compare-layout{grid-template-columns:1fr;gap:30px}.hc-compare-aside{max-width:600px}}
@media(max-width:680px){.hc-wrap{width:min(calc(100% - 38px),var(--wide))}.hc-site-header-inner{width:calc(100% - 38px)}.hc-site-logo img{width:91px}.hc-page-hero .hc-hero-grid{padding:36px 0 27px}.hc-hero-copy h1{font-size:clamp(36px,9vw,44px);line-height:1.09;margin:15px 0}.hc-hero-description{font-size:15px;line-height:1.75}.hc-hero-actions{gap:9px;margin-top:24px}.hc-btn{width:100%;font-size:14px}.hc-hero-meta{gap:5px;font-size:11px}.hc-hero-visual{height:230px}.hc-section{padding:56px 0}.hc-section-heading{margin-bottom:27px}.hc-section-heading h2{font-size:30px}.hc-section-heading p{font-size:14px}.hc-trust-row{display:grid;gap:9px;padding:18px 0}.hc-service-row{grid-template-columns:1fr;gap:15px;padding:23px 0}.hc-service-image{height:230px}.hc-service-text h3{font-size:23px}.hc-service-text p{font-size:14px}.hc-step-grid{gap:10px 25px}.hc-step{padding-top:18px}.hc-step>span{font-size:29px}.hc-step h3{font-size:16px;margin:9px 0}.hc-step p{font-size:13px}.hc-related{padding:50px 0}.hc-related-grid{grid-template-columns:1fr;gap:6px}.hc-related-grid a{padding:17px 4px}.hc-cta{padding:47px 0}.hc-cta h2{font-size:30px}.hc-cta-actions{display:grid}.hc-site-footer{padding-top:46px}.hc-footer-top{grid-template-columns:1fr 1fr;gap:34px 18px}.hc-footer-brand{grid-column:span 2}.hc-footer-top a{font-size:12px}.hc-footer-bottom{margin-top:38px;flex-direction:column}.hc-about-grid{grid-template-columns:1fr;gap:25px}.hc-about-photo{height:350px}.hc-about-copy h2{font-size:30px}.hc-about-copy p{font-size:14px}.hc-image-compare{height:280px}.hc-gallery-grid,.hc-contact-grid{grid-template-columns:1fr;gap:30px}.hc-gallery-grid img{height:215px}.hc-contact-option{min-height:0;padding-bottom:24px}.hc-faq-item summary{font-size:14px;gap:6px;grid-template-columns:25px 1fr 20px}.hc-faq-answer{padding-left:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Startseite: vorhandenen Rechner bewusst nicht verändern. */
.hc-home-discovery{font-family:"Nunito Sans","Nunito",ui-sans-serif,system-ui,sans-serif;background:#f7fbfe;padding:77px 0;color:#123c57}
.hc-home-discovery *{box-sizing:border-box}
.hc-home-discovery .hc-wrap{max-width:1150px}
.hc-home-discovery h2{font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-.035em;margin:11px 0}
.hc-home-discovery p{font-size:15px;line-height:1.8;color:#567a8d;max-width:720px;margin:0 0 27px}
.hc-home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}
.hc-home-links a{display:block;color:#103953;text-decoration:none;border-top:1px solid rgba(30,119,160,.42);padding-top:15px}
.hc-home-links img{display:block;width:100%;height:185px;object-fit:cover;margin-bottom:20px;filter:saturate(.87)}
.hc-home-links span{display:block;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#30759d}
.hc-home-links strong{display:block;font-size:20px;margin:8px 0}
.hc-home-links small{font-size:13px;color:#67899a;line-height:1.6}
.hc-home-extras{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;font-size:14px;font-weight:750}
.hc-home-extras a{color:#176d9a;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.hc-home-links{grid-template-columns:1fr;gap:27px}.hc-home-discovery{padding:49px 0}.hc-home-discovery .hc-wrap{width:calc(100% - 40px)}.hc-home-links img{height:210px}}

/* Navigation der Startseite: bei schmalen Desktopfenstern auf das bestehende Mobilmenue umschalten. */
@media(max-width:1040px){
 .dbr-final-header .dbr-final-nav{display:none!important}
 .dbr-final-header .dbr-clone-menu-toggle{display:block!important}
}


/* Exact homepage structural match: dedicated service content added BELOW the unchanged homepage calculator.
   Header, hero, guarantee seal, original discount, calculator, location atlas and footer all come from homepage. */
.hc-clone-service-block{
 color:#0b334e;
 font-family:Inter,Arial,Helvetica,sans-serif;
 font-size:14px;
 line-height:1.6;
 background:linear-gradient(180deg,#edf5fa 0%,#f6fafd 43%,#f1f8fc 75%,#edf5fa 100%);
 padding:48px 24px 73px;
}
.hc-clone-service-block *, .hc-clone-service-block *:before, .hc-clone-service-block *:after{box-sizing:border-box}
.hc-clone-inner{width:min(100%,1150px);margin:auto}
.hc-clone-service-block h2,.hc-clone-service-block h3,
.hc-clone-service-block p{margin:0}
.hc-clone-service-block h2,.hc-clone-service-block h3{font-weight:750;letter-spacing:-.025em;color:#133e59;font-family:Inter,Arial,Helvetica,sans-serif}
.hc-clone-intro{padding:24px 0 42px;border-top:1px solid rgba(50,115,152,.25)}
.hc-clone-eyebrow{display:block;font-size:10px;line-height:1.5;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#216b96}
.hc-clone-intro h2{font-size:clamp(25px,2.4vw,32px);line-height:1.19;margin:12px 0 12px;max-width:800px}
.hc-clone-intro p{color:#476a80;font-size:14px;line-height:1.75;max-width:740px}
.hc-clone-section-head{margin:25px 0 19px;max-width:870px}
.hc-clone-section-head h2{font-size:clamp(22px,2vw,29px);line-height:1.2;margin:8px 0 0}
.hc-clone-rows{border-top:1px solid rgba(44,111,149,.23);margin-bottom:56px}
.hc-clone-row{display:grid;grid-template-columns:minmax(215px,300px) minmax(0,1fr);gap:48px;align-items:center;border-bottom:1px solid rgba(44,111,149,.23);padding:19px 0}
.hc-clone-photo{height:180px;overflow:hidden;position:relative;background:#d9eaf3}
.hc-clone-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88)}
.hc-clone-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(237,245,250,.2),transparent 42%)}
.hc-clone-num{display:block;color:#236c93;font-size:11px;letter-spacing:.1em;font-weight:750}
.hc-clone-row-text h3{font-size:19px;line-height:1.34;margin:10px 0 10px}
.hc-clone-row-text p{max-width:670px;font-size:13px;color:#42667a;line-height:1.8}
.hc-clone-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:29px;border-top:1px solid rgba(44,111,149,.23);margin-bottom:53px}
.hc-clone-step{padding-top:17px}
.hc-clone-step>span{display:block;color:#3a8ab1;font-weight:800;font-size:20px;line-height:1.4}
.hc-clone-step h3{font-size:15px;line-height:1.4;margin:9px 0}
.hc-clone-step p{font-size:12px;line-height:1.7;color:#41687c}
.hc-clone-faq{border-top:1px solid rgba(44,111,149,.26);margin-bottom:42px}
.hc-clone-question{border-bottom:1px solid rgba(44,111,149,.23)}
.hc-clone-question summary{list-style:none;display:grid;grid-template-columns:34px 1fr 20px;gap:12px;align-items:center;padding:18px 5px;cursor:pointer;font-size:14px;color:#123e57}
.hc-clone-question summary::-webkit-details-marker{display:none}
.hc-clone-question summary span{font-size:11px;color:#227ba9;font-weight:800}
.hc-clone-question summary strong{font-size:14px;line-height:1.45;font-weight:750}
.hc-clone-question summary b{font-size:20px;line-height:1;color:#337a9d;font-weight:400}
.hc-clone-question[open] summary b{transform:rotate(45deg)}
.hc-clone-question p{margin:0;padding:0 30px 21px 51px;color:#41687b;font-size:13px;line-height:1.8}
.hc-clone-after{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;border-top:1px solid rgba(44,111,149,.25);padding:24px 0 2px;font-size:13px}
.hc-clone-after p{flex:1 1 550px;color:#3b6479;line-height:1.6}
.hc-clone-after a{font-weight:800;font-size:13px;color:#17699c;text-decoration:none;border-bottom:1px solid rgba(38,117,156,.28);padding:6px 0}
.hc-clone-about{display:grid;grid-template-columns:340px 1fr;gap:65px;align-items:center;border-top:1px solid rgba(44,111,149,.23);padding:20px 0 37px}
.hc-clone-about img{display:block;width:100%;height:360px;object-fit:cover}
.hc-clone-about h2{font-size:clamp(23px,2.15vw,29px);margin:8px 0 14px}
.hc-clone-about p{font-size:14px;line-height:1.75;color:#42687b;margin:0 0 12px}
.hc-clone-service-block .hc-compare-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:5%;align-items:center;margin:22px 0 52px}
.hc-clone-service-block .hc-image-compare{height:380px}
.hc-clone-service-block .hc-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 54px}
.hc-clone-service-block .hc-gallery-grid img{height:245px}
.hc-clone-service-block .hc-contact-grid{margin:20px 0 48px}
.hc-clone-service-block .hc-trust-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:18px 0 43px}
.hc-clone-service-block .hc-trust-row>span{font-size:13px;font-weight:750;color:#143c57}
.hc-clone-service-block .hc-trust-row .hc-check{color:#3e8861}
@media(max-width:850px){
 .hc-clone-service-block{padding:35px 20px 56px}
 .hc-clone-row{grid-template-columns:210px 1fr;gap:22px}
 .hc-clone-photo{height:155px}
 .hc-clone-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .hc-clone-about{grid-template-columns:260px 1fr;gap:28px}
}
@media(max-width:600px){
 .hc-clone-service-block{padding:32px 18px 50px}
 .hc-clone-intro{padding-bottom:26px}
 .hc-clone-intro h2{font-size:25px}
 .hc-clone-intro p{font-size:13px}
 .hc-clone-section-head{margin-top:28px}
 .hc-clone-section-head h2{font-size:22px}
 .hc-clone-row{display:block;padding:19px 0}
 .hc-clone-photo{height:205px;margin-bottom:16px}
 .hc-clone-row-text h3{font-size:18px;margin:6px 0}
 .hc-clone-row-text p{font-size:12px}
 .hc-clone-process{gap:16px}
 .hc-clone-step h3{font-size:13px}
 .hc-clone-step p{font-size:12px}
 .hc-clone-question summary{font-size:12px;grid-template-columns:24px 1fr 19px;gap:7px}
 .hc-clone-question summary strong{font-size:12px}
 .hc-clone-question p{padding-left:33px}
 .hc-clone-about{grid-template-columns:1fr;gap:18px}
 .hc-clone-about img{height:270px}
 .hc-clone-service-block .hc-compare-layout{grid-template-columns:1fr}
 .hc-clone-service-block .hc-image-compare{height:245px}
 .hc-clone-service-block .hc-gallery-grid{grid-template-columns:1fr}
}

/* Same full-bleed content width as the homepage calculator; avoid WordPress constrained wrapper. */
html body .entry-content .hc-clone-service-block{
 width:100vw!important;max-width:100vw!important;
 margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important;
}
@media(max-width:600px){html body .entry-content .hc-clone-service-block{padding-left:16px;padding-right:16px}}