/* CD1 · gemeinsame lokale Schrift- und Gestaltungsbasis. */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/schrift/instrument-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/schrift/instrument-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/schrift/instrument-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/schrift/instrument-sans-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/schrift/ibm-plex-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/schrift/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/schrift/ibm-plex-mono-latin-600-normal.woff2") format("woff2")}

@media screen{
  html:root[data-cd-site]{
    --cd-brand:#062933;--cd-white:#FFFFFF;--cd-turquoise:#26C4B6;--cd-gold:#D29A27;
    --cd-ground:#F4F7F7;--cd-surface:#FFFFFF;--cd-surface-alt:#EAF1F2;
    --cd-ink:#062933;--cd-secondary:#35515A;--cd-muted:#526B73;
    --cd-action:#062933;--cd-on-action:#FFFFFF;--cd-link:#006B66;--cd-focus:#006B66;
    --cd-accent-soft:#E4F1EF;--cd-border:#CAD8DC;--cd-control-border:#607E88;
    --cd-warning:#805817;--cd-warning-bg:#FBF4E5;
    --cd-danger:#B33232;--cd-danger-bg:#FBECEC;
    --cd-positive:#0E6657;--cd-positive-bg:#E6F3EE;
    --cd-radius:12px;--cd-control-radius:8px;
    --cd-shadow:0 2px 8px rgba(6,41,51,.045);
    --cd-sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
    --cd-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
    --bg:var(--cd-ground);--ground:var(--cd-ground);
    --surface:var(--cd-surface);--surface-2:var(--cd-surface-alt);--surface-3:var(--cd-surface-alt);
    --ink:var(--cd-ink);--ink-2:var(--cd-secondary);--ink2:var(--cd-secondary);
    --muted:var(--cd-muted);--faint:var(--cd-muted);
    --line:var(--cd-border);--line-2:var(--cd-control-border);
    --accent:var(--cd-action);--accent-2:var(--cd-link);--acc:var(--cd-link);
    --accent-soft:var(--cd-accent-soft);--on-accent:var(--cd-on-action);
    --akzent:var(--cd-action);--akzent-ink:var(--cd-on-action);
    --werft:var(--cd-action);--werft-ink:var(--cd-on-action);
    --pos:var(--cd-positive);--ok:var(--cd-positive);--pos-soft:var(--cd-positive-bg);--ok-soft:var(--cd-positive-bg);
    --neg:var(--cd-danger);--bad:var(--cd-danger);--neg-soft:var(--cd-danger-bg);--bad-soft:var(--cd-danger-bg);
    --warn:var(--cd-warning);--warn-soft:var(--cd-warning-bg);
    --sans:var(--cd-sans);--mono:var(--cd-mono);
    --r-xs:4px;--r-sm:8px;--r:var(--cd-radius);--r-lg:16px;
    --sh-1:var(--cd-shadow);--sh-2:0 8px 24px rgba(6,41,51,.09);--sh-3:0 16px 48px rgba(6,41,51,.18);
    --g-karte:var(--cd-surface);--g-karte-rand:var(--cd-border);--g-schatten:var(--cd-shadow);
    --ring:var(--cd-focus);--klw-fehler-ink:var(--cd-ink);
    --p-sal:var(--cd-link);--p-plan:var(--cd-link);--p-liq:var(--cd-link);--p-kap:var(--cd-link);
    color-scheme:light;
  }
}
@media screen and (prefers-color-scheme:dark){
  html[data-cd-site]:not([data-theme="light"]){
    --cd-ground:#031F2B;--cd-surface:#0B2630;--cd-surface-alt:#123540;
    --cd-ink:#F5FAFA;--cd-secondary:#CADADD;--cd-muted:#9EB8BF;
    --cd-action:#26C4B6;--cd-on-action:#062933;--cd-link:#26C4B6;--cd-focus:#26C4B6;
    --cd-accent-soft:#123F44;--cd-border:#36525D;--cd-control-border:#64838D;
    --cd-warning:#F5CF67;--cd-warning-bg:#352C15;
    --cd-danger:#FFA8A8;--cd-danger-bg:#412A30;
    --cd-positive:#81DBC8;--cd-positive-bg:#123C38;
    --cd-shadow:0 2px 8px rgba(0,0,0,.12);color-scheme:dark;
  }
}
@media screen{
  html[data-cd-site][data-theme="dark"]{
    --cd-ground:#031F2B;--cd-surface:#0B2630;--cd-surface-alt:#123540;
    --cd-ink:#F5FAFA;--cd-secondary:#CADADD;--cd-muted:#9EB8BF;
    --cd-action:#26C4B6;--cd-on-action:#062933;--cd-link:#26C4B6;--cd-focus:#26C4B6;
    --cd-accent-soft:#123F44;--cd-border:#36525D;--cd-control-border:#64838D;
    --cd-warning:#F5CF67;--cd-warning-bg:#352C15;
    --cd-danger:#FFA8A8;--cd-danger-bg:#412A30;
    --cd-positive:#81DBC8;--cd-positive-bg:#123C38;
    --cd-shadow:0 2px 8px rgba(0,0,0,.12);color-scheme:dark;
  }
  html[data-cd-site]{background:var(--cd-ground);scroll-padding-top:80px}
  html[data-cd-site] body{background:var(--cd-ground);color:var(--cd-ink);font-family:var(--cd-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
  html[data-cd-site]::before,html[data-cd-site] body::before,html[data-cd-site] body::after{display:none!important}
  html[data-cd-site] [hidden]{display:none!important}
  html[data-cd-site] :focus-visible{outline:3px solid var(--cd-focus)!important;outline-offset:3px}
  html[data-cd-site] a{text-underline-offset:.2em;text-decoration-thickness:1px}
  html[data-cd-site] p,html[data-cd-site] li{overflow-wrap:break-word}
  html[data-cd-site] h1,html[data-cd-site] h2,html[data-cd-site] h3{color:var(--cd-ink);font-family:var(--cd-sans);font-weight:600;letter-spacing:-.02em}
  html[data-cd-site] strong,html[data-cd-site] b{font-weight:600}
  html[data-cd-site] button,html[data-cd-site] select,html[data-cd-site] textarea,html[data-cd-site] input{font-family:var(--cd-sans)}
  html[data-cd-site] button{min-height:44px;min-width:44px;border-radius:var(--cd-control-radius);border-color:var(--cd-control-border);background:var(--cd-surface);color:var(--cd-ink);box-shadow:none}
  html[data-cd-site] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  html[data-cd-site] select,html[data-cd-site] textarea{min-height:44px;max-width:100%;border:1px solid var(--cd-control-border);border-radius:var(--cd-control-radius);background:var(--cd-surface);color:var(--cd-ink)}
  html[data-cd-site] input[type="checkbox"],html[data-cd-site] input[type="radio"]{accent-color:var(--cd-action)}
  html[data-cd-site] input::placeholder,html[data-cd-site] textarea::placeholder{color:var(--cd-muted);opacity:1}
  html[data-cd-site] input[type="number"],html[data-cd-site] input[inputmode="decimal"],html[data-cd-site] input[inputmode="numeric"]{font-family:var(--cd-mono);font-variant-numeric:tabular-nums}
  html[data-cd-site] button:disabled,html[data-cd-site] input:disabled{color:var(--cd-muted);background:var(--cd-surface-alt);cursor:default}
  html[data-cd-site] .btn.primary,html[data-cd-site] button.primary,html[data-cd-site] .knopf,html[data-cd-site] .chip.an{
    background:var(--cd-action);border-color:var(--cd-action);color:var(--cd-on-action);border-radius:var(--cd-control-radius);font-weight:600;
  }
  html[data-cd-site] .knopf{min-height:44px;align-content:center}
  html[data-cd-site] code,html[data-cd-site] pre,html[data-cd-site] .formel,html[data-cd-site] .num,html[data-cd-site] .zahl{font-family:var(--cd-mono);font-variant-numeric:tabular-nums}
  html[data-cd-site] .panel,html[data-cd-site] .card,html[data-cd-site] .kpi,html[data-cd-site] .schritt,html[data-cd-site] .karte,
  html[data-cd-site] .merk,html[data-cd-site] .schluss,html[data-cd-site] .paket,html[data-cd-site] .satz,html[data-cd-site] .lizenz,
  html[data-cd-site] .recht,html[data-cd-site] .entw,html[data-cd-site] details.liz,html[data-cd-site] .fragen details{
    background:var(--cd-surface);border-color:var(--cd-border);border-radius:var(--cd-radius);
    box-shadow:var(--cd-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  html[data-cd-site] .scroll,html[data-cd-site] .tabelle{max-width:100%}
  html[data-cd-site] .warn,html[data-cd-site] .warnung{color:var(--cd-warning);background:var(--cd-warning-bg)}
  html[data-cd-site] .neg,html[data-cd-site] .status.err{color:var(--cd-danger)}
  html[data-cd-site] .pos,html[data-cd-site] .status.ok{color:var(--cd-positive)}
  html[data-cd-site] .l1-logo,html[data-cd-site] .klw-marke img,html[data-cd-site] .kl3-mark,
  html[data-cd-site] .u1-home img,html[data-cd-site] .brand img{filter:none!important;box-shadow:none!important}
}
@media print{
  html[data-cd-site] .l1-logo,html[data-cd-site] .klw-marke img,html[data-cd-site] .kl3-mark,
  html[data-cd-site] .u1-home img,html[data-cd-site] .brand img{filter:none!important;box-shadow:none!important}
}

@media screen{
/* CD1 · Saldenspiegel-Komponenten.
   Der Builder schließt dieses Fragment vollständig in @media screen ein.
   Keine Zustands-/Inhaltsanzeige, kein Rechen- oder Lizenzcode wird geändert. */

html[data-cd-site="saldenspiegel"][data-cd-family] {
  --r: var(--cd-radius);
  --r-sm: var(--cd-control-radius);
  --r-md: var(--cd-radius);
  --r-lg: var(--cd-radius);
  --g-leiste: var(--cd-surface);
  --g-leiste-rand: var(--cd-border);
  --g-karte: var(--cd-surface);
  --g-karte-rand: var(--cd-border);
  --g-karte-schatten: var(--cd-shadow);
  --g-schatten: var(--cd-shadow);
  --g-feld: var(--cd-surface);
  --g-feld-rand: var(--cd-control-border);
  --g-zeile: var(--cd-surface-alt);
  --g-titel: var(--cd-ink);
  --g-pfad: var(--cd-link);
  --g-zeichen: var(--cd-surface-alt);
  --g-zeichen-rand: var(--cd-border);
  --g-zeichen-text: var(--cd-secondary);
  --g-legende: var(--cd-surface);
  --g-legende-rand: var(--cd-border);
  --g-legende-text: var(--cd-ink);
  --g-legende-leise: var(--cd-muted);
  --g-legende-u: var(--cd-secondary);
  --g-legende-an: var(--cd-surface-alt);
  --g-legende-an-text: var(--cd-ink);
  --g-fleck-1: transparent;
  --g-fleck-2: transparent;
  --g-fleck-3: transparent;
  --p-sal: var(--cd-link);
  --p-plan: var(--cd-link);
  --p-liq: var(--cd-link);
  --p-kap: var(--cd-link);
  overflow-x: visible;
}

/* Die alten Vollbreit-Orbs und Glasflächen werden entfernt, nicht überdeckt. */
html[data-cd-site="saldenspiegel"] body {
  background-image: none !important;
  overflow-x: visible;
}
html[data-cd-site="saldenspiegel"]::before,
html[data-cd-site="saldenspiegel"] body::before,
html[data-cd-site="saldenspiegel"] #og-kopf::before {
  background: none !important;
  box-shadow: none;
}

/* Ein ruhiger 64px-Kopf; vorhandene Produktnamen und Logo-Geometrien bleiben. */
html[data-cd-site="saldenspiegel"] .appbar {
  height: 64px;
  min-height: 64px;
  margin: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--cd-border);
  background: var(--cd-surface);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-cd-site="saldenspiegel"] .appbar .appbar-in {
  height: 100%;
  min-height: 0;
  padding-block: 3px !important;
  gap: 8px;
}
html[data-cd-site="saldenspiegel"] .appbar-tools {
  gap: 8px;
}
html[data-cd-site="saldenspiegel"] .appbar .zur-app,
html[data-cd-site="saldenspiegel"] header .u1-home,
html[data-cd-site="saldenspiegel"] header .thema {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html[data-cd-site="saldenspiegel"] .l1-brand .l1-wordmark img,
html[data-cd-site="saldenspiegel"] header .u1-home img {
  filter: none !important;
}
html[data-cd-site="saldenspiegel"][data-cd-family="tool"] header:not(.appbar) {
  height: 64px;
  min-height: 64px;
  border-bottom: 1px solid var(--cd-border);
  background: var(--cd-ground);
}
html[data-cd-site="saldenspiegel"][data-cd-family="tool"] header h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}
html[data-cd-site="saldenspiegel"][data-cd-family="tool"] .zeichen {
  background: #062933;
  color: #ffffff;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-control-radius);
}

/* Gemeinsame Flächen, ohne Warnkästen oder Statusmarkierungen zu neutralisieren. */
html[data-cd-site="saldenspiegel"] .panel,
html[data-cd-site="saldenspiegel"] .sheet,
html[data-cd-site="saldenspiegel"] .checks,
html[data-cd-site="saldenspiegel"] .tile,
html[data-cd-site="saldenspiegel"] .leer,
html[data-cd-site="saldenspiegel"] .angebot,
html[data-cd-site="saldenspiegel"] details.notes,
html[data-cd-site="saldenspiegel"] details.liz,
html[data-cd-site="saldenspiegel"] details.eigen,
html[data-cd-site="saldenspiegel"] .schritt,
html[data-cd-site="saldenspiegel"] .tabelle,
html[data-cd-site="saldenspiegel"] .merk:not(.warnung),
html[data-cd-site="saldenspiegel"] .schluss,
html[data-cd-site="saldenspiegel"] .formel,
html[data-cd-site="saldenspiegel"] .rechner {
  background: var(--cd-surface);
  border-color: var(--cd-border);
  border-radius: var(--cd-radius);
  box-shadow: var(--cd-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-cd-site="saldenspiegel"] .wrap .panel,
html[data-cd-site="saldenspiegel"] .wrap #tour-hinweis {
  background: var(--cd-surface);
  border-color: var(--cd-border);
  border-radius: var(--cd-radius);
  box-shadow: var(--cd-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-cd-site="saldenspiegel"][data-cd-family="app"] body > .wrap .panel,
html[data-cd-site="saldenspiegel"][data-cd-family="app"] body > .wrap section.sheet {
  border: 1px solid var(--cd-border) !important;
}
html[data-cd-site="saldenspiegel"] .tile.hero {
  background: var(--cd-surface-alt);
  background-image: none;
  border-color: var(--cd-border);
}
html[data-cd-site="saldenspiegel"] .panel,
html[data-cd-site="saldenspiegel"] .sheet,
html[data-cd-site="saldenspiegel"] .checks,
html[data-cd-site="saldenspiegel"] details.notes {
  overflow: visible;
}
html[data-cd-site="saldenspiegel"] .tile.hero dt {
  color: var(--cd-secondary);
}
html[data-cd-site="saldenspiegel"] .sheet-head,
html[data-cd-site="saldenspiegel"] .checks > summary {
  padding: 16px;
}
html[data-cd-site="saldenspiegel"] .tile {
  padding: 16px;
}
html[data-cd-site="saldenspiegel"] .tile dt {
  min-height: 44px;
  padding-right: 48px;
  display: flex;
  align-items: center;
  color: var(--cd-secondary);
}
html[data-cd-site="saldenspiegel"] .wieso {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  top: 8px;
  right: 8px;
  opacity: 1;
  font-size: 16px;
  line-height: 1;
  border: 1px solid var(--cd-control-border);
  border-radius: var(--cd-control-radius);
  background: var(--cd-surface);
  color: var(--cd-link);
}
html[data-cd-site="saldenspiegel"] .tile.hero .wieso {
  border-color: var(--cd-control-border);
  background: var(--cd-surface);
  color: var(--cd-link);
}

/* Die vom bestehenden JS erzeugten #og-Regeln enthalten feste alte Markenwerte. */
html[data-cd-site="saldenspiegel"] .wrap #og-kopf {
  color: var(--cd-ink);
  background: none;
  border-radius: 0;
  box-shadow: none;
}
html[data-cd-site="saldenspiegel"] .wrap #og-kopf h2,
html[data-cd-site="saldenspiegel"] .wrap .seiten-h1 {
  color: var(--cd-ink);
}
html[data-cd-site="saldenspiegel"] .wrap #og-kopf::after {
  border-color: var(--cd-border);
  border-radius: var(--cd-control-radius);
  color: var(--cd-secondary);
  background-color: var(--cd-surface-alt);
}
html[data-cd-site="saldenspiegel"] #og-menue {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--cd-control-border);
  border-radius: var(--cd-control-radius);
  background: var(--cd-surface-alt);
  color: var(--cd-ink);
}
html[data-cd-site="saldenspiegel"] .wrap #og-weiter {
  min-height: 44px;
  border: 1px solid var(--cd-action);
  border-radius: var(--cd-control-radius);
  background: var(--cd-action);
  color: var(--cd-on-action);
  padding: 12px 24px;
  margin-block: 16px 24px;
}
html[data-cd-site="saldenspiegel"] .wrap #og-weiter:hover {
  background: var(--cd-link);
  border-color: var(--cd-link);
  color: var(--cd-on-action);
}
html[data-cd-site="saldenspiegel"] #og-legende#og-legende {
  background: var(--cd-surface);
  color: var(--cd-ink);
  border-color: var(--cd-border);
  box-shadow: var(--cd-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* Der erste direkte div ist ausschließlich der inline weiß gesetzte Markentitel. */
html[data-cd-site="saldenspiegel"] #og-legende > div:first-of-type {
  color: var(--cd-ink) !important;
}
html[data-cd-site="saldenspiegel"] #og-legende#og-legende .k,
html[data-cd-site="saldenspiegel"] #og-legende#og-legende .og-kd {
  color: var(--cd-muted);
}
html[data-cd-site="saldenspiegel"] #og-legende#og-legende a,
html[data-cd-site="saldenspiegel"] #og-legende#og-legende button.og-drucken,
html[data-cd-site="saldenspiegel"] #og-legende#og-legende button.og-tour,
html[data-cd-site="saldenspiegel"] #og-legende#og-legende .og-zu {
  min-height: 44px;
  border-radius: var(--cd-control-radius);
  color: var(--cd-ink);
}
html[data-cd-site="saldenspiegel"] #og-legende#og-legende a.u {
  color: var(--cd-secondary);
}
html[data-cd-site="saldenspiegel"] #og-legende#og-legende a.an,
html[data-cd-site="saldenspiegel"] #og-legende#og-legende a:hover,
html[data-cd-site="saldenspiegel"] #og-legende#og-legende button:hover {
  background: var(--cd-surface-alt);
  color: var(--cd-ink);
}
html[data-cd-site="saldenspiegel"] #og-legende#og-legende .og-zu {
  border: 1px solid var(--cd-control-border);
  background: var(--cd-surface);
}
html[data-cd-site="saldenspiegel"][data-cd-family] #og-legende.og-offen :focus-visible {
  outline-color: var(--cd-focus);
}
html[data-cd-site="saldenspiegel"] .og-sub button[aria-pressed="true"],
html[data-cd-site="saldenspiegel"] .tab.aktiv {
  border-color: var(--cd-action);
  background: var(--cd-action);
  color: var(--cd-on-action);
  box-shadow: none;
}
html[data-cd-site="saldenspiegel"] .tabsbar {
  background: var(--cd-surface);
  border-color: var(--cd-border);
  box-shadow: var(--cd-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Formen und datenreiche Bereiche: bestehende Scroll-/Blocktabellen bleiben. */
html[data-cd-site="saldenspiegel"] .panel .drop {
  border-color: var(--cd-control-border);
  border-radius: var(--cd-control-radius);
  background: var(--cd-surface);
}
html[data-cd-site="saldenspiegel"] .panel .drop:hover,
html[data-cd-site="saldenspiegel"] .panel .drop.over,
html[data-cd-site="saldenspiegel"] .panel .panel-opts {
  background: var(--cd-surface-alt);
}
html[data-cd-site="saldenspiegel"] .panel .drop svg {
  color: var(--cd-link);
}
html[data-cd-site="saldenspiegel"] .scroll,
html[data-cd-site="saldenspiegel"] .dlg-scroll {
  overflow-x: auto;
  border-color: var(--cd-border);
}
html[data-cd-site="saldenspiegel"] .schritt,
html[data-cd-site="saldenspiegel"] .angebot,
html[data-cd-site="saldenspiegel"] .schluss {
  padding: 24px;
}
html[data-cd-site="saldenspiegel"] .schritt {
  border-top-width: 1px;
  margin-bottom: 24px;
}
html[data-cd-site="saldenspiegel"] .schritt .nr {
  background: var(--cd-action);
  color: var(--cd-on-action);
}
html[data-cd-site="saldenspiegel"] .reihe {
  gap: 8px;
  margin-block: 8px 16px;
}
html[data-cd-site="saldenspiegel"] #annahmen {
  gap: 16px 24px;
}
html[data-cd-site="saldenspiegel"] #annahmen input[type="number"],
html[data-cd-site="saldenspiegel"] td input[type="number"],
html[data-cd-site="saldenspiegel"] .zeilennr,
html[data-cd-site="saldenspiegel"] .konto {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}
html[data-cd-site="saldenspiegel"] th {
  color: var(--cd-secondary);
  border-color: var(--cd-border);
}
html[data-cd-site="saldenspiegel"] .sheet td:first-child {
  box-shadow: 1px 0 0 var(--cd-border);
}
html[data-cd-site="saldenspiegel"] #blatt td:nth-child(2),
html[data-cd-site="saldenspiegel"] #erg:has(#erg-kopf) td:not(:first-child) {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}
html[data-cd-site="saldenspiegel"] #blatt td:first-child,
html[data-cd-site="saldenspiegel"] #blatt td:nth-child(3) {
  font-family: var(--sans);
}
html[data-cd-site="saldenspiegel"] #kurve text {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}
html[data-cd-site="saldenspiegel"] .formel,
html[data-cd-site="saldenspiegel"] .merk:not(.warnung),
html[data-cd-site="saldenspiegel"] .schluss {
  border-left-color: var(--cd-border);
}
html[data-cd-site="saldenspiegel"] .knopf {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: var(--cd-action);
  border-radius: var(--cd-control-radius);
  background: var(--cd-action);
  color: var(--cd-on-action);
}
html[data-cd-site="saldenspiegel"] .knopf:hover {
  border-color: var(--cd-link);
  background: var(--cd-link);
  color: var(--cd-on-action);
}

/* Funktionale Farben bleiben funktional; insbesondere .mark.bad ist Warnung. */
html[data-cd-site="saldenspiegel"] .pos {
  color: var(--cd-positive);
}
html[data-cd-site="saldenspiegel"] .neg,
html[data-cd-site="saldenspiegel"] .status.err,
html[data-cd-site="saldenspiegel"] .dlg-fehler {
  color: var(--cd-danger);
}
html[data-cd-site="saldenspiegel"] .warn,
html[data-cd-site="saldenspiegel"] .warnung,
html[data-cd-site="saldenspiegel"] .vgl-warn {
  color: var(--cd-warning);
  background: var(--cd-warning-bg);
  border-color: var(--cd-warning);
}
html[data-cd-site="saldenspiegel"] .opt-note.err,
html[data-cd-site="saldenspiegel"] .lizmerk:not(.ok),
html[data-cd-site="saldenspiegel"] .ampel.warn,
html[data-cd-site="saldenspiegel"] .check .mark.bad {
  color: var(--cd-warning);
}
html[data-cd-site="saldenspiegel"] .lizmerk:not(.ok),
html[data-cd-site="saldenspiegel"] .ampel.warn,
html[data-cd-site="saldenspiegel"] .check .mark.bad {
  background: var(--cd-warning-bg);
}
html[data-cd-site="saldenspiegel"] .ampel.ok,
html[data-cd-site="saldenspiegel"] .check .mark.ok,
html[data-cd-site="saldenspiegel"] .lizmerk.ok {
  color: var(--cd-positive);
  background: color-mix(in srgb, var(--cd-positive) 10%, var(--cd-surface));
}
html[data-cd-site="saldenspiegel"] .ampel.bad {
  color: var(--cd-danger);
  background: color-mix(in srgb, var(--cd-danger) 10%, var(--cd-surface));
}

html[data-cd-site="saldenspiegel"] dialog#erkl,
html[data-cd-site="saldenspiegel"] dialog#mapper,
html[data-cd-site="saldenspiegel"] #tour-karte {
  border-color: var(--cd-control-border);
  border-radius: var(--cd-radius);
  background: var(--cd-surface);
  color: var(--cd-ink);
  box-shadow: var(--cd-shadow);
}
html[data-cd-site="saldenspiegel"] dialog#erkl::backdrop,
html[data-cd-site="saldenspiegel"] dialog#mapper::backdrop {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-cd-site="saldenspiegel"] footer,
html[data-cd-site="saldenspiegel"] .fuss,
html[data-cd-site="saldenspiegel"] .fuss-nav {
  color: var(--cd-muted);
  border-color: var(--cd-border);
}
html[data-cd-site="saldenspiegel"] footer a,
html[data-cd-site="saldenspiegel"] .fuss-nav a {
  color: var(--cd-link);
}

@media (max-width: 600px) {
  html[data-cd-site="saldenspiegel"] .schritt,
  html[data-cd-site="saldenspiegel"] .angebot,
  html[data-cd-site="saldenspiegel"] .schluss {
    padding: 16px;
  }
  html[data-cd-site="saldenspiegel"] .appbar-tools {
    gap: 8px;
  }
  html[data-cd-site="saldenspiegel"] header .u1-home {
    padding-inline: 6px;
  }
  html[data-cd-site="saldenspiegel"][data-cd-family="tool"] header h1 {
    font-size: 16px;
  }
}

/* CD1 · Kleinwerft. Root wraps this fragment completely in @media screen.
   No content/display-state replacement; common.css owns fonts, tokens and focus. */
html[data-cd-site="kleinwerft"] {
  overflow-x:visible;
}
html[data-cd-site="kleinwerft"] body {
  overflow-x:visible;
}
html[data-cd-site="kleinwerft"]::before,
html[data-cd-site="kleinwerft"] body::before {
  content:none;
  display:none;
}
html[data-cd-site="kleinwerft"] .wrap {
  width:100%;
  max-width:1160px;
  padding-inline:24px;
}
html[data-cd-site="kleinwerft"] :is(nav.oben,header.klw-kopf) {
  height:64px;
  min-height:64px;
  max-height:64px;
  padding-block:0;
  gap:16px;
  flex-wrap:nowrap;
  border-bottom:1px solid var(--cd-border);
}
html[data-cd-site="kleinwerft"] .klw-marke {
  flex:none;
  text-decoration:none;
}
html[data-cd-site="kleinwerft"] .klw-marke img {
  filter:none;
}
html[data-cd-site="kleinwerft"] :is(nav.oben,header.klw-kopf) #thema-knopf {
  min-width:44px;
  height:44px;
  min-height:44px;
  max-height:44px;
  border-color:var(--cd-control-border);
  border-radius:var(--cd-control-radius);
  background:var(--cd-surface);
  color:var(--cd-ink);
}
html[data-cd-site="kleinwerft"] nav.oben .links {
  gap:24px;
  font-size:14px;
  font-weight:500;
}
html[data-cd-site="kleinwerft"] nav.oben .links a {
  color:var(--cd-secondary);
  text-decoration:none;
}
html[data-cd-site="kleinwerft"] nav.oben .links a:hover {
  color:var(--cd-link);
  text-decoration:underline;
  text-underline-offset:4px;
}
html[data-cd-site="kleinwerft"] footer {
  margin-top:48px;
  padding-block:24px 32px;
  gap:8px 24px;
  border-color:var(--cd-border);
  color:var(--cd-muted);
  font-size:14px;
  line-height:1.6;
}
html[data-cd-site="kleinwerft"] footer a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--cd-link);
  text-underline-offset:3px;
}
html[data-cd-site="kleinwerft"] :is(.karte,.menue,.paket,.entw,.fragen details,.satz,.lizenz,.recht,.drop,.liz details) {
  background:var(--cd-surface);
  background-image:none;
  border-color:var(--cd-border);
  border-radius:var(--cd-radius);
  box-shadow:var(--cd-shadow);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* Catalog: one brand surface; existing product names and image forms identify apps. */
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .held {
  max-width:760px;
  padding-block:48px 32px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .held h1 {
  margin:0 0 16px;
  font-size:clamp(32px,4.6vw,50px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.025em;
  color:var(--cd-ink);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .held p {
  margin-bottom:12px;
  color:var(--cd-secondary);
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .vertrauen {
  margin-top:24px;
  gap:8px 24px;
  color:var(--cd-secondary);
  font-size:14px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .vertrauen li::before {
  background-color:var(--cd-positive);
  background-image:none;
  border-radius:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5.2l2.2 2.2 4.8-4.8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5.2l2.2 2.2 4.8-4.8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] h2.abschnitt {
  margin:40px 0 16px;
  font-size:13px;
  letter-spacing:.08em;
  color:var(--cd-muted);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .chips {
  gap:8px;
  margin-bottom:24px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .chip {
  min-height:44px;
  padding:8px 16px;
  border-color:var(--cd-control-border);
  border-radius:var(--cd-control-radius);
  background:var(--cd-surface);
  color:var(--cd-secondary);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .chip.an {
  background:var(--cd-action);
  border-color:var(--cd-action);
  color:var(--cd-on-action);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .gitter {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));
  gap:24px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .karte {
  min-width:0;
  padding:24px;
  border:1px solid var(--cd-border);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .kk {
  gap:8px;
  font-size:12px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .bereich {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--cd-muted);
  letter-spacing:.06em;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .bereich::before {
  content:"";
  flex:none;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cd-action);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .karte h3 {
  margin:12px 0 8px;
  font-size:24px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:-.015em;
  color:var(--cd-ink);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .kurz {
  margin-bottom:16px;
  line-height:1.6;
  color:var(--cd-secondary);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.braucht,.bsp,.kaufhinweis) {
  color:var(--cd-muted);
  font-size:14px;
  line-height:1.55;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .karte ul {
  margin-bottom:16px;
  color:var(--cd-secondary);
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .bild {
  margin-bottom:16px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .bild img {
  border-color:var(--cd-border);
  border-radius:var(--cd-control-radius);
  background:var(--cd-surface-alt);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .bild figcaption {
  background:var(--cd-surface);
  color:var(--cd-secondary);
  border:1px solid var(--cd-border);
  border-radius:4px;
  padding:4px 8px;
  font-size:12px;
  line-height:1.4;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(details.mehr,.rat) {
  margin-bottom:16px;
  font-size:14px;
  color:var(--cd-secondary);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(details.mehr summary,.rat a,.kaufhinweis a,.entw a,.fragen a) {
  color:var(--cd-link);
  text-underline-offset:3px;
}
/* First design loop measured this existing disclosure at only 22.39px. */
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] details.mehr summary {
  min-height:44px;
  padding-block:10px;
  line-height:24px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.rat a,.kaufhinweis a,.entw a,.fragen p a) {
  text-decoration:underline;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .fuss {
  gap:16px;
  padding-top:16px;
  border-color:var(--cd-border);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .preis {
  color:var(--cd-ink);
  font-size:16px;
  font-weight:600;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .preis small {
  font-size:13px;
  color:var(--cd-muted);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.knopf,.bestell,details.bestellen summary) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 16px;
  border:1px solid var(--cd-control-border);
  border-radius:var(--cd-control-radius);
  background:var(--cd-surface);
  color:var(--cd-link);
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.knopf,.bestell:first-child,.menue .zeile:first-child .bestell) {
  border-color:var(--cd-action);
  background:var(--cd-action);
  color:var(--cd-on-action);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .aktion {
  margin-top:16px;
  gap:8px 16px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .menue {
  margin-top:16px;
  padding:16px;
  gap:8px;
  background:var(--cd-surface-alt);
  box-shadow:none;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.live,.spar) {
  border-radius:999px;
  color:var(--cd-positive);
  background:color-mix(in srgb,var(--cd-positive) 9%,var(--cd-surface));
  font-weight:600;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .entw .marke-e {
  color:var(--cd-warning);
  background:var(--cd-warning-bg);
  border-radius:999px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .bald {
  color:var(--cd-muted);
  border-color:var(--cd-control-border);
  border-radius:var(--cd-control-radius);
  min-height:44px;
  padding:10px 16px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.paket,.entw,.satz,.lizenz) {
  padding:24px;
  border-width:1px;
  border-style:solid;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .entw {
  border-style:dashed;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.paket h3,.entw h3,.satz h3) {
  font-weight:600;
  line-height:1.3;
  color:var(--cd-ink);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.paket p,.entw p,.satz p,.lizenz p) {
  color:var(--cd-secondary);
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .paket .ersparnis {
  color:var(--cd-positive);
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .fragen {
  gap:12px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .fragen details {
  padding:0 16px;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .fragen summary {
  min-height:48px;
  padding:12px 0;
  line-height:1.5;
  font-weight:600;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .fragen p {
  margin:0 0 16px;
  color:var(--cd-secondary);
  font-size:15px;
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .saetze {
  gap:24px;
}

/* Cash: preserve all semantic states, result contents and horizontal table scrolling. */
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .produktkopf {
  margin-top:24px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .produktkopf h1 {
  font-size:24px;
  line-height:1.25;
  font-weight:600;
  color:var(--cd-ink);
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .produktkopf .unter {
  margin-top:4px;
  color:var(--cd-muted);
  font-size:14px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .auf {
  margin:24px 0 16px;
  font-size:clamp(26px,3.6vw,34px);
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.02em;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .lead {
  margin-bottom:16px;
  color:var(--cd-secondary);
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .datei-zeichen {
  position:relative;
  padding:8px 16px 8px 40px;
  border-color:var(--cd-control-border);
  border-radius:var(--cd-control-radius);
  background:var(--cd-surface-alt);
  background-image:none;
  color:var(--cd-secondary);
  line-height:1.5;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .datei-zeichen::before {
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .drop {
  padding:24px;
  border:1px dashed var(--cd-control-border);
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .drop.ueber {
  border-color:var(--cd-action);
  background:var(--cd-surface-alt);
  outline:2px dashed var(--cd-action);
  outline-offset:-8px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .drop p {
  color:var(--cd-secondary);
  font-size:14px;
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .karte {
  border:1px solid var(--cd-border);
  overflow:visible;
  margin-bottom:24px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .karte h2 {
  margin:0;
  padding:16px;
  border-color:var(--cd-border);
  border-radius:calc(var(--cd-radius) - 1px) calc(var(--cd-radius) - 1px) 0 0;
  background:var(--cd-surface-alt);
  color:var(--cd-ink);
  font-size:16px;
  line-height:1.4;
  font-weight:600;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .kopf {
  gap:16px;
  margin-bottom:16px;
}
/* Real mobile demo showed adjacent44px export buttons with no spacing. */
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .kopf > div:not(.summe) {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .summe {
  max-width:100%;
  padding:8px 12px;
  border-radius:var(--cd-control-radius);
  overflow-wrap:anywhere;
  font-size:18px;
  line-height:1.4;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] :is(.summe.ok,.mark.ok,.lizmerk.ok) {
  color:var(--cd-positive);
  background:color-mix(in srgb,var(--cd-positive) 9%,var(--cd-surface));
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] :is(.summe.warn,.mark.hinweis,.lizmerk:not(.ok)) {
  color:var(--cd-warning);
  background:var(--cd-warning-bg);
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] :is(.summe.bad,.mark.fehler) {
  color:var(--cd-danger);
  background:color-mix(in srgb,var(--cd-danger) 9%,var(--cd-surface));
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .status.err {
  color:var(--cd-danger);
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .bef {
  grid-template-columns:24px minmax(0,1fr) auto;
  gap:8px 16px;
  padding:16px;
  border-color:var(--cd-border);
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .bef .txt {
  color:var(--cd-secondary);
  font-size:15px;
  line-height:1.55;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .bef .anz {
  color:var(--cd-muted);
  font-size:13px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .bef ul {
  color:var(--cd-secondary);
  line-height:1.6;
  overflow-wrap:anywhere;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .scroll {
  max-width:100%;
  overflow-x:auto;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] :is(th,td) {
  border-color:var(--cd-border);
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] th {
  background:var(--cd-surface-alt);
  color:var(--cd-muted);
  font-weight:600;
  letter-spacing:.04em;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .liz details {
  box-shadow:none;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .liz summary {
  min-height:48px;
  padding:16px;
  line-height:1.4;
  font-weight:600;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .liz .body {
  padding:0 16px 16px;
  color:var(--cd-secondary);
  font-size:15px;
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .liz .body a {
  color:var(--cd-link);
  text-decoration:underline;
  text-underline-offset:3px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .liz .merken {
  min-height:44px;
  padding-block:8px;
}
html[data-cd-site="kleinwerft"][data-cd-family="cash"] .liz input[type="checkbox"] {
  width:20px;
  min-width:20px;
  height:20px;
  min-height:20px;
  margin:0;
  accent-color:var(--cd-action);
}

/* Legal: same reading surface and rhythm, unchanged content and inline source markup. */
html[data-cd-site="kleinwerft"][data-cd-family="legal"] .rechtsseite {
  max-width:820px;
  margin-top:32px;
}
html[data-cd-site="kleinwerft"][data-cd-family="legal"] .rechtsseite > h1 {
  margin:0 0 24px!important;
  font-size:clamp(28px,3.5vw,38px)!important;
  line-height:1.2;
  letter-spacing:-.02em!important;
  font-weight:600;
  color:var(--cd-ink);
}
html[data-cd-site="kleinwerft"][data-cd-family="legal"] .recht {
  max-width:none;
  padding:24px;
  border:1px solid var(--cd-border);
  font-size:16px;
  line-height:1.7;
}
html[data-cd-site="kleinwerft"][data-cd-family="legal"] .recht p {
  margin-bottom:16px;
  color:var(--cd-secondary);
}
html[data-cd-site="kleinwerft"][data-cd-family="legal"] .recht p:last-child {
  margin-bottom:0;
}
html[data-cd-site="kleinwerft"][data-cd-family="legal"] .recht :is(a,code) {
  overflow-wrap:anywhere;
}
html[data-cd-site="kleinwerft"][data-cd-family="legal"] .recht a {
  color:var(--cd-link);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* 404: normal-flow 64px header rather than an unrelated absolute logo island. */
html[data-cd-site="kleinwerft"][data-cd-family="error"] .klw-fehlerkopf {
  position:relative;
  inset:auto;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  width:100%;
  max-width:1160px;
  height:64px;
  min-height:64px;
  max-height:64px;
  margin:0 auto;
  padding:0 24px;
  border-bottom:1px solid var(--cd-border);
}
html[data-cd-site="kleinwerft"][data-cd-family="error"] .klw-fehlerkopf .klw-marke:focus-visible {
  outline-color:var(--cd-focus);
}
html[data-cd-site="kleinwerft"][data-cd-family="error"] main {
  box-sizing:border-box;
  width:calc(100% - 48px);
  max-width:760px;
  margin:64px auto;
  padding:32px;
  border:1px solid var(--cd-border);
  border-radius:var(--cd-radius);
  background:var(--cd-surface);
  box-shadow:var(--cd-shadow);
}
html[data-cd-site="kleinwerft"][data-cd-family="error"] h1 {
  margin:0 0 16px;
  color:var(--cd-ink);
  font-size:clamp(28px,3.5vw,36px);
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.02em;
}
html[data-cd-site="kleinwerft"][data-cd-family="error"] main p {
  margin-bottom:16px;
  color:var(--cd-secondary);
  line-height:1.6;
}
html[data-cd-site="kleinwerft"][data-cd-family="error"] main a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding-block:8px;
  color:var(--cd-link);
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (max-width:600px) {
  html[data-cd-site="kleinwerft"] .wrap {
    padding-inline:16px;
  }
  html[data-cd-site="kleinwerft"] nav.oben .links {
    display:none;
  }
  html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .held {
    padding-block:32px 24px;
  }
  html[data-cd-site="kleinwerft"][data-cd-family="catalog"] :is(.karte,.paket,.entw,.satz,.lizenz) {
    padding:16px;
  }
  html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .gitter,
  html[data-cd-site="kleinwerft"][data-cd-family="catalog"] .saetze {
    grid-template-columns:1fr;
    gap:16px;
  }
  html[data-cd-site="kleinwerft"][data-cd-family="legal"] .recht {
    padding:16px;
  }
  html[data-cd-site="kleinwerft"][data-cd-family="error"] .klw-fehlerkopf {
    padding-inline:16px;
  }
  html[data-cd-site="kleinwerft"][data-cd-family="error"] main {
    width:calc(100% - 32px);
    margin-block:32px;
    padding:24px;
  }
}
@media (max-width:560px) {
  html[data-cd-site="kleinwerft"][data-cd-family="cash"] .bef {
    grid-template-columns:24px minmax(0,1fr);
  }
  html[data-cd-site="kleinwerft"][data-cd-family="cash"] .bef .anz {
    grid-column:2;
  }
  html[data-cd-site="kleinwerft"][data-cd-family="cash"] .bef ul {
    grid-column:1/-1;
  }
}

}