/* Rechtliche Seiten (Impressum, Datenschutz): gleiche ruhige Gestaltung wie die Landing Page */
:root{
  --lp-bg:#f4f5f1;--lp-panel:#ffffff;--lp-ink:#15191a;--lp-muted:#5b6569;--lp-line:rgba(21,25,26,.10);
  --lp-mark:var(--md-sys-color-tertiary-container);--lp-mark-ink:var(--md-sys-color-on-tertiary-container);
  --lp-dash:#89ba17;--lp-r:32px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--font-sans);background:var(--lp-bg);color:var(--lp-ink);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--md-sys-color-primary)}
a:hover{color:var(--md-sys-color-on-primary-container)}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* Knöpfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14.5px/1 var(--font-sans);border-radius:999px;border:none;cursor:pointer;padding:11px 20px;white-space:nowrap;text-decoration:none;transition:box-shadow .2s,transform .12s}
.btn i{font-size:18px}
.btn-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}
.btn-filled:hover{color:var(--md-sys-color-on-primary);box-shadow:var(--md-elevation-2);transform:translateY(-1px)}

/* Navigation: dieselbe wie auf der Landing */
.lp-top{position:sticky;top:0;z-index:40;padding:10px 24px}
.lp-nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;background:var(--lp-panel);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 1px 2px rgba(21,25,26,.05),0 6px 24px -12px rgba(21,25,26,.18)}
.lp-brand{display:flex;align-items:center;flex-shrink:0}
.lp-brand img{height:34px;width:auto}
.lp-links{flex:1;display:flex;justify-content:center;gap:2px;min-width:0}
.lp-links a{color:var(--lp-ink);opacity:.78;font-size:14.5px;font-weight:500;padding:9px 13px;border-radius:999px;white-space:nowrap;text-decoration:none;transition:background-color .2s,opacity .2s}
.lp-links a:hover{opacity:1;background:rgba(21,25,26,.05);color:var(--lp-ink)}
.lp-right{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}
.lp-signin{color:var(--lp-ink);font-size:14.5px;font-weight:500;padding:9px 12px;border-radius:999px;opacity:.78;text-decoration:none}
.lp-signin:hover{opacity:1;color:var(--lp-ink);background:rgba(21,25,26,.05)}
.lp-nav .btn-filled{padding:11px 20px;font-size:14.5px}
.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.icon-btn:hover{background:rgba(21,25,26,.06);color:var(--lp-ink)}
.icon-btn i{font-size:23px}
.menu-toggle{display:none}
/* Sprachwahl als Aufklappmenü (wie auf der Landing) */
.lp-langdd{position:relative;margin-right:2px}
.lp-langdd summary{list-style:none;display:inline-flex;align-items:center;gap:5px;padding:8px 9px 8px 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--lp-ink);cursor:pointer;-webkit-user-select:none;user-select:none}
.lp-langdd summary::-webkit-details-marker{display:none}
.lp-langdd summary:hover,.lp-langdd[open] summary{background:rgba(21,25,26,.06)}
.lp-langdd summary:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}
.lp-langdd summary i{font-size:17px}
.lp-langdd summary .bx-chevron-down{font-size:16px;opacity:.65;margin-left:-2px;transition:transform .2s}
.lp-langdd[open] summary .bx-chevron-down{transform:rotate(180deg)}
.lp-langmenu{position:absolute;right:0;top:calc(100% + 12px);z-index:70;min-width:176px;display:grid;gap:2px;padding:6px;border-radius:18px;background:var(--lp-panel);border:1px solid var(--lp-line);box-shadow:0 20px 44px -20px rgba(21,25,26,.4)}
.lp-langmenu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--lp-ink);text-decoration:none}
.lp-langmenu a:hover{background:rgba(21,25,26,.05);color:var(--lp-ink)}
.lp-langmenu a small{margin-left:auto;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--lp-muted)}
.lp-langmenu a i{font-size:18px;color:var(--md-sys-color-tertiary);margin-left:-2px}
.lp-langmenu a.on{font-weight:650;background:rgba(21,25,26,.04)}
.lp-langmenu a:not(.on){padding-left:38px}
/* Menü für kleine Bildschirme */
.drawer{position:fixed;inset:0;z-index:60;display:none}
.drawer.open{display:block}
.drawer-scrim{position:absolute;inset:0;background:rgba(18,23,24,.42)}
.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(320px,86vw);background:var(--lp-panel);box-shadow:var(--md-elevation-4);padding:20px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.drawer-panel a{color:var(--lp-ink);font-size:17px;font-weight:500;padding:14px 12px;border-radius:12px;text-decoration:none}
.drawer-panel a:hover{background:rgba(21,25,26,.05)}
.drawer-panel a.btn-filled{color:var(--md-sys-color-on-primary);justify-content:center}
.drawer-panel a.btn-filled:hover{background:var(--md-sys-color-primary)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.lp-dlang{display:flex;gap:4px;padding:8px 12px 4px}
.lp-dlang a{font-size:14px;font-weight:600;padding:6px 12px;color:var(--lp-muted)}
.lp-dlang a.on{color:var(--lp-ink);background:rgba(21,25,26,.06)}
@media(max-width:1120px){.lp-links{display:none}.lp-nav .menu-toggle{display:inline-flex}}
@media(max-width:640px){.lp-top{padding:8px 12px}.lp-nav{padding:6px 6px 6px 14px;gap:8px}.lp-brand img{height:28px}.lp-signin,.lp-langdd{display:none}.lp-nav .btn-filled{padding:10px 14px;font-size:13.5px}.lp-nav .btn-filled i{display:none}}

/* Kopf der Seite */
.lg-head{padding:56px 0 32px}
.lg-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.lg-eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--lp-dash)}
.lg-head h1{margin:0;font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.04;font-weight:650;letter-spacing:-.035em}
.lg-meta{margin:14px 0 0;color:var(--lp-muted);font-size:15px}
.lg-switch{display:inline-flex;gap:2px;margin-top:26px}
.lg-switch a{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;background:var(--lp-panel);color:var(--lp-ink);font-weight:600;font-size:14.5px;text-decoration:none;border-radius:10px}
.lg-switch a:first-child{border-radius:999px 10px 10px 999px}
.lg-switch a:last-child{border-radius:10px 999px 999px 10px}
.lg-switch a[aria-current="page"]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:999px}
.lg-switch i{font-size:18px}

/* Entwurfshinweis und Platzhalter */
.lg-draft{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;padding:16px 18px;border-radius:18px;background:#fff6dc;border:1px solid #f0d98c;color:#5c4705;font-size:14.5px;line-height:1.5}
.lg-draft i{font-size:20px;flex-shrink:0;margin-top:1px}
.lg-draft b{display:block;color:#3d2f02}
.ph{background:#fff1bf;border:1px dashed #d9b43a;border-radius:6px;padding:0 5px;color:#4a3a06;font-weight:500;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Inhalt */
.lg-body{padding:0 0 96px}
.lg-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.lg-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.lg-toc b{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-muted);margin:0 0 10px 12px}
.lg-toc a{color:var(--lp-ink);opacity:.75;text-decoration:none;padding:7px 12px;border-radius:10px;line-height:1.35}
.lg-toc a:hover{opacity:1;background:rgba(21,25,26,.05)}
.lg-panel{background:var(--lp-panel);border-radius:var(--lp-r);padding:48px 56px;max-width:860px}
.lg-panel section+section{margin-top:40px;padding-top:36px;border-top:1px solid var(--lp-line)}
.lg-panel h2{margin:0 0 14px;font-size:1.35rem;line-height:1.25;font-weight:650;letter-spacing:-.015em}
.lg-panel h3{margin:22px 0 8px;font-size:1.02rem;font-weight:650}
.lg-panel p,.lg-panel li{font-size:15.5px;line-height:1.65;color:#2b3133}
.lg-panel p{margin:0 0 12px}
.lg-panel ul{margin:0 0 12px;padding-left:20px}
.lg-panel li{margin:4px 0}
.lg-panel address{font-style:normal;font-size:15.5px;line-height:1.65}
.lg-dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px 24px;margin:0}
.lg-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-muted);padding-top:3px}
.lg-dl dd{margin:0;font-size:15.5px;line-height:1.6}
.lg-note{font-size:14px;color:var(--lp-muted)}
.lg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px;padding:0;list-style:none}
.lg-chips li{margin:0;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--lp-bg);font-size:13.5px;font-weight:500;color:var(--lp-ink)}
.lg-chips i{font-size:16px;color:var(--md-sys-color-tertiary)}
@media(max-width:960px){.lg-grid{grid-template-columns:1fr}.lg-toc{display:none}}
@media(max-width:640px){.lg-head{padding:36px 0 24px}.lg-head h1{font-size:2rem;overflow-wrap:anywhere}.lg-panel{padding:30px 22px;border-radius:24px}.lg-dl{grid-template-columns:1fr;gap:2px}.lg-dl dd{margin-bottom:12px}}

/* Fuß: derselbe wie auf der Landing */
footer{border-top:1px solid var(--lp-line);padding:64px 0 32px}
footer a{text-decoration:none}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-bottom:48px}
.foot-brand img{height:42px;margin-bottom:16px}
.foot-brand p{color:var(--md-sys-color-on-surface-variant);font-size:14.5px;line-height:1.55;max-width:34ch;margin:0}
.foot-col h5{margin:0 0 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-on-surface-variant)}
.foot-col a{display:block;color:var(--md-sys-color-on-surface);font-size:14.5px;padding:6px 0;font-weight:500}
.foot-col a:hover{color:var(--md-sys-color-primary)}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);font-size:13.5px}
.foot-bottom .made{display:inline-flex;align-items:center;gap:7px}
.foot-bottom .made b{color:var(--md-sys-color-on-surface);font-weight:600}
@media(max-width:900px){.foot-top{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr}}
@media print{.lp-top,.lg-toc,.lg-switch,footer{display:none}.lg-grid{display:block}.lg-panel{padding:0;max-width:none}body{background:#fff}}