/* IbetMax Corporate Design: Teal #12c5bc, Amber #c99240, Hover #e0ac58. */
.ib-motion-section {background:#000;padding:64px 0;border:0;}
.ib-motion-wrap {max-width:1120px;margin:0 auto;padding:0 24px;}
.ib-motion {--motion-teal:#12c5bc;--motion-gold:#c99240;position:relative;overflow:hidden;color:#f3efe7;border:1px solid rgba(201,146,64,.34);border-radius:24px;padding:32px;background:radial-gradient(ellipse at 15% 0,rgba(18,197,188,.09),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(201,146,64,.08),transparent 60%),#080c0c;box-shadow:inset 0 1px 0 rgba(255,231,188,.12),0 18px 60px #0008;}
.ib-motion-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;}
.ib-motion-kicker {display:block;margin-bottom:10px;color:#12c5bc;font:700 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;}
.ib-motion h2 {font:700 clamp(23px,2.6vw,32px)/1.22 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.01em;margin:0;max-width:780px;}
.ib-motion-count {flex-shrink:0;color:#e0ac58;font:500 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;}
.ib-motion-steps {list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.ib-motion-steps li {position:relative;min-width:0;}
.ib-motion-steps li:not(:last-child)::after {content:'';position:absolute;right:-14px;top:76px;width:14px;height:1px;background:#705128;}
.ib-motion-step {position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;min-height:178px;padding:17px 12px 20px;border:1px solid rgba(201,146,64,.24);border-radius:16px;background:linear-gradient(145deg,#19231f,#0a100f 60%,#161109);color:#c7ccc7;cursor:pointer;transition:border-color .45s,box-shadow .45s,background .45s;}
.ib-motion-index {position:absolute;top:10px;left:13px;font:600 10px/1.4 Inter,system-ui,sans-serif;color:#c99240;letter-spacing:.12em;}
.ib-motion-step img {display:block;width:72px;height:72px;margin:12px 0 0;flex-shrink:0;transition:transform .6s,filter .6s;}
.ib-motion-label {font:600 13px/1.45 Inter,system-ui,sans-serif;text-align:center;overflow-wrap:anywhere;}
.ib-motion-step.is-current {border-color:rgba(18,197,188,.8);color:#f6f2e9;background:linear-gradient(145deg,#173d35,#0c1916 60%,#1b160e);box-shadow:inset 0 1px 0 #b4fff32b,0 0 24px #12c5bc1c;}
.ib-motion-step.is-current img {filter:drop-shadow(0 3px 9px #12c5bc50);transform:translateY(-3px);}
.ib-motion-step.is-done {border-color:rgba(201,146,64,.55);color:#e5c89c;}
.ib-motion-step::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c99240,#12c5bc,#c99240);transform:scaleX(0);transform-origin:left;}
.ib-motion.is-playing .ib-motion-step.is-current::after {animation:ib-motion-track 5s linear both;}
.ib-motion.is-playing .ib-motion-step.is-current::before {content:'';position:absolute;z-index:2;left:0;bottom:-1px;width:5px;height:5px;border-radius:50%;background:#bafaf1;box-shadow:0 0 8px #12c5bc,0 0 18px #c9924077;animation:ib-motion-packet 5s linear both;}
@keyframes ib-motion-packet {from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}
.ib-motion[data-paused="true"] .ib-motion-step::before {animation-play-state:paused!important;}
.ib-motion[data-paused="true"] .ib-motion-step::after {animation-play-state:paused!important;}
.ib-motion-step.is-done::after {transform:scaleX(1);background:#c99240;}
@keyframes ib-motion-track {to{transform:scaleX(1)}}
.ib-motion-story {position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:24px 0;padding:24px 28px;min-height:168px;border:1px solid #12c5bc24;border-radius:18px;background:linear-gradient(120deg,#0b1715,#080c0c);}
.ib-motion-detail {max-width:720px;}
.ib-motion-detail[hidden]{display:none!important;}
.ib-motion-detail h3 {color:#ead0a4;font:700 24px/1.3 'Barlow Condensed',system-ui,sans-serif;margin:0 0 10px;}
.ib-motion-detail p {color:#bdc6c0;font:400 14px/1.75 Inter,system-ui,sans-serif;margin:0;}
.ib-motion-orb {position:relative;display:grid;place-items:center;flex-shrink:0;width:116px;height:116px;border:1px solid #c9924044;border-radius:50%;background:radial-gradient(circle,#12c5bc15,transparent 65%);}
.ib-motion-orb img{display:block;width:104px;height:104px;}
.ib-motion-orb span {position:absolute;inset:0;border-radius:50%;border-top:1px solid #12c5bc;border-right:1px solid transparent;box-shadow:0 -3px 12px #12c5bc12;}
.ib-motion.is-playing .ib-motion-orb span {animation:ib-motion-orbit 8s linear infinite;}
.ib-motion[data-paused="true"] .ib-motion-orb span {animation-play-state:paused;}
@keyframes ib-motion-orbit{to{transform:rotate(360deg)}}
.ib-motion-foot {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.ib-motion-controls {display:flex;flex-wrap:wrap;gap:10px;}
.ib-motion-controls button {appearance:none;border:1px solid rgba(201,146,64,.48);border-radius:100px;padding:10px 20px;min-height:42px;background:linear-gradient(140deg,#c992401a,#12c5bc0a);color:#efd4a9;font:600 12px/1.5 Inter,system-ui,sans-serif;cursor:pointer;}
.ib-motion-controls button:hover {border-color:#e0ac58;background:#c9924020;}
.ib-motion-controls button:disabled {opacity:.65;cursor:default;}
.ib-motion-step:focus-visible,.ib-motion-controls button:focus-visible {outline:2px solid #12c5bc;outline-offset:4px;}
.ib-motion-note {font:400 11px/1.5 Inter,system-ui,sans-serif;color:#98a59f;}
.ib-rag-controls {padding:12px 18px;border-top:1px solid #c9924033;}
/* Vorhandene Erkläranimationen: Inhalte und Sicherheits-Signalfarben erhalten. */
.wolke,.ks-anim {border-color:#c9924066!important;background:radial-gradient(ellipse at 15% 0,#12c5bc12,transparent 65%),linear-gradient(145deg,#121e1a,#070b0b 70%,#171108)!important;box-shadow:inset 0 1px 0 #ffe6bb15,0 12px 40px #0005;}
.wolke .wnode ellipse {fill:url(#ib-motion-glass);stroke:#c9924077;stroke-width:1.3;transition:stroke .6s,filter .6s,fill .6s;}
.wolke .wnode.is-hot ellipse {stroke:#12c5bc;stroke-width:1.8;filter:drop-shadow(0 0 8px #12c5bc66);}
.wolke .wnode text {fill:#d6dfd9;}
.wolke .wnode.is-dim {opacity:.54;}
.wolke .wedge {stroke:#c9924038;}
.wolke .wedge.is-hot {stroke:#12c5bc99;filter:drop-shadow(0 0 2px #12c5bc33);}
.wolke .wquery rect {fill:url(#ib-motion-glass);stroke:#c99240;}
.wolke .wquery text {fill:#f0cea0;}
.wolke .wanswer rect {fill:url(#ib-motion-glass);stroke:#12c5bc66;}
.wolke .wanswer.is-hot rect {stroke:#12c5bc;filter:drop-shadow(0 0 8px #12c5bc44);}
.wolke .wtravel {fill:#e0ac58;filter:drop-shadow(0 0 5px #c9924099);}
.wolke .wpulse {stroke:#c99240;}
.wolke__status {background:#0d1815;border-top-color:#c9924033;}
.wolke__status b {color:#12c5bc;}
.ks-stage {background:radial-gradient(ellipse at center,#12c5bc0c,transparent 70%),#070b0b;border-color:#c9924055;box-shadow:inset 0 1px 0 #fce0a912;}
.ks-svg .ks-panel rect {fill:url(#ib-motion-glass);stroke:#c99240;}
.ks-svg .ks-door-frame {stroke:#c99240;}
.ks-svg .ks-shield {fill:url(#ib-motion-glass);stroke:#12c5bc;filter:drop-shadow(0 0 7px #12c5bc77);}
.ks-steps li.is-active {border-color:#12c5bc88;background:linear-gradient(135deg,#12c5bc10,#c992400b);box-shadow:0 0 20px #12c5bc0c;}
@media(max-width:700px){.ib-motion{padding:24px}.ib-motion-steps{gap:8px}.ib-motion-step{padding:20px 7px 14px;min-height:176px}.ib-motion-step img{width:58px;height:58px}.ib-motion-label{font-size:11px}.ib-motion-steps li:not(:last-child)::after{right:-8px;width:8px}.ib-motion-story{padding:20px;gap:15px}.ib-motion-orb{width:86px;height:86px}.ib-motion-orb img{width:76px;height:76px}}
@media(max-width:540px){.ib-motion-wrap{padding:0 18px}.ib-motion-section{padding:42px 0}.ib-motion{padding:22px 18px}.ib-motion-head{align-items:flex-start;gap:10px}.ib-motion-count{font-size:10px}.ib-motion-steps{grid-template-columns:1fr;gap:10px}.ib-motion-step{flex-direction:row;min-height:76px;gap:14px;padding:12px 14px}.ib-motion-step img{width:48px;height:48px;margin:0}.ib-motion-index{position:static;flex-shrink:0}.ib-motion-label{text-align:left;font-size:13px}.ib-motion-steps li:not(:last-child)::after{width:1px;height:10px;top:auto;bottom:-10px;left:58px;right:auto}.ib-motion-story{padding:20px;min-height:172px}.ib-motion-detail h3{font-size:22px}.ib-motion-detail p{font-size:13px}.ib-motion-orb{display:none}.ib-motion-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ib-motion *,.ib-motion *::before,.ib-motion *::after{animation:none!important;transition:none!important}.ib-motion-step.is-current::after{transform:scaleX(1)}.ib-motion-step::before{display:none}.wolke .wnode ellipse{transition:none;filter:none}.ks-svg .ks-shield{filter:none}}