:root{color-scheme:light;--blue:#1467d8;--ink:#26313a;--muted:#56636e;--line:#dce3e9}
*{box-sizing:border-box}
html{min-height:100%;border-top:5px solid var(--blue)}
body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1440px;min-height:calc(100svh - 5px);margin:auto;padding:28px 6vw 0;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;width:350px;max-width:75%;height:auto}
.domain{color:var(--muted);font-size:.875rem;letter-spacing:.035em}
main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:5%;align-items:center;padding:70px 0 90px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;font-weight:600;color:var(--muted);line-height:1.6}
.eyebrow>span{width:22px;height:2px;background:var(--blue);flex-shrink:0}
h1{font-size:clamp(3.3rem,5.8vw,5.35rem);font-weight:650;line-height:1.06;letter-spacing:-.055em;margin:0 0 30px}
h1 span{color:var(--blue)}
.lead{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.45;letter-spacing:-.018em;font-weight:500;margin:0 0 19px}
.description{max-width:440px;font-size:1rem;line-height:1.8;color:var(--muted);margin:0}
.coming{display:flex;align-items:center;gap:13px;margin-top:35px;font-size:.875rem;line-height:1.6;color:var(--muted)}
.line{width:32px;height:1px;background:var(--blue);flex-shrink:0}
.brand-stage{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f8fc;background-image:linear-gradient(#1467d809 1px,transparent 1px),linear-gradient(90deg,#1467d809 1px,transparent 1px);background-size:32px 32px}
.brand-stage img{display:block;width:75%;height:auto;position:relative}

.corner{position:absolute;width:15px;height:15px;border-color:#9cbbe3;border-style:solid}
.top-left{top:0;left:0;border-width:1px 0 0 1px}.top-right{top:0;right:0;border-width:1px 1px 0 0}.bottom-left{bottom:0;left:0;border-width:0 0 1px 1px}.bottom-right{bottom:0;right:0;border-width:0 1px 1px 0}
footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0 27px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;line-height:1.6}
.separator{margin:0 10px;color:#a5afb9}
@media(min-width:1500px){.page{padding-left:80px;padding-right:80px}}
@media(max-width:850px){.page{padding:18px 6vw 0}.brand{width:300px}.domain{display:none}main{gap:30px;padding:55px 0 65px}h1{font-size:3.35rem}.footer-note{max-width:220px;text-align:right}}
@media(max-width:620px){.brand{width:300px;max-width:100%}main{grid-template-columns:1fr;padding:42px 0 42px;gap:44px}.eyebrow{font-size:.75rem;margin-bottom:24px}h1{font-size:clamp(2.7rem,11vw,4rem);margin-bottom:25px}.lead{font-size:1.35rem}.desktop-break{display:none}.description{max-width:100%}.coming{margin-top:28px}.brand-stage{aspect-ratio:1.5/1;width:100%;max-width:440px;justify-self:center}.brand-stage img{width:61%}footer{flex-direction:column;gap:5px;padding:20px 0}.footer-note{max-width:none;text-align:left}}
@media(prefers-reduced-motion:no-preference){.intro,.brand-stage{animation:appear .7s ease-out both}.brand-stage{animation-delay:.12s}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media print{.page{min-height:auto;padding:0}main{padding:40px 0}html{border:0}}

/* Rechtliche Unterseiten */
a{color:var(--blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.legal-nav{display:flex;gap:24px;flex-wrap:wrap}.legal-nav a{font-size:.875rem}.brand-home{display:block;max-width:75%}.brand-home .brand{max-width:100%}.back-link{font-size:.875rem;flex-shrink:0}
.legal-content{display:block;padding:55px 0 70px;max-width:800px;width:100%;margin:0 auto}.legal-content h1{font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}.legal-content h2{font-size:1.25rem;line-height:1.4;margin:32px 0 12px}.legal-content h3{font-size:1.1rem;margin:0 0 8px}.legal-content p{font-size:1rem;line-height:1.8;margin:0 0 16px;color:var(--muted)}.legal-content a{overflow-wrap:anywhere}.legal-content .legal-date{font-size:.875rem}.legal-callout{padding:22px 24px;border-left:3px solid var(--blue);background:#f5f8fc;margin:24px 0}.legal-callout p{margin-bottom:0}
@media(max-width:620px){.legal-content{padding-top:35px}.header:has(.brand-home){flex-wrap:wrap;gap:5px}.brand-home{max-width:100%}.back-link{margin-left:12px}.legal-nav{margin-top:8px;gap:24px}}