@media only screen {/* Colour tags – editable in RapidWeaver: Page Inspector › Styles */:root {  --ink: rgba(17,17,17,1.00);  --paper: rgba(255,255,255,1.00);  --red: rgba(229,50,45,1.00);  --blue: rgba(43,120,228,1.00);  --yellow: rgba(242,194,0,1.00);  --green: rgba(88,166,106,1.00);}body { background: rgba(255,255,255,1.00); color: rgba(17,17,17,1.00); }.dn-site-foot { background: rgba(244,244,242,1.00); }.dn-pricing, .dn-marquee { background: rgba(17,17,17,1.00); }/* Landing page sections: automatically on the home page only (default) *//* default *//* default: sticky header */
}

/* Dance Next – RapidWeaver theme · based on dancenext.dn-org */:root {  --ink: #111111;  --ink-2: #3a3a3a;  --muted: #6b6b6b;  --faint: #9a9a9a;  --line: rgba(17, 17, 17, 0.12);  --paper: #ffffff;  --paper-2: #f4f4f2;  --paper-3: #ebebe8;  --red: #e5322d;  --blue: #2b78e4;  --yellow: #f2c200;  --green: #58a66a;  --ok: #2e7d4f;  --radius: 10px;  --wrap: 1180px;  --font: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans", "Liberation Sans", sans-serif;  color-scheme: light;}* { box-sizing: border-box; }html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font); font-size: 17px; line-height: 1.55; overflow-x: hidden; }:where(.dn-landing, .dn-site-head, .dn-site-foot) :where(img, svg) { display: block; max-width: 100%; }:where(.dn-landing) a { color: inherit; }.dn-site-head a, .dn-site-foot a { color: inherit; } /* beats Bootstrap/Foundry a{} */.dn-site-head .dn-nav a:hover, .dn-site-head .dn-brand:hover, .dn-site-foot .dn-brand:hover { text-decoration: none; }:where(.dn-landing, .dn-site-head) button { font: inherit; color: inherit; }:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 4px; }.dn-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }.dn-skip { position: absolute; left: 12px; top: -60px; background: var(--ink); color: #fff; padding: 10px 14px; border-radius: 6px; z-index: 100; text-decoration: none; }.dn-skip:focus { top: 12px; }/* language switching */html[lang="de"] [data-l="en"], html[lang="en"] [data-l="de"] { display: none !important; }.dn-wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 24px; }@media (max-width: 600px) { .dn-wrap { padding: 0 16px; } }/* ---------- header ---------- */.dn-site-head { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.88); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid transparent; transition: border-color .2s; }.dn-site-head.dn-scrolled { border-bottom-color: var(--line); }.dn-head-row { display: flex; align-items: center; gap: 20px; height: 68px; }.dn-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }.dn-brand-mark { width: 34px; height: 34px; border-radius: 8px; overflow: hidden; flex: none; box-shadow: 0 0 0 1px var(--line); }.dn-brand-word { font-weight: 700; font-size: 15px; letter-spacing: -0.2px; line-height: 1; }.dn-brand-word small { display: block; font-weight: 400; font-size: 10.5px; letter-spacing: 1.6px; color: var(--muted); margin-top: 4px; text-transform: uppercase; }.dn-nav { margin-left: auto; display: flex; align-items: center; gap: 4px; }.dn-nav a { text-decoration: none; font-size: 14.5px; padding: 8px 12px; border-radius: 8px; color: var(--ink-2); }.dn-nav a:hover { background: var(--paper-2); color: var(--ink); }.dn-nav a[aria-current="page"] { color: var(--ink); font-weight: 600; }.dn-lang { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; padding: 3px; margin-left: 8px; }.dn-lang button { border: 0; background: transparent; font-size: 12px; font-weight: 700; letter-spacing: .8px; padding: 5px 10px; border-radius: 999px; cursor: pointer; color: var(--muted); }.dn-lang button[aria-pressed="true"] { background: var(--ink); color: #fff; }.dn-menu-btn { display: none; margin-left: auto; border: 1px solid var(--line); background: #fff; border-radius: 10px; width: 42px; height: 42px; cursor: pointer; align-items: center; justify-content: center; }.dn-menu-btn span { display: block; width: 18px; height: 1.5px; background: var(--ink); position: relative; transition: transform .25s; }.dn-menu-btn span::before, .dn-menu-btn span::after { content: ""; position: absolute; left: 0; width: 18px; height: 1.5px; background: var(--ink); transition: transform .25s, top .25s; }.dn-menu-btn span::before { top: -6px; } .dn-menu-btn span::after { top: 6px; }.dn-menu-open .dn-menu-btn span { background: transparent; }.dn-menu-open .dn-menu-btn span::before { top: 0; transform: rotate(45deg); }.dn-menu-open .dn-menu-btn span::after { top: 0; transform: rotate(-45deg); }@media (max-width: 860px) {  .dn-menu-btn { display: inline-flex; }  .dn-nav { position: fixed; inset: 68px 0 auto 0; flex-direction: column; align-items: stretch; gap: 0; background: #fff; border-bottom: 1px solid var(--line); padding: 8px 16px 18px; transform: translateY(-8px); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }  .dn-menu-open .dn-nav { opacity: 1; transform: none; pointer-events: auto; }  .dn-nav a { padding: 14px 6px; font-size: 17px; border-bottom: 1px solid var(--line); border-radius: 0; }  .dn-lang { align-self: flex-start; margin: 16px 0 0; }}/* ---------- common type ---------- */.dn-eyebrow { font-size: 11.5px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--ink-2); display: flex; align-items: center; gap: 12px; }.dn-eyebrow::before { content: ""; width: 34px; height: 1.5px; background: currentColor; }:where(.dn-landing, .dn-site-head, .dn-site-foot) :where(h1, h2, h3) { overflow-wrap: break-word; letter-spacing: -0.02em; line-height: 1.05; margin: 0; }:where(.dn-landing) h2 { font-size: clamp(32px, 4.6vw, 54px); font-weight: 700; }:where(.dn-landing, .dn-site-foot) h3 { font-size: 21px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; }.dn-lead { font-size: clamp(18px, 1.8vw, 21px); color: var(--ink-2); max-width: 36em; }.dn-muted { color: var(--muted); }:where(.dn-landing) section { position: relative; }.dn-section { padding: clamp(72px, 10vw, 128px) 0; }.dn-section-head { display: grid; gap: 18px; margin-bottom: 48px; max-width: 760px; }/* ---------- buttons ---------- */.dn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 10px; font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer; border: 1.5px solid var(--ink); background: var(--ink); color: #fff; transition: transform .15s, background .15s, color .15s; }.dn-btn:hover { transform: translateY(-1px); }.dn-btn:active { transform: translateY(0); }.dn-btn.dn-ghost { background: transparent; color: var(--ink); }.dn-btn.dn-ghost:hover { background: var(--paper-2); }.dn-btn .dn-arrow { transition: transform .2s; }.dn-btn:hover .dn-arrow { transform: translateX(3px); }.dn-btn[aria-disabled="true"] { opacity: .5; cursor: default; }.dn-store-badge { display: inline-flex; align-items: center; gap: 12px; padding: 0 18px; min-height: 52px; border-radius: 10px; background: var(--ink); color: #fff; text-decoration: none; }.dn-store-badge svg { width: 22px; height: 22px; fill: #fff; }.dn-store-badge small { display: block; font-size: 10.5px; letter-spacing: .4px; opacity: .75; line-height: 1.1; }.dn-store-badge b { display: block; font-size: 17px; line-height: 1.15; font-weight: 600; }/* ---------- hero ---------- */.dn-hero { padding: clamp(36px, 6vw, 72px) 0 clamp(56px, 8vw, 96px); overflow: hidden; }.dn-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 40px; align-items: center; }.dn-wordmark { font-weight: 700; font-size: clamp(64px, 11.5vw, 150px); line-height: .86; letter-spacing: -0.055em; margin: 26px 0 26px -4px; }.dn-wordmark span { display: block; }.dn-wordmark .dn-os { display: flex; align-items: flex-end; gap: 18px; }.dn-wordmark .dn-os em { font-style: normal; font-weight: 400; font-size: clamp(16px, 2vw, 26px); letter-spacing: 0; line-height: 1.12; padding-bottom: .5em; color: var(--ink-2); }.dn-dots { display: inline-flex; gap: 8px; align-items: center; }.dn-dots i { width: 12px; height: 12px; border-radius: 50%; display: block; }.dn-dots i:nth-child(1) { background: var(--red); } .dn-dots i:nth-child(2) { background: var(--blue); } .dn-dots i:nth-child(3) { background: var(--yellow); } .dn-dots i:nth-child(4) { background: var(--green); }.dn-hero-sub { font-size: clamp(24px, 2.8vw, 34px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; margin: 0 0 16px; max-width: 16em; }.dn-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }.dn-tags { margin-top: 34px; font-size: 12px; letter-spacing: 3px; font-weight: 600; color: var(--ink-2); }.dn-hero-visual { position: relative; min-height: 560px; }.dn-phone { position: relative; width: min(300px, 78vw); margin: 0 auto; border-radius: 44px; padding: 10px; background: #0d0d0d; box-shadow: 0 40px 80px -30px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.2); transform: rotate(-2deg); z-index: 2; }.dn-phone img { border-radius: 35px; width: 100%; height: auto; aspect-ratio: 768 / 1660; object-fit: cover; }.dn-phone::before { content: ""; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 84px; height: 24px; border-radius: 20px; background: #0d0d0d; z-index: 3; }.dn-block { position: absolute; background: var(--ink); z-index: 1; }.dn-b1 { right: -24px; top: 10px; width: 150px; height: 90px; }.dn-b1::after { content: ""; position: absolute; right: 0; top: 90px; width: 80px; height: 70px; background: var(--ink); }.dn-b2 { left: -10px; bottom: 30px; width: 120px; height: 70px; }.dn-b2::after { content: ""; position: absolute; left: 0; top: -60px; width: 60px; height: 60px; background: var(--ink); }.dn-hero-lines { position: absolute; inset: -30px -40px; z-index: 3; pointer-events: none; overflow: visible; }.dn-hero-lines path { fill: none; stroke: var(--ink); stroke-width: 1.2; stroke-dasharray: var(--len, 900); stroke-dashoffset: var(--len, 900); animation: draw 1.8s .3s cubic-bezier(.22,.84,.32,1) forwards; }.dn-hero-lines path.dn-w { stroke: #fff; }.dn-hero-lines circle { opacity: 0; animation: pop .4s forwards; }@keyframes draw { to { stroke-dashoffset: 0; } }@keyframes pop { to { opacity: 1; } }.dn-tagpoint { position: absolute; z-index: 4; font-size: 10.5px; letter-spacing: 2.4px; font-weight: 600; text-transform: uppercase; display: grid; justify-items: start; gap: 2px; opacity: 0; transform: translateY(6px); animation: rise .6s forwards; background: rgba(255,255,255,.9); padding: 6px 8px; border-radius: 6px; }.dn-tagpoint b { font-size: 26px; line-height: 1; letter-spacing: 0; font-weight: 700; }.dn-tp-a { left: -4%; top: 16%; animation-delay: 1.1s; } .dn-tp-a b { color: var(--red); }.dn-tp-w { right: -6%; top: 46%; animation-delay: 1.35s; } .dn-tp-w b { color: var(--blue); }.dn-tp-i { left: 0%; bottom: 14%; animation-delay: 1.6s; } .dn-tp-i b { color: #d4a900; }.dn-tp-c { right: -4%; bottom: 22%; animation-delay: 1.85s; } .dn-tp-c b { color: var(--green); }@keyframes rise { to { opacity: 1; transform: none; } }@media (max-width: 900px) {  .dn-hero-grid { grid-template-columns: 1fr; }  .dn-hero-visual { min-height: 0; padding: 30px 0 10px; }  .dn-tp-a { left: 2%; } .dn-tp-w { right: 2%; } .dn-tp-i { left: 4%; } .dn-tp-c { right: 2%; }}/* ---------- marquee ---------- */.dn-marquee { border-block: 1px solid var(--ink); overflow: hidden; white-space: nowrap; background: var(--ink); color: #fff; }.dn-marquee-track { display: inline-flex; gap: 48px; padding: 18px 0; animation: slide 36s linear infinite; font-size: clamp(18px, 2.4vw, 26px); font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }.dn-marquee-track span { display: inline-flex; align-items: center; gap: 48px; }.dn-marquee-track span::after { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--yellow); }.dn-marquee-track span:nth-child(3n+1)::after { background: var(--red); }.dn-marquee-track span:nth-child(3n+2)::after { background: var(--blue); }.dn-marquee-track span:nth-child(4n)::after { background: var(--green); }@keyframes slide { to { transform: translateX(-50%); } }/* ---------- audience switch ---------- */.dn-switch { display: inline-flex; border: 1.5px solid var(--ink); border-radius: 12px; padding: 4px; gap: 4px; margin-bottom: 36px; flex-wrap: wrap; }.dn-switch button { border: 0; background: transparent; padding: 11px 20px; border-radius: 8px; font-weight: 600; font-size: 15.5px; cursor: pointer; }.dn-switch button[aria-selected="true"] { background: var(--ink); color: #fff; }.dn-aud-panel { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }.dn-aud-panel[hidden] { display: none; }.dn-aud-intro h3 { font-size: clamp(26px, 3vw, 36px); margin-bottom: 16px; }.dn-feature-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr));gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden;}.dn-feature-list li {background: #fff;padding: 22px 20px;display: grid;gap: 8px;align-content: start;transition: background .2s;}.dn-feature-list li:hover {background: var(--paper-2);}.dn-feature-list .dn-ic {width: 34px;height: 34px;border-radius: 8px;display: grid;place-items: center;background: var(--paper-2);}.dn-feature-list .dn-ic svg {width: 18px;height: 18px;stroke: var(--ink);fill: none;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}.dn-feature-list b {font-size: 16px;}.dn-feature-list p {margin: 0;font-size: 14.5px;color: var(--muted);line-height: 1.5;}@media (max-width: 900px) {.dn-aud-panel { grid-template-columns: 1fr;gap: 28px;} }@media (max-width: 560px) {.dn-feature-list { grid-template-columns: 1fr;} }/* ---------- program types ---------- */.dn-types {background: var(--paper-2);}.dn-type-grid {display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 12px;}.dn-type {background: #fff;border-radius: var(--radius);padding: 22px 18px 20px;border: 1px solid var(--line);display: grid;gap: 10px;align-content: start;min-height: 190px;position: relative;overflow: hidden;transition: transform .25s, box-shadow .25s;}.dn-type:hover {transform: translateY(-4px);box-shadow: 0 18px 40px -24px rgba(0,0,0,.35);}.dn-type .dn-letter {font-size: 52px;font-weight: 700;line-height: 1;letter-spacing: -0.04em;}.dn-type b {font-size: 12px;letter-spacing: 2.4px;text-transform: uppercase;}.dn-type p {margin: 0;font-size: 14px;color: var(--muted);line-height: 1.45;}.dn-type.dn-a .dn-letter {color: var(--red);} .dn-type.dn-w .dn-letter {color: var(--blue);} .dn-type.dn-i .dn-letter {color: #d4a900;} .dn-type.dn-c .dn-letter {color: var(--green);}@media (max-width: 1000px) {.dn-type-grid { grid-template-columns: repeat(3, minmax(0,1fr));} }@media (max-width: 640px) {.dn-type-grid { grid-template-columns: repeat(2, minmax(0,1fr));} .dn-type {min-height: 0;} }/* ---------- journey stepper ---------- */.dn-journey {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 48px;align-items: center;}.dn-steps {list-style: none;padding: 0;margin: 0;display: grid;gap: 0;position: relative;}.dn-steps::before {content: "";position: absolute;left: 17px;top: 18px;bottom: 18px;width: 1.5px;background: var(--line);}.dn-steps li button {display: grid;grid-template-columns: 36px 1fr;gap: 16px;width: 100%;text-align: left;border: 0;background: transparent;padding: 14px 0;cursor: pointer;align-items: center;}.dn-steps .dn-dot {width: 36px;height: 36px;border-radius: 50%;border: 1.5px solid var(--ink);background: #fff;display: grid;place-items: center;font-size: 13px;font-weight: 700;position: relative;z-index: 1;transition: background .2s, color .2s;}.dn-steps .dn-t {font-size: 19px;font-weight: 600;color: var(--muted);transition: color .2s;}.dn-steps li.dn-on .dn-dot {background: var(--ink);color: #fff;}.dn-steps li.dn-on .dn-t {color: var(--ink);}.dn-step-card {border: 1.5px solid var(--ink);border-radius: 14px;padding: 32px;min-height: 260px;display: grid;align-content: space-between;gap: 20px;position: relative;overflow: hidden;}.dn-step-card .dn-n {font-size: 96px;font-weight: 700;line-height: .8;letter-spacing: -0.05em;color: var(--paper-3);position: absolute;right: 18px;bottom: 10px;}.dn-step-card h3 {font-size: 28px;margin-bottom: 10px;}.dn-step-card p {margin: 0;color: var(--ink-2);max-width: 30em;position: relative;}.dn-step-card .dn-who {font-size: 12px;letter-spacing: 2px;text-transform: uppercase;font-weight: 600;color: var(--muted);}.dn-step-progress {height: 3px;background: var(--paper-3);border-radius: 3px;overflow: hidden;}.dn-step-progress i {display: block;height: 100%;background: var(--ink);width: 20%;transition: width .4s;}@media (max-width: 900px) {.dn-journey { grid-template-columns: 1fr;} }/* ---------- pricing ---------- */.dn-pricing {background: var(--ink);color: #fff;}.dn-pricing .dn-eyebrow, .dn-pricing .dn-lead {color: #d6d6d6;}.dn-cycle {display: inline-flex;border: 1px solid rgba(255,255,255,.3);border-radius: 999px;padding: 4px;margin-bottom: 32px;}.dn-cycle button {border: 0;background: transparent;color: #cfcfcf;padding: 9px 18px;border-radius: 999px;font-weight: 600;font-size: 14.5px;cursor: pointer;}.dn-cycle button[aria-pressed="true"] {background: #fff;color: var(--ink);}.dn-cycle .dn-save {font-size: 11px;background: var(--yellow);color: var(--ink);border-radius: 999px;padding: 2px 7px;margin-left: 6px;}.dn-plans {display: grid;grid-template-columns: repeat(3, minmax(0,1fr));gap: 16px;}.dn-plan {background: #1b1b1b;border: 1px solid #2c2c2c;border-radius: 14px;padding: 28px 24px;display: grid;gap: 18px;align-content: start;}.dn-plan.dn-featured {background: #fff;color: var(--ink);border-color: #fff;}.dn-plan .dn-name {display: flex;justify-content: space-between;align-items: center;font-size: 13px;letter-spacing: 2.4px;text-transform: uppercase;font-weight: 700;}.dn-plan .dn-badge {font-size: 10.5px;letter-spacing: 1px;background: var(--red);color: #fff;padding: 4px 8px;border-radius: 999px;}.dn-plan .dn-price {font-size: 46px;font-weight: 700;letter-spacing: -0.04em;line-height: 1;}.dn-plan .dn-price small {font-size: 15px;font-weight: 500;letter-spacing: 0;color: #9a9a9a;margin-left: 4px;}.dn-plan.dn-featured .dn-price small {color: var(--muted);}.dn-plan .dn-founding {font-size: 13px;color: var(--yellow);min-height: 20px;}.dn-plan.dn-featured .dn-founding {color: #9a6f00;}.dn-plan ul {list-style: none;padding: 0;margin: 0;display: grid;gap: 10px;font-size: 15px;}.dn-plan li {display: flex;gap: 10px;align-items: flex-start;}.dn-plan li::before {content: "";flex: none;width: 7px;height: 7px;margin-top: 8px;border-radius: 50%;background: currentColor;opacity: .6;}.dn-pricing-note {margin-top: 28px;font-size: 13.5px;color: #a9a9a9;max-width: 60em;}.dn-free-strip {margin-top: 16px;border: 1px dashed #444;border-radius: 14px;padding: 20px 24px;display: flex;flex-wrap: wrap;gap: 12px 24px;align-items: center;justify-content: space-between;}.dn-free-strip b {font-size: 19px;}@media (max-width: 900px) {.dn-plans { grid-template-columns: 1fr;} }/* ---------- trust ---------- */.dn-trust-grid {display: grid;grid-template-columns: repeat(4, minmax(0,1fr));gap: 28px;}.dn-trust-grid div {border-top: 1.5px solid var(--ink);padding-top: 18px;display: grid;gap: 8px;}.dn-trust-grid p {margin: 0;color: var(--muted);font-size: 15px;}@media (max-width: 900px) {.dn-trust-grid { grid-template-columns: repeat(2, minmax(0,1fr));} }@media (max-width: 520px) {.dn-trust-grid { grid-template-columns: 1fr;} }/* ---------- final cta ---------- */.dn-cta {border-top: 1px solid var(--line);}.dn-cta-box {display: grid;grid-template-columns: 1fr auto;gap: 24px;align-items: end;}.dn-cta-box h2 {max-width: 12em;}@media (max-width: 760px) {.dn-cta-box { grid-template-columns: 1fr;} }/* ---------- inner pages ---------- */.dn-page-hero {padding: clamp(44px, 7vw, 84px) 0 clamp(28px, 4vw, 44px);border-bottom: 1px solid var(--line);}.dn-page-hero h1 {hyphens: auto;-webkit-hyphens: auto;overflow-wrap: break-word;font-size: clamp(36px, 6.5vw, 76px);font-weight: 700;letter-spacing: -0.045em;margin: 20px 0 14px;}.dn-page-hero .dn-meta {font-size: 14px;color: var(--muted);}.dn-doc {display: grid;grid-template-columns: 250px minmax(0, 1fr);gap: 56px;padding-top: 48px;padding-bottom: 96px;}.dn-toc {position: sticky;top: 92px;align-self: start;font-size: 14px;}.dn-toc b {display: block;font-size: 11px;letter-spacing: 2.4px;text-transform: uppercase;color: var(--muted);margin-bottom: 12px;}.dn-toc ol {list-style: none;margin: 0;padding: 0;display: grid;gap: 2px;border-left: 1px solid var(--line);}.dn-toc a {display: block;text-decoration: none;padding: 6px 12px;margin-left: -1px;border-left: 2px solid transparent;color: var(--muted);line-height: 1.35;}.dn-toc a:hover {color: var(--ink);}.dn-toc a.dn-active {color: var(--ink);border-left-color: var(--ink);font-weight: 600;}.dn-prose {max-width: 720px;}.dn-prose section {padding: 8px 0 26px;scroll-margin-top: 90px;}.dn-prose h2 {font-size: 22px;letter-spacing: -0.01em;line-height: 1.25;margin: 18px 0 10px;}.dn-prose p {margin: 0 0 12px;color: var(--ink-2);}.dn-prose .dn-note {background: var(--paper-2);border-radius: var(--radius);padding: 16px 18px;font-size: 15px;color: var(--ink-2);margin-bottom: 26px;}.dn-lang-hint {font-size: 13.5px;color: var(--muted);margin-top: 10px;}.dn-lang-hint button {border: 0;background: none;padding: 0;text-decoration: underline;cursor: pointer;color: var(--ink);font-size: inherit;}@media (max-width: 900px) {.dn-doc { grid-template-columns: 1fr;gap: 20px;padding-top: 28px;} .dn-toc {position: static;} .dn-toc ol {grid-template-columns: 1fr;} }/* ---------- cards / forms ---------- */.dn-two-col {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 32px;padding-top: 48px;padding-bottom: 96px;align-items: start;}@media (max-width: 900px) {.dn-two-col { grid-template-columns: 1fr;} }.dn-card {border: 1px solid var(--line);border-radius: 14px;padding: 28px;background: #fff;}.dn-card.dn-dark {background: var(--ink);color: #fff;border-color: var(--ink);}.dn-card h2 {font-size: 24px;letter-spacing: -0.01em;margin-bottom: 12px;line-height: 1.2;}.dn-card p {margin: 0 0 12px;color: var(--ink-2);}.dn-card.dn-dark p {color: #d0d0d0;}.dn-field {display: grid;gap: 6px;margin-bottom: 16px;}.dn-field label {font-size: 13.5px;font-weight: 600;}.dn-field input, .dn-field select, .dn-field textarea {width: 100%;font: inherit;font-size: 16px;padding: 12px 14px;border: 1px solid #cfcfcf;border-radius: 10px;background: #fff;color: var(--ink);}.dn-field textarea {min-height: 130px;resize: vertical;}.dn-field input:focus, .dn-field select:focus, .dn-field textarea:focus {outline: 2px solid var(--ink);outline-offset: 0;border-color: var(--ink);}.dn-field .dn-err {color: var(--red);font-size: 13px;min-height: 0;}.dn-check {display: flex;gap: 12px;align-items: flex-start;font-size: 14.5px;margin: 6px 0 18px;}.dn-check input {width: 20px;height: 20px;margin-top: 2px;accent-color: var(--ink);flex: none;}.dn-form-status {font-size: 14px;margin-top: 14px;padding: 12px 14px;border-radius: 10px;background: var(--paper-2);display: none;}.dn-form-status.dn-show {display: block;}.dn-steps-list {counter-reset: s;list-style: none;padding: 0;margin: 0 0 8px;display: grid;gap: 12px;}.dn-steps-list li {counter-increment: s;display: grid;grid-template-columns: 30px 1fr;gap: 12px;align-items: start;}.dn-steps-list li::before {content: counter(s);width: 30px;height: 30px;border-radius: 50%;background: var(--ink);color: #fff;display: grid;place-items: center;font-size: 13px;font-weight: 700;}.dn-card.dn-dark .dn-steps-list li::before {background: #fff;color: var(--ink);}.dn-path {display: inline-flex;flex-wrap: wrap;gap: 6px;align-items: center;font-size: 14px;}.dn-path span {background: var(--paper-2);border-radius: 6px;padding: 3px 8px;font-weight: 600;}.dn-card.dn-dark .dn-path span {background: #262626;}.dn-tabs-mini {display: inline-flex;background: var(--paper-2);border-radius: 10px;padding: 4px;margin-bottom: 18px;flex-wrap: wrap;}.dn-card.dn-dark .dn-tabs-mini {background: #222;}.dn-tabs-mini button {border: 0;background: transparent;padding: 8px 14px;border-radius: 7px;font-weight: 600;font-size: 14px;cursor: pointer;color: inherit;opacity: .7;}.dn-tabs-mini button[aria-selected="true"] {background: #fff;color: var(--ink);opacity: 1;}.dn-kv {display: grid;gap: 14px;margin: 0;}.dn-kv div {display: grid;gap: 2px;}.dn-kv dt {font-size: 11.5px;letter-spacing: 2px;text-transform: uppercase;color: var(--muted);font-weight: 600;}.dn-kv dd {margin: 0;font-size: 16px;}.dn-list-dots {padding-left: 18px;margin: 0 0 12px;color: var(--ink-2);}.dn-list-dots li {margin-bottom: 6px;}/* FAQ */.dn-faq {border-top: 1px solid var(--line);}.dn-faq details {border-bottom: 1px solid var(--line);}.dn-faq summary {list-style: none;cursor: pointer;padding: 20px 44px 20px 0;font-weight: 600;font-size: 17.5px;position: relative;}.dn-faq summary::-webkit-details-marker {display: none;}.dn-faq summary::after {content: "";position: absolute;right: 6px;top: 50%;width: 14px;height: 14px;margin-top: -7px;background: linear-gradient(var(--ink), var(--ink)) center/14px 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) center/1.5px 14px no-repeat;transition: transform .25s;}.dn-faq details[open] summary::after {transform: rotate(45deg);}.dn-faq .dn-ans {padding: 0 0 20px;color: var(--ink-2);max-width: 44em;}.dn-faq .dn-ans p {margin: 0 0 10px;}.dn-faq-filter {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 18px;}.dn-faq-filter button {border: 1px solid var(--line);background: #fff;border-radius: 999px;padding: 8px 14px;font-size: 14px;font-weight: 600;cursor: pointer;}.dn-faq-filter button[aria-pressed="true"] {background: var(--ink);border-color: var(--ink);color: #fff;}.dn-search {position: relative;margin-bottom: 14px;}.dn-search input {width: 100%;font: inherit;padding: 14px 16px 14px 44px;border: 1px solid #cfcfcf;border-radius: 12px;font-size: 16px;}.dn-search svg {position: absolute;left: 14px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;stroke: var(--muted);fill: none;stroke-width: 2;}.dn-faq-empty {padding: 20px 0;color: var(--muted);display: none;}/* ---------- billing result ---------- */.dn-result {min-height: calc(100vh - 68px - 200px);display: grid;place-items: center;padding-top: 56px;padding-bottom: 80px;}.dn-result-card {width: 100%;max-width: 520px;text-align: center;display: grid;justify-items: center;gap: 14px;}.dn-result-icon {width: 84px;height: 84px;border-radius: 50%;display: grid;place-items: center;background: var(--ink);color: #fff;margin-bottom: 8px;}.dn-result-icon svg {width: 38px;height: 38px;stroke: #fff;fill: none;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;}.dn-result-icon .dn-draw {stroke-dasharray: 60;stroke-dashoffset: 60;animation: draw .7s .2s ease-out forwards;}.dn-result-icon.dn-neutral {background: var(--paper-2);} .dn-result-icon.dn-neutral svg {stroke: var(--ink);}.dn-result h1 {font-size: clamp(34px, 5vw, 48px);letter-spacing: -0.04em;}.dn-result p {margin: 0;color: var(--ink-2);font-size: 18px;}.dn-result .dn-btn {margin-top: 18px;min-width: 260px;}.dn-result .dn-fallback {font-size: 14px;color: var(--muted);max-width: 26em;display: none;}.dn-result .dn-fallback.dn-show {display: block;}.dn-result .dn-small {font-size: 13.5px;color: var(--muted);margin-top: 8px;}/* ---------- footer ---------- */.dn-site-foot {background: var(--paper-2);padding: 56px 0 32px;font-size: 14.5px;}.dn-foot-grid {display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: 32px;}.dn-foot-grid h4 {font-size: 11.5px;letter-spacing: 2.4px;text-transform: uppercase;color: var(--muted);margin: 0 0 12px;font-weight: 700;}.dn-foot-grid ul {list-style: none;padding: 0;margin: 0;display: grid;gap: 8px;}.dn-foot-grid a {text-decoration: none;color: var(--ink-2);}.dn-foot-grid a:hover {color: var(--ink);text-decoration: underline;}.dn-foot-grid address {font-style: normal;color: var(--ink-2);line-height: 1.6;}.dn-foot-bottom {margin-top: 40px;padding-top: 20px;border-top: 1px solid var(--line);display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px;color: var(--muted);font-size: 13px;}@media (max-width: 760px) {.dn-foot-grid { grid-template-columns: 1fr;} }/* reveal on scroll */.dn-reveal {opacity: 0;transform: translateY(18px);transition: opacity .7s ease, transform .7s cubic-bezier(.22,.84,.32,1);}.dn-reveal.dn-in {opacity: 1;transform: none;}.no-js .dn-reveal {opacity: 1;transform: none;}/* ================= RapidWeaver integration ================= */.dn-site-head, .dn-site-foot, .dn-landing {color: var(--ink);font-family: var(--font);line-height: 1.55;}/* navigation generated by %navigation% */.dn-nav ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: 4px;}.dn-nav li {position: relative;}.dn-nav li.current > a, .dn-nav li.current-ancestor > a {color: var(--ink);font-weight: 600;}.dn-nav li.current > a::after {content: "";position: absolute;left: 12px;right: 12px;bottom: 2px;height: 2px;background: var(--ink);border-radius: 2px;}.dn-nav ul ul {position: absolute;top: 100%;left: 0;min-width: 200px;background: #fff;border: 1px solid var(--line);border-radius: 10px;padding: 6px;display: none;flex-direction: column;align-items: stretch;box-shadow: 0 18px 40px -24px rgba(0,0,0,.35);}.dn-nav li:hover > ul, .dn-nav li:focus-within > ul {display: flex;}@media (max-width: 860px) {.dn-nav ul { flex-direction: column;align-items: stretch;gap: 0;}  .dn-nav ul ul {position: static;display: flex;border: 0;box-shadow: none;padding: 0 0 0 14px;}  .dn-nav li.current > a::after {display: none;}}/* landing sections (Home) */.dn-landing {display: none;}.dn-is-home .dn-landing {display: block;}/* page content area (%content%) */.dn-page {padding: clamp(40px, 6vw, 80px) 0 clamp(56px, 8vw, 96px);}.dn-is-home .dn-page {padding: 0;}.dn-content {max-width: 880px;}.dn-content:empty {display: none;}.dn-content > :first-child {margin-top: 0;}.dn-content h1 {font-size: clamp(38px, 6vw, 68px);font-weight: 700;letter-spacing: -0.045em;line-height: 1.02;margin: 0 0 22px;hyphens: auto;}.dn-content h2 {font-size: clamp(26px, 3.2vw, 36px);font-weight: 700;letter-spacing: -0.025em;margin: 40px 0 14px;}.dn-content h3 {font-size: 22px;margin: 32px 0 10px;}.dn-content h4, .dn-content h5 {font-size: 18px;margin: 26px 0 8px;letter-spacing: -0.01em;}.dn-content h6 {font-size: 12px;letter-spacing: 2.6px;text-transform: uppercase;color: var(--muted);margin: 24px 0 8px;}.dn-content p, .dn-content li {color: var(--ink-2);}.dn-content p {margin: 0 0 14px;}.dn-content ul, .dn-content ol {padding-left: 22px;margin: 0 0 16px;}.dn-content li {margin-bottom: 6px;}.dn-content a {color: var(--ink);text-decoration-thickness: 1px;text-underline-offset: 3px;}.dn-content a:hover {text-decoration-thickness: 2px;}.dn-content img {max-width: 100%;height: auto;border-radius: var(--radius);}.dn-content hr {border: 0;border-top: 1px solid var(--line);margin: 36px 0;}.dn-content blockquote {margin: 24px 0;padding: 18px 22px;background: var(--paper-2);border-left: 3px solid var(--ink);border-radius: 0 var(--radius) var(--radius) 0;}.dn-content table {width: 100%;border-collapse: collapse;margin: 18px 0;font-size: 15px;}.dn-content th, .dn-content td {text-align: left;padding: 10px 8px;border-bottom: 1px solid var(--line);vertical-align: top;}.dn-content th {font-size: 12px;letter-spacing: 1.6px;text-transform: uppercase;color: var(--muted);}.dn-content code {background: var(--paper-2);padding: 2px 6px;border-radius: 5px;font-size: .92em;}.dn-content input[type="text"], .dn-content input[type="email"], .dn-content input[type="tel"], .dn-content input[type="url"], .dn-content select, .dn-content textarea {font: inherit;font-size: 16px;padding: 11px 13px;border: 1px solid #cfcfcf;border-radius: 10px;max-width: 100%;}.dn-content button, .dn-content input[type="submit"], .dn-content .btn-primary {font: inherit;font-weight: 600;background: var(--ink);color: #fff;border: 1.5px solid var(--ink);border-radius: 10px;padding: 12px 20px;cursor: pointer;}.dn-sidebar {display: none;}.dn-sidebar-title:empty {display: none;}.dn-rw-footer, .dn-rw-footer p {margin: 0;display: inline;}/* helper classes for your own HTML / Styled Text (see ANLEITUNG) */.dn-lead {font-size: clamp(18px, 1.8vw, 21px);color: var(--ink-2);}.dn-eyebrow {font-size: 11.5px;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;color: var(--ink-2);display: flex;align-items: center;gap: 12px;}.dn-eyebrow::before {content: "";width: 34px;height: 1.5px;background: currentColor;}.dn-button, a.dn-button {display: inline-flex;align-items: center;gap: 10px;min-height: 52px;padding: 0 22px;border-radius: 10px;background: var(--ink);color: #fff !important;text-decoration: none !important;font-weight: 600;}.dn-button.dn-ghost {background: transparent;color: var(--ink) !important;border: 1.5px solid var(--ink);}.dn-card {border: 1px solid var(--line);border-radius: 14px;padding: 28px;background: #fff;margin: 0 0 20px;}.dn-card.dn-dark {background: var(--ink);color: #fff;} .dn-card.dn-dark p {color: #d0d0d0;}.dn-center {text-align: center;}/* Colour tags – editable in RapidWeaver: Page Inspector › Styles */:root {--ink: rgba(17,17,17,1.00);--paper: rgba(255,255,255,1.00);--red: rgba(229,50,45,1.00);--blue: rgba(43,120,228,1.00);--yellow: rgba(242,194,0,1.00);--green: rgba(88,166,106,1.00);}body {background: rgba(255,255,255,1.00);color: rgba(17,17,17,1.00);}.dn-site-foot {background: rgba(244,244,242,1.00);}.dn-pricing, .dn-marquee {background: rgba(17,17,17,1.00);}/* Landing page sections: automatically on the home page only (default) *//* default *//* default: sticky header */