.elementor-10254 .elementor-element.elementor-element-288e2bc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:64px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-10254 .elementor-element.elementor-element-051d41d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-10254 .elementor-element.elementor-element-efd54d5{text-align:left;}.elementor-10254 .elementor-element.elementor-element-efd54d5 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-10254 .elementor-element.elementor-element-2136479{text-align:left;}.elementor-10254 .elementor-element.elementor-element-44943b4{text-align:left;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-10254 .elementor-element.elementor-element-cf5a292{text-align:left;color:#C9C8E8;}.elementor-10254 .elementor-element.elementor-element-e0c5704{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10254 .elementor-element.elementor-element-0b0bab9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10254 .elementor-element.elementor-element-7cee6a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10254 .elementor-element.elementor-element-41ba41e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10254 .elementor-element.elementor-element-2eb6fbf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10254 .elementor-element.elementor-element-52e7ff0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10254 .elementor-element.elementor-element-72d788a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10254 .elementor-element.elementor-element-6ab953f{--display:flex;}/* Start custom CSS for container, class: .elementor-element-288e2bc */.elementor-10254 .elementor-element.elementor-element-288e2bc {
  margin-top: -92px;
  padding-top: 132px;
}
@media (max-width: 767px) {
  .elementor-10254 .elementor-element.elementor-element-288e2bc {
    margin-top: -92px;
    padding-top: 132px;
  }
}/* End custom CSS */
/* Start custom CSS *//* _____ MDMAWEAR V2 -- Datenschutz (Seite 10254) -- kompakter Aufbau nach AGB-Vorbild (9667) _____ */

.mdma-v2 { background-color: #000000 !important; }

/* Hero (bestehend, kompakt, linksbuendig wie 10144) */
.ds-hero { position:relative !important; overflow:hidden !important; min-height: clamp(300px, 38vh, 420px) !important; }
.ds-hero-bg-img { position:absolute !important; inset:0 !important; z-index:0 !important; margin:0 !important; }
.ds-hero-bg-img .elementor-widget-container, .ds-hero-bg-img img { width:100% !important; height:100% !important; object-fit:cover !important; }
.ds-hero-bg-img::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.28) 38%, rgba(0,0,0,0.08) 62%, rgba(0,0,0,0) 80%); }
.ds-hero-inner { position:relative !important; z-index:2 !important; width:min(100% - 40px, 1140px) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; }
.ds-hero { padding-left:0 !important; padding-right:0 !important; }
@media (max-width: 1024px) { .ds-hero-inner { width:min(100% - 64px, 1140px) !important; } }
@media (max-width: 680px) { .ds-hero-inner { width:min(100% - 40px, 1140px) !important; } }
.about-v2-label { text-align:left !important; }
.about-v2-label .elementor-heading-title { font-size:13px !important; font-weight:600 !important; line-height:1.3 !important; letter-spacing:0.1em !important; text-transform:uppercase !important; color:#72C7C8 !important; text-align:left !important; }
.about-v2-h1 { text-align:left !important; }
.about-v2-h1 .elementor-heading-title { font-size:clamp(30px,4vw,46px) !important; font-weight:500 !important; line-height:1.1 !important; color:#F0EFFF !important; margin:8px 0 !important; text-align:left !important; }
.about-v2-h2 { text-align:left !important; }
.about-v2-h2 .elementor-heading-title { font-size:clamp(16px,2.2vw,20px) !important; font-weight:600 !important; line-height:1.3 !important; color:#B7B6D6 !important; margin:0 0 12px !important; text-align:left !important; }
.ds-hero-inner .elementor-widget-text-editor p { font-size:16px !important; font-weight:400 !important; line-height:1.6 !important; }
.ds-hero-inner .elementor-widget-text-editor { text-align:left !important; max-width:640px !important; }
.ds-hero-inner .elementor-widget-text-editor p { text-align:left !important; }




/* Zwei-Spalten-Hauptbereich */
.v2-ds-main { align-items:flex-start; gap:40px; padding-top:48px !important; padding-bottom:64px !important; overflow:visible !important; }
.v2-ds-main > .e-con-inner { overflow:visible !important; }
.v2-ds-toc-col { flex:0 0 26%; max-width:26%; gap:20px; position:sticky; top:96px; }
.v2-ds-acc-col { flex:1 1 0%; min-width:0; }

/* Inhaltsverzeichnis-Panel */
.v2-ds-toc-panel { position:relative; isolation:isolate; background:#0D0C1A; border-radius:14px; padding:22px !important; gap:14px; }
.v2-ds-toc-panel::before { content:''; position:absolute; inset:0; padding:1.5px !important; border-radius:inherit; pointer-events:none; z-index:2; background:conic-gradient(135deg, #72C7C8 0%, #6A44D4 50%, #72C7C8 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0.55; }
.v2-ds-toc-panel::after { content:''; position:absolute; inset:-3px; border-radius:18px; z-index:-1; box-shadow:0 0 10px 1px rgba(114,199,200,.25), 0 0 20px 2px rgba(106,68,212,.18); opacity:0.55; }
.v2-ds-toc-title .elementor-heading-title { font-size:15px; font-weight:600; letter-spacing:0.08em; color:#F0EFFF; margin:0 !important; }
.v2-ds-toc-nav ol { list-style:none; display:flex; flex-direction:column; gap:2px; margin:0 !important; padding:0 !important; }
.v2-ds-toc-link { display:flex; align-items:baseline; gap:8px; padding:8px 10px; border-radius:8px; text-decoration:none !important; color:#9897BE !important; font-size:13px; line-height:1.4; transition:color 150ms, background 150ms; }
.v2-ds-toc-num { color:#5A5980; font-weight:700; font-size:12px; flex-shrink:0; }
.v2-ds-toc-link:hover, .v2-ds-toc-link:focus-visible { color:#F0EFFF !important; background:rgba(114,199,200,0.08); }
.v2-ds-toc-link.v2-ds-toc-active { color:#72C7C8 !important; background:rgba(114,199,200,0.12); }

/* Letzte-Aktualisierung-Karte */
.v2-ds-update-card { position:relative; isolation:isolate; background:#0D0C1A; border-radius:14px; padding:16px 18px !important; align-items:center; gap:14px; }
.v2-ds-update-card::before { content:''; position:absolute; inset:0; padding:1.5px !important; border-radius:inherit; pointer-events:none; z-index:2; background:conic-gradient(135deg, #72C7C8 0%, #6A44D4 50%, #72C7C8 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0.55; }
.v2-ds-update-card::after { content:''; position:absolute; inset:-3px; border-radius:17px; z-index:-1; box-shadow:0 0 8px 1px rgba(114,199,200,.22), 0 0 16px 2px rgba(106,68,212,.15); opacity:0.5; }
.v2-ds-update-icon { width:30px; height:30px; flex-shrink:0; color:#72C7C8; }
.v2-ds-update-icon svg { width:100%; height:100%; }
.v2-ds-update-label .elementor-heading-title { display:block; font-size:13px; font-weight:600; letter-spacing:.08em; color:#5A5980; margin:0 !important; }
.v2-ds-update-date .elementor-heading-title { display:block; font-size:15px; font-weight:600; color:#F0EFFF; margin:2px 0 0 !important; }

/* Accordion */
.v2-ds-acc { display:flex; flex-direction:column; gap:6px; }
.v2-ds-acc-item { position:relative; isolation:isolate; background:#0D0C1A; border-radius:12px; }
.v2-ds-acc-item::before { content:''; position:absolute; inset:0; padding:1.5px !important; border-radius:inherit; pointer-events:none; z-index:2; background:conic-gradient(135deg, #72C7C8 0%, #6A44D4 50%, #72C7C8 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0.4; }
.v2-ds-acc-item summary { list-style:none; cursor:pointer; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; outline-offset:-2px; }
.v2-ds-acc-item summary::-webkit-details-marker { display:none; }
.v2-ds-acc-item summary:focus-visible { outline:2px solid #72C7C8; outline-offset:-2px; border-radius:12px; }
.v2-ds-acc-summary-left { display:flex; gap:14px; align-items:center; flex:1 1 0%; min-width:0; padding-right:12px; }
.v2-ds-acc-num { color:#72C7C8; font-weight:800; font-size:14px; flex-shrink:0; min-width:22px; }
.v2-ds-acc-heading-wrap { display:flex; flex-direction:column; gap:4px; min-width:0; }
.v2-ds-acc-title { color:#F0EFFF; font-weight:600; font-size:16px; line-height:1.35; }
.v2-ds-acc-short { color:#7B7A9E; font-weight:400; font-size:12.5px; line-height:1.5; }
.v2-acc-icon { font-size:17px; color:#5A5980; flex-shrink:0; transition:transform 200ms; }
.v2-ds-acc-item[open] .v2-acc-icon { transform:rotate(45deg); color:#72C7C8; }
.v2-ds-acc-item > *:not(summary) { display:block !important; }
.v2-ds-acc-panel { display:grid; grid-template-rows:0fr; transition:grid-template-rows 320ms cubic-bezier(0.23,1,0.32,1); padding:0 18px; }
.v2-ds-acc-item[open] .v2-ds-acc-panel { grid-template-rows:1fr; padding:0 18px 16px; }
.v2-ds-acc-panel > .v2-acc-body { overflow:hidden; min-height:0; }
.v2-ds-acc-body p { margin:0 0 14px !important; font-size:15px; line-height:1.65; color:#B7B6D6; max-width:74ch; }
.v2-ds-acc-body p:last-child { margin-bottom:0 !important; }
.v2-ds-acc-body ul { margin:0 0 14px !important; padding-left:20px !important; }
.v2-ds-acc-body li { font-size:15px; color:#B7B6D6; line-height:1.65; margin-bottom:4px; }
.v2-ds-acc-body a { color:#72C7C8 !important; text-decoration:underline; text-underline-offset:2px; }
.v2-ds-acc-body a:hover { color:#A7FF00 !important; }

.v2-ds-script-holder { display:none !important; height:0 !important; padding:0 !important; margin:0 !important; }

@media (prefers-reduced-motion: reduce) {
  .v2-ds-acc-panel { transition:none !important; }
}

/* Responsive */
@media (max-width: 1100px) {
  .v2-ds-main { flex-direction:column; gap:28px; }
  .v2-ds-main > .e-con-inner { flex-direction:column !important; gap:28px !important; }
  .v2-ds-toc-col { flex:1 1 auto; max-width:100%; width:100%; position:static; }
  .v2-ds-acc-col { width:100%; }
  .v2-ds-toc-title .elementor-heading-title { font-size:14px; }
  .v2-ds-update-label .elementor-heading-title { font-size:13px; }
  .v2-ds-acc-title { font-size:15px; }
  .ds-hero-inner .elementor-widget-text-editor p { font-size:15px !important; }
}
@media (max-width: 680px) {
  .ds-hero { min-height: clamp(240px, 40vh, 320px) !important; }
  .v2-ds-acc-summary-left { gap:10px; }
  .v2-ds-acc-title { font-size:14px !important; }
  .v2-ds-toc-title .elementor-heading-title { font-size:14px !important; font-weight:600 !important; }
  .ds-hero-inner .elementor-widget-text-editor p { font-size:14px !important; }
  .v2-ds-acc-short { display:none; }
}


/* _____ Hero-Service-Label Farbe vereinheitlicht auf #42FBFF _____ */
.about-v2-label,
.about-v2-label .elementor-heading-title {
  color:#42FBFF !important;
  opacity:1 !important;
}


/* Scroll-Progress (JS-basiert, bestaetigte Loesung von Seite 9917) fuer die
   sichtbaren Hauptboxen unterhalb des Heros (TOC-Panel, Update-Card, Accordion-
   Hauptbox). Reines opacity/transform, gesteuert per requestAnimationFrame ueber
   scroll/resize, kein IntersectionObserver, keine feste CSS-Transition-Dauer. */
.mdma-scroll-progress {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .mdma-scroll-progress { opacity: 1 !important; transform: none !important; }
}
.mdma-scroll-progress-script-holder { display:none !important; height:0 !important; padding:0 !important; margin:0 !important; }/* End custom CSS */