/* =============================================================================
   heizoel-classic.com - Stylesheet "Classic" (04.11.2026)
   -----------------------------------------------------------------------------
   Palette: Navy #152a46 (Struktur), Classic-Blau #1e6fbf (Links/Sekundaer),
   Orange #ff9f1a (einziger Akzent: Preis + Aktion), Himmel #e8f0f8 (Flaechen).
   Schrift: Arial (Systemschrift, keine Webfonts).
   Prinzip: Tafel statt Tapete - Linien, Tabellen, grosse Zahlen. Schatten nur
   auf der Rechner-Karte. Ein Akzent fuer eine Aufgabe.

   Inhalt
   01 Tokens (eigene + Ueberschreibung der heizoel.css-Tokens fuer den Funnel)
   02 Basis & Typografie
   03 Buttons
   04 Top-Bar, Header, Navigation
   05 Hero + Rechner-Karte
   06 Trust-Leiste, Preistafel
   07 Sektionen, Koepfe, Raster
   08 Schritte, Vergleich, Fakten, Split-Media, Teaser, FAQ, CTA-Band
   09 Unterseiten: Seitenkopf, Artikel, Rechtstexte, Sidebar, Tabellen, Callouts
   10 Formulare (Kontakt, Widerruf)
   11 Footer
   12 Cookie-Banner, Scroll-to-top, Breadcrumbs
   13 Funnel-Ueberschreibungen (heizoel.css bleibt auf rechner/bestellen/danke)
   14 Responsive, Reduced Motion, Druck
   ============================================================================= */

/* ============================================================
   01  TOKENS
   ============================================================ */
:root{
  --navy:#152a46; --navy-deep:#0e1c30; --navy-soft:#23416a;
  --blue:#1e6fbf; --blue-deep:#17579a; --blue-light:#2b7fd0;
  --sky:#e8f0f8; --sky-2:#dbe8f6; --paper-c:#f5f8fb;
  --orange:#ff9f1a; --orange-deep:#f08d00; --orange-soft:#fff2dc;
  --ink:#1c2430; --ink-2:#3d4c5e; --mute:#5a6b7d; --rule:#d3dde8; --rule-2:#c2cfdd;
  --ok:#1f9d4c; --ok-soft:#e3f5ea; --warn:#c0392b; --warn-soft:#fdf1ef;
  --r:8px; --r-sm:6px; --r-lg:12px;
  --shadow-card:0 18px 40px rgba(21,42,70,.16),0 2px 6px rgba(21,42,70,.08);
  --ease:cubic-bezier(.22,1,.36,1);
  --maxw:1200px;
  --font:Arial, Helvetica, sans-serif;

  /* heizoel.css-Tokens (Funnel) auf die Classic-Palette umgelegt */
  --green-950:#0e1c30; --green-900:#152a46; --green-800:#17579a;
  --green-700:#1e6fbf; --green-600:#1e6fbf; --green-500:#2b7fd0;
  --green-400:#5aa0e0; --green-300:#9cc4ec; --green-100:#dbe8f6; --green-50:#eef4fb;
  --brand:#1e6fbf; --brand-deep:#152a46;
  --amber-600:#f08d00; --amber-500:#ff9f1a; --amber-400:#ffb547; --amber-300:#ffd08a;
  --amber-glow:rgba(255,159,26,.3);
  --blue-700:#17579a; --blue-600:#1e6fbf; --blue-500:#2b7fd0; --blue-glow:rgba(30,111,191,.35);
  --paper:#f5f8fb; --paper-2:#e8f0f8; --card:#ffffff;
  --ink-900:#152a46; --ink-700:#1c2430; --ink-500:#3d4c5e; --muted:#5a6b7d; --line:#d3dde8;
  --radius:10px; --radius-sm:8px; --radius-lg:14px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(21,42,70,.06);
  --shadow-md:0 8px 24px rgba(21,42,70,.08),0 2px 6px rgba(21,42,70,.05);
  --shadow-lg:0 22px 50px rgba(21,42,70,.14),0 6px 16px rgba(21,42,70,.08);
  --shadow-amber:0 10px 28px rgba(255,159,26,.28);
  --shadow-blue:0 10px 28px rgba(30,111,191,.28);
  --ring:0 0 0 4px rgba(30,111,191,.18);
  --grad-hero:linear-gradient(135deg,#1a3356 0%,#152a46 60%,#0e1c30 100%);
  --grad-brand:linear-gradient(135deg,#1e6fbf 0%,#17579a 100%);
  --grad-amber:linear-gradient(135deg,#ff9f1a 0%,#f08d00 100%);
  --grad-blue:linear-gradient(135deg,#2b7fd0 0%,#17579a 100%);
  --grad-paper:linear-gradient(180deg,#ffffff 0%,#f5f8fb 100%);
  --font-display:Arial, Helvetica, sans-serif;
  --font-body:Arial, Helvetica, sans-serif;
  --noise:none;

  --bs-primary:#1e6fbf; --bs-primary-rgb:30,111,191;
  --bs-link-color:#1e6fbf; --bs-link-color-rgb:30,111,191;
  --bs-link-hover-color:#17579a; --bs-link-hover-color-rgb:23,87,154;
  --bs-body-font-family:Arial, Helvetica, sans-serif;
  --bs-body-color:#1c2430; --bs-body-bg:#ffffff; --bs-border-radius:8px;
}

/* ============================================================
   02  BASIS & TYPOGRAFIE
   ============================================================ */
html{scroll-behavior:smooth;scroll-padding-top:110px;}
body{
  margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.6;color:var(--ink);
  background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  display:flex;flex-direction:column;min-height:100vh;
}
main{flex:1 0 auto;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4{font-family:var(--font);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--navy);margin:0 0 .6em;}
h1,.h1{font-size:clamp(2.1rem,4.4vw,3rem);}
h2,.h2{font-size:clamp(1.65rem,3vw,2.25rem);}
h3,.h3{font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.25;}
h4,.h4{font-size:1.1rem;line-height:1.3;}
p{margin:0 0 1rem;}
a{color:var(--blue);text-decoration:none;transition:color .15s var(--ease);}
a:hover{color:var(--blue-deep);text-decoration:underline;}
img,svg,video{max-width:100%;height:auto;}
strong,b{font-weight:700;}
hr{border:0;border-top:1px solid var(--rule);opacity:1;margin:2rem 0;}
::selection{background:var(--orange-soft);color:var(--navy);}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:4px;}
.c-num,.tabular{font-variant-numeric:tabular-nums;}
.c-muted{color:var(--mute);}
.c-small{font-size:.9rem;}
.c-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.6;color:var(--ink-2);}
.c-nowrap{white-space:nowrap;}
.c-mt-1{margin-top:1rem;} .c-mt-2{margin-top:2rem;} .c-mb-0{margin-bottom:0;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:3000;background:var(--navy);color:#fff;padding:.7rem 1.1rem;font-weight:700;border-radius:0 0 var(--r) 0;}
.skip-link:focus{left:0;color:#fff;}
.c-check-list{list-style:none;padding:0;margin:0;}
.c-check-list li{position:relative;padding-left:1.9rem;margin-bottom:.55rem;}
.c-check-list li::before{content:"";position:absolute;left:0;top:.32em;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--ok-soft);}
.c-check-list li::after{content:"";position:absolute;left:.36rem;top:.42em;width:.42rem;height:.7rem;border:solid var(--ok);border-width:0 2.5px 2.5px 0;transform:rotate(42deg);}
.c-check-list--light li::before{background:rgba(255,255,255,.14);}
.c-check-list--light li::after{border-color:var(--orange);}
.c-icon-list{list-style:none;padding:0;margin:0;}
.c-icon-list li{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.8rem;}
.c-icon-list .bi{color:var(--blue);font-size:1.25rem;line-height:1.3;flex-shrink:0;}

/* ============================================================
   03  BUTTONS
   ============================================================ */
.c-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.85rem 1.5rem;border-radius:var(--r);border:2px solid transparent;
  font-family:var(--font);font-weight:700;font-size:1rem;line-height:1.2;
  cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease);
}
.c-btn:hover{text-decoration:none;}
.c-btn:active{transform:translateY(1px);}
.c-btn--orange{background:var(--orange);color:var(--navy);border-color:var(--orange);}
.c-btn--orange:hover,.c-btn--orange:focus{background:var(--orange-deep);border-color:var(--orange-deep);color:var(--navy);}
.c-btn--blue{background:var(--blue);color:#fff;border-color:var(--blue);}
.c-btn--blue:hover,.c-btn--blue:focus{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff;}
.c-btn--outline{background:transparent;color:var(--blue);border-color:var(--blue);}
.c-btn--outline:hover,.c-btn--outline:focus{background:var(--sky);color:var(--blue-deep);}
.c-btn--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.c-btn--outline-light:hover,.c-btn--outline-light:focus{background:rgba(255,255,255,.1);color:#fff;border-color:#fff;}
.c-btn--white{background:#fff;color:var(--navy);border-color:#fff;}
.c-btn--white:hover{background:var(--sky);color:var(--navy);}
.c-btn--lg{padding:1rem 1.9rem;font-size:1.1rem;}
.c-btn--sm{padding:.5rem 1rem;font-size:.92rem;}
.c-btn--block{display:flex;width:100%;}
.c-btn[disabled],.c-btn.is-disabled{opacity:.55;pointer-events:none;}
.c-link-more{font-weight:700;}
.c-link-more{white-space:nowrap;}
.c-link-more .bi{font-size:.9em;margin-left:.2rem;}

/* ============================================================
   04  TOP-BAR, HEADER, NAVIGATION
   ============================================================ */
.c-topbar{background:var(--navy);color:rgba(255,255,255,.88);font-size:.86rem;}
.c-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:36px;}
.c-topbar__group{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;}
.c-topbar__item{display:inline-flex;align-items:center;gap:.4rem;color:inherit;white-space:nowrap;}
.c-topbar__item .bi{color:var(--orange);}
.c-topbar__item:hover{color:#fff;text-decoration:none;}
.c-header{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--rule);}
.c-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:74px;}
.c-brand{display:inline-flex;align-items:center;flex-shrink:0;}
.c-brand img,.c-brand svg{height:44px;width:auto;display:block;}
.c-nav{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0;}
.c-nav a{display:block;padding:.6rem .8rem;color:var(--ink);font-weight:700;font-size:.98rem;border-radius:var(--r-sm);}
.c-nav a:hover{color:var(--blue);background:var(--sky);text-decoration:none;}
.c-nav a.is-active{color:var(--blue);box-shadow:inset 0 -3px 0 var(--orange);border-radius:0;}
.c-header__cta{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.c-header__phone{display:inline-flex;align-items:center;gap:.4rem;color:var(--navy);font-weight:700;padding:.5rem .6rem;}
.c-header__phone .bi{color:var(--blue);}
.c-header__phone:hover{text-decoration:none;color:var(--blue);}
.c-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rule);background:#fff;border-radius:var(--r-sm);cursor:pointer;padding:0;}
.c-burger span{display:block;width:20px;height:2px;background:var(--navy);margin:3px 0;transition:transform .2s var(--ease),opacity .2s var(--ease);}
.c-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg);}
.c-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.c-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
.c-navwrap{display:flex;align-items:center;gap:1.5rem;flex:1 1 auto;justify-content:flex-end;}

/* ============================================================
   05  HERO + RECHNER-KARTE
   ============================================================ */
.c-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;}
.c-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 85% 20%,rgba(43,127,208,.28) 0%,rgba(21,42,70,0) 60%);pointer-events:none;}
.c-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem;align-items:center;padding:3.25rem 0 3.5rem;}
.c-hero__title{color:#fff;font-size:clamp(2rem,4.2vw,2.9rem);margin-bottom:1rem;}
.c-hero__lead{color:rgba(255,255,255,.86);font-size:clamp(1.02rem,1.4vw,1.15rem);max-width:56ch;margin-bottom:1.25rem;}
.c-hero__usps{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;color:rgba(255,255,255,.92);font-size:.98rem;}
.c-hero__usps li{display:inline-flex;align-items:center;gap:.45rem;}
.c-hero__usps .bi{color:var(--orange);}
.c-hero__media{position:relative;align-self:stretch;min-height:380px;}
.c-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--r-lg);display:block;}
.c-hero__media::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none;}
.c-pricechip{position:absolute;left:1rem;bottom:1rem;background:#fff;color:var(--navy);border-radius:var(--r);padding:.7rem 1rem .6rem;box-shadow:var(--shadow-card);min-width:200px;}
.c-pricechip__label{display:block;font-size:.78rem;color:var(--mute);margin-bottom:.1rem;}
.c-pricechip__val{display:block;font-size:1.6rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;}
.c-pricechip__val small{font-size:.8rem;font-weight:400;color:var(--mute);}
.c-pricechip__meta{display:block;font-size:.74rem;color:var(--mute);margin-top:.15rem;}

.c-calc{background:#fff;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:1.4rem 1.5rem 1.25rem;border-top:5px solid var(--orange);}
.c-calc__title{font-size:1.15rem;margin:0 0 .25rem;color:var(--navy);}
.c-calc__sub{font-size:.9rem;color:var(--mute);margin:0 0 1rem;}
.c-calc__form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem;align-items:end;}
.c-calc__submit{grid-column:1 / -1;}
.c-calc .form-label{font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:.3rem;display:block;}
.c-calc .field-icon{position:relative;}
.c-calc .field-icon .bi{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--blue);font-size:1.05rem;pointer-events:none;}
.c-calc .form-control{width:100%;height:52px;padding:.5rem .9rem .5rem 2.5rem;border:2px solid var(--rule-2);border-radius:var(--r);font-family:var(--font);font-size:1.1rem;font-weight:700;color:var(--navy);background:#fff;box-shadow:none;transition:border-color .15s var(--ease);font-variant-numeric:tabular-nums;}
.c-calc .form-control::placeholder{color:#9aa8b8;font-weight:400;}
.c-calc .form-control:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 4px rgba(30,111,191,.15);}
.c-calc .form-control.is-invalid{border-color:var(--warn);}
.c-calc .invalid-feedback{display:none;font-size:.82rem;color:var(--warn);margin-top:.3rem;}
.c-calc .was-validated .form-control:invalid ~ .invalid-feedback,.c-calc .form-control.is-invalid ~ .invalid-feedback{display:block;}
.c-calc input[type=number]{-moz-appearance:textfield;}
.c-calc input[type=number]::-webkit-outer-spin-button,.c-calc input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.c-calc__chips{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.9rem;font-size:.85rem;color:var(--mute);}
.liter-chip{border:1px solid var(--rule-2);background:#fff;color:var(--navy);border-radius:999px;padding:.3rem .75rem;font-family:var(--font);font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color .15s var(--ease),border-color .15s var(--ease);}
.liter-chip:hover,.liter-chip.is-active{background:var(--sky);border-color:var(--blue);color:var(--blue-deep);}
.c-calc__note{font-size:.82rem;color:var(--mute);margin:.9rem 0 0;line-height:1.45;}
.c-calc__secure{display:flex;flex-wrap:wrap;gap:.35rem 1rem;list-style:none;padding:0;margin:.8rem 0 0;font-size:.82rem;color:var(--ink-2);}
.c-calc__secure li{display:inline-flex;align-items:center;gap:.35rem;}
.c-calc__secure .bi{color:var(--ok);}

/* ============================================================
   06  TRUST-LEISTE, PREISTAFEL
   ============================================================ */
.c-trust{background:#fff;border-bottom:1px solid var(--rule);}
.c-trust__inner{display:flex;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding:.9rem 0;}
.c-trust__item{display:inline-flex;align-items:center;gap:.55rem;font-size:.92rem;font-weight:700;color:var(--navy);}
.c-trust__item .bi{color:var(--blue);font-size:1.25rem;}

.c-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:#fff;}
.c-board__price{padding:2rem 2rem 1.75rem;background:var(--paper-c);border-right:1px solid var(--rule);}
.c-board__label{font-size:.95rem;font-weight:700;color:var(--navy);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;}
.c-board__label::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft);}
.c-board__num{font-size:clamp(3rem,6vw,4.4rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--navy);font-variant-numeric:tabular-nums;margin:0;}
.c-board__num small{font-size:.32em;font-weight:700;letter-spacing:0;color:var(--mute);margin-left:.2rem;}
.c-board__per{font-size:1rem;color:var(--ink-2);margin:.5rem 0 1rem;}
.c-board__per strong{color:var(--navy);font-variant-numeric:tabular-nums;}
.c-board__meta{font-size:.84rem;color:var(--mute);margin:0;}
.c-board__meta .bi{margin-right:.25rem;}
.c-board__detail{padding:2rem 2rem 1.75rem;}
.c-board__detail h3{margin-bottom:.75rem;}
.c-board__rows{list-style:none;padding:0;margin:0 0 1.25rem;}
.c-board__rows li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed var(--rule-2);font-size:.95rem;}
.c-board__rows li:last-child{border-bottom:0;}
.c-board__rows strong{font-variant-numeric:tabular-nums;white-space:nowrap;}
.c-board__actions{display:flex;flex-wrap:wrap;gap:.6rem;}
.c-board__rule{height:5px;background:var(--orange);}

/* ============================================================
   07  SEKTIONEN, KOEPFE, RASTER
   ============================================================ */
.c-section{padding:clamp(3rem,6vw,4.75rem) 0;}
.c-section--tight{padding:clamp(2rem,4vw,3rem) 0;}
.c-section--tint{background:var(--paper-c);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.c-section--sky{background:var(--sky);}
.c-section--navy{background:var(--navy);color:#fff;}
.c-section--navy h2,.c-section--navy h3{color:#fff;}
.c-section--navy a{color:#fff;text-decoration:underline;}
.c-section--navy .c-lead,.c-section--navy .c-muted{color:rgba(255,255,255,.8);}
.c-head{max-width:760px;margin-bottom:clamp(1.75rem,3.5vw,2.5rem);}
.c-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.c-head h2{margin-bottom:.5rem;}
.c-head p{margin:0;color:var(--ink-2);font-size:1.05rem;}
.c-head--line h2{position:relative;padding-bottom:.75rem;}
.c-head--line h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;background:var(--orange);border-radius:2px;}
.c-head--center.c-head--line h2::after{left:50%;transform:translateX(-50%);}
.c-grid{display:grid;gap:1.5rem;}
.c-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.c-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.c-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.c-section__foot{margin-top:2rem;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;}

/* ============================================================
   08  KOMPONENTEN
   ============================================================ */
/* Schritte (echte Reihenfolge -> Nummern) */
.c-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:#fff;}
.c-step{padding:1.6rem 1.4rem 1.5rem;border-right:1px solid var(--rule);position:relative;}
.c-step:last-child{border-right:0;}
.c-step__num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--orange);color:var(--navy);font-weight:700;font-size:1.05rem;margin-bottom:.9rem;font-variant-numeric:tabular-nums;}
.c-step h3{font-size:1.1rem;margin-bottom:.4rem;}
.c-step p{margin:0;font-size:.95rem;color:var(--ink-2);}
.c-step__hint{display:block;margin-top:.6rem;font-size:.84rem;color:var(--blue);font-weight:700;}

/* Vergleichstabelle Sorten */
.c-compare{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:#fff;font-size:.97rem;}
.c-compare th,.c-compare td{padding:.85rem 1.1rem;border-bottom:1px solid var(--rule);vertical-align:top;text-align:left;}
.c-compare thead th{background:var(--navy);color:#fff;font-weight:700;border-bottom:0;}
.c-compare thead th:first-child{background:var(--navy);}
.c-compare tbody tr:last-child td{border-bottom:0;}
.c-compare tbody th{font-weight:700;color:var(--navy);background:var(--paper-c);width:30%;}
.c-compare .c-compare__price{font-size:1.5rem;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.1;}
.c-compare .c-compare__price small{font-size:.8rem;font-weight:400;color:var(--mute);}
.c-compare .bi-check-lg{color:var(--ok);}
.c-compare .bi-dash{color:var(--mute);}
.c-compare .c-tag{display:inline-block;background:var(--orange);color:var(--navy);font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;margin-left:.4rem;vertical-align:middle;}
.c-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* Fakten / Vorteile */
.c-fact{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;}
.c-fact__icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--r);background:var(--sky);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:1.45rem;}
.c-fact h3{font-size:1.08rem;margin-bottom:.35rem;}
.c-fact p{margin:0;font-size:.95rem;color:var(--ink-2);}
.c-section--navy .c-fact{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);}
.c-section--navy .c-fact__icon{background:rgba(255,255,255,.1);color:var(--orange);}
.c-section--navy .c-fact p{color:rgba(255,255,255,.82);}

/* Split: Bild + Text */
.c-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:center;}
.c-split--rev .c-split__media{order:2;}
.c-split__media img{width:100%;height:auto;border-radius:var(--r-lg);display:block;border:1px solid var(--rule);}
.c-split__media figcaption{font-size:.82rem;color:var(--mute);margin-top:.5rem;}
.c-split__body h2{margin-bottom:.75rem;}
.c-split__body .c-check-list{margin:1rem 0 1.5rem;}

/* Teaser (Ratgeber) */
.c-teaser{display:flex;flex-direction:column;height:100%;padding:1.4rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;color:var(--ink);transition:border-color .15s var(--ease);}
.c-teaser:hover{border-color:var(--blue);text-decoration:none;color:var(--ink);}
.c-teaser__kicker{font-size:.82rem;color:var(--blue);font-weight:700;margin-bottom:.5rem;display:inline-flex;align-items:center;gap:.4rem;}
.c-teaser h3{font-size:1.1rem;margin-bottom:.4rem;}
.c-teaser p{font-size:.93rem;color:var(--ink-2);margin:0 0 .9rem;flex:1 1 auto;}
.c-teaser__more{font-weight:700;color:var(--blue);font-size:.92rem;}
.c-teaser--featured{grid-column:span 2;background:var(--navy);color:#fff;border-color:var(--navy);}
.c-teaser--featured h3{color:#fff;font-size:1.4rem;}
.c-teaser--featured p{color:rgba(255,255,255,.82);}
.c-teaser--featured .c-teaser__kicker,.c-teaser--featured .c-teaser__more{color:var(--orange);}
.c-teaser--featured:hover{color:#fff;border-color:var(--orange);}

/* FAQ (native details) */
.c-faq{border-top:1px solid var(--rule);}
.c-faq details{border-bottom:1px solid var(--rule);}
.c-faq summary{list-style:none;cursor:pointer;padding:1rem 2.5rem 1rem 0;font-weight:700;color:var(--navy);position:relative;font-size:1.02rem;}
.c-faq summary::-webkit-details-marker{display:none;}
.c-faq summary::after{content:"";position:absolute;right:.6rem;top:50%;width:.6rem;height:.6rem;border:solid var(--blue);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform .2s var(--ease);}
.c-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg);}
.c-faq details[open] summary{color:var(--blue);}
.c-faq__body{padding:0 0 1.1rem;color:var(--ink-2);max-width:72ch;}
.c-faq__body p:last-child{margin-bottom:0;}

/* CTA-Band */
.c-cta{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:2.25rem 2.5rem;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2rem;align-items:center;}
.c-cta h2{color:#fff;margin-bottom:.4rem;}
.c-cta p{color:rgba(255,255,255,.82);margin:0;}
.c-cta__actions{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;}
.c-cta__small{font-size:.84rem;color:rgba(255,255,255,.7);text-align:center;margin:0;}

/* Hinweiskasten */
.c-callout{border-left:4px solid var(--orange);background:var(--orange-soft);padding:1rem 1.25rem;border-radius:0 var(--r) var(--r) 0;margin:1.5rem 0;}
.c-callout--blue{border-left-color:var(--blue);background:var(--sky);}
.c-callout--ok{border-left-color:var(--ok);background:var(--ok-soft);}
.c-callout p:last-child{margin-bottom:0;}
.c-callout strong{color:var(--navy);}

/* Ergaenzungen 04.11. (Wuensche der Seiten-Agenten) */
.c-steps--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.c-section--navy .c-btn{text-decoration:none;}
.c-section--navy .c-btn--orange{color:var(--navy);}
.c-form .c-consent label{font-weight:400;color:var(--ink-2);margin:0;}
.c-form .c-consent{flex-wrap:wrap;}
.c-form .c-consent .invalid-feedback{flex-basis:100%;}
.c-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231e6fbf' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.4rem;}
.c-contact-list a,.c-side a,.c-footer a{overflow-wrap:anywhere;}
.c-table-scroll{position:relative;}
@media (max-width:767.98px){
  .c-compare--stack thead{display:none;}
  .c-compare--stack,.c-compare--stack tbody,.c-compare--stack tr,.c-compare--stack td,.c-compare--stack th{display:block;width:100%;}
  .c-compare--stack tr{border-bottom:1px solid var(--rule);padding:.5rem 0;}
  .c-compare--stack tbody th{background:var(--paper-c);border-bottom:0;padding:.6rem .9rem;}
  .c-compare--stack td{border-bottom:0;padding:.35rem .9rem .35rem .9rem;}
  .c-compare--stack td[data-label]::before{content:attr(data-label) ": ";font-weight:700;color:var(--navy);}
}
.c-article .c-tile h3,.c-article .c-callout h3,.c-article .c-keyfacts h3,.c-article .c-tile h4{margin-top:0;}
.c-form .c-consent{font-weight:400;}
.c-form .c-consent.is-invalid{color:var(--warn);}
.c-form .c-consent.is-invalid input{outline:2px solid var(--warn);outline-offset:1px;}
.c-stat--text .c-stat__val{font-size:1.2rem;line-height:1.3;}
.c-btn-row{display:flex;flex-wrap:wrap;gap:.6rem;}
.c-side--navy .c-side__price{font-size:2rem;color:#fff;}
.c-cta a:not(.c-btn){color:#fff;text-decoration:underline;}
.c-cta .c-btn--orange{color:var(--navy);text-decoration:none;}
.c-ok-text{color:var(--ok)!important;}
.c-layout > *{min-width:0;}
.c-article .c-check-list,.c-article .c-toc,.c-article .c-icon-list{padding-left:0;}
.c-article .c-check-list li{padding-left:1.9rem;}
.c-tile h3,.c-tile h4,.c-callout h3,.c-keyfacts h3{margin-top:0;}
.c-form select{background-color:#fff;}
.c-toc a.is-active{color:var(--blue);font-weight:700;}
/* Preissuch-Overlay (calculator.js erzeugt das Markup; Styles fuer alle Rechner-Seiten) */
.price-search-overlay{position:fixed;inset:0;z-index:4000;background:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem;}
.price-search-box{text-align:center;max-width:26rem;}
.price-search-spinner{width:56px;height:56px;margin:0 auto 1.2rem;border-radius:50%;border:5px solid var(--sky);border-top-color:var(--orange);animation:psSpin .9s linear infinite;}
@keyframes psSpin{to{transform:rotate(360deg);}}
.price-search-title{font-size:1.35rem;font-weight:700;color:var(--navy);margin:0 0 .25rem;}
.price-search-sub{color:var(--mute);margin:0 0 .3rem;}
.price-search-hint{font-size:.82rem;color:var(--mute);margin:0 0 1rem;}
.price-search-checks{list-style:none;margin:0;padding:0;text-align:left;display:inline-block;}
.price-search-checks li{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;color:var(--mute);opacity:.45;transition:opacity .4s,color .4s;}
.price-search-checks li i{color:var(--rule-2);transition:color .4s;}
.price-search-checks li.is-done{opacity:1;color:var(--navy);}
.price-search-checks li.is-done i{color:var(--ok);}
@media (prefers-reduced-motion:reduce){.price-search-spinner{animation:none;border-top-color:var(--orange);}}
/* Kennzahlen-Zeile */
.c-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.c-stat{padding:1.25rem 1.4rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;}
.c-stat__val{font-size:2rem;font-weight:700;color:var(--navy);line-height:1.1;font-variant-numeric:tabular-nums;}
.c-stat__label{font-size:.9rem;color:var(--mute);margin-top:.25rem;}

/* ============================================================
   09  UNTERSEITEN
   ============================================================ */
.c-pagehead{background:var(--navy);color:#fff;padding:2.25rem 0 2.5rem;position:relative;overflow:hidden;}
.c-pagehead::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 90% 0%,rgba(43,127,208,.3) 0%,rgba(21,42,70,0) 60%);pointer-events:none;}
.c-pagehead .container{position:relative;}
.c-pagehead h1{color:#fff;margin:.5rem 0 .6rem;max-width:22ch;}
.c-pagehead__lead{color:rgba(255,255,255,.86);font-size:1.08rem;max-width:62ch;margin:0;}
.c-pagehead__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.1rem;font-size:.88rem;color:rgba(255,255,255,.75);}
.c-pagehead__meta .bi{color:var(--orange);margin-right:.3rem;}
.c-pagehead--light{background:var(--paper-c);color:var(--ink);border-bottom:1px solid var(--rule);}
.c-pagehead--light::before{display:none;}
.c-pagehead--light h1{color:var(--navy);}
.c-pagehead--light .c-pagehead__lead{color:var(--ink-2);}
.c-pagehead--light .c-pagehead__meta{color:var(--mute);}
.c-pagehead--light .c-pagehead__meta .bi{color:var(--blue);}

.c-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;align-items:start;}
.c-layout--narrow{grid-template-columns:minmax(0,1fr) 300px;}
.c-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.25rem;}
.c-side{border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;padding:1.25rem 1.3rem;}
.c-side h3{font-size:1rem;margin-bottom:.7rem;}
.c-side--navy{background:var(--navy);color:#fff;border-color:var(--navy);}
.c-side--navy h3{color:#fff;}
.c-side--navy p{color:rgba(255,255,255,.82);font-size:.92rem;}
.c-side__price{font-size:2rem;font-weight:700;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums;margin:.2rem 0 .1rem;}
.c-side__price small{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.7);}
.c-toc{list-style:none;padding:0;margin:0;font-size:.92rem;}
.c-toc li{border-top:1px solid var(--rule);}
.c-toc li:first-child{border-top:0;}
.c-toc a{display:block;padding:.45rem 0;color:var(--ink);}
.c-toc a:hover{color:var(--blue);text-decoration:none;}
.c-side ul.c-links{list-style:none;padding:0;margin:0;font-size:.93rem;}
.c-side ul.c-links li{padding:.3rem 0;}

.c-article{max-width:76ch;}
.c-article h2{font-size:clamp(1.45rem,2.4vw,1.85rem);margin:2.25rem 0 .75rem;padding-top:.25rem;}
.c-article h2:first-child{margin-top:0;}
.c-article h3{font-size:1.2rem;margin:1.6rem 0 .5rem;}
.c-article p,.c-article li{color:var(--ink);}
.c-article ul,.c-article ol{padding-left:1.3rem;margin-bottom:1.1rem;}
.c-article li{margin-bottom:.35rem;}
.c-article img{border-radius:var(--r-lg);border:1px solid var(--rule);margin:.5rem 0 1.25rem;}
.c-article figure{margin:1.25rem 0;}
.c-article figcaption{font-size:.84rem;color:var(--mute);}
.c-article table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.95rem;background:#fff;}
.c-article th,.c-article td{padding:.65rem .8rem;border:1px solid var(--rule);text-align:left;vertical-align:top;}
.c-article thead th{background:var(--navy);color:#fff;border-color:var(--navy);}
.c-article tbody th{background:var(--paper-c);font-weight:700;color:var(--navy);}
.c-article .c-note{font-size:.86rem;color:var(--mute);}
.c-article--legal h2{font-size:1.35rem;}
.c-article--legal h3{font-size:1.08rem;}
.c-article--legal{font-size:1rem;}
.c-clause{padding:1.4rem 1.5rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;margin-bottom:1.1rem;}
.c-clause h2{margin-top:0;font-size:1.25rem;}
.c-clause h2:first-child{margin-top:0;}
.c-clause :last-child{margin-bottom:0;}
.c-meta{font-size:.88rem;color:var(--mute);display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin-bottom:1.25rem;}
.c-meta .bi{margin-right:.3rem;color:var(--blue);}
.c-keyfacts{border:1px solid var(--rule);border-left:4px solid var(--orange);border-radius:0 var(--r-lg) var(--r-lg) 0;padding:1.1rem 1.3rem;background:#fff;margin:0 0 1.75rem;}
.c-keyfacts h2,.c-keyfacts h3{font-size:1rem;margin:0 0 .5rem;}
.c-keyfacts ul{margin:0;padding-left:1.2rem;font-size:.95rem;}
.c-keyfacts li{margin-bottom:.25rem;}
.c-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 1.5rem;}
.c-tile{border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.1rem;background:#fff;}
.c-tile h3,.c-tile h4{font-size:1rem;margin-bottom:.3rem;}
.c-tile p{margin:0;font-size:.92rem;color:var(--ink-2);}
.c-address{background:var(--paper-c);border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.2rem;font-style:normal;line-height:1.55;}
.c-address strong{color:var(--navy);}
.c-chips{display:flex;flex-wrap:wrap;gap:.5rem;}
.c-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid var(--rule-2);border-radius:999px;background:#fff;font-size:.88rem;font-weight:700;color:var(--navy);}
.c-chip:hover{border-color:var(--blue);color:var(--blue);text-decoration:none;}
.c-chip .bi{color:var(--blue);}
.c-pagehead .c-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff;}
.c-pagehead .c-chip .bi{color:var(--orange);}
.c-pagehead .c-chip:hover{border-color:#fff;color:#fff;}

/* Regionen-Listen (Footer + Regionenseite) */
.c-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem;}
.c-regions__list{list-style:none;padding:0;margin:0;columns:3;column-gap:1.5rem;font-size:.9rem;}
.c-regions__list li{break-inside:avoid;padding:.2rem 0;}

/* ============================================================
   10  FORMULARE
   ============================================================ */
.c-form{display:grid;gap:1rem;}
.c-form .c-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.c-form label{display:block;font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:.3rem;}
.c-form .form-control,.c-form input[type=text],.c-form input[type=email],.c-form input[type=tel],.c-form textarea,.c-form select{width:100%;padding:.75rem .9rem;border:2px solid var(--rule-2);border-radius:var(--r);font-family:var(--font);font-size:1rem;color:var(--ink);background:#fff;transition:border-color .15s var(--ease);}
.c-form .form-control:focus,.c-form input:focus,.c-form textarea:focus,.c-form select:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 4px rgba(30,111,191,.15);}
.c-form textarea{min-height:140px;resize:vertical;}
.c-form .c-help{font-size:.84rem;color:var(--mute);margin-top:.3rem;}
.c-form .c-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--ink-2);}
.c-form .c-consent input{margin-top:.25rem;width:18px;height:18px;flex-shrink:0;accent-color:var(--blue);}
.c-form .invalid-feedback{display:none;font-size:.84rem;color:var(--warn);margin-top:.3rem;}
.c-form .was-validated :invalid ~ .invalid-feedback,.c-form .is-invalid ~ .invalid-feedback{display:block;}
.c-form .was-validated :invalid,.c-form .is-invalid{border-color:var(--warn);}
.c-alert{padding:1rem 1.2rem;border-radius:var(--r);border:1px solid;font-size:.95rem;margin-bottom:1.25rem;}
.c-alert--ok{background:var(--ok-soft);border-color:#b9e3c7;color:#14532d;}
.c-alert--err{background:var(--warn-soft);border-color:#f1c2bb;color:#7a1f14;}
.c-contact-list{list-style:none;padding:0;margin:0;}
.c-contact-list li{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;border-top:1px solid var(--rule);}
.c-contact-list li:first-child{border-top:0;padding-top:0;}
.c-contact-list .bi{flex-shrink:0;width:40px;height:40px;border-radius:var(--r);background:var(--sky);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;}
.c-contact-list strong{display:block;color:var(--navy);}
.c-contact-list a{font-weight:700;}

/* ============================================================
   11  FOOTER
   ============================================================ */
.c-footer{background:var(--navy);color:rgba(255,255,255,.82);margin-top:auto;}
.c-footer a{color:rgba(255,255,255,.86);}
.c-footer a:hover{color:#fff;text-decoration:underline;}
.c-footer__top{padding:3rem 0 2rem;border-bottom:1px solid rgba(255,255,255,.12);}
.c-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;}
.c-footer__brand img{height:40px;width:auto;margin-bottom:1rem;}
.c-footer__brand p{font-size:.93rem;max-width:36ch;}
.c-footer h3{color:#fff;font-size:.98rem;margin-bottom:.8rem;letter-spacing:0;}
.c-footer ul{list-style:none;padding:0;margin:0;font-size:.93rem;}
.c-footer li{padding:.22rem 0;}
.c-footer__contact li{display:flex;gap:.6rem;align-items:flex-start;}
.c-footer__contact .bi{color:var(--orange);margin-top:.15rem;}
.c-footer__regions{padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.12);}
.c-footer__regions .c-regions__list{font-size:.86rem;columns:4;}
.c-footer__regions h3{font-size:.92rem;}
.c-footer__badges{display:flex;flex-wrap:wrap;gap:.5rem .9rem;padding:1.25rem 0;font-size:.84rem;}
.c-footer__badges span{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;}
.c-footer__badges .bi{color:var(--orange);}
.c-footer__bottom{padding:1rem 0 1.5rem;font-size:.82rem;color:rgba(255,255,255,.62);}
.c-footer__bottom p{margin:0 0 .3rem;}
.c-footer .btn-link-plain{background:none;border:0;padding:0;color:rgba(255,255,255,.86);font:inherit;cursor:pointer;}
.c-footer .btn-link-plain:hover{color:#fff;text-decoration:underline;}
.c-footer__widerruf{display:inline-block;margin-top:.3rem;padding:.35rem .7rem;border:1.5px solid rgba(255,255,255,.5);border-radius:var(--r-sm);font-weight:700;}

/* ============================================================
   12  COOKIE-BANNER, SCROLL-TO-TOP, BREADCRUMBS
   ============================================================ */
.cookie-consent{position:fixed;left:1rem;bottom:1rem;z-index:1080;max-width:400px;background:#fff;border:1px solid var(--rule);border-top:4px solid var(--orange);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom,0px));color:var(--ink);}
.cookie-consent__inner{display:flex;flex-direction:column;gap:.6rem;}
.cookie-consent p{margin:0;font-size:.84rem;line-height:1.45;}
.cookie-consent__link{font-weight:700;}
.cookie-consent__actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.cookie-consent .btn-heiz,.cookie-consent .btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:var(--r-sm);font-family:var(--font);font-weight:700;font-size:.88rem;border:2px solid transparent;cursor:pointer;background-image:none;box-shadow:none;transform:none;}
.cookie-consent .btn-heiz{background:var(--navy);color:#fff;border-color:var(--navy);}
.cookie-consent .btn-heiz:hover{background:var(--navy-soft);border-color:var(--navy-soft);color:#fff;transform:none;box-shadow:none;}
.cookie-consent .btn-ghost{background:#fff;color:var(--navy);border-color:var(--rule-2);}
.cookie-consent .btn-ghost:hover{background:var(--sky);color:var(--navy);transform:none;}
.scroll-top-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1040;width:46px;height:46px;border-radius:50%;border:0;background:var(--navy);background-image:none;color:#fff;font-size:1.1rem;display:none;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(21,42,70,.3);cursor:pointer;padding:0;}
.scroll-top-btn:hover{background:var(--blue);transform:none;}
.c-crumbs{font-size:.86rem;color:rgba(255,255,255,.75);}
.c-crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.25rem;}
.c-crumbs li+li::before{content:"/";margin:0 .45rem;opacity:.5;}
.c-crumbs a{color:inherit;}
.c-crumbs a:hover{color:#fff;}
.c-crumbs [aria-current]{color:#fff;font-weight:700;}
.c-pagehead--light .c-crumbs{color:var(--mute);}
.c-pagehead--light .c-crumbs [aria-current]{color:var(--navy);}
.c-pagehead--light .c-crumbs a:hover{color:var(--blue);}
/* Breadcrumbs-Partial includes/breadcrumbs.php: nav.breadcrumbs > .container > ol */
.breadcrumbs{font-size:.86rem;color:rgba(255,255,255,.75);margin:0 0 .35rem;}
.breadcrumbs .container{padding:0;max-width:none;}
.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.25rem;}
.breadcrumbs li+li::before{content:"/";margin:0 .45rem;opacity:.5;}
.breadcrumbs a{color:inherit;}
.breadcrumbs a:hover{color:#fff;}
.breadcrumbs [aria-current]{color:#fff;font-weight:700;}
.c-pagehead--light .breadcrumbs,.is-funnel .breadcrumbs{color:var(--mute);}
.c-pagehead--light .breadcrumbs [aria-current],.is-funnel .breadcrumbs [aria-current]{color:var(--navy);}
.c-pagehead--light .breadcrumbs a:hover,.is-funnel .breadcrumbs a:hover{color:var(--blue);}
.is-funnel .breadcrumbs{padding:.75rem 0 0;}
.is-funnel .breadcrumbs .container{padding:0 12px;max-width:var(--maxw);}
.is-funnel .hero-heiz .breadcrumbs{color:rgba(255,255,255,.78);padding:0;margin-bottom:.5rem;}
.is-funnel .hero-heiz .breadcrumbs .container{padding:0;max-width:none;}
.is-funnel .hero-heiz .breadcrumbs a{color:rgba(255,255,255,.78);}
.is-funnel .hero-heiz .breadcrumbs a:hover{color:#fff;}
.is-funnel .hero-heiz .breadcrumbs [aria-current]{color:#fff;}
@media (max-width:575.98px){.is-checkout .c-header__phone span{display:none;}}
/* Preisrechner-Hero (Barry 04.11.): Tankwagen tiefer im Bild, mehr Luft unter dem Text */
@media (min-width:992px){
  .is-funnel .hero-sub.hero-home{min-height:clamp(480px,calc(72svh - 180px),620px);}
  .is-funnel .hero-sub .hero-titelbild img.hero-bild-haupt{object-position:left 62%;}
}
@media (max-width:991.98px){
  .is-funnel .hero-sub.hero-home .hero-titelbild{background:var(--navy)!important;}
  .is-funnel .hero-sub.hero-home .hero-home__pad{min-height:650px!important;}
  .is-funnel .hero-sub.hero-home .hero-titelbild img.hero-bild-haupt{width:100%!important;height:auto!important;bottom:0!important;top:auto!important;object-fit:fill!important;object-position:center!important;}
  .is-funnel .hero-sub.hero-home .hero-titelbild::after{background:linear-gradient(180deg,rgba(21,42,70,1) 0%,rgba(21,42,70,.96) 26%,rgba(21,42,70,.45) 40%,rgba(21,42,70,0) 52%)!important;}
}
@media (max-width:374.98px){
  .is-funnel .hero-sub.hero-home .hero-home__pad{min-height:680px!important;}
}
@media (min-width:600px) and (max-width:991.98px){
  .is-funnel .hero-sub.hero-home .hero-home__pad{min-height:620px!important;}
  .is-funnel .hero-sub.hero-home .hero-titelbild img.hero-bild-haupt{height:440px!important;object-fit:cover!important;object-position:center 60%!important;}
}
}
/* Breadcrumbs-Partial (altes Markup) */
.breadcrumbs-heiz,.breadcrumb-heiz{font-size:.86rem;color:rgba(255,255,255,.75);margin:0 0 .25rem;}
.breadcrumbs-heiz ol,.breadcrumb-heiz ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.25rem;}
.breadcrumbs-heiz li+li::before,.breadcrumb-heiz li+li::before{content:"/";margin:0 .45rem;opacity:.5;}
.breadcrumbs-heiz a,.breadcrumb-heiz a{color:inherit;}
.breadcrumbs-heiz [aria-current],.breadcrumb-heiz [aria-current]{color:#fff;font-weight:700;}

/* ============================================================
   13  FUNNEL-UEBERSCHREIBUNGEN (rechner / bestellen / danke)
   heizoel.css wird dort weiter geladen; hier nur Farben + Header-Abstand.
   ============================================================ */
body.is-funnel{background:#fff;}
.btn-heiz-amber{background-color:var(--orange)!important;background-image:none!important;color:var(--navy)!important;box-shadow:var(--shadow-amber)!important;}
.btn-heiz-amber:hover,.btn-heiz-amber:focus{background-color:var(--orange-deep)!important;color:var(--navy)!important;}
.btn-heiz{background-image:none!important;background-color:var(--blue)!important;color:#fff!important;box-shadow:var(--shadow-blue)!important;}
.btn-heiz:hover,.btn-heiz:focus{background-color:var(--blue-deep)!important;color:#fff!important;}
.btn-ghost{color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);}
.btn-ghost:hover{color:var(--blue-deep);background:var(--sky);}
.hero-heiz{background:var(--navy);}
.eyebrow{color:var(--blue);} .eyebrow::before{background:var(--orange);}
.section--dark .eyebrow,.hero-heiz .eyebrow{color:var(--orange);}
.mark-heiz{background:linear-gradient(180deg,transparent 55%,var(--orange-soft) 55%);}
.icon-blob{background:var(--sky);color:var(--blue);}
.icon-blob--amber{background:var(--orange-soft);color:var(--orange-deep);}
.product-selection-card.selected{border-color:var(--blue);}
.product-selection-card.selected::after{background-image:none;background-color:var(--orange);color:var(--navy);}
.payment-method-option.selected,.delivery-method-option.selected,
.payment-method-option:has(input:checked),.delivery-method-option:has(input:checked){border-color:var(--blue);background:var(--sky);}
.live-dot{background:var(--ok);}
.wave-div{display:none!important;}
.top-bar,.main-header{display:none;} /* altes Header-Markup, falls noch irgendwo */

/* ============================================================
   14  RESPONSIVE, REDUCED MOTION, DRUCK
   ============================================================ */
@media (max-width:1199.98px){
  .c-nav a{padding:.55rem .6rem;font-size:.93rem;}
  .c-header__phone span{display:none;}
  .c-footer__regions .c-regions__list{columns:3;}
}
@media (max-width:991.98px){
  .c-burger{display:inline-flex;}
  .c-layout,.c-layout--narrow{grid-template-columns:minmax(0,1fr);}
  .c-navwrap{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--rule);box-shadow:0 14px 30px rgba(21,42,70,.12);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1rem 1rem;display:none;}
  .c-navwrap.is-open{display:flex;}
  .c-nav{flex-direction:column;align-items:stretch;gap:0;}
  .c-nav a{padding:.8rem .5rem;border-bottom:1px solid var(--rule);border-radius:0;font-size:1.02rem;}
  .c-nav a.is-active{box-shadow:inset 4px 0 0 var(--orange);padding-left:.9rem;}
  .c-header__cta{margin-top:.9rem;flex-direction:column;align-items:stretch;}
  .c-header__phone span{display:inline;}
  .c-hero__grid{grid-template-columns:1fr;gap:2rem;padding:2.25rem 0 2.5rem;}
  .c-hero__media{min-height:260px;}
  .c-board{grid-template-columns:1fr;}
  .c-board__price{border-right:0;border-bottom:1px solid var(--rule);}
  .c-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .c-step:nth-child(2){border-right:0;}
  .c-step:nth-child(-n+2){border-bottom:1px solid var(--rule);}
  .c-grid--3,.c-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .c-split{grid-template-columns:1fr;gap:1.75rem;}
  .c-split--rev .c-split__media{order:0;}
  .c-layout,.c-layout--narrow{grid-template-columns:1fr;gap:2rem;}
  .c-sidebar{position:static;}
  .c-cta{grid-template-columns:1fr;padding:1.75rem;}
  .c-footer__grid{grid-template-columns:1fr 1fr;}
  .c-footer__regions .c-regions__list{columns:2;}
  .c-regions{grid-template-columns:1fr;}
  .c-regions__list{columns:2;}
}
@media (max-width:767.98px){
  body{font-size:1rem;}
  .c-topbar__inner{justify-content:center;}
  .c-topbar__group--right{display:none;}
  .c-header__inner{min-height:64px;}
  .c-brand img,.c-brand svg{height:36px;}
  .c-hero__grid{padding:1.5rem 0 2rem;}
  .c-hero__title{font-size:1.9rem;margin-bottom:.6rem;}
  .c-hero__lead{display:none;}
  .c-hero__usps{gap:.4rem .9rem;font-size:.9rem;margin-bottom:1.1rem;}
  .c-calc{padding:1.1rem 1rem 1rem;}
  .c-calc__form{grid-template-columns:1fr;}
  .c-hero__media{min-height:0;height:220px;}
  .c-pricechip{min-width:0;left:auto;right:.75rem;bottom:.75rem;padding:.5rem .8rem;}
  .c-pricechip__val{font-size:1.3rem;}
  .c-trust__inner{justify-content:flex-start;gap:.6rem 1.2rem;}
  .c-trust__item{font-size:.85rem;}
  .c-board__price,.c-board__detail{padding:1.4rem 1.2rem;}
  .c-steps{grid-template-columns:1fr;}
  .c-step{border-right:0;border-bottom:1px solid var(--rule);}
  .c-step:last-child{border-bottom:0;}
  .c-grid--2,.c-grid--3,.c-grid--4{grid-template-columns:1fr;}
  .c-teaser--featured{grid-column:auto;}
  .c-stats{grid-template-columns:1fr;}
  .c-tiles{grid-template-columns:1fr;}
  .c-form .c-row{grid-template-columns:1fr;}
  .c-footer__grid{grid-template-columns:1fr;gap:1.5rem;}
  .c-footer__regions .c-regions__list,.c-regions__list{columns:2;column-gap:1rem;}
  .c-footer__badges{justify-content:flex-start;}
  .c-cta{padding:1.4rem 1.2rem;}
  .c-pagehead{padding:1.5rem 0 1.75rem;}
  .cookie-consent{left:.5rem;right:.5rem;max-width:none;}
  .cookie-consent__actions{display:grid;grid-template-columns:1fr 1fr;}
  .cookie-consent .btn-heiz,.cookie-consent .btn-ghost{width:100%;}
  .scroll-top-btn{display:none!important;}
  .c-compare{font-size:.9rem;}
  .c-compare th,.c-compare td{padding:.65rem .7rem;}
  .c-compare tbody th{width:34%;}
}
@media (max-width:420px){
  .c-hero__title{font-size:1.75rem;}
  .c-board__num{font-size:2.7rem;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;}
}
@media print{
  .c-topbar,.c-header,.c-footer,.cookie-consent,.scroll-top-btn,.c-cta,.c-sidebar{display:none!important;}
  body{background:#fff;color:#000;}
  a{color:#000;text-decoration:underline;}
}