/* Übergabeklar – fresh, practical cleaning company: Barlow, teal, warm yellow call-to-action, white/light grey. */
@font-face{font-family:Barlow;src:url(/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(/fonts/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url(/fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url(/fonts/barlow-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--paper:#fff;--soft:#f1f7f7;--grey:#f1f7f7;--ink:#14212e;--muted:#4f5d6b;--line:#dbe3ea;--brand:#05636b;--brand-2:#0a7d86;--brand-ink:#fff;--accent:#05636b;--cta:#ffc20e;--cta-ink:#14212e;--wa:#1e9e57;--ok:#1e8a4f;--radius:8px;--font-head:Barlow,Arial,sans-serif;--maxw:1180px}
body{font-family:Barlow,Arial,sans-serif;font-size:18px;line-height:1.55;color:var(--ink);background:#fff}
h1,h2,h3{font-family:Barlow,Arial,sans-serif;font-weight:700;letter-spacing:-.005em;color:var(--ink)}
h2{font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.15}
h3{font-size:1.18rem;font-weight:600}
a{color:var(--brand-2)}
.wrap{max-width:var(--maxw)}
.site-head{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.logo{font-family:Barlow,Arial,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.01em;color:var(--brand)}
.head-cta,.btn{border-radius:var(--radius);font-weight:600}
.btn{background:var(--brand);border-color:var(--brand)}
main section{padding-top:0}

/* utility bar */
.rk-util{background:var(--brand);color:#fff;font-size:.92rem}
.rk-util .wrap{display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;align-items:center;min-height:40px;padding-top:.35rem;padding-bottom:.35rem}
.rk-util span,.rk-util a{display:inline-flex;align-items:center;gap:.35rem}
.rk-util svg{color:var(--cta)}
.rk-util .u-phone{margin-left:auto;color:#fff;font-weight:700;text-decoration:none}
@media (max-width:700px){.rk-util .hide-s{display:none}}

/* hero */
.rk-hero{background:var(--grey);padding:clamp(2rem,5vw,3.8rem) 0!important;border-bottom:1px solid var(--line)}
.rk-hero.with-photo{background:linear-gradient(90deg,rgba(242,245,248,.97) 0%,rgba(242,245,248,.94) 46%,rgba(242,245,248,.35) 100%),var(--hero) center/cover no-repeat}
.rk-hero-grid{display:grid;gap:2.2rem;align-items:center}
@media (min-width:960px){.rk-hero-grid{grid-template-columns:1.35fr .8fr;gap:3.5rem}}
.rk-hero h1{font-size:clamp(2rem,4.6vw,3.15rem);line-height:1.1;margin:0 0 1rem;max-width:22ch}
.rk-hero .lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--muted);margin:0 0 1.3rem;max-width:40rem}
.rk-ticks{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:.45rem}
.rk-ticks li{display:flex;gap:.55rem;align-items:flex-start;font-weight:500}
.rk-ticks svg{color:var(--ok);flex:0 0 auto;margin-top:.2rem}
.rk-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.rk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:.55rem 1.3rem;border-radius:var(--radius);border:2px solid transparent;font-family:Barlow,Arial,sans-serif;font-weight:700;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:filter .15s,background .15s,border-color .15s}
.rk-btn.call{background:var(--cta);color:var(--cta-ink)}.rk-btn.call:hover{filter:brightness(.95)}
.rk-btn.call.big{font-size:1.35rem;min-height:62px}
.rk-btn.wa{background:var(--wa);color:#fff}.rk-btn.wa:hover{filter:brightness(.94)}
.rk-btn.primary{background:var(--brand);color:#fff;width:100%}.rk-btn.primary:hover{background:var(--brand-2)}
.rk-btn.outline{border-color:var(--brand);color:var(--brand);background:#fff}.rk-btn.outline:hover{background:var(--soft)}
.rk-btn.light{background:#fff;color:var(--brand)}
.rk-btn.outline-light{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}.rk-btn.outline-light:hover{border-color:#fff}
.rk-rating{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.2rem;color:var(--ink);text-decoration:none;font-size:.98rem}
.rk-rating .stars,.rk-quotes .stars{color:#f5a400;letter-spacing:.05em}
.rk-rating span:last-child{color:var(--muted)}

/* quick quote card */
.rk-quick{background:#fff;border-radius:12px;padding:1.6rem 1.5rem 1.3rem;box-shadow:0 18px 44px rgba(5,99,107,.14);border-top:5px solid var(--cta)}
.rk-quick h2{font-size:1.55rem;margin:0 0 .3rem}
.rk-quick p{margin:0 0 .9rem;color:var(--muted);font-size:.98rem}
.rk-quick label{display:block;font-weight:600;font-size:.95rem;margin:.75rem 0 .3rem}
.rk-quick select,.rk-quick input{width:100%;min-height:50px;border:1px solid #c5d0da;border-radius:var(--radius);padding:.55rem .8rem;font:inherit;font-size:1.02rem;background:#fff;box-sizing:border-box}
.rk-quick select:focus,.rk-quick input:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(10,125,134,.18)}
.rk-quick .rk-btn{margin-top:1.1rem}
.rk-quick small{display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--muted);margin-top:.7rem;font-size:.86rem}

/* audience */
.rk-audience .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;align-items:center;padding-top:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}
.rk-audience .lbl{font-weight:700;color:var(--brand)}
.rk-audience .it{display:inline-flex;gap:.4rem;align-items:center;font-weight:500;color:var(--muted)}
.rk-audience svg{color:var(--brand-2)}

/* sections */
.rk-sec{padding-top:clamp(2.8rem,6vw,4.5rem)!important;padding-bottom:clamp(2.8rem,6vw,4.5rem)}
.rk-sec-tight{padding-bottom:1rem}
.rk-grey{background:var(--grey)}
.rk-head{text-align:center;max-width:44rem;margin:0 auto 2rem}
.rk-head h2{margin:0 0 .5rem}.rk-head p{margin:0;color:var(--muted);font-size:1.08rem}
.rk-center{text-align:center;margin-top:2rem;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}

/* service tiles */
.rk-tiles{display:grid;gap:1rem}@media (min-width:640px){.rk-tiles{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.rk-tiles{grid-template-columns:repeat(3,1fr)}}
.rk-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.4rem 1.4rem 1.2rem;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.rk-tile:hover{border-color:var(--brand-2);box-shadow:0 12px 28px rgba(5,99,107,.10);transform:translateY(-2px)}
.rk-tile .ico{display:inline-flex;width:52px;height:52px;border-radius:10px;background:#e3f3f3;color:var(--brand);align-items:center;justify-content:center;margin-bottom:.9rem}
.rk-tile h3{margin:0 0 .35rem;font-size:1.25rem}
.rk-tile p{margin:0 0 1rem;color:var(--muted);font-size:1rem;flex:1}
.rk-tile .tile-more{display:inline-flex;gap:.3rem;align-items:center;font-weight:600;color:var(--brand-2)}

/* steps */
.rk-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem;counter-reset:s}
@media (min-width:860px){.rk-steps{grid-template-columns:repeat(4,1fr)}}
.rk-steps li{background:#fff;border-radius:12px;padding:1.4rem;border:1px solid var(--line);position:relative}
.rk-steps .n{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:1.15rem;align-items:center;justify-content:center;margin-bottom:.8rem}
.rk-steps h3{margin:0 0 .3rem}.rk-steps p{margin:0;color:var(--muted);font-size:1rem}

/* trust */
.rk-trust{display:grid;gap:1.4rem 2.2rem}@media (min-width:760px){.rk-trust{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.rk-trust{grid-template-columns:repeat(3,1fr)}}
.rk-trust>div{display:flex;gap:1rem;align-items:flex-start}
.rk-trust .ico{display:inline-flex;flex:0 0 46px;height:46px;border-radius:50%;background:#e6f4ec;color:var(--ok);align-items:center;justify-content:center}
.rk-trust h3{margin:.2rem 0 .25rem}.rk-trust p{margin:0;color:var(--muted);font-size:1rem}
.rk-claim{display:flex;gap:.5rem;align-items:center;justify-content:center;font-weight:600;margin:1.6rem 0 0}.rk-claim svg{color:var(--ok)}

/* testimonials */
.rk-quotes{display:grid;gap:1.2rem}@media (min-width:860px){.rk-quotes{grid-template-columns:repeat(3,1fr)}}
.rk-quotes blockquote{margin:0;background:#fff;border-radius:12px;padding:1.4rem;border:1px solid var(--line)}
.rk-quotes p{margin:.5rem 0 .8rem;font-size:1.05rem}.rk-quotes cite{font-style:normal;font-weight:600;color:var(--muted);font-size:.95rem}

/* gallery */
.rk-ba{display:grid;gap:1.2rem}@media (min-width:860px){.rk-ba{grid-template-columns:1fr 1fr}}
.rk-ba .pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rk-ba figure{margin:0;position:relative}.rk-ba img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.rk-ba figcaption{position:absolute;left:.5rem;top:.5rem;background:var(--brand);color:#fff;font-size:.8rem;font-weight:600;padding:.15rem .5rem;border-radius:4px}
.rk-work{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.2rem}@media (min-width:860px){.rk-work{grid-template-columns:repeat(4,1fr)}}
.rk-work figure{margin:0;position:relative}.rk-work img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.sym{position:absolute;right:.4rem;bottom:.4rem;background:rgba(255,255,255,.88);color:var(--muted);font-size:.7rem;padding:.1rem .4rem;border-radius:3px}

/* price + documents */
.rk-two{display:grid;gap:2.2rem;align-items:start}@media (min-width:900px){.rk-two{grid-template-columns:1.1fr .9fr;gap:3.5rem}}
.rk-two h2{margin:0 0 .7rem}.lead-s{color:var(--muted);font-size:1.06rem;margin:0 0 1.2rem}
.rk-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.7rem}
.rk-list li{display:flex;gap:.6rem;align-items:flex-start}.rk-list svg{color:var(--ok);flex:0 0 auto;margin-top:.2rem}
.rk-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.5rem}
.rk-box h3{margin:0 0 .3rem;font-size:1.3rem}.rk-box .small{color:var(--muted);margin:0 0 1rem}
.rk-box .rk-list svg{color:var(--brand-2)}
.rk-link{display:inline-flex;gap:.3rem;align-items:center;font-weight:600}

/* professionals band */
.rk-band{display:grid;gap:1.4rem;align-items:center;background:var(--brand);color:#fff;border-radius:14px;padding:clamp(1.6rem,4vw,2.6rem)}
@media (min-width:860px){.rk-band{grid-template-columns:1fr auto;gap:2.5rem}}
.rk-band h2{color:#fff;margin:0 0 .4rem;font-size:clamp(1.4rem,2.6vw,1.9rem)}.rk-band p{margin:0;color:#d3eaea}

/* areas */
.rk-areas{display:grid;gap:.8rem}@media (min-width:700px){.rk-areas{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.rk-areas{grid-template-columns:repeat(4,1fr)}}
.rk-areas a{display:flex;gap:.6rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;background:#fff}
.rk-areas a:hover{border-color:var(--brand-2)}.rk-areas svg{color:var(--brand-2);flex:0 0 auto;margin-top:.15rem}
.rk-areas strong{display:block}.rk-areas small{display:block;color:var(--muted);font-size:.9rem;line-height:1.4}

/* faq */
.rk-faq .faq{max-width:50rem;margin:0 auto;display:grid;gap:.6rem}
.rk-faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 1.2rem}
.rk-faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:600;font-size:1.06rem;position:relative}
.rk-faq summary::-webkit-details-marker{display:none}
.rk-faq summary::after{content:"";position:absolute;right:.2rem;top:50%;width:10px;height:10px;border-right:2px solid var(--brand-2);border-bottom:2px solid var(--brand-2);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.rk-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.rk-faq details p{margin:0 0 1.1rem;color:var(--muted)}

/* contact */
.rk-contact{display:grid;gap:1.8rem;align-items:center;background:var(--brand);color:#fff;border-radius:14px;padding:clamp(1.8rem,4.5vw,3rem);margin:1rem 0 clamp(3rem,6vw,4.5rem)}
@media (min-width:900px){.rk-contact{grid-template-columns:1.1fr 1fr}}
.rk-contact h2{color:#fff;margin:0 0 .5rem}.rk-contact p{color:#d3eaea;margin:0}
.rk-contact .hours{display:flex;gap:.4rem;align-items:center;margin-top:.8rem;color:#fff}
.rk-contact-actions{display:grid;gap:.7rem}
.rk-person{display:flex;gap:.8rem;align-items:center;margin-top:1.3rem}
.rk-person img,.rk-person .ini{width:56px;height:56px;border-radius:50%;object-fit:cover}
.rk-person .ini{display:inline-flex;align-items:center;justify-content:center;background:var(--cta);color:var(--ink);font-weight:700;font-size:1.4rem}
.rk-person small{display:block;color:#d3eaea;font-size:.82rem}.rk-person strong{display:block}.rk-person span{display:block;color:#d3eaea;font-size:.9rem}

/* shared pages */
.kicker{color:var(--brand-2);letter-spacing:.04em;text-transform:none;font-weight:600}
.cta-band{background:var(--brand)}
.step-n{background:var(--brand);color:#fff;border:0;font-weight:700}
.choice,.form input,.form select,.form textarea{border-radius:var(--radius)!important}
.choice:has(input:checked){border-color:var(--brand);background:#e3f3f3}
.svc,.area-card,.side-box,.level{border-radius:12px}
@media (max-width:640px){.rk-actions .rk-btn,.rk-contact-actions .rk-btn{width:100%}}
/* checklist + combo */
.rk-check{display:grid;gap:1rem}@media (min-width:760px){.rk-check{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.rk-check{grid-template-columns:repeat(4,1fr)}}
.rk-check>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.3rem 1.3rem 1.1rem}
.rk-check h3{display:flex;gap:.5rem;align-items:center;margin:0 0 .7rem;font-size:1.2rem}.rk-check h3 svg{color:var(--brand-2)}
.rk-check ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.rk-check li{display:flex;gap:.5rem;align-items:flex-start;font-size:.98rem}.rk-check li svg{color:var(--ok);flex:0 0 auto;margin-top:.2rem}
.rk-combo{display:grid;gap:1.4rem;align-items:center;background:#fff;border:2px solid var(--brand-2);border-radius:14px;padding:clamp(1.4rem,3.5vw,2.2rem)}
@media (min-width:860px){.rk-combo{grid-template-columns:auto 1fr auto;gap:2rem}}
.rk-combo .ico{display:inline-flex;width:64px;height:64px;border-radius:14px;background:#e3f3f3;color:var(--brand);align-items:center;justify-content:center}
.rk-combo h2{margin:0 0 .3rem;font-size:clamp(1.3rem,2.4vw,1.7rem)}.rk-combo p{margin:0;color:var(--muted)}
.rk-quick .row2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
@media (max-width:480px){.rk-quick .row2{grid-template-columns:1fr;gap:0}}
.rk-quick .opt{font-weight:400;color:var(--muted);font-size:.85rem}.rk-quick .hint-s{margin:.35rem 0 0;font-size:.84rem;color:var(--muted)}
