/* Scooter Info – Premium-clean-Design für Rechtsseiten (2026-10-25) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root,html[data-theme]{color-scheme:dark}
html:not(#sx):not(#sx) body,body{background:#000!important;background-image:none!important}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif!important;color:#f5f5f7!important;-webkit-font-smoothing:antialiased;letter-spacing:-.011em;scroll-behavior:smooth}
html:not(#sx):not(#sx) body *{font-family:inherit!important;text-shadow:none!important}
::selection{background:#f5f5f7;color:#000}
html:not(#sx):not(#sx) body .top{background:rgba(0,0,0,.72)!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
html:not(#sx):not(#sx) body .top .brand{color:#f5f5f7!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.02em!important}
html:not(#sx):not(#sx) body .top .brand b{color:#a1a1a6!important;font-weight:600!important}
html:not(#sx):not(#sx) body .top a{color:#a1a1a6!important;font-size:14px!important;font-weight:500!important;border-radius:999px;padding:6px 12px;transition:color .2s,background .2s}
html:not(#sx):not(#sx) body .top a:hover{color:#f5f5f7!important;background:rgba(255,255,255,.06)}
html:not(#sx):not(#sx) body .theme-toggle,html:not(#sx):not(#sx) body #theme-toggle{display:none!important}
html:not(#sx):not(#sx) body .wrap{padding-top:clamp(56px,8vw,112px)!important}
html:not(#sx):not(#sx) body .eyebrow{color:#a1a1a6!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;display:inline-flex;align-items:center;gap:8px}
html:not(#sx):not(#sx) body .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#2997ff}
html:not(#sx):not(#sx) body h1{color:#f5f5f7!important;font-size:clamp(40px,6vw,72px)!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.02!important}
html:not(#sx):not(#sx) body .card{background:#111113!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;box-shadow:none!important;backdrop-filter:none!important;animation:sxfade .6s cubic-bezier(.22,.8,.24,1) both}
@keyframes sxfade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html:not(#sx):not(#sx) body .card h2{color:#f5f5f7!important;font-size:19px!important;font-weight:600!important;letter-spacing:-.02em!important}
html:not(#sx):not(#sx) body .card p,html:not(#sx):not(#sx) body .card li,html:not(#sx):not(#sx) body .meta span{color:#a1a1a6!important;line-height:1.65!important}
html:not(#sx):not(#sx) body .card strong,html:not(#sx):not(#sx) body .meta strong{color:#f5f5f7!important}
html:not(#sx):not(#sx) body .meta{border-color:rgba(255,255,255,.08)!important}
html:not(#sx):not(#sx) body .address{background:#1c1c1e!important;color:#f5f5f7!important;border:0!important;border-left:0!important;border-radius:16px!important}
html:not(#sx):not(#sx) body code{background:#1c1c1e!important;color:#f5f5f7!important;border-radius:6px;padding:1px 6px}
html:not(#sx):not(#sx) body a.inline-link,html:not(#sx):not(#sx) body .card a:not(.back){color:#2997ff!important;text-decoration:none!important}
html:not(#sx):not(#sx) body a.inline-link:hover,html:not(#sx):not(#sx) body .card a:not(.back):hover{text-decoration:underline!important}
html:not(#sx):not(#sx) body .back{color:#2997ff!important;font-weight:500!important}
html:not(#sx):not(#sx) body .back:hover{text-decoration:underline}
html:not(#sx):not(#sx) body .field label{color:#a1a1a6!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
html:not(#sx):not(#sx) body input,html:not(#sx):not(#sx) body select,html:not(#sx):not(#sx) body textarea{background:#1c1c1e!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important;font-size:15px!important;transition:border-color .2s,box-shadow .2s}
html:not(#sx):not(#sx) body input::placeholder,html:not(#sx):not(#sx) body textarea::placeholder{color:#6e6e73!important;-webkit-text-fill-color:#6e6e73!important}
html:not(#sx):not(#sx) body input:focus,html:not(#sx):not(#sx) body select:focus,html:not(#sx):not(#sx) body textarea:focus{border-color:#2997ff!important;box-shadow:0 0 0 4px rgba(41,151,255,.2)!important;outline:none!important}
html:not(#sx):not(#sx) body .button,html:not(#sx):not(#sx) body button[type="submit"]{background:#f5f5f7!important;color:#000!important;border:0!important;border-radius:999px!important;font-weight:600!important;box-shadow:none!important;transition:background .2s,transform .2s}
html:not(#sx):not(#sx) body .button:hover,html:not(#sx):not(#sx) body button[type="submit"]:hover{background:#fff!important;transform:scale(1.02)}
html:not(#sx):not(#sx) body .notice{background:#111113!important;border:1px solid rgba(255,255,255,.08)!important;color:#a1a1a6!important;border-radius:16px!important}
html:not(#sx):not(#sx) body .foot{color:#6e6e73!important;border-top:1px solid rgba(255,255,255,.08)}
html:not(#sx):not(#sx) body .foot a{color:#a1a1a6!important}
html:not(#sx):not(#sx) body .foot a:hover{color:#f5f5f7!important}
@media (prefers-reduced-motion:reduce){html:not(#sx):not(#sx) body .card{animation:none}}

html:not(#sx):not(#sx) body .legal-theme-toggle,html:not(#sx):not(#sx) body #legal-theme-toggle-button{display:none!important}