html.ek-eff:not(.ek-bereit) .kopfbereich h1{opacity:0}
html.ek-eff .ek-w{display:inline-block;opacity:0;transform:translateY(.4em);filter:blur(7px); transition:opacity .75s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*65ms),transform .75s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*65ms),filter .75s ease calc(var(--i,0)*65ms)}
html.ek-eff h1.ek-an .ek-w{opacity:1;transform:none;filter:none}
html.ek-eff .ek-rv{opacity:0;transform:translateY(16px);filter:blur(5px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}
html.ek-eff .ek-rv.ek-an{opacity:1;transform:none;filter:none}
html.ek-eff .zahl strong{font-variant-numeric:tabular-nums}
ek-z{display:inline;font:inherit;color:inherit;margin:0;padding:0}
html.ek-eff .karte{position:relative;isolation:isolate;--ek-licht:rgba(79,156,249,.13)}
html.ek-eff .dunkel .karte,html.ek-eff[data-theme="dark"] .karte{--ek-licht:rgba(79,156,249,.2)}
html.ek-eff .karte::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease; background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),var(--ek-licht),transparent 70%)}
@media (hover:hover) and (pointer:fine){html.ek-eff .karte:hover::after{opacity:1}}
html.ek-eff .pill:not(.secondary){position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .2s,border-color .2s}
html.ek-eff .pill:not(.secondary)::after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateX(-130%); background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%);animation:ek-glanz 6s ease-in-out 2.4s infinite}
@keyframes ek-glanz{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
html.ek-notfall .ek-w,html.ek-notfall .ek-rv,html.ek-notfall .kopfbereich h1{opacity:1!important;transform:none!important;filter:none!important}
@media print{.ek-w,.ek-rv,.kopfbereich h1{opacity:1!important;transform:none!important;filter:none!important}}
html.ek-eff .kopfbereich>.wrap{position:relative;z-index:1}
.ek-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ek-aurora i{position:absolute;border-radius:50%;filter:blur(64px);opacity:.85;will-change:transform}
.ek-aurora i:nth-child(1){width:46vw;height:46vw;left:-10vw;top:-16vw;background:radial-gradient(circle,rgba(79,156,249,.34),transparent 66%);animation:ek-drift1 22s ease-in-out infinite alternate}
.ek-aurora i:nth-child(2){width:40vw;height:40vw;right:-8vw;top:6vw;background:radial-gradient(circle,rgba(111,179,255,.26),transparent 66%);animation:ek-drift2 27s ease-in-out infinite alternate}
.ek-aurora i:nth-child(3){width:34vw;height:34vw;left:34vw;bottom:-16vw;background:radial-gradient(circle,rgba(111,179,255,.2),transparent 66%);animation:ek-drift3 31s ease-in-out infinite alternate}
html[data-theme="dark"] .ek-aurora i{opacity:.9}
.ek-aurora.ek-pause i{animation-play-state:paused}
@keyframes ek-drift1{to{transform:translate(9vw,6vw) scale(1.18)}}
@keyframes ek-drift2{to{transform:translate(-8vw,5vw) scale(.88)}}
@keyframes ek-drift3{to{transform:translate(-6vw,-5vw) scale(1.25)}}
.ek-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:90;pointer-events:none;background:transparent}
.ek-progress i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#4f9cf9,#6fb3ff)}
html.ek-eff .raster>.karte{opacity:0;transform:translateY(24px);transition:opacity .7s ease calc(var(--s,0)*90ms),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--s,0)*90ms)}
html.ek-eff .raster>.karte.ek-an{opacity:1;transform:none}
html.ek-notfall .raster>.karte{opacity:1!important;transform:none!important}
.ek-schau{margin:34px 0 0;padding:clamp(18px,2.6vw,30px);border:1.5px solid var(--kante,#d8d2c4);border-radius:6px;background:var(--white,#fff)}
.ek-s-reihe{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);align-items:stretch;gap:0}
.ek-s-k{border:1px solid var(--line,#d8d2c4);border-radius:8px;padding:14px 14px 15px;background:var(--paper,#f7f5ef);text-align:left;min-height:118px;display:flex;flex-direction:column;gap:5px;position:relative;transition:border-color .4s,box-shadow .4s,transform .4s}
.ek-s-k small{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5f6670);font-weight:700}
.ek-s-k b{font-size:15.5px;line-height:1.2;color:var(--ink,#10151d)}
.ek-s-doc{margin-top:auto;font-size:13px;font-weight:700;padding:6px 8px;border-radius:5px;background:var(--white,#fff);border:1px dashed var(--line,#d8d2c4);color:var(--ink,#10151d);font-variant-ligatures:none}
.ek-s-w .ek-s-doc,.ek-s-c .ek-s-doc{background:#e3f6f4;border-color:#4f9cf9;color:#12243a}
html[data-theme="dark"] .ek-s-w .ek-s-doc,html[data-theme="dark"] .ek-s-c .ek-s-doc{background:#0f1419;color:#9ccaff}
.ek-s-pfeil{height:2px;align-self:center;background:var(--line,#d8d2c4);position:relative;margin:0 4px}
.ek-s-pfeil::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--line,#d8d2c4)}
.ek-s-pfeil i{position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--copper,#4f9cf9);opacity:0}
.ek-schau figcaption{margin-top:12px;font-size:13.5px;color:var(--muted,#5f6670)}
.ek-schau.ek-lauf .ek-s-k{animation:ek-s-licht 9s ease-in-out infinite}
.ek-schau.ek-lauf .ek-s-k:nth-of-type(1){animation-delay:0s}
.ek-schau.ek-lauf .ek-s-w{animation-delay:2.25s}
.ek-schau.ek-lauf .ek-s-c{animation-delay:4.5s}
.ek-schau.ek-lauf .ek-s-z{animation-delay:6.75s}
.ek-schau.ek-lauf .ek-s-pfeil i{animation:ek-s-lauf 9s ease-in-out infinite}
.ek-schau.ek-lauf .ek-s-pfeil:nth-of-type(1){--p:0}
.ek-schau.ek-lauf .ek-s-reihe>.ek-s-pfeil:nth-child(2) i{animation-delay:1.1s}
.ek-schau.ek-lauf .ek-s-reihe>.ek-s-pfeil:nth-child(4) i{animation-delay:3.35s}
.ek-schau.ek-lauf .ek-s-reihe>.ek-s-pfeil:nth-child(6) i{animation-delay:5.6s}
@keyframes ek-s-licht{0%,3%,28%,100%{border-color:var(--line,#d8d2c4);box-shadow:none;transform:none}8%,22%{border-color:#4f9cf9;box-shadow:0 10px 30px rgba(79,156,249,.24);transform:translateY(-3px)}}
@keyframes ek-s-lauf{0%{left:0;opacity:0}3%{opacity:1}14%{left:calc(100% - 10px);opacity:1}17%,100%{left:calc(100% - 10px);opacity:0}}
@media (max-width:900px){.ek-s-reihe{grid-template-columns:minmax(0,1fr);gap:0}.ek-s-pfeil{width:2px;height:34px;margin:4px auto}.ek-s-pfeil::after{right:-4px;top:auto;bottom:-2px;border:5px solid transparent;border-top:7px solid var(--line,#d8d2c4);border-left:5px solid transparent}.ek-s-pfeil i{left:-4px;top:0}@keyframes ek-s-lauf{0%{top:0;opacity:0}3%{opacity:1}14%{top:calc(100% - 10px);opacity:1}17%,100%{top:calc(100% - 10px);opacity:0}}}
.ek-neig{transform:perspective(1100px) translateY(var(--ty,0)) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .25s ease-out;will-change:transform}
.ek-held{position:absolute;inset:0;pointer-events:none;z-index:0;width:100%;height:100%}
html.ek-eff .raster>.karte.ek-an{transform:perspective(900px) rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg))}
html.ek-eff .raster>.karte.ek-an.ek-fertig{transition:transform .2s ease-out,opacity .3s}
html.ek-eff .karte{--ek-muster:radial-gradient(circle,rgba(79,156,249,.75) 1.2px,transparent 1.9px);--ek-mg:16px 16px}
html.ek-eff .seite[data-seite="schulki"] .karte,html.ek-eff .seite[data-seite="verwaltung"] .karte,html.ek-eff .seite[data-seite="hotel"] .karte{--ek-muster:linear-gradient(rgba(79,156,249,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(79,156,249,.4) 1px,transparent 1px);--ek-mg:18px 18px}
html.ek-eff .seite[data-seite="steuer"] .karte,html.ek-eff .seite[data-seite="recht"] .karte{--ek-muster:linear-gradient(rgba(79,156,249,.45) 1px,transparent 1px);--ek-mg:100% 22px}
html.ek-eff .seite[data-seite="aerzte"] .karte{--ek-muster:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M14 9v10M9 14h10' stroke='%23f97316' stroke-width='2' stroke-linecap='round' opacity='.8'/%3E%3C/svg%3E");--ek-mg:28px 28px}
html.ek-eff .seite[data-seite="handwerk"] .karte,html.ek-eff .seite[data-seite="industrie"] .karte{--ek-muster:linear-gradient(rgba(79,156,249,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(79,156,249,.55) 1px,transparent 1px),linear-gradient(rgba(79,156,249,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(79,156,249,.22) 1px,transparent 1px);--ek-mg:50px 50px,50px 50px,10px 10px,10px 10px}
html.ek-eff .seite[data-seite="maschinenlernsystem"] .karte,html.ek-eff .seite[data-seite="landwirtschaft"] .karte{--ek-muster:repeating-linear-gradient(135deg,rgba(79,156,249,.5) 0 1px,transparent 1px 9px);--ek-mg:auto}
html.ek-eff .karte::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease; background-image:var(--ek-muster);background-size:var(--ek-mg); -webkit-mask-image:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),#000 0,transparent 72%);mask-image:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),#000 0,transparent 72%)}
@media (hover:hover) and (pointer:fine){html.ek-eff .karte:hover::before{opacity:1}}
@media print{.ek-held{display:none!important}}
.ek-s-blatt{grid-area:1/1;pointer-events:none}
html.ek-eff .ek-ersetzt{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
.ek-schau-v,.ek-schau-g{margin-top:34px}
.ek-schau-v .ek-v-kopf{display:grid;grid-template-columns:minmax(0,.8fr) 44px minmax(0,1.1fr) 44px minmax(0,1.1fr);margin-bottom:12px}
.ek-schau-v .ek-v-kopf span{grid-column:auto;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted,#5f6670)}
.ek-schau-v .ek-v-kopf span:nth-child(1){grid-column:1}
.ek-schau-v .ek-v-kopf span:nth-child(2){grid-column:3}
.ek-schau-v .ek-v-kopf span:nth-child(3){grid-column:5;color:#2f6fb0}
.ek-v-zeile{display:grid;grid-template-columns:minmax(0,.8fr) 44px minmax(0,1.1fr) 44px minmax(0,1.1fr);align-items:stretch;margin-bottom:14px}
.ek-v-zeile:last-of-type{margin-bottom:0}
.ek-v-zeile .ek-s-k{min-height:78px}
.ek-v-zeile .ek-s-k small{display:none}
.ek-v-q b{font-size:16px}
.ek-v-t{font-size:14.5px;line-height:1.4;color:var(--ink,#10151d)}
.ek-v-c{background:var(--white,#fff)}
.ek-v-c .ek-v-t{color:var(--muted,#5f6670)}
.ek-v-l{background:#effaf9}
html[data-theme="dark"] .ek-v-l{background:#0f1419}
.ek-v-l .ek-v-t{font-weight:700}
.ek-g-reihe{grid-template-columns:repeat(var(--g,3),minmax(0,1fr) 54px);grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr)}
.ek-g-k{min-height:150px}
.ek-g-gr{position:absolute;right:12px;top:12px;display:flex;gap:3px;align-items:flex-end;font-style:normal}
.ek-g-gr i{width:6px;border-radius:2px;background:var(--line,#d8d2c4)}
.ek-g-gr i:nth-child(1){height:8px}
.ek-g-gr i:nth-child(2){height:13px}
.ek-g-gr i:nth-child(3){height:18px}
.ek-g-gr i.an{background:#4f9cf9}
.ek-g-k small{padding-right:34px}
@media (max-width:900px){.ek-schau-v .ek-v-kopf{display:none}.ek-v-zeile{grid-template-columns:minmax(0,1fr);margin-bottom:22px;padding:12px;border:1px solid var(--line,#d8d2c4);border-radius:10px}.ek-v-zeile .ek-s-k small{display:block}.ek-v-zeile .ek-s-pfeil{width:2px;height:26px;margin:4px auto}.ek-v-zeile .ek-s-pfeil::after{right:-4px;top:auto;bottom:-2px;border:5px solid transparent;border-top:7px solid var(--line,#d8d2c4);border-left:5px solid transparent}.ek-v-zeile .ek-s-pfeil i{left:-4px;top:0}.ek-g-reihe{grid-template-columns:minmax(0,1fr)}}
.ek-schau-f{margin-top:30px}
.ek-f-reihe{align-items:stretch}
.ek-f-k{min-height:0;gap:6px}
.ek-f-k b{font-size:16.5px}
.ek-f-k .ek-f-t{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted,#5f6670)}
.ek-viele .ek-f-k{padding:12px 12px 14px}
.ek-viele .ek-f-k b{font-size:15px}
.ek-viele .ek-f-k .ek-f-t{font-size:13px;line-height:1.45}
.ek-f-k small{color:#2f6fb0}
.ek-f-ende .ek-s-w{background:#effaf9}
html[data-theme="dark"] .ek-f-ende .ek-s-w{background:#0f1419}
.ek-reihum .gleichung span,.ek-reihum .zahl{border-radius:8px}
@media (max-width:900px){.ek-f-reihe{grid-template-columns:minmax(0,1fr)!important}.ek-g-reihe{grid-template-columns:minmax(0,1fr)!important}}
.ek-f-l{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.ek-f-l li{position:relative;padding-left:16px;font-size:14px;line-height:1.45;color:var(--ink,#10151d)}
.ek-f-l li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:#4f9cf9;transform:rotate(45deg)}
