*{box-sizing:border-box}html{background:#000;color-scheme:dark}body{margin:0;color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;background:#000 url(background.webp) center top/800px auto no-repeat}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}main{max-width:800px;margin:0 auto;padding:28px 10px 40px;min-height:600px}h1{font-size:35px;line-height:1.18;margin:0 0 8px;font-weight:700}h2{font-size:30px;line-height:1.2;margin:10px 0 20px}h3{font-size:24px;line-height:1.35;margin:0 0 10px}p{line-height:1.45}.heading{text-align:center}.intro{font-size:20px;margin:12px 0 20px}.question{margin:24px 0 50px}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.choice{border:0;border-radius:5px;overflow:hidden;background:#d7b444;color:white;padding:0;width:calc((100% - 30px)/4);font-weight:600;font-size:14.4px;line-height:1.3;transition:transform .15s,box-shadow .15s}.choice img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.choice span{min-height:64px;padding:15px 12px;display:flex;align-items:center;justify-content:center}.choice:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #fff}.choice[aria-pressed=true]{box-shadow:0 0 0 3px #fff}.choice:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}.back{display:block;margin:28px auto 0;border:0;background:transparent;color:#d7b444;padding:12px 25px}.contact-intro{text-align:center;margin-bottom:40px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fields{display:flex;flex-direction:column;gap:10px}label.field{position:relative;display:block}label.field span{position:absolute;top:7px;left:12px;font-size:11px;color:#ccc}input:not([type=checkbox]),textarea{display:block;border:1px solid #ddd;border-radius:6px;background:rgba(0,0,0,.15);color:white;padding:23px 12px 10px;width:100%;min-height:59px}textarea{resize:vertical;min-height:110px;padding-top:16px}.consent{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;margin:10px 0}.consent input{margin-top:4px;accent-color:#d7b444;width:18px;height:18px;flex-shrink:0}a{color:#d7b444}.company{padding:28px 20px;border:2px solid #d7b44455;border-radius:7px;text-align:center;align-self:start;margin-top:16px}.company img{width:110px;height:auto}.company h3{font-size:20px;margin:18px 0 0}.company p{margin:0 0 32px}.company ul{text-align:left;padding-left:20px;font-size:15px;line-height:1.5}.company li{margin:14px 0}.submit{background:#d7b444;color:#fff;text-transform:uppercase;border:0;border-radius:5px;display:block;min-height:60px;padding:15px 28px;font-size:18px;font-weight:700;width:min(400px,100%);margin:30px auto 0}.submit:disabled{opacity:.55;cursor:wait}.preview-note{text-align:center;font-size:12px;color:#d7b444;border-bottom:1px solid #d7b44455;padding:9px 10px;margin:-28px -10px 25px;background:#111}.error{color:#ffb4b4;text-align:center}.success{text-align:center;padding:50px 10px}.success img{max-width:100%;border-radius:10px;margin:25px 0}.success h2{font-size:35px}.steps{display:flex;justify-content:space-around;gap:10px;color:#d7b444;margin:35px 0}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.selection{color:#d7b444;text-align:center;font-size:13px;margin-bottom:15px}@media(max-width:600px){main{padding:22px 15px 30px}h1{font-size:30px}h2{font-size:26px}h3{font-size:20px}.question{margin:25px 0 28px}.intro{font-size:17px}.choice{width:calc((100% - 10px)/2)}.choice span{min-height:60px;padding:10px;font-size:13px}.contact-layout{grid-template-columns:1fr}.company{margin:0}.preview-note{margin:-22px -15px 22px}.steps{font-size:12px}body{background-size:auto 100vh}}

/* Thomann: dekorative Rahmen entfallen, Fokus und Auswahl bleiben unterscheidbar. */
.choice{position:relative;border:0;box-shadow:none}
.choice:hover{box-shadow:none;background:#b69739}
.choice[aria-pressed=true]{box-shadow:none;background:#83691e}
.choice[aria-pressed=true]::after{content:"✓";position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#161510;color:#ffe08a;font-size:19px;font-weight:700}
input:not([type=checkbox]),textarea{border:0;background:#222;color:#fff}
.company{border:0;background:rgba(0,0,0,.55)}
.preview-note{border:0}
button,input,textarea,.submit,.back{border:0}
h2[tabindex="-1"]:focus,h3[tabindex="-1"]:focus{outline:none}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #ffe18b;outline-offset:3px}
