/* WallTex – Rechtsseiten, Danke- und 404-Seite im Design der Startseite */
*{box-sizing:border-box}html{color-scheme:dark;overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:#0b0b0a;color:#EDEAE4;font:300 16px/1.7 Outfit,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}
::selection{background:rgba(142,155,130,.38)}
:focus-visible{outline:2px solid #B9C3AE;outline-offset:3px;border-radius:4px}
header{padding:max(18px,env(safe-area-inset-top)) clamp(20px,4.4vw,64px) 18px;border-bottom:1px solid rgba(237,234,228,.12)}
header a{display:inline-flex;align-items:center;gap:12px;color:#EDEAE4;text-decoration:none;font:400 20px/1 Fraunces,Georgia,serif;letter-spacing:-.02em}
header a::before{content:"";width:34px;height:34px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2250%22 fill=%22%238E9B82%22/%3E%3Cg fill=%22none%22 stroke=%22%23FBF7ED%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2268%22 cy=%2236%22 r=%2210%22/%3E%3Cpath d=%22M6 70C17 61 27 51 34 45Q38.5 41 43 45L60 60C63.5 57.5 67 56 70.5 57.5C79 61 88 66 95 69.5%22/%3E%3Cpath d=%22M25 82C37 80 47 75 54 69Q57.5 65.5 60.5 61%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
main{flex:1;width:100%;max-width:760px;margin:0 auto;overflow-wrap:break-word;padding:clamp(48px,8vw,104px) clamp(20px,5vw,40px) 80px;animation:lg-up .9s cubic-bezier(.16,1,.3,1) both}
@keyframes lg-up{from{opacity:0;transform:translateY(14px)}}
h1{font:300 clamp(36px,6vw,64px)/1.02 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:0 0 30px;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;text-wrap:balance}
h2{font:500 11px/1.4 Outfit,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#B9C3AE;margin:44px 0 12px}
p,li,dd{color:rgba(237,234,228,.8)}a{color:#EDEAE4;text-decoration-color:rgba(237,234,228,.35);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}strong,b{color:#EDEAE4;font-weight:500}
code{font-size:.92em;background:rgba(237,234,228,.07);padding:1px 6px;border-radius:6px;color:#EDEAE4}
.fill{background:rgba(185,195,174,.18);color:#EDEAE4;padding:0 4px;border-radius:4px}.muted{color:rgba(237,234,228,.6);font-size:14px}
dl{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;border-top:1px solid rgba(237,234,228,.12);padding-top:20px}dt{color:rgba(237,234,228,.6)}dd{margin:0}
footer{border-top:1px solid rgba(237,234,228,.12);margin-top:64px;padding-top:22px;font-size:14px;display:flex;flex-wrap:wrap;gap:8px 22px}footer a{color:rgba(237,234,228,.6);text-decoration:none}footer a:hover{color:#EDEAE4}
.btn{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 26px;border-radius:999px;background:#EDEAE4;color:#141413;text-decoration:none;font:500 14px/1 Outfit,system-ui,sans-serif;letter-spacing:.01em;transition:background-color .25s,transform .2s}
.btn:hover{background:#fff}.btn:active{transform:scale(.97)}
.btn.alt{background:none;box-shadow:inset 0 0 0 1px rgba(237,234,228,.22);color:#EDEAE4}.btn.alt:hover{box-shadow:inset 0 0 0 1px #B9C3AE}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
ol.steps{padding-left:20px}ol.steps li{margin:10px 0}ol.steps li::marker{color:#B9C3AE}
@media (max-width:600px){dl{grid-template-columns:1fr;gap:2px}dt{margin-top:12px}}
@media (prefers-reduced-motion:reduce){main{animation:none}}