/* DDS Licht-Hero – alle Klassen mit „ddsh“ (keine Konflikte mit dem Theme) */
@font-face{font-family:"DDSH Archivo";src:url("fonts/archivo-latin-wght-normal.woff2") format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"DDSH Mono";src:url("fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

.ddsh{--ddsh-acc:#08b6b9;--ddsh-acc-h:#079da3;--ddsh-night:#16191b;--ddsh-on:#f4f6f6;--ddsh-on2:#c3c9ca;
  position:relative;box-sizing:border-box;min-height:min(100svh,940px);padding-top:var(--ddsh-top,0);background:var(--ddsh-night);color:var(--ddsh-on);
  display:flex;flex-direction:column;overflow:hidden;font-family:"DDSH Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.ddsh *,.ddsh *::before,.ddsh *::after{box-sizing:border-box}
.ddsh__wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,4vw,56px)}
.ddsh__glow{position:absolute;right:-10%;top:18%;width:min(900px,80vw);aspect-ratio:1.35;border-radius:50%;background:radial-gradient(closest-side,rgba(8,182,185,.13),rgba(8,182,185,0));filter:blur(30px);opacity:0;transition:opacity 1.6s ease .2s;pointer-events:none}
.ddsh.is-lit .ddsh__glow{opacity:1}
.ddsh__grid{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;position:relative;padding-block:clamp(32px,5vw,64px)}
.ddsh__kicker{margin:0;font-family:"DDSH Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ddsh-acc)}
.ddsh .ddsh__title{font-family:inherit;font-weight:800;font-size:clamp(52px,8.4vw,124px);line-height:.93;letter-spacing:-.04em;color:#fff;margin:18px 0 28px;padding:0;text-transform:none}
.ddsh__title span{display:block}
.ddsh__lead{max-width:520px;margin:0;font-size:clamp(17px,1.5vw,20px);color:var(--ddsh-on2)}
.ddsh__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ddsh .ddsh__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.ddsh .ddsh__btn--acc{background:var(--ddsh-acc);color:var(--ddsh-night)}
.ddsh .ddsh__btn--acc:hover{background:var(--ddsh-acc-h);color:var(--ddsh-night)}
.ddsh .ddsh__btn--ghost{border-color:rgba(233,255,255,.5);color:var(--ddsh-on)}
.ddsh .ddsh__btn--ghost:hover{border-color:#fff;color:#fff}
.ddsh a:focus-visible{outline:3px solid var(--ddsh-acc);outline-offset:3px}
.ddsh__logo{justify-self:end;display:inline-flex;flex-direction:column;align-items:stretch;font-size:clamp(110px,21vw,320px);user-select:none}
.ddsh__letters{display:flex;font-weight:900;font-size:1em;line-height:.9;letter-spacing:-.02em}
.ddsh__sub{display:flex;justify-content:space-between;margin-top:.1em;padding-inline:.04em;font-weight:700;font-size:.17em;line-height:1}
.ddsh__sub .ddsh__l{text-shadow:1px 1px 0 #202527,2px 2px 0 #1d2123}
.ddsh.is-lit .ddsh__sub .ddsh__l{text-shadow:0 0 4px rgba(255,255,255,.7),0 0 16px rgba(8,182,185,.45)}
.ddsh__l{color:#2a3032;text-shadow:1px 1px 0 #202527,2px 2px 0 #1d2123,3px 3px 0 #1a1e20,4px 4px 0 #181b1d;transition:color .5s ease,text-shadow .5s ease}
.ddsh.is-lit .ddsh__l{color:#f7ffff;text-shadow:0 0 6px rgba(255,255,255,.8),0 0 24px rgba(8,182,185,.55),0 0 70px rgba(8,182,185,.28);animation:ddsh-flicker .9s steps(1,end) both;animation-delay:calc(var(--i) * .28s)}
@keyframes ddsh-flicker{0%{color:#2a3032;text-shadow:none}12%{color:#f7ffff;text-shadow:0 0 18px rgba(8,182,185,.6)}18%{color:#2a3032;text-shadow:none}30%{color:#f7ffff;text-shadow:0 0 26px rgba(8,182,185,.6)}36%{color:#2a3032;text-shadow:none}50%,100%{color:#f7ffff}}
.ddsh__foot{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:88px;border-top:1px solid rgba(255,255,255,.1);position:relative}
.ddsh__hint{font-family:"DDSH Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9aa3a5}
.ddsh__facts{display:flex;flex-wrap:wrap;gap:12px 36px;list-style:none;margin:0;padding:0;font-size:15px;color:#dfe4e5}
.ddsh__facts li{margin:0}
.ddsh__facts small{color:#9aa3a5}
.ddsh__stars{color:var(--ddsh-acc);letter-spacing:2px}

/* Titel sanft einblenden */
.ddsh-js .ddsh__title span{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.ddsh-js .ddsh.is-in .ddsh__title span{opacity:1;transform:none}
.ddsh-js .ddsh.is-in .ddsh__title span:nth-child(2){transition-delay:.08s}
.ddsh-js .ddsh.is-in .ddsh__title span:nth-child(3){transition-delay:.16s}

@media (max-width:980px){
  .ddsh__grid{grid-template-columns:1fr}
  .ddsh__logo{order:-1;justify-self:center;font-size:clamp(100px,32vw,220px)}
  .ddsh__foot{flex-direction:column;align-items:flex-start;padding-block:20px}
  .ddsh__hint{display:none}
}
@media (max-width:600px){.ddsh__cta .ddsh__btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){
  .ddsh *,.ddsh *::before,.ddsh *::after{animation:none!important;transition:none!important}
  .ddsh-js .ddsh__title span{opacity:1;transform:none}
}

/* ---- DDS Seitenanimationen (ddsa) ---- */
.ddsa-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#08b6b9;transform-origin:0 50%;transform:scaleX(0);z-index:100000;pointer-events:none}
.ddsa .ddsa-split .ddsa-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ddsa .ddsa-split .ddsa-in{display:block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.19,1,.22,1) var(--d,0s)}
.ddsa .ddsa-split.ddsa-on .ddsa-in{transform:none}
.ddsa main .eyebrow.ddsa-wait{opacity:0;translate:-14px 0;transition:opacity .8s ease,translate 1s cubic-bezier(.19,1,.22,1)}
.ddsa main .eyebrow.ddsa-on{opacity:1;translate:0 0}
.ddsa .ddsa-img{overflow:hidden}
.ddsa .ddsa-img.ddsa-wait:not(.ddsa-done){clip-path:inset(100% 0 0 0)}
.ddsa .ddsa-img.ddsa-on:not(.ddsa-done){clip-path:inset(0 0 0 0);transition:clip-path 1.25s cubic-bezier(.77,0,.18,1)}
.ddsa .ddsa-img img{scale:1.14;translate:0 var(--py,0);transition:scale 1.8s cubic-bezier(.19,1,.22,1)}
.ddsa .ddsa-img.ddsa-on img{scale:1.06}
.ddsa .ddsa-item.ddsa-wait{opacity:0;translate:0 42px;transition:opacity .9s ease calc(var(--i,0)*.08s),translate 1.1s cubic-bezier(.19,1,.22,1) calc(var(--i,0)*.08s)}
.ddsa .ddsa-item.ddsa-on{opacity:1;translate:0 0}
.ddsa-marquee{overflow:hidden;background:#f2f4f3;color:#16191b;border-top:1px solid #e1e5e4;border-bottom:1px solid #e1e5e4;padding:20px 0;font-family:"DDSH Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;user-select:none}
.ddsa-skew{width:max-content;transition:transform .6s cubic-bezier(.19,1,.22,1)}
.ddsa-track{display:flex;white-space:nowrap;animation:ddsa-marq 42s linear infinite;will-change:transform}
.ddsa-track span{font-size:clamp(28px,4.4vw,68px);font-weight:800;line-height:1.1;letter-spacing:-.03em;padding-right:.7em}
.ddsa-track span:nth-child(even){color:transparent;-webkit-text-stroke:1.5px #16191b}
.ddsa-track .ddsa-dot{color:#08b6b9;font-weight:400}
.ddsa-track i{display:inline-block;font-style:normal;transition:translate .45s cubic-bezier(.19,1,.22,1),rotate .45s cubic-bezier(.19,1,.22,1),color .3s,-webkit-text-stroke-color .3s}
.ddsa-track i.hot{color:#08b6b9}
.ddsa-track span:nth-child(even) i.hot{color:transparent;-webkit-text-stroke-color:#08b6b9}
@keyframes ddsa-marq{to{transform:translateX(-50%)}}
.ddsa-mag{transition:translate .35s cubic-bezier(.19,1,.22,1)}
.ddsh__logo{will-change:translate}

/* ---- Shop-Hinweise ---- */
.ddsh .ddsh__shopnote{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:22px;padding:10px 16px 10px 10px;border:1px solid rgba(8,182,185,.45);border-radius:14px;background:rgba(8,182,185,.08);color:var(--ddsh-on);text-decoration:none;font-size:15px;line-height:1.35;transition:background .2s,border-color .2s}
.ddsh .ddsh__shopnote:hover{background:rgba(8,182,185,.16);border-color:var(--ddsh-acc);color:#fff}
.ddsh__badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--ddsh-acc);color:var(--ddsh-night);font-family:"DDSH Mono",ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ddsh-float-wrap{position:fixed;right:clamp(12px,2.5vw,28px);bottom:clamp(12px,2.5vw,28px);z-index:9990;display:flex;align-items:center;gap:6px;opacity:0;translate:0 20px;pointer-events:none;transition:opacity .35s ease,translate .45s cubic-bezier(.19,1,.22,1)}
.ddsh-float-wrap.is-on{opacity:1;translate:0 0;pointer-events:auto}
.ddsh-float{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;background:#08b6b9;color:#062f30;font-family:"DDSH Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 10px 30px rgba(6,47,48,.28),0 0 0 1px rgba(7,157,163,.6);transition:background .2s}
.ddsh-float:hover{background:#079da3;color:#062f30}
.ddsh-float:focus-visible,.ddsh-float__x:focus-visible{outline:3px solid #062f30;outline-offset:3px}
.ddsh-float__dot{width:9px;height:9px;border-radius:50%;background:#062f30;box-shadow:0 0 0 0 rgba(6,47,48,.5);animation:ddsh-pulse 2s infinite}
@keyframes ddsh-pulse{70%{box-shadow:0 0 0 10px rgba(6,47,48,0)}100%{box-shadow:0 0 0 0 rgba(6,47,48,0)}}
.ddsh-float__x{width:32px;height:32px;border-radius:50%;border:0;background:#062f30;color:#e9ffff;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(6,47,48,.25)}
@media (max-width:600px){.ddsh-float-wrap{left:12px;right:12px}.ddsh-float{flex:1;justify-content:center}}
@media (prefers-reduced-motion:reduce){.ddsh-float-wrap{transition:none}.ddsh-float__dot{animation:none}}