:root{--accent:#155eef;--accent2:#0e9384;--text:#101828;--muted:#667085;--bg:#f8fafc;--card:#fff;--line:#e4e7ec}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,58px);background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.8)}.brand{display:flex;gap:12px;align-items:center;font-weight:900}.brand img{width:42px;height:42px;object-fit:contain}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{text-decoration:none;padding:9px 12px;border-radius:999px}.nav a:hover{background:#eef4ff}.block{position:relative;overflow:hidden}.inner{max-width:1180px;margin:0 auto;padding:clamp(70px,10vw,132px) clamp(18px,4vw,42px)}.narrow{max-width:860px}.hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr);gap:42px;align-items:center;min-height:72vh}.hero-inner h1{font-size:clamp(42px,7vw,86px);line-height:.95;letter-spacing:-.07em;margin:0 0 18px}.hero-inner p,.subtitle{font-size:clamp(18px,2vw,24px);opacity:.82}.hero-inner img,.media img{width:100%;border-radius:34px;box-shadow:0 30px 80px rgba(16,24,40,.22)}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.copy h2,.narrow h2{font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.055em}.cta{display:inline-flex;margin-top:22px;background:var(--accent);color:#fff;text-decoration:none;padding:14px 19px;border-radius:16px;font-weight:900;box-shadow:0 16px 28px rgba(21,94,239,.28)}.ticker{white-space:nowrap;font-size:clamp(34px,8vw,92px);font-weight:950;letter-spacing:-.06em;padding:32px 0}.ticker div{display:inline-flex;gap:60px;animation:ticker var(--scroll-duration,18s) linear infinite}.bar{display:flex;justify-content:space-between;gap:18px;align-items:center;border-radius:26px;padding:26px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px)}.site-footer{padding:38px clamp(18px,4vw,58px);background:#101828;color:#fff}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.anim{opacity:1;transform:none;transition:.75s cubic-bezier(.2,.8,.2,1)}.js .anim{opacity:0;transform:translateY(28px)}.js .anim.show{opacity:1;transform:none}.parallax{will-change:transform}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-33.33%)}}@media(max-width:820px){.hero-inner,.split{grid-template-columns:1fr}.nav{display:flex;overflow:auto;max-width:100%;padding-bottom:4px}.inner{padding:64px 18px}.site-header{position:relative}.bar{flex-direction:column;align-items:flex-start}}


/* v0.1.1 Header-Menü bleibt kompakt */
.site-header .nav {
    max-width: min(760px, 64vw);
    overflow: auto;
    scrollbar-width: thin;
}
.site-header .nav a {
    white-space: nowrap;
}
@media(max-width:820px){
    .site-header {
        align-items: flex-start;
        flex-direction: column;
    }
    .site-header .nav {
        max-width: 100%;
        width: 100%;
    }
}

.block-empty-hint{max-width:1180px;margin:34px auto;padding:22px;border:1px dashed #d0d5dd;border-radius:18px;color:#667085;background:#fff}


/* v0.1.3 zusätzliche moderne Blockvorlagen */
.block-pattern_grid,.block-pattern_stripes,.block-starfield{position:relative;isolation:isolate}
.pattern-layer{position:absolute;inset:0;z-index:-1;opacity:.45}
.grid-pattern{background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent)}
.stripe-pattern{background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 18px,transparent 18px 42px);animation:stripeMove 12s linear infinite}
.starfield-layer{position:absolute;inset:0;z-index:-1;background:
radial-gradient(circle at 20% 20%,rgba(255,255,255,.9) 0 1px,transparent 2px),
radial-gradient(circle at 70% 35%,rgba(255,255,255,.75) 0 1px,transparent 2px),
radial-gradient(circle at 42% 78%,rgba(255,255,255,.8) 0 1px,transparent 2px),
radial-gradient(circle at 88% 62%,rgba(255,255,255,.9) 0 1px,transparent 2px),
linear-gradient(135deg,#020617,#0f172a 48%,#1e1b4b);background-size:220px 220px,280px 280px,340px 340px,260px 260px,100% 100%;animation:stars 22s linear infinite}
.pattern-content{position:relative;z-index:1}
.flyer-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:42px;align-items:center;min-height:600px}
.flyer-stage{position:relative;min-height:520px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at center,rgba(21,94,239,.18),rgba(255,255,255,.1));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.flyer-img,.flyer-placeholder{position:absolute;width:clamp(120px,18vw,230px);aspect-ratio:4/3;object-fit:cover;border-radius:24px;box-shadow:0 24px 54px rgba(16,24,40,.28);left:calc(8% + (var(--i) * 9%));top:calc(10% + (var(--i) * 7%));transform:rotate(calc((var(--i) - 5) * 7deg));animation:flyerFloat calc(7s + var(--i) * .7s) ease-in-out infinite alternate}
.flyer-placeholder{display:grid;place-items:center;background:rgba(255,255,255,.72);font-weight:900;color:#155eef}
.image-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin-top:28px}
.image-card{background:rgba(255,255,255,.82);border:1px solid rgba(228,231,236,.9);border-radius:24px;padding:14px;box-shadow:0 16px 34px rgba(16,24,40,.08)}
.image-card img,.image-card.demo div{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:#eef4ff;display:grid;place-items:center;font-weight:900;color:#155eef}
@keyframes stripeMove{from{background-position:0 0}to{background-position:180px 0}}
@keyframes stars{from{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:220px 220px,-280px 280px,340px -340px,-260px 260px,0 0}}
@keyframes flyerFloat{from{translate:0 0}to{translate:20px -28px}}
@media(max-width:820px){.flyer-wrap{grid-template-columns:1fr}.flyer-stage{min-height:420px}}


/* v0.1.4 Header und neue Blocktypen */
.site-header .nav{margin-left:auto}
.site-header .nav a[href="datenschutz.php"],.site-header .nav a[href="impressum.php"]{display:inline-flex}
.btn.danger,.danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important}
.btn.danger:hover,.danger:hover{background:#912018!important;color:#fff!important}
.block{background-blend-mode:multiply}
.flyer-stage-wide{min-height:680px;overflow:hidden}
.flyer-img-wide{width:clamp(180px,26vw,360px);animation-name:flyerFloatWide;animation-duration:calc(12s + var(--i) * 1.3s);left:calc(-18% + (var(--i) * 14%));top:calc(2% + (var(--i) * 9%))}
@keyframes flyerFloatWide{0%{transform:translate(-18vw,8vh) rotate(calc((var(--i) - 6)*8deg)) scale(.85)}50%{transform:translate(28vw,-10vh) rotate(calc((var(--i) + 3)*-7deg)) scale(1.08)}100%{transform:translate(72vw,14vh) rotate(calc((var(--i) + 4)*9deg)) scale(.92)}}
.flying-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin-top:34px;perspective:1000px}
.flying-grid-img,.flying-grid-demo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;box-shadow:0 20px 44px rgba(16,24,40,.18);transform:translateY(70px) rotateX(28deg) scale(.78);opacity:0;transition:.75s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*70ms);cursor:zoom-in}
.flying-grid.show .flying-grid-img,.flying-grid.show .flying-grid-demo{transform:none;opacity:1}
.flying-grid-img:active{transform:scale(1.85)!important;z-index:10;position:relative;cursor:zoom-out}
.flying-grid-demo{display:grid;place-items:center;background:#eef4ff;color:#155eef;font-weight:900}
.running-sprite-wrap{position:relative}
.running-text{position:relative;border-radius:28px;padding:28px;background:rgba(255,255,255,.65);overflow:hidden}
.sprite{position:absolute;bottom:8px;left:-80px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;animation:spriteRun 9s linear infinite;font-size:42px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.2))}
.sprite:before{content:"🏃"}
.sprite-ninja:before{content:"🥷"}
.sprite-robot:before{content:"🤖"}
.sprite-ghost:before{content:"👻"}
@keyframes spriteRun{0%{left:-80px;transform:scaleX(1)}49%{transform:scaleX(1)}50%{left:calc(100% + 20px);transform:scaleX(-1)}99%{transform:scaleX(-1)}100%{left:-80px;transform:scaleX(1)}}
@media(max-width:820px){.flyer-stage-wide{min-height:480px}.flyer-img-wide{width:220px}.flying-grid-img:active{transform:scale(1.25)!important}}





/* v0.2.0 Running Sprite: animierte Sprite-Sheets und Geschwindigkeitsregler */
.running-sprite-wrap{position:relative}
.running-text{
    position:relative;
    border-radius:28px;
    padding:28px 28px 92px;
    background:rgba(255,255,255,.68);
    overflow:hidden;
}
.sprite{
    position:absolute;
    bottom:8px;
    left:-96px;
    width:72px;
    height:72px;
    display:block;
    animation:spriteTravel var(--sprite-duration, 11.5s) linear infinite;
    filter:drop-shadow(0 10px 14px rgba(0,0,0,.20));
    transform-origin:center center;
    will-change:left, transform;
}
.sprite::before{
    content:"";
    display:block;
    width:72px;
    height:72px;
    background-repeat:no-repeat;
    background-size:288px 72px;
    image-rendering:auto;
    animation:spriteFrameCycle .52s steps(4) infinite;
}
.sprite-runner::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-ninja::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A5%B7%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A5%B7%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A5%B7%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A5%B7%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-robot::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A4%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A4%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A4%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A4%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-ghost::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-bird::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%A6%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%A6%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%A6%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%A6%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-boat::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9B%B5%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9B%B5%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9B%B5%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9B%B5%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-plane::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9C%88%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9C%88%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9C%88%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%E2%9C%88%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-racecar::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%8E%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%8E%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%8E%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%8E%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-tank::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%9C%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%9C%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%9C%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%9C%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-dog::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%95%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%95%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%95%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%95%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-cat::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%88%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%88%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%88%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%88%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-mouse::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-thief::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-topmodel::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%83%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-soldier::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%AA%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%AA%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%AA%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%AA%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-rocket::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-panda::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%BC%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%BC%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%BC%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%BC%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-fish::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%9F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%9F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%9F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%9F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-pc::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%92%BB%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-phone::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B1%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B1%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B1%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B1%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-tablet::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B2%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B2%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B2%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%93%B2%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-lion::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%81%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-wizard::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%99%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%99%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%99%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%99%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-orc::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%B9%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%B9%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%B9%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%B9%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-dragon::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%89%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%89%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%89%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%90%89%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-alien::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BD%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BD%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BD%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%91%BD%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-ufo::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9B%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9B%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9B%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%9B%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-astronaut::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%91%E2%80%8D%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%91%E2%80%8D%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%91%E2%80%8D%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A7%91%E2%80%8D%F0%9F%9A%80%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-pirate::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%B4%E2%80%8D%E2%98%A0%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%B4%E2%80%8D%E2%98%A0%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%B4%E2%80%8D%E2%98%A0%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%8F%B4%E2%80%8D%E2%98%A0%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-detective::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%95%B5%EF%B8%8F%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-superhero::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%B8%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}
.sprite-dinosaur::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22288%22%20height%3D%2272%22%20viewBox%3D%220%200%20288%2072%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2832%2C29%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2872%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2838%2C25%29%20rotate%284%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28144%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2841%2C30%29%20rotate%288%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28216%2C0%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2236%22%20cy%3D%2260%22%20rx%3D%2222%22%20ry%3D%225%22%20fill%3D%22rgba%280%2C0%2C0%2C.14%29%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2835%2C26%29%20rotate%28-3%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20font-size%3D%2244%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%A6%96%3C/text%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%3C/svg%3E")}

@keyframes spriteTravel{
    0%{left:-96px; transform:scaleX(1)}
    48%{left:calc(100% + 24px); transform:scaleX(1)}
    50%{left:calc(100% + 24px); transform:scaleX(-1)}
    98%{left:-96px; transform:scaleX(-1)}
    100%{left:-96px; transform:scaleX(1)}
}
@keyframes spriteFrameCycle{
    from{background-position:0 0}
    to{background-position:-288px 0}
}

/* v0.1.5 Flying Grid Klick-Zoom */


.flying-grid-img,.flying-grid-demo{user-select:none;-webkit-user-drag:none}
.flying-grid-img.is-zoomed,.flying-grid-demo.is-zoomed{
    position:relative;
    z-index:50;
    transform:scale(1.85)!important;
    opacity:1!important;
    box-shadow:0 34px 90px rgba(16,24,40,.38)!important;
    cursor:zoom-out;
}

/* v0.1.5 C64 Rasterbalken */
.block-c64_raster{
    position:relative;
    overflow:hidden;
    background:#080020!important;
    color:#fff!important;
    min-height:520px;
}
.c64-stage{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden}
.c64-content{
    position:relative;
    z-index:3;
    padding:42px;
    border:2px solid rgba(255,255,255,.22);
    background:rgba(8,0,32,.72);
    box-shadow:0 0 40px rgba(255,255,255,.08), inset 0 0 30px rgba(255,255,255,.06);
    text-shadow:2px 2px 0 #000;
    font-family:"Courier New",monospace;
}
.c64-bars{position:absolute;inset:0;pointer-events:none}
.c64-bars span{
    position:absolute;
    left:-8%;
    width:116%;
    height:18px;
    border-radius:999px;
    filter:saturate(1.7);
    box-shadow:0 0 18px currentColor;
}
.c64-back{z-index:1;opacity:.82}
.c64-front{z-index:4;mix-blend-mode:screen;opacity:.58}
.c64-bars span:nth-child(1){top:12%;background:#ff004d;color:#ff004d;animation:c64MoveA 5s ease-in-out infinite}
.c64-bars span:nth-child(2){top:30%;background:#00e5ff;color:#00e5ff;animation:c64MoveB 6.2s ease-in-out infinite}
.c64-bars span:nth-child(3){top:58%;background:#ffe600;color:#ffe600;animation:c64MoveA 5.7s ease-in-out infinite reverse}
.c64-bars span:nth-child(4){top:76%;background:#39ff14;color:#39ff14;animation:c64MoveB 4.8s ease-in-out infinite reverse}
.c64-front span{height:10px;opacity:.85}
@keyframes c64MoveA{0%,100%{transform:translateY(-70px) skewX(-18deg)}50%{transform:translateY(110px) skewX(18deg)}}
@keyframes c64MoveB{0%,100%{transform:translateY(95px) skewX(22deg)}50%{transform:translateY(-105px) skewX(-22deg)}}


/* v0.1.7 Responsive Optimierung Frontend */
img,video,canvas,svg{max-width:100%;height:auto}
.site-header{min-height:68px}
.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}
.nav{align-items:center}
.block{contain:layout paint}
.copy,.narrow,.hero-inner>div{min-width:0}
.running-text,.image-card,.bar{overflow-wrap:anywhere}
.cta{max-width:100%;text-align:center;justify-content:center}
.flying-grid-img.is-zoomed,.flying-grid-demo.is-zoomed{transform-origin:center center}

@media(max-width:1180px){
    .inner{padding:clamp(56px,8vw,96px) clamp(18px,4vw,34px)}
    .flyer-wrap{grid-template-columns:1fr;min-height:auto}
    .flyer-stage{min-height:520px}
}

@media(max-width:900px){
    .site-header{position:relative;align-items:flex-start;gap:10px}
    .brand span{max-width:78vw}
    .nav{width:100%;display:flex;gap:8px;overflow:auto;padding:4px 0 2px}
    .nav a{flex:0 0 auto}
    .hero-inner,.split{grid-template-columns:1fr!important}
    .hero-inner{min-height:auto}
    .hero-inner h1{font-size:clamp(38px,12vw,64px)}
    .copy h2,.narrow h2{font-size:clamp(30px,9vw,52px)}
    .bar{align-items:flex-start}
    .image-columns,.flying-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .c64-stage,.block-c64_raster{min-height:460px}
}

@media(max-width:620px){
    body{font-size:16px}
    .site-header{padding:12px 16px}
    .brand img{width:36px;height:36px}
    .inner{padding:48px 16px}
    .hero-inner p,.subtitle{font-size:18px}
    .cta{width:100%;padding:14px 16px}
    .image-columns,.flying-grid{grid-template-columns:1fr}
    .flyer-stage,.flyer-stage-wide{min-height:420px;border-radius:24px}
    .flyer-img-wide{width:220px}
    .running-text{padding:22px 18px 86px}
    .sprite{width:58px;height:58px}
    .sprite::before{font-size:46px}
    .c64-content{padding:26px 18px}
    .c64-bars span{height:14px}
    .site-footer{padding:30px 18px}
}

@media(pointer:coarse){
    .cta,.nav a,button,.btn{min-height:44px}
}


/* v0.1.9 zusätzliche Scroller */
.ticker-gradient span,
.ticker-gradient strong{
    background:linear-gradient(90deg,#ffffff,#7dd3fc,#f0abfc,#facc15,#ffffff);
    background-size:300% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:scrollGradient 7s linear infinite;
}
.ticker-gradient-reverse span,
.ticker-gradient-reverse strong{
    animation-direction:reverse;
}
@keyframes scrollGradient{
    from{background-position:0% 50%}
    to{background-position:300% 50%}
}
.ticker-sine{
    overflow:hidden;
    padding:44px 0;
}
.ticker-sine div{
    display:inline-flex;
    gap:34px;
    animation:tickerSineMove var(--scroll-duration,20s) linear infinite;
    will-change:transform;
}
.ticker-sine span{
    display:inline-block;
    font-size:clamp(30px,6vw,76px);
    font-weight:950;
    white-space:nowrap;
    animation:sineWave 2.2s ease-in-out infinite;
    animation-delay:calc(var(--i) * -90ms);
}
@keyframes tickerSineMove{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}
@keyframes sineWave{
    0%,100%{translate:0 0}
    25%{translate:0 -22px}
    75%{translate:0 22px}
}
.ticker-vertical{
    height:360px;
    overflow:hidden;
    display:grid;
    place-items:center;
    padding:0;
}
.ticker-vertical div{
    display:flex;
    flex-direction:column;
    gap:42px;
    animation:tickerVertical var(--scroll-duration,13s) linear infinite;
}
.ticker-vertical span{
    font-size:clamp(34px,7vw,82px);
    font-weight:950;
    letter-spacing:-.06em;
    line-height:1;
    text-align:center;
    white-space:nowrap;
}
@keyframes tickerVertical{
    from{transform:translateY(65%)}
    to{transform:translateY(-65%)}
}
@media(max-width:620px){
    .ticker-vertical{height:280px}
    .ticker-sine span{font-size:clamp(26px,10vw,52px)}
    .ticker-vertical span{font-size:clamp(30px,11vw,58px)}
}


/* v0.2.2 Header/Footer Sonderblock + transparente Logo-Darstellung */
.site-header{
    min-height:var(--header-height,68px);
}
.brand img{
    width:auto!important;
    height:calc(var(--header-height,68px) - 24px)!important;
    max-height:96px;
    object-fit:contain!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
}
.header-extra{
    font-weight:800;
    opacity:.86;
    margin-left:auto;
}
.site-footer{
    background-size:cover;
    background-position:center;
}
@media(max-width:900px){
    .header-extra{margin-left:0;width:100%}
    .brand img{height:calc(var(--header-height,68px) - 28px)!important}
}


/* v0.2.3 Letter-Sine-Scroller, Jumping-Scroller, Background-Zoom */
.ticker-letter-sine,
.ticker-jumping{
    overflow:hidden;
    padding:54px 0;
}
.ticker-letter-sine>div,
.ticker-jumping>div{
    display:inline-flex;
    gap:52px;
    white-space:nowrap;
    will-change:transform;
}
.ticker-letter-sine>div{
    animation:letterSineScroll var(--letter-duration,18s) linear infinite;
}
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-duration,12s) linear infinite;
}
.ticker-letter-sine strong,
.ticker-jumping strong{
    display:inline-flex;
    gap:.02em;
    align-items:center;
    font-size:clamp(34px,7vw,88px);
    font-weight:950;
    letter-spacing:-.06em;
    line-height:1.1;
}
.ticker-letter-sine span{
    display:inline-block;
    animation:letterSineWave calc(1.1s + (var(--sine-frequency,4) * .08s)) ease-in-out infinite;
    animation-delay:calc(var(--i) * -75ms);
}
.ticker-jumping span{
    display:inline-block;
    animation:letterJump calc(.62s + ((100 - var(--jump-irregularity,55)) * .006s)) cubic-bezier(.25,.8,.25,1) infinite;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms));
}
@keyframes letterSineScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}
@keyframes jumpingScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}
@keyframes letterSineWave{
    0%,100%{transform:translateY(0)}
    25%{transform:translateY(calc(var(--sine-amp,28px) * -1))}
    75%{transform:translateY(var(--sine-amp,28px))}
}
@keyframes letterJump{
    0%,100%{transform:translateY(0) rotate(0deg)}
    18%{transform:translateY(calc(var(--jump-amp,26px) * -1)) rotate(-4deg)}
    36%{transform:translateY(0) rotate(2deg)}
    55%{transform:translateY(calc(var(--jump-amp,26px) * -.58)) rotate(5deg)}
    74%{transform:translateY(0) rotate(-2deg)}
}
.block-background_zoom{
    position:relative;
    overflow:hidden;
    min-height:560px;
    isolation:isolate;
    background-image:none!important;
}
.background-zoom-stage{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
    overflow:hidden;
}
.bgz-layer{
    position:absolute;
    inset:-12%;
    z-index:-2;
    background-image:var(--block-bg-image), radial-gradient(circle at 35% 40%, #334155, #020617);
    background-size:cover;
    background-position:50% 50%;
    animation:bgZoomPan var(--bgz-duration,18s) ease-in-out infinite alternate;
}
.background-zoom-stage::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(135deg,rgba(0,0,0,.62),rgba(0,0,0,.28),rgba(0,0,0,.68));
}
.bgz-content{
    position:relative;
    z-index:2;
    padding:44px;
    border-radius:34px;
    background:rgba(0,0,0,.36);
    backdrop-filter:blur(8px);
    box-shadow:0 34px 90px rgba(0,0,0,.28);
}
@keyframes bgZoomPan{
    0%{transform:scale(1);background-position:18% 24%}
    22%{transform:scale(var(--bgz-scale,1.28));background-position:72% 38%}
    47%{transform:scale(calc(var(--bgz-scale,1.28) * .92));background-position:34% 74%}
    71%{transform:scale(var(--bgz-scale,1.28));background-position:88% 82%}
    100%{transform:scale(1.06);background-position:48% 28%}
}
@media(max-width:620px){
    .ticker-letter-sine strong,.ticker-jumping strong{font-size:clamp(32px,13vw,62px)}
    .block-background_zoom,.background-zoom-stage{min-height:460px}
    .bgz-content{padding:26px 18px;border-radius:24px}
}


/* v0.2.4 Transparente Letter-Scroller: keine gegenseitige Verdeckung */
.ticker-letter-sine,
.ticker-jumping{
    background:transparent;
    isolation:isolate;
}

.ticker-letter-sine>div,
.ticker-jumping>div{
    gap:72px;
    overflow:visible;
    transform-style:preserve-3d;
}

.ticker-letter-sine strong,
.ticker-jumping strong{
    gap:.16em;
    overflow:visible;
    background:transparent!important;
    background-color:transparent!important;
    text-shadow:0 6px 18px rgba(0,0,0,.18);
}

.ticker-letter-sine span,
.ticker-jumping span{
    position:relative;
    z-index:calc(100 + var(--i));
    display:inline-block;
    min-width:.62em;
    padding:0 .025em;
    margin:0 .015em;
    background:transparent!important;
    background-color:transparent!important;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    will-change:transform;
    transform-origin:center center;
    mix-blend-mode:normal;
    backface-visibility:hidden;
}

.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span{
    background:linear-gradient(90deg,#ffffff,#7dd3fc,#f0abfc,#facc15,#ffffff)!important;
    background-size:300% 100%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}

.ticker-letter-sine span::before,
.ticker-letter-sine span::after,
.ticker-jumping span::before,
.ticker-jumping span::after{
    content:none!important;
    display:none!important;
}

@media(max-width:620px){
    .ticker-letter-sine>div,
    .ticker-jumping>div{
        gap:46px;
    }
    .ticker-letter-sine strong,
    .ticker-jumping strong{
        gap:.11em;
        letter-spacing:-.035em;
    }
}


/* v0.2.5 Background Zoom Fix: sichtbares Bild + stabile Ebenen */
.block-background_zoom{
    position:relative!important;
    overflow:hidden!important;
    min-height:560px;
    isolation:isolate;
    background-image:none!important;
}
.background-zoom-stage{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
    overflow:hidden;
    isolation:isolate;
    background:radial-gradient(circle at 35% 40%, #334155, #020617);
}
.bgz-layer{
    position:absolute;
    inset:-14%;
    z-index:0!important;
    background-image:var(--block-bg-image), radial-gradient(circle at 35% 40%, #334155, #020617);
    background-size:cover!important;
    background-position:50% 50%;
    background-repeat:no-repeat!important;
    animation:bgZoomPanFixed var(--bgz-duration,18s) ease-in-out infinite alternate!important;
    will-change:transform, background-position;
    transform-origin:center center;
}
.bgz-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(135deg,rgba(0,0,0,.64),rgba(0,0,0,.20),rgba(0,0,0,.66));
    pointer-events:none;
}
.background-zoom-stage::after{
    content:none!important;
}
.bgz-content{
    position:relative!important;
    z-index:2!important;
}
@keyframes bgZoomPanFixed{
    0%{transform:scale(1);background-position:18% 24%}
    18%{transform:scale(var(--bgz-scale,1.28));background-position:76% 30%}
    39%{transform:scale(calc(var(--bgz-scale,1.28) * .94));background-position:28% 78%}
    63%{transform:scale(var(--bgz-scale,1.28));background-position:88% 82%}
    81%{transform:scale(calc(var(--bgz-scale,1.28) * .86));background-position:42% 18%}
    100%{transform:scale(1.06);background-position:54% 48%}
}
@media(max-width:620px){
    .block-background_zoom,.background-zoom-stage{min-height:460px}
}


/* v0.2.6 Erweiterte Streifen / Dynamik */
.stripe-pattern{
    background:repeating-linear-gradient(var(--stripe-rotation,-18deg),var(--stripe-c1,#ff004d) 0 18px,var(--stripe-c2,#00e5ff) 18px 36px,transparent 36px 54px)!important;
    animation:stripeMoveDynamic var(--stripe-duration,15s) linear infinite!important;
    opacity:.58;
}
.stripe-dir-left{animation-direction:reverse!important}
.stripe-dir-up{animation-name:stripeMoveUp!important}
.stripe-dir-down{animation-name:stripeMoveUp!important;animation-direction:reverse!important}
@keyframes stripeMoveDynamic{from{background-position:0 0}to{background-position:260px 0}}
@keyframes stripeMoveUp{from{background-position:0 0}to{background-position:0 260px}}

/* v0.2.6 Starfield-Parameter */
.dynamic-starfield{
    position:absolute;
    inset:0;
    z-index:-1;
    overflow:hidden;
    background:radial-gradient(circle at center,#111827,#020617 70%);
}
.dynamic-starfield span{
    position:absolute;
    left:var(--x);
    top:var(--y);
    width:var(--s);
    height:var(--s);
    border-radius:50%;
    background:var(--star-color,#fff);
    box-shadow:0 0 calc(var(--star-size,2px) * 5) var(--star-color,#fff);
    animation:starDrift var(--star-duration,24s) linear infinite;
    animation-delay:calc(var(--i) * -160ms);
    opacity:.45;
}
.dynamic-starfield span:nth-child(3n){opacity:.85;transform:scale(1.5)}
.dynamic-starfield span:nth-child(4n){opacity:.25;transform:scale(.7)}
@keyframes starDrift{
    0%{translate:0 0;scale:1}
    50%{translate:calc(var(--star-depth,70%) * .35) calc(var(--star-depth,70%) * -.18);scale:1.8}
    100%{translate:calc(var(--star-depth,70%) * -.28) calc(var(--star-depth,70%) * .24);scale:1}
}

/* v0.2.6 Vector Animation */
.block-vector_animation{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    min-height:560px;
}
.vector-stage{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:radial-gradient(circle at 25% 15%,rgba(21,94,239,.28),transparent 34%),radial-gradient(circle at 80% 70%,rgba(240,68,56,.20),transparent 38%),linear-gradient(135deg,#020617,#111827);
}
.vector-object{
    position:absolute;
    left:var(--x);
    top:var(--y);
    z-index:1;
    font-size:clamp(34px,7vw,92px);
    line-height:1;
    animation:vectorFloat var(--vector-duration,20s) ease-in-out infinite alternate, vectorRotate var(--vector-rot-duration,10s) linear infinite;
    animation-delay:calc(var(--delay) * -1);
    filter:drop-shadow(0 14px 20px rgba(0,0,0,.32));
    opacity:.72;
    user-select:none;
}
.vector-object:nth-child(2n){font-size:clamp(26px,5vw,70px);opacity:.50}
.vector-object:nth-child(3n){font-size:clamp(46px,9vw,110px);opacity:.38}
.vector-content{
    position:relative;
    z-index:2;
    padding:44px;
    border-radius:34px;
    background:rgba(2,6,23,.58);
    backdrop-filter:blur(8px);
    box-shadow:0 34px 90px rgba(0,0,0,.28);
}
@keyframes vectorFloat{
    0%{translate:-18vw -10vh;scale:.62}
    25%{translate:12vw 6vh;scale:var(--vector-scale,1.45)}
    50%{translate:-5vw 14vh;scale:.9}
    75%{translate:22vw -4vh;scale:calc(var(--vector-scale,1.45) * .82)}
    100%{translate:-12vw 8vh;scale:.72}
}
@keyframes vectorRotate{
    from{rotate:0deg}
    to{rotate:360deg}
}
.vector-spaceship,.vector-rocketship,.vector-plane{mix-blend-mode:screen}
.vector-dollar{color:#22c55e}
.vector-planet{color:#93c5fd}
.vector-heart{color:#fb7185}
.vector-diamond{color:#67e8f9}
.vector-gear{color:#cbd5e1}
.vector-bolt{color:#fde047}
@media(max-width:620px){
    .block-vector_animation,.vector-stage{min-height:460px}
    .vector-content{padding:26px 18px;border-radius:24px}
}


/* v0.2.8 Stabilitäts-Fix: Inhalte nie durch Animation/JS verstecken */
.anim,
.js .anim,
.js-ready .anim{
    opacity:1!important;
    transform:none;
}
.anim.show,
.js .anim.show,
.js-ready .anim.show{
    opacity:1!important;
    transform:none;
}

/* Animationen als progressive Ergänzung, nicht als Pflicht */
.flying-grid-img,
.flying-grid-demo{
    opacity:1;
}
.flying-grid:not(.show) .flying-grid-img,
.flying-grid:not(.show) .flying-grid-demo{
    opacity:1;
    transform:none;
}

/* Falls ein Browser moderne CSS-Funktionen nicht sauber versteht, bleiben Blöcke lesbar */
.block,
.inner,
.copy,
.narrow,
.pattern-content,
.vector-content,
.bgz-content{
    max-width:100%;
}

@supports not (backdrop-filter: blur(8px)){
    .vector-content,
    .bgz-content{
        background:rgba(2,6,23,.78)!important;
    }
}

/* Pfad-/Cache-Hilfe: sichtbare Mindestgestaltung selbst bei Animationsproblemen */
.site-header,
.site-footer,
.block{
    width:100%;
}


/* v0.2.9 Wireframe Elite / Retro 3D */
.block-wireframe_elite{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    min-height:560px;
    background:#000!important;
    color:var(--wire-color,#e7e7c0)!important;
}
.wire-stage{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 42%,rgba(231,231,192,.08),transparent 36%),
        linear-gradient(#020202,#000);
}
.wire-stage::before{
    content:"";
    position:absolute;
    inset:24px;
    border:2px solid color-mix(in srgb,var(--wire-color,#e7e7c0) 78%,transparent);
    opacity:.75;
    pointer-events:none;
    z-index:1;
}
.wire-stage::after{
    content:"----  E L I T E  ----";
    position:absolute;
    top:26px;
    left:50%;
    transform:translateX(-50%);
    color:var(--wire-color,#e7e7c0);
    font-family:"Courier New",monospace;
    font-weight:900;
    letter-spacing:.45em;
    font-size:clamp(12px,2vw,18px);
    opacity:.86;
    z-index:3;
    text-shadow:0 0 8px var(--wire-color,#e7e7c0);
}
.wire-frame{
    position:absolute;
    z-index:2;
    width:min(62vw,560px);
    aspect-ratio:16/10;
    display:grid;
    place-items:center;
    animation:wireMove var(--wire-duration,24s) ease-in-out infinite alternate, wireRotate var(--wire-rot-duration,16s) linear infinite;
    transform-style:preserve-3d;
    filter:drop-shadow(0 0 12px var(--wire-color,#e7e7c0));
    opacity:.94;
}
.wire-svg{
    width:100%;
    height:100%;
    overflow:visible;
}
.wire-svg *{
    stroke-linejoin:round;
    stroke-linecap:round;
}
.wire-content{
    position:relative;
    z-index:4;
    margin-top:220px;
    padding:30px;
    border-radius:0;
    border:1px solid rgba(231,231,192,.45);
    background:rgba(0,0,0,.58);
    font-family:"Courier New",monospace;
    text-shadow:0 0 8px currentColor;
    box-shadow:0 0 0 2px rgba(0,0,0,.8),0 0 24px rgba(231,231,192,.12);
}
.wire-content h2{
    letter-spacing:.22em;
    text-transform:uppercase;
}
.wire-scanlines .wire-stage,
.wire-scanlines{
    background-blend-mode:normal;
}
.wire-scanlines::before{
    box-shadow:inset 0 0 0 9999px rgba(0,0,0,0);
}
.wire-scanlines .wire-frame::after,
.wire-stage.wire-scanlines::after{
    pointer-events:none;
}
.wire-stage.wire-scanlines{
    background-image:
        repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),
        radial-gradient(circle at 50% 42%,rgba(231,231,192,.08),transparent 36%),
        linear-gradient(#020202,#000);
}
@keyframes wireMove{
    0%{translate:-8vw -4vh;scale:.76}
    22%{translate:8vw 2vh;scale:var(--wire-scale,1.35)}
    48%{translate:-3vw 7vh;scale:.92}
    70%{translate:6vw -5vh;scale:calc(var(--wire-scale,1.35) * .86)}
    100%{translate:0 0;scale:1.04}
}
@keyframes wireRotate{
    from{rotate:0deg}
    to{rotate:360deg}
}
@supports not (color: color-mix(in srgb, white, black)){
    .wire-stage::before{border-color:rgba(231,231,192,.72)}
}
@media(max-width:700px){
    .block-wireframe_elite,.wire-stage{min-height:500px}
    .wire-stage::before{inset:12px}
    .wire-stage::after{letter-spacing:.22em;top:18px}
    .wire-frame{width:min(86vw,420px)}
    .wire-content{margin-top:210px;padding:22px 16px}
}


/* v0.3.0 Wireframe Elite: echte 3D-Raumbewegung mit Perspektive */
.wire-stage{
    perspective:900px;
    perspective-origin:50% 42%;
}
.wire-depth-grid{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background:
        linear-gradient(90deg, transparent 0 48%, color-mix(in srgb,var(--wire-color,#e7e7c0) 42%,transparent) 49% 51%, transparent 52%),
        repeating-linear-gradient(0deg, transparent 0 28px, color-mix(in srgb,var(--wire-color,#e7e7c0) 22%,transparent) 29px 30px),
        repeating-linear-gradient(90deg, transparent 0 42px, color-mix(in srgb,var(--wire-color,#e7e7c0) 18%,transparent) 43px 44px);
    transform-style:preserve-3d;
}
.wire-grid-back{
    z-index:0;
    transform:rotateX(68deg) translateZ(-220px) translateY(120px) scale(1.6);
    animation:wireGridBack var(--wire-duration,24s) linear infinite;
}
.wire-grid-front{
    z-index:3;
    opacity:.10;
    transform:rotateX(68deg) translateZ(90px) translateY(210px) scale(1.25);
    animation:wireGridFront var(--wire-duration,24s) linear infinite reverse;
}
.wire-frame-3d{
    position:absolute;
    z-index:2;
    width:min(64vw,580px);
    aspect-ratio:16/10;
    display:grid;
    place-items:center;
    transform-style:preserve-3d;
    animation:wireFlight3D var(--wire-duration,24s) ease-in-out infinite alternate;
    will-change:transform;
}
.wire-frame-3d .wire-frame{
    position:absolute;
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    transform-style:preserve-3d;
    animation:wireRotate3D var(--wire-rot-duration,16s) linear infinite;
    filter:drop-shadow(0 0 12px var(--wire-color,#e7e7c0));
}
.wire-frame-main{
    opacity:.98;
}
.wire-frame-ghost{
    opacity:.14;
    filter:drop-shadow(0 0 7px var(--wire-color,#e7e7c0)) blur(.2px);
}
.ghost-a{
    transform:translateZ(-90px) scale(.82);
}
.ghost-b{
    transform:translateZ(90px) scale(1.16);
}
.wire-frame{
    /* alte 2D-Animation neutralisieren, damit die 3D-Bühne übernimmt */
    animation:none!important;
}
.wire-svg{
    transform-style:preserve-3d;
}
@keyframes wireFlight3D{
    0%{
        transform:translate3d(-18vw,-8vh,-260px) rotateX(18deg) rotateY(-38deg) rotateZ(-7deg) scale(.62);
    }
    18%{
        transform:translate3d(10vw,4vh,160px) rotateX(-24deg) rotateY(48deg) rotateZ(9deg) scale(var(--wire-scale,1.35));
    }
    36%{
        transform:translate3d(-6vw,10vh,-80px) rotateX(42deg) rotateY(112deg) rotateZ(-14deg) scale(.92);
    }
    58%{
        transform:translate3d(14vw,-6vh,260px) rotateX(-34deg) rotateY(196deg) rotateZ(12deg) scale(calc(var(--wire-scale,1.35) * .88));
    }
    78%{
        transform:translate3d(-10vw,2vh,40px) rotateX(22deg) rotateY(278deg) rotateZ(-18deg) scale(1.08);
    }
    100%{
        transform:translate3d(4vw,-2vh,-180px) rotateX(-12deg) rotateY(360deg) rotateZ(6deg) scale(.74);
    }
}
@keyframes wireRotate3D{
    0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
    25%{transform:rotateX(90deg) rotateY(140deg) rotateZ(18deg)}
    50%{transform:rotateX(180deg) rotateY(250deg) rotateZ(-12deg)}
    75%{transform:rotateX(270deg) rotateY(320deg) rotateZ(22deg)}
    100%{transform:rotateX(360deg) rotateY(420deg) rotateZ(0deg)}
}
@keyframes wireGridBack{
    from{background-position:0 0,0 0,0 0}
    to{background-position:0 0,0 180px,220px 0}
}
@keyframes wireGridFront{
    from{background-position:0 0,0 0,0 0}
    to{background-position:0 0,0 240px,260px 0}
}
@media(max-width:700px){
    .wire-stage{perspective:720px}
    .wire-frame-3d{width:min(88vw,430px)}
    .wire-grid-back{transform:rotateX(68deg) translateZ(-160px) translateY(100px) scale(1.45)}
    .wire-grid-front{transform:rotateX(68deg) translateZ(60px) translateY(185px) scale(1.12)}
}
@supports not (color: color-mix(in srgb, white, black)){
    .wire-depth-grid{
        background:
            linear-gradient(90deg, transparent 0 48%, rgba(231,231,192,.28) 49% 51%, transparent 52%),
            repeating-linear-gradient(0deg, transparent 0 28px, rgba(231,231,192,.16) 29px 30px),
            repeating-linear-gradient(90deg, transparent 0 42px, rgba(231,231,192,.12) 43px 44px);
    }
}


/* v0.3.1 Wireframe-Objekte selbst mit Volumen/Tiefe */
.wire-svg .front{
    opacity:1;
}
.wire-svg .back{
    opacity:.38;
}
.wire-svg .connector{
    opacity:.68;
}
.wire-svg .front,
.wire-svg .back,
.wire-svg .connector{
    filter:drop-shadow(0 0 4px var(--wire-color,#e7e7c0));
}
.wire-frame-main .wire-svg .back{
    transform:translateZ(-24px);
}
.wire-frame-main .wire-svg .front{
    transform:translateZ(24px);
}
.wire-frame-main .wire-svg .connector{
    stroke-dasharray:2.5 2.5;
}
.wire-frame-ghost .wire-svg .connector{
    opacity:.4;
}
.wire-frame-3d .wire-frame-main{
    filter:drop-shadow(0 0 14px var(--wire-color,#e7e7c0)) drop-shadow(0 0 28px color-mix(in srgb,var(--wire-color,#e7e7c0) 35%,transparent));
}
@supports not (color: color-mix(in srgb, white, black)){
    .wire-frame-3d .wire-frame-main{
        filter:drop-shadow(0 0 14px var(--wire-color,#e7e7c0)) drop-shadow(0 0 22px rgba(231,231,192,.28));
    }
}


/* v0.3.2 Wireframe Elite: echte 3D-Modelle per Canvas */
.wire-canvas-wrap{
    position:absolute;
    z-index:2;
    inset:56px 30px 120px 30px;
    display:grid;
    place-items:center;
    overflow:visible;
    transform-style:preserve-3d;
}
.wire-canvas{
    width:min(70vw,620px);
    height:min(46vw,380px);
    max-width:100%;
    display:block;
    background:transparent;
    filter:drop-shadow(0 0 10px var(--wire-color,#e7e7c0)) drop-shadow(0 0 22px rgba(231,231,192,.18));
}
.wire-fallback-svg{
    display:none;
}
.wire-content{
    margin-top:250px;
}
.wire-depth-grid{
    opacity:.2;
}
@media (max-width:700px){
    .wire-canvas-wrap{inset:48px 10px 138px 10px}
    .wire-canvas{width:min(92vw,460px);height:min(58vw,300px)}
    .wire-content{margin-top:220px}
}


/* v0.3.4 Scroll Balls */
.block-scroll_balls{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    min-height:620px;
    background:#020617!important;
}
.scroll-balls-stage{
    position:relative;
    min-height:620px;
    display:grid;
    place-items:center;
    overflow:hidden;
    perspective:900px;
    background:
        radial-gradient(circle at 18% 22%, color-mix(in srgb,var(--balls-c1,#38bdf8) 24%,transparent), transparent 32%),
        radial-gradient(circle at 82% 70%, color-mix(in srgb,var(--balls-c2,#f0abfc) 22%,transparent), transparent 34%),
        linear-gradient(135deg,#020617,#0f172a 52%,#111827);
}
.balls-field{
    position:absolute;
    inset:-10%;
    z-index:1;
    transform-style:preserve-3d;
    pointer-events:none;
}
.scroll-ball{
    position:absolute;
    left:var(--x);
    top:var(--y);
    width:var(--balls-size,68px);
    height:var(--balls-size,68px);
    border-radius:50%;
    transform-style:preserve-3d;
    scale:calc(var(--bs,100) / 100);
    animation:scrollBallFloat var(--balls-duration,20s) ease-in-out infinite alternate;
    animation-delay:var(--delay,0s);
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.95) 0 8%, rgba(255,255,255,.38) 9% 18%, transparent 19%),
        radial-gradient(circle at 32% 28%, var(--balls-c1,#38bdf8), var(--balls-c2,#f0abfc) 55%, rgba(15,23,42,.9) 100%);
    box-shadow:
        inset -16px -18px 28px rgba(0,0,0,.32),
        inset 9px 8px 18px rgba(255,255,255,.22),
        0 26px 52px rgba(0,0,0,.34),
        0 0 34px color-mix(in srgb,var(--balls-c1,#38bdf8) 38%,transparent);
    opacity:.78;
    filter:blur(calc((100 - var(--z,50)) * .012px));
}
.scroll-ball:nth-child(2n){
    background:
        radial-gradient(circle at 26% 22%, rgba(255,255,255,.92) 0 7%, rgba(255,255,255,.32) 8% 17%, transparent 18%),
        radial-gradient(circle at 30% 28%, var(--balls-c2,#f0abfc), var(--balls-c1,#38bdf8) 58%, rgba(15,23,42,.92) 100%);
}
.scroll-ball:nth-child(3n){
    opacity:.50;
}
.scroll-ball:nth-child(5n){
    opacity:.92;
}
.balls-mid-scroll{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    translate:0 -50%;
    z-index:3;
    height:clamp(84px,13vw,150px);
    display:flex;
    align-items:center;
    overflow:hidden;
    pointer-events:none;
    border-top:1px solid rgba(255,255,255,.16);
    border-bottom:1px solid rgba(255,255,255,.16);
    background:linear-gradient(90deg,rgba(2,6,23,.18),rgba(2,6,23,.38),rgba(2,6,23,.18));
    backdrop-filter:blur(2px);
}
.balls-mid-scroll div{
    display:inline-flex;
    gap:70px;
    white-space:nowrap;
    animation:ballsTextScroll var(--balls-scroll-duration,18s) linear infinite;
}
.balls-mid-scroll span{
    font-size:clamp(42px,9vw,108px);
    font-weight:950;
    letter-spacing:-.065em;
    line-height:1;
    background:linear-gradient(90deg,#ffffff,var(--balls-c1,#38bdf8),var(--balls-c2,#f0abfc),#ffffff);
    background-size:280% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:0 0 18px rgba(255,255,255,.10);
    animation:scrollGradient 8s linear infinite;
}
.balls-content{
    position:relative;
    z-index:4;
    margin-top:220px;
    padding:36px;
    border-radius:32px;
    background:rgba(2,6,23,.54);
    backdrop-filter:blur(8px);
    box-shadow:0 30px 80px rgba(0,0,0,.32);
}
@keyframes scrollBallFloat{
    0%{
        transform:translate3d(calc(var(--balls-depth,70%) * -.22), calc(var(--balls-depth,70%) * -.08), calc((var(--z,50) - 50) * 2px)) rotateX(0deg) rotateY(0deg);
    }
    33%{
        transform:translate3d(calc(var(--balls-depth,70%) * .18), calc(var(--balls-depth,70%) * .14), calc((var(--z,50) - 25) * 3px)) rotateX(80deg) rotateY(120deg);
    }
    66%{
        transform:translate3d(calc(var(--balls-depth,70%) * -.10), calc(var(--balls-depth,70%) * .22), calc((var(--z,50) - 70) * -2px)) rotateX(180deg) rotateY(260deg);
    }
    100%{
        transform:translate3d(calc(var(--balls-depth,70%) * .24), calc(var(--balls-depth,70%) * -.16), calc((var(--z,50) - 50) * 2.5px)) rotateX(360deg) rotateY(420deg);
    }
}
@keyframes ballsTextScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-33.33%)}
}
@media(max-width:700px){
    .block-scroll_balls,.scroll-balls-stage{min-height:520px}
    .balls-content{margin-top:190px;padding:24px 18px;border-radius:24px}
    .balls-mid-scroll{height:100px}
    .balls-mid-scroll span{font-size:clamp(34px,14vw,70px)}
}
@supports not (color: color-mix(in srgb, white, black)){
    .scroll-balls-stage{
        background:
            radial-gradient(circle at 18% 22%, rgba(56,189,248,.18), transparent 32%),
            radial-gradient(circle at 82% 70%, rgba(240,171,252,.16), transparent 34%),
            linear-gradient(135deg,#020617,#0f172a 52%,#111827);
    }
    .scroll-ball{
        box-shadow:
            inset -16px -18px 28px rgba(0,0,0,.32),
            inset 9px 8px 18px rgba(255,255,255,.22),
            0 26px 52px rgba(0,0,0,.34),
            0 0 34px rgba(56,189,248,.22);
    }
}


/* v0.3.5 Scroll Balls Korrektur: Text läuft nur innerhalb der Kugeln */
.block-scroll_balls{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    min-height:640px;
    background:#020617!important;
}
.scroll-balls-stage{
    position:relative;
    min-height:640px;
    display:grid;
    place-items:center;
    overflow:hidden;
    perspective:1000px;
    background:
        radial-gradient(circle at 18% 22%, color-mix(in srgb,var(--balls-c1,#38bdf8) 18%,transparent), transparent 32%),
        radial-gradient(circle at 82% 70%, color-mix(in srgb,var(--balls-c2,#f0abfc) 16%,transparent), transparent 34%),
        linear-gradient(135deg,#020617,#0f172a 52%,#111827);
}
.balls-field{
    position:absolute;
    inset:-9%;
    z-index:1;
    transform-style:preserve-3d;
    pointer-events:none;
}
.scroll-ball{
    position:absolute;
    left:var(--x);
    top:var(--y);
    width:var(--balls-size,68px);
    height:var(--balls-size,68px);
    border-radius:50%;
    scale:calc(var(--bs,100) / 100);
    opacity:.82;
    transform-style:preserve-3d;
    animation:scrollBallBounce var(--balls-duration,20s) cubic-bezier(.45,.05,.55,.95) infinite alternate;
    animation-delay:var(--delay,0s);
    filter:blur(calc((100 - var(--z,50)) * .010px));
}
.ball-inner{
    position:absolute;
    inset:0;
    border-radius:50%;
    overflow:hidden;
    display:block;
    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.95) 0 7%, rgba(255,255,255,.42) 8% 16%, transparent 17%),
        radial-gradient(circle at 34% 28%, var(--balls-c1,#38bdf8), var(--balls-c2,#f0abfc) 58%, rgba(15,23,42,.96) 100%);
    box-shadow:
        inset -18px -20px 28px rgba(0,0,0,.36),
        inset 10px 8px 18px rgba(255,255,255,.24),
        0 28px 54px rgba(0,0,0,.36),
        0 0 34px color-mix(in srgb,var(--balls-c1,#38bdf8) 34%,transparent);
}
.scroll-ball:nth-child(2n) .ball-inner{
    background:
        radial-gradient(circle at 26% 22%, rgba(255,255,255,.92) 0 7%, rgba(255,255,255,.32) 8% 16%, transparent 17%),
        radial-gradient(circle at 30% 30%, var(--balls-c2,#f0abfc), var(--balls-c1,#38bdf8) 58%, rgba(15,23,42,.95) 100%);
}
.ball-inner::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background:
        radial-gradient(circle at 35% 24%, rgba(255,255,255,.34), transparent 22%),
        linear-gradient(135deg, rgba(255,255,255,.18), transparent 40%, rgba(0,0,0,.26));
    pointer-events:none;
    z-index:3;
}
.ball-scroll{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:38%;
    translate:0 -50%;
    display:inline-flex;
    align-items:center;
    gap:18px;
    white-space:nowrap;
    z-index:2;
    animation:ballInternalText var(--balls-scroll-duration,16s) linear infinite;
    background:rgba(2,6,23,.18);
    border-top:1px solid rgba(255,255,255,.18);
    border-bottom:1px solid rgba(255,255,255,.18);
}
.ball-scroll span{
    display:inline-block;
    font-size:calc(var(--balls-size,68px) * .22);
    font-weight:950;
    letter-spacing:-.04em;
    line-height:1;
    color:#ffffff;
    text-shadow:0 1px 4px rgba(0,0,0,.6), 0 0 8px rgba(255,255,255,.22);
    opacity:.96;
}
.balls-mid-scroll{
    display:none!important;
}
.balls-content{
    position:relative;
    z-index:4;
    margin-top:235px;
    padding:36px;
    border-radius:32px;
    background:rgba(2,6,23,.56);
    backdrop-filter:blur(8px);
    box-shadow:0 30px 80px rgba(0,0,0,.32);
}
@keyframes scrollBallBounce{
    0%{
        transform:translate3d(calc(var(--balls-depth,70%) * -.28), calc(var(--balls-depth,70%) * -.16), calc((var(--z,50) - 50) * 2.2px)) rotateX(0deg) rotateY(0deg);
    }
    22%{
        transform:translate3d(calc(var(--balls-depth,70%) * .24), calc(var(--balls-depth,70%) * .19), calc((var(--z,50) - 25) * 3px)) rotateX(65deg) rotateY(130deg);
    }
    47%{
        transform:translate3d(calc(var(--balls-depth,70%) * -.20), calc(var(--balls-depth,70%) * .28), calc((var(--z,50) - 70) * -2.1px)) rotateX(150deg) rotateY(220deg);
    }
    72%{
        transform:translate3d(calc(var(--balls-depth,70%) * .30), calc(var(--balls-depth,70%) * -.24), calc((var(--z,50) - 35) * 2.8px)) rotateX(250deg) rotateY(310deg);
    }
    100%{
        transform:translate3d(calc(var(--balls-depth,70%) * -.10), calc(var(--balls-depth,70%) * .10), calc((var(--z,50) - 50) * 2.4px)) rotateX(360deg) rotateY(420deg);
    }
}
@keyframes ballInternalText{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}
@media(max-width:700px){
    .block-scroll_balls,.scroll-balls-stage{min-height:540px}
    .balls-content{margin-top:210px;padding:24px 18px;border-radius:24px}
    .ball-scroll span{font-size:calc(var(--balls-size,68px) * .24)}
}
@supports not (color: color-mix(in srgb, white, black)){
    .scroll-balls-stage{
        background:
            radial-gradient(circle at 18% 22%, rgba(56,189,248,.18), transparent 32%),
            radial-gradient(circle at 82% 70%, rgba(240,171,252,.16), transparent 34%),
            linear-gradient(135deg,#020617,#0f172a 52%,#111827);
    }
    .ball-inner{
        box-shadow:
            inset -18px -20px 28px rgba(0,0,0,.36),
            inset 10px 8px 18px rgba(255,255,255,.24),
            0 28px 54px rgba(0,0,0,.36),
            0 0 34px rgba(56,189,248,.22);
    }
}


/* v0.3.6 Scroll Balls Sichtbarkeits-Fix */
.block-scroll_balls,
.scroll-balls-stage{
    min-height:680px!important;
}
.scroll-balls-stage{
    background:
        radial-gradient(circle at 18% 22%, rgba(56,189,248,.22), transparent 34%),
        radial-gradient(circle at 82% 70%, rgba(240,171,252,.20), transparent 36%),
        linear-gradient(135deg,#020617,#0f172a 52%,#111827)!important;
}
.balls-field{
    inset:0!important;
    z-index:2!important;
    overflow:visible!important;
}
.scroll-ball{
    width:clamp(96px,var(--balls-size,128px),240px)!important;
    height:clamp(96px,var(--balls-size,128px),240px)!important;
    min-width:96px!important;
    min-height:96px!important;
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
    filter:none!important;
}
.ball-inner{
    border:2px solid rgba(255,255,255,.26);
    outline:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,1) 0 8%, rgba(255,255,255,.50) 9% 18%, transparent 19%),
        radial-gradient(circle at 34% 28%, var(--balls-c1,#38bdf8) 0 0, var(--balls-c2,#f0abfc) 58%, rgba(15,23,42,.96) 100%)!important;
}
.ball-scroll{
    height:46%!important;
    top:50%!important;
    background:rgba(0,0,0,.38)!important;
    border-top:2px solid rgba(255,255,255,.28)!important;
    border-bottom:2px solid rgba(255,255,255,.28)!important;
    gap:22px!important;
    min-width:240%;
}
.ball-scroll span{
    font-size:clamp(18px, calc(var(--balls-size,128px) * .22), 42px)!important;
    font-weight:950!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:
        0 2px 3px rgba(0,0,0,.95),
        0 0 10px rgba(255,255,255,.35)!important;
    opacity:1!important;
}
.balls-content{
    z-index:5!important;
    margin-top:280px!important;
}
@media(max-width:700px){
    .block-scroll_balls,.scroll-balls-stage{min-height:600px!important}
    .scroll-ball{
        width:clamp(88px,var(--balls-size,118px),180px)!important;
        height:clamp(88px,var(--balls-size,118px),180px)!important;
    }
    .balls-content{margin-top:250px!important}
    .ball-scroll span{font-size:clamp(16px, calc(var(--balls-size,118px) * .22), 34px)!important}
}


/* v0.3.7 Scroll Balls: robuste sichtbare Fallback-Implementierung */
.block-scroll_balls{min-height:700px!important;background:#020617!important;overflow:hidden!important;isolation:isolate!important;}
.scroll-balls-stage-v37{position:relative;min-height:700px;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(56,189,248,.25),transparent 32%),radial-gradient(circle at 82% 70%,rgba(240,171,252,.22),transparent 34%),linear-gradient(135deg,#020617,#0f172a 52%,#111827);}
.balls-field-v37{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible;}
.scroll-ball-v37{position:absolute;display:block!important;visibility:visible!important;opacity:1!important;border-radius:50%;animation:ballBounceV37 var(--balls-duration,20s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);}
.ball-shell-v37{position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 26% 20%,#fff 0 7%,rgba(255,255,255,.5) 8% 18%,transparent 19%),radial-gradient(circle at 35% 32%,var(--balls-c1,#38bdf8) 0 28%,var(--balls-c2,#f0abfc) 62%,#0f172a 100%);box-shadow:inset -22px -24px 34px rgba(0,0,0,.45),inset 12px 10px 22px rgba(255,255,255,.25),0 25px 55px rgba(0,0,0,.48),0 0 42px rgba(56,189,248,.38);border:3px solid rgba(255,255,255,.32);}
.ball-shell-v37:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 38%,rgba(0,0,0,.24));z-index:4;pointer-events:none;}
.ball-band-v37{position:absolute;left:0;right:0;top:50%;height:48%;transform:translateY(-50%);overflow:hidden;background:rgba(0,0,0,.48);border-top:2px solid rgba(255,255,255,.35);border-bottom:2px solid rgba(255,255,255,.35);z-index:3;}
.ball-text-v37{height:100%;display:inline-flex;align-items:center;gap:22px;white-space:nowrap;animation:ballTextV37 var(--balls-scroll-duration,14s) linear infinite;}
.ball-text-v37 span{font-size:clamp(22px,calc(var(--ball-size,150px) * .24),54px);line-height:1;font-weight:950;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,1),0 0 12px rgba(255,255,255,.4);}
.balls-content-v37{position:relative;z-index:5;margin-top:300px;padding:36px;border-radius:32px;background:rgba(2,6,23,.62);backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.34);}
@keyframes ballTextV37{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ballBounceV37{0%{transform:translate3d(-60px,-35px,0) scale(.92)}25%{transform:translate3d(75px,45px,0) scale(1.08)}50%{transform:translate3d(-35px,80px,0) scale(.98)}75%{transform:translate3d(95px,-65px,0) scale(1.12)}100%{transform:translate3d(-20px,30px,0) scale(.96)}}
@media(max-width:700px){.block-scroll_balls,.scroll-balls-stage-v37{min-height:620px}.balls-content-v37{margin-top:270px;padding:24px 18px}.ball-text-v37 span{font-size:clamp(18px,calc(var(--ball-size,150px) * .22),42px)}}


/* v0.3.8 Logo Animation only */
.block-logo_animation_only{position:relative;overflow:hidden;isolation:isolate;min-height:540px;background:#020617!important}
.logo-anim-stage{position:relative;min-height:540px;display:grid;place-items:center;overflow:hidden;perspective:1200px;background:
radial-gradient(circle at 20% 18%, rgba(90,69,255,.18), transparent 30%),
radial-gradient(circle at 78% 76%, rgba(69,216,255,.16), transparent 36%),
linear-gradient(180deg,#020617,#08111f 48%,#020617)}
.logo-anim-scene{position:relative;z-index:3;width:min(70vw,560px);height:min(58vw,360px);display:grid;place-items:center;transform-style:preserve-3d}
.logo-motion-x,.logo-motion-y,.logo-motion-z,.logo-jump-wrap,.logo-dance-wrap{display:grid;place-items:center;transform-style:preserve-3d}
.logo-motion-x{animation:logoMoveX var(--logo-duration,16s) ease-in-out infinite alternate}
.logo-motion-y{animation:logoMoveY calc(var(--logo-duration,16s) * .88) ease-in-out infinite alternate}
.logo-motion-z{animation:logoMoveZ calc(var(--logo-duration,16s) * .94) ease-in-out infinite alternate}
.logo-anim-stage.has-jump .logo-jump-wrap{animation:logoJump calc(var(--logo-duration,16s) * .56) ease-in-out infinite}
.logo-anim-stage.has-dance .logo-dance-wrap{animation:logoDance calc(var(--logo-duration,16s) * .52) ease-in-out infinite}
.logo-anim-image,.logo-placeholder{max-width:min(54vw,420px);max-height:min(34vw,230px);width:auto;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.35)) drop-shadow(0 0 24px rgba(255,255,255,.08));transform-style:preserve-3d;animation:logoSpinXY calc(var(--logo-duration,16s) * .92) ease-in-out infinite alternate}
.logo-placeholder{width:min(54vw,420px);height:min(34vw,230px);border:2px dashed rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.logo-c64-bars{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .25s ease}
.logo-anim-stage.has-c64-bars .logo-c64-bars{opacity:1}
.logo-c64-bars span{position:absolute;left:-6%;right:-6%;height:clamp(18px,3vw,34px);top:calc(var(--i) * 9% - 10%);background:linear-gradient(90deg,var(--logo-bar-color-1,#5a45ff),var(--logo-bar-color-2,#45d8ff),var(--logo-bar-color-1,#5a45ff));box-shadow:0 0 14px rgba(255,255,255,.12);opacity:calc(.14 + (var(--i) * .03));animation:logoBars var(--logo-bar-duration,12s) linear infinite;animation-delay:calc(var(--i) * -.42s)}
.logo-c64-bars-front{z-index:4;mix-blend-mode:screen;opacity:.28}
.logo-c64-bars-back{z-index:1;opacity:.34;filter:blur(1px)}
@keyframes logoMoveX{0%{transform:translateX(calc(var(--logo-move-x,40) * -.22px))}25%{transform:translateX(calc(var(--logo-move-x,40) * .28px))}50%{transform:translateX(calc(var(--logo-move-x,40) * -.14px))}100%{transform:translateX(calc(var(--logo-move-x,40) * .20px))}}
@keyframes logoMoveY{0%{transform:translateY(calc(var(--logo-move-y,28) * -.20px))}35%{transform:translateY(calc(var(--logo-move-y,28) * .30px))}70%{transform:translateY(calc(var(--logo-move-y,28) * -.12px))}100%{transform:translateY(calc(var(--logo-move-y,28) * .14px))}}
@keyframes logoMoveZ{0%{transform:translateZ(calc(var(--logo-depth,52) * -1.25px)) scale(calc(1 - (var(--logo-depth,52) / 900)))}50%{transform:translateZ(calc(var(--logo-depth,52) * 1.6px)) scale(calc(1 + (var(--logo-depth,52) / 500)))}100%{transform:translateZ(calc(var(--logo-depth,52) * -.8px)) scale(calc(1 - (var(--logo-depth,52) / 1000)))}}
@keyframes logoSpinXY{0%{transform:rotateX(calc(var(--logo-rot-x,34) * -.22deg)) rotateY(calc(var(--logo-rot-y,46) * -.34deg))}50%{transform:rotateX(calc(var(--logo-rot-x,34) * .32deg)) rotateY(calc(var(--logo-rot-y,46) * .42deg))}100%{transform:rotateX(calc(var(--logo-rot-x,34) * -.18deg)) rotateY(calc(var(--logo-rot-y,46) * -.26deg))}}
@keyframes logoJump{0%,100%{transform:translateY(0)}25%{transform:translateY(-22px)}50%{transform:translateY(0)}75%{transform:translateY(-12px)}}
@keyframes logoDance{0%,100%{transform:rotateZ(0deg) skewX(0deg)}20%{transform:rotateZ(-3deg) skewX(-1deg)}40%{transform:rotateZ(3.5deg) skewX(1deg)}60%{transform:rotateZ(-2deg) skewX(.8deg)}80%{transform:rotateZ(2deg) skewX(-.8deg)}}
@keyframes logoBars{0%{transform:translateY(-18%) scaleX(.96)}50%{transform:translateY(126%) scaleX(1.03)}100%{transform:translateY(-18%) scaleX(.96)}}
@media(max-width:700px){.block-logo_animation_only,.logo-anim-stage{min-height:430px}.logo-anim-scene{width:min(90vw,440px);height:min(66vw,280px)}.logo-anim-image,.logo-placeholder{max-width:min(76vw,320px);max-height:min(42vw,180px)}}


/* v0.3.9 Logo Animation only Fix: Logo sichtbar + Rasterbalken wirklich an/aus */
.logo-anim-stage{
    background:#000!important;
}
.logo-anim-stage:not(.has-c64-bars) .logo-c64-bars{
    display:none!important;
}
.logo-anim-image{
    min-width:140px;
    min-height:80px;
    opacity:1!important;
    visibility:visible!important;
    position:relative;
    z-index:5;
}
.logo-placeholder{
    color:rgba(255,255,255,.45);
    display:grid!important;
    place-items:center;
    font-weight:950;
    letter-spacing:.22em;
    border:2px dashed rgba(255,255,255,.32)!important;
    background:rgba(255,255,255,.04)!important;
}
.logo-c64-bars{
    display:block;
}
.logo-anim-stage.has-c64-bars .logo-c64-bars{
    opacity:1!important;
}
.logo-c64-bars span{
    height:clamp(28px,4vw,54px)!important;
    background:
        repeating-linear-gradient(
            180deg,
            #2b174f 0 3px,
            #5d57ff 3px 6px,
            #7ec8ff 6px 9px,
            #dfffff 9px 12px,
            #7ec8ff 12px 15px,
            #77d878 15px 18px,
            #c7e685 18px 21px,
            #9ca755 21px 24px
        )!important;
    box-shadow:
        0 0 14px rgba(126,200,255,.42),
        0 0 28px rgba(126,200,255,.20)!important;
    opacity:.92!important;
    left:0!important;
    right:0!important;
}
.logo-c64-bars-back span{
    filter:blur(.5px);
    opacity:.55!important;
}
.logo-c64-bars-front span{
    opacity:.82!important;
}
.logo-c64-bars-front{
    mix-blend-mode:screen;
}


/* v0.4.0 Logo-Upload + Rasterbalken-Anzahl 1–5 */
.logo-anim-stage:not(.has-c64-bars) .logo-c64-bars,
.logo-c64-bars:empty{
    display:none!important;
}
.logo-c64-bars span{
    top:calc((100% / (var(--bar-count,3) + 1)) * (var(--i) + 1) - 22px)!important;
    height:clamp(24px,4.2vw,62px)!important;
}
.logo-c64-bars-back span{
    opacity:.55!important;
}
.logo-c64-bars-front span{
    opacity:.72!important;
}
.logo-anim-image{
    min-width:120px;
    min-height:auto!important;
}
.thumb-list img[alt="Logo-Vorschau"]{
    object-fit:contain!important;
    background:
        linear-gradient(45deg,#ddd 25%,transparent 25%),
        linear-gradient(-45deg,#ddd 25%,transparent 25%),
        linear-gradient(45deg,transparent 75%,#ddd 75%),
        linear-gradient(-45deg,transparent 75%,#ddd 75%)!important;
    background-size:14px 14px!important;
    background-position:0 0,0 7px,7px -7px,-7px 0!important;
}


/* v0.4.1 Logo Animation only: Rasterthema entfernt + Logogröße */
.block-logo_animation_only .logo-c64-bars,
.logo-anim-stage .logo-c64-bars{
    display:none!important;
}
.logo-anim-image,
.logo-placeholder{
    max-width:calc(min(54vw,420px) * (var(--logo-size,100) / 100))!important;
    max-height:calc(min(34vw,230px) * (var(--logo-size,100) / 100))!important;
}
@media(max-width:700px){
    .logo-anim-image,
    .logo-placeholder{
        max-width:calc(min(76vw,320px) * (var(--logo-size,100) / 100))!important;
        max-height:calc(min(42vw,180px) * (var(--logo-size,100) / 100))!important;
    }
}


/* v0.4.3 Logo Animation only: sichtbare Reglerwirkung + Hintergrundbild-Fix */
.block-logo_animation_only{
    background:#020617!important;
}
.block-logo_animation_only[style]{
    background-image:var(--block-bg-image)!important;
    background-size:cover!important;
    background-position:center!important;
}
.logo-anim-stage{
    background:
        linear-gradient(rgba(2,6,23,.32),rgba(2,6,23,.32)),
        var(--logo-bg-image),
        radial-gradient(circle at 20% 18%, rgba(90,69,255,.18), transparent 30%),
        radial-gradient(circle at 78% 76%, rgba(69,216,255,.16), transparent 36%),
        linear-gradient(180deg,#020617,#08111f 48%,#020617)!important;
    background-size:cover,cover,auto,auto,auto!important;
    background-position:center,center,center,center,center!important;
}
.logo-anim-scene{
    width:min(88vw,760px)!important;
    height:min(64vw,460px)!important;
}
.logo-anim-image,
.logo-placeholder{
    width:calc(min(54vw,420px) * (var(--logo-size,100) / 100))!important;
    max-width:90vw!important;
    height:auto!important;
    max-height:80vh!important;
}
.logo-placeholder{
    height:calc(min(34vw,230px) * (var(--logo-size,100) / 100))!important;
}
.logo-motion-x{animation-name:logoMoveXStrong!important}
.logo-motion-y{animation-name:logoMoveYStrong!important}
.logo-motion-z{animation-name:logoMoveZStrong!important}
.logo-anim-image,.logo-placeholder{animation-name:logoSpinXYStrong!important}
@keyframes logoMoveXStrong{
    0%{transform:translateX(calc(var(--logo-move-x-px,64px) * -1))}
    30%{transform:translateX(calc(var(--logo-move-x-px,64px) * .85))}
    62%{transform:translateX(calc(var(--logo-move-x-px,64px) * -.45))}
    100%{transform:translateX(var(--logo-move-x-px,64px))}
}
@keyframes logoMoveYStrong{
    0%{transform:translateY(calc(var(--logo-move-y-px,35px) * -1))}
    35%{transform:translateY(var(--logo-move-y-px,35px))}
    70%{transform:translateY(calc(var(--logo-move-y-px,35px) * -.55))}
    100%{transform:translateY(calc(var(--logo-move-y-px,35px) * .65))}
}
@keyframes logoMoveZStrong{
    0%{transform:translateZ(calc(var(--logo-depth-px,166px) * -1)) scale(.78)}
    50%{transform:translateZ(var(--logo-depth-px,166px)) scale(1.34)}
    100%{transform:translateZ(calc(var(--logo-depth-px,166px) * -.6)) scale(.9)}
}
@keyframes logoSpinXYStrong{
    0%{transform:rotateX(calc(var(--logo-rot-x-deg,32deg) * -1)) rotateY(calc(var(--logo-rot-y-deg,53deg) * -1))}
    50%{transform:rotateX(var(--logo-rot-x-deg,32deg)) rotateY(var(--logo-rot-y-deg,53deg))}
    100%{transform:rotateX(calc(var(--logo-rot-x-deg,32deg) * -.65)) rotateY(calc(var(--logo-rot-y-deg,53deg) * .85))}
}
@media(max-width:700px){
    .logo-anim-image,
    .logo-placeholder{
        width:calc(min(76vw,320px) * (var(--logo-size,100) / 100))!important;
        max-width:94vw!important;
    }
    .logo-placeholder{
        height:calc(min(42vw,180px) * (var(--logo-size,100) / 100))!important;
    }
}


/* v0.4.4 Logo Animation only: Hintergrundbild entfernt + funktionierende Logogröße */
.logo-anim-stage{
    background:
        radial-gradient(circle at 20% 18%, rgba(90,69,255,.18), transparent 30%),
        radial-gradient(circle at 78% 76%, rgba(69,216,255,.16), transparent 36%),
        linear-gradient(180deg,#020617,#08111f 48%,#020617)!important;
    background-size:auto!important;
    background-position:center!important;
}
.logo-size-wrap{
    display:grid;
    place-items:center;
    transform:scale(var(--logo-scale,1))!important;
    transform-origin:center center;
    will-change:transform;
}
.logo-size-wrap .logo-anim-image{
    width:min(54vw,420px)!important;
    max-width:none!important;
    height:auto!important;
    max-height:62vh!important;
}
.logo-size-wrap .logo-placeholder{
    width:min(54vw,420px)!important;
    height:min(34vw,230px)!important;
    max-width:none!important;
    max-height:none!important;
}
@media(max-width:700px){
    .logo-size-wrap .logo-anim-image{
        width:min(76vw,320px)!important;
    }
    .logo-size-wrap .logo-placeholder{
        width:min(76vw,320px)!important;
        height:min(42vw,180px)!important;
    }
}


/* v0.4.5 Logo Animation only: symmetrische Bewegungsbereiche - und + */
.logo-motion-x{
    animation-name:logoMoveXSym!important;
    animation-direction:normal!important;
}
.logo-motion-y{
    animation-name:logoMoveYSym!important;
    animation-direction:normal!important;
}
.logo-motion-z{
    animation-name:logoMoveZSym!important;
    animation-direction:normal!important;
}
.logo-anim-image,
.logo-placeholder{
    animation-name:logoSpinXYSym!important;
    animation-direction:normal!important;
}

/* Mittelpunkt -> Plus -> Mittelpunkt -> Minus -> Mittelpunkt */
@keyframes logoMoveXSym{
    0%{transform:translateX(0)}
    25%{transform:translateX(var(--logo-move-x-px,64px))}
    50%{transform:translateX(0)}
    75%{transform:translateX(calc(var(--logo-move-x-px,64px) * -1))}
    100%{transform:translateX(0)}
}
@keyframes logoMoveYSym{
    0%{transform:translateY(0)}
    25%{transform:translateY(var(--logo-move-y-px,35px))}
    50%{transform:translateY(0)}
    75%{transform:translateY(calc(var(--logo-move-y-px,35px) * -1))}
    100%{transform:translateY(0)}
}
@keyframes logoMoveZSym{
    0%{transform:translateZ(0) scale(1)}
    25%{transform:translateZ(var(--logo-depth-px,166px)) scale(1.28)}
    50%{transform:translateZ(0) scale(1)}
    75%{transform:translateZ(calc(var(--logo-depth-px,166px) * -1)) scale(.78)}
    100%{transform:translateZ(0) scale(1)}
}
@keyframes logoSpinXYSym{
    0%{transform:rotateX(0deg) rotateY(0deg)}
    25%{transform:rotateX(var(--logo-rot-x-deg,32deg)) rotateY(var(--logo-rot-y-deg,53deg))}
    50%{transform:rotateX(0deg) rotateY(0deg)}
    75%{transform:rotateX(calc(var(--logo-rot-x-deg,32deg) * -1)) rotateY(calc(var(--logo-rot-y-deg,53deg) * -1))}
    100%{transform:rotateX(0deg) rotateY(0deg)}
}

/* Springen bleibt vertikal, aber ebenfalls um eine ruhige Mittelposition herum */
.logo-anim-stage.has-jump .logo-jump-wrap{
    animation-name:logoJumpSym!important;
}
@keyframes logoJumpSym{
    0%,100%{transform:translateY(0)}
    20%{transform:translateY(-26px)}
    40%{transform:translateY(0)}
    62%{transform:translateY(14px)}
    80%{transform:translateY(0)}
}

/* Tanzen ebenfalls mit klarer +/- Richtung */
.logo-anim-stage.has-dance .logo-dance-wrap{
    animation-name:logoDanceSym!important;
}
@keyframes logoDanceSym{
    0%,100%{transform:rotateZ(0deg) skewX(0deg)}
    20%{transform:rotateZ(-4deg) skewX(-1.4deg)}
    40%{transform:rotateZ(0deg) skewX(0deg)}
    65%{transform:rotateZ(4deg) skewX(1.4deg)}
    82%{transform:rotateZ(0deg) skewX(0deg)}
}


/* v0.4.6 Logo Animation only: Texteditor entfernt, Rotation kann 360° durchlaufen */
.logo-anim-image,
.logo-placeholder{
    animation-name:logoSpin360!important;
    animation-timing-function:linear!important;
    animation-direction:normal!important;
}
@keyframes logoSpin360{
    0%{
        transform:
            rotateX(0deg)
            rotateY(0deg)
            rotateZ(0deg);
    }
    25%{
        transform:
            rotateX(calc(360deg * var(--logo-rot-x-turns, .34) * .25))
            rotateY(calc(360deg * var(--logo-rot-y-turns, .46) * .25))
            rotateZ(0deg);
    }
    50%{
        transform:
            rotateX(calc(360deg * var(--logo-rot-x-turns, .34) * .5))
            rotateY(calc(360deg * var(--logo-rot-y-turns, .46) * .5))
            rotateZ(0deg);
    }
    75%{
        transform:
            rotateX(calc(360deg * var(--logo-rot-x-turns, .34) * .75))
            rotateY(calc(360deg * var(--logo-rot-y-turns, .46) * .75))
            rotateZ(0deg);
    }
    100%{
        transform:
            rotateX(calc(360deg * var(--logo-rot-x-turns, .34)))
            rotateY(calc(360deg * var(--logo-rot-y-turns, .46)))
            rotateZ(0deg);
    }
}

/* Bei Reglerwert 0 bleibt die Achse faktisch stehen; bei 100 läuft eine volle Umdrehung pro Animationszyklus. */
.logo-motion-x{animation-name:logoMoveXSym!important}
.logo-motion-y{animation-name:logoMoveYSym!important}
.logo-motion-z{animation-name:logoMoveZSym!important}


/* v0.4.7 Logo Animation only: 360° Pendel ohne harten Neustart */
.logo-anim-image,
.logo-placeholder{
    animation-name:logoSpin360Pendulum!important;
    animation-timing-function:ease-in-out!important;
    animation-direction:alternate!important;
    animation-fill-mode:both!important;
}
@keyframes logoSpin360Pendulum{
    0%{
        transform:rotateX(calc(360deg * var(--logo-rot-x-turns, .34) * -1))
                  rotateY(calc(360deg * var(--logo-rot-y-turns, .46) * -1));
    }
    50%{
        transform:rotateX(0deg)
                  rotateY(0deg);
    }
    100%{
        transform:rotateX(calc(360deg * var(--logo-rot-x-turns, .34)))
                  rotateY(calc(360deg * var(--logo-rot-y-turns, .46)));
    }
}


/* v0.4.8 Logo Animation only: zusätzliche Objekt-Tiefe für sichtbares 3D */
.logo-size-wrap{
    position:relative;
    display:grid;
    place-items:center;
    transform:scale(var(--logo-scale,1))!important;
    transform-origin:center center;
    will-change:transform;
}
.logo-object-3d{
    position:relative;
    display:inline-grid;
    place-items:center;
    transform-style:preserve-3d;
    perspective:1200px;
    animation-name:logoSpin360Pendulum!important;
    animation-duration:var(--logo-duration,12s)!important;
    animation-timing-function:ease-in-out!important;
    animation-direction:alternate!important;
    animation-iteration-count:infinite!important;
    animation-fill-mode:both!important;
}
.logo-object-3d .logo-anim-image,
.logo-object-3d .logo-placeholder{
    position:relative;
    z-index:30;
    animation:none!important;
    transform:none!important;
    backface-visibility:visible;
}
.logo-depth-layer{
    position:absolute;
    inset:0;
    width:min(54vw,420px)!important;
    max-width:none!important;
    height:auto!important;
    max-height:62vh!important;
    object-fit:contain;
    pointer-events:none;
    transform-style:preserve-3d;
    transform:
        translateZ(calc(var(--layer-offset,0px) * -1))
        translateX(calc(var(--layer-offset,0px) * 0.18))
        translateY(calc(var(--layer-offset,0px) * 0.08));
    filter:brightness(.52) saturate(.75) contrast(1.08);
    opacity:calc(.22 + ((var(--layer-index,1) / 20) * .42));
    z-index:calc(20 - var(--layer-index,1));
    backface-visibility:visible;
}
.logo-anim-image{
    filter:drop-shadow(0 16px 28px rgba(0,0,0,.30)) drop-shadow(0 0 18px rgba(255,255,255,.05));
}
.logo-placeholder{
    display:grid!important;
    place-items:center;
}
@media(max-width:700px){
    .logo-depth-layer{width:min(76vw,320px)!important;}
}


/* v0.4.10 Trailblazer */
.block-trailblazer{overflow:hidden;min-height:540px}
.trailblazer-stage{
    position:relative;
    min-height:540px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 22%, rgba(255,255,255,.04), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0) 24%),
        var(--trail-bg, #06060f);
}
.trailblazer-floor-wrap{
    position:absolute;
    inset:auto 0 0 0;
    height:64%;
    pointer-events:none;
    overflow:hidden;
}
.trailblazer-floor{
    position:absolute;
    left:-16%;
    right:-16%;
    bottom:-14%;
    height:132%;
    transform-origin:center bottom;
    transform:perspective(1100px) rotateX(77deg);
    background:var(--trail-surface,#7163ff);
    border-top:1px solid rgba(255,255,255,.18);
    box-shadow:0 -24px 42px rgba(255,255,255,.04);
}
.trailblazer-grid,
.trailblazer-scan,
.trailblazer-horizon{position:absolute;inset:0}
.trailblazer-grid{
    background-color:var(--trail-surface,#7163ff);
    background-image:
        radial-gradient(ellipse at top, rgba(255,255,255,.20), rgba(255,255,255,0) 42%),
        repeating-conic-gradient(from 45deg, rgba(255,255,255,.16) 0 25%, rgba(255,255,255,.04) 0 50%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.42) 0 2px, transparent 2px 92px),
        repeating-linear-gradient(180deg, rgba(255,255,255,.36) 0 2px, transparent 2px 92px);
    background-size:
        100% 100%,
        92px 92px,
        92px 92px,
        92px 92px;
    background-position:
        center center,
        0 0,
        0 0,
        0 0;
    animation:trailblazerFlow var(--trail-duration,10s) linear infinite;
    filter:saturate(1.15) contrast(1.08);
}
.trailblazer-scan{
    background:linear-gradient(to top, rgba(255,255,255,.07), transparent 16%, transparent 100%);
    mix-blend-mode:screen;
}
.trailblazer-horizon{
    background:linear-gradient(to bottom, rgba(255,255,255,.12), rgba(255,255,255,0) 8%, rgba(0,0,0,.0) 16%, rgba(0,0,0,.40) 100%);
    opacity:.95;
}
@keyframes trailblazerFlow{
    0%{
        background-position:center center, 0 0, 0 0, 0 0;
    }
    100%{
        background-position:center center, 0 184px, 92px 184px, 0 184px;
    }
}
@media(max-width:700px){
    .block-trailblazer,.trailblazer-stage{min-height:420px}
    .trailblazer-floor-wrap{height:58%}
    .trailblazer-floor{left:-28%;right:-28%;bottom:-18%;transform:perspective(900px) rotateX(77deg)}
    .trailblazer-grid{background-size:100% 100%, 72px 72px, 72px 72px, 72px 72px;animation-duration:calc(var(--trail-duration,10s) * .95)}
}


/* v0.4.11 Trailblazer Fix: nur Animation, keine Texte */
.block-trailblazer{
    min-height:560px!important;
    background:var(--trail-bg,#06060f)!important;
    overflow:hidden!important;
}
.block-trailblazer .inner,
.block-trailblazer h1,
.block-trailblazer h2,
.block-trailblazer h3,
.block-trailblazer p,
.block-trailblazer .cta,
.block-trailblazer .subtitle{
    display:none!important;
}
.trailblazer-stage{
    position:relative;
    min-height:560px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 36%, rgba(255,255,255,.045), transparent 24%),
        linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,0) 45%),
        var(--trail-bg,#06060f)!important;
}
.trailblazer-empty-top{
    position:absolute;
    inset:0 0 42% 0;
    background:transparent;
    z-index:1;
}
.trailblazer-floor-wrap{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:62%;
    overflow:hidden;
    z-index:2;
}
.trailblazer-floor{
    position:absolute;
    left:-34%;
    right:-34%;
    bottom:-42%;
    height:178%;
    transform-origin:center bottom;
    transform:perspective(980px) rotateX(73deg);
    background:var(--trail-surface,#7163ff);
    overflow:hidden;
    border-top:2px solid rgba(255,255,255,.32);
    box-shadow:0 -22px 48px rgba(255,255,255,.08);
}
.trailblazer-grid{
    position:absolute;
    inset:0;
    background-color:var(--trail-surface,#7163ff);
    background-image:
        repeating-linear-gradient(90deg, rgba(255,255,255,.70) 0 3px, transparent 3px 86px),
        repeating-linear-gradient(180deg, rgba(255,255,255,.58) 0 3px, transparent 3px 86px),
        repeating-conic-gradient(from 45deg, rgba(255,255,255,.26) 0 25%, rgba(0,0,0,.12) 0 50%);
    background-size:
        86px 86px,
        86px 86px,
        86px 86px;
    background-position:0 0, 0 0, 0 0;
    animation:trailblazerMove var(--trail-duration,8s) linear infinite;
    filter:saturate(1.28) contrast(1.12);
}
.trailblazer-grid-b{
    opacity:.36;
    mix-blend-mode:screen;
    background-image:
        repeating-linear-gradient(90deg, rgba(135,240,255,.45) 0 2px, transparent 2px 172px),
        repeating-linear-gradient(180deg, rgba(255,255,255,.30) 0 2px, transparent 2px 172px);
    background-size:172px 172px,172px 172px;
    animation-duration:calc(var(--trail-duration,8s) * 1.7);
}
.trailblazer-glow{
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse at center top, rgba(255,255,255,.30), transparent 24%),
        linear-gradient(to top, rgba(0,0,0,.38), transparent 28%, rgba(255,255,255,.09));
    pointer-events:none;
    z-index:3;
}
.trailblazer-horizon{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:rgba(255,255,255,.52);
    box-shadow:0 0 18px rgba(255,255,255,.35);
    z-index:4;
}
@keyframes trailblazerMove{
    from{background-position:0 0, 0 0, 0 0;}
    to{background-position:0 344px, 0 344px, 0 344px;}
}
@media(max-width:700px){
    .block-trailblazer,.trailblazer-stage{min-height:430px!important}
    .trailblazer-floor-wrap{height:60%}
    .trailblazer-floor{
        left:-52%;
        right:-52%;
        bottom:-48%;
        transform:perspective(850px) rotateX(73deg);
    }
    .trailblazer-grid{
        background-size:68px 68px,68px 68px,68px 68px;
    }
}


/* v0.4.12 Trailblazer: sichtbare HTML-Rasterfläche statt nur Background-Layer */
.block-trailblazer,
.block-trailblazer.anim{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
    min-height:560px!important;
    display:block!important;
    overflow:hidden!important;
    background:var(--trail-bg,#06060f)!important;
}
.block-trailblazer *{
    box-sizing:border-box;
}
.trailblazer-visible{
    position:relative!important;
    display:block!important;
    min-height:560px!important;
    width:100%!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 50% 38%, rgba(255,255,255,.055), transparent 24%),
        linear-gradient(180deg, #000 0%, var(--trail-bg,#06060f) 100%)!important;
}
.trailblazer-sky{
    position:absolute;
    left:0; right:0; top:0;
    height:45%;
    background:
        radial-gradient(circle at 50% 100%, rgba(255,255,255,.10), transparent 34%),
        linear-gradient(180deg, rgba(0,0,0,.98), rgba(0,0,0,.12));
    z-index:1;
}
.trailblazer-runway{
    position:absolute!important;
    left:0; right:0; bottom:0;
    height:60%!important;
    overflow:hidden!important;
    z-index:3!important;
    perspective:700px;
    transform-style:preserve-3d;
}
.trailblazer-road{
    position:absolute;
    left:50%;
    bottom:-18%;
    width:150%;
    height:155%;
    transform:translateX(-50%) rotateX(66deg);
    transform-origin:center bottom;
    display:flex;
    flex-direction:column-reverse;
    gap:0;
    animation:trailRoadMove var(--trail-duration,8s) linear infinite;
    filter:saturate(1.3) contrast(1.1);
}
.trail-row{
    display:grid;
    grid-template-columns:repeat(14, 1fr);
    height:72px;
    min-height:72px;
    transform:scaleX(calc(.22 + (var(--r) * .052)));
    transform-origin:center center;
    margin-top:-1px;
}
.trail-cell{
    display:block;
    border:2px solid rgba(255,255,255,.62);
    background:
        linear-gradient(135deg, rgba(255,255,255,.30), rgba(255,255,255,.02)),
        var(--trail-surface,#7163ff);
    box-shadow:
        inset 0 0 14px rgba(255,255,255,.10),
        0 0 8px rgba(255,255,255,.12);
}
.trail-row:nth-child(2n) .trail-cell:nth-child(2n),
.trail-row:nth-child(2n+1) .trail-cell:nth-child(2n+1){
    background:
        linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.08)),
        color-mix(in srgb, var(--trail-surface,#7163ff) 70%, #ffffff 30%);
}
.trail-row:nth-child(3n) .trail-cell{
    background:
        linear-gradient(135deg, rgba(120,240,255,.42), rgba(0,0,0,.02)),
        color-mix(in srgb, var(--trail-surface,#7163ff) 78%, #34d5ff 22%);
}
.trailblazer-horizon-line{
    position:absolute;
    top:0;
    left:10%;
    right:10%;
    height:3px;
    background:rgba(255,255,255,.74);
    box-shadow:0 0 24px rgba(255,255,255,.55), 0 0 42px rgba(120,220,255,.35);
    z-index:5;
}
@keyframes trailRoadMove{
    0%{transform:translateX(-50%) rotateX(66deg) translateY(-72px)}
    100%{transform:translateX(-50%) rotateX(66deg) translateY(0)}
}
@supports not (color: color-mix(in srgb, white, black)){
    .trail-row:nth-child(2n) .trail-cell:nth-child(2n),
    .trail-row:nth-child(2n+1) .trail-cell:nth-child(2n+1){
        background:linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.08)), var(--trail-surface,#7163ff);
    }
    .trail-row:nth-child(3n) .trail-cell{
        background:linear-gradient(135deg, rgba(120,240,255,.42), rgba(0,0,0,.02)), var(--trail-surface,#7163ff);
    }
}
@media(max-width:700px){
    .block-trailblazer,.trailblazer-visible{min-height:430px!important}
    .trailblazer-runway{height:58%!important}
    .trailblazer-road{width:190%;bottom:-24%;height:170%;transform:translateX(-50%) rotateX(65deg)}
    .trail-row{height:58px;min-height:58px}
    @keyframes trailRoadMove{
        0%{transform:translateX(-50%) rotateX(65deg) translateY(-58px)}
        100%{transform:translateX(-50%) rotateX(65deg) translateY(0)}
    }
}


/* v0.4.13 Trailblazer: Perspektive richtig herum + schneller Flug-Effekt */
.block-trailblazer,
.trailblazer-visible{
    min-height:560px!important;
    background:#000!important;
}
.trailblazer-runway{
    height:68%!important;
    perspective:900px!important;
}
.trailblazer-road{
    /* nicht mehr auf dem Kopf: oben/hinten klein, unten/vorne breit */
    left:50%!important;
    bottom:-22%!important;
    width:158%!important;
    height:auto!important;
    min-height:190%!important;
    transform-origin:center bottom!important;
    transform:translateX(-50%) rotateX(62deg)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    animation:trailRoadDrive var(--trail-duration,2.2s) linear infinite!important;
}
.trail-row{
    display:grid!important;
    grid-template-columns:repeat(14, 1fr)!important;
    height:64px!important;
    min-height:64px!important;
    margin-top:-1px!important;
    /* r=0 liegt oben/hinten klein; r wächst nach unten/vorne groß */
    transform:scaleX(calc(.16 + (var(--r) * .055)))!important;
    transform-origin:center center!important;
}
.trail-row:nth-child(n+16){
    height:72px!important;
    min-height:72px!important;
}
.trail-cell{
    border:2px solid rgba(255,255,255,.68)!important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.26), rgba(0,0,0,.02)),
        var(--trail-surface,#7163ff)!important;
}
.trailblazer-horizon-line{
    top:2px!important;
    left:18%!important;
    right:18%!important;
}

/* Bewegung zum Betrachter: Raster läuft nach unten/vorne */
@keyframes trailRoadDrive{
    0%{
        transform:translateX(-50%) rotateX(62deg) translateY(-64px);
    }
    100%{
        transform:translateX(-50%) rotateX(62deg) translateY(0);
    }
}

@media(max-width:700px){
    .block-trailblazer,.trailblazer-visible{min-height:430px!important}
    .trailblazer-runway{height:68%!important}
    .trailblazer-road{
        width:210%!important;
        bottom:-28%!important;
        transform:translateX(-50%) rotateX(62deg)!important;
    }
    .trail-row{
        height:50px!important;
        min-height:50px!important;
        transform:scaleX(calc(.13 + (var(--r) * .052)))!important;
    }
    @keyframes trailRoadDrive{
        0%{transform:translateX(-50%) rotateX(62deg) translateY(-50px)}
        100%{transform:translateX(-50%) rotateX(62deg) translateY(0)}
    }
}


/* v0.4.14 Trailblazer: echte Flug-/Fahranimation über die Fläche */
.block-trailblazer,
.block-trailblazer.anim{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
    min-height:560px!important;
    overflow:hidden!important;
    background:var(--trail-bg,#06060f)!important;
}
.trailblazer-flight{
    position:relative!important;
    min-height:560px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 50% 36%, rgba(255,255,255,.06), transparent 23%),
        linear-gradient(180deg, #000 0%, var(--trail-bg,#06060f) 100%)!important;
}
.trailblazer-flight .trailblazer-sky{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:44%!important;
    z-index:1!important;
    background:
        radial-gradient(circle at 50% 100%, rgba(120,220,255,.13), transparent 36%),
        linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,.18))!important;
}
.trailblazer-flight .trailblazer-horizon-line{
    position:absolute!important;
    left:18%!important;
    right:18%!important;
    top:43%!important;
    height:3px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 0 18px rgba(255,255,255,.55), 0 0 34px rgba(105,210,255,.38)!important;
    z-index:5!important;
}
.trailblazer-flight-surface{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:62%!important;
    overflow:hidden!important;
    z-index:3!important;
    perspective:900px!important;
    background:linear-gradient(to top, rgba(0,0,0,.34), rgba(0,0,0,0) 62%)!important;
}
.trail-flight-row{
    position:absolute!important;
    left:50%!important;
    top:-7%!important;
    width:122%!important;
    height:62px!important;
    display:grid!important;
    grid-template-columns:repeat(14, 1fr)!important;
    gap:0!important;
    opacity:0!important;
    transform-origin:center top!important;
    animation:trailRowFly var(--trail-duration,2s) linear infinite!important;
    animation-delay:var(--row-delay,0s)!important;
    will-change:transform, opacity!important;
}
.trail-flight-cell{
    display:block!important;
    min-width:0!important;
    height:100%!important;
    border:2px solid rgba(255,255,255,.68)!important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.36), rgba(0,0,0,.04)),
        var(--trail-surface,#7163ff)!important;
    box-shadow:
        inset 0 0 12px rgba(255,255,255,.10),
        0 0 7px rgba(255,255,255,.12)!important;
}
.trail-flight-row:nth-child(2n) .trail-flight-cell:nth-child(2n),
.trail-flight-row:nth-child(2n+1) .trail-flight-cell:nth-child(2n+1){
    background:
        linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.05)),
        color-mix(in srgb, var(--trail-surface,#7163ff) 68%, #ffffff 32%)!important;
}
.trail-flight-row:nth-child(3n) .trail-flight-cell{
    background:
        linear-gradient(135deg, rgba(110,235,255,.46), rgba(0,0,0,.03)),
        color-mix(in srgb, var(--trail-surface,#7163ff) 76%, #38d9ff 24%)!important;
}
.trail-vanish-glow{
    position:absolute!important;
    left:35%!important;
    right:35%!important;
    top:-2%!important;
    height:38px!important;
    background:rgba(255,255,255,.26)!important;
    filter:blur(14px)!important;
    z-index:4!important;
    pointer-events:none!important;
}
.trail-front-shade{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:40%!important;
    z-index:4!important;
    pointer-events:none!important;
    background:linear-gradient(to top, rgba(0,0,0,.28), transparent)!important;
}

/* Kern: Reihe kommt klein vom Horizont, wird groß/breit und verschwindet vorne unten */
@keyframes trailRowFly{
    0%{
        opacity:0;
        transform:
            translateX(-50%)
            translateY(-10px)
            scaleX(.10)
            scaleY(.20);
    }
    8%{
        opacity:.95;
    }
    45%{
        opacity:1;
        transform:
            translateX(-50%)
            translateY(118px)
            scaleX(.58)
            scaleY(.55);
    }
    78%{
        opacity:1;
        transform:
            translateX(-50%)
            translateY(255px)
            scaleX(1.18)
            scaleY(.95);
    }
    100%{
        opacity:0;
        transform:
            translateX(-50%)
            translateY(380px)
            scaleX(1.92)
            scaleY(1.28);
    }
}

@supports not (color: color-mix(in srgb, white, black)){
    .trail-flight-row:nth-child(2n) .trail-flight-cell:nth-child(2n),
    .trail-flight-row:nth-child(2n+1) .trail-flight-cell:nth-child(2n+1),
    .trail-flight-row:nth-child(3n) .trail-flight-cell{
        background:
            linear-gradient(135deg, rgba(255,255,255,.48), rgba(255,255,255,.04)),
            var(--trail-surface,#7163ff)!important;
    }
}

@media(max-width:700px){
    .block-trailblazer,
    .trailblazer-flight{
        min-height:430px!important;
    }
    .trailblazer-flight-surface{
        height:62%!important;
    }
    .trail-flight-row{
        width:150%!important;
        height:48px!important;
    }
    @keyframes trailRowFly{
        0%{opacity:0;transform:translateX(-50%) translateY(-10px) scaleX(.08) scaleY(.18)}
        8%{opacity:.95}
        45%{opacity:1;transform:translateX(-50%) translateY(86px) scaleX(.55) scaleY(.52)}
        78%{opacity:1;transform:translateX(-50%) translateY(184px) scaleX(1.20) scaleY(.95)}
        100%{opacity:0;transform:translateX(-50%) translateY(285px) scaleX(2.05) scaleY(1.28)}
    }
}


/* v0.4.15 Trailblazer Canvas: echte sichtbare Fahr-/Flugbewegung */
.block-trailblazer,
.block-trailblazer.anim{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
    min-height:560px!important;
    overflow:hidden!important;
    background:var(--trail-bg,#06060f)!important;
}
.block-trailblazer .inner,
.block-trailblazer h1,
.block-trailblazer h2,
.block-trailblazer h3,
.block-trailblazer p,
.block-trailblazer .cta,
.block-trailblazer .subtitle{
    display:none!important;
}
.trailblazer-canvas-stage{
    position:relative!important;
    display:block!important;
    min-height:560px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.055), transparent 26%),
        linear-gradient(180deg,#000 0%,var(--trail-bg,#06060f) 100%)!important;
}
.trailblazer-canvas-stage .trailblazer-sky{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:44%!important;
    z-index:1!important;
    background:
        radial-gradient(circle at 50% 100%, rgba(120,220,255,.14), transparent 36%),
        linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,.20))!important;
    pointer-events:none!important;
}
.trailblazer-canvas{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:64%!important;
    display:block!important;
    z-index:3!important;
}
@media(max-width:700px){
    .block-trailblazer,
    .trailblazer-canvas-stage{
        min-height:430px!important;
    }
    .trailblazer-canvas{
        height:64%!important;
    }
}


/* v0.4.20 Trailblazer: schwebendes Logo im oberen Bereich */
.trailblazer-logo-wrap{
    position:absolute!important;
    z-index:6!important;
    left:50%!important;
    top:20%!important;
    transform:translate(-50%,-50%) scale(var(--trail-logo-scale, .8))!important;
    transform-origin:center center!important;
    pointer-events:none!important;
    animation:trailLogoFloat 6.2s ease-in-out infinite!important;
    will-change:transform!important;
}
.trailblazer-logo{
    display:block!important;
    width:min(52vw,420px)!important;
    max-height:170px!important;
    height:auto!important;
    object-fit:contain!important;
    filter:
        drop-shadow(0 18px 26px rgba(0,0,0,.45))
        drop-shadow(0 0 18px rgba(255,255,255,.18))!important;
}
@keyframes trailLogoFloat{
    0%,100%{
        transform:
            translate(calc(-50% - var(--trail-logo-x,38px)), calc(-50% - var(--trail-logo-y,19px)))
            scale(var(--trail-logo-scale,.8));
    }
    25%{
        transform:
            translate(calc(-50% + var(--trail-logo-x,38px)), calc(-50% - (var(--trail-logo-y,19px) * .45)))
            scale(var(--trail-logo-scale,.8));
    }
    50%{
        transform:
            translate(calc(-50% + (var(--trail-logo-x,38px) * .18)), calc(-50% + var(--trail-logo-y,19px)))
            scale(var(--trail-logo-scale,.8));
    }
    75%{
        transform:
            translate(calc(-50% - (var(--trail-logo-x,38px) * .72)), calc(-50% + (var(--trail-logo-y,19px) * .32)))
            scale(var(--trail-logo-scale,.8));
    }
}
@media(max-width:700px){
    .trailblazer-logo-wrap{top:21%!important}
    .trailblazer-logo{
        width:min(78vw,320px)!important;
        max-height:120px!important;
    }
}


/* v0.4.21 Trailblazer Logo Sichtbarkeits-Fix */
.trailblazer-logo-wrap{
    z-index:20!important;
}
.trailblazer-logo{
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
}


/* v0.4.22 Trailblazer Logo: X/Y-Bewegung auf getrennten Wrappern */
.trailblazer-logo-wrap{
    position:absolute!important;
    z-index:20!important;
    left:50%!important;
    top:20%!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
    pointer-events:none!important;
    animation:none!important;
    will-change:auto!important;
}
.trailblazer-logo-x,
.trailblazer-logo-y,
.trailblazer-logo-scale{
    display:grid!important;
    place-items:center!important;
    transform-origin:center center!important;
    will-change:transform!important;
}
.trailblazer-logo-x{
    animation:trailLogoFloatX 5.6s ease-in-out infinite!important;
}
.trailblazer-logo-y{
    animation:trailLogoFloatY 4.7s ease-in-out infinite!important;
}
.trailblazer-logo-scale{
    transform:scale(var(--trail-logo-scale,.8))!important;
}
.trailblazer-logo{
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
}
@keyframes trailLogoFloatX{
    0%,100%{transform:translateX(calc(var(--trail-logo-x,38px) * -1))}
    25%{transform:translateX(var(--trail-logo-x,38px))}
    50%{transform:translateX(calc(var(--trail-logo-x,38px) * .18))}
    75%{transform:translateX(calc(var(--trail-logo-x,38px) * -.72))}
}
@keyframes trailLogoFloatY{
    0%,100%{transform:translateY(calc(var(--trail-logo-y,19px) * -1))}
    30%{transform:translateY(calc(var(--trail-logo-y,19px) * -.35))}
    55%{transform:translateY(var(--trail-logo-y,19px))}
    78%{transform:translateY(calc(var(--trail-logo-y,19px) * .32))}
}
@media(max-width:700px){
    .trailblazer-logo-wrap{top:21%!important}
}


/* v0.4.23 Trailblazer Logo: formgenauer Schatten auf der Fläche */
.trailblazer-shadow-wrap{
    position:absolute!important;
    z-index:8!important;
    left:50%!important;
    top:54%!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
    pointer-events:none!important;
    animation:none!important;
}
.trailblazer-shadow-x,
.trailblazer-shadow-y,
.trailblazer-shadow-scale{
    display:grid!important;
    place-items:center!important;
    transform-origin:center center!important;
    will-change:transform, opacity, filter!important;
}
.trailblazer-shadow-x{
    animation:trailShadowFloatX 5.6s ease-in-out infinite!important;
}
.trailblazer-shadow-y{
    animation:trailShadowFloatY 4.7s ease-in-out infinite!important;
}
.trailblazer-shadow-scale{
    transform:
        translate(var(--trail-shadow-x,0px), var(--trail-shadow-y,24px))
        scale(calc(var(--trail-logo-scale,.8) * 1.06), calc(var(--trail-logo-scale,.8) * .34))
        skewX(-18deg)!important;
}
.trailblazer-shadow-logo{
    display:block!important;
    width:min(52vw,420px)!important;
    max-height:170px!important;
    height:auto!important;
    object-fit:contain!important;
    opacity:var(--trail-shadow-opacity,.58)!important;
    filter:
        brightness(0) saturate(0)
        blur(var(--trail-shadow-blur,12px))
        drop-shadow(0 0 10px rgba(0,0,0,.12))!important;
    transform:
        rotateX(76deg)
        rotateZ(-6deg)!important;
    transform-origin:center center!important;
    mix-blend-mode:multiply!important;
}
@keyframes trailShadowFloatX{
    0%,100%{transform:translateX(calc((var(--trail-logo-x,38px) * -1) * .58))}
    25%{transform:translateX(calc(var(--trail-logo-x,38px) * .58))}
    50%{transform:translateX(calc(var(--trail-logo-x,38px) * .10))}
    75%{transform:translateX(calc(var(--trail-logo-x,38px) * -.40))}
}
@keyframes trailShadowFloatY{
    0%,100%{transform:translateY(calc((var(--trail-logo-y,19px) * -1) * .24))}
    30%{transform:translateY(calc((var(--trail-logo-y,19px) * -.35) * .24))}
    55%{transform:translateY(calc(var(--trail-logo-y,19px) * .46))}
    78%{transform:translateY(calc(var(--trail-logo-y,19px) * .16))}
}
@media(max-width:700px){
    .trailblazer-shadow-wrap{top:55%!important}
    .trailblazer-shadow-logo{
        width:min(78vw,320px)!important;
        max-height:120px!important;
    }
}




/* v0.4.25 Trailblazer: Zusatzlinie entfernt */
.trailblazer-canvas-stage::after{
    display:none!important;
    content:none!important;
}


/* v0.4.33 Isolierte Animationen: Grid, Streifen und Starfield beeinflussen sich nicht gegenseitig */

.block-pattern_grid,
.block-pattern_stripes,
.block-starfield{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    min-height:520px;
    contain:paint;
}
.block-pattern_grid .pattern-content,
.block-pattern_stripes .pattern-content,
.block-starfield .pattern-content{
    position:relative!important;
    z-index:5!important;
}

/* Alte generische Layer innerhalb dieser drei Blöcke neutralisieren */
.block-pattern_grid .pattern-layer,
.block-pattern_grid .grid-pattern,
.block-pattern_stripes .pattern-layer,
.block-pattern_stripes .stripe-pattern,
.block-starfield .starfield-layer,
.block-starfield .dynamic-starfield{
    display:none!important;
    animation:none!important;
}

/* Raster / Grid: eigene isolierte Ebene */
.grid-v433-layer{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
    opacity:.74;
}
.grid-v433-layer span{
    position:absolute;
    left:-64px;
    right:-64px;
    top:-64px;
    bottom:-64px;
    display:block;
    background-image:
        linear-gradient(rgba(255,255,255,.24) 2px, transparent 2px),
        linear-gradient(90deg, rgba(255,255,255,.24) 2px, transparent 2px),
        radial-gradient(circle at center, rgba(255,255,255,.12), transparent 44%);
    background-size:44px 44px,44px 44px,100% 100%;
    background-position:0 0,0 0,center;
    mask-image:linear-gradient(180deg,transparent,black 10%,black 90%,transparent);
    animation:gridV433Move 3.2s linear infinite;
    will-change:transform;
}
@keyframes gridV433Move{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(44px,44px,0)}
}

/* Streifen / Dynamik: eigene isolierte Ebene */
.block-pattern_stripes{
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.06), transparent 32%),
        linear-gradient(135deg,#020617,#111827)!important;
}
.stripe-v433-layer{
    position:absolute;
    inset:-140%;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
    opacity:.88;
    transform:rotate(var(--stripe-rotation,-18deg)) scale(1.55);
    transform-origin:center center;
}
.stripe-v433-layer span{
    position:absolute;
    inset:0;
    display:block;
    background:
        repeating-linear-gradient(
            135deg,
            var(--stripe-c1,#ff004d) 0 22px,
            rgba(255,255,255,.18) 22px 27px,
            transparent 27px 54px,
            var(--stripe-c2,#00e5ff) 54px 76px,
            rgba(255,255,255,.16) 76px 81px,
            transparent 81px 108px
        );
    background-position:0 0;
    animation:stripeV433Move var(--stripe-duration,9s) linear infinite;
    will-change:background-position;
}
.stripe-v433-left span{animation-direction:reverse}
.stripe-v433-up span{animation-name:stripeV433MoveUp}
.stripe-v433-down span{animation-name:stripeV433MoveUp;animation-direction:reverse}
@keyframes stripeV433Move{
    from{background-position:0 0}
    to{background-position:900px 0}
}
@keyframes stripeV433MoveUp{
    from{background-position:0 0}
    to{background-position:0 900px}
}

/* Starfield: eigene isolierte Einzelstern-Ebene */
.block-starfield{
    background:linear-gradient(135deg,#020617,#0f172a 48%,#1e1b4b)!important;
}
.stars-v433-layer{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
    background:
        radial-gradient(circle at 35% 35%, rgba(120,180,255,.13), transparent 34%),
        radial-gradient(circle at 72% 64%, rgba(255,255,255,.07), transparent 36%),
        linear-gradient(135deg,#020617,#0f172a 48%,#1e1b4b);
}
.stars-v433-layer span{
    position:absolute;
    left:var(--x,50%);
    top:var(--y,50%);
    width:var(--s,var(--star-size,2px));
    height:var(--s,var(--star-size,2px));
    border-radius:50%;
    background:var(--star-color,#ffffff);
    box-shadow:
        0 0 calc(var(--s,2px) * 5) var(--star-color,#ffffff),
        0 0 16px rgba(255,255,255,.28);
    opacity:.42;
    animation:starV433Fly calc(var(--star-duration,20s) * (0.62 + (var(--i,1) % 9) * .09)) ease-in-out infinite;
    animation-delay:calc(var(--i,1) * -0.31s);
    will-change:transform, opacity;
}
.stars-v433-layer span:nth-child(3n){opacity:.82}
.stars-v433-layer span:nth-child(4n){opacity:.24}
.stars-v433-layer span:nth-child(5n){filter:blur(.45px)}
.stars-v433-layer span:nth-child(7n){
    width:calc(var(--s,var(--star-size,2px)) * 1.8);
    height:calc(var(--s,var(--star-size,2px)) * 1.8);
}
@keyframes starV433Fly{
    0%{
        opacity:.06;
        transform:
            translate(-50%,-50%)
            translate3d(calc((var(--i,1) % 5) * -7px), calc((var(--i,1) % 6) * 5px), 0)
            scale(.25);
    }
    18%{opacity:.72}
    47%{
        opacity:.48;
        transform:
            translate(-50%,-50%)
            translate3d(calc((var(--x,50%) - 50%) * .70), calc((var(--y,50%) - 50%) * .55), 0)
            scale(calc(.82 + (var(--i,1) % 4) * .18));
    }
    76%{opacity:.80}
    100%{
        opacity:0;
        transform:
            translate(-50%,-50%)
            translate3d(calc((var(--x,50%) - 50%) * 3.2 + ((var(--i,1) % 9) * 11px)), calc((var(--y,50%) - 50%) * 2.8 - ((var(--i,1) % 7) * 9px)), 0)
            scale(calc(1.10 + (var(--star-depth,70) / 52) + (var(--i,1) % 5) * .11));
    }
}


/* v0.4.34 Starfield: feste Bewegungsvektoren pro Stern, keine fehleranfälligen Prozent-calc() */
.block-starfield .stars-v434-layer{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    background:
        radial-gradient(circle at 35% 35%, rgba(120,180,255,.13), transparent 34%),
        radial-gradient(circle at 72% 64%, rgba(255,255,255,.07), transparent 36%),
        linear-gradient(135deg,#020617,#0f172a 48%,#1e1b4b)!important;
}
.block-starfield .stars-v434-layer span{
    display:block!important;
    position:absolute!important;
    left:var(--x,50%)!important;
    top:var(--y,50%)!important;
    width:var(--s,var(--star-size,2px))!important;
    height:var(--s,var(--star-size,2px))!important;
    border-radius:50%!important;
    background:var(--star-color,#fff)!important;
    box-shadow:
        0 0 calc(var(--s,2px) * 5) var(--star-color,#fff),
        0 0 16px rgba(255,255,255,.30)!important;
    opacity:.44!important;
    visibility:visible!important;
    animation-name:starV434Fly!important;
    animation-duration:calc(var(--star-duration,20s) * var(--durmul,1))!important;
    animation-timing-function:ease-in-out!important;
    animation-iteration-count:infinite!important;
    animation-delay:calc(var(--i,1) * -0.27s)!important;
    will-change:transform, opacity!important;
}
.block-starfield .stars-v434-layer span:nth-child(3n){opacity:.82!important}
.block-starfield .stars-v434-layer span:nth-child(4n){opacity:.25!important}
.block-starfield .stars-v434-layer span:nth-child(5n){filter:blur(.45px)}
.block-starfield .stars-v434-layer span:nth-child(7n){
    width:calc(var(--s,var(--star-size,2px)) * 1.8)!important;
    height:calc(var(--s,var(--star-size,2px)) * 1.8)!important;
}
@keyframes starV434Fly{
    0%{
        opacity:.08;
        transform:translate(-50%,-50%) translate3d(0,0,0) scale(.25);
    }
    18%{
        opacity:.76;
    }
    52%{
        opacity:.52;
        transform:
            translate(-50%,-50%)
            translate3d(calc(var(--dx,20vw) * .35), calc(var(--dy,18vh) * .35), 0)
            scale(.95);
    }
    82%{
        opacity:.80;
    }
    100%{
        opacity:0;
        transform:
            translate(-50%,-50%)
            translate3d(var(--dx,20vw), var(--dy,18vh), 0)
            scale(calc(1.20 + (var(--star-depth,70) / 55)));
    }
}


/* v0.4.35 Wireframe Elite: Elite-Label und störende Linien entfernen */
.block-wireframe_elite .wire-stage::after{
    content:none!important;
    display:none!important;
}
.block-wireframe_elite .wire-stage::before{
    content:none!important;
    display:none!important;
    border:0!important;
    box-shadow:none!important;
}

/* Rahmen/Strich direkt um den Text entfernen */
.block-wireframe_elite .wire-content{
    border:0!important;
    box-shadow:none!important;
    background:rgba(0,0,0,.58)!important;
}

/* Falls Scanline-/Grid-Layer genau über dem Text laufen, hinter den Text legen */
.block-wireframe_elite .wire-depth-grid{
    z-index:1!important;
    pointer-events:none!important;
}
.block-wireframe_elite .wire-content{
    z-index:10!important;
}


/* v0.4.36 Wireframe Elite: Scanlines / Retro-Raster deaktiviert */
.block-wireframe_elite .wire-scanlines,
.block-wireframe_elite .wire-stage.wire-scanlines{
    background-image:none!important;
}
.block-wireframe_elite .wire-scanlines::before,
.block-wireframe_elite .wire-scanlines::after,
.block-wireframe_elite .wire-stage.wire-scanlines::before,
.block-wireframe_elite .wire-stage.wire-scanlines::after,
.block-wireframe_elite .wire-scanlines .wire-frame::after{
    content:none!important;
    display:none!important;
    box-shadow:none!important;
}


/* v0.4.37 Wireframe Elite: gleichmäßige Helligkeit + Objektgrößenregler */

/* Ungleichmäßigen Aufhellungsbereich entfernen */
.block-wireframe_elite .wire-stage{
    background:#000!important;
}
.block-wireframe_elite .wire-stage,
.block-wireframe_elite .wire-stage.wire-scanlines{
    background-image:none!important;
    background-blend-mode:normal!important;
}
.block-wireframe_elite .wire-depth-grid,
.block-wireframe_elite .wire-grid-back,
.block-wireframe_elite .wire-grid-front{
    opacity:.20!important;
    filter:none!important;
    mix-blend-mode:normal!important;
}

/* Falls alte Glow-/Rahmen-Pseudoelemente wieder greifen: neutralisieren */
.block-wireframe_elite .wire-stage::before,
.block-wireframe_elite .wire-stage::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
}

/* Objektgröße für Fallback-SVG und CSS-basierte Wireframes */
.block-wireframe_elite .wire-canvas-wrap{
    transform:scale(var(--wire-size-scale,1))!important;
    transform-origin:center center!important;
}
.block-wireframe_elite .wire-canvas{
    transform:scale(calc(1 / var(--wire-size-scale,1)))!important;
    transform-origin:center center!important;
}
.block-wireframe_elite .wire-fallback-svg,
.block-wireframe_elite .wire-frame{
    transform:scale(var(--wire-size-scale,1))!important;
    transform-origin:center center!important;
}


/* v0.4.38 Wireframe Elite: trüben Texthintergrund entfernen */
.block-wireframe_elite .wire-content{
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
}

/* Text bleibt lesbar, aber ohne flächige Abdunklung */
.block-wireframe_elite .wire-content,
.block-wireframe_elite .wire-content h2,
.block-wireframe_elite .wire-content p,
.block-wireframe_elite .wire-content .subtitle{
    text-shadow:
        0 0 8px currentColor,
        0 2px 8px rgba(0,0,0,.85)!important;
}

/* Eventuelle innere Hintergründe durch Editor-/Content-Elemente neutralisieren */
.block-wireframe_elite .wire-content *{
    background-color:transparent!important;
}


/* v0.4.39 Download-Block */
.download-list{
    display:grid;
    gap:16px;
    margin-top:28px;
}
.download-card{
    border-radius:22px;
    padding:18px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.20);
    backdrop-filter:blur(10px);
}
.download-card-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    color:inherit;
    text-decoration:none;
    font-weight:900;
}
.download-card-link span{
    opacity:.72;
    font-size:.92rem;
    font-weight:700;
}
.download-card p{
    margin:.65rem 0 0;
    opacity:.82;
}

/* v0.4.39 Shutdown-Block */
.shutdown-trigger{
    margin-top:26px;
    border:0;
    border-radius:18px;
    padding:16px 24px;
    background:#101828;
    color:#fff;
    font-weight:950;
    font-size:1.05rem;
    cursor:pointer;
    box-shadow:0 18px 40px rgba(16,24,40,.28);
}
.shutdown-trigger:hover{
    transform:translateY(-1px);
}
.shutdown-overlay{
    position:fixed;
    inset:0;
    z-index:999999;
    display:grid;
    place-items:center;
    background:#020202;
    color:#d7ffd7;
    font-family:"Courier New",monospace;
    text-align:center;
    padding:24px;
}
.shutdown-overlay.is-running{
    background:
        repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 4px),
        #020202;
}
.shutdown-box{
    max-width:780px;
}
.shutdown-progress{
    width:min(620px,82vw);
    height:16px;
    margin:24px auto 0;
    border:1px solid rgba(215,255,215,.48);
    border-radius:999px;
    overflow:hidden;
}
.shutdown-progress span{
    display:block;
    height:100%;
    width:0%;
    background:#d7ffd7;
    animation:shutdownProgress var(--shutdown-duration,5s) linear forwards;
}
.shutdown-final-message{
    font-size:clamp(28px,5vw,56px);
    line-height:1.05;
    text-shadow:0 0 14px rgba(215,255,215,.55);
}
@keyframes shutdownProgress{
    from{width:0%}
    to{width:100%}
}

/* Animation-Optionen sichtbarer trennen */
.js-ready .anim[data-anim="fade"]{
    transform:none;
}
.js-ready .anim[data-anim="none"]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
}


/* v0.4.41 Cookie Consent */
.cc-overlay{
    position:fixed;
    z-index:999998;
    left:0;
    right:0;
    bottom:0;
    padding:18px;
    font-family:inherit;
}
.cc-overlay.cc-pos-top{top:0;bottom:auto}
.cc-box{
    max-width:980px;
    margin:0 auto;
    border-radius:24px;
    padding:20px;
    box-shadow:0 24px 80px rgba(0,0,0,.36);
    border:1px solid rgba(255,255,255,.16);
}
.cc-dark .cc-box{
    background:rgba(16,24,40,.96);
    color:#fff;
}
.cc-light .cc-box{
    background:rgba(255,255,255,.98);
    color:#101828;
}
.cc-main h2{margin:0 0 8px;font-size:1.25rem}
.cc-main p{margin:0;opacity:.86}
.cc-settings{
    display:grid;
    gap:10px;
    margin-top:16px;
}
.cc-cat{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:center;
    padding:12px;
    border-radius:16px;
    background:rgba(255,255,255,.08);
}
.cc-light .cc-cat{background:rgba(16,24,40,.06)}
.cc-cat span{display:grid;gap:4px}
.cc-cat small{opacity:.74}
.cc-cat input{transform:scale(1.25)}
.cc-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
    margin-top:18px;
}
.cc-actions button{
    border:0;
    border-radius:14px;
    padding:11px 15px;
    font-weight:900;
    cursor:pointer;
}
.cc-actions .cc-primary{
    background:var(--accent,#155eef);
    color:#fff;
}
@media(max-width:680px){
    .cc-actions{justify-content:stretch}
    .cc-actions button{flex:1 1 100%}
}


/* v0.4.42 Accessibility Widget */
.a11y-widget{position:fixed;z-index:999997;bottom:92px;font-family:inherit}
.a11y-pos-right{right:18px}.a11y-pos-left{left:18px}
.a11y-button{border:0;background:var(--a11y-color,#155eef);color:#fff;padding:13px 16px;border-radius:999px;font-weight:950;box-shadow:0 18px 42px rgba(16,24,40,.28);cursor:pointer}
.a11y-shape-square .a11y-button{border-radius:14px}
.a11y-panel{width:min(360px,calc(100vw - 36px));margin-top:10px;border-radius:22px;background:rgba(255,255,255,.98);color:#101828;box-shadow:0 24px 80px rgba(0,0,0,.32);border:1px solid rgba(16,24,40,.12);padding:16px}
.a11y-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.a11y-close{border:0;background:#101828;color:#fff;border-radius:999px;width:32px;height:32px;cursor:pointer}
.a11y-intro{opacity:.76;margin:.7rem 0 1rem}.a11y-options{display:grid;gap:9px}
.a11y-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border-radius:14px;background:rgba(16,24,40,.06);font-weight:750}
.a11y-row input{transform:scale(1.2)}
.a11y-reset{margin-top:14px;width:100%;border:0;border-radius:14px;padding:11px;font-weight:900;background:#101828;color:#fff;cursor:pointer}
html.a11y-contrast body,html.a11y-contrast .block,html.a11y-contrast .site-header,html.a11y-contrast .site-footer{background:#000!important;color:#fff!important}
html.a11y-contrast a,html.a11y-contrast button{color:#fff}
html.a11y-larger-text body{font-size:120%!important}
html.a11y-readable-font body{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.01em}
html.a11y-line-height body,html.a11y-line-height p,html.a11y-line-height li{line-height:1.85!important}
html.a11y-focus-visible *:focus{outline:4px solid #ffbf00!important;outline-offset:4px!important}
html.a11y-stop-animations *,html.a11y-stop-animations *::before,html.a11y-stop-animations *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-dyslexia-friendly body{font-family:Verdana,Arial,sans-serif!important;letter-spacing:.04em!important;word-spacing:.12em!important}
html.a11y-grayscale{filter:grayscale(1)!important}
@media(max-width:680px){.a11y-widget{bottom:76px}.a11y-button span{display:none}}


/* v0.4.43 Accessibility Widget: 16 Optionen + oben/unten links/rechts */
.a11y-widget{position:fixed!important;z-index:999997;font-family:inherit}
.a11y-pos-right{right:18px;left:auto}
.a11y-pos-left{left:18px;right:auto}
.a11y-pos-bottom{bottom:92px;top:auto}
.a11y-pos-top{top:18px;bottom:auto}
html.a11y-smaller-text body{font-size:88%!important}
html.a11y-letter-spacing body{letter-spacing:.08em!important}
html.a11y-highlight-links a{
    text-decoration:underline!important;
    text-decoration-thickness:3px!important;
    text-underline-offset:4px!important;
    outline:2px solid currentColor!important;
    outline-offset:3px!important;
}
html.a11y-invert-colors{filter:invert(1)!important}
html.a11y-invert-colors img,
html.a11y-invert-colors video,
html.a11y-invert-colors canvas{filter:invert(1)!important}
html.a11y-hide-images img,
html.a11y-hide-images picture,
html.a11y-hide-images video,
html.a11y-hide-images canvas,
html.a11y-hide-images svg{
    visibility:hidden!important;
}
html.a11y-big-cursor,
html.a11y-big-cursor *{
    cursor:crosshair!important;
}
.a11y-reading-guide-line{
    position:fixed;
    left:0;
    right:0;
    top:50%;
    height:4px;
    background:#ffbf00;
    box-shadow:0 0 0 2px rgba(0,0,0,.65), 0 0 18px rgba(255,191,0,.65);
    z-index:999996;
    pointer-events:none;
    display:none;
}
html.a11y-reading-guide .a11y-reading-guide-line{display:block}
@media(max-width:680px){
    .a11y-pos-bottom{bottom:76px}
    .a11y-pos-top{top:12px}
}


/* v0.4.44 Barrierefreiheit: runder Symbolbutton */
.a11y-shape-round .a11y-button{
    width:56px!important;
    height:56px!important;
    padding:0!important;
    border-radius:50%!important;
    display:inline-grid!important;
    place-items:center!important;
    font-size:24px!important;
}
.a11y-shape-round .a11y-button span{
    display:none!important;
}


/* v0.4.44 Maps / Video / Code */
.custom-code-block{
    width:100%;
}
.map-split{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:28px;
    align-items:center;
}
.map-left{
    grid-template-columns:1.15fr 1fr;
}
.map-frame-wrap,
.video-frame-wrap{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:26px;
    box-shadow:0 24px 70px rgba(16,24,40,.22);
    background:#101828;
}
.map-frame-wrap{min-height:420px}
.map-frame-wrap iframe{
    width:100%;
    min-height:420px;
    border:0;
    display:block;
}
.video-frame-wrap{
    aspect-ratio:16/9;
    margin-top:22px;
}
.video-frame-wrap iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}
.map-address,
.map-contact{
    margin-top:16px;
    padding:14px 16px;
    border-radius:18px;
    background:rgba(255,255,255,.14);
}
.video-caption{
    margin-top:12px;
    opacity:.78;
}
.code-error{
    padding:16px;
    border-radius:14px;
    background:#3b0d0d;
    color:#fff;
    white-space:pre-wrap;
}
@media(max-width:820px){
    .map-split,
    .map-left{
        grid-template-columns:1fr;
    }
}


/* v0.4.45 Frontend Responsive-Feinschliff */
html,body{
    max-width:100%;
    overflow-x:hidden;
}
img,video,canvas,iframe{
    max-width:100%;
}
.site-header{
    gap:14px;
}
.site-header .nav{
    flex-wrap:wrap;
}
.block{
    overflow:hidden;
}
.inner{
    width:min(1180px, calc(100vw - 36px));
}
@media(max-width:1024px){
    .inner{
        width:min(100%, calc(100vw - 28px));
    }
    .split,
    .hero-inner,
    .map-split,
    .map-left{
        grid-template-columns:1fr!important;
    }
    .site-header{
        align-items:flex-start;
        flex-direction:column;
    }
    .site-header .nav{
        width:100%;
        overflow-x:auto;
    }
}
@media(max-width:680px){
    .block{
        padding-left:0!important;
        padding-right:0!important;
    }
    .inner{
        width:calc(100vw - 24px);
    }
    .brand{
        max-width:100%;
    }
    .brand span{
        word-break:break-word;
    }
    .site-header,
    .site-footer{
        padding-left:12px!important;
        padding-right:12px!important;
    }
    h1{
        font-size:clamp(34px,12vw,58px)!important;
        line-height:1.02;
    }
    h2{
        font-size:clamp(26px,8vw,42px)!important;
        line-height:1.08;
    }
    .cta,
    .shutdown-trigger,
    .download-card-link{
        width:100%;
        justify-content:center;
        text-align:center;
    }
    .download-card-link{
        flex-direction:column;
        align-items:flex-start;
    }
    .map-frame-wrap,
    .map-frame-wrap iframe{
        min-height:320px;
    }
    .ticker{
        font-size:clamp(30px,14vw,70px);
    }
    .a11y-panel,
    .cc-box{
        max-width:calc(100vw - 24px);
    }
}


/* v0.4.47 frei wählbare Scroller-Farbverläufe */
.ticker-gradient span,
.ticker-gradient strong{
    background:linear-gradient(90deg,var(--scroll-grad-1,#ffffff),var(--scroll-grad-2,#7dd3fc),var(--scroll-grad-3,#f0abfc),var(--scroll-grad-1,#ffffff))!important;
    background-size:300% 100%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}
.mini-grid-3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:10px 0;
}
.mini-grid-3 label{
    display:grid;
    gap:6px;
}
@media(max-width:680px){
    .mini-grid-3{grid-template-columns:1fr}
}
.emergency-password-box code{
    display:block;
    margin-top:10px;
    padding:12px;
    border-radius:10px;
    background:#101828;
    color:#fff;
    font-size:1.12rem;
    word-break:break-all;
}
.info-box{
    padding:14px;
    border-radius:14px;
    background:rgba(16,24,40,.06);
    margin:14px 0;
}


/* v0.4.48 Scroller-Farbverlauf und Sponsorlink */
.ticker-gradient{
    --scroll-grad-1:#ffffff;
    --scroll-grad-2:#7dd3fc;
    --scroll-grad-3:#f0abfc;
}
.ticker-gradient span,
.ticker-gradient strong{
    background-image:linear-gradient(90deg,var(--scroll-grad-1),var(--scroll-grad-2),var(--scroll-grad-3),var(--scroll-grad-1))!important;
    background-size:300% 100%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    animation-name:scrollGradient!important;
    animation-duration:7s!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
}
.ticker-gradient-reverse span,
.ticker-gradient-reverse strong{
    animation-direction:reverse!important;
}
/* Buchstabenanimation + Farbscroll parallel: Farbe auf dem strong, Bewegung auf den spans */
.ticker-letter-sine.ticker-gradient strong,
.ticker-jumping.ticker-gradient strong{
    background-image:linear-gradient(90deg,var(--scroll-grad-1),var(--scroll-grad-2),var(--scroll-grad-3),var(--scroll-grad-1))!important;
    background-size:300% 100%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    animation:scrollGradient 7s linear infinite!important;
}
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span{
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:inherit!important;
}
.mop-sponsor{
    padding:10px 14px;
    text-align:center;
    font-size:13px;
    background:#0b1220;
    color:#fff;
}
.mop-sponsor a{
    color:#fff;
    text-decoration:none;
    opacity:.86;
}
.mop-sponsor a:hover{
    opacity:1;
    text-decoration:underline;
}


/* v0.4.49 Fix: Jumping Letters + Farbverlauf ohne Animationskollision */
.ticker-letter-sine.ticker-gradient strong,
.ticker-jumping.ticker-gradient strong{
    background:none!important;
    color:inherit!important;
    animation:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
}
.ticker-letter-sine.ticker-gradient span{
    background-image:linear-gradient(90deg,var(--scroll-grad-1,#ffffff),var(--scroll-grad-2,#7dd3fc),var(--scroll-grad-3,#f0abfc),var(--scroll-grad-1,#ffffff))!important;
    background-size:300% 100%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    animation:
        letterSineWave calc(1.1s + (var(--sine-frequency,4) * .08s)) ease-in-out infinite,
        scrollGradient 7s linear infinite!important;
    animation-delay:
        calc(var(--i) * -75ms),
        0s!important;
}
.ticker-jumping.ticker-gradient span{
    background-image:linear-gradient(90deg,var(--scroll-grad-1,#ffffff),var(--scroll-grad-2,#7dd3fc),var(--scroll-grad-3,#f0abfc),var(--scroll-grad-1,#ffffff))!important;
    background-size:300% 100%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    animation:
        letterJump calc(.62s + ((100 - var(--jump-irregularity,55)) * .006s)) cubic-bezier(.25,.8,.25,1) infinite,
        scrollGradient 7s linear infinite!important;
    animation-delay:
        calc((var(--i) * -91ms) + (var(--r) * -5ms)),
        0s!important;
}
.ticker-letter-sine:not(.ticker-gradient) span{
    color:inherit!important;
}
.ticker-jumping:not(.ticker-gradient) span{
    color:inherit!important;
}
/* Der horizontale Lauf bleibt auf dem inneren Container und darf nicht von Farbscroll überschrieben werden. */
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-duration,12s) linear infinite!important;
}
.ticker-letter-sine>div{
    animation:letterSineScroll var(--letter-duration,18s) linear infinite!important;
}


/* v0.4.50 Fix: animierter Farbverlauf läuft über die gesamte Buchstabenzeile */
.ticker-letter-sine.ticker-gradient strong,
.ticker-jumping.ticker-gradient strong{
    background-image:linear-gradient(90deg,var(--scroll-grad-1,#ffffff),var(--scroll-grad-2,#7dd3fc),var(--scroll-grad-3,#f0abfc),var(--scroll-grad-1,#ffffff))!important;
    background-size:300% 100%!important;
    background-position:0% 50%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    animation:scrollGradient 7s linear infinite!important;
}
.ticker-letter-sine.ticker-gradient-reverse strong,
.ticker-jumping.ticker-gradient-reverse strong{
    animation-direction:reverse!important;
}
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:transparent!important;
}
/* Buchstabenbewegung bleibt auf den einzelnen Buchstaben */
.ticker-letter-sine.ticker-gradient span{
    animation:letterSineWave calc(1.1s + (var(--sine-frequency,4) * .08s)) ease-in-out infinite!important;
    animation-delay:calc(var(--i) * -75ms)!important;
}
.ticker-jumping.ticker-gradient span{
    animation:letterJump calc(.62s + ((100 - var(--jump-irregularity,55)) * .006s)) cubic-bezier(.25,.8,.25,1) infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms))!important;
}


/* v0.4.51 Fix: Jumping Letters nicht milchig + Geschwindigkeit wirkt sichtbar */
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-scroll-duration,12s) linear infinite!important;
    will-change:transform!important;
}
.ticker-jumping strong{
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:inherit!important;
    animation:none!important;
    opacity:1!important;
    filter:none!important;
}
.ticker-jumping span{
    opacity:1!important;
    filter:none!important;
    text-shadow:
        0 0 10px currentColor,
        0 2px 8px rgba(0,0,0,.28)!important;
}
/* Farbverlauf bei Jumping Letters: klare animierte Farben statt background-clip */
.ticker-jumping.ticker-gradient strong{
    background:none!important;
    color:inherit!important;
    animation:none!important;
}
.ticker-jumping.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:var(--scroll-grad-1,#ffffff)!important;
    animation:
        letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite,
        jumpingColorFlow 5.2s linear infinite!important;
    animation-delay:
        calc((var(--i) * -91ms) + (var(--r) * -5ms)),
        calc(var(--i) * -120ms)!important;
}
.ticker-jumping:not(.ticker-gradient) span{
    color:inherit!important;
    animation:letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms))!important;
}
@keyframes jumpingColorFlow{
    0%{color:var(--scroll-grad-1,#ffffff)}
    33%{color:var(--scroll-grad-2,#7dd3fc)}
    66%{color:var(--scroll-grad-3,#f0abfc)}
    100%{color:var(--scroll-grad-1,#ffffff)}
}


/* v0.4.52 Final-Fix: klare Buchstaben + animierte Farbwelle + Scrollspeed-Regler */
.ticker-letter-sine>div{
    animation:letterSineScroll var(--letter-duration,18s) linear infinite!important;
    will-change:transform!important;
}
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-scroll-duration,12s) linear infinite!important;
    will-change:transform!important;
}

/* Kein background-clip mehr bei Buchstaben-Scrollern, dadurch nicht milchig */
.ticker-letter-sine strong,
.ticker-jumping strong{
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:inherit!important;
    animation:none!important;
    opacity:1!important;
    filter:none!important;
}
.ticker-letter-sine span,
.ticker-jumping span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    opacity:1!important;
    filter:none!important;
    color:inherit!important;
}

/* Sinus: Bewegung und optionaler Farblauf getrennt */
.ticker-letter-sine span{
    animation:letterSineWave var(--sine-wave-duration,1.1s) ease-in-out infinite!important;
    animation-delay:calc(var(--i) * -75ms)!important;
}
.ticker-letter-sine.ticker-gradient span{
    color:var(--scroll-grad-1,#ffffff)!important;
    animation:
        letterSineWave var(--sine-wave-duration,1.1s) ease-in-out infinite,
        letterColorFlow 4.8s linear infinite!important;
    animation-delay:
        calc(var(--i) * -75ms),
        calc(var(--i) * -115ms)!important;
}

/* Jumping: Bewegung und optionaler Farblauf getrennt */
.ticker-jumping span{
    animation:letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms))!important;
}
.ticker-jumping.ticker-gradient span{
    color:var(--scroll-grad-1,#ffffff)!important;
    animation:
        letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite,
        letterColorFlow 4.8s linear infinite!important;
    animation-delay:
        calc((var(--i) * -91ms) + (var(--r) * -5ms)),
        calc(var(--i) * -115ms)!important;
}

/* Richtung umkehren */
.ticker-letter-sine.ticker-gradient-reverse span,
.ticker-jumping.ticker-gradient-reverse span{
    animation-direction:normal, reverse!important;
}

@keyframes letterColorFlow{
    0%{color:var(--scroll-grad-1,#ffffff)}
    33%{color:var(--scroll-grad-2,#7dd3fc)}
    66%{color:var(--scroll-grad-3,#f0abfc)}
    100%{color:var(--scroll-grad-1,#ffffff)}
}


/* v0.4.53 Fix: Farbscroller-Farbe darf wieder animieren */
/* Wichtig: keine color:...!important bei den farbanimierten Buchstaben, sonst blockiert CSS die Keyframes. */
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:
        0 0 10px currentColor,
        0 2px 8px rgba(0,0,0,.28)!important;
}

/* Sinus: klare Buchstaben + echte Farbanimation */
.ticker-letter-sine.ticker-gradient span{
    color:var(--scroll-grad-1,#ffffff);
    animation-name:letterSineWave, letterColorFlowV453!important;
    animation-duration:var(--sine-wave-duration,1.1s), 4.8s!important;
    animation-timing-function:ease-in-out, linear!important;
    animation-iteration-count:infinite, infinite!important;
    animation-delay:calc(var(--i) * -75ms), calc(var(--i) * -135ms)!important;
}

/* Jumping: klare Buchstaben + echte Farbanimation */
.ticker-jumping.ticker-gradient span{
    color:var(--scroll-grad-1,#ffffff);
    animation-name:letterJump, letterColorFlowV453!important;
    animation-duration:var(--letter-jump-duration,.7s), 4.8s!important;
    animation-timing-function:cubic-bezier(.25,.8,.25,1), linear!important;
    animation-iteration-count:infinite, infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms)), calc(var(--i) * -135ms)!important;
}

/* Umkehrung betrifft nur die Farbanimation, nicht die Bewegung */
.ticker-letter-sine.ticker-gradient-reverse span{
    animation-direction:normal, reverse!important;
}
.ticker-jumping.ticker-gradient-reverse span{
    animation-direction:normal, reverse!important;
}

@keyframes letterColorFlowV453{
    0%{color:var(--scroll-grad-1,#ffffff)}
    25%{color:var(--scroll-grad-2,#7dd3fc)}
    50%{color:var(--scroll-grad-3,#f0abfc)}
    75%{color:var(--scroll-grad-2,#7dd3fc)}
    100%{color:var(--scroll-grad-1,#ffffff)}
}


/* v0.4.54 Schärfere Farbscroller-Darstellung */
/* Keine Glow-/Blur-/Textshadow-Effekte mehr auf Jumping/Sinus-Buchstaben. */
.ticker-letter-sine span,
.ticker-jumping span,
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span{
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
    text-rendering:geometricPrecision!important;
}

/* Buchstaben bleiben echte klare Textzeichen; Farbe wird direkt animiert. */
.ticker-letter-sine.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:var(--scroll-grad-1,#ffffff);
    animation-name:letterSineWave, letterColorFlowSharpV454!important;
    animation-duration:var(--sine-wave-duration,1.1s), 5.6s!important;
    animation-timing-function:ease-in-out, linear!important;
    animation-iteration-count:infinite, infinite!important;
    animation-delay:calc(var(--i) * -75ms), calc(var(--i) * -95ms)!important;
}

.ticker-jumping.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:var(--scroll-grad-1,#ffffff);
    animation-name:letterJump, letterColorFlowSharpV454!important;
    animation-duration:var(--letter-jump-duration,.7s), 5.6s!important;
    animation-timing-function:cubic-bezier(.25,.8,.25,1), linear!important;
    animation-iteration-count:infinite, infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms)), calc(var(--i) * -95ms)!important;
}

.ticker-letter-sine.ticker-gradient-reverse span,
.ticker-jumping.ticker-gradient-reverse span{
    animation-direction:normal, reverse!important;
}

/* Farbcharakter wieder näher an der früheren klareren Darstellung, aber ohne background-clip-Milchigkeit. */
@keyframes letterColorFlowSharpV454{
    0%{color:var(--scroll-grad-1,#ffffff)}
    20%{color:var(--scroll-grad-2,#7dd3fc)}
    40%{color:var(--scroll-grad-3,#f0abfc)}
    60%{color:var(--scroll-grad-2,#7dd3fc)}
    80%{color:var(--scroll-grad-1,#ffffff)}
    100%{color:var(--scroll-grad-1,#ffffff)}
}

/* Normale, nicht-gradient Buchstaben explizit scharf und ohne Schatten. */
.ticker-letter-sine:not(.ticker-gradient) span,
.ticker-jumping:not(.ticker-gradient) span{
    color:inherit!important;
    text-shadow:none!important;
    filter:none!important;
}


/* v0.4.55 echter Farbverlauf über den gesamten Buchstaben-Scroller */
/*
   Ziel:
   - Verlauf liegt wieder auf der ganzen Textgruppe.
   - Buchstabenbewegung bleibt auf den einzelnen spans.
   - keine Glow-/Blur-/Textshadow-Effekte.
*/
.ticker-letter-sine.ticker-gradient strong,
.ticker-jumping.ticker-gradient strong{
    background-image:linear-gradient(
        90deg,
        var(--scroll-grad-1,#ffffff) 0%,
        var(--scroll-grad-2,#7dd3fc) 34%,
        var(--scroll-grad-3,#f0abfc) 66%,
        var(--scroll-grad-1,#ffffff) 100%
    )!important;
    background-size:300% 100%!important;
    background-position:0% 50%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    animation:scrollGradientSharpV455 6.5s linear infinite!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    paint-order:normal!important;
}
.ticker-letter-sine.ticker-gradient-reverse strong,
.ticker-jumping.ticker-gradient-reverse strong{
    animation-direction:reverse!important;
}

/* Einzelne Buchstaben bekommen keine eigene Farbe und keinen eigenen Verlauf.
   Sie bleiben nur Bewegungs-Träger, damit der Verlauf über die Gesamtzeile läuft. */
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
}

/* Bewegungen explizit wiederherstellen */
.ticker-letter-sine.ticker-gradient span{
    animation:letterSineWave var(--sine-wave-duration,1.1s) ease-in-out infinite!important;
    animation-delay:calc(var(--i) * -75ms)!important;
}
.ticker-jumping.ticker-gradient span{
    animation:letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms))!important;
}

/* Horizontale Scrollbewegung bleibt am Container */
.ticker-letter-sine>div{
    animation:letterSineScroll var(--letter-duration,18s) linear infinite!important;
}
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-scroll-duration,12s) linear infinite!important;
}

@keyframes scrollGradientSharpV455{
    0%{background-position:0% 50%}
    100%{background-position:300% 50%}
}


/* v0.4.56 Notfall-Fix: Sinuswelle & Jumping wieder sichtbar */
/*
   Hintergrund:
   Der echte background-clip-Verlauf kann bei bewegten Einzelbuchstaben browserabhängig komplett transparent werden.
   Deshalb: klare Textzeichen, kein background-clip, sichtbare Farbwelle per color-Keyframes.
*/
.ticker-letter-sine strong,
.ticker-jumping strong{
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:inherit!important;
    -webkit-text-fill-color:currentColor!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}
.ticker-letter-sine span,
.ticker-jumping span{
    display:inline-block!important;
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    -webkit-text-fill-color:currentColor!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}
.ticker-letter-sine.ticker-gradient span{
    color:var(--scroll-grad-1,#ffffff)!important;
    animation:
        letterSineWave var(--sine-wave-duration,1.1s) ease-in-out infinite,
        blockColorWaveV456 4.6s linear infinite!important;
    animation-delay:
        calc(var(--i) * -75ms),
        calc(var(--i) * -105ms)!important;
}
.ticker-jumping.ticker-gradient span{
    color:var(--scroll-grad-1,#ffffff)!important;
    animation:
        letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite,
        blockColorWaveV456 4.6s linear infinite!important;
    animation-delay:
        calc((var(--i) * -91ms) + (var(--r) * -5ms)),
        calc(var(--i) * -105ms)!important;
}
.ticker-letter-sine:not(.ticker-gradient) span{
    color:inherit!important;
    animation:letterSineWave var(--sine-wave-duration,1.1s) ease-in-out infinite!important;
    animation-delay:calc(var(--i) * -75ms)!important;
}
.ticker-jumping:not(.ticker-gradient) span{
    color:inherit!important;
    animation:letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms))!important;
}
.ticker-letter-sine>div{
    animation:letterSineScroll var(--letter-duration,18s) linear infinite!important;
}
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-scroll-duration,12s) linear infinite!important;
}
.ticker-letter-sine.ticker-gradient-reverse span,
.ticker-jumping.ticker-gradient-reverse span{
    animation-direction:normal, reverse!important;
}
@keyframes blockColorWaveV456{
    0%{color:var(--scroll-grad-1,#ffffff)}
    30%{color:var(--scroll-grad-2,#7dd3fc)}
    60%{color:var(--scroll-grad-3,#f0abfc)}
    100%{color:var(--scroll-grad-1,#ffffff)}
}


/* v0.4.57 Fix: Sinuswellen-Scroller bleibt bei Farbverlauf sichtbar */
/*
   Normale Sinuswelle nutzt einfache span-Elemente, keine Einzelbuchstaben.
   Alte Gradient-Regeln mit background-clip:text können dort transparent werden.
   Daher: direkte color-Keyframes statt Textmasken.
*/
.ticker-sine.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:var(--scroll-grad-1,#ffffff)!important;
    -webkit-text-fill-color:currentColor!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    animation:
        sineWave 2.2s ease-in-out infinite,
        sineColorFlowV457 4.8s linear infinite!important;
    animation-delay:
        calc(var(--i) * -90ms),
        calc(var(--i) * -120ms)!important;
}
.ticker-sine.ticker-gradient-reverse span{
    animation-direction:normal, reverse!important;
}
@keyframes sineColorFlowV457{
    0%{color:var(--scroll-grad-1,#ffffff)}
    30%{color:var(--scroll-grad-2,#7dd3fc)}
    60%{color:var(--scroll-grad-3,#f0abfc)}
    100%{color:var(--scroll-grad-1,#ffffff)}
}


/* v0.4.58 FINAL: Buchstaben-Sinuswelle und Jumping Letters wie stabile v0.4.40-Logik, isoliert */
/* Alle späteren color/background-clip-Konflikte werden hier gezielt neutralisiert. */

.ticker-letter-sine,
.ticker-jumping{
    overflow:hidden!important;
    padding:54px 0!important;
}
.ticker-letter-sine>div,
.ticker-jumping>div{
    display:inline-flex!important;
    gap:52px!important;
    white-space:nowrap!important;
    will-change:transform!important;
}
.ticker-letter-sine>div{
    animation:letterSineScroll var(--letter-duration,18s) linear infinite!important;
}
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-scroll-duration,var(--jump-duration,12s)) linear infinite!important;
}
.ticker-letter-sine strong,
.ticker-jumping strong{
    display:inline-flex!important;
    gap:.02em!important;
    align-items:center!important;
    font-size:clamp(34px,7vw,88px)!important;
    font-weight:950!important;
    letter-spacing:-.06em!important;
    line-height:1.1!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
}

/* Ohne Farbverlauf: normale klare Textfarbe */
.ticker-letter-sine:not(.ticker-gradient) strong,
.ticker-jumping:not(.ticker-gradient) strong{
    background:none!important;
    color:inherit!important;
    -webkit-text-fill-color:currentColor!important;
}
.ticker-letter-sine:not(.ticker-gradient) span,
.ticker-jumping:not(.ticker-gradient) span{
    background:none!important;
    color:inherit!important;
    -webkit-text-fill-color:currentColor!important;
}

/* Mit Farbverlauf: Verlauf auf der ganzen Textgruppe wie früher, Buchstaben selbst transparent erben lassen */
.ticker-letter-sine.ticker-gradient strong,
.ticker-jumping.ticker-gradient strong{
    background:linear-gradient(
        90deg,
        var(--scroll-grad-1,#ffffff),
        var(--scroll-grad-2,#7dd3fc),
        var(--scroll-grad-3,#f0abfc),
        var(--scroll-grad-1,#ffffff)
    )!important;
    background-size:300% 100%!important;
    background-position:0% 50%!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    animation:scrollGradientV458 7s linear infinite!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}
.ticker-letter-sine.ticker-gradient-reverse strong,
.ticker-jumping.ticker-gradient-reverse strong{
    animation-direction:reverse!important;
}

/* Die Buchstaben dürfen KEINE eigene Farbe/Clip-Regel haben, sonst verschwindet der Gruppenverlauf. */
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span{
    background:transparent!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}

/* Einzelbewegungen */
.ticker-letter-sine span{
    display:inline-block!important;
    animation:letterSineWave var(--sine-wave-duration,calc(1.1s + (var(--sine-frequency,4) * .08s))) ease-in-out infinite!important;
    animation-delay:calc(var(--i) * -75ms)!important;
}
.ticker-jumping span{
    display:inline-block!important;
    animation:letterJump var(--letter-jump-duration,calc(.62s + ((100 - var(--jump-irregularity,55)) * .006s))) cubic-bezier(.25,.8,.25,1) infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms))!important;
}

@keyframes scrollGradientV458{
    from{background-position:0% 50%}
    to{background-position:300% 50%}
}


/* v0.4.59 Scroller-Sichtbarkeits-Fix: keine transparenten Masken bei Farbverlauf */
.ticker-sine.ticker-gradient span,
.ticker-letter-sine.ticker-gradient strong,
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient strong,
.ticker-jumping.ticker-gradient span{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:var(--scroll-grad-1,#ffffff)!important;
    -webkit-text-fill-color:var(--scroll-grad-1,#ffffff)!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    visibility:visible!important;
}

/* Bewegungen explizit erhalten */
.ticker-sine.ticker-gradient span{
    animation:sineWave 2.2s ease-in-out infinite!important;
    animation-delay:calc(var(--i) * -90ms)!important;
}
.ticker-letter-sine.ticker-gradient span{
    animation:letterSineWave var(--sine-wave-duration,1.1s) ease-in-out infinite!important;
    animation-delay:calc(var(--i) * -75ms)!important;
}
.ticker-jumping.ticker-gradient span{
    animation:letterJump var(--letter-jump-duration,.7s) cubic-bezier(.25,.8,.25,1) infinite!important;
    animation-delay:calc((var(--i) * -91ms) + (var(--r) * -5ms))!important;
}
.ticker-sine>div{
    animation:tickerSineMove var(--scroll-duration,20s) linear infinite!important;
}
.ticker-letter-sine>div{
    animation:letterSineScroll var(--letter-duration,18s) linear infinite!important;
}
.ticker-jumping>div{
    animation:jumpingScroll var(--jump-scroll-duration,var(--jump-duration,12s)) linear infinite!important;
}


/* v0.4.60 C64/Amiga-Farbband: sichtbarer Text ohne Masken */
.ticker-sine.ticker-gradient span,
.ticker-letter-sine.ticker-gradient span,
.ticker-jumping.ticker-gradient span,
.ticker-letter-sine.ticker-gradient strong,
.ticker-jumping.ticker-gradient strong{
    background:none!important;
    background-image:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:var(--scroll-grad-1,#ffffff)!important;
    -webkit-text-fill-color:var(--scroll-grad-1,#ffffff)!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    visibility:visible!important;
}


/* v0.4.69 Textausrichtung je Block */
.text-align-left .copy,
.text-align-left .narrow,
.text-align-left .pattern-content,
.text-align-left .vector-content,
.text-align-left .wire-content,
.text-align-left .bgz-content,
.text-align-left .running-sprite-wrap,
.text-align-left .download-card,
.text-align-left .map-copy,
.text-align-left .video-copy{
    text-align:left;
}
.text-align-center .copy,
.text-align-center .narrow,
.text-align-center .pattern-content,
.text-align-center .vector-content,
.text-align-center .wire-content,
.text-align-center .bgz-content,
.text-align-center .running-sprite-wrap,
.text-align-center .download-card,
.text-align-center .map-copy,
.text-align-center .video-copy,
.text-align-center .hero-inner > div{
    text-align:center;
}
.text-align-right .copy,
.text-align-right .narrow,
.text-align-right .pattern-content,
.text-align-right .vector-content,
.text-align-right .wire-content,
.text-align-right .bgz-content,
.text-align-right .running-sprite-wrap,
.text-align-right .download-card,
.text-align-right .map-copy,
.text-align-right .video-copy,
.text-align-right .hero-inner > div{
    text-align:right;
}
.text-align-justify .copy,
.text-align-justify .narrow,
.text-align-justify .pattern-content,
.text-align-justify .vector-content,
.text-align-justify .wire-content,
.text-align-justify .bgz-content,
.text-align-justify .running-sprite-wrap,
.text-align-justify .download-card,
.text-align-justify .map-copy,
.text-align-justify .video-copy,
.text-align-justify .hero-inner > div{
    text-align:justify;
}
.text-align-center .cta,
.text-align-right .cta{
    margin-left:auto;
    margin-right:auto;
}
.text-align-right .cta{
    margin-left:auto;
    margin-right:0;
}


/* v0.4.71 Header fixierbar oder normal mitscrollend */
.site-header.is-fixed{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
}
.site-header.is-normal{
    position:relative!important;
    top:auto!important;
    z-index:50!important;
}


/* v0.4.72 Header-Fixierung wirklich fixiert */
body.has-fixed-header .site-header.is-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    box-sizing:border-box!important;
}
body.has-normal-header .site-header.is-normal{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
}
body.has-fixed-header main{
    position:relative;
    z-index:1;
}
body.has-fixed-header .site-header.is-fixed + main{
    padding-top:var(--header-height,68px);
}
@media(max-width:1024px){
    body.has-fixed-header .site-header.is-fixed{
        position:fixed!important;
    }
}
@media(max-width:680px){
    body.has-fixed-header .site-header.is-fixed{
        position:fixed!important;
    }
}


/* v0.4.73 Header-Fix final robust */
body.has-fixed-header .site-header.is-fixed,
.site-header.is-fixed[data-fixed="1"]{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:99999!important;
    box-sizing:border-box!important;
}
.header-fixed-spacer{
    display:block!important;
    width:100%!important;
    height:var(--fixed-header-real-height,var(--header-height,68px))!important;
    flex:0 0 auto!important;
}
body.has-normal-header .header-fixed-spacer{
    display:none!important;
}
body.has-fixed-header main{
    padding-top:0!important;
}


/* v0.4.78 SEO/GEO/Responsiveness refinement */
.skip-link{
    position:absolute;
    left:-999px;
    top:12px;
    z-index:100000;
    background:#fff;
    color:#111827;
    padding:10px 14px;
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.skip-link:focus{
    left:12px;
}
img{
    max-width:100%;
    height:auto;
}
.block{
    scroll-margin-top:calc(var(--header-height,68px) + 16px);
}
.inner{
    width:min(1180px, calc(100% - 32px));
}
.split,
.hero-inner,
.map-layout,
.video-layout{
    gap:clamp(18px,3vw,46px);
}
@media(max-width:920px){
    .split,
    .hero-inner,
    .map-layout,
    .video-layout{
        grid-template-columns:1fr!important;
    }
    .media.parallax{
        order:-1;
    }
}
@media(max-width:680px){
    .inner{
        width:min(100% - 22px,1180px);
    }
    .block{
        padding-left:0;
        padding-right:0;
    }
    .site-header{
        gap:10px;
    }
    .brand span{
        font-size:15px;
    }
}


/* v0.4.87 FAQ / GEO FAQ Block */
.block-faq{
    background:#f8fafc;
}
.faq-block-content{
    display:grid;
    gap:18px;
}
.faq-kicker{
    display:inline-flex;
    width:fit-content;
    padding:7px 11px;
    border-radius:999px;
    background:#eef4ff;
    color:#155eef;
    font-weight:900;
    font-size:13px;
}
.faq-context{
    padding:12px 14px;
    border-left:4px solid #155eef;
    background:#fff;
    border-radius:12px;
}
.faq-intro{
    font-size:1.03rem;
}
.faq-list{
    display:grid;
    gap:12px;
}
.faq-item{
    background:#fff;
    border:1px solid rgba(16,24,40,.12);
    border-radius:18px;
    padding:0;
    overflow:hidden;
    box-shadow:0 10px 26px rgba(16,24,40,.06);
}
.faq-item summary{
    cursor:pointer;
    padding:18px 20px;
    font-weight:900;
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:16px;
}
.faq-item summary::-webkit-details-marker{
    display:none;
}
.faq-item summary::after{
    content:"+";
    font-size:22px;
    line-height:1;
    color:#155eef;
}
.faq-item[open] summary::after{
    content:"–";
}
.faq-answer{
    padding:0 20px 18px;
    color:#344054;
}
.faq-link{
    display:inline-flex;
    margin-top:8px;
    font-weight:900;
}
.faq-tags{
    margin-top:10px;
    font-size:12px;
    color:#667085;
}
@media(max-width:680px){
    .faq-item summary{
        padding:15px 16px;
    }
    .faq-answer{
        padding:0 16px 16px;
    }
}


/* v0.4.90 Bildergalerie */
.gallery-block-content{
    display:grid;
    gap:18px;
}
.gallery-intro{
    max-width:900px;
}
.image-gallery{
    display:grid;
    gap:var(--gallery-gap,14px);
}
.gallery-item{
    margin:0;
    position:relative;
    overflow:hidden;
    border-radius:18px;
    background:rgba(255,255,255,.74);
    box-shadow:0 12px 28px rgba(16,24,40,.10);
}
.gallery-item img{
    width:100%;
    height:var(--gallery-height,260px);
    object-fit:cover;
    display:block;
    transition:transform .45s ease, opacity .45s ease, filter .45s ease;
}
.gallery-item figcaption{
    padding:10px 12px;
    font-size:.94rem;
    color:#344054;
    background:rgba(255,255,255,.92);
}
.image-gallery.caption-overlay .gallery-item figcaption{
    position:absolute;
    left:10px;
    right:10px;
    bottom:10px;
    border-radius:12px;
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(8px);
}
.gallery-layout-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.gallery-layout-row{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.gallery-layout-line{
    grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
}
.gallery-layout-line .gallery-item img{
    height:min(var(--gallery-height,180px),180px);
}
.gallery-layout-masonry{
    columns:3 240px;
    display:block;
}
.gallery-layout-masonry .gallery-item{
    break-inside:avoid;
    margin:0 0 var(--gallery-gap,14px);
}
.gallery-layout-masonry .gallery-item:nth-child(3n+1) img{height:calc(var(--gallery-height,260px) * .82);}
.gallery-layout-masonry .gallery-item:nth-child(3n+2) img{height:calc(var(--gallery-height,260px) * 1.18);}
.gallery-layout-scroller,
.gallery-layout-slider{
    display:flex;
    gap:var(--gallery-gap,14px);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:10px;
}
.gallery-layout-scroller .gallery-item,
.gallery-layout-slider .gallery-item{
    flex:0 0 min(78vw,420px);
    scroll-snap-align:center;
}
.gallery-layout-slider .gallery-item{
    flex-basis:min(88vw,680px);
}
.gallery-layout-fade{
    position:relative;
    min-height:calc(var(--gallery-height,260px) + 60px);
}
.gallery-layout-fade .gallery-item{
    position:absolute;
    inset:0;
    opacity:0;
    animation:galleryFade 24s infinite;
}
.gallery-layout-fade .gallery-item:nth-child(1){animation-delay:0s}
.gallery-layout-fade .gallery-item:nth-child(2){animation-delay:4s}
.gallery-layout-fade .gallery-item:nth-child(3){animation-delay:8s}
.gallery-layout-fade .gallery-item:nth-child(4){animation-delay:12s}
.gallery-layout-fade .gallery-item:nth-child(5){animation-delay:16s}
.gallery-layout-fade .gallery-item:nth-child(6){animation-delay:20s}
@keyframes galleryFade{
    0%,12%{opacity:0}
    16%,30%{opacity:1}
    34%,100%{opacity:0}
}
.gallery-effect-fadein .gallery-item{
    animation:fadeUp .8s ease both;
}
.gallery-effect-zoom .gallery-item:hover img{
    transform:scale(1.055);
}
.gallery-effect-lift .gallery-item{
    transition:transform .35s ease, box-shadow .35s ease;
}
.gallery-effect-lift .gallery-item:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(16,24,40,.18);
}
.gallery-effect-softfade .gallery-item:hover img{
    opacity:.78;
}
@media(max-width:760px){
    .gallery-layout-masonry{
        columns:2 180px;
    }
    .gallery-layout-grid,
    .gallery-layout-row,
    .gallery-layout-line{
        grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    }
}
@media(max-width:520px){
    .gallery-layout-masonry{
        columns:1;
    }
    .gallery-item img{
        height:min(var(--gallery-height,240px),320px);
    }
}

/* v0.4.90 Long Text */
.long-text-block-content{
    display:grid;
    gap:18px;
}
.long-text-frame{
    height:var(--long-text-height,420px);
    overflow:hidden;
    border-radius:22px;
    border:1px solid rgba(16,24,40,.14);
    background:var(--long-text-bg,#fff);
    color:var(--long-text-fg,#101828);
    box-shadow:0 16px 40px rgba(16,24,40,.12);
}
.long-text-scroll{
    height:100%;
    overflow:auto;
    padding:clamp(18px,3vw,34px);
    overscroll-behavior:contain;
    scrollbar-width:thin;
}
.long-text-scroll > *:first-child{
    margin-top:0;
}
.long-text-scroll > *:last-child{
    margin-bottom:0;
}


/* v0.4.92 Galerie-Zusatzeffekte */
.gallery-effect-maxzoom .gallery-item:hover img{
    transform:scale(1.22);
}
.gallery-effect-spinout .gallery-item:hover img{
    transform:scale(1.08) rotate(8deg);
    filter:saturate(1.18) contrast(1.05);
}
.gallery-effect-wobbleout .gallery-item:hover img{
    animation:galleryWobbleOut .7s ease both;
}
.gallery-effect-jumpout .gallery-item:hover{
    animation:galleryJumpOut .55s ease both;
}
@keyframes galleryWobbleOut{
    0%{transform:scale(1) rotate(0)}
    20%{transform:scale(1.04) rotate(-3deg)}
    40%{transform:scale(1.09) rotate(3deg)}
    60%{transform:scale(1.07) rotate(-2deg)}
    80%{transform:scale(1.11) rotate(1deg)}
    100%{transform:scale(1.08) rotate(0)}
}
@keyframes galleryJumpOut{
    0%{transform:translateY(0) scale(1)}
    35%{transform:translateY(-16px) scale(1.045)}
    70%{transform:translateY(3px) scale(1.015)}
    100%{transform:translateY(-8px) scale(1.035)}
}


/* v0.4.93 Galerie Klick-Zoom / Lightbox */
.gallery-item[data-gallery-zoom="1"]{
    cursor:zoom-in;
}
.gallery-lightbox{
    position:fixed;
    inset:0;
    z-index:100000;
    display:none;
    place-items:center;
    padding:clamp(14px,4vw,44px);
    background:rgba(2,6,23,.82);
    backdrop-filter:blur(8px);
}
.gallery-lightbox.is-open{
    display:grid;
}
.gallery-lightbox-inner{
    position:relative;
    max-width:96vw;
    max-height:92vh;
    display:grid;
    gap:10px;
    justify-items:center;
}
.gallery-lightbox img{
    max-width:calc(92vw * var(--lightbox-scale,1));
    max-height:82vh;
    object-fit:contain;
    border-radius:18px;
    box-shadow:0 28px 80px rgba(0,0,0,.42);
    background:#111827;
}
.gallery-lightbox-caption{
    color:#fff;
    text-align:center;
    max-width:900px;
    font-weight:700;
}
.gallery-lightbox-close{
    position:absolute;
    top:-14px;
    right:-14px;
    border:0;
    border-radius:999px;
    width:42px;
    height:42px;
    background:#fff;
    color:#101828;
    font-size:26px;
    line-height:1;
    cursor:pointer;
}
.gallery-lightbox.effect-maxzoom img{animation:lbMaxZoom .35s ease both}
.gallery-lightbox.effect-spinout img{animation:lbSpinOut .48s ease both}
.gallery-lightbox.effect-wobbleout img{animation:lbWobbleOut .65s ease both}
.gallery-lightbox.effect-jumpout img{animation:lbJumpOut .52s ease both}
.gallery-lightbox.effect-zoom img{animation:lbMaxZoom .35s ease both}
.gallery-lightbox.effect-fadein img,.gallery-lightbox.effect-softfade img{animation:lbFade .35s ease both}
@keyframes lbFade{from{opacity:0}to{opacity:1}}
@keyframes lbMaxZoom{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
@keyframes lbSpinOut{from{opacity:0;transform:scale(.55) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes lbWobbleOut{
    0%{opacity:0;transform:scale(.72) rotate(0)}
    25%{opacity:1;transform:scale(1.05) rotate(-4deg)}
    50%{transform:scale(.98) rotate(3deg)}
    75%{transform:scale(1.03) rotate(-2deg)}
    100%{transform:scale(1) rotate(0)}
}
@keyframes lbJumpOut{
    0%{opacity:0;transform:translateY(34px) scale(.78)}
    55%{opacity:1;transform:translateY(-10px) scale(1.04)}
    100%{transform:translateY(0) scale(1)}
}

/* v0.4.93 Visitor Counter */
.visitor-counter-block{
    display:grid;
    gap:16px;
    text-align:center;
}
.visitor-counter-value{
    display:inline-grid;
    justify-self:center;
    gap:6px;
    padding:22px 30px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 16px 42px rgba(16,24,40,.12);
}
.visitor-counter-value strong{
    font-size:clamp(34px,6vw,72px);
    line-height:1;
    color:#155eef;
}
.visitor-counter-value span{
    font-weight:900;
    color:#344054;
}
.visitor-counter-minimal .visitor-counter-value{
    box-shadow:none;
    background:transparent;
    padding:8px;
}
.visitor-counter-badge .visitor-counter-value{
    border-radius:999px;
    padding:14px 24px;
}
.visitor-counter-big .visitor-counter-value{
    padding:34px 44px;
}

/* v0.4.94 Galerie Titel-/Untertitel-Ausrichtung */
.gallery-heading-left{text-align:left}
.gallery-heading-center{text-align:center}
.gallery-heading-right{text-align:right}

/* v0.5.7 Globale Block-Rahmen */
.block-content-frame[data-frame="1"]{
    border:var(--frame-width,2px) solid var(--frame-color,#155eef);
    border-radius:var(--frame-radius,18px);
    padding:var(--frame-padding,24px);
    max-width:min(1180px, calc(100% - 24px));
    margin:0 auto;
    box-sizing:border-box;
}
.block-content-frame[data-frame="1"] > .inner{
    max-width:100%;
}
.block-content-frame[data-frame="1"] .inner{
    padding-left:0;
    padding-right:0;
}
@media(max-width:680px){
    .block-content-frame[data-frame="1"]{
        max-width:calc(100% - 12px);
        padding:min(var(--frame-padding,18px), 18px);
    }
}


/* v0.6.4 Logo PNG Transparenz */
.brand img{
    display:block;
    max-height:calc(var(--header-height, 68px) - 18px);
    width:auto;
    max-width:min(260px, 45vw);
    object-fit:contain;
}