:root {
    --grund: #faf6ef; --text: #393b31; --gedimmt: #626451;
    --akzent: #984626; --akzent-text: #fffaf4; --kopf: #faf6ef;
    --kopf-text: #393b31; --flaeche: #f0e7da; --linie: #dbd1c1;
    --fuss: #e9e9dc; --fuss-text: #414635;
    --radius: 18px; --breite: 1200px; --abstand: 64px;
    --titelschrift: Georgia, "Times New Roman", serif;
    --schrift: "Segoe UI", system-ui, sans-serif;
}
.lesch { overflow: clip; }
.lesch .kopf { border-bottom: 1px solid var(--linie); }
.lesch .kopf-zeile { min-height: 100px; }
.lesch .marke { display: inline-flex; align-items: center; gap: 13px; color: var(--akzent); font-weight: 400; font-size: 1.7rem; }
.lesch .marke img { max-height: 68px; max-width: min(260px, 65vw); width: auto; }
.lesch-markenzeichen { width: 22px; height: 32px; border: 1.5px solid currentColor; border-radius: 80% 20% 80% 20%; transform: rotate(25deg); }
.lesch .hauptmenue { font-size: .92rem; }
.lesch .hauptmenue a { padding: 10px 0; }
.lesch .hauptmenue .aktiv > a { color: var(--akzent); }
.lesch h1, .lesch h2, .lesch h3 { font-weight: 400; color: var(--akzent); text-wrap: balance; }
.lesch h1 { font-size: clamp(2.5rem, 4.4vw, 4.4rem); line-height: 1.08; letter-spacing: -.035em; }
.lesch h2 { font-size: clamp(1.8rem, 2.7vw, 2.6rem); }
.lesch p { max-width: 66ch; }
.lesch-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; padding-top: 74px; padding-bottom: 76px; }
.lesch-einstieg { position: relative; z-index: 1; }
.lesch-lead { font-size: 1.2rem; color: var(--gedimmt); margin: 24px 0; }
.lesch-portraet { position: relative; isolation: isolate; align-self: end; border-radius: 45% 45% 18px 18px; overflow: hidden; background: #eee3d4; aspect-ratio: 1 / 1.08; }
.lesch-portraet::before { content: ""; position: absolute; width: 80%; height: 80%; border-radius: 50%; background: #d4d4bd; inset: 12% auto auto -25%; z-index: -1; }
.lesch-portraet img { display: block; width: 162%; max-width: none; height: 100%; object-fit: cover; object-position: right bottom; margin-left: -62%; }
.lesch-start-inhalt { padding-top: 40px; padding-bottom: 24px; border-top: 1px solid var(--linie); }
.lesch-start-inhalt .block-text { padding: 24px 0; }
.lesch .seitentitel { max-width: 920px; padding-top: 72px; padding-bottom: 24px; }
.lesch .inhalt > .rahmen:not(.lesch-hero):not(.lesch-start-inhalt) { max-width: 920px; }
.lesch .block-text { overflow-wrap: anywhere; }
.lesch .block-text a { font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.lesch .button, .lesch .knopf { border-radius: 999px; }
.lesch .kontaktdaten { text-align: left; }
.lesch .fuss { padding-top: 48px; padding-bottom: 28px; border-top: 1px solid var(--linie); }
.lesch .fuss-kontakt { font-style: normal; }
.lesch-footerlinks { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px 24px; }
.lesch-warteseite .lesch-hero { min-height: 65vh; }
.lesch-warteseite .inhalt { padding-bottom: 0; }
@media (max-width: 800px) {
    :root { --abstand: 40px; }
    .lesch .kopf-zeile { min-height: 82px; }
    .lesch-hero { grid-template-columns: 1fr; gap: 30px; padding-top: 40px; padding-bottom: 40px; }
    .lesch-portraet { width: min(100%, 470px); justify-self: center; }
    .lesch .seitentitel { padding-top: 40px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
