/* Reinfluss brand applied to the original Kanalheld layout. */
:root{--blue:#1c7bc8;--navy:#253041;--cyan:#0052da;--ink:#253041}
.siteHeader,.subHeader{background:#1c7bc8}.offerBar{background:#253041}
.headerCall,.mobileBar>.mobileCall{background:#0052da}
.hero{background-image:linear-gradient(90deg,#172635f7 0%,#193950df 43%,#19395067 64%,#19395010 100%),url('/assets/reinfluss/hero.webp')}
.hero h1 em{color:#68b9fa}.subHero h1 em{color:#68b9fa}
.cookieHero{background:#fff url('/assets/reinfluss/mark.png') center/70% no-repeat}
.radar b{background:#fff url('/assets/reinfluss/mark.png') center/70% no-repeat}
.reviewGrid{grid-template-columns:repeat(3,1fr)}
.reviewSummary .reviewSource{font-size:12px;color:var(--muted);letter-spacing:0}
.googleProof .fa-circle-check{color:#1c7bc8;font-size:28px}
.subGoogle>i{color:#68b9fa;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:#1c7bc8}
.quickPrivacy a{text-decoration:underline}.quickPrivacy span{font-size:11px!important}
.serviceStory.feature a+a{margin-top:10px}
.iconMedia{background:#e9f4fc;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,#172635ed,#193950c7),url('/assets/reinfluss/hero.webp')}}

.subPage{display:flow-root}

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


/* Reinfluss: eigener Radar für Berlin und Umgebung. */
.areas{gap:clamp(28px,5vw,80px);align-items:center}
.reinflussRadar{width:min(100%,420px);margin:auto;text-align:center}
.reinflussRadarDisc{isolation:isolate;position:relative;aspect-ratio:1;border-radius:50%;border:1px solid #1c7bc83d;background:repeating-radial-gradient(circle at center,transparent 0 16.3%,#1c7bc827 16.5% 16.9%,transparent 17.1% 24%),radial-gradient(circle,#fff 0%,#e1f0fc 74%);box-shadow:0 0 0 12px #fff8,0 0 0 13px #1c7bc818,0 22px 60px #1c7bc815;overflow:hidden}
.reinflussRadarDisc:before{content:"";position:absolute;inset:16px;border:1px dashed #1c7bc852;border-radius:50%}
.reinflussRadarDisc:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#1c7bc818 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#1c7bc818 50%,transparent calc(50% + .5px));z-index:-1}
.reinflussRadarSweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 260deg,#1c7bc808 275deg,#1c7bc833 345deg,#1c7bc866 359deg,transparent 360deg);animation:reinflussScan 9s linear infinite}
.reinflussRadarCenter{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 #b6daf6;box-shadow:0 0 0 10px #ffffff70,0 8px 28px #1c7bc82b}
.reinflussRadarCenter img{width:52px;height:52px;object-fit:contain}
.radarPoint{position:absolute;display:block;width:12px;height:12px;border:3px solid white;border-radius:50%;background:#1c7bc8;box-shadow:0 0 0 5px #1c7bc81c}
.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:#253041}
.reinflussRadarCaption{display:inline-flex;flex-direction:column;gap:5px;position:relative;margin-top:-12px;padding:15px 29px;background:#253041;color:white;border-radius:12px;box-shadow:0 12px 28px #25304120}
.reinflussRadarCaption span{font-size:9px;letter-spacing:1.6px;color:#a8d6fa;font-weight:650}.reinflussRadarCaption strong{font-size:17px;font-weight:600}
@keyframes reinflussScan{to{transform:rotate(360deg)}}
@media(max-width:620px){.reinflussRadar{width:min(100% - 26px,340px)}.reinflussRadarCenter{width:74px;height:74px}.reinflussRadarCenter img{width:43px;height:43px}.radarCity{top:calc(50% + 51px);font-size:10px}.reinflussRadarCaption strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.reinflussRadarSweep{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}


/* Reinfluss blue footer callout. */
.footerAction{background:linear-gradient(105deg,#1c7bc8,#0052da)}
.footerAction>a{box-shadow:0 16px 35px #003d8033}


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

/* Keep the original background photo below the fixed header. */
@media(min-width:761px){.hero{background-color:#172635;background-image:linear-gradient(to left,#172635 230px,transparent 350px),linear-gradient(90deg,#172635f7 0%,#193950df 43%,#19395067 64%,#19395010 100%),url('/assets/reinfluss/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:#172635;background-image:linear-gradient(180deg,#17263500 165px,#17263555 225px,#172635 305px),url('/assets/reinfluss/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}