/* ---------- Soll IT Consulting – Rechtsseiten (Impressum, Datenschutz) ---------- */
@font-face{font-family:"Manrope";src:url("../brand/fonts/Manrope-Variable.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#071028;--bg-2:#0d2352;--line:rgb(147 160 189 / .16);--line-strong:rgb(147 160 189 / .28);
  --fg:#eef3f8;--fg-2:#c4d0dc;--muted:#93a0bd;--accent:#1868dd;--accent-2:#609eff;--warn:#fbbf24;
  --font:"Manrope",Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(90% 50% at 50% 0,rgb(24 104 221 / .14),transparent 70%) no-repeat,var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent-2);text-underline-offset:3px}
a:hover{color:#a9c8ff}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:4px}

.lhdr{max-width:1280px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lhdr img{height:52px;width:auto;display:block}
.lback{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);color:var(--fg);text-decoration:none;font-weight:700;font-size:14px;background:rgb(255 255 255 / .03);transition:border-color .2s,background .2s}
.lback:hover{color:#fff;border-color:var(--accent-2);background:rgb(96 158 255 / .08)}
.lhdr-r{display:flex;align-items:center;gap:10px}
.lsel{position:relative}
.lsel summary{list-style:none;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:rgb(255 255 255 / .03);font-weight:700;font-size:14px;cursor:pointer;color:var(--fg)}
.lsel summary::-webkit-details-marker{display:none}
.lsel summary:hover,.lsel[open] summary{border-color:var(--accent-2);background:rgb(96 158 255 / .08)}
.lsel[open] summary svg:last-child{transform:rotate(180deg)}
.lsel-dd{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:200px;padding:8px;border-radius:16px;background:rgb(13 35 82 / .98);border:1px solid var(--line-strong);box-shadow:0 30px 70px -20px rgb(0 0 0 / .7);display:flex;flex-direction:column}
.lsel-dd a,.lsel-dd .lang-off{padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--fg-2);text-decoration:none}
.lsel-dd a:hover{background:rgb(255 255 255 / .05);color:#fff}
.lsel-dd a[aria-current]{background:rgb(96 158 255 / .12);color:#fff}
.lsel-dd .lang-off{color:var(--muted);opacity:.55;cursor:not-allowed;display:flex;flex-direction:column}
.lsel-dd .lang-off small{font-size:11.5px;font-weight:500}

main{max-width:820px;margin:0 auto;padding:48px 24px 96px}
.eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
h1{font-size:clamp(30px,8vw,56px);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;line-height:1.08;letter-spacing:-.025em;margin:12px 0 12px}
.intro{color:var(--fg-2);font-size:18px;margin:0 0 40px}
h2{font-size:22px;letter-spacing:-.01em;line-height:1.3;margin:48px 0 12px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:24px}
h3{font-size:17px;margin:28px 0 8px}
p,li{color:var(--fg-2)}
ul{padding-left:22px}
li{margin:4px 0}
strong{color:var(--fg)}
address{font-style:normal;color:var(--fg-2)}
.toc{margin:0 0 8px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:rgb(255 255 255 / .02)}
.toc ol{margin:0;padding-left:22px;columns:2;column-gap:32px}
.toc li{margin:3px 0;break-inside:avoid}
.toc a{color:var(--fg-2);text-decoration:none}
.toc a:hover{color:#fff}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:12px 0}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--fg-2)}
th{color:var(--fg);font-weight:700;border-bottom-color:var(--line-strong)}
.tbl{overflow-x:auto}
/* Platzhalter: vor Veröffentlichung ersetzen */
.ph{background:rgb(251 191 36 / .16);color:#fde68a;border:1px dashed rgb(251 191 36 / .6);border-radius:6px;padding:0 6px;font-weight:600}
.note{padding:14px 18px;border-radius:14px;border:1px solid rgb(251 191 36 / .45);background:rgb(251 191 36 / .08);color:#fde68a;font-size:14.5px}
.stand{margin-top:56px;color:var(--muted);font-size:14px}

.lfoot{border-top:1px solid var(--line);padding:28px 24px 40px;color:var(--muted);font-size:14px}
.lfoot div{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
.lfoot nav{display:flex;flex-wrap:wrap;gap:18px}
.lfoot a,.lfoot button{color:inherit;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.lfoot a:hover,.lfoot button:hover{color:#fff}
.lfoot a[aria-current]{color:var(--fg)}
.lang-links{display:flex;flex-wrap:wrap;gap:14px;flex-basis:100%}

@media (max-width:600px){
  .lhdr{padding:16px}
  .lhdr img{height:40px}
  .lback{padding:0 14px}
  .lhdr-r .lback{display:none}
  main{padding:28px 16px 72px}
  .toc ol{columns:1}
}