/* Rechtliche Seiten: AS Web&App Development */
:root{--paper:#F4F4F2;--ink:#0D0F12;--muted:#5A5F67;--line:rgba(13,15,18,.12);--red:#E2231A;--red-ink:#C41B14}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Geist","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:var(--red-ink);text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
.wrap{width:min(820px,100% - 32px);margin-inline:auto}
header{padding:22px 0;border-bottom:1px solid var(--line);background:rgba(244,244,242,.9);position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;line-height:1}
.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--red);color:#fff;font:800 14px/1 "Archivo",Arial,sans-serif;font-stretch:125%;font-variation-settings:"wdth" 125}
.logo-text{font:500 15.5px/1.1 "Geist",Arial,sans-serif}
.logo-text b{font-weight:700}
.back{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(13,15,18,.22);color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
.back:hover{background:var(--ink);color:#fff}
main{padding:72px 0 96px}
h1{font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-weight:760;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(42px,7vw,72px);line-height:1;letter-spacing:-.04em;margin:0 0 16px}
h2{font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-weight:720;font-stretch:108%;font-variation-settings:"wdth" 108;font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:48px 0 12px}
p,ul{margin:0 0 14px}
ul{padding-left:20px}
li{margin-bottom:6px}
.intro{color:var(--muted);font-size:18px;max-width:60ch}
.card{background:#fff;border-radius:18px;padding:24px 28px;box-shadow:inset 0 0 0 1px rgba(13,15,18,.07);margin-top:28px}
.card p:last-child{margin-bottom:0}
mark{background:#FFF1B8;color:var(--ink);padding:1px 6px;border-radius:4px}
.muted{color:var(--muted);font-size:15px}
footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:14px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{color:var(--muted)}
@media (max-width:560px){.logo-text{display:none}main{padding-top:48px}.card{padding:20px}}