/* Daddel – Basis */
* { box-sizing: border-box; }
  body.ddl { margin: 0; background: #07030C; font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
  .ddl a { color: #C8FF37; text-decoration: none; }
  .ddl a:hover { color: #ffffff; }
  ::selection { background: #C8FF37; color: #12001a; }
  @keyframes ddl-marquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
  @keyframes ddl-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  @keyframes ddl-spin-rev { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
  @keyframes ddl-pulse { 0%,100% { opacity: .55; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } }
  @keyframes ddl-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
  @keyframes ddl-fly-back { from { opacity: 0; transform: translate(70vw, 40px) rotate(24deg); } to { opacity: 1; transform: translate(0, 0) rotate(7deg); } }
  @keyframes ddl-fly-front { from { opacity: 0; transform: translate(70vw, 60px) rotate(22deg); } to { opacity: 1; transform: translate(0, 0) rotate(-6deg); } }
  input, textarea, select, button { font-family: inherit; }
.ddl img { max-width: 100%; }
.ddl-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ddl-ph { width: 100%; height: 100%; min-height: 120px; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; font-size: 13px; color: rgba(255,255,255,.5); background: repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 12px, rgba(255,255,255,.02) 12px 24px); }
html { scroll-behavior: smooth; }
@keyframes ddl-glow { 0%,100% { opacity: .35; } 50% { opacity: .7; } }
/* Block-Editor: HTML-Blöcke ohne Abstände */
.ddl .wp-block-html, .ddl > div > section { margin: 0; }

/* Hover-Zustände */
.dh-1:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -14px rgba(200,255,55,.6) !important;color:#12001a !important}
.dh-2:hover{color:#C8FF37 !important;border-bottom:1px solid #C8FF37 !important}
.dh-3:hover{border-color:rgba(200,255,55,.4) !important;transform:translateY(-4px) !important}
.dh-4:hover{color:#fff !important;border-bottom:1px solid #fff !important}
.dh-5:hover{transform:translateY(-6px) !important;border-color:rgba(200,255,55,.55) !important;box-shadow:0 30px 60px -30px rgba(200,255,55,.35) !important}
.dh-6:hover{transform:translateY(-6px) !important;box-shadow:0 30px 60px -30px rgba(200,255,55,.5) !important}
.dh-7:hover{transform:translateY(-6px) !important;border-color:rgba(200,255,55,.5) !important}
.dh-8:hover{background:rgba(18,0,26,.1) !important;color:#12001a !important}
.dh-9:hover{transform:translateY(-2px) !important;box-shadow:0 18px 40px -12px rgba(200,255,55,.7) !important;color:#12001a !important}
.dh-10:hover{opacity:.88 !important;transform:translateY(-1px) !important}
.dh-11:hover{color:#C8FF37 !important}
.dh-101:hover{opacity:1 !important}
.dh-102:hover{color:#fff !important}
.dh-103:hover{color:#fff !important;border-bottom:1px solid #fff !important}
.dh-104:hover{opacity:.88 !important;transform:translateY(-1px) !important;color:#ffffff !important}
.dh-105:hover{background:rgba(255,255,255,.06) !important}
.dh-106:hover{opacity:.65 !important}
.dh-107:hover{color:#C8FF37 !important}
.ddl a[class*="gb-element-ft"] { color: rgba(255,255,255,.68); transition: color .3s; }
.ddl a[class*="gb-element-ft"]:hover { color: #C8FF37; }


/* Hover-Zustände Unterseiten */
.dh-201:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -14px rgba(200,255,55,.6) !important;color:#12001a !important}
.dh-202:hover{color:#fff !important}
.dh-203:hover{background:rgba(200,255,55,.02) !important}
.dh-204:hover{color:#C8FF37 !important}
.dh-205:hover{color:#C8FF37 !important;border-bottom:1px solid #C8FF37 !important}
.dh-206:hover{background:rgba(200,255,55,.06) !important;border-color:rgba(200,255,55,.4) !important}
.dh-207:hover{background:rgba(200,255,55,.05) !important;border-color:rgba(200,255,55,.4) !important}
.dh-208:hover{opacity:1 !important}
.dh-209:hover{transform:translateY(-6px) !important;border-color:rgba(200,255,55,.45) !important}
.dh-210:hover{background:rgba(200,255,55,.1) !important;color:#C8FF37 !important}
.dh-211:hover{color:#12001a !important}
.dh-212:hover{background:#12001a !important;color:#fff !important}
.dh-213:hover{color:#5E7A00 !important}
.dh-214:hover{transform:translateY(-6px) !important;border-color:rgba(200,255,55,.45) !important;color:#fff !important}
.dh-215:hover{color:#fff !important;border-bottom:1px solid #fff !important}
.dh-216:hover{background:#C8FF37 !important;color:#12001a !important;transform:translateY(-2px) !important}
.dh-217:hover{color:#12001a !important;border-bottom:1px solid #12001a !important}
.dh-218:hover{border-color:#C8FF37 !important;color:#C8FF37 !important}
.dh-219:hover{transform:translateY(-2px) !important;box-shadow:0 22px 50px -14px rgba(200,255,55,.6) !important;color:#12001a !important}
.dh-220:hover{transform:translateY(-2px) !important;opacity:.9 !important;color:#fff !important}
.dh-221:hover{border-color:rgba(200,255,55,.45) !important;color:#fff !important}
.dh-222:hover{transform:translateY(-2px) !important;box-shadow:0 20px 44px -16px rgba(18,0,26,.6) !important}
.dh-223:hover{transform:translateY(-5px) !important;box-shadow:0 30px 60px -30px rgba(200,255,55,.45) !important;color:#fff !important}
.dh-224:hover{transform:translateY(-5px) !important;border-color:rgba(200,255,55,.45) !important;color:#fff !important}
.dh-401:focus{border-color:#12001a !important}
.dh-402:hover{transform:translateY(-2px) !important;opacity:.9 !important;color:#fff !important}
.dh-403:hover{transform:translateY(-6px) !important;border-color:rgba(200,255,55,.5) !important}
.dh-404:hover{transform:translateY(-6px) !important}
.dh-405:hover{color:#fff !important;border-bottom:1px solid #fff !important}

/* Blogbeitrag – Fließtext aus dem Editor */
.ddl-prose { font-size: 18px; line-height: 1.85; font-weight: 300; color: rgba(18,0,26,.82); }
.ddl-prose > *:first-child { margin-top: 0; }
.ddl-prose p { margin: 0 0 22px; text-wrap: pretty; }
.ddl-prose h2 { margin: 64px 0 20px; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; font-weight: 600; letter-spacing: -.025em; color: #12001a; scroll-margin-top: 120px; text-wrap: balance; }
.ddl-prose h3 { margin: 40px 0 14px; font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -.015em; color: #12001a; scroll-margin-top: 120px; }
.ddl-prose h4 { margin: 32px 0 10px; font-size: 18px; font-weight: 600; color: #12001a; }
.ddl-prose strong, .ddl-prose b { font-weight: 600; color: #12001a; }
.ddl-prose a { color: #12001a; text-decoration: underline; text-decoration-color: #9BC400; text-underline-offset: 3px; }
.ddl-prose a:hover { color: #5E7A00; }
.ddl-prose ul, .ddl-prose ol { margin: 0 0 22px; padding-left: 1.3em; }
.ddl-prose li { margin: 0 0 10px; }
.ddl-prose li::marker { color: #7A9A00; font-weight: 600; }
.ddl-prose img { max-width: 100%; height: auto; border-radius: 18px; display: block; }
.ddl-prose figure { margin: 40px 0; }
.ddl-prose figcaption { margin-top: 10px; font-size: 13px; color: rgba(18,0,26,.62); }
.ddl-prose blockquote { margin: 40px 0; padding: 8px 0 8px 28px; border-left: 3px solid #C8FF37; font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 24px; line-height: 1.5; color: #12001a; }
.ddl-prose hr { border: 0; border-top: 1px solid rgba(18,0,26,.12); margin: 48px 0; }
.ddl-prose table { width: 100%; border-collapse: collapse; margin: 32px 0; font-size: 15px; background: #fff; border-radius: 16px; overflow: hidden; }
.ddl-prose th, .ddl-prose td { padding: 14px 16px; text-align: left; border-bottom: 1px solid rgba(18,0,26,.08); vertical-align: top; }
.ddl-prose th { font-weight: 600; color: #12001a; background: rgba(18,0,26,.04); }
.ddl-prose iframe, .ddl-prose video { max-width: 100%; border-radius: 18px; }
.ddl-prose .ddl-own-toc { display: none; }
.ddl .page-numbers { padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.8); font-size: 13px; }
.ddl .page-numbers.current { background: #C8FF37; color: #12001a; border-color: #C8FF37; }

/* Hero: gesamter Inhalt im Viewport (Desktop) */
@media (min-width: 900px) {
  .ddl section[data-screen-label$="Hero"]:not([data-hero-root]) { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-top: 88px !important; padding-bottom: clamp(28px, 6vh, 96px) !important; }
  .ddl section[data-screen-label$="Hero"]:not([data-hero-root]) > div[style*="height: 96px"] { display: none; }
  .ddl section[data-screen-label$="Hero"]:not([data-hero-root]) > div[style*="max-width"] { width: 100%; padding-top: clamp(8px, 2vh, 32px) !important; }
  .ddl section[data-screen-label$="Hero"] h1 { font-size: clamp(30px, min(4.8vw, 7.2vh), 72px) !important; }
  .ddl section[data-screen-label$="Hero"] div:has(+ h1) { margin-bottom: clamp(14px, 3vh, 38px) !important; }
  .ddl section[data-screen-label$="Hero"] h1 + p { font-size: clamp(15px, 2.4vh, 18px) !important; line-height: 1.6 !important; margin-top: clamp(14px, 3vh, 34px) !important; }
  .ddl section[data-screen-label$="Hero"] h1 ~ a, .ddl section[data-screen-label$="Hero"] h1 ~ div { margin-top: clamp(16px, 3.6vh, 46px) !important; }
  .ddl section[data-screen-label$="Hero"] h1 ~ div[style*="font-size: 12px"] { margin-top: clamp(8px, 1.6vh, 22px) !important; }
  .ddl section[data-screen-label$="Hero"] h1 ~ a[style*="999px"], .ddl section[data-screen-label$="Hero"] h1 ~ div a[style*="999px"] { padding-top: clamp(14px, 2.4vh, 22px) !important; padding-bottom: clamp(14px, 2.4vh, 22px) !important; }
  .ddl section[data-screen-label$="Hero"]:not([data-hero-root]) > div[style*="max-width"] > [style*="aspect-ratio: 4 / 5"] { width: 100%; max-width: calc((100svh - 170px) * .8); justify-self: center; }
  .ddl section[data-screen-label$="Hero"] [style*="height: clamp(420px, 42vw, 560px)"] { height: clamp(300px, min(42vw, calc(100svh - 170px)), 560px) !important; max-width: min(560px, calc(100svh - 170px)) !important; }
  .ddl section[data-screen-label$="Hero"] [style*="aspect-ratio: 9 / 19"] { max-width: min(306px, calc((100svh - 170px) * 9 / 19)) !important; }
  .ddl section[data-screen-label$="Hero"] [style*="aspect-ratio: 9 / 16"] { max-width: min(230px, calc((100svh - 210px) * 9 / 16)) !important; }
}
.ddl #app a[aria-label]:hover { transform: translateY(-2px); }
.ddl #app a[aria-label] .ddl-img { object-fit: contain; }
.ddl #app a[aria-label] .ddl-ph { min-height: 0; padding: 6px; font-size: 12px; }
.ddl-faq summary::-webkit-details-marker { display: none; }
.ddl-faq[open] .ddl-faq-plus { transform: rotate(45deg); }
.ddl-faq summary:hover .ddl-faq-plus { background: #C8FF37; border-color: #C8FF37; }
@keyframes ddl-heart { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.28); } 30% { transform: scale(1); } 45% { transform: scale(1.18); } 60% { transform: scale(1); } }
.ddl-heart { animation: ddl-heart 1.6s ease-in-out infinite; filter: drop-shadow(0 0 6px rgba(200,255,55,.55)); }
.ddl-badge .ddl-ph { min-height: 0; padding: 4px; font-size: 12px; }
.ddl-badge .ddl-img { object-fit: contain; }
.ddl-badge:hover { transform: translateY(-2px); }

/* GenerateBlocks-Seiten */
.ddl .wp-block-image.ddl-cover, .ddl .wp-block-image.ddl-contain { margin: 0; width: 100%; height: 100%; }
.ddl .wp-block-image.ddl-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ddl .wp-block-image.ddl-contain img { width: 100%; height: 100%; object-fit: contain; display: block; }
.ddl .gb-text em { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; }
.ddl .gb-text mark.has-inline-color { background: transparent; }
.ddl .gb-text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 900px) {
  .ddl .ddl-hero { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-top: 88px !important; padding-bottom: clamp(28px, 6vh, 96px) !important; }
  .ddl .ddl-hero > .ddl-hero-spacer { display: none; }
  .ddl .ddl-hero > .ddl-hero-in { width: 100%; padding-top: clamp(8px, 2vh, 32px) !important; }
  .ddl .ddl-hero .ddl-hero-combo { height: clamp(300px, min(42vw, calc(100svh - 170px)), 560px) !important; max-width: min(560px, calc(100svh - 170px)) !important; }
}

/* Buttons & Links – als CSS-Klasse auf jedem Link-Block nutzbar */
.ddl a.ddl-btn-lime, .ddl a.ddl-btn-dark, .ddl a.ddl-btn-outline, .ddl a.ddl-chip { display: inline-flex; align-items: center; gap: 12px; border-radius: 999px; text-decoration: none; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, background .35s, color .35s, border-color .35s; }
.ddl a.ddl-btn-lime { background: #C8FF37; color: #12001a; font-weight: 700; padding: 21px 34px; }
.ddl a.ddl-btn-lime:hover { color: #12001a; transform: translateY(-3px); box-shadow: 0 22px 50px -14px rgba(200,255,55,.6); }
.ddl a.ddl-btn-dark { background: #12001a; color: #ffffff; font-weight: 600; padding: 18px 28px; }
.ddl a.ddl-btn-dark:hover { color: #C8FF37; transform: translateY(-2px); }
.ddl a.ddl-btn-outline { border: 1px solid rgba(200,255,55,.5); color: #C8FF37; font-weight: 600; padding: 20px 32px; }
.ddl a.ddl-btn-outline:hover { background: #C8FF37; color: #12001a; transform: translateY(-2px); }
.ddl a.ddl-chip { border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.85); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; padding: 15px 26px; }
.ddl a.ddl-chip:hover { border-color: #C8FF37; color: #C8FF37; }
.ddl a.ddl-link, .ddl a.ddl-link-lime, .ddl a.ddl-link-dark { display: inline-flex; font-size: 13px; font-weight: 500; letter-spacing: .04em; text-decoration: none; padding-bottom: 5px; transition: color .3s, border-color .3s; }
.ddl a.ddl-link { color: rgba(255,255,255,.8); border-bottom: 1px solid rgba(255,255,255,.22); }
.ddl a.ddl-link:hover { color: #C8FF37; border-color: #C8FF37; }
.ddl a.ddl-link-lime { color: #C8FF37; border-bottom: 1px solid rgba(200,255,55,.4); }
.ddl a.ddl-link-lime:hover { color: #ffffff; border-color: #ffffff; }
.ddl a.ddl-link-dark { color: #12001a; font-weight: 600; border-bottom: 1px solid rgba(18,0,26,.35); }
.ddl a.ddl-link-dark:hover { border-color: #12001a; }
.ddl a[class*="ddl-btn"] .gb-text, .ddl a[class*="ddl-link"] .gb-text, .ddl a.ddl-chip .gb-text { text-decoration: none; color: inherit; }

/* Footer (GenerateBlocks) */
.ddl footer a.gb-element { color: rgba(255,255,255,.68); }
.ddl footer a.gb-element:hover { color: #C8FF37; }
.ddl .ddl-social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.ddl .ddl-social a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); display: flex; align-items: center; justify-content: center; transition: border-color .3s, transform .3s; }
.ddl .ddl-social a:hover { border-color: #C8FF37; transform: translateY(-2px); }
.ddl .ddl-social-ico { width: 16px; height: 16px; display: block; background: rgba(255,255,255,.82); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transition: background .3s; }
.ddl .ddl-social a:hover .ddl-social-ico { background: #C8FF37; }
/* Hinweis-Banner (Design → Hinweis-Banner) */
.ddl .ddl-pre { position: fixed; top: 0; left: 0; right: 0; z-index: 90; background: #C8FF37; color: #12001a; font-family: Montserrat, sans-serif; }
.ddl.admin-bar .ddl-pre { top: 32px; }
.ddl .ddl-pre--dark { background: #1a0d24; color: #fff; border-bottom: 1px solid rgba(200,255,55,.28); }
.ddl .ddl-pre-in { max-width: 1384px; margin: 0 auto; padding: 10px 56px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.ddl .ddl-pre p { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .02em; line-height: 1.45; text-align: center; text-wrap: pretty; }
.ddl .ddl-pre a { color: inherit; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.ddl .ddl-pre a:hover { text-decoration-thickness: 2px; }
.ddl .ddl-pre--dark a { color: #C8FF37; }
.ddl .ddl-pre-dot { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.ddl .ddl-pre--dark .ddl-pre-dot { background: #C8FF37; }
.ddl .ddl-pre-x { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 22px; line-height: 1; cursor: pointer; transition: background .2s; }
.ddl .ddl-pre-x:hover { background: rgba(0,0,0,.1); }
.ddl .ddl-pre--dark .ddl-pre-x:hover { background: rgba(255,255,255,.1); }
.ddl.ddl-has-pre { padding-top: var(--ddl-pre-h, 40px); }
.ddl.ddl-has-pre header[data-bar] { top: var(--ddl-pre-h, 40px) !important; }
.ddl.ddl-has-pre.admin-bar header[data-bar] { top: calc(32px + var(--ddl-pre-h, 40px)) !important; }
@media (max-width: 782px) { .ddl.admin-bar .ddl-pre { top: 46px; } .ddl.ddl-has-pre.admin-bar header[data-bar] { top: calc(46px + var(--ddl-pre-h, 40px)) !important; } .ddl .ddl-pre-in { padding: 9px 48px 9px 20px; } .ddl .ddl-pre p { font-size: 12px; } }
/* Mitarbeiter finden: App-Screenshots enthalten das Handy bereits – kein zusätzlicher Rahmen */
.ddl .gb-element-mf019, .ddl .gb-element-mf124 { aspect-ratio: auto !important; background: none !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.ddl .gb-element-mf020, .ddl .gb-element-mf125 { background: none !important; border-radius: 0 !important; height: auto !important; overflow: visible !important; }
.ddl .gb-element-mf020 figure, .ddl .gb-element-mf125 figure, .ddl .gb-element-mf020 img, .ddl .gb-element-mf125 img { height: auto !important; width: 100% !important; object-fit: contain !important; margin: 0; display: block; }
/* CTA zur FAQ-Seite (automatisch unter FAQ-Sektionen) */
.ddl .ddl-faq-cta { margin-top: 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; font-family: Montserrat, sans-serif; }
.ddl .ddl-faq-cta > span { font-size: 15px; font-weight: 300; color: rgba(255,255,255,.72); }
.ddl .ddl-faq-cta a { display: inline-flex; align-items: center; gap: 10px; padding: 16px 30px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; transition: background .3s, color .3s, border-color .3s; }
.ddl .ddl-faq-cta a:hover { background: #C8FF37; border-color: #C8FF37; color: #12001a; }
.ddl [data-ground="light"] .ddl-faq-cta > span { color: rgba(18,0,26,.7); }
.ddl [data-ground="light"] .ddl-faq-cta a { border-color: rgba(18,0,26,.3); color: #12001a; }
.ddl [data-ground="light"] .ddl-faq-cta a:hover { background: #12001a; border-color: #12001a; color: #C8FF37; }
/* Fallstudien (bearbeitbare Blöcke) */
.ddl .ddl-fs-hero { position: relative; overflow: hidden; margin: 0; padding: 0 32px 80px; color: #fff; background: radial-gradient(90% 70% at 20% -5%, rgba(200,255,55,.12) 0%, rgba(200,255,55,0) 55%), linear-gradient(170deg, #150827 0%, #21093A 45%, #07030C 100%); }
.ddl .ddl-fs-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.055) 1px, transparent 1px); background-size: 42px 42px; pointer-events: none; }
.ddl .ddl-fs-hero-in { position: relative; max-width: 1320px; margin: 0 auto; padding-top: 176px; animation: ddl-rise .9s cubic-bezier(.2,.7,.2,1) both; }
.ddl .ddl-fs-hero-in > * { margin-block-start: 0; }
.ddl .ddl-fs-crumb { margin: 0 0 36px; font-size: 12px; font-weight: 400; color: rgba(255,255,255,.55); }
.ddl .ddl-fs-crumb a { color: rgba(255,255,255,.7); text-decoration: none; transition: color .3s; }
.ddl .ddl-fs-crumb a:hover { color: #C8FF37; }
.ddl .ddl-fs-chip { margin: 0 0 28px; }
.ddl .ddl-fs-chip a { display: inline-flex; font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #C8FF37; border: 1px solid rgba(200,255,55,.35); border-radius: 999px; padding: 7px 15px; text-decoration: none; transition: background .3s, color .3s; }
.ddl .ddl-fs-chip a:hover { background: #C8FF37; color: #12001a; }
.ddl .ddl-fs-title { margin: 0; max-width: 900px; font-size: clamp(34px, 4.6vw, 66px); line-height: 1.03; font-weight: 600; letter-spacing: -.035em; color: #fff; text-wrap: balance; }
.ddl .ddl-fs-title em { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; color: #C8FF37; }
.ddl .ddl-fs-lead { margin: 30px 0 0; max-width: 680px; font-size: 19px; line-height: 1.7; font-weight: 300; color: rgba(255,255,255,.74); text-wrap: pretty; }
.ddl .ddl-fs-cover { position: relative; z-index: 2; margin: 0; padding: 0 32px; background: linear-gradient(180deg, #07030C 0%, #07030C 50%, #EDE7F6 50%, #EDE7F6 100%); }
.ddl .ddl-fs-cover figure { max-width: 1320px; margin: 0 auto !important; border-radius: 28px; overflow: hidden; background: #1A1024; box-shadow: 0 60px 120px -30px rgba(40,10,70,.55), 0 30px 60px -30px rgba(0,0,0,.5); }
.ddl .ddl-fs-cover img { display: block; width: 100%; height: auto; }
.ddl .ddl-fs-body { margin: 0; padding: 100px 32px 130px; background: linear-gradient(150deg, #EDE7F6 0%, #F1EAE0 100%); color: #12001a; }
.ddl .ddl-fs-grid { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: 260px minmax(0, 760px); gap: 48px 80px; align-items: start; }
.ddl [class*="ddl-fs-"] > .wp-block-group__inner-container { display: contents; }
.ddl .ddl-fs-grid > * { margin-block-start: 0; }
.ddl .ddl-fs-grid aside[data-aside] { max-width: none !important; align-self: start; }
@media (max-width: 960px) { .ddl .ddl-fs-grid { grid-template-columns: minmax(0, 1fr); } .ddl .ddl-fs-grid aside[data-aside] { position: static !important; } }
.ddl .ddl-fs-article { min-width: 0; font-size: 18px; line-height: 1.85; font-weight: 300; color: rgba(18,0,26,.82); }
.ddl .ddl-fs-article > * { margin-block-start: 0; }
.ddl .ddl-fs-article p { margin: 0 0 22px; }
.ddl .ddl-fs-article .ddl-fs-intro { margin: 0 0 28px; font-size: 21px; line-height: 1.7; font-weight: 400; color: #12001a; text-wrap: pretty; }
.ddl .ddl-fs-article h2 { margin: 64px 0 20px; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; font-weight: 600; letter-spacing: -.025em; color: #12001a; scroll-margin-top: 120px; text-wrap: balance; }
.ddl .ddl-fs-article h3 { margin: 40px 0 14px; font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -.02em; color: #12001a; scroll-margin-top: 120px; }
.ddl .ddl-fs-article ul, .ddl .ddl-fs-article ol { margin: 0 0 22px; padding-left: 1.2em; }
.ddl .ddl-fs-article li { margin: 0 0 8px; }
.ddl .ddl-fs-article strong { font-weight: 600; color: #12001a; }
.ddl .ddl-fs-article a:not([class]) { color: #12001a; text-decoration: underline; text-underline-offset: 3px; }
.ddl .ddl-fs-article a:not([class]):hover { color: #6B2BB0; }
.ddl .ddl-fs-article figure.wp-block-image { margin: 40px 0; }
.ddl .ddl-fs-article figure.wp-block-image img { display: block; width: 100%; height: auto; border-radius: 20px; }
.ddl .ddl-fs-article figcaption { margin-top: 10px; font-size: 14px; line-height: 1.6; color: rgba(18,0,26,.62); text-align: left; }
.ddl .ddl-fs-article blockquote { margin: 40px 0; padding: 0 0 0 24px; border-left: 2px solid #C8FF37; font-size: 21px; line-height: 1.6; font-weight: 400; color: #12001a; }
.ddl .ddl-fs-article blockquote p { margin: 0 0 8px; }
.ddl .ddl-fs-article blockquote p + p { font-size: 17px; font-weight: 300; color: rgba(18,0,26,.7); }
.ddl .ddl-fs-list { list-style: none; padding-left: 0 !important; }
.ddl .ddl-fs-list li { position: relative; padding-left: 26px; margin: 0 0 12px; }
.ddl .ddl-fs-list li::before { content: "/"; position: absolute; left: 0; color: #6B2BB0; font-weight: 600; }
.ddl .ddl-fs-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin: 28px 0 32px; }
.ddl .ddl-fs-stats > .wp-block-group__inner-container { display: contents; }
.ddl .ddl-fs-stat { background: #12001a; border-radius: 20px; padding: 24px 22px; }
.ddl .ddl-fs-article .ddl-fs-stat p { margin: 0; }
.ddl .ddl-fs-article .ddl-fs-stat-v { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.1; font-weight: 600; letter-spacing: -.02em; color: #C8FF37; }
.ddl .ddl-fs-article .ddl-fs-stat-l { margin-top: 8px !important; font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.7); }
.ddl .ddl-fs-steps { counter-reset: fsstep; display: flex; flex-direction: column; gap: 12px; margin: 20px 0 28px; }
.ddl .ddl-fs-steps > .wp-block-group__inner-container { display: contents; }
.ddl .ddl-fs-article .ddl-fs-step { counter-increment: fsstep; position: relative; margin: 0; padding: 20px 22px 20px 70px; background: #fff; border: 1px solid rgba(18,0,26,.08); border-radius: 18px; font-size: 16px; line-height: 1.7; }
.ddl .ddl-fs-step::before { content: counter(fsstep); position: absolute; left: 22px; top: 20px; width: 32px; height: 32px; border-radius: 50%; background: #C8FF37; color: #12001a; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.ddl .ddl-fs-cta { margin: 48px 0 32px; padding: 36px; border-radius: 26px; background: #12001a; color: #fff; }
.ddl .ddl-fs-article .ddl-fs-cta p { color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.75; }
.ddl .ddl-fs-article .ddl-fs-cta strong { color: #fff; }
.ddl .ddl-fs-article .ddl-fs-cta-label { margin: 0 0 12px; font-size: 22px !important; font-weight: 600; letter-spacing: -.02em; color: #fff !important; }
.ddl .ddl-fs-btn .wp-block-button__link { display: inline-flex; align-items: center; gap: 12px; background: #C8FF37; color: #12001a; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 19px 30px; border-radius: 999px; text-decoration: none; transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.ddl .ddl-fs-btn .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 22px 50px -14px rgba(200,255,55,.6); color: #12001a; }
.ddl .ddl-fs-article .ddl-fs-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 12px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: rgba(18,0,26,.62); }
.ddl .ddl-fs-tags a { padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(18,0,26,.16); font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #12001a !important; text-decoration: none !important; transition: border-color .3s; }
.ddl .ddl-fs-tags a:hover { border-color: #12001a; }
@media (max-width: 782px) { .ddl .ddl-fs-hero-in { padding-top: 130px; } .ddl .ddl-fs-body { padding: 72px 20px 100px; } .ddl .ddl-fs-hero, .ddl .ddl-fs-cover { padding-left: 20px; padding-right: 20px; } }
/* Karriere: Stellen-Listen (Listen-Block) + kursives Wort in Überschriften */
.ddl .ddl-job-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; font-size: 15px; line-height: 1.7; font-weight: 300; color: rgba(255,255,255,.72); }
.ddl .ddl-job-list li { position: relative; margin: 0; padding-left: 24px; }
.ddl .ddl-job-list li::before { content: "/"; position: absolute; left: 0; color: #C8FF37; }
.ddl .ddl-serif-em em { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; }
.ddl [data-job-toggle]:focus-visible { outline: 2px solid #C8FF37; outline-offset: -4px; }
/* medwork: Autor-Avatar im Kopfbereich klein halten (auch für alten Stand) */
.ddl .gb-text-f1017 img, .ddl .ddl-avatar img { width: 48px !important; height: 48px !important; max-width: 48px; border-radius: 50%; object-fit: cover; display: block; }
.ddl .gb-text-f1017 { display: inline-flex; align-items: center; gap: 14px; font-size: 15px; font-weight: 600; }
.ddl .ddl-avatar figure { margin: 0; height: 100%; }
/* Karriere: Funnel-Screenshot enthält das Handy bereits – kein zusätzlicher Rahmen */
.ddl .gb-element-k049 { aspect-ratio: auto !important; background: none !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; max-width: 280px !important; }
.ddl .gb-element-k050 { background: none !important; border-radius: 0 !important; height: auto !important; overflow: visible !important; }
.ddl .gb-element-k050 figure, .ddl .gb-element-k050 img { height: auto !important; width: 100% !important; object-fit: contain !important; margin: 0; display: block; filter: drop-shadow(0 40px 50px rgba(18,0,26,.35)); }
/* Kontaktformular [ddl_kontakt] */
.ddl .ddl-kf { background: #fff; border-radius: 28px; padding: 40px 36px; color: #12001a; font-family: Montserrat, sans-serif; scroll-margin-top: 120px; }
.ddl .ddl-kf-form { display: flex; flex-direction: column; gap: 18px; margin: 0; }
.ddl .ddl-kf-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; }
.ddl .ddl-kf-field { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.ddl .ddl-kf-field > span { font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: rgba(18,0,26,.6); }
.ddl .ddl-kf-field input, .ddl .ddl-kf-field select, .ddl .ddl-kf-field textarea { width: 100%; box-sizing: border-box; padding: 15px 18px; border: 1px solid rgba(18,0,26,.16); border-radius: 14px; background: #F7F4FA; color: #12001a; font: inherit; font-size: 16px; font-weight: 400; line-height: 1.5; transition: border-color .25s, box-shadow .25s, background .25s; -webkit-appearance: none; appearance: none; }
.ddl .ddl-kf-field select { background-image: linear-gradient(45deg, transparent 50%, #12001a 50%), linear-gradient(135deg, #12001a 50%, transparent 50%); background-position: calc(100% - 22px) 52%, calc(100% - 16px) 52%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 44px; }
.ddl .ddl-kf-field textarea { resize: vertical; min-height: 150px; }
.ddl .ddl-kf-field input::placeholder, .ddl .ddl-kf-field textarea::placeholder { color: rgba(18,0,26,.62); font-weight: 300; }
.ddl .ddl-kf-field input:focus, .ddl .ddl-kf-field select:focus, .ddl .ddl-kf-field textarea:focus { outline: none; border-color: #12001a; background: #fff; box-shadow: 0 0 0 4px rgba(200,255,55,.55); }
.ddl .ddl-kf-check-row { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 0; font-size: 13px; line-height: 1.6; font-weight: 300; color: rgba(18,0,26,.72); cursor: pointer; }
.ddl .ddl-kf-check-row input { flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; accent-color: #12001a; }
.ddl .ddl-kf-check-row a { color: #12001a; text-decoration: underline; text-underline-offset: 3px; }
.ddl .ddl-kf-btn { align-self: flex-start; display: inline-flex; align-items: center; gap: 12px; margin-top: 6px; padding: 19px 32px; border: 0; border-radius: 999px; background: #12001a; color: #C8FF37; font: inherit; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.ddl .ddl-kf-btn:hover { transform: translateY(-2px); box-shadow: 0 22px 50px -14px rgba(18,0,26,.55); }
.ddl .ddl-kf-btn:focus-visible { outline: 3px solid #C8FF37; outline-offset: 3px; }
.ddl .ddl-kf-note { margin: 2px 0 0; font-size: 12px; font-weight: 300; color: rgba(18,0,26,.62); }
.ddl .ddl-kf-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ddl .ddl-kf-err { margin: 0 0 20px; padding: 14px 18px; border-radius: 14px; background: #FDECEC; color: #8A1C1C; font-size: 14px; line-height: 1.6; }
.ddl .ddl-kf-err a { color: inherit; text-decoration: underline; }
.ddl .ddl-kf-done { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px 0; }
.ddl .ddl-kf-done strong { font-size: 24px; font-weight: 600; letter-spacing: -.02em; }
.ddl .ddl-kf-done p { margin: 0; font-size: 16px; line-height: 1.7; font-weight: 300; color: rgba(18,0,26,.7); }
.ddl .ddl-kf-check { width: 52px; height: 52px; border-radius: 50%; background: #C8FF37; color: #12001a; font-size: 24px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
@media (max-width: 600px) { .ddl .ddl-kf { padding: 30px 22px; } .ddl .ddl-kf-btn { align-self: stretch; justify-content: center; } }
/* OpenStreetMap [ddl_osm] */
.ddl .ddl-osm { position: relative; width: 100%; height: 100%; min-height: 320px; background: radial-gradient(circle at 50% 45%, rgba(200,255,55,.14) 0%, rgba(200,255,55,0) 55%), repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 48px), #150827; font-family: Montserrat, sans-serif; }
.ddl .ddl-osm iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.ddl .ddl-osm-gate { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; text-align: center; color: #fff; }
.ddl .ddl-osm-gate strong { font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.ddl .ddl-osm-gate small { max-width: 320px; font-size: 12px; line-height: 1.6; font-weight: 300; color: rgba(255,255,255,.6); }
.ddl .ddl-osm-gate small a { color: rgba(255,255,255,.8); text-decoration: underline; }
.ddl .ddl-osm-pin { width: 22px; height: 22px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #C8FF37; box-shadow: 0 0 0 10px rgba(200,255,55,.15), 0 0 0 22px rgba(200,255,55,.07); margin-bottom: 8px; }
.ddl .ddl-osm-btn { padding: 15px 26px; border: 0; border-radius: 999px; background: #C8FF37; color: #12001a; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: transform .3s, box-shadow .3s; }
.ddl .ddl-osm-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -14px rgba(200,255,55,.6); }
.ddl .ddl-osm-link { position: absolute; right: 14px; bottom: 14px; z-index: 2; padding: 9px 14px; border-radius: 999px; background: rgba(18,0,26,.85); color: #fff; font-size: 12px; font-weight: 500; text-decoration: none; transition: background .3s, color .3s; }
.ddl .ddl-osm-link:hover { background: #C8FF37; color: #12001a; }
/* Kontaktformular: Schritte */
.ddl .ddl-kf-steps { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; gap: 10px; }
.ddl .ddl-kf-steps li { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: rgba(18,0,26,.62); }
.ddl .ddl-kf-steps li span { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(18,0,26,.2); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; letter-spacing: 0; transition: background .3s, color .3s, border-color .3s; }
.ddl .ddl-kf-steps li.is-active { color: #12001a; }
.ddl .ddl-kf-steps li.is-active span { background: #12001a; border-color: #12001a; color: #C8FF37; }
.ddl .ddl-kf-steps li.is-done span { background: #C8FF37; border-color: #C8FF37; color: #12001a; font-size: 0; }
.ddl .ddl-kf-steps li.is-done span::after { content: "✓"; font-size: 14px; }
.ddl .ddl-kf-bar { height: 3px; border-radius: 3px; background: rgba(18,0,26,.08); overflow: hidden; margin: -4px 0 6px; }
.ddl .ddl-kf-bar i { display: block; height: 100%; width: 0; background: #12001a; transition: width .45s cubic-bezier(.2,.8,.2,1); }
.ddl .ddl-kf-step { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.ddl .ddl-kf-step legend { padding: 0; margin: 0 0 18px; font-size: 22px; font-weight: 600; letter-spacing: -.02em; color: #12001a; }
.ddl .ddl-kf-form.is-steps .ddl-kf-step:not(.is-active) { display: none; }
.ddl .ddl-kf-form.is-steps .ddl-kf-step.is-active { animation: ddl-kf-in .4s cubic-bezier(.2,.8,.2,1) both; }
@keyframes ddl-kf-in { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
.ddl .ddl-kf-form:not(.is-steps) .ddl-kf-steps, .ddl .ddl-kf-form:not(.is-steps) .ddl-kf-bar, .ddl .ddl-kf-form:not(.is-steps) [data-kf-next], .ddl .ddl-kf-form:not(.is-steps) [data-kf-back] { display: none; }
.ddl .ddl-kf-topics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; border-radius: 16px; }
.ddl .ddl-kf-topic { position: relative; margin: 0; cursor: pointer; }
.ddl .ddl-kf-topic input { position: absolute; opacity: 0; pointer-events: none; }
.ddl .ddl-kf-topic span { display: flex; align-items: center; min-height: 56px; padding: 14px 18px; border: 1px solid rgba(18,0,26,.16); border-radius: 14px; background: #F7F4FA; font-size: 15px; font-weight: 500; line-height: 1.35; color: #12001a; transition: border-color .25s, background .25s, box-shadow .25s; }
.ddl .ddl-kf-topic:hover span { border-color: rgba(18,0,26,.4); }
.ddl .ddl-kf-topic input:checked + span { background: #C8FF37; border-color: #12001a; box-shadow: inset 0 0 0 1px #12001a; }
.ddl .ddl-kf-topic input:focus-visible + span { box-shadow: 0 0 0 4px rgba(200,255,55,.55); border-color: #12001a; }
.ddl .ddl-kf-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 6px; }
.ddl .ddl-kf-nav .ddl-kf-btn { margin: 0 0 0 auto; }
.ddl .ddl-kf-nav [hidden] { display: none !important; }
.ddl .ddl-kf-back { padding: 12px 4px; border: 0; background: none; color: #12001a; font: inherit; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.ddl .ddl-kf-back:hover { text-decoration: underline; text-underline-offset: 4px; }
.ddl .ddl-kf-hint { margin: 0; font-size: 13px; color: #A3261F; }
.ddl .is-bad input, .ddl .is-bad textarea, .ddl .ddl-kf-topics.is-bad { border-color: #D2453B !important; box-shadow: 0 0 0 3px rgba(210,69,59,.15); }
.ddl .ddl-kf-check-row.is-bad span { color: #A3261F; }
.ddl .ddl-kf-btn[disabled] { opacity: .6; cursor: default; transform: none; }
@media (max-width: 600px) { .ddl .ddl-kf-steps li { font-size: 0; gap: 0; } .ddl .ddl-kf-steps li.is-active { font-size: 12px; gap: 8px; } .ddl .ddl-kf-nav .ddl-kf-btn { flex: 1 1 auto; justify-content: center; } }
/* Startseite: ganze Fallstudien-Karte klickbar */
.ddl article.dh-7 { position: relative; }
.ddl article.dh-7 a.dh-102::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
/* Mitarbeiter finden: App-Badges über dem Smartphone */
.ddl .ddl-phone-badges { position: absolute; z-index: 3; left: 50%; bottom: 18%; transform: translateX(calc(-50% - 150px)); display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: 22px; background: rgba(18,0,26,.55); border: 1px solid rgba(255,255,255,.14); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 30px 60px -20px rgba(0,0,0,.8); animation: ddl-pb-float 6s ease-in-out infinite; }
.ddl .ddl-pb { display: block; width: 170px; border-radius: 9px; overflow: hidden; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.ddl .ddl-pb:hover { transform: translateY(-2px) scale(1.03); }
.ddl .ddl-pb img { display: block; width: 100%; height: auto; max-width: none; }
@keyframes ddl-pb-float { 0%,100% { margin-bottom: 0; } 50% { margin-bottom: 10px; } }
@media (max-width: 900px) { .ddl .ddl-phone-badges { flex-direction: row; left: 50%; bottom: -26px; transform: translateX(-50%); padding: 10px; gap: 10px; } .ddl .ddl-pb { width: 140px; } }
@media (prefers-reduced-motion: reduce) { .ddl .ddl-phone-badges { animation: none; } }
/* Mobiles Menü */
.ddl .ddl-mbar { display: none; }
.ddl-mnav { display: none; }
@media (max-width: 1024px) {
  .ddl header[data-bar] .ddl-nav { display: none !important; }
  .ddl header[data-bar] > div { padding: 16px 20px !important; gap: 12px !important; }
  .ddl header[data-bar] [data-logo] { height: 30px !important; }
  .ddl .ddl-mbar { display: flex; align-items: center; gap: 10px; margin-left: auto; position: relative; z-index: 2; }
  .ddl .ddl-mcta { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .3s, color .3s, border-color .3s; }
  .ddl .ddl-burger { position: relative; width: 44px; height: 44px; padding: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; cursor: pointer; transition: background .3s, border-color .3s, color .3s; }
  .ddl .ddl-burger span { position: absolute; left: 13px; right: 13px; height: 1.6px; border-radius: 2px; background: currentColor; transition: transform .45s cubic-bezier(.7,0,.2,1), opacity .25s, top .45s cubic-bezier(.7,0,.2,1), right .45s; }
  .ddl .ddl-burger span:nth-child(1) { top: 15px; }
  .ddl .ddl-burger span:nth-child(2) { top: 21px; right: 18px; }
  .ddl .ddl-burger span:nth-child(3) { top: 27px; }
  .ddl .ddl-burger:hover span:nth-child(2) { right: 13px; }
  html.ddl-menu-open .ddl-burger { background: #C8FF37 !important; border-color: #C8FF37 !important; color: #12001a !important; }
  html.ddl-menu-open .ddl-burger span:nth-child(1) { top: 21px; transform: rotate(45deg); }
  html.ddl-menu-open .ddl-burger span:nth-child(2) { opacity: 0; transform: translateX(8px); }
  html.ddl-menu-open .ddl-burger span:nth-child(3) { top: 21px; transform: rotate(-45deg); }
  html.ddl-menu-open .ddl-mcta { background: transparent !important; color: #C8FF37 !important; border-color: rgba(200,255,55,.5) !important; }
  html.ddl-menu-open header[data-bar] { background: transparent !important; border-bottom-color: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; z-index: 95 !important; }
  html.ddl-menu-open [data-logo] { filter: none !important; }
  html.ddl-menu-open, html.ddl-menu-open body { overflow: hidden; }
  .ddl-mnav { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 90; padding: 108px 24px 32px; overflow-y: auto; background: #12001a; color: #fff; font-family: Montserrat, sans-serif; clip-path: circle(0 at calc(100% - 42px) 38px); visibility: hidden; transition: clip-path .7s cubic-bezier(.7,0,.2,1), visibility 0s .7s; }
  html.ddl-menu-open .ddl-mnav { clip-path: circle(150% at calc(100% - 42px) 38px); visibility: visible; transition: clip-path .75s cubic-bezier(.7,0,.2,1), visibility 0s; }
  .ddl-has-pre .ddl-mnav { padding-top: calc(108px + var(--ddl-pre-h, 40px)); }
  .ddl-mnav-glow { position: absolute; width: 120vw; aspect-ratio: 1; right: -60vw; top: -50vw; border-radius: 50%; background: radial-gradient(circle, rgba(200,255,55,.16) 0%, rgba(200,255,55,0) 60%), radial-gradient(circle at 30% 70%, rgba(140,60,255,.35) 0%, rgba(140,60,255,0) 55%); pointer-events: none; }
  .ddl-mnav-in { position: relative; display: flex; flex-direction: column; }
  .ddl-mnav-in > * { opacity: 0; transform: translateY(26px); transition: opacity .5s, transform .6s cubic-bezier(.2,.8,.2,1); }
  html.ddl-menu-open .ddl-mnav-in > *, html.ddl-menu-open .ddl-mnav-foot { opacity: 1; transform: none; transition-delay: calc(.25s + var(--d, 0) * .06s); }
  .ddl-mnav-link { display: flex; align-items: baseline; gap: 16px; width: 100%; padding: 16px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.1); background: none; color: #fff; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
  .ddl-mnav-n { flex: 0 0 auto; width: 22px; font-size: 12px; font-weight: 500; letter-spacing: .1em; color: #C8FF37; }
  .ddl-mnav-t { font-size: clamp(30px, 9vw, 44px); font-weight: 600; letter-spacing: -.035em; line-height: 1.05; transition: color .25s, transform .35s cubic-bezier(.2,.8,.2,1); }
  .ddl-mnav-link:hover .ddl-mnav-t, .ddl-mnav-link:focus-visible .ddl-mnav-t { color: #C8FF37; transform: translateX(6px); }
  .ddl-mnav-link:focus-visible { outline: 2px solid #C8FF37; outline-offset: 4px; border-radius: 6px; }
  .ddl-mnav-acc i { position: relative; margin-left: auto; align-self: center; width: 16px; height: 16px; flex: 0 0 auto; }
  .ddl-mnav-acc i::before, .ddl-mnav-acc i::after { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 1.6px; background: #C8FF37; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
  .ddl-mnav-acc i::after { transform: rotate(90deg); }
  .ddl-mnav-group.is-open .ddl-mnav-acc i::after { transform: rotate(0); }
  .ddl-mnav-group.is-open .ddl-mnav-t { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; color: #C8FF37; }
  .ddl-mnav-sub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.2,.8,.2,1); }
  .ddl-mnav-group.is-open .ddl-mnav-sub { grid-template-rows: 1fr; }
  .ddl-mnav-sub > div { overflow: hidden; display: flex; flex-direction: column; padding-left: 38px; }
  .ddl-mnav-sub a { display: flex; align-items: center; gap: 10px; padding: 11px 0; color: rgba(255,255,255,.78); font-size: 17px; font-weight: 400; text-decoration: none; transition: color .2s; }
  .ddl-mnav-sub a:first-child { padding-top: 16px; }
  .ddl-mnav-sub a:last-child { padding-bottom: 20px; }
  .ddl-mnav-sub a:hover { color: #C8FF37; }
  .ddl-mnav-sub em { font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: .04em; color: #12001a; background: #C8FF37; border-radius: 999px; padding: 3px 8px; }
  .ddl-mnav-foot { position: relative; margin-top: auto; padding-top: 40px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 300; color: rgba(255,255,255,.55); opacity: 0; transform: translateY(16px); transition: opacity .5s, transform .6s; }
  .ddl-mnav-foot a { color: #fff; font-weight: 500; text-decoration: none; }
}
@media (max-width: 380px) { .ddl .ddl-mcta { padding: 0 14px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .ddl-mnav, .ddl-mnav * { transition-duration: .01s !important; transition-delay: 0s !important; } }
/* Barrierefreiheit */
.ddl .ddl-skip { position: fixed; left: 16px; top: 12px; z-index: 200; padding: 14px 22px; border-radius: 999px; background: #C8FF37; color: #12001a; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; transform: translateY(-160%); transition: transform .25s; }
.ddl .ddl-skip:focus { transform: none; outline: 2px solid #12001a; outline-offset: 2px; }
.ddl #ddl-content:focus { outline: none; }
.ddl a:focus-visible, .ddl button:focus-visible, .ddl summary:focus-visible, .ddl [role="button"]:focus-visible, .ddl input[type="checkbox"]:focus-visible, .ddl input[type="radio"]:focus-visible + span { outline: 3px solid #C8FF37; outline-offset: 2px; box-shadow: 0 0 0 2px #12001a; border-radius: 6px; }
.ddl .ddl-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* Header-Menü: Hover grün */
.ddl header[data-bar] .dh-106:hover, .ddl header[data-bar] [data-trig]:hover { color: #C8FF37 !important; opacity: 1 !important; }
.ddl header[data-bar] [data-panel] a:hover > span:last-child > span:first-child { color: #C8FF37 !important; }
.ddl .wp-block-image.ddl-logo { margin: 0 0 18px; }
.ddl .wp-block-image.ddl-logo img { height: 24px; width: auto; display: block; }
.ddl .ddl-badge .wp-block-image { margin: 0; height: 100%; }
.ddl .ddl-badge a { display: block; height: 100%; }

/* GenerateBlocks: Ersatz für frühere style-Selektoren */
.ddl .ddl-imgwrap .wp-block-image { margin: 0; height: 100%; }
.ddl .ddl-imgwrap img { height: 100%; width: auto; display: block; }
@media (min-width: 900px) {
  .ddl .ddl-hero .ddl-hero-45 { width: 100%; max-width: calc((100svh - 170px) * .8); justify-self: center; }
  .ddl .ddl-hero .ddl-phone { max-width: min(306px, calc((100svh - 170px) * 9 / 19)) !important; }
  .ddl .ddl-hero .ddl-916 { max-width: min(230px, calc((100svh - 210px) * 9 / 16)) !important; }
}
.ddl .ddl-imgwrap .wp-block-image img { height: 100%; width: auto; max-width: 100%; object-fit: contain; }

/* Laufband kompakt (wirkt auch auf bereits angelegte Block-Seiten) */
.ddl div.gb-element[data-ground="light"]:not(:has(a)) { padding-top: 14px !important; padding-bottom: 14px !important; }
.ddl div.gb-element[data-ground="light"]:not(:has(a)) .gb-text { font-size: clamp(18px, 1.9vw, 26px) !important; }
.ddl div.gb-element[data-ground="light"]:not(:has(a)) .gb-text:nth-child(even) { font-size: 15px !important; }
.ddl div.gb-element[data-ground="light"]:not(:has(a)) > .gb-element > .gb-element { gap: 30px !important; padding-right: 30px !important; }

/* Lime-Schräge nach hellem Abschnitt: heller Abschnitt läuft hinter die Schräge */
.ddl :has(+ [data-ground="light"][data-screen-label="Definition"]), .ddl :has(+ [data-ground="light"][data-screen-label="Ansatz"]) { padding-bottom: 166px !important; margin-bottom: -36px !important; }
.ddl [data-ground="light"][data-screen-label="Definition"], .ddl [data-ground="light"][data-screen-label="Ansatz"] { position: relative; z-index: 3; margin: 0 0 -36px !important; background: #C8FF37 !important; clip-path: polygon(0 36px, 100% 0, 100% calc(100% - 36px), 0 100%) !important; }

/* Rechtstexte: Inhaltsverzeichnis */
.ddl a.ddl-toc { color: rgba(18,0,26,.72); transition: color .2s; }
.ddl a.ddl-toc:hover { color: #5E7A00 !important; }
.ddl a.ddl-gbadge, .ddl a.ddl-gbadge:hover { color: #ffffff; }
.ddl a.ddl-gbadge:hover { background: rgba(255,255,255,.1) !important; border-color: rgba(200,255,55,.45) !important; }

/* Blog: Mehr laden */
.ddl [data-more][hidden] { display: none !important; }
.ddl .ddl-more-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 30px; border-radius: 999px; border: 1px solid rgba(200,255,55,.5); background: transparent; color: #C8FF37; font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: background .3s, color .3s, transform .3s; }
.ddl .ddl-more-btn:hover { background: #C8FF37; color: #12001a; transform: translateY(-2px); }

/* Logo-Wall: 4er-Reihen, mobil 2 */
@media (max-width: 760px) { .ddl .gb-element-s180, .ddl .gb-element-f013 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 40px 24px !important; } }

/* Mobile: CTAs immer einzeilig */
@media (max-width: 899px) {
  .ddl a.ddl-btn-lime, .ddl a.ddl-btn-dark, .ddl a.ddl-btn-outline, .ddl a.dh-219 { white-space: nowrap !important; max-width: 100%; justify-content: center; font-size: 11.5px !important; letter-spacing: .06em !important; padding: 19px 22px !important; gap: 8px !important; }
  .ddl a.ddl-btn-lime .gb-text, .ddl a.ddl-btn-dark .gb-text, .ddl a.ddl-btn-outline .gb-text { white-space: nowrap; }
}
@media (max-width: 360px) {
  .ddl a.ddl-btn-lime, .ddl a.ddl-btn-dark, .ddl a.ddl-btn-outline, .ddl a.dh-219 { font-size: 10.5px !important; letter-spacing: .04em !important; padding: 18px 18px !important; }
}
.ddl a.dh-219 { color: #12001a; }

/* KI-Sichtbarkeit */
.dh-ki1:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -14px rgba(200,255,55,.6) !important;color:#12001a !important}
.dh-ki2:hover{transform:translateY(-3px) !important;background:#C8FF37 !important;color:#12001a !important}
.dh-ki3:hover{background:rgba(200,255,55,.05) !important;border-color:rgba(200,255,55,.4) !important}
.dh-ki4:hover{background:rgba(200,255,55,.05) !important;border-color:rgba(200,255,55,.4) !important}
.dh-ki5:hover{background:rgba(200,255,55,.05) !important;border-color:rgba(200,255,55,.4) !important}
.dh-ki6:hover{background:rgba(200,255,55,.05) !important;border-color:rgba(200,255,55,.4) !important}
.dh-ki7:hover{background:rgba(200,255,55,.05) !important;border-color:rgba(200,255,55,.4) !important}
.dh-ki8:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -14px rgba(200,255,55,.6) !important;color:#12001a !important}
.dh-ki9:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -14px rgba(200,255,55,.6) !important;color:#12001a !important}
.dh-ki10:hover{color:#C8FF37 !important}
.dh-ki11:hover{color:#C8FF37 !important}
.dh-ki12:hover{color:#C8FF37 !important}
.dh-ki13:hover{color:#C8FF37 !important}
.dh-ki14:hover{color:#C8FF37 !important}
.dh-ki15:hover{color:#C8FF37 !important}
.dh-ki16:hover{color:#C8FF37 !important}
.dh-ki17:hover{color:#C8FF37 !important}
.dh-ki18:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -14px rgba(200,255,55,.6) !important;color:#12001a !important}
.ddl details > summary{list-style:none}
.ddl details > summary::-webkit-details-marker{display:none}
.ddl details[open] > summary > span:last-child{transform:rotate(45deg)}
.ddl a.gb-element-ki009{color:#12001a}
.ddl a.gb-element-ki050{color:#ffffff}
.ddl a.gb-element-ki080{color:#12001a}
.ddl a.gb-element-ki139{color:#12001a}
.ddl a.gb-element-ki156{color:#12001a}