/* ==========================================================================
   11designs – Design System & Effects
   BE SMART. BE DIFFERENT. BE VISIBLE.
   ========================================================================== */

:root{
  --11d-purple:#5B2A86;
  --11d-deep:#3C1361;
  --11d-berry:#7B1F52;
  --11d-neon:#C77DFF;
  --11d-ink:#0A0A0F;
  --11d-ink-2:#13101C;
  --11d-white:#fff;
  --11d-grey:#A7A3B3;
  --11d-line:rgba(255,255,255,.10);
  --11d-grad:linear-gradient(135deg,#7B1F52 0%,#5B2A86 55%,#3C1361 100%);
  --11d-grad-text:linear-gradient(100deg,#fff 0%,#E9D5FF 40%,#C77DFF 100%);
  --11d-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --11d-ease:cubic-bezier(.16,1,.3,1);
  --11d-radius:18px;
  --11d-max:1240px;
}

/* ---------- Reset-ish inside our blocks ---------- */
html{overflow-x:hidden;}
.d11,.d11-sec,.d11-hero{max-width:100vw;}
.11d, [class^="d11-"], [class*=" d11-"]{box-sizing:border-box;}
.d11 *,.d11 *::before,.d11 *::after{box-sizing:border-box;}

.d11{
  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--11d-white);
  -webkit-font-smoothing:antialiased;
}
.d11 p{margin:0 0 1.1em;line-height:1.75;color:var(--11d-grey);font-size:clamp(1rem,1.05vw,1.0625rem);}
.d11 a{color:inherit;text-decoration:none;}
.d11-wrap{max-width:var(--11d-max);margin-inline:auto;padding-inline:clamp(20px,5vw,40px);width:100%;}

/* ---------- Monospace Kicker  // 01 · LEISTUNGEN ---------- */
.d11-kick{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--11d-mono);font-size:.72rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--11d-neon);margin:0 0 1.25rem;
}
.d11-kick::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7;}
.d11-kick--plain::before{display:none;}

/* ---------- Headlines ---------- */
.d11-h1,.d11-h2,.d11-h3{
  font-family:"Open Sans",sans-serif;font-weight:800;
  line-height:.95;letter-spacing:-.035em;margin:0 0 .5em;color:#fff;
  text-wrap:balance;
}
.d11-h1{font-size:clamp(2.6rem,7.2vw,6.2rem);text-transform:uppercase;}
.d11-h2{font-size:clamp(2rem,4.6vw,3.9rem);text-transform:uppercase;}
.d11-h3{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.2;letter-spacing:-.02em;}
.d11-grad{
  background:var(--11d-grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.d11-lead{font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.65;color:#D6D2E2;max-width:62ch;}

/* ---------- Sections ---------- */
.d11-sec{position:relative;padding:clamp(72px,9vw,150px) 0;overflow:clip;}
.d11-sec--dark{background:var(--11d-ink);}
.d11-sec--ink2{background:var(--11d-ink-2);}
.d11-sec--grad{background:var(--11d-grad);}
.d11-sec--light{background:#F6F4FA;}
.d11-sec--light .d11-h1,.d11-sec--light .d11-h2,.d11-sec--light .d11-h3{color:#1A1030;}
.d11-sec--light p{color:#5A5470;}
.d11-sec--light .d11-kick{color:var(--11d-purple);}
.d11-sec--light .d11-lead{color:#413A5C;}

/* Hairline top border */
.d11-sec--rule{border-top:1px solid var(--11d-line);}

/* ---------- Grain overlay ---------- */
.d11-grain::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  opacity:.055;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Animated mesh gradient (Hero) ---------- */
.d11-hero{
  position:relative;min-height:clamp(620px,92vh,980px);
  display:flex;align-items:center;background:var(--11d-ink);isolation:isolate;
  overflow:clip;
}
.d11-mesh{position:absolute;inset:-20%;z-index:0;filter:blur(70px);opacity:.85;}
.d11-mesh span{
  position:absolute;display:block;border-radius:50%;
  will-change:transform;
  animation:d11-float 22s var(--11d-ease) infinite alternate;
}
.d11-mesh span:nth-child(1){width:46vw;height:46vw;left:4%;top:6%;background:#7B1F52;animation-duration:19s;}
.d11-mesh span:nth-child(2){width:40vw;height:40vw;right:6%;top:0%;background:#5B2A86;animation-duration:24s;animation-delay:-6s;}
.d11-mesh span:nth-child(3){width:38vw;height:38vw;left:28%;bottom:-8%;background:#3C1361;animation-duration:27s;animation-delay:-11s;}
.d11-mesh span:nth-child(4){width:24vw;height:24vw;right:22%;bottom:4%;background:#C77DFF;opacity:.45;animation-duration:17s;animation-delay:-3s;}
@keyframes d11-float{
  0%  {transform:translate3d(0,0,0) scale(1);}
  50% {transform:translate3d(6%,-8%,0) scale(1.14);}
  100%{transform:translate3d(-7%,7%,0) scale(.92);}
}
.d11-hero .d11-wrap{position:relative;z-index:3;}
.d11-hero::before{ /* vignette for contrast */
  content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(120% 80% at 50% 10%,transparent 20%,rgba(10,10,15,.55) 100%);
}

/* ---------- Line-reveal headline ---------- */
.d11-reveal-line{display:block;overflow:hidden;}
.d11-reveal-line > span{
  display:block;transform:translateY(110%);
  transition:transform 1s var(--11d-ease);
}
.is-in .d11-reveal-line > span{transform:translateY(0);}
.d11-reveal-line:nth-child(2) > span{transition-delay:.09s;}
.d11-reveal-line:nth-child(3) > span{transition-delay:.18s;}

/* ---------- Generic scroll reveal ---------- */
.d11-rv{opacity:0;transform:translateY(26px);transition:opacity .85s var(--11d-ease),transform .85s var(--11d-ease);}
.d11-rv.is-in{opacity:1;transform:none;}
.d11-rv[data-d="1"]{transition-delay:.08s;} .d11-rv[data-d="2"]{transition-delay:.16s;}
.d11-rv[data-d="3"]{transition-delay:.24s;} .d11-rv[data-d="4"]{transition-delay:.32s;}
.d11-rv[data-d="5"]{transition-delay:.40s;} .d11-rv[data-d="6"]{transition-delay:.48s;}

/* ---------- Buttons ---------- */
.d11-btn{
  position:relative;display:inline-flex;align-items:center;gap:.65em;
  padding:1.05em 1.9em;border-radius:100px;
  font-weight:700;font-size:.95rem;letter-spacing:.01em;
  background:#fff;color:#1A1030;border:0;cursor:pointer;
  transition:transform .35s var(--11d-ease),box-shadow .35s var(--11d-ease);
  will-change:transform;overflow:hidden;
}
.d11-btn svg,.d11-btn .d11-arr{transition:transform .35s var(--11d-ease);}
.d11-btn:hover{box-shadow:0 14px 44px -12px rgba(199,125,255,.75);}
.d11-btn:hover .d11-arr{transform:translateX(5px);}
.d11-btn--glow{
  background:var(--11d-grad);color:#fff;
}
.d11-btn--glow::before{
  content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;
  background:conic-gradient(from 0deg,#C77DFF,#7B1F52,#5B2A86,#C77DFF);
  animation:d11-spin 4s linear infinite;filter:blur(7px);opacity:.0;
  transition:opacity .4s;
}
.d11-btn--glow:hover::before{opacity:.9;}
@keyframes d11-spin{to{transform:rotate(1turn);}}
.d11-btn--ghost{
  background:transparent;color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.d11-btn--ghost:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);}
.d11-sec--light .d11-btn--ghost{color:#1A1030;box-shadow:inset 0 0 0 1px rgba(26,16,48,.22);}
.d11-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:2.2rem;}

/* ---------- Cards + spotlight hover ---------- */
.d11-grid{display:grid;gap:clamp(14px,1.6vw,22px);}
.d11-grid--2{grid-template-columns:repeat(2,1fr);}
.d11-grid--3{grid-template-columns:repeat(3,1fr);}
.d11-grid--4{grid-template-columns:repeat(4,1fr);}
.d11-card{
  position:relative;padding:clamp(24px,2.6vw,38px);
  border-radius:var(--11d-radius);
  background:rgba(255,255,255,.035);
  border:1px solid var(--11d-line);
  overflow:hidden;isolation:isolate;
  transition:border-color .45s var(--11d-ease),transform .45s var(--11d-ease),background .45s;
  will-change:transform;
}
.d11-card::before{ /* spotlight */
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;
  transition:opacity .45s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(199,125,255,.18),transparent 62%);
}
.d11-card:hover::before{opacity:1;}
.d11-card:hover{border-color:rgba(199,125,255,.42);background:rgba(255,255,255,.06);}
.d11-card__no{
  font-family:var(--11d-mono);font-size:.72rem;letter-spacing:.16em;
  color:var(--11d-neon);display:block;margin-bottom:1.4rem;
}
.d11-card__ic{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  background:var(--11d-grad);margin-bottom:1.3rem;
  box-shadow:0 10px 30px -12px rgba(123,31,82,.9);
}
.d11-card__ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.d11-card h3{margin:0 0 .6rem;}
.d11-card p{margin:0;font-size:.98rem;}
.d11-card__link{
  display:inline-flex;align-items:center;gap:.45em;margin-top:1.4rem;
  font-weight:700;font-size:.9rem;color:#fff;
}
.d11-card__link .d11-arr{transition:transform .35s var(--11d-ease);}
.d11-card:hover .d11-card__link .d11-arr{transform:translateX(5px);}
.d11-sec--light .d11-card{background:#fff;border-color:rgba(26,16,48,.09);box-shadow:0 2px 20px -10px rgba(26,16,48,.18);}
.d11-sec--light .d11-card:hover{border-color:rgba(91,42,134,.35);}
.d11-sec--light .d11-card__link{color:var(--11d-purple);}

/* 3D tilt */
.d11-tilt{transform-style:preserve-3d;}

/* ---------- Marquee ---------- */
.d11-marquee{
  position:relative;overflow:hidden;
  padding:1.3rem 0;border-block:1px solid var(--11d-line);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.d11-marquee__track{display:flex;width:max-content;animation:d11-marq 38s linear infinite;}
.d11-marquee:hover .d11-marquee__track{animation-play-state:paused;}
.d11-marquee__item{
  display:inline-flex;align-items:center;gap:1.6rem;padding-inline:1.6rem;
  font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(1.3rem,2.6vw,2.4rem);color:rgba(255,255,255,.22);white-space:nowrap;
  transition:color .3s;
}
.d11-marquee__item::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--11d-neon);opacity:.65;}
.d11-marquee:hover .d11-marquee__item{color:rgba(255,255,255,.5);}
@keyframes d11-marq{to{transform:translateX(-50%);}}

/* ---------- Stats / counters ---------- */
.d11-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,30px);}
.d11-stat__n{
  font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:800;line-height:1;
  letter-spacing:-.04em;background:var(--11d-grad-text);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.d11-sec--grad .d11-stat__n{background:none;-webkit-text-fill-color:#fff;color:#fff;}
.d11-sec--grad .d11-stat__l{color:rgba(255,255,255,.72);}
.d11-stat__l{font-family:var(--11d-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--11d-grey);margin-top:.7rem;display:block;}

/* ---------- Process / steps ---------- */
.d11-steps{display:grid;gap:0;counter-reset:d11step;}
.d11-step{
  display:grid;grid-template-columns:clamp(70px,9vw,130px) 1fr;
  gap:clamp(20px,3vw,50px);align-items:start;
  padding:clamp(28px,3.4vw,52px) 0;border-top:1px solid var(--11d-line);
  transition:background .4s;
}
.d11-step:last-child{border-bottom:1px solid var(--11d-line);}
.d11-step:hover{background:rgba(199,125,255,.045);}
.d11-step__n{
  font-family:var(--11d-mono);font-size:clamp(1.6rem,3vw,2.6rem);font-weight:700;
  color:transparent;-webkit-text-stroke:1px rgba(199,125,255,.55);line-height:1;
  transition:color .4s,-webkit-text-stroke-color .4s;
}
.d11-step:hover .d11-step__n{color:var(--11d-neon);-webkit-text-stroke-color:transparent;}
.d11-step h3{margin-bottom:.55rem;}
.d11-step p{margin:0;max-width:64ch;}

/* ---------- Accordion / FAQ ---------- */
.d11-acc__item{border-bottom:1px solid var(--11d-line);}
.d11-acc__head{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:1.5rem 0;background:none;border:0;cursor:pointer;text-align:left;
  font-family:inherit;font-size:clamp(1.02rem,1.5vw,1.22rem);font-weight:700;color:#fff;
  transition:color .3s;
}
.d11-acc__head:hover{color:var(--11d-neon);}
.d11-acc__tag{
  font-family:var(--11d-mono);font-size:.64rem;letter-spacing:.16em;
  color:var(--11d-neon);display:block;margin-bottom:.45rem;font-weight:600;
}
.d11-acc__ico{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--11d-line);transition:transform .45s var(--11d-ease),background .35s;position:relative;}
.d11-acc__ico::before,.d11-acc__ico::after{content:"";position:absolute;background:currentColor;border-radius:2px;}
.d11-acc__ico::before{width:13px;height:1.6px;}
.d11-acc__ico::after{width:1.6px;height:13px;transition:transform .45s var(--11d-ease);}
.d11-acc__item.is-open .d11-acc__ico{background:var(--11d-grad);border-color:transparent;transform:rotate(180deg);}
.d11-acc__item.is-open .d11-acc__ico::after{transform:scaleY(0);}
.d11-acc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--11d-ease);}
.d11-acc__item.is-open .d11-acc__body{grid-template-rows:1fr;}
.d11-acc__inner{overflow:hidden;}
.d11-acc__inner > div{padding-bottom:1.7rem;max-width:78ch;}
.d11-sec--light .d11-acc__item{border-color:rgba(26,16,48,.1);}
.d11-sec--light .d11-acc__head{color:#1A1030;}

/* ---------- Checklist ---------- */
.d11-list{list-style:none;margin:0;padding:0;display:grid;gap:.95rem;}
.d11-list li{display:flex;gap:.9rem;align-items:flex-start;color:var(--11d-grey);line-height:1.6;}
.d11-list li::before{
  content:"";flex:0 0 20px;width:20px;height:20px;margin-top:2px;border-radius:50%;
  background:var(--11d-grad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat,linear-gradient(#000,#000);
  -webkit-mask-composite:destination-out;mask-composite:exclude;
}
.d11-list strong{color:#fff;font-weight:700;}
.d11-sec--light .d11-list strong{color:#1A1030;}

/* ---------- Split layout ---------- */
.d11-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;}
.d11-split--narrow{grid-template-columns:.9fr 1.1fr;}

/* ---------- Badge ---------- */
.d11-badge{
  display:inline-flex;align-items:center;gap:.55em;
  padding:.5em 1em;border-radius:100px;
  background:rgba(199,125,255,.12);border:1px solid rgba(199,125,255,.32);
  font-family:var(--11d-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:#E9D5FF;font-weight:600;
}
.d11-badge__dot{width:7px;height:7px;border-radius:50%;background:#6EE7A8;box-shadow:0 0 0 0 rgba(110,231,168,.7);animation:d11-pulse 2.2s infinite;}
@keyframes d11-pulse{70%{box-shadow:0 0 0 9px rgba(110,231,168,0);}100%{box-shadow:0 0 0 0 rgba(110,231,168,0);}}

/* ---------- Scroll progress bar ---------- */
.d11-progress{
  position:fixed;top:0;left:0;height:3px;width:100%;z-index:99999;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,#7B1F52,#5B2A86,#C77DFF);
  pointer-events:none;
}

/* ---------- Custom cursor ---------- */
.d11-cursor{
  position:fixed;top:0;left:0;z-index:99998;pointer-events:none;
  width:34px;height:34px;border-radius:50%;
  border:1.5px solid rgba(199,125,255,.75);
  transform:translate3d(-100px,-100px,0);
  transition:width .3s var(--11d-ease),height .3s var(--11d-ease),background .3s,border-color .3s;
  mix-blend-mode:difference;will-change:transform;
}
.d11-cursor.is-active{width:62px;height:62px;background:rgba(199,125,255,.22);border-color:transparent;}
@media (hover:none),(pointer:coarse){.d11-cursor{display:none;}}

/* ---------- Big CTA band ---------- */
.d11-cta{position:relative;text-align:center;}
.d11-cta .d11-h2{margin-bottom:1.1rem;}
.d11-cta .d11-cta-row{justify-content:center;}

/* ---------- Footer-ish contact strip ---------- */
.d11-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,34px);}
.d11-contact__item{display:flex;gap:1rem;align-items:flex-start;}
.d11-contact__ic{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--11d-line);}
.d11-contact__ic svg{width:19px;height:19px;stroke:var(--11d-neon);fill:none;stroke-width:1.7;}
.d11-contact__l{font-family:var(--11d-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--11d-grey);display:block;margin-bottom:.3rem;}
.d11-contact__v{font-weight:700;font-size:1.02rem;color:#fff;}

/* ---------- L&S Gruppe strip ---------- */
.d11-group{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.d11-group__item{
  padding:26px 20px;border-radius:14px;text-align:center;
  background:rgba(255,255,255,.04);border:1px solid var(--11d-line);
  transition:transform .4s var(--11d-ease),border-color .4s,background .4s;
}
.d11-group__item:hover{transform:translateY(-6px);border-color:rgba(199,125,255,.45);background:rgba(199,125,255,.07);}
.d11-group__item.is-self{background:var(--11d-grad);border-color:transparent;}
.d11-group__n{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;display:block;margin-bottom:.4rem;}
.d11-group__d{font-size:.84rem;color:var(--11d-grey);line-height:1.5;display:block;}
.d11-group__item.is-self .d11-group__d{color:rgba(255,255,255,.82);}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .d11-grid--4{grid-template-columns:repeat(2,1fr);}
  .d11-grid--3{grid-template-columns:repeat(2,1fr);}
  .d11-group{grid-template-columns:repeat(2,1fr);}
  .d11-contact{grid-template-columns:1fr;}
  .d11-split,.d11-split--narrow{grid-template-columns:1fr;}
  .d11-stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .d11-grid--2,.d11-grid--3,.d11-grid--4{grid-template-columns:1fr;}
  .d11-group{grid-template-columns:1fr;}
  .d11-step{grid-template-columns:1fr;gap:12px;}
  .d11-cta-row{flex-direction:column;align-items:stretch;}
  .d11-btn{justify-content:center;}
}

/* ---------- Motion-Reduktion respektieren ---------- */
@media (prefers-reduced-motion:reduce){
  .d11-mesh span,.d11-marquee__track,.d11-badge__dot{animation:none !important;}
  .d11-rv{opacity:1 !important;transform:none !important;}
  .d11-reveal-line > span{transform:none !important;}
  .d11-cursor{display:none;}
  *{transition-duration:.01ms !important;}
}

/* ==========================================================================
   Header
   ========================================================================== */
.d11-hdr{
  position:fixed;top:0;left:0;right:0;z-index:9990;
  transition:background .4s var(--11d-ease),backdrop-filter .4s,box-shadow .4s,padding .4s var(--11d-ease);
  padding:14px 0;
}
.admin-bar .d11-hdr{top:32px;}
@media (max-width:782px){.admin-bar .d11-hdr{top:46px;}}
.d11-hdr.is-stuck{
  background:rgba(10,10,15,.78);
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 var(--11d-line);padding:8px 0;
}
.d11-hdr__bar{
  max-width:var(--11d-max);margin-inline:auto;padding-inline:clamp(20px,5vw,40px);
  display:flex;align-items:center;gap:clamp(16px,3vw,48px);
}
.d11-hdr__logo{flex:0 0 auto;display:block;line-height:0;}
.d11-hdr .d11-hdr__logo img{height:clamp(32px,3.2vw,44px)!important;width:auto!important;max-width:none;transition:height .4s var(--11d-ease);}
.d11-hdr.is-stuck .d11-hdr__logo img{height:clamp(28px,2.6vw,36px)!important;}
.d11-hdr__nav{margin-left:auto;}
.d11-menu{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px);margin:0;padding:0;list-style:none;}
.d11-menu li{position:relative;list-style:none;margin:0;}
.d11-menu > li > a{
  display:block;padding:.5em 0;font-size:.93rem;font-weight:600;color:rgba(255,255,255,.82);
  transition:color .3s;position:relative;white-space:nowrap;
}
.d11-menu > li > a::after{
  content:"";position:absolute;left:0;right:100%;bottom:2px;height:1.5px;
  background:var(--11d-neon);transition:right .35s var(--11d-ease);
}
.d11-menu > li > a:hover,.d11-menu > li.current-menu-item > a{color:#fff;}
.d11-menu > li > a:hover::after,.d11-menu > li.current-menu-item > a::after{right:0;}
/* Untermenü */
.d11-menu .sub-menu{
  position:absolute;top:100%;left:-14px;min-width:244px;margin:0;padding:10px;list-style:none;
  background:rgba(19,16,28,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border:1px solid var(--11d-line);border-radius:14px;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .3s var(--11d-ease),transform .3s var(--11d-ease),visibility .3s;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.9);
}
.d11-menu li:hover > .sub-menu,.d11-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.d11-menu .sub-menu a{
  display:block;padding:.62em .85em;border-radius:9px;font-size:.9rem;font-weight:600;
  color:rgba(255,255,255,.78);transition:background .25s,color .25s;
}
.d11-menu .sub-menu a:hover{background:rgba(199,125,255,.14);color:#fff;}
.d11-hdr__cta{display:flex;align-items:center;gap:clamp(10px,1.4vw,20px);flex:0 0 auto;}
.d11-hdr__tel{font-family:var(--11d-mono);font-size:.78rem;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.72);white-space:nowrap;transition:color .3s;}
.d11-hdr__tel:hover{color:var(--11d-neon);}
.d11-hdr__btn{padding:.78em 1.35em;font-size:.86rem;}

/* Burger */
.d11-burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:10px;}
.d11-burger span{display:block;height:2px;border-radius:2px;background:#fff;transition:transform .4s var(--11d-ease),opacity .25s;}
.d11-burger span + span{margin-top:5px;}
.d11-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.d11-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.d11-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Mobiles Overlay-Menü */
.d11-mob{
  position:fixed;inset:0;z-index:9980;display:flex;flex-direction:column;justify-content:center;
  gap:2rem;padding:110px clamp(24px,7vw,48px) 48px;
  background:var(--11d-ink);overflow-y:auto;
}
.d11-mob[hidden]{display:none;}
.d11-mob__menu{list-style:none;margin:0;padding:0;display:grid;gap:.2rem;}
.d11-mob__menu li{list-style:none;margin:0;}
.d11-mob__menu > li > a{
  display:block;padding:.42em 0;font-size:clamp(1.7rem,7vw,2.5rem);font-weight:800;
  letter-spacing:-.03em;text-transform:uppercase;color:#fff;
}
.d11-mob__menu .sub-menu{list-style:none;margin:0 0 .6rem;padding:0 0 0 1rem;display:grid;gap:.1rem;}
.d11-mob__menu .sub-menu a{display:block;padding:.3em 0;font-size:1rem;font-weight:600;color:var(--11d-grey);}
.d11-mob__foot{display:grid;gap:1rem;justify-items:start;}
.d11-mob__tel{font-family:var(--11d-mono);font-size:.95rem;color:var(--11d-grey);}
body.d11-locked{overflow:hidden;}

@media (max-width:1100px){
  .d11-hdr__nav,.d11-hdr__tel{display:none;}
  .d11-burger{display:block;}
}
@media (max-width:560px){ .d11-hdr__btn{display:none;} }

/* Divis eigenen Header/Footer ausblenden */
#main-header,#top-header,#et-top-navigation,#main-footer,#et-footer-nav,#footer-bottom,.et_pb_scroll_top{display:none !important;}
#page-container{padding-top:0 !important;margin-top:0 !important;}

/* ==========================================================================
   Footer
   ========================================================================== */
.d11-ftr{background:#07070B;border-top:1px solid var(--11d-line);padding:clamp(56px,6vw,90px) 0 28px;}
.d11-ftr__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:clamp(26px,3.4vw,54px);}
.d11-ftr .d11-ftr__brand img{height:46px!important;width:auto!important;max-width:none;margin-bottom:1.4rem;}
.d11-ftr__brand p{font-size:.94rem;max-width:40ch;}
.d11-ftr__group{font-size:.86rem !important;color:#8B8699 !important;}
.d11-ftr__group a{color:var(--11d-neon);text-decoration:underline;text-underline-offset:3px;}
.d11-ftr__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.72rem;}
.d11-ftr__col li{list-style:none;margin:0;color:var(--11d-grey);font-size:.93rem;line-height:1.6;}
.d11-ftr__col a{color:var(--11d-grey);transition:color .25s;}
.d11-ftr__col a:hover{color:#fff;}
.d11-ftr__loc{display:block;margin-top:1.3rem;font-family:var(--11d-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#6E6980;}
.d11-ftr__bottom{
  margin-top:clamp(36px,4vw,60px);padding-top:24px;border-top:1px solid var(--11d-line);
  display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;
  font-size:.84rem;color:#6E6980;
}
.d11-ftr__bottom nav{display:flex;flex-wrap:wrap;gap:20px;}
.d11-ftr__bottom a{color:#8B8699;transition:color .25s;}
.d11-ftr__bottom a:hover{color:#fff;}
@media (max-width:980px){ .d11-ftr__top{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .d11-ftr__top{grid-template-columns:1fr;} .d11-ftr__bottom{flex-direction:column;align-items:flex-start;} }