/* Bauwert Academy — gemeinsames Stylesheet */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-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;
}

/* =========================================================================
   Bauwert Projektmanagement — Foundations
   Colors, type, spacing tokens. Imported by every UI kit + preview card.
   ========================================================================= */

/* ---- Google Fonts substitutes -------------------------------------------
   Original: Corporate A WGL™ (display) + Nexa (body) — both licensed.
   Substitutes used here (replace when license files arrive):
     Source Serif 4   →  editorial serif for headlines (Bauwert Serif)
     Manrope          →  geometric sans for UI + body (Bauwert Sans)
   --------------------------------------------------------------------- */
:root {
  /* ---------- Color: Bauwert Blau (primary, dominant) ---------- */
  --blau-50:  #F2F5F8;
  --blau-100: #E7EAEE;
  --blau-200: #D0D6DD;
  --blau-300: #98A6B6;
  --blau-400: #5B7089;
  --blau-500: #2A4D74;
  --blau-600: #163457;   /* Bauwert Blau — brand primary */
  --blau-700: #112945;
  --blau-800: #081422;
  --blau-900: #060F1A;

  /* ---------- Color: Bronze (accent — sparse) ---------- */
  --bronze-50:  #F7F2F1;
  --bronze-100: #EFE6E4;
  --bronze-200: #E1CFC9;
  --bronze-300: #C8A9A0;
  --bronze-400: #B18578;   /* Bauwert Bronze — brand accent */
  --bronze-500: #9C7064;
  --bronze-600: #8D6A60;
  --bronze-700: #6E4E45;
  --bronze-800: #463530;
  --bronze-900: #352724;

  /* ---------- Color: Neutrals (warm-cool, paper-leaning) ---------- */
  --paper:     #FAFAF8;   /* page background — softer than pure white */
  --paper-2:   #F4F4F1;
  --rule:      #E5E5E0;
  --rule-soft: #EFEFEA;
  --ink-900:   #0F1722;   /* primary text */
  --ink-700:   #2A323D;
  --ink-500:   #5A6371;
  --ink-400:   #8A929E;
  --ink-300:   #B4BAC3;
  --ink-200:   #D6DAE0;
  --white:     #FFFFFF;
  --black:     #000000;

  /* ---------- Semantic ---------- */
  --bg:            var(--paper);
  --bg-elevated:   var(--white);
  --bg-inverse:    var(--blau-600);
  --fg:            var(--ink-900);
  --fg-muted:      var(--ink-500);
  --fg-subtle:     var(--ink-400);
  --fg-on-blau:    var(--white);
  --brand:         var(--blau-600);
  --brand-hover:   var(--blau-700);
  --accent:        var(--bronze-400);
  --accent-hover:  var(--bronze-600);
  --border:        var(--rule);
  --border-strong: var(--ink-200);
  --border-inverse: rgba(255,255,255,0.18);
  --focus-ring:    var(--bronze-400);

  /* ---------- Type families ---------- */
  --font-serif: "Source Serif 4", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans:  "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* ---------- Type scale (desktop). Editorial, generous. ---------- */
  /* font-size scale (48 → 88 etc.) — typographic scalars, not font families */
  --fs-display: clamp(3rem, 6vw + 0.5rem, 5.5rem);     /* @kind other */
  --fs-h1:      clamp(2.25rem, 3.4vw + 0.5rem, 3.5rem); /* @kind other */
  --fs-h2:      clamp(1.75rem, 2vw + 0.5rem, 2.5rem);   /* @kind other */
  --fs-h3:      clamp(1.375rem, 1vw + 0.75rem, 1.75rem);/* @kind other */
  --fs-h4:      1.25rem;     /* @kind other */
  --fs-lead:    1.25rem;     /* @kind other */
  --fs-body:    1rem;        /* @kind other */
  --fs-small:   0.875rem;    /* @kind other */
  --fs-eyebrow: 0.75rem;     /* @kind other */

  /* line-heights */
  --lh-display: 1.06;        /* @kind other */
  --lh-h1:      1.1;         /* @kind other */
  --lh-h2:      1.15;        /* @kind other */
  --lh-h3:      1.25;        /* @kind other */
  --lh-body:    1.6;         /* @kind other */
  --lh-tight:   1.35;        /* @kind other */

  /* letter-spacing */
  --ls-tight:   -0.02em;     /* @kind other */
  --ls-snug:    -0.01em;     /* @kind other */
  --ls-normal:  0;           /* @kind other */
  --ls-eyebrow: 0.14em;      /* @kind other */

  /* font-weights */
  --fw-light:   300;         /* @kind other */
  --fw-regular: 400;         /* @kind other */
  --fw-medium:  500;         /* @kind other */
  --fw-semibold:600;         /* @kind other */
  --fw-bold:    700;         /* @kind other */

  /* ---------- Spacing (8-pt soft grid) ---------- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;
  --space-11: 192px;

  --gutter:        clamp(24px, 5vw, 80px);   /* @kind spacing */
  --section-y:     clamp(80px, 10vw, 160px); /* @kind spacing */
  --section-y-sm:  clamp(48px, 6vw, 96px);   /* @kind spacing */
  --container:     1440px;                   /* @kind spacing */
  --container-wide:1720px;                   /* @kind spacing */
  --container-text:680px;                    /* @kind spacing */

  /* ---------- Radii (intentionally zero — squared, architectural) ---------- */
  --radius-0:  0;
  --radius-xs: 1px;   /* hairlines */
  --radius-sm: 2px;
  --radius-md: 4px;   /* maximum — used only for inputs in dense states */
  --radius-pill: 999px; /* tags/status only — almost never used */

  /* ---------- Elevation: print-like, almost flat ---------- */
  --shadow-0: none;
  --shadow-1: 0 1px 0 0 var(--rule);                    /* hairline only */
  --shadow-2: 0 1px 2px rgba(15,23,34,0.04), 0 1px 0 rgba(15,23,34,0.04);
  --shadow-3: 0 16px 40px -16px rgba(15,23,34,0.12), 0 2px 6px rgba(15,23,34,0.04);

  /* ---------- Motion — subtle, never decorative ---------- */
  --ease:          cubic-bezier(0.2, 0.7, 0.2, 1); /* @kind other */
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --dur-fast:      120ms;    /* @kind other */
  --dur:           200ms;    /* @kind other */
  --dur-slow:      400ms;    /* @kind other */
}

/* ---------- Element defaults ---------- */
html {
  font-family: var(--font-sans);
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "kern";
}

body {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-weight: var(--fw-regular);
  color: var(--fg);
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  color: var(--ink-900);
  letter-spacing: var(--ls-tight);
  text-wrap: balance;
  margin: 0;
}

h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); }
h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); }
h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); }
h4 { font-size: var(--fs-h4); line-height: var(--lh-tight); }

p { margin: 0; text-wrap: pretty; }

a {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color var(--dur) var(--ease);
}
a:hover { color: var(--accent-hover); }

::selection { background: var(--bronze-200); color: var(--ink-900); }

/* ---------- Utility helpers used across cards + kit ---------- */
.bw-display   { font-family: var(--font-serif); font-size: var(--fs-display); line-height: var(--lh-display); letter-spacing: var(--ls-tight); font-weight: 400; color: var(--ink-900); }
.bw-eyebrow   { font-family: var(--font-sans); font-size: var(--fs-eyebrow); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; font-weight: 500; color: var(--fg-muted); }
.bw-lead      { font-family: var(--font-sans); font-size: var(--fs-lead); line-height: 1.5; color: var(--ink-700); font-weight: 300; }
.bw-rule      { display:block; width: 56px; height: 1px; background: var(--ink-900); }
.bw-rule-bronze { display:block; width: 56px; height: 2px; background: var(--bronze-400); }
.bw-container { max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }

/* =========================================================================
   Bauwert Design System — root entry point
   Consuming projects link THIS file. It pulls in the canonical foundations
   (color, type, spacing, radii, elevation, motion tokens) from
   colors_and_type.css. Auxiliary CSS (preview cards, static export, the
   Relume reference) is intentionally NOT imported here — it is not part of
   the shared token surface.
   ========================================================================= */


/* Site */
html{background:var(--paper);scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);overflow-x:hidden}
*{box-sizing:border-box}
a{color:inherit}
a:hover{color:var(--accent-hover)}
::selection{background:var(--bronze-200)}
img,video{max-width:100%}
input,select,textarea,button{font:inherit;color:inherit}
input,select,textarea{border-radius:0}
picture{display:contents}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--bronze-400);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:var(--white);color:var(--blau-700);padding:12px 18px;font-weight:500}
.skip-link:focus{left:16px;top:12px}
@media (max-width:900px){.nav-wide{display:none!important}}
@media (min-width:901px){.nav-burger{display:none!important}}
@media (max-width:900px),(pointer:coarse){footer a{min-height:44px;display:inline-flex;align-items:center}footer .bw-container div[style*="gap:10px"]{gap:0!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;transition-duration:1ms!important}}
html.bw-m .v-desk{display:none!important}
@keyframes bwScrollCue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* Mobile Fassung (unter 768 px) */
.v-mob main h1, .v-mob main h2, .v-mob main h3, .v-mob main h4, .v-mob main p, .v-mob main dt, .v-mob main dd, .v-mob main li, .v-mob main figcaption, .v-mob main .bw-eyebrow { text-align: center !important; margin-inline: auto !important; text-wrap: balance; }
.v-mob main p { text-wrap: pretty; }
.v-mob main li[data-chip] { margin: 0 !important; }
.v-mob main [style*="align-items:flex-start"], .v-mob main [style*="align-items: flex-start"] { align-items: center !important; }
.v-mob main [style*="align-self:flex-start"] { align-self: center !important; }
.v-mob main [style*="justify-content:space-between"]:not(dl *):not(dl) { justify-content: center !important; }
.v-mob main li[style*="space-between"], .v-mob main dl > div[style*="space-between"] { justify-content: space-between !important; width: 100%; margin-inline: 0 !important; }
.v-mob main li[style*="space-between"] > *, .v-mob main dl > div[style*="space-between"] > * { margin-inline: 0 !important; text-align: left !important; }
.v-mob main li[style*="space-between"] > :last-child, .v-mob main dl > div[style*="space-between"] > :last-child { text-align: right !important; }
.v-mob main li[style*="text-indent"] { margin-inline: 0 !important; }
.v-mob main .bw-container, .v-mob main [style*="display:grid"] { justify-items: center; }
.v-mob main [data-m-tiles] > li { border-top-width: 2px !important; }
.v-mob main [data-m-tiles] h3 { font-size: 15px !important; line-height: 1.3 !important; }
.v-mob main [data-m-pkg] article { padding: 18px 0 !important; }
.v-mob main [data-m-pkg] h2 { font-size: 1.25rem !important; }
.v-mob main [data-m-pkg] article > div:first-child { gap: 2px 16px !important; }
.v-mob main [data-m-pkg] [data-m-price] { font-size: 1.35rem !important; }
.v-mob main [data-m-pkg] article > div:first-child p, .v-mob main [data-m-pkg] [data-m-price] + div { font-size: 13px !important; margin-top: 2px !important; }
.v-mob main [data-m-pkg] article > div:last-child { margin-top: 10px !important; }
.v-mob main [data-m-pkg] article > div:last-child p, .v-mob main [data-m-pkg] li { font-size: 14px !important; line-height: 1.45 !important; }
.v-mob main [data-m-pkg] ul { margin-top: 8px !important; gap: 4px !important; }
.v-mob main dl[data-m-stats] dd { font-size: 1.4rem !important; }
.v-mob main [data-hero-copy]:not([data-home-hero]) { justify-items: center; text-align: center; }
.v-mob main h1:not([data-home-hero] h1) { font-size: clamp(1.8rem, 7.2vw, 2.25rem) !important; line-height: 1.12 !important; }
.v-mob main h1, .v-mob main h2 { max-width: 100% !important; }
.v-mob main h2 { font-size: clamp(1.4rem, 5.6vw, 1.8rem) !important; line-height: 1.16 !important; }
.v-mob main h3 { font-size: clamp(1.05rem, 4.4vw, 1.2rem) !important; }
.v-mob main p:not([data-home-hero] p), .v-mob main li, .v-mob main dd { font-size: 15px !important; line-height: 1.6 !important; }
.v-mob main .bw-lead:not([data-home-hero] .bw-lead) { font-size: 16px !important; }
.v-mob [data-home-hero] h1, .v-mob [data-home-hero] p, .v-mob [data-home-hero] .bw-eyebrow { text-align: left !important; margin-inline: 0 !important; }

/* Hover/Fokus */
.h1:hover{color:var(--bronze-300) !important;border-color:var(--bronze-300) !important}
.h2:hover{color:var(--bronze-300) !important}
.h3:hover{color:var(--bronze-300) !important;border-bottom-color:var(--bronze-300) !important}
.h4:hover{color:var(--accent-hover) !important;border-bottom-color:var(--bronze-400) !important}
.h5:hover{background:var(--bronze-400) !important;color:var(--white) !important}
.h6:hover{border-color:var(--blau-600) !important;background:var(--white) !important}
.h7:hover{color:var(--blau-600) !important}
.h8:hover{background:var(--blau-700) !important;color:var(--white) !important}
.h9:hover{color:var(--bronze-200) !important;border-bottom-color:var(--bronze-300) !important}
.ha:hover{color:var(--bronze-200) !important;border-bottom-color:var(--bronze-400) !important}
.hb:hover{background:var(--blau-700) !important}
.fc:focus{border-color:var(--bronze-400) !important}
.hd:hover{color:var(--accent-hover) !important}
.he:hover{border-color:var(--blau-600) !important;color:var(--blau-600) !important}
.hf:hover{border-color:var(--blau-600) !important}

/* Anpassungen 13.10.2026 */
picture>source{display:none}
.bw-haus-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.bw-haus-grid img{flex:0 1 calc((100% - 48px)/3);min-width:0}
@media (max-width:900px){.bw-haus-grid img{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:560px){.bw-haus-grid img{flex-basis:100%}}