/* Rohrfluss brand applied to the original Kanalheld layout. */
:root{--blue:#0052DA;--navy:#001841;--cyan:#0052DA;--ink:#001841}
.siteHeader,.subHeader{background:#0052DA}.offerBar{background:#001841}
.headerCall,.mobileBar>.mobileCall{background:#0052DA}
.hero{background-image:linear-gradient(90deg,#001435f7 0%,#001E50df 43%,#001E5067 64%,#001E5010 100%),url('/assets/rohrfluss/hero.webp')}
.hero h1 em{color:#6899E9}.subHero h1 em{color:#6899E9}
.cookieHero{display:grid;place-items:center;background:#fff}
.cookieCopy>p{color:#000}
.radar b{background:#fff}
.reviewGrid{grid-template-columns:repeat(3,1fr)}
.reviewSummary .reviewSource{font-size:12px;color:var(--muted);letter-spacing:0}
.googleProof .fa-circle-check{color:#0052DA;font-size:28px}
.subGoogle>i{color:#6899E9;font-size:24px}
.quickPrivacy{display:flex!important;grid-template-columns:none!important;gap:8px;align-items:flex-start;font-size:11px!important;line-height:1.5;margin-top:12px}
.quickPrivacy input{width:14px!important;height:14px!important;min-height:0!important;flex:0 0 14px;margin-top:2px;accent-color:#0052DA}
.quickPrivacy a{text-decoration:underline}.quickPrivacy span{font-size:11px!important}
.serviceStory.feature a+a{margin-top:10px}
.iconMedia{background:#E9F0FC;display:flex;align-items:center;justify-content:center}
.iconMedia>img{width:65%;height:auto;object-fit:contain}
.subHeroMedia>img{position:absolute;inset:0}.iconMedia>img{position:static}
.cookieReject{cursor:pointer}
@media(max-width:980px){.reviewGrid{grid-template-columns:1fr}.subHeroMedia{height:430px}}
@media(max-width:620px){.subHeroMedia{height:320px}.hero{background-position:55% center}.siteHeader .brandImage img{width:176px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.heroForm label.quickPrivacy>span{position:static;display:block;width:auto;height:auto;overflow:visible;color:#e6edf3;font-weight:400}
.footerAction:after,.cookiePanel:after{content:"R"}

@media(max-width:620px){.hero{background-image:linear-gradient(90deg,#001435ed,#001E50c7),url('/assets/rohrfluss/hero.webp')}}

.subPage{display:flow-root}

#main{display:flow-root}.primaryCall{box-shadow:0 12px 30px #0052DA33}


/* Rohrfluss: eigener Radar für Berlin und Umgebung. */
.areas{gap:clamp(28px,5vw,80px);align-items:center}
.rohrflussRadar{width:min(100%,420px);margin:auto;text-align:center}
.rohrflussRadarDisc{isolation:isolate;position:relative;aspect-ratio:1;border-radius:50%;border:1px solid #0052DA3d;background:repeating-radial-gradient(circle at center,transparent 0 16.3%,#0052DA27 16.5% 16.9%,transparent 17.1% 24%),radial-gradient(circle,#fff 0%,#E1EBFB 74%);box-shadow:0 0 0 12px #fff8,0 0 0 13px #0052DA18,0 22px 60px #0052DA15;overflow:hidden}
.rohrflussRadarDisc:before{content:"";position:absolute;inset:16px;border:1px dashed #0052DA52;border-radius:50%}
.rohrflussRadarDisc:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#0052DA18 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#0052DA18 50%,transparent calc(50% + .5px));z-index:-1}
.rohrflussRadarSweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 260deg,#0052DA08 275deg,#0052DA33 345deg,#0052DA66 359deg,transparent 360deg);animation:rohrflussScan 9s linear infinite}
.rohrflussRadarCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #B6CDF4;box-shadow:0 0 0 10px #ffffff70,0 8px 28px #0052DA2b}
.rohrflussRadarCenter img{display:none}
.rohrflussRadarCenter::before,.radar b::before,.cookieHero::before{
  content:"";
  display:block;
  width:60px;
  max-width:80%;
  aspect-ratio:12/7;
  margin:auto;
  background:#0052DA;
  mask:url("/assets/rohrfluss/rohrfluss-logo.png") left center / 290% auto no-repeat;
}
.cookieHero::before{max-width:72%}
.radarPoint{position:absolute;display:block;width:12px;height:12px;border:3px solid white;border-radius:50%;background:#0052DA;box-shadow:0 0 0 5px #0052DA1c}
.pointNorth{left:38%;top:17%}.pointEast{right:16%;top:53%}.pointWest{left:21%;bottom:24%}
.radarCity{position:absolute;top:calc(50% + 65px);left:0;right:0;font-size:12px;font-weight:750;letter-spacing:3px;color:#001841}
.rohrflussRadarCaption{display:inline-flex;flex-direction:column;gap:5px;position:relative;margin-top:-12px;padding:15px 29px;background:#001841;color:white;border-radius:12px;box-shadow:0 12px 28px #00184120}
.rohrflussRadarCaption span{font-size:9px;letter-spacing:1.6px;color:#A8C4F2;font-weight:650}.rohrflussRadarCaption strong{font-size:17px;font-weight:600}
@keyframes rohrflussScan{to{transform:rotate(360deg)}}
@media(max-width:620px){.rohrflussRadar{width:min(100% - 26px,340px)}.rohrflussRadarCenter{width:74px;height:74px}.rohrflussRadarCenter::before{width:50px}.radarCity{top:calc(50% + 51px);font-size:10px}.rohrflussRadarCaption strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.rohrflussRadarSweep{animation:none;transform:rotate(35deg)}}
/* Center the check icon inside the hero service badge. */
.googleProof .googleG{display:flex;align-items:center;justify-content:center;padding:0;flex:0 0 29px;width:29px;height:29px}
.googleProof .googleG .fa-circle-check{display:block;width:28px;height:28px;line-height:28px;margin:0;text-align:center}

/* Hero check badge without a white backing. */
.googleProof .googleG{background:transparent;border:0;box-shadow:none}


/* White hero check, transparent background. */
.googleProof .googleG .fa-circle-check{color:#fff}


/* Rohrfluss blue footer callout. */
.footerAction{background:linear-gradient(105deg,#0052DA,#0052DA)}
.footerAction>a{box-shadow:0 16px 35px #0052DA33}


/* Payment label in Rohrfluss light blue. */
.paymentInline small{color:#80A9ED}

/* Keep the original background photo below the fixed header. */
@media(min-width:761px){.hero{background-color:#001435;background-image:linear-gradient(to left,#001435 230px,transparent 350px),linear-gradient(90deg,#001435f7 0%,#001E50df 43%,#001E5067 64%,#001E5010 100%),url('/assets/rohrfluss/hero.webp');background-size:cover,cover,auto calc(100% - 145px);background-position:center,center,right 230px bottom;background-repeat:no-repeat}}

/* Show the face and thumbs-up above the mobile hero copy. */
@media(max-width:760px){.hero{padding-top:290px;background-color:#001435;background-image:linear-gradient(180deg,#00143500 165px,#00143555 225px,#001435 305px),url('/assets/rohrfluss/hero.webp');background-size:100% 100%,auto 225px;background-position:center,65% 110px;background-repeat:no-repeat}}

/* A single full-width call action in the mobile contact bar. */
.mobileBar{grid-template-columns:1fr}.mobileBar .mobileCall{width:100%;flex:1}

.reviewGrid .reviewAuthor{display:flex;flex-wrap:wrap}
.reviewStars{color:#fbbc04;letter-spacing:1px}

.siteFooter,
.siteFooter .footerAbout p,
.siteFooter .footerStatus,
.siteFooter .footerColumn a,
.siteFooter .footerColumn span,
.siteFooter .footerBottom,
.siteFooter .footerBottom span:last-child,
.subFooter,
.subFooter p,
.subFooter > div > span,
.subFooter a {
  color: #fff;
}