:root{--knipsi-red:#760000;--knipsi-dark:#14263a;--knipsi-muted:#607084;--knipsi-line:#dfe4e8;--knipsi-soft:#f6f7f8}
.knipsi{margin:0 0 32px;background:#fff;border:1px solid var(--knipsi-line);border-radius:22px;box-shadow:0 16px 44px #14263a17;overflow:hidden;color:var(--knipsi-dark)}
.knipsi__header{display:flex;align-items:center;gap:16px;padding:24px 28px}.knipsi__header h2{font-size:23px;margin:0 0 2px}.knipsi__header p{margin:0;color:var(--knipsi-muted)}
.knipsi__mascot{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--knipsi-red);font-size:31px;box-shadow:0 8px 20px #76000033}
.knipsi__progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:16px 28px;background:var(--knipsi-soft)}.knipsi__progress span{height:6px;border-radius:8px;background:#d7dce0}.knipsi__progress span.is-active{background:var(--knipsi-red)}
.knipsi__checking{display:none;position:relative;min-height:420px;padding:34px 28px 28px;overflow:hidden;text-align:center;background:linear-gradient(180deg,#101c2b 0%,#182d44 68%,#0d1723 100%);color:#fff}.knipsi.is-checking .knipsi__checking{display:block}.knipsi.is-checking .knipsi__body,.knipsi.is-checking .knipsi__footer{display:none}.knipsi__checking strong{display:block;position:relative;z-index:3;margin-top:25px;font-size:24px}.knipsi__checking p{position:relative;z-index:3;margin:8px 0;color:#dbe5ef}.knipsi__spotlight{position:absolute;top:-40px;left:50%;width:360px;height:350px;transform:translateX(-50%);background:linear-gradient(100deg,transparent 18%,#fff4cf24 50%,transparent 82%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);animation:knipsi-spot 2.6s ease-in-out infinite alternate}.knipsi__stage{position:relative;z-index:2;height:215px;margin:0 auto;border-bottom:4px solid #ffffff2e;max-width:580px}.knipsi__stage:before,.knipsi__stage:after{content:'✦';position:absolute;color:#ffd85b;font-size:24px;animation:knipsi-flash 1.3s ease-in-out infinite}.knipsi__stage:before{left:18%;top:34px}.knipsi__stage:after{right:16%;top:75px;animation-delay:.55s}.knipsi__dancer{position:absolute;left:8%;bottom:8px;width:86px;height:112px;animation:knipsi-moonwalk 5.4s linear infinite}.knipsi__dancer span{display:grid;place-items:center;width:76px;height:76px;border-radius:25px;background:var(--knipsi-red);box-shadow:0 12px 30px #0008;font-size:40px;animation:knipsi-lean .75s ease-in-out infinite alternate}.knipsi__dancer:before{content:'🎩';position:absolute;z-index:2;top:-29px;left:9px;font-size:34px;transform:rotate(-12deg)}.knipsi__dancer i,.knipsi__dancer i:after{position:absolute;display:block;width:42px;height:7px;border-radius:9px;background:#fff;content:''}.knipsi__dancer i{left:2px;bottom:13px;transform:rotate(-13deg);animation:knipsi-feet .55s ease-in-out infinite alternate}.knipsi__dancer i:after{left:42px;top:7px;transform:rotate(24deg)}.knipsi__checking-dots{display:flex;position:relative;z-index:3;justify-content:center;gap:8px;margin-top:18px}.knipsi__checking-dots span{width:9px;height:9px;border-radius:50%;background:#fff;animation:knipsi-dot 1s ease-in-out infinite}.knipsi__checking-dots span:nth-child(2){animation-delay:.15s}.knipsi__checking-dots span:nth-child(3){animation-delay:.3s}.knipsi__checking.is-success .knipsi__dancer{animation:knipsi-jump .5s ease-in-out infinite alternate}.knipsi__checking.is-success .knipsi__stage:before,.knipsi__checking.is-success .knipsi__stage:after{font-size:42px;animation-duration:.35s}@keyframes knipsi-moonwalk{0%{left:8%;transform:scaleX(1)}44%{left:78%;transform:scaleX(1)}50%{left:78%;transform:scaleX(-1)}94%{left:8%;transform:scaleX(-1)}100%{left:8%;transform:scaleX(1)}}@keyframes knipsi-lean{from{transform:rotate(-9deg) translateY(0)}to{transform:rotate(8deg) translateY(-5px)}}@keyframes knipsi-feet{from{transform:translateX(4px) rotate(-13deg)}to{transform:translateX(23px) rotate(-13deg)}}@keyframes knipsi-spot{from{transform:translateX(-61%) rotate(-8deg)}to{transform:translateX(-39%) rotate(8deg)}}@keyframes knipsi-flash{0%,100%{opacity:.2;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(45deg)}}@keyframes knipsi-dot{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-7px);opacity:1}}@keyframes knipsi-jump{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-23px) rotate(4deg)}}
.knipsi__body{padding:30px 28px;min-height:420px}.knipsi__step{display:none}.knipsi__step.is-active{display:block}.knipsi__eyebrow{display:block;color:var(--knipsi-red);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.knipsi__step h3{font-size:28px;line-height:1.2;margin:0 0 8px}.knipsi__lead{color:var(--knipsi-muted);margin:0 0 25px}
.knipsi__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.knipsi__card{appearance:none;text-align:left;border:2px solid var(--knipsi-line);background:#fff;border-radius:15px;padding:20px;min-height:145px;color:inherit;cursor:pointer;transition:.16s}.knipsi__card:hover{border-color:#76000080;transform:translateY(-2px)}.knipsi__card.is-selected{border-color:var(--knipsi-red);background:#fffafa;box-shadow:0 0 0 3px #76000014}.knipsi__card>span{display:block;font-size:28px}.knipsi__card strong{display:block;font-size:19px;margin:7px 0 5px}.knipsi__card small{display:block;color:var(--knipsi-muted)}.knipsi__card em{display:block;margin-top:12px;color:var(--knipsi-red);font-style:normal;font-weight:800}
.knipsi__subheading{margin:24px 0 10px;font-size:17px}.knipsi__subheading:first-of-type{margin-top:0}.knipsi__grid--featured .knipsi__card{min-height:165px;background:linear-gradient(145deg,#fff,#fff8f8)}.knipsi__grid--compact{grid-template-columns:repeat(2,minmax(170px,1fr))}.knipsi__grid--compact .knipsi__card{min-height:125px;padding:16px}.knipsi__card--addon.is-selected:after{content:'Ausgewählt';display:inline-block;margin-top:10px;padding:3px 8px;border-radius:999px;background:var(--knipsi-red);color:#fff;font-size:12px;font-weight:800}
.knipsi__dates{display:grid;grid-template-columns:1fr 1fr;gap:15px}.knipsi__date-group{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}.knipsi__dates label{font-weight:700}.knipsi__dates input,.knipsi__dates select{display:block;width:100%;margin-top:7px;padding:13px;border:2px solid var(--knipsi-line);border-radius:11px;background:#fff;color:var(--knipsi-dark)}.knipsi__error{margin:14px 0 0;padding:11px 14px;border-radius:8px;background:#fff0f0;color:#590000;font-weight:700}
.knipsi__hint{margin:18px 0 0;padding:13px 15px;border-left:4px solid var(--knipsi-red);border-radius:8px;background:#fff5f5;color:#4e5965}.knipsi__summary{display:grid;gap:9px;background:var(--knipsi-soft);padding:18px;border-radius:15px}.knipsi__summary>div{display:flex;justify-content:space-between;gap:18px}.knipsi__summary .knipsi__total{padding-top:11px;margin-top:3px;border-top:1px solid var(--knipsi-line);font-size:19px}
.knipsi__footer{display:flex;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--knipsi-line)}.knipsi__button{border:0;border-radius:10px;padding:11px 19px;font-weight:750;cursor:pointer}.knipsi__button--next{background:var(--knipsi-red);color:#fff}.knipsi__button--back{background:#edf0f2;color:var(--knipsi-dark)}.knipsi__button:disabled{opacity:.4;cursor:not-allowed}.knipsi-rnb-form{display:none!important}.knipsi-rnb-form.knipsi-rnb-ready{display:block!important;margin-top:25px;padding-top:25px;border-top:1px solid var(--knipsi-line)}
.knipsi-rnb-addons{margin:24px 0;padding:18px;border:1px solid #ead7d7;border-left:4px solid var(--knipsi-red);border-radius:10px;background:#fffafa}.knipsi-rnb-addons h5{margin:0 0 12px}.knipsi-rnb-addons>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.knipsi-rnb-addons__total{margin-top:8px;padding-top:12px!important;border-top:1px solid #ead7d7;font-size:16px}.knipsi-rnb-addons p{margin:10px 0 0;color:var(--knipsi-muted);font-size:13px}
@media(max-width:620px){.knipsi__header,.knipsi__body,.knipsi__footer{padding-left:18px;padding-right:18px}.knipsi__progress{padding-left:18px;padding-right:18px}.knipsi__dates,.knipsi__date-group{grid-template-columns:1fr}.knipsi__step h3{font-size:24px}.knipsi__summary>div{align-items:flex-start}.knipsi__summary strong{text-align:right}.knipsi__checking{min-height:390px;padding-left:18px;padding-right:18px}.knipsi__stage{height:195px}.knipsi__dancer{animation-duration:4.6s}@keyframes knipsi-moonwalk{0%{left:2%;transform:scaleX(1)}44%{left:70%;transform:scaleX(1)}50%{left:70%;transform:scaleX(-1)}94%{left:2%;transform:scaleX(-1)}100%{left:2%;transform:scaleX(1)}}}
@media(prefers-reduced-motion:reduce){.knipsi__spotlight,.knipsi__dancer,.knipsi__dancer span,.knipsi__dancer i,.knipsi__stage:before,.knipsi__stage:after,.knipsi__checking-dots span{animation:none!important}.knipsi__dancer{left:calc(50% - 43px)}}
.knipsi__addon-category{margin-top:14px;border:1px solid var(--knipsi-line);border-radius:14px;background:#fff;overflow:hidden}
.knipsi__addon-category summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;cursor:pointer;font-weight:800;list-style:none}
.knipsi__addon-category summary::-webkit-details-marker{display:none}
.knipsi__addon-category summary:after{content:'+';color:var(--knipsi-red);font-size:22px;line-height:1}
.knipsi__addon-category[open] summary:after{content:'−'}
.knipsi__addon-category summary span{margin-left:auto;color:var(--knipsi-muted);font-size:12px;font-weight:500}
.knipsi__addon-category .knipsi__grid{padding:0 15px 16px}
.knipsi__card--addon{display:flex;flex-direction:column;min-height:0!important;padding:13px!important;overflow:hidden}
.knipsi__card--addon .knipsi__addon-photo{display:block;width:100%;height:115px;margin:0 0 8px;object-fit:contain;border-radius:9px;background:#f7f7f7}
.knipsi__card--addon strong{font-size:16px;line-height:1.25}
.knipsi__card--addon small{line-height:1.35}
.knipsi__card--addon em{margin-top:auto;padding-top:10px}
@media(max-width:620px){.knipsi__addon-category summary span{display:none}.knipsi__grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.knipsi__card--addon .knipsi__addon-photo{height:88px}.knipsi__card--addon strong{font-size:14px}}
.knipsi__mascot{overflow:hidden;background:#24151d}
.knipsi__mascot img{width:100%;height:100%;object-fit:cover;object-position:center 34%;transform:scale(1.45)}
.knipsi__dancer{width:145px;height:205px;bottom:0}
.knipsi__dancer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse 65% 70% at 50% 51%,#000 72%,transparent 100%)}
.knipsi__dancer:before,.knipsi__dancer i{display:none}
@media(prefers-reduced-motion:reduce){.knipsi__dancer{left:calc(50% - 73px)}}