*{box-sizing:border-box}body{margin:0;font-family:"Open Sans",system-ui,sans-serif;color:#111}.customer{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#343434,#000)}.card{width:min(880px,100%);background:#fff;border-radius:12px;padding:clamp(28px,6vw,68px);box-shadow:0 24px 70px #0009;border-top:7px solid #babf11}.brand{margin-bottom:12px}.brand img{display:block;width:min(160px,42vw);max-height:58px;object-fit:contain;object-position:left center}.customer h1{font-family:Bahnschrift,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.025em;font-size:clamp(2rem,5vw,3.6rem);margin:.6rem 0}.stars{display:flex;justify-content:space-between;gap:8px;margin:45px 0}.stars button{border:0;background:none;font-size:clamp(3.7rem,10vw,7rem);color:#d4d4d4;cursor:pointer;transition:.2s;touch-action:manipulation}.stars button.on,.stars button:hover{color:#babf11;transform:scale(1.13)}.stars small{display:block;font-size:1rem;color:#333}fieldset{border:0;border-top:2px solid #e8e8e8;margin:22px 0;padding:20px 0}legend{font-family:Bahnschrift,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:1.4rem;font-weight:750}label{display:block;margin:12px 0;font-size:1.2rem;padding:12px;background:#f1f1f1;border-radius:4px}input{width:22px;height:22px;vertical-align:middle;accent-color:#babf11}.primary{display:inline-block;border:0;border-radius:3px;background:#babf11;color:#000;padding:18px 28px;font-family:Bahnschrift,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem;font-weight:800;text-decoration:none;cursor:pointer}.primary:hover{background:#d3d83a}.center{text-align:center}.center .brand img{margin:auto}.wheel{width:min(55vw,330px);aspect-ratio:1;border-radius:50%;margin:35px auto;background:conic-gradient(#babf11 0 25%,#222 0 50%,#f5f5f5 0 75%,#777 0);display:grid;place-items:center;font-size:5rem;border:12px solid #fff;box-shadow:0 0 0 8px #babf11}.spin{animation:spin 2.5s cubic-bezier(.15,.8,.15,1) forwards}@keyframes spin{to{transform:rotate(1440deg)}}
/* Startansicht: bewusst mittig für die Tablet-Bedienung. */
.card:not(.center) .brand{text-align:center;margin-bottom:20px}.card:not(.center) .brand img{width:min(300px,68vw);max-height:108px;margin:0 auto}.card:not(.center) #starsStep{display:flex;flex-direction:column;align-items:center;text-align:center}.card:not(.center) #starsStep p{margin:10px 0 0}.card:not(.center) .stars{width:min(650px,100%);margin:52px auto 26px}