*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow-x:hidden;line-height:1.5}
body::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("/gemeinsam/triskele.svg") no-repeat;background-size:1380px auto;background-position:calc(50vw - 175px) -243px}
main{position:relative;z-index:1;width:min(1040px,calc(100% - 32px));margin:auto;padding:56px 0 64px;display:grid;grid-template-columns:1fr minmax(340px,420px);gap:clamp(40px,7vw,96px);align-items:center}
.intro-zeile{display:flex;align-items:center;gap:22px}.intro-zeile img{display:block;flex:none;width:128px;height:128px;margin:-12px 0 -12px -14px}
.eyebrow{margin:0 0 8px;color:var(--odin-akzent);font:600 .8rem/1.4 var(--odin-mono);letter-spacing:.14em;text-transform:uppercase}
.intro h1{display:grid;margin:0;line-height:1}.intro h1 .name{font-size:clamp(2.6rem,5vw,3.6rem);font-weight:700;letter-spacing:.01em}.intro h1 .zusatz{margin-top:4px;color:var(--odin-text-2);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:500;letter-spacing:.06em}
.intro .text{max-width:520px;margin:18px 0 0;color:var(--odin-text-2);font-size:1.05rem}
.box{background:#fff;border:1px solid var(--odin-linie);border-top:3px solid var(--odin-akzent);border-radius:var(--odin-radius);padding:30px}.box h2{margin:0;font-size:1.5rem}
.hint{margin:6px 0 22px;color:var(--odin-text-2)}
label{display:grid;gap:7px;margin:16px 0;font-size:.93rem;font-weight:600}
input{width:100%;border:1px solid #8a9aa8;border-radius:var(--odin-radius);background:#fff;padding:11px 12px;color:var(--odin-text);font:inherit}input:focus{border-color:var(--odin-akzent);outline:2px solid var(--odin-akzent);outline-offset:1px}
button{width:100%;margin-top:8px;border:0;border-radius:var(--odin-radius);padding:12px 16px;background:var(--odin-akzent);color:#fff;font:inherit;font-weight:700;cursor:pointer}button:hover{background:var(--odin-akzent-dunkel)}
.error{margin:0 0 18px;border-left:4px solid var(--odin-gefahr);background:#f8d7da;padding:11px 13px;color:#78191b}
.ok{margin:0 0 18px;border-left:4px solid #1f7a4d;background:#e4f3ea;padding:11px 13px;color:#14562f}
.back{display:inline-block;margin:20px 0 0;color:var(--odin-akzent);font-size:.93rem}
.schlicht{margin:14px 0 0}.schlicht button{width:auto;margin:0;padding:0;background:none;color:var(--odin-text);font-size:.93rem;font-weight:400;text-decoration:underline}.schlicht button:hover{background:none;color:var(--odin-akzent)}
@media(max-width:760px){main{padding:34px 0 44px;grid-template-columns:1fr;gap:28px}.intro-zeile img{width:84px;height:84px;margin:-6px 0 -6px -8px}.box{padding:24px}body::before{background-size:150vw auto;background-position:20vw 221px}}