/* Kundenordner deobald — Regeln für die Gestaltungen des Hausverbunds, die bis 1.4.36 in
   Stylesheets des Produkts standen (theme-fonts.css, app.css, zahlung.css, angebot.css). */

/* Schriften (theme-fonts.css) */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/dm-sans-400.woff2") format("woff2");}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/dm-sans-500.woff2") format("woff2");}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/dm-sans-600.woff2") format("woff2");}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/dm-sans-700.woff2") format("woff2");}
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/dm-serif-display-400.woff2") format("woff2");}
@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/dm-serif-display-400-italic.woff2") format("woff2");}
@font-face{font-family:"Libre Baskerville";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/libre-baskerville-400.woff2") format("woff2");}
@font-face{font-family:"Libre Baskerville";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/libre-baskerville-400-italic.woff2") format("woff2");}
@font-face{font-family:"Libre Baskerville";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/libre-baskerville-700.woff2") format("woff2");}

/* Im aufgeklappten Telefon-Menü: Sprachen als Leiste unter dem Kürzel (app.css) */
@media (max-width:1080px){
  .sros-front.ew-nav-ready .sros-sprachwahl>summary{padding:15px 0;width:100%}
  .sros-front.ew-nav-ready .sros-sprachwahl.sros-sprachwahl ul{position:static;min-width:0;display:flex;flex-wrap:wrap;gap:8px;padding:0 0 14px;background:none;border:0;box-shadow:none;color:inherit}
  .sros-front.ew-nav-ready .sros-sprachwahl.sros-sprachwahl ul a{background:#fff;border:1px solid rgba(17,24,33,.14);padding:9px 12px}
}

/* Bezahl- und Angebotsseite in den Farben des Hauses (zahlung.css, angebot.css) */
.zl { --zl-ink: var(--kz-ink, var(--t-ink, #1b1f24)); --zl-paper: var(--kz-paper, var(--t-surface, #fff)); --zl-line: var(--kz-line, var(--t-line, #d9dde3)); --zl-muted: var(--kz-muted, var(--t-muted, #5b6470)); }
.zl.kz-intro { padding: 70px 0 80px; }
.zl-knopf { font: var(--ty-strong, 700) var(--ty-btn, 17px)/1.25 var(--kz-sans, inherit); }
.zl-knopf:hover { background: var(--kz-cta, var(--accent, var(--zl-ink))); border-color: var(--kz-cta, var(--accent, var(--zl-ink))); color: var(--kz-cta-ink, var(--tenant-on-accent, var(--zl-paper))); }
.zl-knopf:focus-visible { outline: 3px solid var(--kz-focus, var(--zl-ink)); outline-offset: 3px; }
.zl.ag .ag-h { font-family: var(--kz-sans, inherit); }
@media (max-width: 900px) { .zl.kz-intro { padding: 40px 0 56px; } }