/* =====================================================================
   SEITE /rohrreinigung-zuerich/
   Wird nur auf dieser Seite geladen (functions.php).
   aus dem <style>-Block der Seite · Präfix .kz-rohr / .kzr-
   ===================================================================== */

.wp-site-blocks:has(.kz-rohr) > main,main:has(.kz-rohr){margin-block-start:0!important;padding-block-start:0!important}
.wp-block-post-content:has(.kz-rohr){max-width:none!important;padding:0!important;margin:0!important}
body:has(.kz-rohr) .wp-site-blocks > .wp-block-template-part:last-child,body:has(.kz-rohr) footer.wp-block-template-part{margin-block-start:0!important}
.kz-rohr{--ink:#102b3e;--muted:#4d6270;--water:#1d607a;--accent:#c83e32;--pale:#edf5f8;--line:#d6e3e9;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;width:100vw;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;overflow:clip;box-sizing:border-box}
.kz-rohr *{box-sizing:border-box}
.kz-rohr a{color:var(--water)}
.kz-rohr a:focus-visible,.kz-rohr summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.kz-rohr .kzr-wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}
.wp-block-post-content .kz-rohr h1,.wp-block-post-content .kz-rohr h2,.wp-block-post-content .kz-rohr h3,.kz-rohr h1,.kz-rohr h2,.kz-rohr h3{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink)!important;border:0!important;padding:0!important;letter-spacing:-.025em}
.kz-rohr h1{font-size:clamp(2.8rem,4.8vw,4.5rem)!important;line-height:1.06!important;font-weight:800!important;margin:0 0 22px!important;max-width:11ch}
.kz-rohr h2{font-size:clamp(1.9rem,3vw,2.85rem)!important;line-height:1.15!important;font-weight:800!important;margin:0 0 17px!important}
.kz-rohr h3{font-size:1.17rem!important;line-height:1.3!important;font-weight:750!important;margin:0 0 9px!important}
.wp-block-post-content .kz-rohr p,.kz-rohr p{font-size:1.02rem!important;line-height:1.68!important;color:var(--muted)!important;max-width:70ch!important;margin:0 0 17px!important}
.kz-rohr p:last-child{margin-bottom:0!important}
.kz-rohr section{padding:64px 0}
.kz-rohr .kzr-hero{background:var(--pale);padding:62px 0}
.kz-rohr .kzr-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,72px);align-items:center}
.kz-rohr .kzr-breadcrumb{font-size:.86rem;font-weight:700;margin-bottom:24px}
.kz-rohr .kzr-breadcrumb a{text-underline-offset:3px}
.kz-rohr .kzr-breadcrumb span{color:#71838c;margin:0 8px}
.wp-block-post-content .kz-rohr .kzr-lead,.kz-rohr .kzr-lead{font-size:1.18rem!important;line-height:1.58!important;color:#29475a!important;max-width:48ch!important}
.kz-rohr .kzr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.kz-rohr .kzr-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 22px;border-radius:6px;font-size:1rem;font-weight:800;line-height:1.2;text-decoration:none!important;transition:background-color .18s,transform .18s}
.kz-rohr .kzr-button:hover{transform:translateY(-2px)}
.kz-rohr .kzr-button:active{transform:translateY(0)}
.kz-rohr .kzr-button-primary{background:var(--accent);color:#fff!important}
.kz-rohr .kzr-button-primary:hover{background:#a62d24}
.kz-rohr .kzr-button-secondary{background:#fff;border:1px solid #a7bec8;color:var(--ink)!important}
.kz-rohr .kzr-button-secondary:hover{background:#f8fbfc}
.kz-rohr .kzr-hero-image{margin:0}
.kz-rohr .kzr-hero-image img{display:block;width:100%;height:420px;object-fit:cover;border-radius:12px}
.kz-rohr .kzr-heading{max-width:760px;margin-bottom:29px}
.kz-rohr .kzr-heading p:last-child{margin-bottom:0!important}
.kz-rohr .kzr-symptoms{background:#fff}
.kz-rohr .kzr-symptom-list{border-top:1px solid var(--line)}
.kz-rohr .kzr-symptom{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:19px 3px;border-bottom:1px solid var(--line);text-decoration:none!important;transition:background-color .18s}
.kz-rohr .kzr-symptom:hover,.kz-rohr .kzr-symptom:focus-visible{background:#f3f9fb}
.kz-rohr .kzr-symptom strong{font-size:1.11rem;color:var(--ink)}
.kz-rohr .kzr-symptom span{font-size:.95rem;line-height:1.5;color:var(--muted)}
.kz-rohr .kzr-symptom em{font-size:.89rem;font-style:normal;font-weight:800;color:var(--water);white-space:nowrap}
.kz-rohr .kzr-first{background:#f7fafb}
.kz-rohr .kzr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:clamp(30px,7vw,96px);align-items:start}
.kz-rohr ul{padding-left:1.2rem!important;line-height:1.6!important;margin:18px 0 0!important}
.kz-rohr li{padding-left:4px;margin:0 0 12px;color:var(--ink);font-size:1rem;line-height:1.6}
.kz-rohr li::marker{color:var(--water)}
.kz-rohr .kzr-note{background:var(--pale);border:1px solid #c8dce5;border-radius:12px;padding:28px}
.kz-rohr .kzr-note p{margin-bottom:0!important}
.kz-rohr .kzr-methods{background:#fff}
.kz-rohr .kzr-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kz-rohr .kzr-method{padding:25px 28px;border:1px solid var(--line);border-radius:12px;background:#fff}
.kz-rohr .kzr-method:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:26px;align-items:center;background:var(--pale)}
.kz-rohr .kzr-method p{font-size:.96rem!important;margin:0!important}
.kz-rohr .kzr-prompt{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:18px;padding:26px 30px;border-radius:12px;background:#16475e}
.kz-rohr .kzr-prompt::before{content:"";position:absolute;right:150px;top:-75px;width:170px;height:160px;border-right:8px solid rgba(255,255,255,.12);border-bottom:8px solid rgba(255,255,255,.12);border-radius:0 0 58px 0;pointer-events:none}
.kz-rohr .kzr-prompt > *{position:relative}
.wp-block-post-content .kz-rohr .kzr-prompt h3,.kz-rohr .kzr-prompt h3{color:#fff!important;margin:0 0 6px!important}
.wp-block-post-content .kz-rohr .kzr-prompt p,.kz-rohr .kzr-prompt p{color:#d7eaf1!important;font-size:.96rem!important;margin:0!important}
.kz-rohr .kzr-prompt .kzr-button{white-space:nowrap}
.wp-block-post-content .kz-rohr p.kzr-related,.kz-rohr p.kzr-related{margin:32px 0 0!important;padding:0!important;background:transparent!important;border-radius:0!important}
/* Neutralisiert die ältere globale Regel, die Absätze mit Links als grauen Kasten darstellt (z. B. FAQ-Antworten mit internem Link) */
.wp-block-post-content .kz-rohr p:has(a){background:transparent!important;padding:0!important;border-radius:0!important}
.kz-rohr .kzr-process{background:#f7fafb}
.kz-rohr .kzr-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.kz-rohr .kzr-step{border-top:2px solid var(--water);padding-top:20px}
.kz-rohr .kzr-step small{display:block;color:var(--water);font-weight:800;letter-spacing:.07em;margin-bottom:22px}
.kz-rohr .kzr-step p{font-size:.96rem!important;margin:0!important}
.kz-rohr .kzr-cost{background:#eaf3f7}
.kz-rohr .kzr-cost ul{margin-bottom:24px!important}
.kz-rohr .kzr-cost .kzr-note{background:#fff}
.kz-rohr .kzr-area{background:#fff}
.kz-rohr .kzr-place-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.kz-rohr .kzr-place-list span{border:1px solid var(--line);border-radius:5px;padding:8px 12px;font-size:.9rem;font-weight:700;color:#24515c;background:#f7fafb}
.kz-rohr .kzr-contact{background:#f2f7f9}
.kz-rohr .kzr-contact-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,7vw,90px);align-items:start}
.kz-rohr .kzr-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;min-height:220px}
.kz-rohr .kzr-form-live{display:none}
.wp-block-post-content .kz-rohr .kzr-form-live{display:block}
.kz-rohr .kzr-form-preview{padding:24px;background:#f7fafb;border:1px dashed #b9d0d2;border-radius:6px;color:var(--muted);line-height:1.6}
.wp-block-post-content .kz-rohr .kzr-form-preview{display:none}
.kz-rohr .kzr-form .wpforms-container{margin:0}
.kz-rohr .kzr-form .wpforms-field-label{color:var(--ink)}
.kz-rohr .kzr-form input,.kz-rohr .kzr-form textarea,.kz-rohr .kzr-form select{max-width:100%;border-radius:5px}
.kz-rohr .kzr-form button[type=submit]{background:var(--accent)!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:14px 23px!important;font-weight:800}
.kz-rohr .kzr-contact .kzr-button{margin-top:10px}
.kz-rohr .kzr-faq{background:#eaf3f7}
.kz-rohr .kzr-faq-list{max-width:900px}
.kz-rohr .kzr-faq details{padding:19px 0;border-bottom:1px solid #c4d9e4}
.kz-rohr .kzr-faq details:first-of-type{border-top:1px solid #c4d9e4}
.kz-rohr .kzr-faq summary{cursor:pointer;list-style:none;padding-right:32px;position:relative;font-size:1.06rem;font-weight:800;line-height:1.45;color:var(--ink)}
.kz-rohr .kzr-faq summary:hover,.kz-rohr .kzr-faq details[open] summary{color:var(--water)}
.kz-rohr .kzr-faq summary::-webkit-details-marker{display:none}
.kz-rohr .kzr-faq summary::after{content:'+';position:absolute;right:0;top:-3px;color:var(--water);font-size:1.5rem}
.kz-rohr .kzr-faq details[open] summary::after{content:'−'}
.kz-rohr .kzr-faq details p{margin:12px 0 0!important}
@media(max-width:900px){.kz-rohr .kzr-hero-grid,.kz-rohr .kzr-contact-grid{grid-template-columns:1fr}.kz-rohr .kzr-hero-image img{height:340px}.kz-rohr .kzr-split{gap:30px}}
@media(max-width:700px){.kz-rohr .kzr-wrap{width:min(100% - 36px,1160px)}.kz-rohr section{padding:48px 0}.kz-rohr .kzr-hero{padding:42px 0}.kz-rohr h1{font-size:clamp(2.45rem,10vw,3.1rem)!important}.kz-rohr .kzr-hero-image img{height:260px}.kz-rohr .kzr-symptom{grid-template-columns:1fr;gap:5px;padding:17px 2px}.kz-rohr .kzr-symptom em{margin-top:5px}.kz-rohr .kzr-split,.kz-rohr .kzr-method-grid,.kz-rohr .kzr-step-grid,.kz-rohr .kzr-method:first-child,.kz-rohr .kzr-prompt{grid-template-columns:1fr}.kz-rohr .kzr-method:first-child{gap:8px}.kz-rohr .kzr-prompt::before{display:none}.kz-rohr .kzr-prompt .kzr-button{justify-self:start}.kz-rohr .kzr-actions .kzr-button{width:100%}.kz-rohr .kzr-step-grid{gap:20px}.kz-rohr .kzr-form{padding:20px}}
@media(prefers-reduced-motion:reduce){.kz-rohr .kzr-button,.kz-rohr .kzr-symptom{transition:none}.kz-rohr .kzr-button:hover{transform:none}}
