/* ERZEUGT aus James65561-v2.dc.html durch site/tools/entwurf-uebernehmen.mjs.
   Nicht von Hand aendern. */

html, body { margin: 0; padding: 0; }
body { background: #0D0F17; color: #EDEFF3; font-family: 'Sora', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #6EE7DC; text-decoration: none; transition: color .25s ease; }
a:hover { color: #A9F2EA; }
::selection { background: rgba(110,231,220,.85); color: #0D0F17; }
input, textarea, button { font-family: inherit; }
input::placeholder, textarea::placeholder { color: #6E7889; }
@keyframes rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes drift { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-12px) } }
@keyframes driftSm { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-7px) } }
@keyframes auroraA { 0%, 100% { transform: translate(0,0) scale(1) } 33% { transform: translate(60px,40px) scale(1.12) } 66% { transform: translate(-40px,20px) scale(.95) } }
@keyframes auroraB { 0%, 100% { transform: translate(0,0) scale(1) } 50% { transform: translate(-70px,-40px) scale(1.15) } }
@keyframes glowPulse { 0%, 100% { opacity: .95 } 50% { opacity: .4 } }
@keyframes marquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }

/* Aus style-hover des Entwurfs. */
.eh1:hover, .eh1:focus-visible { transform:translateY(-3px) scale(1.02);box-shadow:0 28px 60px -16px rgba(124,109,246,.6);color:#07130F; }
.eh2:hover, .eh2:focus-visible { background:rgba(159,140,255,.22);transform:translateY(-2px);color:#EDEFF3; }
.eh3:hover, .eh3:focus-visible { transform:translateY(-2px);background:rgba(145,70,255,.14);color:#EDEFF3; }
.eh4:hover, .eh4:focus-visible { transform:translateY(-2px);background:rgba(255,78,69,.14);color:#EDEFF3; }
.eh5:hover, .eh5:focus-visible { transform:translateY(-2px);background:rgba(37,244,238,.12);color:#EDEFF3; }
.eh6:hover, .eh6:focus-visible { transform:translateY(-3px) rotate(-.4deg);box-shadow:0 28px 54px -24px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06); }
.eh7:hover, .eh7:focus-visible { color:#A9F2EA; }
.eh8:hover, .eh8:focus-visible { transform:translateY(-5px); }
.eh9:hover, .eh9:focus-visible { background:rgba(10,11,14,.9);color:#A9F2EA; }
.ef10:focus, .ef10:focus-visible { box-shadow:inset 0 0 0 1px rgba(110,231,220,.55); }
.eh11:hover, .eh11:focus-visible { transform:translateY(-2px) scale(1.02); }
.eh12:hover, .eh12:focus-visible { color:#A9B3C4; }
.ef13:focus, .ef13:focus-visible { box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.eh14:hover, .eh14:focus-visible { background:rgba(255,255,255,.1);color:#EDEFF3; }
.eh15:hover, .eh15:focus-visible { opacity:.92; }
.eh16:hover, .eh16:focus-visible { transform:rotate(0deg) translateY(-4px); }
.eh17:hover, .eh17:focus-visible { transform:translateY(-4px); }
.eh18:hover, .eh18:focus-visible { transform:translateY(-2px);color:#0D0F17; }
.ef19:focus, .ef19:focus-visible { box-shadow:inset 0 0 0 1px rgba(110,231,220,.5); }
.eh20:hover, .eh20:focus-visible { transform:translateY(-2px); }
.eh21:hover, .eh21:focus-visible { color:#EDEFF3; }