/* Production styles for Dachreinigung Kosten. */
/* Suchmaschinenfreundliche regionale Inhalte auf den sechs Unterseiten.
   Keine Karte, kein Partnerband. Nur neue Abschnitte, Startseite unberuehrt. */
html body .entry-content>.hc-local{
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
.hc-local,.hc-local *{box-sizing:border-box}
.hc-local{
  background:linear-gradient(180deg,#edf5fa 0%,#f6fbfd 100%);
  color:#123d56;
  padding:74px 28px 82px;
  font-family:"Nunito Sans",Nunito,Inter,Arial,sans-serif;
  border-top:1px solid rgba(31,112,155,.21);
}
.hc-local__wrap{width:min(100%,1180px);margin:0 auto}
.hc-local__eyebrow{
  display:block;font-size:11px;font-weight:850;letter-spacing:.14em;
  color:#18759e;text-transform:uppercase;line-height:1.5;
}
.hc-local__head{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:end;gap:clamp(24px,6vw,90px);
  padding-bottom:38px;border-bottom:1px solid rgba(30,106,147,.23);
}
.hc-local__head h2{
  font-size:clamp(30px,3.1vw,43px);line-height:1.15;
  letter-spacing:-.04em;color:#123f5b;font-weight:830;margin:12px 0 0;
}
.hc-local__head p{font-size:15px;line-height:1.85;color:#496e82;margin:0}
.hc-local__facts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;padding:31px 0 37px;
}
.hc-local__fact{border-top:1px solid rgba(39,109,151,.25);padding-top:18px}
.hc-local__fact strong{
  display:block;font-size:16px;line-height:1.35;color:#124361;
  font-weight:800;letter-spacing:-.02em;margin-bottom:10px;
}
.hc-local__fact p{
  font-size:13.5px;line-height:1.78;color:#4a6f83;margin:0;
}
.hc-local__faq{
  display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:clamp(30px,6vw,90px);
  padding:31px 0 34px;border-top:1px solid rgba(38,111,151,.21);
}
.hc-local__faq h3{
  font-size:clamp(23px,2.2vw,30px);
  font-weight:800;letter-spacing:-.03em;color:#143f59;margin:12px 0 0;
  line-height:1.2;
}
.hc-local__answers{display:grid;gap:23px}
.hc-local__answer{border-bottom:1px solid rgba(40,108,145,.18);padding:0 0 18px}
.hc-local__answer:last-child{border-bottom:0}
.hc-local__answer h4{font-size:15.5px;line-height:1.43;font-weight:800;color:#153f59;margin:0 0 9px}
.hc-local__answer p{font-size:14px;line-height:1.8;color:#4c7185;margin:0}
.hc-local__links{
  border-top:1px solid rgba(32,110,151,.25);padding-top:25px;
  display:flex;gap:13px 27px;flex-wrap:wrap;align-items:center;
}
.hc-local__links strong{font-size:13px;font-weight:850;color:#124360}
.hc-local__links a{
  font-size:13px;font-weight:800;color:#126b9a!important;text-decoration:none!important;
  border-bottom:1px solid rgba(24,113,157,.42);padding:5px 0;
}
.hc-local__links a:hover{color:#0a4469!important;border-bottom-color:currentColor}
.hc-local__links a:focus-visible{outline:2px solid #2585c4;outline-offset:4px}
@media(max-width:800px){
 .hc-local{padding:53px 21px 60px}
 .hc-local__head{grid-template-columns:1fr;gap:19px}
 .hc-local__facts{gap:16px}
 .hc-local__faq{grid-template-columns:1fr;gap:23px}
}
@media(max-width:620px){
 .hc-local{padding:46px 19px 55px}
 .hc-local__head{padding-bottom:26px}
 .hc-local__head h2{font-size:30px}
 .hc-local__head p{font-size:14px}
 .hc-local__facts{grid-template-columns:1fr;gap:15px;padding:24px 0}
 .hc-local__fact{padding-top:14px}
 .hc-local__fact strong{font-size:15px;margin-bottom:6px}
 .hc-local__faq{padding:23px 0}
 .hc-local__faq h3{font-size:25px}
 .hc-local__answers{gap:18px}
 .hc-local__answer h4{font-size:15px}
 .hc-local__answer p{font-size:13px}
 .hc-local__links{gap:12px 21px}
}


/* Design refinement for Dachreinigung Kosten subpages, 2026-10-22.
   Scoped strictly to six subpages. Homepage discount/rechner untouched. */

html body.hc-subpages-refined .hc-page-bridge__inner {
  padding-top:52px!important;padding-bottom:50px!important;
  gap:clamp(24px,4vw,62px)!important;
  max-width:1140px!important;
}
html body.hc-subpages-refined .hc-page-bridge h2 {
  font-size:clamp(26px,2.65vw,37px)!important;line-height:1.16!important;
  margin:0 0 15px!important;letter-spacing:-.032em!important;
}
html body.hc-subpages-refined .hc-page-bridge__copy>p {
  font-size:clamp(13px,1.05vw,15px)!important;line-height:1.72!important;
}
html body.hc-subpages-refined .hc-page-bridge__visual {
  min-height:0!important;height:285px!important;
}
html body.hc-subpages-refined .hc-page-bridge--kontakt .hc-page-bridge__visual {
  min-height:255px!important;height:auto!important;padding:27px 30px!important;
}
html body.hc-subpages-refined .hc-page-bridge__actions{
  margin-top:23px!important;gap:10px 20px!important;
}
html body.hc-subpages-refined .hc-page-bridge__primary {
  font-size:13px!important;min-height:42px!important;padding:10px 19px!important;
}
html body.hc-subpages-refined .hc-page-bridge__secondary{
  font-size:13px!important;padding:6px 0!important;
}
html body.hc-subpages-refined .hc-clone-service-block {
  padding-top:40px!important;padding-bottom:59px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-section-head {
  margin:32px 0 17px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-section-head:first-child {
  margin-top:4px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-section-head h2 {
  font-size:clamp(23px,2.25vw,31px)!important;line-height:1.2!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-row {
  grid-template-columns:minmax(195px,288px) minmax(0,1fr)!important;
  gap:clamp(24px,4vw,53px)!important;padding:18px 0!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-photo{
  height:170px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-row-text h3{
  font-size:clamp(18px,1.65vw,22px)!important;line-height:1.3!important;
  margin:7px 0 8px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-row-text p{
  font-size:13px!important;line-height:1.73!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-num{
  font-size:11px!important;color:#5d7887!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-process{
  margin-bottom:36px!important;gap:22px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-step h3{
  font-size:15px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-step p{
  font-size:12px!important;line-height:1.7!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-about img{
  height:285px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-about h2{
  font-size:clamp(23px,2.4vw,30px)!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-about p {
  font-size:13.5px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-gallery-grid img{
  height:205px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-image-compare{
  height:305px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-after{
  margin-top:35px!important;padding-top:27px!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-after h2 {
  font-size:clamp(23px,2.1vw,29px)!important;
}
html body.hc-subpages-refined .hc-clone-service-block .hc-clone-after p{
  font-size:13.5px!important;line-height:1.68!important;
}
html body.hc-subpages-refined .hc-local {
  padding-top:56px!important;padding-bottom:62px!important;
}
html body.hc-subpages-refined .hc-local__head {
  padding-bottom:29px!important;gap:clamp(23px,5vw,68px)!important;
}
html body.hc-subpages-refined .hc-local__head h2 {
  font-size:clamp(25px,2.5vw,35px)!important;line-height:1.17!important;
  margin:0!important;
}
html body.hc-subpages-refined .hc-local__head p{
  font-size:13.5px!important;line-height:1.72!important;
}
html body.hc-subpages-refined .hc-local__facts {
  gap:25px!important;padding:23px 0 22px!important;
}
html body.hc-subpages-refined .hc-local__fact{
  padding-top:13px!important;
}
html body.hc-subpages-refined .hc-local__fact strong {
  font-size:14px!important;margin-bottom:6px!important;
}
html body.hc-subpages-refined .hc-local__fact p{
  font-size:12.5px!important;line-height:1.7!important;
}
html body.hc-subpages-refined .hc-local__links{
  padding-top:19px!important;gap:11px 23px!important;
}
html body.hc-subpages-refined .hc-local__links strong,
html body.hc-subpages-refined .hc-local__links a{font-size:12px!important}

/* Remove blue overlines/eyebrows from all custom subpage content, not real headings. */
html body.hc-subpages-refined .hc-page-bridge__eyebrow,
html body.hc-subpages-refined .hc-clone-eyebrow,
html body.hc-subpages-refined .hc-local__eyebrow,
html body.hc-subpages-refined .hc-page-bridge__notes{
 display:none!important;
}

/* DB Richter homepage FAQ layout and components, adapted to 80% section spacing. */
html body.hc-subpages-refined .hc-db-faq-section {
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  background:#f4f5f5!important;
  border-top:1px solid #e8ebec!important;
  border-bottom:1px solid #e8ebec!important;
  font-family:Nunito,"Nunito Sans",Arial,Helvetica,sans-serif!important;
  padding:0!important;
}
html body.hc-subpages-refined .hc-db-faq-section *,
html body.hc-subpages-refined .hc-db-faq-section *::before,
html body.hc-subpages-refined .hc-db-faq-section *::after {box-sizing:border-box}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq {
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  width:min(100%,1110px)!important;max-width:1110px!important;
  gap:56px!important;align-items:start!important;
  padding:51px 26px!important;margin:0 auto!important;
  color:#35424a;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-left h2 {
  font-family:Nunito,"Nunito Sans",Arial,sans-serif!important;
  font-size:clamp(26px,2.65vw,34px)!important;
  font-weight:800!important;line-height:1.08!important;
  color:#07547e!important;letter-spacing:-.02em!important;
  margin:0 0 14px!important;max-width:390px!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-left p{
  font-family:Nunito,"Nunito Sans",Arial,sans-serif!important;
  font-size:14px!important;line-height:1.7!important;
  font-weight:500!important;color:#58666d!important;
  margin:0!important;max-width:380px!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right{
  display:grid!important;gap:9px!important;min-width:0!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right details{
  background:#fff!important;border:1px solid #e0e5e7!important;
  border-radius:10px!important;overflow:hidden!important;width:100%!important;
  box-shadow:0 5px 18px rgba(10,45,63,.035)!important;
  transition:box-shadow .2s ease,border-color .2s ease!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right details[open]{
  border-color:#cad6dc!important;
  box-shadow:0 7px 22px rgba(10,45,63,.065)!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right summary{
  position:relative!important;display:list-item!important;list-style:none!important;
  cursor:pointer!important;padding:14px 43px 14px 17px!important;
  font-family:Nunito,"Nunito Sans",Arial,sans-serif!important;
  color:#21323b!important;font-size:14px!important;line-height:1.4!important;
  font-weight:700!important;background:transparent!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right summary::-webkit-details-marker{display:none!important}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right summary::marker{content:""!important}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right summary::before{content:none!important}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right summary::after{
  content:""!important;display:block!important;position:absolute!important;
  top:50%!important;right:19px!important;margin-top:-6px!important;
  width:9px!important;height:9px!important;border:0!important;
  border-right:2px solid #68757b!important;border-bottom:2px solid #68757b!important;
  transform:rotate(45deg)!important;transition:transform .2s ease!important;
  background:transparent!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right details[open] summary::after{
  transform:rotate(225deg)!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right details p{
  font-family:Nunito,"Nunito Sans",Arial,sans-serif!important;
  margin:0!important;padding:0 43px 17px 17px!important;
  color:#58666d!important;font-size:13.5px!important;line-height:1.65!important;
  font-weight:500!important;
}
html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right summary:focus-visible {
  outline:3px solid #75aeca!important;outline-offset:-3px!important;border-radius:8px!important;
}
@media(max-width:850px) {
 html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq {
   grid-template-columns:minmax(0,1fr)!important;gap:24px!important;
   padding:40px 22px!important;
 }
 html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-left h2{
   font-size:28px!important;
 }
}
@media(max-width:700px){
 html body.hc-subpages-refined .hc-page-bridge__inner{
   padding:32px 19px!important;gap:21px!important;
 }
 html body.hc-subpages-refined .hc-page-bridge h2{
   font-size:clamp(26px,7vw,32px)!important;
 }
 html body.hc-subpages-refined .hc-page-bridge__visual {
   height:195px!important;
 }
 html body.hc-subpages-refined .hc-page-bridge--kontakt .hc-page-bridge__visual {
   min-height:215px!important;padding:24px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block{
   padding:31px 18px 43px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-section-head h2{
   font-size:25px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-row{
   display:block!important;padding:16px 0!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-photo{
   height:180px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-row-text h3{
   font-size:19px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-row-text p{
   font-size:12.5px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-process{
   gap:15px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-step h3{
   font-size:13px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-clone-about img {
   height:235px!important;
 }
 html body.hc-subpages-refined .hc-clone-service-block .hc-gallery-grid img {
   height:184px!important;
 }
 html body.hc-subpages-refined .hc-local{
   padding:43px 19px 48px!important;
 }
 html body.hc-subpages-refined .hc-local__head h2 {
   font-size:27px!important;
 }
 html body.hc-subpages-refined .hc-local__head p {font-size:13px!important}
 html body.hc-subpages-refined .hc-local__facts {
   display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
   padding:17px 0 19px!important;
 }
 html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq{
   padding:34px 19px!important;gap:18px!important;
 }
 html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-left h2 {
   font-size:26px!important;
 }
 html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-left p{
   font-size:13px!important;
 }
 html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right summary{
   font-size:13.5px!important;padding:14px 39px 14px 15px!important;
 }
 html body.hc-subpages-refined .hc-db-faq-section .dbr-home-faq-right details p{
   font-size:13px!important;padding:0 40px 16px 15px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.hc-subpages-refined .hc-db-faq-section details{transition:none!important}
}

/* Around twenty percent smaller hero typography on service pages only.
   The discount promo, its content and buttons remain untouched. */
html body.hc-subpages-refined #startseite-hero .dbrh-hero__content h1 {
  font-size:clamp(28px,2.35vw,33px)!important;
  line-height:1.12!important;
}
html body.hc-subpages-refined #startseite-hero .dbrh-hero__lead {
  font-size:13px!important;
  line-height:1.55!important;
}
@media(max-width:700px){
 html body.hc-subpages-refined #startseite-hero .dbrh-hero__content h1 {
  font-size:28px!important;
 }
}

