/* VALDEA · Leadership DNA — gebaut aus tools/dna/src (build_dna.py). Nicht von Hand ändern.
   Lädt nach valdea.css; Farben aus den App-Tokens (Hell/Dunkel automatisch). */

/* ─── Masken-Tokens (Strang-Glyphe, Marke, Helix-Kachel) ─── */
:root{--dna-glyph-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2016%22%20width%3D%2230%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M2.2%2C8L2.45%2C7.51L2.7%2C7.03L2.95%2C6.56L3.2%2C6.09L3.45%2C5.65L3.7%2C5.22L3.95%2C4.82L4.2%2C4.44L4.45%2C4.09L4.7%2C3.78L4.95%2C3.5L5.2%2C3.27L5.45%2C3.07L5.7%2C2.91L5.95%2C2.8L6.2%2C2.73L6.45%2C2.7L6.7%2C2.72L6.95%2C2.78L7.2%2C2.89L7.45%2C3.04L7.7%2C3.24L7.95%2C3.47L8.2%2C3.74L8.45%2C4.05L8.7%2C4.39L8.95%2C4.76L9.2%2C5.16L9.45%2C5.59L9.7%2C6.03L9.95%2C6.49L10.2%2C6.97L10.45%2C7.45L10.7%2C7.93L10.95%2C8.42L11.2%2C8.91L11.45%2C9.38L11.7%2C9.85L11.95%2C10.3L12.2%2C10.72L12.45%2C11.13L12.7%2C11.51L12.95%2C11.86L13.2%2C12.18L13.45%2C12.46L13.7%2C12.7L13.95%2C12.91L14.2%2C13.07L14.45%2C13.19L14.7%2C13.27L14.95%2C13.3L15.2%2C13.29L15.45%2C13.23L15.7%2C13.12L15.95%2C12.98L16.2%2C12.79L16.45%2C12.56L16.7%2C12.3L16.95%2C11.99L17.2%2C11.65L17.45%2C11.29M21.2%2C4.54L21.45%2C4.18L21.7%2C3.86L21.95%2C3.58L22.2%2C3.33L22.45%2C3.12L22.7%2C2.95L22.95%2C2.82L23.2%2C2.74L23.45%2C2.7L23.7%2C2.71L23.95%2C2.76L24.2%2C2.86L24.45%2C3L24.7%2C3.18L24.95%2C3.4L25.2%2C3.67L25.45%2C3.97L25.7%2C4.3L25.95%2C4.66L26.2%2C5.06L26.45%2C5.47L26.7%2C5.91L26.95%2C6.37L27.2%2C6.84L27.45%2C7.32L27.7%2C7.8%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.2%2C8L2.45%2C8.49L2.7%2C8.97L2.95%2C9.44L3.2%2C9.91L3.45%2C10.35L3.7%2C10.78L3.95%2C11.18L4.2%2C11.56L4.45%2C11.91L4.7%2C12.22L4.95%2C12.5L5.2%2C12.73L5.45%2C12.93L5.7%2C13.09L5.95%2C13.2L6.2%2C13.27L6.45%2C13.3L6.7%2C13.28L6.95%2C13.22L7.2%2C13.11L7.45%2C12.96L7.7%2C12.76L7.95%2C12.53L8.2%2C12.26L8.45%2C11.95L8.7%2C11.61L8.95%2C11.24M12.45%2C4.87L12.7%2C4.49L12.95%2C4.14L13.2%2C3.82L13.45%2C3.54L13.7%2C3.3L13.95%2C3.09L14.2%2C2.93L14.45%2C2.81L14.7%2C2.73L14.95%2C2.7L15.2%2C2.71L15.45%2C2.77L15.7%2C2.88L15.95%2C3.02L16.2%2C3.21L16.45%2C3.44L16.7%2C3.7L16.95%2C4.01L17.2%2C4.35L17.45%2C4.71L17.7%2C5.11L17.95%2C5.53L18.2%2C5.97L18.45%2C6.43L18.7%2C6.9L18.95%2C7.38L19.2%2C7.87L19.45%2C8.36L19.7%2C8.84L19.95%2C9.32L20.2%2C9.79L20.45%2C10.24L20.7%2C10.67L20.95%2C11.08L21.2%2C11.46L21.45%2C11.82L21.7%2C12.14L21.95%2C12.42L22.2%2C12.67L22.45%2C12.88L22.7%2C13.05L22.95%2C13.18L23.2%2C13.26L23.45%2C13.3L23.7%2C13.29L23.95%2C13.24L24.2%2C13.14L24.45%2C13L24.7%2C12.82L24.95%2C12.6L25.2%2C12.33L25.45%2C12.03L25.7%2C11.7L25.95%2C11.34L26.2%2C10.94L26.45%2C10.53L26.7%2C10.09L26.95%2C9.63L27.2%2C9.16L27.45%2C8.68L27.7%2C8.2%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.47%2C4.3L6.47%2C11.7M15%2C4.3L15%2C11.7M23.53%2C4.3L23.53%2C11.7%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");--dna-mark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2028%22%20width%3D%2264%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M5.4%2C16.7L5.4%2C14M10.4%2C8.9L10.4%2C14M12.9%2C7.6L12.9%2C14M15.4%2C10L15.4%2C14M20.4%2C18.8L20.4%2C14M22.9%2C20.4L22.9%2C14M25.4%2C18.4L25.4%2C14M30.4%2C9.5L30.4%2C14M5.4%2C14L5.4%2C11.3M10.4%2C14L10.4%2C19.1M12.9%2C14L12.9%2C20.4M15.4%2C14L15.4%2C18M20.4%2C14L20.4%2C9.2M22.9%2C14L22.9%2C7.6M25.4%2C14L25.4%2C9.6M30.4%2C14L30.4%2C18.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%220.3%22%20stroke-opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M2.2%2C18.5L2.7%2C18.5L3.2%2C18.3L3.7%2C18.1L4.2%2C17.7L4.7%2C17.3L5.2%2C16.7L5.7%2C16L6.2%2C15.3L6.7%2C14.5L7.2%2C13.6L7.7%2C12.8L8.2%2C12L8.7%2C11.2L9.2%2C10.5L9.7%2C9.9L10.2%2C9.4L10.7%2C9L11.2%2C8.7L11.7%2C8.4L12.2%2C8.3L12.7%2C8.2M22.2%2C20.9L22.7%2C20.8L23.2%2C20.6L23.7%2C20.2L24.2%2C19.6L24.7%2C18.9L25.2%2C18.1L25.7%2C17.3L26.2%2C16.5L26.7%2C15.6L27.2%2C14.8L27.7%2C14L28.2%2C13.2L28.7%2C12.5L29.2%2C11.8L29.7%2C11.1L30.2%2C10.4L30.7%2C9.8L31.2%2C9.2L31.7%2C8.6L32.2%2C8.1L32.7%2C7.8L33.2%2C7.5L33.7%2C7.4M42.2%2C11.7L42.7%2C11.1L43.2%2C10.4L43.7%2C9.7L44.2%2C9L44.7%2C8.4L45.2%2C7.7L45.7%2C7.1L46.2%2C6.6L46.7%2C6.2L47.2%2C5.8L47.7%2C5.4L48.2%2C5.2M2.2%2C18.5M12.7%2C8.2L13.2%2C8.2L13.7%2C8.3L14.2%2C8.5L14.7%2C8.8L15.2%2C9.3L15.7%2C9.9L16.2%2C10.7L16.7%2C11.6L17.2%2C12.6L17.7%2C13.6L18.2%2C14.8L18.7%2C15.9L19.2%2C17.1L19.7%2C18.1L20.2%2C19L20.7%2C19.8L21.2%2C20.3L21.7%2C20.7L22.2%2C20.9M33.7%2C7.4L34.2%2C7.4L34.7%2C7.6L35.2%2C7.9L35.7%2C8.4L36.2%2C9L36.7%2C9.7L37.2%2C10.4L37.7%2C11L38.2%2C11.7L38.7%2C12.2L39.2%2C12.6L39.7%2C12.9L40.2%2C13L40.7%2C12.9L41.2%2C12.6L41.7%2C12.2L42.2%2C11.7M48.2%2C5.2L48.7%2C4.9L49.2%2C4.7L49.7%2C4.6L50.2%2C4.4L50.7%2C4.3L51.2%2C4.2L51.7%2C4.1L52.2%2C4L52.7%2C4L53.2%2C3.9L53.7%2C3.9L54.2%2C3.8L54.7%2C3.8L55.2%2C3.8L55.7%2C3.9L56.2%2C3.9L56.7%2C4L57.2%2C4L57.7%2C4.1L58.2%2C4.1L58.7%2C4.1L59.2%2C4.2L59.7%2C4.2L60.2%2C4.1L60.7%2C4.1L61.2%2C4.1L61.6%2C4M2.2%2C17.6L2.7%2C17.4L3.2%2C17.2L3.7%2C17L4.2%2C16.9L4.7%2C16.7L5.2%2C16.4L5.7%2C16.1L6.2%2C15.7L6.7%2C15.3L7.2%2C14.7L7.7%2C13.9L8.2%2C13.1L8.7%2C12.2L9.2%2C11.3L9.7%2C10.4L10.2%2C9.5L10.7%2C8.7L11.2%2C8.1L11.7%2C7.5L12.2%2C7.2L12.7%2C7M22.2%2C19.7L22.7%2C19.7L23.2%2C19.7L23.7%2C19.5L24.2%2C19.3L24.7%2C19L25.2%2C18.6L25.7%2C18.1L26.2%2C17.5L26.7%2C16.8L27.2%2C15.9L27.7%2C15L28.2%2C14L28.7%2C12.9L29.2%2C11.8L29.7%2C10.8L30.2%2C9.8L30.7%2C8.9L31.2%2C8.1L31.7%2C7.5L32.2%2C7.2L32.7%2C7M43.7%2C13L44.2%2C12.6L44.7%2C12.3L45.2%2C11.9L45.7%2C11.5L46.2%2C11.1L46.7%2C10.7L47.2%2C10.3L47.7%2C10L48.2%2C9.7M12.7%2C7L13.2%2C7.1L13.7%2C7.4L14.2%2C7.9L14.7%2C8.6L15.2%2C9.4L15.7%2C10.4L16.2%2C11.5L16.7%2C12.6L17.2%2C13.7L17.7%2C14.8L18.2%2C15.8L18.7%2C16.7L19.2%2C17.5L19.7%2C18.2L20.2%2C18.7L20.7%2C19.1L21.2%2C19.4L21.7%2C19.6L22.2%2C19.7M32.7%2C7L33.2%2C7.1L33.7%2C7.4L34.2%2C7.8L34.7%2C8.4L35.2%2C9.1L35.7%2C9.9L36.2%2C10.7L36.7%2C11.5L37.2%2C12.2L37.7%2C12.8L38.2%2C13.3L38.7%2C13.7L39.2%2C14L39.7%2C14.2L40.2%2C14.2L40.7%2C14.2L41.2%2C14.2L41.7%2C14L42.2%2C13.8L42.7%2C13.6L43.2%2C13.3L43.7%2C13M48.2%2C9.7L48.7%2C9.4L49.2%2C9.2L49.7%2C9.1L50.2%2C8.9L50.7%2C8.9L51.2%2C8.8L51.7%2C8.8L52.2%2C8.8L52.7%2C8.9L53.2%2C8.9L53.7%2C9L54.2%2C9L54.7%2C9.1L55.2%2C9.1L55.7%2C9.2L56.2%2C9.2L56.7%2C9.2L57.2%2C9.1L57.7%2C9.1L58.2%2C9L58.7%2C9L59.2%2C8.9L59.7%2C8.9L60.2%2C8.9L60.7%2C8.8L61.2%2C8.8L61.6%2C8.8M2.7%2C17.6L3.2%2C17.8L3.7%2C17.9L4.2%2C17.9L4.7%2C17.8L5.2%2C17.5L5.7%2C17.1L6.2%2C16.4L6.7%2C15.6L7.2%2C14.6L7.7%2C13.5L8.2%2C12.4L8.7%2C11.2L9.2%2C10.2L9.7%2C9.2L10.2%2C8.5L10.7%2C7.9L11.2%2C7.6L11.7%2C7.4M23.2%2C20.8L23.7%2C20.7L24.2%2C20.4L24.7%2C19.9L25.2%2C19.3L25.7%2C18.4L26.2%2C17.4L26.7%2C16.3L27.2%2C15.2L27.7%2C14L28.2%2C12.9L28.7%2C11.8L29.2%2C10.8L29.7%2C10L30.2%2C9.3L30.7%2C8.7L31.2%2C8.4L31.7%2C8.2L32.2%2C8.1M43.2%2C16.4L43.7%2C16.1L44.2%2C15.7L44.7%2C15.3L45.2%2C14.9L45.7%2C14.4L46.2%2C14L46.7%2C13.7L47.2%2C13.4L47.7%2C13.2L48.2%2C13M2.2%2C17.4L2.7%2C17.6M11.7%2C7.4L12.2%2C7.4L12.7%2C7.6L13.2%2C8L13.7%2C8.4L14.2%2C9L14.7%2C9.6L15.2%2C10.3L15.7%2C11L16.2%2C11.8L16.7%2C12.5L17.2%2C13.3L17.7%2C14L18.2%2C14.8L18.7%2C15.6L19.2%2C16.4L19.7%2C17.1L20.2%2C17.9L20.7%2C18.6L21.2%2C19.3L21.7%2C19.9L22.2%2C20.3L22.7%2C20.6L23.2%2C20.8M32.2%2C8.1L32.7%2C8.2L33.2%2C8.3L33.7%2C8.6L34.2%2C9L34.7%2C9.4L35.2%2C9.8L35.7%2C10.3L36.2%2C10.9L36.7%2C11.5L37.2%2C12.1L37.7%2C12.7L38.2%2C13.4L38.7%2C14L39.2%2C14.6L39.7%2C15.2L40.2%2C15.7L40.7%2C16.1L41.2%2C16.4L41.7%2C16.6L42.2%2C16.6L42.7%2C16.6L43.2%2C16.4M48.2%2C13L48.7%2C12.9L49.2%2C12.9L49.7%2C12.9L50.2%2C12.9L50.7%2C13L51.2%2C13.1L51.7%2C13.2L52.2%2C13.2L52.7%2C13.2L53.2%2C13.3L53.7%2C13.2L54.2%2C13.2L54.7%2C13.2L55.2%2C13.1L55.7%2C13.1L56.2%2C13L56.7%2C13L57.2%2C12.9L57.7%2C12.9L58.2%2C12.9L58.7%2C13L59.2%2C13L59.7%2C13L60.2%2C13.1L60.7%2C13.2L61.2%2C13.2L61.6%2C13.2M2.2%2C10.8L2.7%2C10.6M11.7%2C20.9L12.2%2C20.8L12.7%2C20.5L13.2%2C20.1L13.7%2C19.5L14.2%2C18.8L14.7%2C18.1L15.2%2C17.4L15.7%2C16.7L16.2%2C15.9L16.7%2C15.2L17.2%2C14.6L17.7%2C13.9L18.2%2C13.2L18.7%2C12.5L19.2%2C11.8L19.7%2C11.1L20.2%2C10.4L20.7%2C9.7L21.2%2C9L21.7%2C8.3L22.2%2C7.8L22.7%2C7.4L23.2%2C7.2M31.7%2C20L32.2%2C20L32.7%2C19.9L33.2%2C19.6L33.7%2C19.4L34.2%2C19L34.7%2C18.7L35.2%2C18.3L35.7%2C17.9L36.2%2C17.5L36.7%2C17.1L37.2%2C16.7L37.7%2C16.2L38.2%2C15.8L38.7%2C15.3L39.2%2C14.9L39.7%2C14.4L40.2%2C14L40.7%2C13.7L41.2%2C13.5L41.7%2C13.5L42.2%2C13.5L42.7%2C13.7L43.2%2C14M2.7%2C10.6L3.2%2C10.3L3.7%2C10.1L4.2%2C10L4.7%2C10L5.2%2C10.3L5.7%2C10.7L6.2%2C11.3L6.7%2C12.1L7.2%2C13.2L7.7%2C14.3L8.2%2C15.5L8.7%2C16.8L9.2%2C17.9L9.7%2C19L10.2%2C19.8L10.7%2C20.4L11.2%2C20.7L11.7%2C20.9M23.2%2C7.2L23.7%2C7.2L24.2%2C7.4L24.7%2C7.8L25.2%2C8.4L25.7%2C9.3L26.2%2C10.3L26.7%2C11.5L27.2%2C12.7L27.7%2C14L28.2%2C15.2L28.7%2C16.4L29.2%2C17.4L29.7%2C18.3L30.2%2C19L30.7%2C19.5L31.2%2C19.9L31.7%2C20M43.2%2C14L43.7%2C14.4L44.2%2C14.9L44.7%2C15.5L45.2%2C16.1L45.7%2C16.6L46.2%2C17.2L46.7%2C17.7L47.2%2C18.1L47.7%2C18.5L48.2%2C18.7L48.7%2C18.9L49.2%2C19L49.7%2C19.1L50.2%2C19.1L50.7%2C19L51.2%2C18.9L51.7%2C18.9L52.2%2C18.8L52.7%2C18.8L53.2%2C18.8L53.7%2C18.8L54.2%2C18.8L54.7%2C18.9L55.2%2C18.9L55.7%2C19L56.2%2C19.1L56.7%2C19.2L57.2%2C19.2L57.7%2C19.2L58.2%2C19.2L58.7%2C19.2L59.2%2C19.2L59.7%2C19.1L60.2%2C19L60.7%2C19L61.2%2C18.9L61.6%2C18.8M2.2%2C9.3M12.7%2C19.5L13.2%2C19.6L13.7%2C19.5L14.2%2C19.4L14.7%2C19.1L15.2%2C18.8L15.7%2C18.2L16.2%2C17.6L16.7%2C16.7L17.2%2C15.7L17.7%2C14.6L18.2%2C13.5L18.7%2C12.2L19.2%2C11L19.7%2C9.9L20.2%2C8.9L20.7%2C8.1L21.2%2C7.4L21.7%2C7L22.2%2C6.8M33.7%2C20.6L34.2%2C20.6L34.7%2C20.5L35.2%2C20.3L35.7%2C19.8L36.2%2C19.3L36.7%2C18.6L37.2%2C17.9L37.7%2C17.1L38.2%2C16.4L38.7%2C15.8L39.2%2C15.3L39.7%2C15L40.2%2C14.9L40.7%2C14.9L41.2%2C15.2L41.7%2C15.6L42.2%2C16.2M2.2%2C9.3L2.7%2C9.2L3.2%2C9.4L3.7%2C9.6L4.2%2C10L4.7%2C10.6L5.2%2C11.3L5.7%2C12L6.2%2C12.9L6.7%2C13.7L7.2%2C14.6L7.7%2C15.5L8.2%2C16.3L8.7%2C17L9.2%2C17.7L9.7%2C18.2L10.2%2C18.6L10.7%2C18.9L11.2%2C19.1L11.7%2C19.3L12.2%2C19.4L12.7%2C19.5M22.2%2C6.8L22.7%2C6.9L23.2%2C7.2L23.7%2C7.7L24.2%2C8.4L24.7%2C9.1L25.2%2C10L25.7%2C10.9L26.2%2C11.8L26.7%2C12.6L27.2%2C13.5L27.7%2C14.2L28.2%2C15L28.7%2C15.6L29.2%2C16.2L29.7%2C16.8L30.2%2C17.4L30.7%2C18L31.2%2C18.6L31.7%2C19.1L32.2%2C19.6L32.7%2C20L33.2%2C20.3L33.7%2C20.6M42.2%2C16.2L42.7%2C16.8L43.2%2C17.5L43.7%2C18.3L44.2%2C19L44.7%2C19.7L45.2%2C20.4L45.7%2C21L46.2%2C21.5L46.7%2C21.9L47.2%2C22.3L47.7%2C22.6L48.2%2C22.8L48.7%2C23L49.2%2C23.2L49.7%2C23.4L50.2%2C23.5L50.7%2C23.6L51.2%2C23.7L51.7%2C23.8L52.2%2C23.9L52.7%2C24L53.2%2C24.1L53.7%2C24.2L54.2%2C24.2L54.7%2C24.2L55.2%2C24.2L55.7%2C24.2L56.2%2C24.1L56.7%2C24.1L57.2%2C24L57.7%2C23.9L58.2%2C23.9L58.7%2C23.8L59.2%2C23.8L59.7%2C23.8L60.2%2C23.8L60.7%2C23.8L61.2%2C23.9L61.6%2C23.9M12.7%2C21.1L13.2%2C21.1L13.7%2C20.9L14.2%2C20.4L14.7%2C19.7L15.2%2C18.8L15.7%2C17.8L16.2%2C16.6L16.7%2C15.4L17.2%2C14.2L17.7%2C13L18.2%2C12L18.7%2C11L19.2%2C10.2L19.7%2C9.6L20.2%2C9.1L20.7%2C8.8L21.2%2C8.5L21.7%2C8.4L22.2%2C8.4M32.7%2C21.2L33.2%2C21.1L33.7%2C20.7L34.2%2C20.1L34.7%2C19.4L35.2%2C18.5L35.7%2C17.6L36.2%2C16.6L36.7%2C15.7L37.2%2C14.8L37.7%2C14.1L38.2%2C13.5L38.7%2C13L39.2%2C12.6L39.7%2C12.3L40.2%2C12.2L40.7%2C12.1L41.2%2C12.1L41.7%2C12.1L42.2%2C12.2L42.7%2C12.3L43.2%2C12.4L43.7%2C12.5M2.2%2C10.4L2.7%2C10.7L3.2%2C11L3.7%2C11.2L4.2%2C11.4L4.7%2C11.6L5.2%2C11.9L5.7%2C12.1L6.2%2C12.4L6.7%2C12.8L7.2%2C13.3L7.7%2C13.9L8.2%2C14.7L8.7%2C15.5L9.2%2C16.4L9.7%2C17.4L10.2%2C18.3L10.7%2C19.1L11.2%2C19.8L11.7%2C20.4L12.2%2C20.9L12.7%2C21.1M22.2%2C8.4L22.7%2C8.5L23.2%2C8.6L23.7%2C8.7L24.2%2C8.9L24.7%2C9.2L25.2%2C9.5L25.7%2C10L26.2%2C10.5L26.7%2C11.1L27.2%2C11.9L27.7%2C12.7L28.2%2C13.7L28.7%2C14.8L29.2%2C15.9L29.7%2C17L30.2%2C18.1L30.7%2C19.1L31.2%2C19.9L31.7%2C20.6L32.2%2C21L32.7%2C21.2M43.7%2C12.5L44.2%2C12.7L44.7%2C12.9L45.2%2C13.1L45.7%2C13.3L46.2%2C13.6L46.7%2C13.8L47.2%2C14.1L47.7%2C14.3L48.2%2C14.6L48.7%2C14.8L49.2%2C14.9L49.7%2C15.1L50.2%2C15.1L50.7%2C15.2L51.2%2C15.2L51.7%2C15.2L52.2%2C15.2L52.7%2C15.1L53.2%2C15L53.7%2C15L54.2%2C14.9L54.7%2C14.8L55.2%2C14.7L55.7%2C14.7L56.2%2C14.7L56.7%2C14.7L57.2%2C14.7L57.7%2C14.7L58.2%2C14.8L58.7%2C14.9L59.2%2C15L59.7%2C15L60.2%2C15.1L60.7%2C15.1L61.2%2C15.1L61.6%2C15.1%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--dna-helix-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2012%22%20width%3D%2224%22%20height%3D%2212%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C6L0.5%2C6.51L1%2C7.01L1.5%2C7.49L2%2C7.95L2.5%2C8.37L3%2C8.76L3.5%2C9.09L4%2C9.38L4.5%2C9.6L5%2C9.77L5.5%2C9.87L6%2C9.9L6.5%2C9.87L7%2C9.77L7.5%2C9.6L8%2C9.38L8.5%2C9.09L9%2C8.76L9.5%2C8.37L10%2C7.95L10.5%2C7.49L11%2C7.01L11.5%2C6.51L12%2C6L12.5%2C5.49L13%2C4.99L13.5%2C4.51L14%2C4.05L14.5%2C3.63L15%2C3.24L15.5%2C2.91L16%2C2.62L16.5%2C2.4L17%2C2.23L17.5%2C2.13L18%2C2.1L18.5%2C2.13L19%2C2.23L19.5%2C2.4L20%2C2.62L20.5%2C2.91L21%2C3.24L21.5%2C3.63L22%2C4.05L22.5%2C4.51L23%2C4.99L23.5%2C5.49L24%2C6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20d%3D%22M0%2C6L0.5%2C5.49L1%2C4.99L1.5%2C4.51L2%2C4.05L2.5%2C3.63L3%2C3.24L3.5%2C2.91L4%2C2.62L4.5%2C2.4L5%2C2.23L5.5%2C2.13L6%2C2.1L6.5%2C2.13L7%2C2.23L7.5%2C2.4L8%2C2.62L8.5%2C2.91L9%2C3.24L9.5%2C3.63L10%2C4.05L10.5%2C4.51L11%2C4.99L11.5%2C5.49L12%2C6L12.5%2C6.51L13%2C7.01L13.5%2C7.49L14%2C7.95L14.5%2C8.37L15%2C8.76L15.5%2C9.09L16%2C9.38L16.5%2C9.6L17%2C9.77L17.5%2C9.87L18%2C9.9L18.5%2C9.87L19%2C9.77L19.5%2C9.6L20%2C9.38L20.5%2C9.09L21%2C8.76L21.5%2C8.37L22%2C7.95L22.5%2C7.49L23%2C7.01L23.5%2C6.51L24%2C6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20stroke-opacity%3D%22.75%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20d%3D%22M6%2C3V9M18%2C3V9%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%220.66%22%20stroke-opacity%3D%22.6%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");--dna-helix-bold-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2012%22%20width%3D%2224%22%20height%3D%2212%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C6L0.5%2C6.51L1%2C7.01L1.5%2C7.49L2%2C7.95L2.5%2C8.37L3%2C8.76L3.5%2C9.09L4%2C9.38L4.5%2C9.6L5%2C9.77L5.5%2C9.87L6%2C9.9L6.5%2C9.87L7%2C9.77L7.5%2C9.6L8%2C9.38L8.5%2C9.09L9%2C8.76L9.5%2C8.37L10%2C7.95L10.5%2C7.49L11%2C7.01L11.5%2C6.51L12%2C6L12.5%2C5.49L13%2C4.99L13.5%2C4.51L14%2C4.05L14.5%2C3.63L15%2C3.24L15.5%2C2.91L16%2C2.62L16.5%2C2.4L17%2C2.23L17.5%2C2.13L18%2C2.1L18.5%2C2.13L19%2C2.23L19.5%2C2.4L20%2C2.62L20.5%2C2.91L21%2C3.24L21.5%2C3.63L22%2C4.05L22.5%2C4.51L23%2C4.99L23.5%2C5.49L24%2C6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20d%3D%22M0%2C6L0.5%2C5.49L1%2C4.99L1.5%2C4.51L2%2C4.05L2.5%2C3.63L3%2C3.24L3.5%2C2.91L4%2C2.62L4.5%2C2.4L5%2C2.23L5.5%2C2.13L6%2C2.1L6.5%2C2.13L7%2C2.23L7.5%2C2.4L8%2C2.62L8.5%2C2.91L9%2C3.24L9.5%2C3.63L10%2C4.05L10.5%2C4.51L11%2C4.99L11.5%2C5.49L12%2C6L12.5%2C6.51L13%2C7.01L13.5%2C7.49L14%2C7.95L14.5%2C8.37L15%2C8.76L15.5%2C9.09L16%2C9.38L16.5%2C9.6L17%2C9.77L17.5%2C9.87L18%2C9.9L18.5%2C9.87L19%2C9.77L19.5%2C9.6L20%2C9.38L20.5%2C9.09L21%2C8.76L21.5%2C8.37L22%2C7.95L22.5%2C7.49L23%2C7.01L23.5%2C6.51L24%2C6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-opacity%3D%22.75%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20d%3D%22M6%2C3V9M18%2C3V9%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.32%22%20stroke-opacity%3D%22.6%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")}

/* ─── dna.css ─── */
/* VALDEA · Leadership DNA — Strang-Komponente (Engine-DOM) */
.vdna{position:relative;isolation:isolate;min-height:240px}
.vdna-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.vdna-tips,.vdna-axes,.vdna-forks{position:absolute;inset:0;pointer-events:none}
.vdna-tip{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;gap:1px;
  margin:0;padding:0 8px 0 var(--vdna-pad,48px);border:0;border-radius:12px;background:none;
  color:var(--text-muted);font:600 12.5px/1.2 var(--sans);letter-spacing:.01em;text-align:left;
  transition:opacity .45s var(--ease-valdea),color .3s;will-change:transform}
.vdna-tip-n{white-space:nowrap;transition:font-size .35s var(--ease-valdea)}
.vdna-tip-s{display:block;max-height:0;overflow:hidden;opacity:0;font:500 11px/1.3 var(--sans);letter-spacing:.02em;
  color:var(--text-muted);white-space:nowrap;transition:opacity .35s,max-height .35s}
.vdna-tip.is-sel{color:var(--heading)}
.vdna-tip.is-sel .vdna-tip-n{font:500 clamp(19px,1.9vw,26px)/1.1 var(--display);letter-spacing:-.01em}
.vdna-tip.is-sel .vdna-tip-s{max-height:2em;opacity:1;margin-top:3px}
.vdna--interactive .vdna-tip.is-on{pointer-events:auto;cursor:pointer}
.vdna--interactive .vdna-tip:hover{color:var(--heading)}
.vdna-tip:focus-visible{outline:2px solid var(--focus,#177A74);outline-offset:-2px}
.vdna-axes{display:none}
.vdna--axes .vdna-axes{display:block}
.vdna-forks{display:none}
.vdna--axes .vdna-forks{display:block}
.vdna-axis{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  margin-left:-9px;transition:opacity .5s;max-width:var(--vdna-axis-w,160px)}
.vdna-axis b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;
  font:700 10px/1 var(--sans);color:var(--bg);background:var(--text-muted)}
.vdna-axis-n{font:700 10px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
.vdna-axis-p{font:500 11px/1.25 var(--sans);color:var(--text-muted)}
.vdna-pole{position:absolute;left:0;top:0;opacity:0;padding:3px 9px;border-radius:999px;white-space:nowrap;
  font:600 11px/1.3 var(--sans);letter-spacing:.02em;color:var(--heading);
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  border:1px solid color-mix(in srgb,var(--vdna-pole,var(--heading)) 45%,var(--border));
  box-shadow:0 4px 14px rgba(10,29,61,.08);transition:opacity .4s}
.vdna-pole::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;
  background:var(--vdna-pole,var(--heading));vertical-align:.5px}
@media (max-width:640px){
  .vdna-tip{font-size:11px;padding-right:4px}
  .vdna-tip.is-sel .vdna-tip-n{font-size:17px}
  .vdna-tip-s{display:none}   /* schmal: der Handschrift-Name steht in der Bildunterschrift/Karte darunter */
  .vdna-axis-n,.vdna-axis-p{display:none}
}
.vdna-sign{display:block;overflow:visible}

/* ─── dna-components.css ─── */
/* VALDEA · Leadership DNA — Komponenten-Stile (LandingHero, Typologie, Karte) */
.vdna-hero{position:relative;container-type:inline-size;padding:clamp(28px,5cqw,64px) 0 clamp(28px,4cqw,52px)}
.vdna-hero-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 var(--vdna-gutter,clamp(18px,3.4cqw,40px));
  font:700 .72rem/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--eyebrow)}
.vdna-hero-eyebrow i{width:26px;height:1.5px;background:linear-gradient(90deg,var(--gold),transparent)}
.vdna-claim{display:grid;grid-template-columns:var(--c1,34%) var(--c2,30%) minmax(0,1fr);align-items:end;margin:0;
  font-family:var(--display);font-weight:500;font-size:clamp(2.3rem,3.9cqw,4.6rem);line-height:1.02;letter-spacing:-.025em;color:var(--heading)}
.vdna-claim .w.w3{white-space:normal;text-wrap:balance}
.vdna-claim .w{display:block;white-space:nowrap;opacity:0;transform:translateY(26px);filter:blur(6px);
  transition:opacity .9s var(--ease-valdea),transform .9s var(--ease-valdea),filter .9s var(--ease-valdea)}
.vdna-claim .w1{padding-left:var(--vdna-gutter,clamp(18px,3.4cqw,40px));transition-delay:.25s}
.vdna-claim .w2,.vdna-claim .w3{padding-left:6px}
.vdna-claim .w3 em{font-style:italic;font-weight:400;padding-right:.08em;background:linear-gradient(100deg,var(--claim-1),var(--claim-2) 60%,var(--claim-3));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vdna-claim .w.is-in{opacity:1;transform:none;filter:none}
.vdna-hero-stage{height:clamp(360px,46cqw,600px);margin-top:6px}
.vdna-zones{display:grid;grid-template-columns:var(--c1,34%) var(--c2,30%) minmax(0,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.vdna-zones li{padding:12px 16px 0 6px;opacity:.28;transition:opacity .8s var(--ease-valdea)}
.vdna-zones li:first-child{padding-left:var(--vdna-gutter,clamp(18px,3.4cqw,40px))}
.vdna-zones li.is-in{opacity:1}
.vdna-zones b{display:block;font:700 .7rem/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--heading)}
.vdna-zones span{display:block;font-size:.88rem;color:var(--text-muted);margin-top:2px}
.vdna-hero-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4cqw,56px);align-items:center;
  margin-top:clamp(24px,3.4cqw,40px);padding:0 var(--vdna-gutter,clamp(18px,3.4cqw,40px));opacity:0;transform:translateY(16px);
  transition:opacity .9s var(--ease-valdea),transform .9s var(--ease-valdea)}
.vdna-hero.is-settled .vdna-hero-bottom{opacity:1;transform:none}
.vdna-hero-lead{margin:0;max-width:620px;color:var(--text-muted);font-size:1.08rem;line-height:1.62}
.vdna-hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.vdna-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:16px;padding:14px 26px;
  font:600 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .18s ease}
.vdna-btn:hover{transform:translateY(-1px)}
.vdna-btn:focus-visible,.vdna-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.vdna-btn--primary{background:linear-gradient(150deg,var(--navy-700),var(--navy));color:var(--on-primary);box-shadow:0 10px 28px rgba(10,29,61,.28)}
.vdna-btn--ghost{border-color:var(--border);background:var(--surface);color:var(--heading)}
@container (max-width:760px){
  .vdna-claim{display:block;padding:0 var(--vdna-gutter,clamp(18px,3.4cqw,40px));font-size:clamp(2.1rem,10cqw,3.2rem);line-height:1.06}
  .vdna-claim .w{padding-left:0!important}
  .vdna-hero-stage{height:440px}
  .vdna-zones{display:block;border-top:0;padding:4px var(--vdna-gutter,clamp(18px,3.4cqw,40px)) 0}
  .vdna-zones li{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--border)}
  .vdna-zones li:first-child{padding-left:0}
  .vdna-zones b{min-width:118px}
  .vdna-hero-bottom{grid-template-columns:1fr}
  .vdna-hero-cta{justify-content:flex-start}
}
.vdna-hero .vdna-tip{font-size:13px}

.vdna-typo-stage{height:clamp(420px,44vw,580px)}
.vdna-typo-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.vdna-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);
  background:var(--surface);color:var(--heading);font:600 .85rem/1.2 var(--sans);cursor:pointer}
.vdna-chip:disabled{opacity:.5;cursor:default}
.vdna-hint{font-size:.85rem;color:var(--text-muted)}
.vdna-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);margin-top:18px;
  padding:clamp(20px,2.6vw,32px);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);color:var(--text)}
.vdna-card.is-empty{display:block;color:var(--text-muted)}
.vdna-card.is-empty p{margin:0;max-width:640px}
.vdna-card.is-empty strong{color:var(--heading)}
.vdna-card-sign{display:flex;gap:16px;align-items:center}
.vdna-card-sign svg{width:84px;height:84px;flex:0 0 auto}
.vdna-eyebrow{display:inline-block;font:700 .72rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--eyebrow)}
.vdna-card-name{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.05;color:var(--heading)}
.vdna-card-sub{margin:4px 0 0;font-size:.86rem;color:var(--text-muted)}
.vdna-card-kern{margin:0;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.4;color:var(--heading)}
.vdna-card-note{margin:14px 0 0;font-size:.8rem;color:var(--text-muted)}
.vdna-axes-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vdna-axes-list li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;font-size:.86rem}
.vdna-axes-list .k{grid-column:1/-1;font:700 .66rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}
.vdna-poles{display:flex;gap:14px;flex-wrap:wrap}
.vdna-pole-t{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}
.vdna-pole-t.on{color:var(--heading);font-weight:600}
.vdna-pole-t i{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor}
.vdna-pole-t.on i{background:var(--pc,var(--heading));border-color:var(--pc,var(--heading))}
@media (max-width:900px){.vdna-card{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.vdna-claim .w{transition:opacity .4s;transform:none;filter:none}.vdna-btn:hover{transform:none}}

/* ─── dna-figures.css ─── */
/* VALDEA · Leadership DNA — Figuren aus dem Strang (Marke, Glyphe, Faserspur, Stufen, Anteile, Windungen, Reveal) */

/* Marke · Lockup */
.vdna-mark-host{display:inline-flex;line-height:0;flex:0 0 auto}
.vdna-mark,.vdna-badge{display:block;overflow:visible}
.vdna-lockup{display:inline-flex;align-items:center;gap:12px;color:var(--heading);text-decoration:none}
.vdna-wordmark{font-family:var(--sans);font-weight:700;font-size:.98rem;letter-spacing:.24em;text-transform:uppercase;line-height:1.05;color:var(--heading)}
.vdna-wordmark small{display:block;margin-top:3px;font-size:.62rem;font-weight:600;letter-spacing:.36em;color:var(--text-muted)}

/* Strang-Glyphe als Maske (--dna-glyph-url) */
.vdna-glyph{display:inline-block;width:1.5em;height:.8em;background:currentColor;vertical-align:-.06em;
  -webkit-mask:var(--dna-glyph-url) center/contain no-repeat;mask:var(--dna-glyph-url) center/contain no-repeat}
.rule-dna{border:0;height:1px;margin:var(--sp-7) 0;position:relative;overflow:visible;
  background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}
.rule-dna::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:20px;background:var(--rule-bg,var(--bg))}
.rule-dna::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:20px;background:var(--gold);opacity:.85;
  -webkit-mask:var(--dna-glyph-url) center/contain no-repeat;mask:var(--dna-glyph-url) center/contain no-repeat}
.vdna-watermark{position:absolute;pointer-events:none;background:currentColor;
  -webkit-mask:var(--dna-mark-url) center/contain no-repeat;mask:var(--dna-mark-url) center/contain no-repeat}

/* Faserspur (0–100) */
.vdna-spur{margin:0;display:grid;gap:4px;min-width:0;align-content:start}
.vdna-spur-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:3rem}
.vdna-spur-sub{font:600 .7rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--eyebrow);padding-bottom:.45rem}
.vdna-spur-num{font-family:var(--display);color:var(--heading);display:inline-flex;align-items:baseline;gap:6px}
.vdna-spur-num b{font-weight:500;font-size:clamp(2.3rem,4.2vw,3rem);line-height:1;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em}
.vdna-spur-num small{font-family:var(--sans);font-size:.76rem;color:var(--text-muted);white-space:nowrap}
.vdna-spur-num.is-open{font-size:2.3rem;line-height:1;color:var(--text-muted)}
.vdna-spur-fig{line-height:0;min-width:0;margin:2px -4px 0}
.vdna-spur-fig svg{width:100%;height:auto;display:block;overflow:visible}
.vdna-spur-cap{display:grid;gap:3px;margin-top:2px}
.vdna-spur-band{font-weight:700;color:var(--heading);font-size:.98rem}
.vdna-spur-name{font-size:.88rem;color:var(--text)}
.vdna-spur-hint{font-size:.8rem;color:var(--text-muted);line-height:1.45}
.vdna-explain{border:1px solid var(--border);border-radius:var(--r-sm);margin-top:10px;background:var(--surface)}
.vdna-explain[open]{border-color:var(--border-strong)}
.vdna-explain>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:44px;font-size:.86rem;font-weight:600;color:var(--heading)}
.vdna-explain>summary::-webkit-details-marker{display:none}
.vdna-explain>summary::before{content:"";flex:0 0 auto;width:1.35em;height:.72em;background:var(--gold);
  -webkit-mask:var(--dna-glyph-url) center/contain no-repeat;mask:var(--dna-glyph-url) center/contain no-repeat}
.vdna-explain>summary::after{content:"+";margin-left:auto;font-family:var(--display);font-size:1.25rem;line-height:1;color:var(--text-muted)}
.vdna-explain[open]>summary::after{content:"–"}
.vdna-explain>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}
.vdna-explain-body{padding:0 14px 14px;font-size:.86rem;line-height:1.55;color:var(--text)}
.vdna-explain-body p{margin:0 0 8px}
.vdna-explain-f{font-family:var(--mono);font-size:.74rem;color:var(--text-muted)}
.vdna-explain-g{font-size:.78rem;color:var(--text-muted);margin:0!important}

/* Stufen-Faserspur (1–5) */
.vdna-stufe{display:inline-flex;align-items:center;gap:8px;line-height:0;vertical-align:middle}
.vdna-stufe svg{display:block;overflow:visible}
.vdna-stufe.is-fit{display:block;width:100%}
.vdna-stufe-open{font:600 .7rem/1 var(--sans);letter-spacing:.08em;color:var(--text-muted)}

/* Faserbündel-Anteile */
.vdna-anteile{display:block;line-height:0;max-width:100%}
.vdna-anteile svg{width:100%;height:auto;display:block;overflow:visible}
.vdna-anteile-l{transition:opacity .6s var(--ease-valdea)}
.vdna-anteile-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;line-height:1.3}
.vdna-anteile-list[hidden]{display:none}
.vdna-anteile-list li{display:flex;align-items:baseline;gap:8px;font-size:.86rem;color:var(--text)}
.vdna-anteile-list li b{margin-left:auto}
.vdna-anteile-list li small{white-space:nowrap;min-width:3.2em;text-align:right}
.vdna-anteile-list li i{display:block;width:18px;height:3px;border-radius:2px;flex:0 0 auto;align-self:center}
.vdna-anteile-list li b{color:var(--heading)}
.vdna-anteile-list li small{color:var(--text-muted);font-size:.78rem}
.vdna-anteile-list li.is-zero{color:var(--text-muted)}
.vdna-anteile-list li.is-zero i{background:transparent!important;border-top:1px dotted var(--border-strong);height:0}

/* Sechs Windungen */
.vdna-wind{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:start}
.vdna-wind-fig{line-height:0}
.vdna-wind-legend{position:relative;list-style:none;margin:0;padding:0;height:var(--vdna-wind-h,480px)}
.vdna-wind-legend li{position:absolute;left:0;transform:translateY(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;
  font-size:.92rem;color:var(--text-muted);transition:color .45s var(--ease-valdea)}
.vdna-wind-legend li i{display:block;width:14px;height:1px;background:var(--border-strong);transition:width .45s var(--ease-valdea),background .45s}
.vdna-wind-legend li.is-seen{color:var(--text)}
.vdna-wind-legend li.is-seen i{background:var(--text-muted)}
.vdna-wind-legend li.is-current{color:var(--heading);font-weight:700}
.vdna-wind-legend li.is-current i{width:24px;height:2px;background:var(--dna-glow)}
.vdna-wind-note{grid-column:1/-1;font-size:.8rem;line-height:1.5;color:var(--text-muted);margin:14px 0 0;max-width:34ch}
.vdna-wind-now{display:none}
.vdna-wind.is-horizontal{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px}
.vdna-wind.is-horizontal .vdna-wind-legend,.vdna-wind.is-horizontal .vdna-wind-note{display:none}
.vdna-wind.is-horizontal .vdna-wind-now{display:block;margin:0;font-weight:700;font-size:.9rem;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Muster-Reveal */
.vdna-reveal{display:grid;gap:8px}
.vdna-reveal-stage{position:relative;height:clamp(300px,42vw,440px)}
.vdna-reveal-cap{text-align:center;max-width:46rem;margin:0 auto;padding:0 16px;opacity:0;transform:translateY(10px);
  transition:opacity .9s var(--ease-valdea),transform .9s var(--ease-valdea)}
.vdna-reveal.is-in .vdna-reveal-cap{opacity:1;transform:none}
.vdna-reveal-over{margin:0;font:600 .74rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--pc,var(--eyebrow))}
.vdna-reveal-name{margin:.2em 0 .25em;font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.02em;color:var(--heading)}
.vdna-reveal-kern{margin:0 auto .6em;max-width:36rem;font-family:var(--display);font-style:italic;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.45;color:var(--text)}
.vdna-reveal-frame{margin:0;font-size:.86rem;color:var(--text-muted)}
@media (prefers-reduced-motion: reduce){.vdna-reveal-cap,.vdna-anteile-l,.vdna-wind-legend li,.vdna-wind-legend li i{transition:none}.vdna-reveal-cap{opacity:1;transform:none}}

/* ─── dna-app.css ─── */
/* VALDEA · Leadership DNA — App-Seiten
   Kopf, Hintergrundstrang, Fuß, Landing, Intake, Fragebogen, Auswertung, Abschluss, Gate.
   Ergänzt valdea.css (Tokens, Formulare, Basis). Light + Dark, keine externen Hosts. */

/* ── 0 · Tokens ──────────────────────────────────────────────── */
:root{
  --eyebrow:var(--gold-ink,#7A5A10);
  --claim-1:#9A7420; --claim-2:#B08428; --claim-3:#137F7A;
  --dna-glow:#C9962E; --focus:#177A74;
  --ease-valdea:cubic-bezier(.22,.61,.36,1);
  --gut:clamp(20px,4vw,32px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--claim-1:#C9962E;--claim-2:#E3B95B;--claim-3:#1E9C96;--dna-glow:#E0B453;--focus:#4FD0C9}
}
:root[data-theme="dark"]{--claim-1:#C9962E;--claim-2:#E3B95B;--claim-3:#1E9C96;--dna-glow:#E0B453;--focus:#4FD0C9}
:focus-visible{outline-color:var(--focus)}

/* ── 1 · Hintergrundstrang (nur body[data-dna-bg="strang"]) ──── */
.vdna-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.app-main,.site-footer{position:relative;z-index:1}
.site-header{z-index:50}
@media print{.vdna-bg{display:none!important}}
/* Hintergrundstrang (Auswertung): der Typen-Strang in Graustufen, sehr zart, fest hinter dem Inhalt –
   um 90° gedreht (läuft von oben nach unten): Layout-Box quer (100vh × 100vw), dann gedreht */
.vdna-bgstrang{position:fixed;left:0;top:0;width:100vh;height:100vw;z-index:0;pointer-events:none;opacity:.11;
  transform-origin:0 0;transform:rotate(90deg) translateY(-100%);
  transition:opacity .6s var(--ease-valdea);
  --muster-navy:#2E333B;--muster-navy-hell:#5F6670;--muster-teal:#3A4049;--muster-teal-hell:#6E757F;
  --muster-gold:#464C55;--muster-gold-hell:#7C838D;--muster-kupfer:#525861;--muster-kupfer-hell:#8A919B;
  --dna-glow:#8A919B;--heading:#2E333B;--text-muted:#8A919B}
.vdna-bgstrang .vdna-tips,.vdna-bgstrang .vdna-axes,.vdna-bgstrang .vdna-forks{display:none}
.vdna-bgstrang.is-quiet{opacity:.04}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vdna-bgstrang{opacity:.13;
  --muster-navy:#C9D0DB;--muster-navy-hell:#A3ABB8;--muster-teal:#BCC4CF;--muster-teal-hell:#98A0AD;
  --muster-gold:#B0B8C4;--muster-gold-hell:#8E96A3;--muster-kupfer:#A5ADB9;--muster-kupfer-hell:#848C99;
  --dna-glow:#A3ABB8;--heading:#C9D0DB;--text-muted:#848C99}}
:root[data-theme="dark"] .vdna-bgstrang{opacity:.13;
  --muster-navy:#C9D0DB;--muster-navy-hell:#A3ABB8;--muster-teal:#BCC4CF;--muster-teal-hell:#98A0AD;
  --muster-gold:#B0B8C4;--muster-gold-hell:#8E96A3;--muster-kupfer:#A5ADB9;--muster-kupfer-hell:#848C99;
  --dna-glow:#A3ABB8;--heading:#C9D0DB;--text-muted:#848C99}
@media print{.vdna-bgstrang{display:none!important}}

/* ── 2 · Kopf: Mini-Strang + Wortmarke + Lese-Strang ─────────── */
.site-header{position:sticky}
.brand{gap:12px}
.brand-mark{display:inline-flex;line-height:0;flex:0 0 auto}
.brand-mark svg{height:30px;width:auto}
.brand:hover .brand-mark{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--dna-glow) 45%,transparent))}
.wordmark{font-size:1.06rem;letter-spacing:.24em;line-height:1.05}
.wordmark small{margin-top:3px;letter-spacing:.36em}
.header-claim{font-family:var(--display);font-style:normal;font-size:.98rem;color:var(--text-muted);letter-spacing:-.005em}
.header-claim em{font-style:italic;background:linear-gradient(100deg,var(--claim-1),var(--claim-2) 60%,var(--claim-3));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.06em}
.vdna-read{position:absolute;left:0;right:0;bottom:-5px;height:10px;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-valdea)}
.vdna-read.is-on{opacity:1}
.vdna-read svg{display:block;width:100%;height:10px;overflow:visible}

/* ── 3 · Fuß ─────────────────────────────────────────────────── */
.site-footer{overflow:hidden;padding-top:44px}
.footer-strand{position:absolute;left:0;right:0;top:10px;height:12px;opacity:.55;
  background:linear-gradient(90deg,transparent,#C9962E 18%,#E3B95B 50%,#1E9C96 82%,transparent);
  -webkit-mask:var(--dna-helix-url) repeat-x left center/24px 12px;mask:var(--dna-helix-url) repeat-x left center/24px 12px}
.footer-lockup{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.footer-lockup .vdna-badge{display:block}
.footer-word{font:700 .98rem/1.05 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#D9E4F7}
.footer-word small{display:block;margin-top:4px;font-size:.58rem;font-weight:600;letter-spacing:.36em;color:#8FA3C6}
.footer-claim{margin:0 0 10px;font-family:var(--display);font-size:1.2rem;color:#D9E4F7}
.footer-claim em{color:#E3B95B}

/* ── 4 · Gemeinsame Bausteine ────────────────────────────────── */
.vdna-badge-host,.vdna-sign-host{display:inline-flex;line-height:0}
.vdna-sign-host svg{display:block;overflow:visible}
.section-heading{display:flex;align-items:center;gap:12px}
.section-heading::before{content:"";flex:0 0 auto;width:1.15em;height:.62em;background:var(--gold);opacity:1;
  -webkit-mask:var(--dna-glyph-url) center/contain no-repeat;mask:var(--dna-glyph-url) center/contain no-repeat}
.rule-dna{border:0;height:1px;margin:clamp(34px,5vw,56px) 0 0;position:relative;overflow:visible;
  background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}
.rule-dna::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:20px;background:var(--rule-bg,var(--bg))}
.rule-dna::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:20px;background:var(--gold);opacity:.85;
  -webkit-mask:var(--dna-glyph-url) center/contain no-repeat;mask:var(--dna-glyph-url) center/contain no-repeat}
.eyebrow-gold{color:var(--eyebrow)}
.hint{font-size:.86rem;color:var(--text-muted)}
.chip-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 15px;border-radius:999px;border:1px solid var(--border);
  background:var(--surface);color:var(--heading);font:600 .86rem/1.2 var(--sans);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.chip-btn:hover{border-color:var(--border-strong);box-shadow:0 4px 14px rgba(10,29,61,.08)}
.chip-btn[aria-pressed="true"]{border-color:var(--heading)}
.chip-btn:disabled{opacity:.45;cursor:default;box-shadow:none}
.btn-glow{position:relative}
.btn-glow::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--dna-glow) 0%,transparent);animation:vdnaBtnGlow 3.6s ease-in-out 2.4s infinite}
@keyframes vdnaBtnGlow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dna-glow) 0%,transparent)}50%{box-shadow:0 0 34px 2px color-mix(in srgb,var(--dna-glow) 34%,transparent)}}
@media (prefers-reduced-motion:reduce){.btn-glow::after{animation:none}}

/* ════════ 5 · LANDING ════════ */
/* Der Hero ist randlos: Claim, Zonen und Text stehen an der Bühnenkante (wie im Designstudio) —
   so liegen die drei Wörter über ihren Zonen des Strangs, auf jeder Breite. */
.lp-hero{--gut:clamp(20px,3.4vw,56px)}
.app-main--landing>.wrap:first-child{padding-top:10px}

/* Hero: der Claim auf dem Strang (randlos) */
.lp-hero{position:relative;padding:clamp(34px,5vw,64px) 0 clamp(30px,4vw,48px);overflow:clip}
.lp-hero::before{content:"";position:absolute;left:50%;top:-30%;width:min(1400px,140vw);height:120%;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--dna-glow) 9%,transparent),transparent 70%)}
.lp-in{position:relative;padding:0 var(--gut)}
.lp-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 .72rem/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--eyebrow)}
.lp-eyebrow i{width:26px;height:1.5px;background:linear-gradient(90deg,var(--gold),transparent)}
.lp-claim{position:relative;display:grid;grid-template-columns:var(--c1,34%) var(--c2,30%) minmax(0,1fr);align-items:end;
  margin:0;font-family:var(--display);font-weight:500;font-size:clamp(2.3rem,3.9vw,4.6rem);line-height:1.02;letter-spacing:-.025em;color:var(--heading)}
/* Deutscher Claim (VAL-B3-001): „Wirkung entfalten.“ ist länger — darf umbrechen statt abzuschneiden */
.lp-claim .w.w3{white-space:normal;text-wrap:balance}
.lp-claim .w{display:block;white-space:nowrap;opacity:0;transform:translateY(26px);filter:blur(6px);
  transition:opacity .9s var(--ease-valdea),transform .9s var(--ease-valdea),filter .9s var(--ease-valdea)}
.lp-claim .w1{padding-left:var(--gut);transition-delay:.25s}
.lp-claim .w2,.lp-claim .w3{padding-left:6px}
.lp-claim .w3 em{font-weight:400;font-style:italic;padding-right:.08em;background:linear-gradient(100deg,var(--claim-1),var(--claim-2) 60%,var(--claim-3));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-claim .w.is-in,html.no-js .lp-claim .w{opacity:1;transform:none;filter:none}
.lp-stage{position:relative;height:clamp(380px,46vw,620px);max-height:68vh;min-height:360px;margin-top:6px}
.lp-static svg,.lm-static svg{width:100%;height:auto;display:block}
.lp-stage .vdna-tip{font-size:13px}
.lp-zones{display:grid;grid-template-columns:var(--c1,34%) var(--c2,30%) minmax(0,1fr);list-style:none;margin:0;padding:0;
  border-top:1px solid var(--border);border-image:linear-gradient(90deg,transparent,var(--border) 8%,var(--border) 92%,transparent) 1}
.lp-zones li{padding:12px 16px 0 6px;opacity:.28;transition:opacity .8s var(--ease-valdea)}
.lp-zones li:first-child{padding-left:var(--gut)}
.lp-zones li.is-in,html.no-js .lp-zones li{opacity:1}
.lp-zones b{display:block;font:700 .7rem/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--heading)}
.lp-zones span{display:block;font-size:.88rem;color:var(--text-muted);margin-top:2px}
.lp-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:clamp(26px,3.4vw,40px)}
.lp-lead{margin:0;max-width:620px;color:var(--text-muted);font-size:1.1rem;line-height:1.62}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.lp-hero .reveal-late{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease-valdea),transform .9s var(--ease-valdea)}
.lp-hero.is-settled .reveal-late,html.no-js .lp-hero .reveal-late{opacity:1;transform:none}
@media (max-width:760px){
  .lp-claim{display:block;padding:0 var(--gut);font-size:clamp(2.1rem,10vw,3.2rem);line-height:1.06}
  .lp-claim .w{padding-left:0!important}
  .lp-stage{height:440px;max-height:none}
  .lp-zones{display:block;border-top:0;padding:4px var(--gut) 0}
  .lp-zones li{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--border)}
  .lp-zones li:first-child{padding-left:0}
  .lp-zones b{min-width:118px}
  .lp-bottom{grid-template-columns:1fr}
  .lp-cta{justify-content:flex-start}
  .lp-cta .btn{flex:1 1 auto}
}

/* Abschnitte */
.lp-sec{position:relative;padding:clamp(48px,6.4vw,92px) 0;border-top:1px solid var(--border);
  border-image:linear-gradient(90deg,transparent 4%,var(--border) 20%,var(--border) 80%,transparent 96%) 1}
.lp-head{max-width:820px}
.lp-head h2{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,3.5vw,2.8rem);line-height:1.1;letter-spacing:-.015em;margin:10px 0 12px;color:var(--heading)}
.lp-head h2 em{color:var(--eyebrow)}
.lp-head p{margin:0;color:var(--text-muted);font-size:1.03rem;line-height:1.65}
.lp-head strong{color:var(--heading)}
.li-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,56px);margin-top:18px}
.li-serif{margin:0;font-family:var(--display);font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.62;color:var(--text)}
.li-serif em{color:var(--eyebrow)}
.li-serif strong{color:var(--heading);font-weight:600}
@media (max-width:760px){.li-cols{grid-template-columns:1fr}}

/* Sechs Dimensionen · sechs Windungen */
.li-dims-body{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:30px}
.li-wind{position:relative}
.li-wind>div{position:sticky;top:calc(var(--header-h,70px) + 28px)}
.li-wind-fallback{margin:0;padding-left:1.2em;color:var(--text-muted)}
.li-cards{display:grid;gap:18px}
.li-card{position:relative;overflow:hidden;padding:clamp(20px,2.4vw,30px);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);
  transition:transform .35s var(--ease-valdea),box-shadow .35s var(--ease-valdea),border-color .35s}
.li-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}
.li-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.li-chip{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);
  font:700 .72rem/1 var(--sans);letter-spacing:.08em;color:var(--heading)}
.li-card-top .vdna-glyph{color:var(--gold);font-size:15px;margin-left:auto;opacity:.85}
.li-card h3{font-family:var(--display);font-weight:500;font-size:clamp(1.35rem,2vw,1.62rem);line-height:1.15;margin:0;color:var(--heading)}
.li-card .q{margin:6px 0 10px;font-family:var(--display);font-style:italic;font-size:1.06rem;color:var(--heading)}
.li-card p{margin:0 0 10px;font-size:.96rem}
.li-card .u{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border);font-size:.89rem;color:var(--text-muted)}
.li-card .u b{display:block;font:700 .64rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:3px}
.li-card-more{margin-top:10px}
.li-card-more>summary{cursor:pointer;font-size:.86rem;font-weight:600;color:var(--link);list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:32px}
.li-card-more>summary::-webkit-details-marker{display:none}
.li-card-more>summary::after{content:"+";font-family:var(--display);font-size:1.1rem;line-height:1}
.li-card-more[open]>summary::after{content:"–"}
.li-card-more p{margin:6px 0 0;color:var(--text-muted)}
.li-guard{display:flex;gap:12px;align-items:flex-start;margin:30px 0 0;max-width:920px;font-size:.93rem;color:var(--text-muted)}
.li-guard .vdna-glyph{flex:0 0 auto;color:var(--gold);font-size:14px;margin-top:.35em}
@media (max-width:860px){
  .li-dims-body{grid-template-columns:1fr;gap:16px}
  .li-wind{position:sticky;top:var(--header-h,64px);z-index:6;margin:0 calc(-1 * var(--gut));padding:8px var(--gut);
    background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
  .li-wind>div{position:static}
}

/* Führungsmuster · Explorer */
.lp-xstage{position:relative;height:clamp(440px,46vw,600px);margin-top:26px}
.lp-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.dna-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);margin-top:18px;
  padding:clamp(20px,2.6vw,32px);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);color:var(--text);
  animation:vdnaCardIn .55s var(--ease-valdea) both}
@keyframes vdnaCardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dna-card.is-empty{display:block}
.dna-card .c-empty{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:var(--text-muted)}
.dna-card .c-empty p{margin:0;max-width:640px}
.dna-card .c-empty strong{color:var(--heading)}
.dna-card .c-sign{display:flex;gap:16px;align-items:center}
.dna-card .c-sign svg{width:84px;height:84px;flex:0 0 auto}
.dna-card .c-name{margin:2px 0 0;font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.4vw,2.15rem);line-height:1.05;color:var(--heading)}
.dna-card .c-sub{margin:4px 0 0;font-size:.86rem;color:var(--text-muted)}
.dna-card .c-kern{margin:0;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.42;color:var(--heading)}
.dna-card .c-note{margin:14px 0 0;font-size:.82rem;color:var(--text-muted)}
.dna-card .eyebrow{display:inline-block;font:700 .7rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--eyebrow)}
.c-axes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.c-axes li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;font-size:.86rem}
.c-axes .k{grid-column:1/-1;font:700 .66rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}
.poles{display:flex;gap:14px;flex-wrap:wrap}
.pole{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}
.pole.on{color:var(--heading);font-weight:600}
.pole i{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor}
.pole.on i{background:var(--pc,var(--heading));border-color:var(--pc,var(--heading))}
@media (max-width:900px){.dna-card{grid-template-columns:1fr}}
.lp-guard{margin:22px 0 0;max-width:880px;font-size:.92rem;color:var(--text-muted);padding-left:16px;border-left:2px solid var(--border-strong)}
.lm-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:34px;padding-top:26px;
  border-top:1px solid var(--border)}
.lm-bruecke{margin:0;font-family:var(--display);font-size:clamp(1.25rem,2vw,1.6rem);color:var(--heading)}
.lm-bruecke em{color:var(--eyebrow)}
.lm-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.lm-list li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);font-size:.9rem}
.lm-list b{display:block;color:var(--heading)}
.lm-list small{display:block;color:var(--text-muted);margin-bottom:4px}

/* Teaser · drei Figuren */
.li-tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.li-tcard{position:relative;padding:26px 26px 24px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);
  transition:transform .35s var(--ease-valdea),box-shadow .35s var(--ease-valdea)}
.li-tcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.li-tfig{display:block;height:64px;line-height:0;display:flex;align-items:center;border-bottom:1px solid var(--border);margin:-4px 0 0;padding-bottom:12px}
.li-tfig svg{width:100%;height:auto;display:block;overflow:visible}
.li-tfig .vdna-stufe{width:100%}
.li-tfig--bundle .vdna-anteile-fig{width:100%}
.li-tcard h3{font-family:var(--display);font-weight:500;font-size:1.32rem;margin:16px 0 6px;color:var(--heading)}
.li-tcard p{margin:0;font-size:.95rem;color:var(--text-muted)}
.li-tactions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.li-tactions .hint{margin:0}
@media (max-width:860px){.li-tgrid{grid-template-columns:1fr}}

/* So läuft es ab */
.li-stepgrid{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.li-step{position:relative;padding:26px 28px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.li-step-fig{display:block;width:120px;line-height:0;margin-bottom:14px}
.li-step-n{font-family:var(--display);font-size:2rem;line-height:1;color:var(--eyebrow)}
.li-step h3{font-family:var(--display);font-weight:600;font-size:1.3rem;color:var(--heading);margin:.45em 0 .4em}
.li-step p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.6}
@media (max-width:860px){.li-stepgrid{grid-template-columns:1fr}}

/* Rechte & Doktrin */
.li-rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:stretch}
.li-rcard{padding:28px 30px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.li-rcard h2{font-family:var(--display);font-weight:500;font-size:1.5rem;margin:0 0 14px;color:var(--heading)}
.li-rcard ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.li-rcard li{position:relative;padding-left:22px;font-size:.96rem}
.li-rcard li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 16%,transparent)}
.li-rcard strong{color:var(--heading)}
.li-doctrine{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:30px;border-radius:22px;
  background:linear-gradient(155deg,#122B54,#061229);box-shadow:var(--shadow);min-height:220px}
.li-doctrine .vdna-watermark{right:-24px;bottom:-18px;width:280px;height:122px;color:rgba(227,185,91,.17);animation:vdnaDrift 18s ease-in-out infinite alternate}
.li-doctrine .dq{position:relative;margin:0;font-family:var(--display);font-style:italic;font-size:1.5rem;line-height:1.45;color:#EDDBAC;text-wrap:balance}
.li-doctrine .dl{position:relative;margin:16px 0 0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#8FA3C6;font-weight:600}
@keyframes vdnaDrift{from{transform:translateX(0) rotate(0deg)}to{transform:translateX(-18px) rotate(-3deg)}}

/* Abschluss */
.li-final{position:relative;overflow:hidden;text-align:center;padding:clamp(64px,9vw,112px) 0;border-top:1px solid var(--border);
  border-image:linear-gradient(90deg,transparent,var(--border) 12%,var(--border) 88%,transparent) 1}
.li-final-glow{position:absolute;left:50%;top:50%;width:820px;height:420px;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--dna-glow) 17%,transparent),transparent)}
.li-final-mark{left:50%;top:50%;width:min(720px,92%);height:315px;transform:translate(-50%,-50%);color:color-mix(in srgb,var(--heading) 4.5%,transparent)}
.li-final .wrap{position:relative}
.li-final-line{margin:0 0 24px;font-family:var(--display);font-size:clamp(1.55rem,3.1vw,2.4rem);line-height:1.25;color:var(--heading)}
.li-final-line em{color:var(--eyebrow)}
.li-final p{margin-left:auto;margin-right:auto}
.li-final .hint{margin:12px auto 0}
@media (prefers-reduced-motion:reduce){.li-doctrine .vdna-watermark{animation:none}}

/* ════════ 6 · AUSWERTUNG ════════ */
.app-main--report{padding-bottom:8px}
/* Kopf: Navy-Band, randlos; der Faden läuft am unteren Rand */
.rp-hero{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(900px 420px at 88% 120%,rgba(201,150,46,.20),transparent 62%),linear-gradient(150deg,#0A1D3D,#061229 72%);
  padding:clamp(40px,6vw,76px) 0 clamp(52px,7vw,88px)}
.rp-hero-in{position:relative;z-index:1}
.rp-hero .rp-eyebrow{color:#E3B95B}
.rp-hero .rp-eyebrow::before{background:linear-gradient(90deg,#E3B95B,transparent)}
.rp-hero h1{font-family:var(--display);font-weight:500;color:#fff;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.06;letter-spacing:-.02em;margin:.3em 0 .35em;max-width:16ch}
.rp-hero .lead{position:relative;color:#d6e2f5;max-width:62ch;margin:0}
.rp-hero .acc{color:#EDDBAC;background:linear-gradient(180deg,transparent 58%,rgba(227,185,91,.22) 58%)}
.rp-badge{display:inline-block;margin:20px 0 0;padding:5px 13px;border-radius:999px;border:1px solid rgba(227,185,91,.45);
  font-size:.76rem;font-weight:600;color:#EDDBAC;letter-spacing:.02em}
.rp-hero-mark{right:-60px;bottom:-30px;width:min(620px,62%);height:270px;color:rgba(227,185,91,.12);animation:vdnaDrift 22s ease-in-out infinite alternate}
.rp-hero-thread{position:absolute;left:0;right:0;bottom:16px;height:12px;opacity:.75;
  background:linear-gradient(90deg,transparent,#1E9C96 14%,#E3B95B 50%,#C97C58 86%,transparent);
  -webkit-mask:var(--dna-helix-url) repeat-x 0 center/24px 12px;mask:var(--dna-helix-url) repeat-x 0 center/24px 12px;
  animation:vdnaFlow 9s linear infinite}
@keyframes vdnaFlow{to{-webkit-mask-position:240px center;mask-position:240px center}}
@media (prefers-reduced-motion:reduce){.rp-hero-thread,.rp-hero-mark{animation:none}}

/* Signale */
.rp-signals{margin-top:clamp(-40px,-4vw,-24px);position:relative;z-index:2}
.rp-signal-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rp-card{padding:clamp(18px,2.4vw,28px);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);margin:0;min-width:0}
.rp-signals .rp-card{box-shadow:var(--shadow-lg)}
.rp-note{margin:18px 0 0;max-width:880px;font-size:.92rem;color:var(--text-muted)}
.rp-note strong{color:var(--heading)}
@media (max-width:760px){.rp-signal-row{grid-template-columns:1fr}}

/* Abschnittsköpfe */
.rp-h{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:500;color:var(--heading);letter-spacing:-.012em;
  font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;margin:0 0 10px}
.rp-h::before{content:"";flex:0 0 auto;width:1.15em;height:.62em;background:var(--gold);
  -webkit-mask:var(--dna-glyph-url) center/contain no-repeat;mask:var(--dna-glyph-url) center/contain no-repeat}
.rp-sub{margin:0 0 18px;max-width:900px;font-size:.96rem;color:var(--text-muted);line-height:1.62}
.rp-sub strong{color:var(--heading)}
.rp-sec{margin-top:clamp(56px,7vw,92px)}

/* Muster: der Strang teilt sich, der eigene Faden leuchtet */
.rp-muster{max-width:none;margin:clamp(56px,7vw,92px) 0 0}
.rp-muster .rp-h{margin-bottom:0}
.vdna-reveal-stage{height:clamp(320px,44vw,480px)}
.vdna-reveal-cap .vdna-reveal-over{color:var(--mf-ink,var(--eyebrow))}
.vdna-reveal-name{font-weight:500}
.vdna-reveal-kern{border:0;padding:0}
.vdna-reveal-kern .acc{font-style:italic}
.rp-muster.is-instant .vdna-reveal-cap{transition:none}
html.no-js .vdna-reveal-cap{opacity:1;transform:none}
@media print{.vdna-reveal-cap{opacity:1!important;transform:none!important}}
.rp-muster-body{max-width:920px;margin:0 auto}
.muster-karten{margin-top:clamp(28px,4vw,40px)}
/* Achsen-Fäden */
.muster-achse{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:16px 20px 14px;margin:12px 0;box-shadow:var(--shadow)}
.ma-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.ma-nr{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--heading);color:var(--bg);font:700 .66rem/1 var(--sans)}
.ma-name{font-family:var(--head);font-weight:700;color:var(--heading);font-size:.98rem}
.ma-flag{font-family:var(--head);font-weight:600;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-ink,var(--text-muted));
  background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 10px}
.ma-flag--offen{color:var(--text-faint);border-style:dashed;background:var(--surface)}
.ma-row{display:grid;grid-template-columns:minmax(84px,140px) minmax(0,1fr) minmax(84px,140px);gap:14px;align-items:center}
.ma-pol{font-family:var(--head);font-weight:600;font-size:.86rem;color:var(--text-muted);line-height:1.3}
.ma-pol-b{text-align:right}
.ma-pol.is-pol{color:var(--mf-ink,var(--heading));font-weight:700}
.ma-row .vdna-achse{display:block;line-height:0;min-width:0}
.ma-row .vdna-achse svg{width:100%;height:auto;display:block;overflow:visible}
.ma-offen-hinweis{margin:6px 0 0;color:var(--text-faint);font-size:var(--fs-fine)}
@media (max-width:560px){.ma-row{grid-template-columns:1fr 1fr;gap:4px 10px}.ma-row .vdna-achse{grid-column:1/-1;grid-row:2}.ma-pol-b{text-align:right}}

/* Matrix: je Zeile die leuchtende Windung */
.rp-matrix{padding:clamp(12px,2vw,22px) clamp(14px,2.2vw,26px)}
.mx-head,.mx-row{display:grid;grid-template-columns:minmax(150px,1.25fr) repeat(5,minmax(0,1fr)) 96px;align-items:center}
.mx-head span{padding:0 4px 10px;font:700 .62rem/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;hyphens:manual}
.mx-head span:first-child{text-align:left}
.mx-head span:last-child{text-align:right}
.mx-head span.is-mid{color:var(--heading)}
.mx-row{border-top:1px solid var(--border);min-height:64px}
.mx-dim{display:flex;flex-direction:column;gap:4px;padding:8px 8px 8px 0;min-width:0}
.mx-dim b{color:var(--heading);font-family:var(--display);font-weight:600;font-size:1.05rem}
.mx-dim small{display:inline-block;width:max-content;max-width:100%;padding:2px 9px;border-radius:999px;background:var(--surface-2);font-size:.72rem;color:var(--text-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-track{grid-column:2 / span 5;position:relative;height:56px;display:flex;align-items:center}
.mx-track::after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:1px;background:var(--border);z-index:0}
.mx-track .vdna-stufe{position:relative;z-index:1;width:100%}
.mx-open{position:absolute;left:0;right:0;text-align:center;font-size:.78rem;color:var(--text-muted);font-style:italic;z-index:2;
  background:color-mix(in srgb,var(--surface) 80%,transparent);padding:2px 0}
.mx-spark{display:flex;align-items:flex-end;justify-content:flex-end;gap:4px;height:30px;padding-left:12px}
.mx-spark i{display:block;width:9px;border-radius:2px 2px 0 0;background:color-mix(in srgb,var(--teal) 72%,transparent);height:calc(var(--h) * 26px + 2px);
  transform-origin:bottom;transform:scaleY(0);transition:transform .8s var(--ease-valdea) calc(var(--k) * 60ms + .3s)}
.rp-sec.is-in .mx-spark i,html.no-js .mx-spark i{transform:none}
.mx-spark i.is-zero{background:var(--border-strong);height:2px}
.mx-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:12px 0 0;font-size:.8rem;color:var(--text-muted)}
.mx-legend>span{display:inline-flex;align-items:center;gap:8px}
.mx-legend .vdna-glyph{color:var(--gold);font-size:12px}
.lg-spark{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.lg-spark i{display:block;width:4px;border-radius:1px;background:color-mix(in srgb,var(--teal) 72%,transparent)}
@media (max-width:760px){
  .mx-head{display:none}
  .mx-row{grid-template-columns:minmax(0,1fr) 84px;padding:6px 0}
  .mx-track{grid-column:1 / -1;grid-row:2;height:48px}
}

/* Themenprofil */
.rp-profil{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rp-profil li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:center;padding:18px 20px;border:1px solid var(--border);
  border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.rp-profil .pf-fig{grid-row:1 / span 2;line-height:0}
.rp-profil .pf-t{font-weight:700;color:var(--heading);font-size:.98rem;line-height:1.3}
.rp-profil .pf-l{font-size:.84rem;color:var(--text-muted)}
.rp-profil .pf-s{grid-column:1 / -1;margin:8px 0 0;font-size:.92rem;color:var(--text-muted);line-height:1.55}
@media (max-width:760px){.rp-profil{grid-template-columns:1fr}}

/* Übergangspfad: sieben Windungen, der eigene Übergang leuchtet */
.rp-trans{padding:clamp(22px,3vw,34px);border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.rp-trans h2{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.8vw,2.15rem);margin:6px 0 14px;color:var(--heading)}
.tp-title{margin:0 0 6px;font-size:.9rem;color:var(--text-muted)}
.tp-title strong{color:var(--heading)}
.tp-strand{line-height:0}
.tp-strand .vdna-stufe{width:100%}
.tpath{list-style:none;margin:2px 0 12px;padding:0 6px;display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:0}
.tpath li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:0 4px;color:var(--text-muted)}
.tpath .tp-code{font:700 .7rem/1 var(--sans);letter-spacing:.1em;color:var(--text-muted)}
.tpath .tp-name{font-size:.76rem;line-height:1.3;max-width:15ch}
.tpath li.is-current .tp-code{color:var(--eyebrow)}
.tpath li.is-current .tp-name{color:var(--heading);font-weight:700}
.tp-fine{margin:6px 0 14px}
@media (max-width:760px){.tpath .tp-name{display:none}.tpath li.is-current .tp-name{display:block;max-width:none;position:relative;white-space:nowrap}}

/* Faserbündel */
.rp-anteile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rp-anteile figcaption{margin-top:12px;font-weight:700;color:var(--heading);font-size:.92rem}
.rp-anteile figcaption small{display:block;margin-top:4px;font-weight:400;font-size:.8rem;color:var(--text-muted)}
@media (max-width:900px){.rp-anteile{grid-template-columns:1fr}}
.vdna-anteile-list li i.pk-navy,.vdna-anteile-list li i.pk-a{background:var(--muster-navy)}
.vdna-anteile-list li i.pk-b{background:var(--muster-navy-hell)}
.vdna-anteile-list li i.pk-gold,.vdna-anteile-list li i.pk-c{background:var(--muster-gold)}
.vdna-anteile-list li i.pk-teal,.vdna-anteile-list li i.pk-d{background:var(--muster-teal)}
.vdna-anteile-list li i.pk-e{background:var(--muster-teal-hell)}

/* Passungsspiegel: die Spur als feine Helix */
.rp-spiegel{padding-top:clamp(14px,2vw,22px)}
.rp-spiegel .dotplot{margin-top:0}
.dot-lane::before{height:10px;margin-top:-5px;background:var(--border-strong);opacity:.75;
  -webkit-mask:var(--dna-helix-url) repeat-x left center/24px 10px;mask:var(--dna-helix-url) repeat-x left center/24px 10px}

/* Ihr Faden: die Handschrift zum Schluss */
.rp-faden{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;
  margin:clamp(64px,8vw,104px) 0 0;padding:clamp(26px,4vw,48px);border-radius:28px;color:#E6ECF7;
  background:radial-gradient(700px 360px at 18% 50%,color-mix(in srgb,var(--mf-d,#C9962E) 26%,transparent),transparent 70%),linear-gradient(150deg,#0F2650,#061229)}
.rp-faden-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;
  /* dunkle Tokens für den Strang auf der Navy-Karte (auch im hellen Seiten-Theme) */
  --bg:#070F1F;--heading:#ECF2FF;--text-muted:#97A4BE;--dna-glow:#E0B453;
  --muster-navy:#7FA6D8;--muster-navy-hell:#B4CFF0;--muster-teal:#2EB4AD;--muster-teal-hell:#63C4BE;
  --muster-gold:#E0B453;--muster-gold-hell:#E8D096;--muster-kupfer:#C97C58;--muster-kupfer-hell:#E0A585}
/* der Strang beginnt am linken Kartenrand und mündet in die eigene Handschrift */
.rp-faden-strang{position:relative;align-self:stretch;width:calc(100% + clamp(26px,4vw,48px));
  margin-left:calc(-1 * clamp(26px,4vw,48px));height:clamp(280px,30vw,400px);min-height:0;
  display:flex;align-items:center;justify-content:center}
.rp-faden-strang.vdna{min-height:0}
.rp-faden-strang .vdna-tip{display:none}   /* nur Strang und Handschriften, keine Beschriftung */
.rp-faden-strand{position:absolute;left:-60px;right:50%;top:50%;height:14px;margin-top:-7px;opacity:.85;
  background:linear-gradient(90deg,transparent,#3E6E9E 25%,#1E9C96 55%,#E3B95B);
  -webkit-mask:var(--dna-helix-url) repeat-x 0 center/28px 14px;mask:var(--dna-helix-url) repeat-x 0 center/28px 14px;animation:vdnaFlow 9s linear infinite}
.rp-faden-art .vdna-sign-host{position:relative;padding:14px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.10),transparent)}
.rp-faden-art .vdna-sign path{stroke:#F2E3B8!important}
.rp-faden.muster-fam-teal .rp-faden-art .vdna-sign path{stroke:#9FE0DA!important}
.rp-faden.muster-fam-navy .rp-faden-art .vdna-sign path{stroke:#BFD6F2!important}
.rp-faden.muster-fam-kupfer .rp-faden-art .vdna-sign path{stroke:#F0C2A8!important}
.rp-faden.muster-fam-alle .rp-faden-art .vdna-sign path{stroke:#F4F8FF!important}
.rp-faden-claim{margin:0 0 6px;font:700 .72rem/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#B4C4E0}
.rp-faden-claim em{font-style:normal;color:#E3B95B}
.rp-faden h2{font-family:var(--display);font-weight:500;color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin:0 0 10px}
.rp-faden h2 span{font-style:italic;color:#EDDBAC}
.rp-faden p{color:#C7D5EE;margin:0}
.rp-actions{justify-content:flex-start;margin:22px 0 0;flex-direction:column;align-items:flex-start;gap:10px}
.rp-actions .fine{color:#8FA3C6}
.rp-faden .btn.btn-primary{background:linear-gradient(150deg,#E3B95B,#C9962E);color:#0A1D3D;box-shadow:0 10px 28px rgba(201,150,46,.28)}
.rp-faden .btn.btn-primary:hover{background:linear-gradient(150deg,#EDC977,#D3A13A);color:#0A1D3D}
.rp-faden .btn.btn-ghost{background:transparent;border-color:rgba(236,242,255,.42);color:#F4F8FF}
.rp-faden .btn.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:#E3B95B;color:#fff}
.rp-faden .btn.btn-ghost:focus-visible{outline:2px solid #E3B95B;outline-offset:2px}
@media (max-width:760px){.rp-faden{grid-template-columns:1fr}.rp-faden-art{min-height:150px}
  .rp-faden-strang{height:clamp(170px,48vw,230px)}}
@media (prefers-reduced-motion:reduce){.rp-faden-strand{animation:none}}

/* Leerzustand */
.empty-state{text-align:center;margin-top:32px}
.empty-state .empty-spur{max-width:440px;margin:0 auto 18px;text-align:left}
.empty-state .vdna-explain{display:none}
@media print{.rp-hero{background:#0A1D3D!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.rp-hero-thread,.rp-faden-strand{animation:none}}
.muster-achsen{margin:clamp(36px,5vw,56px) 0 0}
.muster-achsen-titel{font-family:var(--display);font-weight:500;font-size:clamp(1.3rem,2.2vw,1.6rem);color:var(--heading);margin:0 0 6px}
.muster-achsen-sub{margin:0 0 var(--sp-3);max-width:var(--maxw-text)}

/* ── Dunkle Flächen (Navy-Köpfe, Abschluss-Band): Figuren in den Dunkel-Tönen ── */
.qb-sec-head,.dk-hero{--border-strong:rgba(199,213,238,.30);--dna-glow:#E3B95B;
  --muster-navy:#8FB8E4;--muster-navy-hell:#BFD6F2;--muster-teal:#2EB4AD;--muster-teal-hell:#63C4BE;
  --muster-gold:#E0B453;--muster-gold-hell:#E8D096;--muster-kupfer:#C97C58;--muster-kupfer-hell:#E0A585;
  --heading:#ECF2FF;--text-muted:#9DB0D2}
@keyframes vdnaSpark{0%{filter:none}30%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--dna-glow) 70%,transparent))}100%{filter:none}}
@keyframes vdnaWind{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* ════════ 7 · INTAKE (/start) ════════ */
.in-hero .hero-art{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(240px,25vw);text-align:center;isolation:isolate}
.in-hero-glow{position:absolute;left:50%;top:36%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--dna-glow) 16%,transparent),transparent);pointer-events:none}
.in-hero-mark{line-height:0}
.in-hero-mark svg{width:min(196px,19vw);height:auto;overflow:visible}
.in-hero-claim{font-family:var(--display);font-style:italic;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.1;letter-spacing:-.01em;padding:0 .08em;
  background:linear-gradient(100deg,var(--claim-1),var(--claim-2) 60%,var(--claim-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.in-hero-sub{font:700 .64rem/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}
/* Stepper: die drei Schritte hängen an einem Strang */
.in-stepper{gap:16px}
.in-stepper li{position:relative}
.in-stepper li:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;width:18px;height:10px;margin-top:-5px;
  background:var(--border-strong);-webkit-mask:var(--dna-helix-url) repeat-x 0 center/18px 10px;mask:var(--dna-helix-url) repeat-x 0 center/18px 10px}
.in-stepper li.is-done:not(:last-child)::after{background:linear-gradient(90deg,var(--teal),var(--dna-glow))}
@media (max-width:560px){.in-stepper{gap:12px}.in-stepper li:not(:last-child)::after{right:-13px;width:14px}}
/* Wachsender Kontext-Strang über dem Absenden (data-dna-grow) */
.in-grow{display:block;line-height:0;transition:filter .6s var(--ease-valdea)}
.in-grow svg{display:block;overflow:visible}
.in-grow.is-spark .vdna-grow-fig{display:block;animation:vdnaSpark .8s var(--ease-valdea)}
.in-grow.is-complete{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--dna-glow) 45%,transparent))}

/* ════════ 8 · FRAGEBOGEN (/fragebogen) ════════ */
/* Fortschritts-Strang im klebenden Kopf (ersetzt den Balken, sobald das Script läuft) */
html.vdna-ready .qb-head .progress[data-dna-progress]{height:16px;background:none;border:0;border-radius:0;overflow:visible}
html.vdna-ready .qb-head .progress[data-dna-progress] .progress-bar{display:none}
.vdna-prog-fig{position:absolute;inset:0;line-height:0}
.vdna-prog-fig svg{display:block;width:100%;height:100%;overflow:visible}
.progress.is-spark .vdna-prog-fig{animation:vdnaSpark .8s var(--ease-valdea)}
.progress.is-complete .vdna-prog-fig{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--dna-glow) 55%,transparent))}
.qb-hero-strand{display:flex;align-items:center;gap:12px;margin:14px 0 0;color:var(--text-muted);font-size:.95rem}
.qb-hero-strand::before{content:"";flex:0 0 auto;width:54px;height:12px;background:linear-gradient(90deg,var(--teal),var(--dna-glow));
  -webkit-mask:var(--dna-helix-url) repeat-x 0 center/18px 12px;mask:var(--dna-helix-url) repeat-x 0 center/18px 12px}
/* Sektionskopf: Windung „Dimension k von 6“ rechts, in den Dunkel-Tönen */
.qb-sec-wind{margin-left:auto;line-height:0;position:relative;flex:0 0 auto}
.qb-sec-wind svg{display:block;overflow:visible}
.qb-sec-wind + .qb-sec-n{margin-left:10px}
.qb-sec-head::after{opacity:.6}
@media (max-width:700px){.qb-sec-wind{display:none}}
/* Likert: die fünf Antworten hängen an einem Strang aus fünf Windungen — die gewählte leuchtet
   (Lage auf der eigenen Skala, kein Wert; „nicht beurteilbar“ liegt bewusst neben dem Strang). */
.qb-item .scale,.fb-rating .scale{--opt:50px;--gap:8px;position:relative;gap:24px var(--gap);padding-bottom:20px}
.fb-rating .scale{--opt:48px}
.qb-item .scale::before,.fb-rating .scale::before{content:"";position:absolute;left:calc(var(--gap) / -2);top:calc(var(--opt) + 6px);height:14px;
  width:calc(5 * (var(--opt) + var(--gap)));background:var(--border-strong);opacity:.8;pointer-events:none;transition:opacity .3s;
  -webkit-mask:var(--dna-helix-url) repeat-x 0 center/calc(2 * (var(--opt) + var(--gap))) 14px;
  mask:var(--dna-helix-url) repeat-x 0 center/calc(2 * (var(--opt) + var(--gap))) 14px}
.qb-item .opt:not(.opt-na) input:checked + span::after,.fb-rating .opt:not(.opt-na) input:checked + span::after{content:"";position:absolute;
  left:calc(var(--gap) / -2);width:calc(var(--opt) + var(--gap));top:calc(100% + 6px);height:14px;pointer-events:none;
  background:linear-gradient(90deg,var(--muster-teal),var(--dna-glow));
  -webkit-mask:var(--dna-helix-bold-url) repeat-x 0 center/calc(2 * (var(--opt) + var(--gap))) 14px;
  mask:var(--dna-helix-bold-url) repeat-x 0 center/calc(2 * (var(--opt) + var(--gap))) 14px;
  animation:vdnaWind .5s var(--ease-valdea) both}
.qb-item .scale:has(.opt-na input:checked)::before{opacity:.3}
@media (max-width:640px){.fb-rating .scale{--opt:52px}}
@media (max-width:560px){.qb-item .scale{--opt:46px}
  .qb-item .opt-na > span{width:auto;min-width:0;padding:0 14px}}   /* „nicht beurteilbar“ nie auf Knopfbreite quetschen */
@media (max-width:380px){
  .qb-item .scale,.fb-rating .scale{padding-bottom:0}
  .qb-item .scale::before,.fb-rating .scale::before,
  .qb-item .opt input:checked + span::after,.fb-rating .opt input:checked + span::after{display:none}
}
/* Führungsstil-Regler: der Track ist ein Strang (eine Windung je Raststufe), die Füllung
   Mitte→Daumen ist der eigene Faden — derselbe, der in der Auswertung als Achsen-Faden erscheint. */
html.vdna-ready .mu-pair{--mu-track-h:18px}
html.vdna-ready .mu-track{background:none;box-shadow:none;border-radius:0;container-type:inline-size}
html.vdna-ready .mu-track::before{content:"";position:absolute;left:calc(var(--mu-thumb) / 2);right:calc(var(--mu-thumb) / 2);top:0;bottom:0;
  background:var(--border-strong);opacity:.9;
  -webkit-mask:var(--dna-helix-url) repeat-x 0 center/calc(100% / 6) 100%;mask:var(--dna-helix-url) repeat-x 0 center/calc(100% / 6) 100%}
html.vdna-ready .mu-fill{border-radius:0;background:linear-gradient(90deg,var(--muster-teal),var(--dna-glow));
  -webkit-mask:var(--dna-helix-bold-url) repeat-x 0 center/calc((100cqw - var(--mu-thumb)) / 6) 100%;
  mask:var(--dna-helix-bold-url) repeat-x 0 center/calc((100cqw - var(--mu-thumb)) / 6) 100%}
html.vdna-ready .mu-lean-a .mu-fill{background:linear-gradient(270deg,var(--muster-teal),var(--dna-glow))}
html.vdna-ready .mu-tick{z-index:1}
html.vdna-ready .mu-tick:not(.mu-tick-mid){width:6px;height:6px;background:var(--surface);box-shadow:0 0 0 1.5px var(--border-strong)}
html.vdna-ready .mu-tick.is-active:not(.mu-tick-mid){background:var(--dna-glow);box-shadow:0 0 0 3px color-mix(in srgb,var(--dna-glow) 30%,transparent)}
@media print{html.vdna-ready .mu-track::before{display:none}}

/* ════════ 9 · ABSCHLUSS (Feedback, Danke) ════════ */
.fb-hero-strand{display:block;position:relative;height:12px;max-width:340px;margin-top:22px;opacity:.85;
  background:linear-gradient(90deg,#3E6E9E,#1E9C96 50%,#E3B95B);
  -webkit-mask:var(--dna-helix-url) repeat-x 0 center/24px 12px;mask:var(--dna-helix-url) repeat-x 0 center/24px 12px;
  animation:vdnaFlow 12s linear infinite}
.fb-card h2.section-heading{font-size:clamp(1.25rem,2vw,1.5rem)}
.fb-actions{flex-direction:column;align-items:center;gap:12px}
.fb-actions .fine{text-align:center;max-width:560px}
.fb-count{font-family:var(--head);font-size:.82rem;font-weight:600;color:var(--text-muted)}
.fb-count b{color:var(--heading)}
@media (prefers-reduced-motion:reduce){.fb-hero-strand{animation:none}}

/* Danke: das Band schließt den Strang — er läuft in die eigene Handschrift (Create Impact) */
.dk-hero{position:relative;display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:center;
  margin:clamp(28px,5vw,56px) 0 clamp(20px,3vw,28px);padding:clamp(30px,4.5vw,52px) clamp(26px,4vw,48px);border-radius:28px;overflow:hidden;
  background:radial-gradient(120% 150% at 0% 50%,#16386B 0%,#0A1D3D 52%,#061229 100%);color:#E6ECF7;box-shadow:0 24px 60px rgba(10,29,61,.28)}
.dk-hero::after{content:"";position:absolute;right:-30px;bottom:-24px;width:min(420px,60%);height:180px;opacity:.07;background:#E3B95B;pointer-events:none;
  -webkit-mask:var(--dna-mark-url) center/contain no-repeat;mask:var(--dna-mark-url) center/contain no-repeat}
.dk-art{position:relative;display:grid;place-items:center;min-height:210px}
.dk-strand{position:absolute;left:calc(-1 * clamp(26px,4vw,48px));right:50%;top:50%;height:14px;margin-top:-7px;opacity:.9;
  background:linear-gradient(90deg,transparent,#3E6E9E 25%,#1E9C96 55%,#E3B95B);
  -webkit-mask:var(--dna-helix-url) repeat-x 0 center/28px 14px;mask:var(--dna-helix-url) repeat-x 0 center/28px 14px;
  animation:vdnaFlow 9s linear infinite}
.dk-art .vdna-sign-host,.dk-art>svg{position:relative;padding:18px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(227,185,91,.2),rgba(227,185,91,.06) 60%,transparent)}
.dk-art .vdna-sign-host svg{width:min(170px,40vw);height:auto}
.dk-copy{position:relative}
.dk-copy .eyebrow{color:#E3B95B}
.dk-copy .eyebrow::before{background:linear-gradient(90deg,#E3B95B,transparent)}
.dk-copy h1{color:#fff;font-family:var(--display);font-weight:500;font-size:clamp(2rem,4vw,2.9rem);line-height:1.08;margin:10px 0 12px;letter-spacing:-.01em}
.dk-copy .lead{color:#C7D5EE;margin:0;max-width:560px}
.dk-hand{margin:18px 0 0;font-family:var(--display);font-size:1.1rem;color:#D9E4F7}
.dk-hand em{font-style:italic;color:#EDDBAC}
.dk-pdf{position:relative}
@media (max-width:760px){.dk-hero{grid-template-columns:1fr;text-align:left}.dk-art{min-height:160px}.dk-strand{right:40%}}
@media (prefers-reduced-motion:reduce){.dk-strand{animation:none}}
@media print{.dk-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.dk-strand{animation:none}}
@media (max-width:640px){.muster-portraet{text-align:left}.muster-portraet p{text-wrap:pretty}}