/* Dachreinigung Kosten: eigenständige Unterseiten, Designlinie Startseite
   Nur Unterseiten; Startseite und Rechner bleiben unverändert. */
html body .entry-content .hc-page-bridge{
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
.hc-page-bridge,.hc-page-bridge *{box-sizing:border-box}
.hc-page-bridge{
  background:linear-gradient(112deg,#f3f8fb 0%,#eaf3f8 100%);
  color:#103b56;overflow:hidden;position:relative;
  font-family:"Nunito Sans",Nunito,Inter,Arial,sans-serif;
  border-bottom:1px solid rgba(29,93,128,.12);
}
.hc-page-bridge::before{
  content:"";display:block;position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(42,133,177,.45),transparent);
}
.hc-page-bridge__inner{
  max-width:1180px;margin:0 auto;padding:68px 32px 65px;
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  align-items:center;gap:clamp(35px,6vw,88px);
}
.hc-page-bridge__eyebrow{
  display:block;font-size:11px;font-weight:850;letter-spacing:.15em;
  color:#1777a4;text-transform:uppercase;line-height:1.5;
}
.hc-page-bridge h2{
  font-family:"Nunito Sans",Nunito,Inter,Arial,sans-serif;
  font-size:clamp(31px,3.15vw,46px);line-height:1.11;letter-spacing:-.035em;
  max-width:660px;font-weight:830;color:#123d58;
  margin:18px 0 20px;
}
.hc-page-bridge__copy>p{
  margin:0;color:#43687d;font-size:clamp(15px,1.2vw,17px);
  line-height:1.78;max-width:580px;
}
.hc-page-bridge__actions{
  display:flex;gap:16px 26px;align-items:center;flex-wrap:wrap;margin-top:30px;
}
.hc-page-bridge__primary{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;background:#3a8059;color:#fff!important;
  text-decoration:none!important;padding:12px 21px;border-radius:3px;
  font-size:14px;font-weight:800;line-height:1.2;
  transition:background .2s ease,transform .2s ease;
}
.hc-page-bridge__primary:hover{background:#2e6948;transform:translateY(-1px)}
.hc-page-bridge__secondary{
  display:inline-block;font-size:14px;font-weight:800;
  color:#166b9b!important;text-decoration:none!important;
  border-bottom:1px solid rgba(22,107,155,.4);padding:8px 0;
}
.hc-page-bridge__secondary:hover{color:#0e456d!important;border-bottom-color:currentColor}
.hc-page-bridge__notes{
  display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:32px;padding-top:17px;
  border-top:1px solid rgba(29,103,144,.2);
}
.hc-page-bridge__notes span{
  color:#456c82;font-weight:750;font-size:12px;line-height:1.5;
}
.hc-page-bridge__notes span+span:before{
  content:"";display:inline-block;width:4px;height:4px;border-radius:50%;
  background:#66a8c6;vertical-align:middle;margin-right:15px;
}
.hc-page-bridge__visual{
  margin:0;position:relative;isolation:isolate;
  min-height:280px;height:clamp(290px,27vw,366px);
  background:#d6e8f1;overflow:hidden;
}
.hc-page-bridge__visual img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(.9) contrast(1.03);
}
.hc-page-bridge__visual:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(236,246,251,.17),transparent 35%),
  linear-gradient(0deg,rgba(9,54,81,.24),transparent 31%);
}
.hc-page-bridge__caption{
  position:absolute;z-index:1;bottom:16px;left:19px;
  color:rgba(255,255,255,.95);font-size:11px;font-weight:850;
  letter-spacing:.07em;text-shadow:0 1px 5px rgba(0,0,0,.5);
}
.hc-page-bridge--kontakt .hc-page-bridge__visual{
  background:linear-gradient(142deg,#124b70 0%,#0a2e4c 100%);
  height:auto;min-height:300px;padding:38px 39px;
  display:flex;flex-direction:column;justify-content:center;
}
.hc-page-bridge__contact-label{
  display:block;color:#a8d6ea;font-size:11px;letter-spacing:.16em;
  font-weight:850;text-transform:uppercase;margin-bottom:19px;
}
.hc-page-bridge__contact-person{
  color:#fff;font-size:clamp(26px,2.4vw,34px);font-weight:800;line-height:1.2;
  letter-spacing:-.025em;margin-bottom:15px;
}
.hc-page-bridge__contact-line{
  display:block;color:#e5f5fc!important;text-decoration:none!important;
  font-size:clamp(17px,1.7vw,22px);font-weight:700;margin-bottom:10px;
  overflow-wrap:anywhere;
}
.hc-page-bridge__contact-line:hover{text-decoration:underline!important}
.hc-page-bridge__contact-hint{
  color:#b8d9e7;font-size:13px;line-height:1.7;max-width:350px;margin-top:17px;
}

/* Die Fachinhalte werden eigenständige, ruhige Editorial-Abschnitte. */
html body .entry-content .hc-clone-service-block{
  background:linear-gradient(180deg,#f8fbfd 0%,#eff6fa 100%);
  padding-top:59px;padding-bottom:82px;color:#123e58;
  font-family:"Nunito Sans",Nunito,Inter,Arial,sans-serif;
}
.hc-clone-service-block .hc-clone-inner{width:min(100%,1180px)}
.hc-clone-service-block .hc-clone-intro{
  padding-top:23px;padding-bottom:34px;
  border-top-color:rgba(35,105,143,.29);
}
.hc-clone-service-block .hc-clone-eyebrow{color:#1a78a7;letter-spacing:.15em;font-size:11px}
.hc-clone-service-block .hc-clone-intro h2{
  font-family:"Nunito Sans",Nunito,Inter,Arial,sans-serif;
  font-size:clamp(30px,3.2vw,43px);letter-spacing:-.042em;
  color:#123d59;max-width:780px;margin-top:13px;
}
.hc-clone-service-block .hc-clone-intro p{
  font-size:15.5px;line-height:1.83;color:#476d82;max-width:830px;
}
.hc-clone-service-block .hc-clone-section-head{margin:49px 0 24px;max-width:930px}
.hc-clone-service-block .hc-clone-section-head h2{
  font-family:"Nunito Sans",Nunito,Inter,Arial,sans-serif;
  font-size:clamp(28px,2.8vw,39px);letter-spacing:-.037em;color:#123c57;
}
.hc-clone-service-block .hc-clone-rows,
.hc-clone-service-block .hc-clone-process,
.hc-clone-service-block .hc-clone-faq{border-top-color:rgba(34,101,143,.23)}
.hc-clone-service-block .hc-clone-row{
  grid-template-columns:minmax(230px,360px) minmax(0,1fr);
  gap:clamp(25px,5vw,72px);padding:24px 0;
  border-bottom-color:rgba(34,101,143,.2);
}
.hc-clone-service-block .hc-clone-photo{height:210px}
.hc-clone-service-block .hc-clone-photo img{filter:saturate(.92);transition:transform .45s ease}
.hc-clone-service-block .hc-clone-row:hover .hc-clone-photo img{transform:scale(1.03)}
.hc-clone-service-block .hc-clone-row-text h3{
  font-family:"Nunito Sans",Nunito,Inter,Arial,sans-serif;
  font-size:clamp(21px,2vw,27px);letter-spacing:-.025em;line-height:1.25;
  color:#143e58;margin:10px 0 12px;
}
.hc-clone-service-block .hc-clone-row-text p{
  color:#476c80;font-size:14.5px;line-height:1.8;
}
.hc-clone-service-block .hc-clone-num{font-size:12px;color:#1880ac;font-weight:850}
.hc-clone-service-block .hc-clone-step>span{font-size:29px;color:#2283b0}
.hc-clone-service-block .hc-clone-step h3{
  font-size:17px;line-height:1.36;color:#143e58;font-family:"Nunito Sans",Nunito,sans-serif;
}
.hc-clone-service-block .hc-clone-step p{font-size:13px;line-height:1.75;color:#4a7184}
.hc-clone-service-block .hc-clone-question summary{padding:20px 7px}
.hc-clone-service-block .hc-clone-question summary strong{font-size:15px}
.hc-clone-service-block .hc-clone-question p{font-size:14px;line-height:1.75}
.hc-clone-service-block .hc-clone-about{gap:clamp(28px,6vw,75px)}
.hc-clone-service-block .hc-clone-about h2{
  font-family:"Nunito Sans",Nunito,sans-serif;font-size:clamp(27px,3vw,37px);
}
.hc-clone-service-block .hc-clone-about p{font-size:15px}
.hc-clone-service-block .hc-contact-option h3{font-size:22px}
.hc-clone-service-block .hc-contact-option p{font-size:14px}
.hc-clone-service-block .hc-clone-after{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px 45px;padding:39px 0 9px;margin-top:52px;
  border-top:1px solid rgba(33,104,145,.33);
}
.hc-clone-after__copy{max-width:600px}
.hc-clone-service-block .hc-clone-after h2{
  font-family:"Nunito Sans",Nunito,sans-serif;
  font-size:clamp(27px,2.5vw,35px);letter-spacing:-.03em;line-height:1.2;
  margin:10px 0;color:#123b56;
}
.hc-clone-service-block .hc-clone-after p{
  color:#496e82;font-size:15px;line-height:1.7;
}
.hc-clone-after__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.hc-clone-service-block .hc-clone-after a{
  color:#fff!important;background:#3a8059;text-decoration:none;
  border:none;border-radius:3px;padding:13px 20px;white-space:nowrap;
  transition:background .2s;font-weight:800;font-size:14px;
}
.hc-clone-service-block .hc-clone-after a:hover{background:#2d6949}
.hc-clone-service-block .hc-clone-after a+ a{
  background:transparent;color:#176c9d!important;padding:8px 0;
  border-bottom:1px solid rgba(23,108,157,.44);border-radius:0;
}
.hc-clone-service-block .hc-clone-after a+ a:hover{background:transparent;color:#0b446d!important}
@media(max-width:900px){
  .hc-page-bridge__inner{padding:47px 24px;gap:25px}
  .hc-page-bridge h2{font-size:clamp(30px,4vw,37px)}
  .hc-clone-service-block .hc-clone-row{grid-template-columns:240px 1fr;gap:25px}
}
@media(max-width:700px){
  .hc-page-bridge__inner{grid-template-columns:1fr;padding:43px 20px 38px;gap:30px}
  .hc-page-bridge h2{font-size:clamp(29px,8vw,37px);margin:13px 0 16px}
  .hc-page-bridge__copy>p{font-size:14.5px;line-height:1.75}
  .hc-page-bridge__notes{margin-top:26px}
  .hc-page-bridge__notes span{font-size:11px}
  .hc-page-bridge__visual{height:250px;min-height:0}
  .hc-page-bridge--kontakt .hc-page-bridge__visual{min-height:250px;padding:28px}
  .hc-page-bridge__actions{margin-top:24px;gap:10px}
  .hc-page-bridge__primary{min-height:44px}
  html body .entry-content .hc-clone-service-block{padding:38px 20px 57px}
  .hc-clone-service-block .hc-clone-intro h2{font-size:31px}
  .hc-clone-service-block .hc-clone-intro p{font-size:14px}
  .hc-clone-service-block .hc-clone-section-head h2{font-size:28px}
  .hc-clone-service-block .hc-clone-row{display:block;padding:22px 0}
  .hc-clone-service-block .hc-clone-photo{height:225px}
  .hc-clone-service-block .hc-clone-row-text h3{font-size:22px}
  .hc-clone-service-block .hc-clone-row-text p{font-size:13.5px}
  .hc-clone-service-block .hc-clone-after{display:block;padding-top:28px}
  .hc-clone-after__actions{margin-top:22px}
  .hc-clone-service-block .hc-clone-after a{white-space:normal}
  .hc-clone-service-block .hc-clone-process{gap:18px}
  .hc-clone-service-block .hc-clone-step h3{font-size:15px}
  .hc-clone-service-block .hc-clone-step p{font-size:12.5px}
  .hc-clone-service-block .hc-clone-question summary strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .hc-page-bridge__primary,.hc-clone-service-block .hc-clone-photo img{transition:none!important}
}

/* Hero und neue Inhaltsbuehne ohne den WordPress-Blockabstand verbinden. */
html body .entry-content > #startseite-hero + .hc-page-bridge{
  margin-block-start:0!important;margin-top:0!important;
}
html body .dbr-final-header .dbr-final-nav a[aria-current="page"]{
  box-shadow:inset 0 -2px #3189a4;
}
html body .dbr-final-header .dbr-clone-mobile-menu a[aria-current="page"]{
  color:#11729b;font-weight:800;
}