@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/merriweather-sans-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/oswald-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/oswald-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/oswald-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/oswald-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/oswald-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/oswald-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{font-family:"bootstrap-icons";src:url("/assets/fonts/icons.woff2?v=6f299414") format("woff2");font-display:block}
.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bi-alarm::before{content:"\f102"}
.bi-arrow-down-circle::before{content:"\f119"}
.bi-arrow-left::before{content:"\f12f"}
.bi-arrow-left-right::before{content:"\f12b"}
.bi-arrow-right::before{content:"\f138"}
.bi-arrow-right-circle-fill::before{content:"\f133"}
.bi-bank::before{content:"\f62e"}
.bi-battery-charging::before{content:"\f185"}
.bi-box-seam::before{content:"\f1c7"}
.bi-brightness-high::before{content:"\f1d2"}
.bi-building::before{content:"\f1dd"}
.bi-buildings::before{content:"\f87d"}
.bi-calculator::before{content:"\f1e0"}
.bi-calendar::before{content:"\f1f6"}
.bi-calendar-range::before{content:"\f1f1"}
.bi-calendar-week::before{content:"\f1f3"}
.bi-calendar2::before{content:"\f20c"}
.bi-cash-coin::before{content:"\f632"}
.bi-chat-dots::before{content:"\f24a"}
.bi-chat-dots-fill::before{content:"\f249"}
.bi-chat-left-text::before{content:"\f252"}
.bi-check-circle-fill::before{content:"\f26a"}
.bi-clipboard2-check::before{content:"\f725"}
.bi-clock-history::before{content:"\f292"}
.bi-cloud-drizzle::before{content:"\f29d"}
.bi-cloud-sun::before{content:"\f2be"}
.bi-coin::before{content:"\f634"}
.bi-columns-gap::before{content:"\f2cd"}
.bi-compass::before{content:"\f2d1"}
.bi-cone-striped::before{content:"\f2d2"}
.bi-dash-lg::before{content:"\f63b"}
.bi-database::before{content:"\f8c4"}
.bi-database-check::before{content:"\f8b0"}
.bi-diagram-3::before{content:"\f2ee"}
.bi-envelope-check::before{content:"\f68c"}
.bi-envelope-check-fill::before{content:"\f68b"}
.bi-envelope-exclamation-fill::before{content:"\f691"}
.bi-envelope-open-fill::before{content:"\f32d"}
.bi-envelope-paper::before{content:"\f73d"}
.bi-geo-alt::before{content:"\f3e8"}
.bi-geo-alt-fill::before{content:"\f3e7"}
.bi-grid::before{content:"\f3fc"}
.bi-grid-3x2::before{content:"\f3f7"}
.bi-grid-3x2-gap::before{content:"\f3f6"}
.bi-grid-3x3::before{content:"\f3fa"}
.bi-grid-3x3-gap::before{content:"\f3f9"}
.bi-hand-index-thumb::before{content:"\f402"}
.bi-hourglass-split::before{content:"\f41f"}
.bi-house::before{content:"\f425"}
.bi-house-add::before{content:"\f887"}
.bi-house-check::before{content:"\f889"}
.bi-house-door::before{content:"\f423"}
.bi-house-gear::before{content:"\f891"}
.bi-house-heart::before{content:"\f776"}
.bi-houses::before{content:"\f8c6"}
.bi-info-circle::before{content:"\f431"}
.bi-journal-check::before{content:"\f43e"}
.bi-key::before{content:"\f44f"}
.bi-key-fill::before{content:"\f44e"}
.bi-ladder::before{content:"\f452"}
.bi-layers::before{content:"\f45b"}
.bi-lightbulb::before{content:"\f46b"}
.bi-lightning::before{content:"\f46f"}
.bi-lightning-charge::before{content:"\f46d"}
.bi-lock-fill::before{content:"\f47a"}
.bi-mailbox2::before{content:"\f47d"}
.bi-pencil-square::before{content:"\f4ca"}
.bi-people::before{content:"\f4d0"}
.bi-people-fill::before{content:"\f4cf"}
.bi-percent::before{content:"\f4d1"}
.bi-person::before{content:"\f4e1"}
.bi-person-check::before{content:"\f4d6"}
.bi-person-fill::before{content:"\f4da"}
.bi-pin-map-fill::before{content:"\f64b"}
.bi-plug::before{content:"\f4f7"}
.bi-question-circle::before{content:"\f505"}
.bi-receipt::before{content:"\f50f"}
.bi-rulers::before{content:"\f523"}
.bi-search::before{content:"\f52a"}
.bi-send-check::before{content:"\f6b3"}
.bi-send-fill::before{content:"\f6b9"}
.bi-signpost-split::before{content:"\f549"}
.bi-slash-lg::before{content:"\f657"}
.bi-speedometer::before{content:"\f57f"}
.bi-speedometer2::before{content:"\f580"}
.bi-square::before{content:"\f584"}
.bi-square-fill::before{content:"\f582"}
.bi-stars::before{content:"\f589"}
.bi-sun::before{content:"\f5a2"}
.bi-sun-fill::before{content:"\f5a1"}
.bi-telephone::before{content:"\f5c1"}
.bi-three-dots::before{content:"\f5d4"}
.bi-tools::before{content:"\f5db"}
.bi-triangle::before{content:"\f5e5"}
.bi-wallet2::before{content:"\f615"}
.bi-water::before{content:"\f617"}
.bi-x-circle-fill::before{content:"\f622"}
.bi-x-octagon::before{content:"\f627"}

/* ============================================================
   Toiture Nette IDF — Design system
   Palette : bleu confiance + vert propreté + ambre action
   ============================================================ */
:root{--primary:#1f3b57; --primary-dark:#13263a; --primary-2:#2d5175; --green:#2f855a; --green-soft:#e5f4ec; --accent:#e8b21f; --accent-dark:#c4930f; --ink:#121c27; --muted:#5b6878; --line:#e1e7ee; --bg-soft:#f4f7fa; --bg-soft2:#e9eef4; --hero-end:#2d5175; --hero-glow:rgba(232,178,31,.30); --hero-sub:#d6e2ee; --hero-soft:#f2f6fa; --hero-badge:#fde68a; --footer-bg:#0d1824; --footer-text:#a9b6c4; --footer-link:#d3dde8; --footer-muted:#73828f; --white:#fff; --radius:6px; --shadow:0 10px 30px rgba(20,30,40,.14); --shadow-sm:0 4px 14px rgba(20,30,40,.08); --font-head:'Oswald'; --font-body:'Merriweather Sans';}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body),system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.6;margin:0}
h1,h2,h3,h4,.zonev2{font-family:var(--font-head),var(--font-body),sans-serif;line-height:1.18;color:var(--ink)}
h2{font-weight:700;font-size:clamp(1.45rem,2.5vw,2rem);margin-bottom:.25rem}
h3{font-weight:600}
a{color:var(--primary-2)}
.tafek8{width:100%;max-width:1140px;margin:0 auto;padding:0 18px}
.markr6{padding:56px 0}
.kachr6{background:var(--bg-soft)}
.kantu4{background:var(--bg-soft2)}
.cluso8{color:var(--accent-dark);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;margin-bottom:.4rem}
.waben4{font-size:1.08rem;color:var(--muted)}
.giebl1{text-align:center}

/* Boutons */
.felds9{display:inline-flex;align-items:center;gap:.5rem;border:0;border-radius:999px;font-weight:700;
  cursor:pointer;text-decoration:none;transition:.18s;font-family:var(--font-head),sans-serif}
.zelli5{background:var(--accent);color:#fff;padding:.85rem 1.6rem;box-shadow:0 8px 20px rgba(25,184,101,.32)}
.zelli5:hover{background:var(--accent-dark);transform:translateY(-1px);color:#fff}
.ankeb2{font-size:1.08rem;padding:1rem 1.8rem}
.hofu3{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);padding:.7rem 1.3rem}
.hofu3:hover{background:rgba(255,255,255,.12);color:#fff}
.hinwp3{width:100%;justify-content:center}

/* Header */
.segmc7{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50}
.segmc7 .tafek8{display:flex;align-items:center;justify-content:space-between;height:64px}
.zonev2{font-weight:800;font-size:1.2rem;text-decoration:none;color:var(--primary);display:flex;align-items:center;gap:.55rem}
.formt4{width:30px;height:30px;flex:0 0 auto;display:block}
.kacho3{display:flex;align-items:center;gap:.8rem}
.fugek2{font-weight:800;color:var(--primary);text-decoration:none;font-family:var(--font-head)}
.fugek2 .bi{color:var(--green)}

/* HERO */
.kachw4{position:relative;background:
   radial-gradient(1200px 400px at 80% -10%,var(--hero-glow),transparent),
   linear-gradient(160deg,var(--primary-dark),var(--primary) 60%,var(--hero-end));
  color:#fff;overflow:hidden}
.kachw4::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80'><path fill='%23ffffff' d='M0 80 L0 40 Q360 0 720 40 T1440 40 L1440 80 Z'/></svg>") no-repeat center/cover}
.kachw4 .tafek8{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;
  align-items:start;padding-top:54px;padding-bottom:90px}
.kachw4 h1{color:#fff;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:800}
.kachw4 .kachu6{color:var(--hero-sub);font-size:1.12rem;margin:.6rem 0 1rem}
.kachw4 .abscr4{color:var(--hero-soft);font-size:clamp(1.12rem,1.5vw,1.32rem);font-weight:500;line-height:1.55;margin-top:1.1rem;max-width:40rem}
.paneo8{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.1rem 0}
.stabe1{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600}
.stabe1 .bi{color:var(--hero-badge)}

/* Form card */
.stegr5{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;color:var(--ink)}
.rahmk5{background:linear-gradient(90deg,var(--primary-dark),var(--primary-2));color:#fff;padding:.9rem 1.2rem}
.rahmk5 strong{font-family:var(--font-head);font-size:1.05rem;display:block}
.rahmk5 span{font-size:.85rem;opacity:.95}
.stegr5 form{padding:1.1rem 1.2rem 1.2rem}
.firsz2 .insev9{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.firsz2 .mappk9{grid-column:1/-1}
/* :not(.flaek4) : sinon cette règle (0,1,1) écrase .flaek4 (0,1,0) -> icône collée, libellé dessous (09/10/2026) */
.firsz2 label:not(.flaek4){font-size:.78rem;font-weight:700;color:#42566b;margin-bottom:.15rem;display:block}
.firsz2 input,.firsz2 select{width:100%;border:1.5px solid var(--line);border-radius:10px;
  padding:.62rem .7rem;font-size:.95rem;background:#fbfdff;transition:.15s}
.firsz2 input:focus,.firsz2 select:focus{outline:0;border-color:var(--primary-2);background:#fff;
  box-shadow:0 0 0 3px rgba(21,118,168,.13)}
.wabeo2{display:flex;gap:.5rem;align-items:flex-start;font-size:.78rem;color:var(--muted);margin:.7rem 0}
.wabeo2 input{margin-top:.2rem;width:16px;height:16px;flex:0 0 16px}
.zeile3{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:.8rem 0 0;padding:0;list-style:none}
.zeile3 li{font-size:.82rem;color:var(--green);font-weight:700;display:flex;align-items:center;gap:.3rem}
.formb5{font-size:.72rem;color:#9aa7b4;text-align:center;margin:.5rem 0 0}

/* Trust bar */
.platy1{background:#fff;border-bottom:1px solid var(--line)}
.platy1 .tafek8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px 18px}
.banda1{display:flex;align-items:center;gap:.7rem}
.banda1 .bi{font-size:1.6rem;color:var(--primary-2)}
.banda1 b{font-family:var(--font-head);font-size:1.15rem;display:block;line-height:1}
.banda1 span{font-size:.82rem;color:var(--muted)}

/* Steps */
.lists6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:1.8rem}
.punks5{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;position:relative;box-shadow:var(--shadow-sm)}
.punks5 .kasti5{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;
  font-family:var(--font-head);display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}
.punks5 .bi{color:var(--accent);font-size:1.3rem}
.punks5 h3{font-size:1.05rem;margin:.3rem 0}
.punks5 p{color:var(--muted);font-size:.92rem;margin:0}

/* Cards prestations */
.wabeb4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:1.6rem}
.blocn9{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;transition:.18s}
.blocn9:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.blocn9 .strec6{width:46px;height:46px;border-radius:12px;background:var(--green-soft);color:var(--green);
  display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:.7rem}
.blocn9 h3{font-size:1.02rem;margin:.2rem 0}
.blocn9 p{color:var(--muted);font-size:.9rem;margin:0}
.punku9{display:block;text-decoration:none;color:inherit;border-color:var(--green-soft)}
.punku9:hover{border-color:var(--accent)}
.markk3{display:inline-flex;align-items:center;gap:.3rem;margin-top:.7rem;font-size:.86rem;font-weight:700;color:var(--primary)}
/* Pages prestation : navigation verticale (commune + autres prestations) */
.teilo8 h3{font-size:1.02rem;margin:0 0 .6rem;color:var(--primary)}
.teilo8 ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.teilo8 li a{display:flex;gap:.55rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;text-decoration:none;color:var(--ink);font-weight:600;font-size:.93rem}
.teilo8 li a:hover{border-color:var(--accent);color:var(--primary)}
.teilo8 .bi{color:var(--accent-dark)}

/* Avant / Après (photo réelle) */
.clusn7{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--shadow);margin-top:1.4rem;line-height:0}
.clusn7 img{display:block;width:100%;height:auto}
.knopu9{position:absolute;top:14px;display:inline-flex;align-items:center;gap:.35rem;color:#fff;
  font-family:var(--font-head);font-weight:700;font-size:.85rem;padding:.35rem .8rem;border-radius:999px;
  box-shadow:0 2px 8px rgba(0,0,0,.28)}
.knopu9 .bi{font-size:.9rem}
.feldc6{left:14px;background:rgba(120,90,45,.92)}
.sparu7{right:14px;background:var(--green)}

/* Prix */
.stufz8{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;
  background:linear-gradient(120deg,var(--bg-soft),#fff);border:1px solid var(--line);
  border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow-sm)}
.spark8{font-family:var(--font-head);font-weight:800;color:var(--primary);font-size:2.2rem;line-height:1}
.spark8 small{display:block;font-size:.85rem;color:var(--muted);font-weight:600;margin-top:.3rem}

/* Tableau des prix de la page ville (Richtwerte) + date « Stand » visible — 26/09/2026.
   Défilement horizontal dans le cadre (375 px, mots allemands longs) ; les chiffres ne se coupent pas. */
.rahmn2{font-size:1.08rem;margin:1.8rem 0 .6rem}
.spale1{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.stabi7{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.4}
.stabi7 caption{caption-side:bottom;text-align:left;padding:.6rem .8rem;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
.stabi7 th,.stabi7 td{padding:.65rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.stabi7 thead th{background:var(--bg-soft);font-family:var(--font-head);font-size:.84rem;font-weight:700;white-space:nowrap}
.stabi7 tbody th{font-weight:600;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.stabi7 tbody tr:last-child>*{border-bottom:0}
.stabi7 td{font-variant-numeric:tabular-nums}
.stabi7 td:nth-child(2){white-space:nowrap;font-weight:700;color:var(--primary)}
.stabi7 a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:3px}
.stabb7{font-size:.82rem;color:var(--muted);margin:.7rem 0 0}
@media(max-width:560px){.stabi7{font-size:.88rem}.stabi7 th,.stabi7 td{padding:.55rem .55rem}.stabi7 thead th{white-space:normal}}
.stabi7 td:nth-child(3){color:var(--muted)}

/* Checklist */
.felda3{list-style:none;padding:0;margin:.6rem 0 0}
.felda3 li{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.6rem;color:#33485c}
.felda3 .bi{color:var(--green);margin-top:.15rem}

/* FAQ */
.nahtr4{margin-top:1.2rem}
.fugew7{border:1px solid var(--line);border-radius:12px;margin-bottom:.6rem;background:#fff;overflow:hidden}
.fugew7 summary{font-weight:600;cursor:pointer;padding:.9rem 1.1rem;list-style:none;display:flex;
  justify-content:space-between;align-items:center;gap:1rem}
.fugew7 summary::-webkit-details-marker{display:none}
.fugew7 summary::after{content:"\F282";font-family:"bootstrap-icons";color:var(--primary-2);transition:.2s}
.fugew7[open] summary::after{transform:rotate(180deg)}
.fugew7 p{padding:0 1.1rem 1rem;color:var(--muted);margin:0;font-size:.95rem}

/* Entreprises */
.punkw8{font-size:1.3rem}
.netzl9{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:1rem}
.gittk3{background:#fff;border:1px solid var(--line);border-radius:9px;padding:.6rem .8rem}
.gittk3 h3{font-size:.84rem;margin:0 0 .2rem;color:#42566b;line-height:1.25;font-weight:600}
.mappv9{display:inline-flex;align-items:center;gap:.25rem;color:#9a7415;font-weight:600;font-size:.74rem}
.mappv9 .bi{color:#f5b301}
.mappv9 small{color:var(--muted);font-weight:500}
.markx9{color:var(--muted);font-size:.74rem;margin:.3rem 0 0;display:flex;align-items:flex-start;gap:.3rem}
.markx9 .bi{margin-top:.1rem;color:var(--primary-2)}
/* CTA funnel : ramène au formulaire plutôt que de laisser filer vers les concurrents */
.traub5{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  margin-top:18px;padding:1rem 1.2rem;background:#fff;border:1px solid var(--line);
  border-left:4px solid var(--accent);border-radius:12px}
.traub5 span{font-size:.95rem;color:#33485c}
.traub5 .felds9{flex:0 0 auto}
@media(max-width:560px){.traub5 .felds9{flex:1 1 100%;min-width:0;justify-content:center;text-align:center}}  /* 26/09/2026 : libellés longs (meindach, experten) débordaient à 375 px */

/* Ordre du DOM ≠ ordre visuel : le rédactionnel est en tête du source, le hero reste en haut de l'écran */
.ankev3{display:flex;flex-direction:column}
.ankev3>.kachw4{order:-2}
.ankev3>.platy1{order:-1}

/* Maillage */
.kernk7{background:var(--bg-soft)}
.kacha1{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.block3 h3{font-size:1rem;margin-bottom:.6rem;color:var(--primary)}
.block3 ul{list-style:none;padding:0;margin:0;columns:2;font-size:.92rem}
.block3 li{margin-bottom:.32rem;break-inside:avoid}
.block3 a{text-decoration:none;color:#3a5269;display:inline-flex;align-items:center;gap:.3rem}
.block3 a::before{content:"\F285";font-family:"bootstrap-icons";color:var(--accent);font-size:.8rem}
.block3 a:hover{color:var(--primary);text-decoration:underline}
.block3 .sockp7{color:var(--muted);font-size:.82em;white-space:nowrap}
.ringl2{grid-column:1/-1}
.ringl2 ul{columns:4}
.flaei1 ul{columns:1}
.flaei1 a{display:block;line-height:1.35}
.flaei1 a::before{content:"\F3A5";margin-right:.3rem}
/* Lien d'évitement : le formulaire est visuellement en tête mais en fin de DOM -> raccourci clavier */
.kernt9{position:absolute;left:-9999px;top:auto;z-index:100;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:0 0 8px 0;font-weight:700;text-decoration:none}
.kernt9:focus{left:0;top:64px}

/* CTA band */
.zeils4{background:linear-gradient(120deg,var(--primary-dark),var(--primary-2));color:#fff;text-align:center}
.zeils4 h2{color:#fff}
.zeils4 p{color:var(--hero-sub);margin-bottom:1rem}

/* Footer */
.spara2{background:var(--footer-bg);color:var(--footer-text);margin-top:0}
.spara2 .tafek8{display:grid;grid-template-columns:2fr 1fr 1.1fr 1fr;gap:30px;padding:46px 18px 26px}
.spara2 h4{color:#fff;font-size:1rem;margin:0 0 .7rem}
.sockm2{display:block;color:var(--footer-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin:.55rem 0 .25rem}
.sockm2:first-of-type{margin-top:0}
.spara2 a{color:var(--footer-link);text-decoration:none;display:block;margin-bottom:.35rem;font-size:.92rem}
.spara2 a:hover{color:#fff}
.traul7{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:14px;font-size:.82rem;color:var(--footer-muted)}

/* Columns generic */
.deckl9,.formp5{list-style:none;padding:0;columns:2;margin-top:1rem}
@media(min-width:768px){.deckl9,.formp5{columns:4}}
.deckl9 li,.formp5 li{break-inside:avoid;margin-bottom:.3rem}
.deckl9 a,.formp5 a{text-decoration:none}
.deckl9 a:hover,.formp5 a:hover{text-decoration:underline}

/* Recherche de commune */
.clusp5{position:relative;max-width:520px;margin:1.1rem 0 0;text-align:left}
.stegy7{display:flex;align-items:center;gap:.55rem;background:#fff;border:1.5px solid var(--line);
  border-radius:999px;padding:.75rem 1.15rem;box-shadow:var(--shadow-sm)}
.stegy7 .bi{color:var(--primary-2);font-size:1.1rem}
.stegy7 input{border:0;outline:0;width:100%;font-size:1rem;background:transparent;color:var(--ink)}
.fensk5{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);list-style:none;margin:0;
  padding:.3rem;max-height:340px;overflow:auto}
.fensk5 li{margin:0}
.fensk5 a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .8rem;
  border-radius:8px;text-decoration:none;color:var(--ink)}
.fensk5 a:hover{background:var(--bg-soft)}
.fensk5 small{color:var(--muted);font-weight:600}

/* Hero accroche courte */
.spuri8{color:var(--hero-soft);font-size:clamp(1.12rem,1.5vw,1.32rem);font-weight:500;line-height:1.55;margin-top:1.1rem;max-width:40rem}
/* Bullets de conversion (risque + réassurance) */
.sparb6{list-style:none;padding:0;margin:1.1rem 0 0;max-width:40rem}
.sparb6 li{display:flex;align-items:flex-start;gap:.6rem;color:var(--hero-soft);font-size:.98rem;
  font-weight:500;margin-bottom:.6rem;line-height:1.4}
.sparb6 li .bi{font-size:1.15rem;margin-top:.05rem;flex:0 0 auto}

/* Intro + fiche commune */
.kastb5{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;align-items:start}
.beree5 .wellt6{font-size:1.06rem;color:#2a3b30;font-weight:500}
.beree5 p{color:#48584e;margin-bottom:.9rem}
.randw1{background:linear-gradient(160deg,var(--bg-soft),#fff);border:1px solid var(--line);
  border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--shadow-sm);position:sticky;top:80px}
.punkl5{font-size:1.02rem;margin:0 0 .8rem;color:var(--primary);display:flex;align-items:center;gap:.4rem}
.randw1 ul{list-style:none;padding:0;margin:0}
.randw1 li{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px dashed var(--line);font-size:.92rem}
.flaek6{font-size:.78rem;color:var(--muted);margin:.7rem 0 0;line-height:1.5}
.flaek6 a{color:var(--primary-2)}
.randw1 li:last-child{border-bottom:0}
.randw1 li .bi{color:var(--primary-2);font-size:1.05rem}
.randw1 .stren4{color:var(--muted);flex:1}
.randw1 .gassu5{font-weight:700;color:var(--ink);text-align:right}

/* Carte zone d'intervention */
.sparv5{height:380px;border-radius:var(--radius);border:1px solid var(--line);
  box-shadow:var(--shadow-sm);margin-top:1.2rem;background:#eef5ee;z-index:0}
.sparv5 .leaflet-container{border-radius:var(--radius);font-family:inherit}

/* Bandeau garanties */
.kernp6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:1.6rem}
.rollu8{display:flex;align-items:center;gap:.7rem;min-width:0;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:.9rem 1.1rem;box-shadow:var(--shadow-sm);font-weight:600;color:#33485c}
.rollu8 .bi{color:var(--green);font-size:1.4rem;flex:0 0 auto}
.rollu8 span{min-width:0;hyphens:auto}

/* Autocomplétion adresse (BAN) */
.zeilp1{position:relative}
.spalz8{position:absolute;left:0;right:0;top:100%;z-index:50;background:#fff;border:1px solid var(--line);
  border-radius:10px;box-shadow:var(--shadow);list-style:none;margin:.2rem 0 0;padding:.25rem;max-height:240px;overflow:auto}
.spalz8 li{padding:.5rem .7rem;border-radius:6px;cursor:pointer;font-size:.88rem;color:var(--ink)}
.spalz8 li:hover{background:var(--bg-soft)}

/* Pages légales */
.linib6 h1{margin-bottom:.4rem}
.linib6 h2{margin-top:1.7rem;font-size:1.12rem;color:var(--primary)}
.linib6 p{color:#3a4a40;font-size:.97rem}
.linib6 a{color:var(--primary-2)}

/* Curseur avant/après (deux photos au même cadrage) */
.kartm4{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);user-select:none;-webkit-user-select:none;touch-action:pan-y;background:var(--bg-soft)}
.kartm4 img{display:block;width:100%;height:auto}
.stabu8{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 0 var(--pos))}
.zeilt5{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18);pointer-events:none}
.zeilt5 .bi{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:var(--shadow-sm)}
.modup6{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}
.kartm4 .knopu9{pointer-events:none;z-index:2}

/* Photos du lot (point 9) */
.grifs4{margin:1.3rem 0 0;border-radius:var(--radius);overflow:hidden;background:var(--bg-soft)}
.grifs4 img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.grifs4 figcaption{font-size:.82rem;color:var(--muted);padding:.5rem .8rem}
.turmx9{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:1.2rem}
.turmx9 .grifs4{margin:0}
.wabeu2{grid-template-columns:1fr 1fr;align-items:center}
.wabeu2 .grifs4{margin:0}

/* Formulaire en étapes (point 7) */
.firsz2 .stapi2{border:0;padding:0;margin:0;min-width:0}
.firsz2 .stapi2 legend{font-weight:700;font-size:1.02rem;margin:0 0 .7rem;color:var(--ink);padding:0;font-family:var(--font-head),sans-serif}
.firsz2:not(.ringa1) .wellz3,.firsz2:not(.ringa1) .ringi2,.firsz2:not(.ringa1) .noten7{display:none}
.firsz2:not(.ringa1) .stapi2{margin-bottom:1rem}
.ringi2{height:6px;background:var(--bg-soft2);border-radius:99px;overflow:hidden;margin:.2rem 0 .35rem}
.fugew8{display:block;height:100%;width:20%;background:var(--accent);border-radius:99px;transition:width .3s}
.noten7{font-size:.8rem;color:var(--muted);margin:0 0 .85rem}
.boxr8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.flaek4 span{min-width:0;overflow-wrap:break-word;hyphens:auto}@media(max-width:480px){.boxr8{grid-template-columns:1fr}}
.bandb9{display:block;font-weight:600;font-size:.88rem;margin:.75rem 0 .4rem}
.stapi2 .bandb9:first-of-type{margin-top:0}
.flaek4{position:relative;display:flex;align-items:center;gap:.55rem;border:1.5px solid var(--line);border-radius:12px;padding:.68rem .8rem;cursor:pointer;font-weight:600;font-size:.9rem;background:#fff;line-height:1.25;transition:.15s}
.flaek4 input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.flaek4 .bi{color:var(--primary-2);font-size:1.1rem;flex:0 0 auto}
.flaek4:hover{border-color:var(--primary-2)}
.flaek4:has(input:checked){border-color:var(--accent);background:var(--green-soft)}
.flaek4:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.wellz3{display:flex;justify-content:space-between;gap:.6rem;margin-top:.9rem}
.bandp4{background:transparent;color:var(--muted);border:1.5px solid var(--line);padding:.7rem 1.1rem}
.bandp4:hover{color:var(--primary);border-color:var(--primary-2)}
.zeilo7{margin-left:auto;padding:.8rem 1.4rem}
.wellz3 [hidden]{display:none}

/* Honeypot anti-spam (invisible) */
.netzz2{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0}

/* Mobile sticky CTA */
.stabe8{display:none}

/* Responsive */
@media(max-width:1100px){.spara2 .tafek8{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .kachw4 .tafek8{grid-template-columns:1fr;padding-bottom:70px}
  .platy1 .tafek8{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .lists6,.wabeb4{grid-template-columns:1fr}
  .stufz8,.kacha1,.sparc3,.netzl9,.turmx9,.wabeu2{grid-template-columns:1fr}
  .ringl2 ul{columns:2}
  .teilo8 ul{grid-template-columns:1fr}
  .kastb5{grid-template-columns:1fr}
  .randw1{position:static}
  .kernp6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spara2 .tafek8{grid-template-columns:1fr;gap:20px}
  .kacho3 .felds9{display:none}
  .stabe8{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;
    border-top:1px solid var(--line);padding:.6rem .9rem;box-shadow:0 -6px 20px rgba(0,0,0,.08)}
  .stabe8 .felds9{width:100%}
  body{padding-bottom:68px}
}

/* ===== Section Guides (contenu éditorial) ===== */
.blocu4{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;margin-right:.2rem}
.blocu4:hover{color:var(--primary-2)}
.feldn4{max-width:760px}
/* --- Index des guides : mise en forme éditoriale (à la une + liste numérotée) --- */
.spali2{padding:52px 0 0}
.spali2 h1{margin:.2rem 0 .6rem;line-height:1.18}
.spali2 .waben4{max-width:62ch}
.zoneo4{padding-top:30px}
/* Guide à la une */
.leisp9{display:block;position:relative;overflow:hidden;text-decoration:none;color:#fff;
  border-radius:18px;padding:2.1rem 2.3rem;margin-bottom:2.4rem;box-shadow:var(--shadow);
  background:linear-gradient(135deg,var(--primary-dark),var(--primary) 55%,var(--hero-end))}
.leisp9::after{content:"";position:absolute;right:-60px;top:-60px;width:230px;height:230px;
  border-radius:50%;background:var(--hero-glow);filter:blur(10px);opacity:.55;pointer-events:none}
.leisp9>*{position:relative;z-index:1}
.fensv5{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.78rem;
  letter-spacing:.05em;text-transform:uppercase;color:var(--hero-badge);margin-bottom:.7rem}
.leisp9 h2{color:#fff;font-size:1.65rem;line-height:1.2;margin:0 0 .6rem;max-width:24ch}
.leisp9 p{color:var(--hero-sub);font-size:1.02rem;line-height:1.55;margin:0 0 1.1rem;max-width:64ch}
.fensk4{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:#fff}
.fensk4 i{transition:transform .18s}
.leisp9:hover .fensk4 i{transform:translateX(5px)}
/* Liste numérotée */
.zeilk1{border-top:1px solid var(--line)}
.notek3{display:flex;align-items:flex-start;gap:1.3rem;padding:1.45rem .6rem;
  border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .16s,padding .16s}
.notek3:hover{background:var(--bg-soft)}
.absco2{flex:none;min-width:2ch;font-family:var(--font-head);font-weight:800;font-size:1.55rem;
  line-height:1.1;color:var(--primary-2);opacity:.4}
.tafez3{flex:1}
.tafez3 h3{font-size:1.14rem;line-height:1.32;margin:0 0 .3rem;color:var(--ink)}
.notek3:hover .tafez3 h3{color:var(--primary)}
.tafez3 p{color:var(--muted);font-size:.92rem;line-height:1.5;margin:0}
.teilm2{flex:none;align-self:center;color:var(--primary-2);opacity:.45;transition:.18s}
.notek3:hover .teilm2{opacity:1;transform:translateX(4px)}
@media(max-width:560px){
  .leisp9{padding:1.6rem 1.4rem}
  .leisp9 h2{font-size:1.35rem}
  .notek3{gap:.9rem;padding:1.2rem .2rem}
  .absco2{font-size:1.2rem}
  .teilm2{display:none}
}
/* Articles liés : "À lire aussi" en bas d'article */
.ankey3 h2{margin-bottom:1.3rem}
.ringo8{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trauy8{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:1.1rem 1.2rem;text-decoration:none;color:var(--ink);
  box-shadow:var(--shadow-sm);transition:transform .16s,box-shadow .16s,border-color .16s}
.trauy8:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary-2)}
.trauy8 h3{font-size:1.02rem;line-height:1.3;margin:0 0 .4rem}
.trauy8 p{color:var(--muted);font-size:.88rem;line-height:1.45;margin:0 0 .9rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sparl6{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;
  color:var(--primary-2);font-weight:700;font-size:.9rem}
.sparl6 i{transition:transform .18s}
.trauy8:hover .sparl6 i{transform:translateX(4px)}
@media(max-width:720px){.ringo8{grid-template-columns:1fr}}
.boxo8{font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.boxo8 a{color:var(--primary-2);text-decoration:none}
.lattp2 h1{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.2;margin-bottom:1.2rem}
.kachn4{font-size:1.06rem;line-height:1.75;color:#27332c}
.kachn4 h2{font-size:1.4rem;margin:2rem 0 .7rem;line-height:1.3}
.kachn4 h3{font-size:1.13rem;margin:1.4rem 0 .5rem}
.kachn4 p{margin:0 0 1rem}
.kachn4 ul,.kachn4 ol{margin:0 0 1rem;padding-left:1.3rem}
.kachn4 li{margin-bottom:.4rem}
.kachn4 strong{color:var(--ink)}
.kachn4 a{color:var(--primary-2)}
.rastv4{background:var(--bg-soft);border-left:4px solid var(--accent);border-radius:8px;
  padding:14px 18px;margin:1.4rem 0;color:#2a3b30;font-size:.98rem}
.lattk6{overflow-x:auto;margin:1.4rem 0}
.gassk4{width:100%;border-collapse:collapse;font-size:.95rem}
.gassk4 th,.gassk4 td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}
.gassk4 th{background:var(--bg-soft);font-weight:700}
.clusr6{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.clusr6 h3{font-size:1.05rem;margin-bottom:.6rem}
.gassz9{display:flex;flex-wrap:wrap;gap:.5rem}
.gassz9 a{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;
  padding:.35rem .8rem;font-size:.88rem;text-decoration:none;color:var(--primary)}
.gassz9 a:hover{background:var(--green-soft)}
@media(max-width:600px){.blocu4{display:none}}

/* --- Karte erst nach Klick (Datenschutz) --- */
.sparv5{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-soft2)}
.sparv5 .turmt4{background:#fff;color:var(--primary);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.sparv5 .turmt4:hover{background:var(--bg-soft2);color:var(--primary)}
/* --- Cookie-/Statistik-Hinweis --- */
.kachs5{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;max-width:720px;margin:0 auto}
.kachs5 p{margin:0;flex:1 1 280px;font-size:.92rem}
.kachs5[hidden]{display:none}
.kachs5 div{display:flex;gap:8px}
.kachs5 .hofu3{background:#fff;color:var(--ink);border-color:var(--ink)}
.kachs5 .hofu3:hover{background:var(--bg-soft2,#f2f4f3);color:var(--ink)}
@media(max-width:900px){.stabe8~.kachs5{bottom:83px}}
@media(max-width:600px){
  .kachs5{left:12px;right:12px;bottom:12px;padding:11px 13px;gap:9px 8px}
  .kachs5 p{flex:1 1 100%;font-size:.82rem;line-height:1.4}
  .kachs5 div{width:100%}
  .kachs5 .felds9{flex:1;justify-content:center;padding:.55rem .7rem;font-size:.9rem}
}

/* Double opt-in (09/10/2026, Jérôme : bien mettre en évidence la confirmation par e-mail à la fin du parcours) */
[hidden]{display:none!important}   /* le bouton « Postfach öffnen » (.felds9 = inline-flex) restait visible sans adresse */
.formb5.firsy7{font-size:.92rem;font-weight:600;color:var(--ink);text-align:left;background:var(--bg-soft2);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:8px;padding:.75rem .9rem;margin:.6rem 0 .9rem;line-height:1.45}
.formb5.firsy7 .bi{color:var(--accent-dark);font-size:1.1rem;margin-right:.35rem;vertical-align:-.15em}
.stapo5{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px;margin:0 auto 1.6rem;padding:0;counter-reset:doi}
.stapo5 li{counter-increment:doi;border:2px solid var(--line);border-radius:10px;padding:.6rem .5rem;font-size:.88rem;font-weight:600;color:var(--muted);background:#fff;line-height:1.3}
.stapo5 li::before{content:counter(doi);display:block;width:28px;height:28px;line-height:28px;margin:0 auto .3rem;border-radius:50%;background:var(--line);color:var(--ink);font-weight:700}
.stapo5 li.latty6{color:var(--green);border-color:var(--green)}
.stapo5 li.latty6::before{content:"\2713";background:var(--green);color:#fff}
.stapo5 li.breti2{color:var(--ink);border-color:var(--accent);box-shadow:0 0 0 4px var(--bg-soft2);transform:scale(1.04)}
.stapo5 li.breti2::before{background:var(--accent);color:#fff}
.gittm4{font-size:1.1rem;background:var(--bg-soft2);border-radius:10px;padding:.8rem 1rem;margin:1rem auto;max-width:560px;overflow-wrap:anywhere}
.leisu5{font-size:1.05rem;line-height:1.55}
.leisu5 li{margin:.45rem 0}
@media(prefers-reduced-motion:reduce){.stapo5 li.breti2{transform:none}}

/* layout */
.segmc7{background:var(--primary-dark);border-bottom:0}
.segmc7 .zonev2{color:#fff}
.blocu4{color:var(--hero-sub)}
.blocu4:hover{color:#fff}
.kachw4{background:var(--bg-soft);color:var(--ink)}
.kachw4::after{display:none}
.kachw4 .tafek8{padding-top:48px;padding-bottom:56px;gap:48px;align-items:center}
.kachw4 h1{color:var(--primary-dark)}
.kachw4 .kachu6{color:var(--muted)}
.kachw4 .abscr4,.spuri8{color:var(--ink)}
.sparb6 li{color:var(--ink)}
.sparb6 li .bi{color:var(--green)!important}
.stabe1{background:#fff;border-color:var(--line);color:var(--primary-dark);box-shadow:var(--shadow-sm)}
.stabe1 .bi{color:var(--accent-dark)}
.hofu3{color:var(--primary);border-color:var(--primary)}
.hofu3:hover{background:var(--bg-soft2);color:var(--primary)}
.felds9{border-radius:12px}
.stegr5{border-radius:20px;box-shadow:0 30px 60px rgba(20,30,40,.16);border:1px solid var(--line)}
.rahmk5{background:var(--primary-dark);border-radius:20px 20px 0 0}
.platy1{background:#fff;border-top:1px solid var(--line)}
.platy1 .tafek8{padding:26px 18px}
.banda1 .bi{background:var(--green-soft);color:var(--green);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.wabeb4{gap:22px}
.blocn9{text-align:center;border-radius:20px;padding:1.8rem 1.4rem;border:0;box-shadow:var(--shadow-sm)}
.blocn9 .strec6{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;font-size:1.7rem;background:var(--bg-soft2);color:var(--primary)}
.blocn9 .markk3{justify-content:center;width:100%}
.lists6{gap:28px}
.punks5{border:0;background:transparent;box-shadow:none;padding:0}
.punks5 .kasti5{width:auto;height:auto;background:transparent;color:var(--accent);font-size:3rem;line-height:1;margin-bottom:.4rem;display:block;font-weight:800}
.punks5 .bi{display:none}
.punks5 h3{font-size:1.15rem}
.kernp6{gap:22px}
.rollu8{border:0;background:#fff;border-radius:20px;flex-direction:column;text-align:center;padding:1.4rem 1rem;gap:.7rem}
.rollu8 .bi{font-size:2rem;color:var(--primary)}
.randw1{border-radius:20px;background:#fff}
.randw1 li{border-bottom-style:solid}
.stufz8{border-radius:20px;background:var(--bg-soft);border:0;grid-template-columns:.9fr 1.1fr}
.stufz8>div:first-child{order:2}
.stufz8 .giebl1{order:1;text-align:left}
.spark8{font-size:2.8rem}
.fugew7{border-radius:14px;border:0;background:var(--bg-soft)}
.kachr6 .fugew7{background:#fff}
.gittk3{border-radius:14px;border:0;box-shadow:var(--shadow-sm)}
.traub5{border-radius:14px;border-left-width:1px}
.sparv5,.clusn7,.kartm4,.grifs4{border-radius:20px}
.zeils4{background:var(--primary-dark)}
.kachr6{background:#fff}
.kantu4{background:var(--bg-soft)}
.kernk7{background:#fff;border-top:1px solid var(--line)}
.spara2 .tafek8{grid-template-columns:1fr 1fr 1fr 1fr;text-align:center;gap:24px}
.spara2 .tafek8>div:first-child{grid-column:1/-1;max-width:640px;margin:0 auto}
.sockm2{text-align:center}
.spale1{border:0;border-radius:20px;background:var(--bg-soft);padding:.3rem .6rem}
.stabi7 thead th{background:transparent;color:var(--primary-dark)}
.stabi7 td:nth-child(2){color:var(--accent-dark)}
@media(min-width:901px){
  .kachw4 .tafek8{grid-template-columns:1fr 1fr}
  .stabi7 th,.stabi7 td{padding:.8rem 1rem}
}
@media(max-width:900px){
  .stufz8{grid-template-columns:1fr}
  .spara2 .tafek8{grid-template-columns:1fr}
}

.punkp8 .punks5{opacity:0;transition:transform .35s ease}
.punkp8.rollv6 .punks5{opacity:1;animation:wc3fa2In 580ms ease-out backwards}
.punkp8.rollv6 .punks5:nth-child(2){animation-delay:170ms}
.punkp8.rollv6 .punks5:nth-child(3){animation-delay:340ms}
.punkp8 .punks5 .kasti5{position:relative;transition:background-color .35s ease,transform .35s ease}
.punkp8 .punks5::after{content:"";position:absolute;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left center;border-radius:3px}
.punkp8 .punks5.zonev5::after{animation:wc3fa2Bar 3500ms linear forwards}
.punkp8 .punks5.zonev5 .kasti5{background:var(--primary);transform:scale(1.06)}
.punkp8 .punks5.zonev5 h3{color:var(--primary)}
.punkp8 .punks5.zonev5 .kasti5::before{content:"";position:absolute;inset:0;border-radius:inherit;animation:wc3fa2Ring 1.5s ease-out infinite}
.punkp8 .punks5{padding-bottom:.9rem}
.punkp8 .punks5::after{left:0;right:1.2rem;bottom:0}
@keyframes wc3fa2In{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes wc3fa2Bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wc3fa2Ring{0%{box-shadow:0 0 0 0 var(--accent)}80%,100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@media(prefers-reduced-motion:reduce){.punkp8 .punks5,.punkp8 .punks5 .kasti5,.punkp8 .punks5::after,.punkp8 .punks5 .kasti5::before{animation:none!important;transition:none!important;opacity:1;transform:none}}

@media(max-width:900px){
  .kachw4 .tafek8{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .kachw4 .tafek8>div:first-child{display:contents}
  .kachw4 .tafek8>div:first-child>*{order:4}
  .kachw4 .tafek8>div:first-child>h1{order:1}
  .kachw4 .tafek8>div:first-child>.kachu6{order:2}
  .kachw4 .tafek8>div:last-child{order:3;margin:.3rem 0 1.4rem}
}

/* site */
/* Solarteur in der Nähe — mise en page propre au site (22/10/2026), ajoutée après la feuille du moteur et le layout
   « hell » (config.THEME). Esthétique « chantier / plan technique » : en-tête bleu nuit plein, héros bleu nuit tramé
   comme un plan (grille fine en CSS) avec un ruban de chantier en bas, formulaire en carte blanche à droite coiffée d'un
   bandeau jaune ; cartes à coins de 6 px avec une bande diagonale jaune/bleue en coin ; étapes dans des pastilles
   hexagonales ; séparateurs = bande fine jaune ; pied de page bleu nuit sur deux colonnes larges. Boutons jaunes à texte
   SOMBRE (#13263a), jamais blanc. Composant « Montage-Fahrplan » : classes bau-* (non renommées par la classmap).
   Règles bureau sous @media(min-width:901px) ; grilles en minmax(0,1fr) ; rien ne déborde à 375 px. */

:root{--bau-tief:#13263a;--bau-gelb-hell:#f3c84a;--bau-papier:#f4f7fa;
  --bau-hex:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --bau-band:repeating-linear-gradient(-45deg,var(--accent) 0 9px,var(--bau-tief) 9px 18px);
  --bau-schatten:0 22px 48px rgba(6,14,24,.38);--bau-schatten-sm:0 3px 10px rgba(19,38,58,.08)}
html{scroll-padding-top:84px}
body{color:var(--ink);background:#fff;font-size:.97rem}
h1,h2,h3,h4{font-weight:600;letter-spacing:.004em}
h1{line-height:1.12}
h2{font-size:clamp(1.55rem,2.7vw,2.2rem);color:var(--primary-dark);margin:.1rem 0 .7rem;line-height:1.15}
h3{color:var(--primary-dark)}
a{color:var(--primary)}
.waben4{color:var(--muted)}
.felds9[hidden]{display:none!important}

/* Boutons : jaune soleil, texte sombre, arête basse comme une marche */
.felds9{border-radius:var(--radius);letter-spacing:.02em;font-weight:600}
.zelli5{background:var(--accent);color:var(--bau-tief);box-shadow:0 4px 0 var(--accent-dark);text-transform:uppercase;
  font-size:.95rem}
.zelli5:hover,.zelli5:focus-visible{background:var(--bau-gelb-hell);color:var(--bau-tief);transform:translateY(2px);
  box-shadow:0 2px 0 var(--accent-dark)}
.zelli5 .bi{color:var(--bau-tief)}
.hofu3{border:2px solid var(--primary);color:var(--primary);background:#fff;border-radius:var(--radius)}
.hofu3:hover{background:var(--bg-soft);color:var(--primary-dark)}

/* En-tête : bleu nuit plein, filet jaune */
.segmc7{background:var(--primary-dark);border-bottom:3px solid var(--accent);box-shadow:none;backdrop-filter:none;
  -webkit-backdrop-filter:none}
.segmc7 .tafek8{height:68px}
.segmc7 .zonev2{color:#fff;font-weight:600;font-size:1.12rem;letter-spacing:.02em}
.segmc7 .zonev2 span{color:#fff}
.blocu4{color:#d6e2ee}
.kacho3 .zelli5{padding:.5rem 1rem;font-size:.86rem;box-shadow:0 3px 0 var(--accent-dark)}
.kernt9:focus{top:72px}

/* Héros : bleu nuit, trame de plan (grille fine + grille majeure), halo jaune discret, ruban de chantier en bas */
.kachw4{color:#fff;background-color:var(--primary-dark);
  background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    radial-gradient(760px 380px at 88% 8%,rgba(232,178,31,.17),rgba(232,178,31,0) 70%),
    linear-gradient(165deg,var(--bau-tief) 0%,var(--primary) 78%);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px,auto,auto;background-position:-1px -1px}
.kachw4::after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:var(--bau-band)}
.kachw4 .tafek8{padding-bottom:66px}
.kachw4 h1{color:#fff;font-weight:600;font-size:clamp(2rem,3.6vw,3rem)}
.kachw4 .kachu6{color:var(--bau-gelb-hell);font-weight:600;letter-spacing:.01em}
.kachw4 .spuri8,.kachw4 .abscr4{color:#d6e2ee}
.stabe1{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:3px;box-shadow:none;
  font-weight:600}
.stabe1 .bi{color:var(--accent)}
.sparb6 li{color:#e3ebf3}
.sparb6 li .bi{color:var(--accent)!important}
.sparb6 li:nth-child(n+3) .bi{color:#9fe0bf!important}
.kachw4 .stegy7{border-radius:var(--radius)}

/* Carte du formulaire : blanche, bandeau jaune en tête */
.stegr5{border-radius:var(--radius);border:0;box-shadow:var(--bau-schatten);scroll-margin-top:90px}
.rahmk5{background:var(--accent);color:var(--bau-tief);border-radius:var(--radius) var(--radius) 0 0;
  padding:.85rem 1.25rem;border-bottom:3px solid var(--accent-dark)}
.rahmk5 strong{color:var(--bau-tief);font-family:var(--font-head);font-weight:600;font-size:1.12rem;
  text-transform:uppercase;letter-spacing:.03em}
.rahmk5 strong .bi{color:var(--bau-tief)}
.rahmk5 span{color:#3c3212;font-weight:600}
.ringi2{height:6px;border-radius:0;background:var(--bg-soft2)}
.fugew8{background:var(--bau-band);border-radius:0}
.noten7{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.07em}
.noten7 b{color:var(--primary)}
.firsz2 .stapi2 legend{font-family:var(--font-head);font-weight:600;font-size:1.15rem;color:var(--primary-dark)}
.bandb9{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem!important}
.firsz2 input,.firsz2 select{border-radius:var(--radius)}
.firsz2 input:focus,.firsz2 select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(232,178,31,.35)}
.firsz2 .flaek4{border-radius:var(--radius);border-width:1.5px}
.flaek4 .bi{color:var(--primary)}
.flaek4:hover{border-color:var(--accent);background:#fffbef}
.flaek4:has(input:checked){border-color:var(--accent-dark);background:#fff6d6;box-shadow:inset 4px 0 0 var(--accent)}
.flaek4:has(input:checked) .bi{color:var(--bau-tief)}
.wabeo2{font-size:.8rem;line-height:1.45}
.wabeo2 a{color:var(--primary)}
.formb5.firsy7{background:#fffaf0;border:1.5px dashed var(--accent-dark);border-radius:var(--radius);
  padding:.75rem .9rem;margin:.7rem 0 .95rem;color:var(--ink);font-size:.9rem;font-weight:600;text-align:left}
.formb5.firsy7 .bi{color:var(--accent-dark)}
.zeile3 li{color:var(--primary)}

/* Bandeau de confiance : blanc, icônes dans des hexagones jaunes */
.platy1{background:#fff;border-top:0;border-bottom:1px solid var(--line)}
.banda1 .bi{width:46px;height:42px;border-radius:0;clip-path:var(--bau-hex);background:var(--accent);color:var(--bau-tief);
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex:0 0 auto}
.banda1 b{font-family:var(--font-head);font-weight:600;color:var(--primary-dark);font-size:1.2rem}

/* Sections : séparées par une bande fine jaune ; eyebrow en capitales avec un bout de ruban */
.markr6+.markr6{border-top:3px solid var(--accent)}
.kachr6{background:var(--bau-papier)}
.kantu4{background:#eef2f6}
.cluso8{color:var(--primary);font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.13em;
  font-size:.8rem;display:inline-flex;align-items:center;gap:.55rem}
.cluso8::before{content:"";width:26px;height:8px;background:var(--bau-band);flex:0 0 auto}

/* Cartes : coins de 6 px, ruban diagonal jaune/bleu dans le coin, icône dans un hexagone */
.wabeb4{gap:16px}
.blocn9{position:relative;overflow:hidden;text-align:left;border-radius:var(--radius);border:1px solid var(--line);
  box-shadow:var(--bau-schatten-sm);padding:1.35rem 1.3rem 1.25rem;background:#fff}
.blocn9::after{content:"";position:absolute;top:0;right:0;width:64px;height:64px;pointer-events:none;
  background:repeating-linear-gradient(-45deg,var(--accent) 0 7px,var(--primary) 7px 14px);
  clip-path:polygon(42% 0,72% 0,100% 28%,100% 58%)}
.blocn9:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(19,38,58,.14)}
.blocn9 .strec6{width:52px;height:46px;border-radius:0;clip-path:var(--bau-hex);margin:0 0 .85rem;background:var(--primary);
  color:var(--accent);font-size:1.3rem}
.blocn9 h3{font-size:1.15rem;padding-right:34px}
.blocn9 .markk3{justify-content:flex-start;width:auto;color:var(--primary-dark);text-transform:uppercase;
  font-family:var(--font-head);letter-spacing:.05em;border-bottom:2px solid var(--accent);padding-bottom:.1rem}

/* Étapes « drei Schritte » : pastilles hexagonales */
.lists6{gap:18px}
.punks5{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.25rem 1.2rem;
  box-shadow:var(--bau-schatten-sm)}
.punks5 .kasti5{display:flex;align-items:center;justify-content:center;width:54px;height:48px;clip-path:var(--bau-hex);
  border-radius:0;background:var(--accent);color:var(--bau-tief);font-family:var(--font-head);font-weight:700;
  font-size:1.35rem;line-height:1;margin:0 0 .8rem}
.punks5 h3{font-size:1.12rem;text-transform:uppercase;letter-spacing:.03em}
.punkp8 .punks5.zonev5 .kasti5{background:var(--primary);color:#fff}
.punkp8 .punks5.zonev5 h3{color:var(--primary)}

/* Engagements : liseré jaune à gauche, en ligne */
.rollu8{flex-direction:row;align-items:flex-start;text-align:left;gap:.8rem;border-radius:var(--radius);
  border:1px solid var(--line);border-left:4px solid var(--accent);padding:1rem 1.1rem;background:#fff}
.rollu8 .bi{font-size:1.35rem;color:var(--primary);flex:0 0 auto}

/* Steckbrief de la commune : cartouche de plan technique */
.randw1{background:#fff;border:2px solid var(--primary);border-radius:var(--radius);box-shadow:none;padding:1.2rem 1.25rem}
.punkl5{background:var(--primary);color:#fff;margin:-1.2rem -1.25rem .9rem;padding:.75rem 1.25rem;
  font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:1rem}
.punkl5 .bi{color:var(--accent)}
.randw1 li{border-bottom:1px dotted #c9d4df}
.randw1 li .bi{color:var(--accent-dark)}
.randw1 .gassu5{font-family:var(--font-head);font-weight:600;color:var(--primary-dark);font-variant-numeric:tabular-nums}
.flaek6{color:var(--muted)}

/* Prix : bloc bleu nuit, montant jaune */
.stufz8{background:var(--primary-dark);color:#e3ebf3;border:0;border-radius:var(--radius);box-shadow:none;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);position:relative;overflow:hidden}
.stufz8::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--bau-band)}
.stufz8>div:first-child{order:0;padding-left:.4rem}
.stufz8 .giebl1{order:0;text-align:center}
.stufz8 h2{color:#fff}
.stufz8 p{color:#c3d1de!important}
.stufz8 .cluso8{color:var(--bau-gelb-hell)}
.spark8{color:var(--accent);font-family:var(--font-head);font-weight:600;font-size:2.6rem}
.spark8 small{color:#c3d1de}
.spale1{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:0}
.stabi7 thead th{background:var(--primary);color:#fff;font-family:var(--font-head);font-weight:500;text-transform:uppercase;
  letter-spacing:.05em;font-size:.8rem}
.stabi7 td:nth-child(2){color:var(--primary-dark);font-weight:700}
.stabi7 tbody th a{color:var(--primary-dark);font-weight:700}
.rahmn2{font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.stabb7{color:var(--muted)}

/* FAQ, listes, photos */
.fugew7{border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius);background:#fff}
.fugew7[open]{border-left-color:var(--accent)}
.kachr6 .fugew7{background:#fff}
.felda3 .bi{color:var(--accent-dark)}
.grifs4,.turmx9 figure,.sparv5{border-radius:var(--radius)}
.grifs4 figcaption,.turmx9 figcaption{font-size:.84rem;color:var(--muted)}
.block3 h3{font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem}
.kernk7{background:#fff}
.wellt6{font-size:1.06rem}

/* Bandeau d'appel : bleu nuit entre deux rubans */
.zeils4{background:var(--primary-dark);position:relative}
.zeils4::before,.zeils4::after{content:"";position:absolute;left:0;right:0;height:8px;background:var(--bau-band)}
.zeils4::before{top:0}
.zeils4::after{bottom:0}
.markr6+.markr6.zeils4{border-top:0}
.zeils4 p{color:#c3d1de}

/* Pied de page : bleu nuit, deux colonnes larges */
.spara2{background:var(--bau-tief);color:#a9b6c4}
.spara2 h4{color:var(--accent);font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  font-size:.92rem}
.spara2 .tafek8{text-align:left}
.spara2 a{color:#d3dde8}
.spara2 a:hover{color:var(--accent)}
.spara2 .tafek8>div:first-child h4{text-transform:none;letter-spacing:.02em;font-size:1.05rem}
.traul7{border-top:2px solid rgba(232,178,31,.55);color:#8495a6}

/* Bandeau cookies et barre mobile */
.stabe8{background:var(--primary-dark)}

/* ------------------------------------------------------------------------------------------------------------------
   Composant « Montage-Fahrplan » (signatur.py) — préfixe bau-
   ------------------------------------------------------------------------------------------------------------------ */
.bau{background-color:var(--bau-papier);
  background-image:linear-gradient(rgba(31,59,87,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(31,59,87,.05) 1px,transparent 1px);
  background-size:24px 24px}
.bau-kopf{max-width:50rem}
.bau-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:1.4rem;align-items:start}
.bau-plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.2rem 1.2rem;
  box-shadow:var(--bau-schatten-sm);min-width:0}
.bau-uebersicht{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:var(--muted);
  margin:0 0 .55rem}
.bau-chips{list-style:none;margin:0 0 1.3rem;padding:0 0 1rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;
  position:relative;border-bottom:1px dashed var(--line)}
.bau-chips::before{content:"";position:absolute;left:7%;right:7%;top:15px;height:2px;background:var(--line)}
.bau-chips li{min-width:0;position:relative}
.bau-chip{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:var(--muted);
  font-size:.72rem;line-height:1.2;text-align:center}
.bau-chip:hover .bau-chip-text,.bau-chip:focus-visible .bau-chip-text{color:var(--primary-dark);text-decoration:underline}
.bau-chip-text{overflow-wrap:anywhere;hyphens:auto}
.bau-hex{display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;clip-path:var(--bau-hex);
  background:var(--primary);color:#fff;font-family:var(--font-head);font-weight:700;font-size:1.12rem;line-height:1;
  flex:0 0 auto;position:relative;z-index:1}
.bau-hex--klein{width:34px;height:30px;font-size:.88rem;background:#dfe6ee;color:var(--primary-dark)}
.bau-chip--offen .bau-hex--klein{background:var(--primary);color:#fff}
.bau-chip[aria-current] .bau-hex--klein{background:var(--accent);color:var(--bau-tief)}
.bau-chip[aria-current] .bau-chip-text{color:var(--primary-dark);font-weight:700}
.bau-fahrplan{list-style:none;margin:0;padding:0;position:relative}
.bau-fahrplan::before{content:"";position:absolute;left:21px;top:18px;bottom:18px;width:2px;
  background:repeating-linear-gradient(180deg,var(--accent) 0 8px,transparent 8px 14px)}
.bau-etappe{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:0 0 1.15rem;scroll-margin-top:96px}
.bau-etappe:last-child{padding-bottom:.2rem}
.bau-etappe:nth-child(even) .bau-hex{background:var(--primary-2)}
.bau-inhalt{min-width:0}
.bau-inhalt h3{font-family:var(--font-head);font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:.035em;
  color:var(--primary-dark);margin:.5rem 0 .45rem;outline:0}
.bau-inhalt h3 .bi{color:var(--accent-dark);margin-right:.15rem}
.bau-inhalt p{margin:.4rem 0 0;font-size:.94rem;line-height:1.6}
.bau-wer{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.bau-rolle{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:700;padding:.18rem .55rem;
  border-radius:3px;border:1px solid var(--line);background:#eef2f6;color:var(--primary-dark)}
.bau-rolle--eigen{background:#fff6d6;border-color:#efd27c;color:#5f4500}
.bau-rolle--betrieb{background:var(--primary);border-color:var(--primary);color:#fff}
.bau-rolle--betrieb .bi{color:var(--accent)}
.bau-rolle--elektro{background:#fff;border-color:var(--accent-dark);color:var(--bau-tief)}
.bau-rolle--elektro .bi{color:var(--accent-dark)}
.bau-rolle--netz{background:#e3ecf5;border-color:#c6d5e4;color:#1d3a56}
.bau-rolle--messstelle{background:#eceff3;border-color:#d3d9e0;color:#384a5c}
.bau-frist{background:#fffaf0;border-left:4px solid var(--accent);border-radius:0 4px 4px 0;padding:.5rem .7rem;
  font-size:.86rem!important;margin-top:.65rem!important}
.bau-frist .bi{color:var(--accent-dark)}
.bau-frist b{color:var(--primary-dark)}
.bau-js .bau-zu{display:none}
.bau-neu{animation:bauAuf .45s ease-out}
@keyframes bauAuf{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.bau-steuerung{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:.7rem;padding-top:.95rem;
  border-top:1px dashed var(--line)}
.bau-steuerung[hidden],.bau-weiter[hidden],.bau-alle[hidden]{display:none!important}
.bau-zaehler{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.09em;font-size:.82rem;color:var(--muted);
  margin-right:auto}
.bau-weiter{padding:.65rem 1.15rem}
.bau-alle{background:none;border:0;padding:.3rem 0;color:var(--primary);font:inherit;font-weight:700;font-size:.9rem;
  text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer}
.bau-alle:hover{color:var(--primary-dark)}
.bau-aktiv{background:var(--primary-dark);color:#e3ebf3;border-radius:var(--radius);padding:1.5rem 1.25rem 1.2rem;
  position:relative;overflow:hidden;min-width:0}
.bau-aktiv::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--bau-band)}
.bau-aktiv h3{color:#fff;font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.05em;
  font-size:1.08rem;margin:.2rem 0 .35rem}
.bau-aktiv h3 .bi{color:var(--accent)}
.bau-klein{font-size:.8rem;color:#a9bccf;margin:0 0 .9rem;line-height:1.5}
.bau-saeulen{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;align-items:end;margin:0 0 1.1rem}
.bau-saeule{display:flex;flex-direction:column;align-items:stretch;text-align:center;min-width:0}
.bau-saeule-wert{font-family:var(--font-head);font-weight:600;font-size:1.55rem;color:#fff;line-height:1;margin-bottom:.35rem}
.bau-saeule-feld{height:130px;display:flex;align-items:flex-end;border-bottom:2px solid rgba(255,255,255,.45)}
.bau-saeule-balken{display:block;width:100%;height:var(--h);background:#5a7895}
.bau-saeule--ort .bau-saeule-balken{background:var(--accent)}
.bau-saeule--ort .bau-saeule-wert{color:var(--accent)}
.bau-saeule--kreis .bau-saeule-balken{background:repeating-linear-gradient(-45deg,#90a9c1 0 6px,#6f8aa5 6px 12px)}
.bau-saeule--de .bau-saeule-balken{background:#46617f}
.bau-saeule-name{font-size:.76rem;color:#c3d1de;margin-top:.45rem;overflow-wrap:anywhere;line-height:1.25}
.bau-ort{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;color:var(--accent);
  margin:0 0 .45rem}
.bau-zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.bau-zahlen div{background:rgba(255,255,255,.06);border-top:3px solid var(--accent);padding:.5rem .6rem;min-width:0}
.bau-zahlen dt{font-size:.74rem;color:#a9bccf;line-height:1.3}
.bau-zahlen dd{margin:.2rem 0 0;font-family:var(--font-head);font-weight:600;font-size:1.22rem;color:#fff}
.bau-gross{font-size:.9rem;color:#c3d1de;margin:0 0 .9rem}
.bau-gross b{font-family:var(--font-head);font-weight:600;font-size:2.7rem;color:var(--accent);line-height:1;margin-right:.35rem}
.bau-hinweis{font-size:.8rem;color:#c3d1de;margin:.95rem 0 0;line-height:1.5}
.bau-hinweis .bi{color:var(--accent)}
.bau-typ{background:#fff;color:var(--ink);border-left:4px solid var(--accent);border-radius:0 4px 4px 0;padding:.7rem .85rem;
  font-size:.88rem;margin:1rem 0 0}
.bau-typ .bi{color:var(--accent-dark)}
.bau-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:1.3rem}
.bau-methode{flex:1 1 30rem;font-size:.8rem;color:var(--muted);margin:0;min-width:0}
.bau-methode .bi{color:var(--primary)}
.bau-cta{flex:0 0 auto}
.bau-laender{margin-top:1.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}
.bau-laender h3{font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:1.08rem;
  margin:0 0 .3rem}
.bau-laender .bau-klein{color:var(--muted)}
.bau-tabelle-wrap{overflow-x:auto}
.bau-tabelle{width:100%;border-collapse:collapse;font-size:.9rem}
.bau-tabelle th,.bau-tabelle td{padding:.42rem .5rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.bau-tabelle thead th{font-family:var(--font-head);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;
  color:var(--muted);border-bottom:2px solid var(--primary)}
.bau-tabelle tbody th{font-weight:600}
.bau-tabelle tbody th a{color:var(--primary-dark);text-decoration:none}
.bau-tabelle tbody th a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.bau-tabelle td{white-space:nowrap;font-variant-numeric:tabular-nums}
.bau-tabelle td b{font-family:var(--font-head);font-weight:600;color:var(--primary-dark)}
.bau-land-balken{display:inline-block;height:10px;width:calc(var(--w) * .55);min-width:6px;background:var(--accent);
  margin-right:.5rem;vertical-align:middle}
.bau-tabelle tbody tr:nth-child(-n+3) .bau-land-balken{background:repeating-linear-gradient(-45deg,var(--accent) 0 6px,var(--accent-dark) 6px 12px)}

/* ------------------------------------------------------------------------------------------------------------------
   Bureau (≥ 901 px)
   ------------------------------------------------------------------------------------------------------------------ */
@media(min-width:901px){
  .kachw4 .tafek8{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;padding-top:52px;align-items:start}
  .kachw4 .tafek8>div:first-child{padding-top:.4rem}
  .bau-raster{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px}
  .bau-aktiv{position:sticky;top:92px}
  .spara2 .tafek8{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:26px 64px;
    padding:48px 18px 30px}
  .spara2 .tafek8>div:first-child{grid-column:1;grid-row:1;max-width:none;margin:0}
  .spara2 .tafek8>div:nth-child(2){grid-column:1;grid-row:2}
  .spara2 .tafek8>div:nth-child(3){grid-column:2;grid-row:1/span 3;columns:2;column-gap:28px}
  .spara2 .tafek8>div:nth-child(3) h4{column-span:all}
  .spara2 .tafek8>div:nth-child(4){grid-column:1;grid-row:3}
  .spara2 .tafek8>div:last-child:nth-child(3){grid-column:1;grid-row:3;columns:auto}
  .bau-tabelle td:nth-child(2){width:48%}
}

/* ------------------------------------------------------------------------------------------------------------------
   Tablette et mobile
   ------------------------------------------------------------------------------------------------------------------ */
@media(max-width:900px){
  .kastb5{grid-template-columns:minmax(0,1fr)!important}
  .beree5,.randw1{min-width:0}
  .flaek6,.randw1 .gassu5{overflow-wrap:anywhere}
  .stufz8{grid-template-columns:minmax(0,1fr)}
  .spara2 .tafek8{grid-template-columns:minmax(0,1fr)!important;text-align:left}
  .spara2 .tafek8>div:first-child{max-width:none;margin:0}
  .spara2 .tafek8>div:nth-child(3){columns:2;column-gap:20px}
  .spara2 .tafek8>div:nth-child(3) h4{column-span:all}
  .bau-chips::before{top:14px}
}
@media(max-width:560px){
  .bau-chip-text{display:none}
  .bau-chips{gap:2px;padding-bottom:.8rem}
  .bau-hex--klein{width:30px;height:27px;font-size:.8rem}
  .bau-plan{padding:1rem .9rem}
  .bau-etappe{grid-template-columns:38px minmax(0,1fr);gap:11px}
  .bau-etappe .bau-hex{width:38px;height:34px;font-size:1rem}
  .bau-fahrplan::before{left:18px}
  .bau-zahlen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bau-steuerung .bau-weiter{width:100%;justify-content:center}
  .bau-tabelle{font-size:.84rem}
  .bau-tabelle th,.bau-tabelle td{padding:.38rem .3rem}
  .bau-land-balken{display:none}
  .blocn9::after{width:52px;height:52px}
  .kernp6{grid-template-columns:minmax(0,1fr)}
  .spark8{font-size:2.1rem}
}
@media(prefers-reduced-motion:reduce){.bau-neu{animation:none}}