/* =====================================================================
   GEMEINSAMES ERSCHEINUNGSBILD · auf jeder Seite, nach dem Seiten-CSS geladen
   Bringt alle Seiten optisch auf die Linie des Strangschemas (Startseite,
   «Abfluss stinkt»): Archivo, Tusche-Navy, Rotstift, eckige Kanten,
   Planpapier im Hero und Abschnitte im Farbwechsel. Ändert keine Inhalte
   und fügt keine Bausteine hinzu.
   Nicht betroffen: Seiten mit .kz-site (Ratgeber-Artikel, neue Startseite),
   die sind schon im Strangschema gebaut.
   ===================================================================== */

@font-face{font-family:"KZ Archivo";src:url("../fonts/archivo-variable-latin.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}

:root{
  --kzd-ink:#10263f;--kzd-graphite:#3f5062;--kzd-muted:#4a5a68;
  --kzd-pipe:#1b6fb3;--kzd-red:#cf3a24;--kzd-red-dark:#a92c1a;
  --kzd-sheet:#f2f4f3;--kzd-blue:#e8f0f6;--kzd-rule:#d3dbe0;--kzd-on-ink:#c9d6e2;
  --kzd-grid:rgba(16,38,63,.055);--kzd-grid-strong:rgba(16,38,63,.10);
  --kzd-font:"KZ Archivo","Helvetica Neue",Arial,sans-serif;
}

/* ---------- Header und Footer (alle Seiten) ---------- */
header.wp-block-template-part,footer.wp-block-template-part,
header.wp-block-template-part :is(a,p,span,button,h2,h3,li),
footer.wp-block-template-part :is(a,p,span,button,h2,h3,li){font-family:var(--kzd-font)!important}
header.wp-block-template-part .wp-block-navigation-item__content{font-weight:650;font-stretch:92%}
:is(header,footer).wp-block-template-part .wp-block-button__link{border-radius:2px!important;font-weight:700!important;font-stretch:96%}
footer.wp-block-template-part .wp-block-site-title a{font-weight:800!important;font-stretch:86%;letter-spacing:-.01em;color:var(--kzd-ink)!important}
footer.wp-block-template-part h2.wp-block-heading{font-size:.8rem!important;line-height:1.2;font-weight:700!important;font-stretch:80%;letter-spacing:.11em;text-transform:uppercase;color:var(--kzd-ink)!important}

/* ---------- Schlichte Seiten (Impressum, Datenschutz …) ---------- */
body:not(:has(.kz-site)) :is(.wp-block-post-title,.wp-block-post-content){font-family:var(--kzd-font)}
body:not(:has(.kz-site)) h1.wp-block-post-title{font-weight:820;font-stretch:84%;letter-spacing:-.028em;line-height:1;color:var(--kzd-ink)}
.wp-block-post-content h2:where(:not(.kz-site *,.kz-home *)){font-family:var(--kzd-font);font-weight:780;font-stretch:86%;letter-spacing:-.022em;color:var(--kzd-ink);border-left-color:var(--kzd-ink)}
.wp-block-post-content h2:last-of-type:where(:not(.kz-site *,.kz-home *)){color:var(--kzd-ink)}

/* =====================================================================
   SEITEN-SYSTEME
   .kz-rohr (Rohrreinigung) · .kz-wc (WC verstopft) · .kz-ort (Ortsseiten,
   Kosten, Abflussreinigung) · .kz-credits (Bildnachweise) · Ratgeber-Übersicht
   ===================================================================== */

/* Farben: die Seiten arbeiten mit Variablen, hier auf die Strangschema-Werte */
.kz-rohr,.kz-ort,.kz-credits{--ink:#10263f;--accent:#cf3a24;--water:#1b6fb3;--muted:#4a5a68;--line:#d3dbe0;--pale:#e8f0f6}
.kz-wc{--ink:#10263f;--red:#cf3a24;--blue:#1b6fb3;--muted:#4a5a68;--line:#d3dbe0;--mist:#e8f0f6}

/* Schrift */
:is(.kz-rohr,.kz-wc,.kz-ort,.kz-credits,[class*="kz-ratgeber"]){font-family:var(--kzd-font)!important;-webkit-font-smoothing:antialiased}
:is(.kz-rohr,.kz-wc,.kz-ort,.kz-credits,[class*="kz-ratgeber"]) :is(h1,h2,h3,h4,p,li,a,span,strong,b,em,small,button,summary,label,input,textarea,select,td,th,dt,dd,figcaption){font-family:inherit!important}
:is(.kz-rohr,.kz-wc,.kz-ort,.kz-credits,[class*="kz-ratgeber"]) h1{font-weight:820!important;font-stretch:84%;letter-spacing:-.028em!important;color:var(--kzd-ink)}
:is(.kz-rohr,.kz-wc,.kz-ort,.kz-credits,[class*="kz-ratgeber"]) h2{font-weight:780!important;font-stretch:86%;letter-spacing:-.022em!important}
:is(.kz-rohr,.kz-wc,.kz-ort,.kz-credits,[class*="kz-ratgeber"]) h3{font-weight:720!important;font-stretch:92%;letter-spacing:-.01em!important}
:is(.kz-rohr,.kz-wc,.kz-ort,.kz-credits) summary{font-weight:700!important;font-stretch:94%}

/* Eckige Kanten wie auf dem Planblatt */
:is(.kz-rohr .kzr-button,.kz-wc .kzw-button,.kz-ort .kzo-button){border-radius:2px!important;font-weight:700!important;font-stretch:96%}
:is(.kz-rohr .kzr-form,.kz-wc .kzw-form,.kz-ort .kzo-form) :is(input,textarea,select,button[type=submit]){border-radius:2px!important}
:is(.kz-rohr .kzr-form-preview,.kz-wc .kzw-form-preview,.kz-ort .kzo-form-preview){border-radius:0!important}
:is(.kz-rohr .kzr-place-list span,.kz-wc .kzw-place-list span,.kz-wc .kzw-factors span,.kz-wc .kzw-process-list li::before){border-radius:2px!important}
:is(.kz-rohr .kzr-hero-image,.kz-wc .kzw-hero-image,.kz-ort .kzo-hero-image,.kz-ort .kzo-photo) img{border-radius:0!important;border:1px solid var(--kzd-ink)}
.kz-wc .kzw-map{border-radius:0!important;border-color:var(--kzd-ink)!important}
.kz-credits .kzn-item{border-radius:0!important;border-color:var(--kzd-rule)!important}
.kz-credits .kzn-item>img{border-radius:0!important}
.kz-ratgeber-theme-grid>article,.kz-ratgeber-popular-grid .wp-block-group,.kz-ratgeber-latest .wp-block-post-template>li{border-radius:2px!important}
.kz-ratgeber-theme-grid,.kz-ratgeber-popular-grid,.kz-ratgeber-latest,[class*="kz-ratgeber"]{--kz-blue:#1b6fb3;--kz-ink:#10263f;--kz-muted:#4a5a68;--kz-line:#d3dbe0;--kz-surface:#e8f0f6}

/* Kästen: weisse Karte mit Haarlinie, Warnhinweise mit Rotstift-Rahmen */
:is(.kz-rohr .kzr-note,.kz-rohr .kzr-method,.kz-wc .kzw-note,.kz-ort .kzo-note,.kz-ort .kzo-card){border-radius:0!important;background:#fff!important;border:1px solid var(--kzd-rule)!important;box-shadow:none!important}
:is(.kz-wc .kzw-caution,.kz-ort .kzo-caution){border-radius:0!important;background:#fff!important;border:2px solid var(--kzd-red)!important}
:is(.kz-rohr .kzr-prompt,.kz-wc .kzw-prompt,.kz-ort .kzo-prompt){border-radius:0!important}
.kz-rohr .kzr-prompt::before{border-radius:0!important}

/* ---------- Abschnitte im Farbwechsel ---------- */
:is(.kz-rohr,.kz-wc,.kz-ort)>section{background:#fff!important}
:is(.kz-rohr,.kz-wc,.kz-ort)>section:nth-of-type(even){background:var(--kzd-blue)!important}
/* Hero: Planpapier */
:is(.kz-rohr,.kz-wc,.kz-ort)>section:is(.kzr-hero,.kzw-hero,.kzo-hero){background:
  linear-gradient(var(--kzd-grid) 1px,transparent 1px) 0 0/16px 16px,
  linear-gradient(90deg,var(--kzd-grid) 1px,transparent 1px) 0 0/16px 16px,
  linear-gradient(var(--kzd-grid-strong) 1px,transparent 1px) 0 0/80px 80px,
  linear-gradient(90deg,var(--kzd-grid-strong) 1px,transparent 1px) 0 0/80px 80px,
  var(--kzd-sheet)!important}
/* FAQ: Planblatt-Grau */
:is(.kz-rohr,.kz-wc,.kz-ort)>section:is(.kzr-faq,.kzw-faq,.kzo-faq){background:var(--kzd-sheet)!important}
/* Anfrage: Tusche-Feld wie auf der Startseite */
:is(.kz-rohr,.kz-wc,.kz-ort)>section:is(.kzr-contact,.kzw-contact,.kzo-contact){background:var(--kzd-ink)!important;color:var(--kzd-on-ink)}
:is(.wp-block-post-content,body) :is(.kz-rohr,.kz-wc,.kz-ort) :is(.kzr-contact,.kzw-contact,.kzo-contact) :is(h2,h3){color:#fff!important}
:is(.wp-block-post-content,body) :is(.kz-rohr,.kz-wc,.kz-ort) :is(.kzr-contact,.kzw-contact,.kzo-contact) p{color:var(--kzd-on-ink)!important}
:is(.wp-block-post-content,body) :is(.kz-rohr,.kz-wc,.kz-ort) :is(.kzr-contact,.kzw-contact,.kzo-contact) p a{color:#fff!important}
:is(.wp-block-post-content,body) :is(.kz-rohr,.kz-wc,.kz-ort) :is(.kzr-contact,.kzw-contact,.kzo-contact) :is(.kzw-small,.kzo-small,.kzo-fine){color:#a9bccd!important}
:is(.kzr-contact,.kzw-contact,.kzo-contact) :is(.kzr-button-secondary,.kzw-button-secondary,.kzo-button-secondary){background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
:is(.kzr-contact,.kzw-contact,.kzo-contact) :is(.kzr-button-secondary,.kzw-button-secondary,.kzo-button-secondary):hover{background:#fff!important;color:var(--kzd-ink)!important}
:is(.kzr-contact,.kzw-contact,.kzo-contact) :is(.kzr-form,.kzw-form,.kzo-form){background:#fff!important;border:0!important;border-top:6px solid var(--kzd-red)!important;border-radius:0!important;box-shadow:none!important;color:var(--kzd-ink)}
:is(.wp-block-post-content,body) :is(.kz-rohr,.kz-wc,.kz-ort) :is(.kzr-contact,.kzw-contact,.kzo-contact) :is(.kzr-form,.kzw-form,.kzo-form) p{color:var(--kzd-muted)!important}
:is(.wp-block-post-content,body) :is(.kz-rohr,.kz-wc,.kz-ort) :is(.kzr-contact,.kzw-contact,.kzo-contact) :is(.kzr-form,.kzw-form,.kzo-form) .wpforms-field-label{color:var(--kzd-ink)!important}

/* Ratgeber-Übersicht: Kopf auf Planpapier */
.kz-ratgeber-hero{background:
  linear-gradient(var(--kzd-grid) 1px,transparent 1px) 0 0/16px 16px,
  linear-gradient(90deg,var(--kzd-grid) 1px,transparent 1px) 0 0/16px 16px,
  var(--kzd-sheet)!important}