/* Aus dem abgenommenen Mockup (HaWaGo-Designsystem 1.15). Nicht von Hand aendern:
   erzeugt von werkzeuge/css-bauen.py aus hawago-website-mockup.html. */
:root {
  --weiss: #FFFFFF;
}
:root {
  --dunkel: #0E3B43; --dunkel-2: #0A2E34; --flaeche: #EEF4F3; --linie: #D5E2E0; --linie-stark: #6E8A8C;
  --text: #46585B; --akzent: #F7A80A; --akzent-hover: #DE9600; --auf-akzent: #0E3B43;
  --link: #0E6B73; --hell: #D5E2E0; --fehler: #B42318; --erfolg: #2F6B3F;
  --hero: #0E3B43; --hero-text: #FFFFFF; --hero-lead: #D5E2E0; --glow: rgba(247,168,10,.28);
}
:root {
  --font: "Inter", system-ui, sans-serif;
  --h1: 48px; --h2: 36px; --h3: 22px;
  --lead: 20px; --body: 18px; --small: 15px; --btn: 17px;
  --max: 1140px; --textmax: 720px;
  --rand: 32px; --sektion: 96px; --gap: 32px; --kopf-abstand: 48px;
  --karte-pad: 32px;
  --r-btn: 6px; --r-karte: 12px; --r-bild: 16px;
  --header-h: 88px;
}
@media (max-width: 1024px) {
:root {
    --h1: 40px; --h2: 32px; --h3: 21px; --lead: 19px; --body: 17px;
    --rand: 24px; --sektion: 80px; --gap: 24px; --kopf-abstand: 40px; --karte-pad: 28px;
  }
}
@media (max-width: 767px) {
:root {
    --h1: 34px; --h2: 28px; --h3: 20px; --lead: 18px; --body: 17px;
    --rand: 20px; --sektion: 64px; --gap: 16px; --kopf-abstand: 32px; --karte-pad: 24px;
    --header-h: 72px;
  }
}
@media (prefers-reduced-motion: reduce) {
body.hawago-seite * { transition: none !important; }
}
body.hawago-seite *, body.hawago-seite *::before, body.hawago-seite *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-padding-top: var(--header-h); }
body.hawago-seite { font-family: var(--font); font-size: var(--body); line-height: 1.65; color: var(--text); background: var(--weiss); -webkit-font-smoothing: antialiased; }
body.hawago-seite h1, body.hawago-seite h2, body.hawago-seite h3 { color: var(--dunkel); }
body.hawago-seite h1 { font-size: var(--h1); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; }
body.hawago-seite h2 { font-size: var(--h2); font-weight: 700; line-height: 1.2; }
body.hawago-seite h3 { font-size: var(--h3); font-weight: 600; line-height: 1.3; hyphens: auto; overflow-wrap: break-word; }
body.hawago-seite p { max-width: var(--textmax); }
body.hawago-seite .lead { font-size: var(--lead); line-height: 1.6; }
body.hawago-seite .klein { font-size: var(--small); line-height: 1.5; }
body.hawago-seite .container { max-width: calc(var(--max) + 2 * var(--rand)); margin: 0 auto; padding: 0 var(--rand); }
body.hawago-seite .sektion { padding: var(--sektion) 0; }
body.hawago-seite .bg-weiss { background: var(--weiss); }
body.hawago-seite .bg-flaeche { background: var(--flaeche); }
body.hawago-seite .bg-dunkel { background: var(--dunkel); }
body.hawago-seite .kopf { margin-bottom: var(--kopf-abstand); }
body.hawago-seite .kopf p { margin-top: 16px; }
body.hawago-seite .icon { width: 24px; height: 24px; flex: none; color: var(--link); fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.hawago-seite .icon-32 { width: 32px; height: 32px; }
body.hawago-seite .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 28px; border: 2px solid transparent; border-radius: var(--r-btn); font: 600 var(--btn)/1 var(--font); text-decoration: none; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; }
body.hawago-seite .btn-haupt { background: var(--akzent); color: var(--auf-akzent); }
body.hawago-seite .btn-haupt:hover { background: var(--akzent-hover); }
body.hawago-seite .btn-zweit { background: transparent; border-color: var(--hero-text); color: var(--hero-text); }
body.hawago-seite .btn-zweit:hover { background: var(--hero-text); color: var(--hero); }
body.hawago-seite :focus-visible { outline: 3px solid var(--dunkel); outline-offset: 2px; }
body.hawago-seite .bg-dunkel :focus-visible, body.hawago-seite .einstieg :focus-visible { outline-color: var(--akzent); }
body.hawago-seite .btn-gruppe { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
body.hawago-seite .link { color: var(--link); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; transition: color 150ms; }
body.hawago-seite .link:hover { color: var(--dunkel); }
body.hawago-seite .header { position: sticky; top: 0; z-index: 10; height: var(--header-h); background: var(--weiss); border-bottom: 1px solid transparent; transition: border-color 150ms; }
body.hawago-seite .header.gescrollt { border-bottom-color: var(--linie); }
body.hawago-seite .header .container { height: 100%; display: flex; align-items: center; justify-content: space-between; }
body.hawago-seite .logo { display: flex; align-items: center; height: 52px; text-decoration: none; }
body.hawago-seite .logo img { height: 100%; width: auto; display: block; }
body.hawago-seite .logo-hell { filter: brightness(0) invert(1); }
body.hawago-seite .logo-platz img { height: 100%; width: auto; max-width: 100%; object-fit: contain; }
body.hawago-seite .logo-platz a { display: flex; align-items: center; height: 100%; max-width: 100%; border-radius: var(--r-btn); transition: opacity 150ms; }
body.hawago-seite .logo-platz a:hover { opacity: .7; }
body.hawago-seite .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.hawago-seite .nav { display: flex; align-items: center; gap: 32px; }
body.hawago-seite .nav .menu { font-size: var(--btn); font-weight: 600; color: var(--dunkel); text-decoration: none; padding: 12px 0; border-bottom: 2px solid transparent; transition: border-color 150ms; }
body.hawago-seite .nav .menu:hover, body.hawago-seite .nav .menu.aktiv { border-bottom-color: var(--akzent); }
body.hawago-seite .menu-knopf { display: none; width: 48px; height: 48px; align-items: center; justify-content: center; background: none; border: 0; border-radius: var(--r-btn); color: var(--dunkel); cursor: pointer; }
body.hawago-seite .menu-knopf .icon { color: var(--dunkel); }
body.hawago-seite .mobil-menu { display: none; }
body.hawago-seite .einstieg .container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); align-items: center; }
body.hawago-seite .einstieg { position: relative; overflow: hidden; background: var(--hero); }
body.hawago-seite .einstieg::before { content: ""; position: absolute; width: 640px; height: 640px; right: -160px; top: -240px; border-radius: 50%; background: var(--glow); filter: blur(80px); pointer-events: none; }
body.hawago-seite .einstieg .container { position: relative; }
body.hawago-seite .einstieg h1 { color: var(--hero-text); }
body.hawago-seite .einstieg .lead { margin-top: 24px; color: var(--hero-lead); }
body.hawago-seite .einstieg .bild { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); color: var(--hero-lead); }
body.hawago-seite .bild { display: flex; align-items: center; justify-content: center; padding: 24px; border: 1px solid var(--linie); border-radius: var(--r-bild); background: var(--weiss); text-align: center; }
body.hawago-seite .bild-4-3 { aspect-ratio: 4 / 3; }
body.hawago-seite .bild-foto-4-5 { aspect-ratio: 4 / 5 !important; }
body.hawago-seite .kontakt-person .bild-foto { max-width: 280px; }
body.hawago-seite .bild-foto { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-bild); }
body.hawago-seite .bild-4-5 { aspect-ratio: 4 / 5; }
body.hawago-seite .raster-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); }
body.hawago-seite .karte { display: flex; flex-direction: column; padding: var(--karte-pad); border: 1px solid var(--linie); border-radius: var(--r-karte); background: var(--weiss); }
body.hawago-seite .karte .icon { margin-bottom: 16px; }
body.hawago-seite .karte h3 { margin-bottom: 8px; }
body.hawago-seite .karte p { flex-grow: 1; }
body.hawago-seite .karte .link { margin-top: 16px; align-self: flex-start; }
body.hawago-seite .raster-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--gap); }
body.hawago-seite .eintrag { display: flex; gap: 16px; padding: 24px 0; border-top: 1px solid var(--linie); }
body.hawago-seite .eintrag .icon { margin-top: 4px; }
body.hawago-seite .eintrag strong { display: block; color: var(--dunkel); font-weight: 600; }
body.hawago-seite .nach-raster { margin-top: 32px; }
body.hawago-seite .punkte { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--gap); row-gap: 32px; }
body.hawago-seite .punkt strong { display: block; margin-top: 16px; color: var(--dunkel); font-weight: 600; }
body.hawago-seite .punkt p { margin-top: 8px; }
body.hawago-seite .person { display: grid; grid-template-columns: 4fr 8fr; gap: var(--gap); align-items: center; }
body.hawago-seite .person .bild { background: var(--flaeche); }
body.hawago-seite .person h3 { margin-top: 24px; }
body.hawago-seite .person p { margin-top: 16px; }
body.hawago-seite .person .link { display: inline-block; margin-top: 16px; }
body.hawago-seite .schritte { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--gap); }
body.hawago-seite .schritt { position: relative; }
body.hawago-seite .ziffer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 2px solid var(--akzent); border-radius: 50%; background: var(--flaeche); color: var(--dunkel); font-weight: 600; }
body.hawago-seite .schritt:not(:last-child)::after { content: ""; position: absolute; top: 20px; left: 40px; right: calc(-1 * var(--gap)); height: 1px; background: var(--linie); }
body.hawago-seite .bg-weiss .ziffer { background: var(--weiss); }
body.hawago-seite .schritt h3 { margin-top: 16px; }
body.hawago-seite .schritt p { margin-top: 8px; }
body.hawago-seite .logos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--gap); align-items: center; }
body.hawago-seite .logo-platz { display: flex; align-items: center; height: 40px; color: var(--dunkel); font-weight: 600; font-size: var(--small); }
body.hawago-seite .abschluss { text-align: center; }
body.hawago-seite .abschluss h2 { color: var(--weiss); }
body.hawago-seite .abschluss p { margin: 16px auto 0; color: var(--hell); }
body.hawago-seite .abschluss .btn { margin-top: 32px; }
body.hawago-seite .footer { padding: 64px 0 32px; color: var(--hell); font-size: var(--small); line-height: 1.5; }
body.hawago-seite .footer-raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); }
body.hawago-seite .footer .logo { height: 44px; margin-bottom: 16px; }
body.hawago-seite .footer .titel { font-weight: 600; margin-bottom: 8px; }
body.hawago-seite .footer a:not(.logo) { color: var(--hell); text-decoration: none; }
body.hawago-seite .footer a:not(.logo):hover { text-decoration: underline; }
body.hawago-seite .footer ul { list-style: none; }
body.hawago-seite .footer li + li { margin-top: 8px; }
body.hawago-seite .copyright { max-width: none; margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
@media (max-width: 1024px) {
body.hawago-seite .raster-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.hawago-seite .logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.hawago-seite .footer-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.hawago-seite .footer-raster > :last-child { grid-column: 1 / -1; }
body.hawago-seite .schritte { grid-template-columns: 1fr; row-gap: 32px; }
body.hawago-seite .schritt { padding-left: 56px; min-height: 40px; }
body.hawago-seite .ziffer { position: absolute; top: 0; left: 0; }
body.hawago-seite .schritt h3 { margin-top: 8px; }
body.hawago-seite .schritt:not(:last-child)::after { top: 40px; left: 20px; right: auto; bottom: -32px; width: 1px; height: auto; }
}
@media (max-width: 767px) {
body.hawago-seite .logo { height: 40px; }
body.hawago-seite .nav { display: none; }
body.hawago-seite .menu-knopf { display: flex; }
body.hawago-seite .mobil-menu { position: absolute; top: 100%; left: 0; right: 0; padding: 0 var(--rand) 24px; background: var(--weiss); border-bottom: 1px solid var(--linie); }
body.hawago-seite .mobil-menu.offen { display: block; }
body.hawago-seite .mobil-menu a.menu { display: flex; align-items: center; height: 56px; border-bottom: 1px solid var(--linie); font-size: 20px; font-weight: 600; color: var(--dunkel); text-decoration: none; }
body.hawago-seite .mobil-menu .btn { width: 100%; margin-top: 24px; }
body.hawago-seite .einstieg .container, body.hawago-seite .person, body.hawago-seite .raster-2, body.hawago-seite .punkte, body.hawago-seite .footer-raster { grid-template-columns: minmax(0, 1fr); }
body.hawago-seite .raster-3 { grid-template-columns: minmax(0, 1fr); }
body.hawago-seite .btn-gruppe { flex-direction: column; gap: 12px; }
body.hawago-seite .btn-gruppe .btn, body.hawago-seite .abschluss .btn { width: 100%; }
body.hawago-seite .person .bild { max-width: 280px; }
body.hawago-seite .person h2 { margin-top: 8px; }
body.hawago-seite .logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.hawago-seite .logo-platz { height: 32px; }
body.hawago-seite .footer-raster > :last-child { grid-column: auto; }
body.hawago-seite .footer a:not(.logo) { display: inline-flex; align-items: center; min-height: 44px; }
body.hawago-seite .footer li + li { margin-top: 0; }
}
body.hawago-seite .kontakt-einleitung { margin-bottom: var(--kopf-abstand); }
body.hawago-seite .kontakt-einleitung .lead { margin-top: 24px; }
body.hawago-seite .kontakt-raster { display: grid; grid-template-columns: 7fr 5fr; grid-template-areas: "formular person"; gap: var(--gap); align-items: start; }
body.hawago-seite .kontakt-person { grid-area: person; padding: var(--karte-pad); background: var(--flaeche); border-radius: var(--r-karte); }
body.hawago-seite .kontakt-person .bild { max-width: 280px; background: var(--weiss); }
body.hawago-seite .kontakt-person h2 { margin-top: 24px; font-size: var(--h3); line-height: 1.3; }
body.hawago-seite .kontakt-person .rolle { margin-top: 4px; }
body.hawago-seite .kontakt-person ul { list-style: none; margin-top: 16px; }
body.hawago-seite .kontakt-person li a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; }
body.hawago-seite .formular { grid-area: formular; }
body.hawago-seite .feld { margin-bottom: 24px; }
body.hawago-seite .feld label { display: block; margin-bottom: 8px; font-size: var(--small); font-weight: 600; line-height: 1.5; color: var(--dunkel); }
body.hawago-seite .feld input:not([type="checkbox"]), body.hawago-seite .feld textarea { display: block; width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid var(--linie-stark); border-radius: var(--r-btn); background: var(--weiss); font: 400 17px/1.5 var(--font); color: var(--text); transition: border-color 150ms; }
body.hawago-seite .feld textarea { resize: vertical; }
body.hawago-seite .feld input:not([type="checkbox"]):focus, body.hawago-seite .feld textarea:focus { outline: none; border-color: var(--dunkel); box-shadow: 0 0 0 1px var(--dunkel); }
body.hawago-seite .feld [aria-invalid="true"] { border-color: var(--fehler); }
body.hawago-seite .fehlertext { margin-top: 8px; font-size: var(--small); line-height: 1.5; color: var(--fehler); }
body.hawago-seite .feld-check .check { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; font-size: var(--small); font-weight: 400; line-height: 1.5; color: var(--text); cursor: pointer; }
body.hawago-seite .check input { flex: none; width: 24px; height: 24px; min-height: 0; margin: 0; padding: 0; accent-color: var(--dunkel); cursor: pointer; }
body.hawago-seite .check input[aria-invalid="true"] { outline: 2px solid var(--fehler); outline-offset: 2px; }
body.hawago-seite .erfolgstext { margin-top: 16px; font-weight: 600; color: var(--erfolg); }
body.hawago-seite .formular .klein { margin-top: 16px; }
@media (max-width: 767px) {
body.hawago-seite .kontakt-raster { grid-template-columns: minmax(0, 1fr); grid-template-areas: "person" "formular"; }
body.hawago-seite .formular .btn { width: 100%; }
}
body.hawago-seite .branche-kopf { display: flex; align-items: center; gap: 16px; }
body.hawago-seite .branche-kopf h2 { min-width: 0; hyphens: auto; overflow-wrap: break-word; }
body.hawago-seite .branche-einleitung { margin-top: 16px; }
body.hawago-seite .nach-absatz { margin-top: 16px; }
body.hawago-seite .zwei-spalten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); margin-top: var(--kopf-abstand); }
body.hawago-seite .liste { margin-top: 16px; padding-left: 24px; }
body.hawago-seite .liste li + li { margin-top: 8px; }
body.hawago-seite .liste li::marker { color: var(--link); }
body.hawago-seite .nutzen { max-width: none; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--linie); }
body.hawago-seite .nutzen strong { color: var(--dunkel); font-weight: 600; }
@media (max-width: 767px) {
body.hawago-seite .zwei-spalten { grid-template-columns: minmax(0, 1fr); row-gap: 32px; }
}
body.hawago-seite .produkt-logo { display: flex; align-items: center; height: 40px; margin-bottom: 24px; }
body.hawago-seite .produkt-logo img { height: 100%; width: auto; max-width: 100%; object-fit: contain; }
body.hawago-seite .hersteller { margin-top: 8px; }
@media (max-width: 767px) {
body.hawago-seite .produkt-logo { height: 32px; }
}
body.hawago-seite .textseite h2 { font-size: var(--h3); line-height: 1.3; margin-top: 48px; hyphens: auto; overflow-wrap: break-word; }
body.hawago-seite .textseite h2:first-of-type { margin-top: 0; }
body.hawago-seite .textseite p { margin-top: 16px; }
body.hawago-seite .textseite .kopf { margin-bottom: var(--kopf-abstand); }
body.hawago-seite .bild-3-2 { aspect-ratio: 3 / 2 !important; }
body.hawago-seite .ueber-text > * { max-width: var(--textmax); }
body.hawago-seite .ueber-text h2 { font-size: var(--h3); line-height: 1.3; margin-top: 48px; }
body.hawago-seite .ueber-text p { margin-top: 16px; }
body.hawago-seite .zitat { max-width: var(--textmax); margin-top: 48px; padding-left: 24px; border-left: 3px solid var(--akzent); }
body.hawago-seite .zitat p { font-size: var(--lead); line-height: 1.6; color: var(--dunkel); }
body.hawago-seite .zitat footer { margin-top: 16px; font-size: var(--small); line-height: 1.5; }
body.hawago-seite .zitat strong { color: var(--dunkel); font-weight: 600; }
@media (max-width: 767px) {
body.hawago-seite .zitat { padding-left: 16px; }
}
body.hawago-seite .beispiel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); margin-top: var(--kopf-abstand); }
body.hawago-seite .beispiel h3 { margin-bottom: 16px; }
@media (max-width: 767px) {
body.hawago-seite .beispiel { grid-template-columns: minmax(0, 1fr); row-gap: 32px; }
}

/* Ergaenzungen fuer WordPress (assets/ergaenzungen.css) */
body.hawago-seite :where(.wp-block-group, body.hawago-seite .wp-block-image, body.hawago-seite figure, body.hawago-seite ul, body.hawago-seite ol, body.hawago-seite p) { margin: 0; }
body.hawago-seite :where(.raster-3, body.hawago-seite .raster-2, body.hawago-seite .punkte, body.hawago-seite .logos, body.hawago-seite .schritte, body.hawago-seite .zwei-spalten, body.hawago-seite .karte, body.hawago-seite .footer-raster) > * { margin-block: 0; }
body.hawago-seite :where(.bild-foto) { display: block; width: 100%; height: auto; }
body.hawago-seite :where(.einstieg) figure, body.hawago-seite :where(.person) figure { min-width: 0; }
body.hawago-seite :where(.liste) { margin-top: 16px; padding-left: 24px; }
body.hawago-seite :where(.kopf) > *:first-child { margin-top: 0; }
body.hawago-seite .srfm-form-container { padding: 0 !important; background: none !important; }
body.hawago-seite .srfm-form .srfm-block { margin-bottom: 24px; }
body.hawago-seite .srfm-form label, body.hawago-seite .srfm-form .srfm-block-label {
  display: block; margin-bottom: 8px; font-size: var(--small); font-weight: 600;
  line-height: 1.5; color: var(--dunkel);
}
body.hawago-seite .srfm-form input[type="text"], body.hawago-seite .srfm-form input[type="email"], body.hawago-seite .srfm-form input[type="tel"], body.hawago-seite .srfm-form textarea {
  display: block; width: 100%; min-height: 48px; padding: 12px 16px;
  border: 1px solid var(--linie-stark); border-radius: var(--r-btn); background: var(--weiss);
  font: 400 17px/1.5 var(--font); color: var(--text); transition: border-color 150ms;
}
body.hawago-seite .srfm-form textarea { resize: vertical; min-height: 140px; }
body.hawago-seite .srfm-form input:focus, body.hawago-seite .srfm-form textarea:focus {
  outline: none; border-color: var(--dunkel); box-shadow: 0 0 0 1px var(--dunkel);
}
body.hawago-seite .srfm-form .srfm-error, body.hawago-seite .srfm-form .srfm-error-message {
  margin-top: 8px; font-size: var(--small); line-height: 1.5; color: var(--fehler);
}
body.hawago-seite .srfm-form .srfm-submit-button, body.hawago-seite .srfm-form button[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
  padding: 14px 28px; border: 2px solid transparent; border-radius: var(--r-btn);
  background: var(--akzent); color: var(--auf-akzent);
  font: 600 var(--btn)/1 var(--font); text-decoration: none; cursor: pointer;
  transition: background-color 150ms;
}
body.hawago-seite .srfm-form .srfm-submit-button:hover, body.hawago-seite .srfm-form button[type="submit"]:hover { background: var(--akzent-hover); }
body.hawago-seite .srfm-form .srfm-success-box, body.hawago-seite .srfm-form .srfm-success-message {
  margin-top: 16px; font-weight: 600; color: var(--erfolg);
}
@media (max-width: 767px) {
body.hawago-seite .srfm-form .srfm-submit-button, body.hawago-seite .srfm-form button[type="submit"] { width: 100%; }
}
body.hawago-seite .wp-block-image { margin: 0; min-width: 0; }
body.hawago-seite .wp-block-image.bild-foto img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3;
  object-fit: cover; border-radius: var(--r-bild);
}
body.hawago-seite .wp-block-image.bild-3-2 img { aspect-ratio: 3 / 2; }
body.hawago-seite .wp-block-image.bild-foto-4-5 img { aspect-ratio: 4 / 5; }
body.hawago-seite .kontakt-person .wp-block-image { max-width: 280px; }
body.hawago-seite .titel-fett { display: block; margin: 0; color: var(--dunkel); font-weight: 600; }
body.hawago-seite .punkt .titel-fett { margin-top: 16px; }
body.hawago-seite .eintrag .titel-fett + p, body.hawago-seite .punkt .titel-fett + p { margin-top: 8px; }
body.hawago-seite p.ziffer { margin: 0; }
body.hawago-seite .srfm-form-container, body.hawago-seite .srfm-form {
  --ast-global-color-0: var(--dunkel);
  --ast-global-color-1: var(--link);
  --ast-global-color-2: var(--text);
  --ast-global-color-3: var(--dunkel);
  --ast-global-color-4: var(--weiss);
  --ast-global-color-5: var(--flaeche);
  --srfm-color-input-border: var(--linie-stark);
  --srfm-color-input-background: var(--weiss);
  --srfm-color-input-label: var(--dunkel);
  --srfm-color-input-text: var(--text);
}
body.hawago-seite .srfm-form-container .srfm-form .srfm-block .srfm-input-common, body.hawago-seite .srfm-form-container .srfm-form .srfm-block textarea.srfm-input-common {
  min-height: 48px; padding: 12px 16px;
  border: 1px solid var(--linie-stark); border-radius: var(--r-btn);
  background: var(--weiss); font: 400 17px/1.5 var(--font); color: var(--text);
}
body.hawago-seite .srfm-form-container .srfm-form .srfm-block textarea.srfm-input-common { min-height: 140px; }
body.hawago-seite .srfm-form-container .srfm-form .srfm-block .srfm-input-common:focus {
  outline: none; border-color: var(--dunkel); box-shadow: 0 0 0 1px var(--dunkel);
}
body.hawago-seite .srfm-form-container .srfm-form .srfm-block .srfm-block-label, body.hawago-seite .srfm-form-container .srfm-form .srfm-block label {
  font-size: var(--small); font-weight: 600; line-height: 1.5; color: var(--dunkel);
}
body.hawago-seite .srfm-form-container .srfm-form .srfm-required { display: none; }
body.hawago-seite .textseite h3, body.hawago-seite .textseite h4 {
  margin-top: 24px; font-size: var(--body); font-weight: 600; line-height: 1.4; color: var(--dunkel);
}
body.hawago-seite .textseite h3 + p, body.hawago-seite .textseite h4 + p { margin-top: 8px; }