/* Schriften liegen auf dem eigenen Server (kein Aufruf an Google). Quelle: Google Fonts, SIL Open Font License 1.1
   Alle drei sind variable Schriften (wght-Achse, gemessen 22.10.2026: Archivo und Inter Tight 100–900, JetBrains Mono 400–800).
   Darum je ein Bereich statt einzelner Schnitte — sonst rechnet der Browser fehlende Stärken (400, 700, 800 …) künstlich nach. */
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/archivo-latin-ext.a999e009fd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/archivo-latin.7150c0ec5a.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/inter-tight-latin-ext.3c29966229.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/inter-tight-latin.83d548cd73.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin-ext.9c38cb2d0d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin.2c32b9b3ee.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*! Edgetrail © 2026 LudusNovus LLC. Alle Rechte vorbehalten / All rights reserved. */
/* Statische Marketing-Seite edgetrail.app — Edge-Look der App-Startseite (app/assets/app.css ab „07 · Startseite“),
   gekürzt auf das, was die Seiten hier brauchen. Keine App-Oberfläche. Die Schriften (@font-face) hängt build.mjs
   aus app/assets/fonts.css davor, mit gestempelten Dateinamen. */

/* ---------- 01 · Tokens (Edge, fest dunkel) ---------- */
:root{
  color-scheme:dark;
  --bg:#05070f; --surface:#0a0f1e; --surface-2:#101728; --surface-3:#182038;
  --border:#1d2b47; --border-soft:rgba(148,197,255,.09);
  --text:#eaeefb; --text-dim:rgba(234,238,251,.86); --text-faint:rgba(234,238,251,.78);
  --accent:#22d3ee; --accent-2:#b14cff; --accent-soft:rgba(34,211,238,.14);
  --pos:#4ade80; --pos-soft:rgba(74,222,128,.13);
  --neg:#fb7185; --neg-soft:rgba(251,113,133,.13);
  --on-accent:#031318; --glow:rgba(34,211,238,.16);
  --shadow:0 24px 60px -18px rgba(0,0,0,.8);
  --t1:#ff2d9b; --t2:#b14cff; --t3:#ff9a3c;
  --licht-1:rgba(34,211,238,.11); --licht-2:rgba(177,76,255,.09);
  --font-ui:'Inter Tight','Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:'Archivo','Inter Tight',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-num:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --font-mono:var(--font-num);
  --fs-etikett:11px; --fs-mini:12px; --fs-klein:13px; --fs-text:14px; --fs-titel:16px;
  --hair:rgba(234,238,251,.09); --hair-strong:rgba(234,238,251,.15);
  --tint:rgba(234,238,251,.04); --tint-2:rgba(234,238,251,.07);
  --accent-line:rgba(34,211,238,.42); --accent-wash:rgba(34,211,238,.08);
  --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --verlauf:linear-gradient(180deg,#ff2d9b 0%,#b14cff 44%,#ff9a3c 100%);
  --verlauf-quer:linear-gradient(120deg,#ff2d9b,#b14cff 48%,#ff9a3c);
  --lp-w:1140px;--lp-pad:clamp(20px,4vw,40px);
  /* Typo-Skala (22.10.2026): jede Überschrift gehört zu genau einer Stufe — keine Einzelgrössen mehr */
  --ts-display:clamp(38px,6.2vw,76px);  /* Startseite H1 */
  --ts-h1:clamp(32px,5vw,60px);         /* H1 der Unterseiten, Schluss-Aufruf */
  --ts-h2:clamp(28px,4vw,48px);         /* Abschnitts-Überschriften */
  --ts-h3:clamp(22px,2.6vw,32px);       /* Funktionen, Prosa-H2, Zitat, Zwischenaussagen */
  --ts-h4:clamp(18px,1.9vw,22px);       /* Karten, Schritte */
  --ts-lead-xl:clamp(17px,1.7vw,21px);  /* Unterzeile im Held */
  --ts-lead:clamp(16.5px,1.5vw,19px);   /* Einleitungen, FAQ-Fragen */
  --lp-fs-meta:12.5px;--lp-fs-klein:13.5px;--lp-fs-text:14.5px;--lp-fs-lead:15.5px;--lp-fs-gross:16.5px;--lp-fs-titel:17.5px;--lp-fs-kpi:20px;--lp-fs-zahl:22px;--lp-fs-zahl-xl:25px;
  --s-sec:clamp(76px,9.5vw,136px); --s-head:clamp(40px,5vw,64px); --s-block:clamp(52px,6.5vw,88px); --s-item:clamp(20px,2.4vw,30px);
  --grid-line:rgba(234,238,251,.06);
  --kerzen:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%222400%22%20height%3D%221000%22%20viewBox%3D%220%200%202400%201000%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22f%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22m%22%3E%3Crect%20width%3D%222400%22%20height%3D%221000%22%20fill%3D%22url(%23f)%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23m)%22%3E%3Cpath%20d%3D%22M10.2%20875.2V885.8M111.9%20900.1V914.9M132.2%20890.2V907.4M152.5%20871.9V893.3M172.9%20868.4V878.5M193.2%20867.1V876.3M213.6%20858.3V871.0M254.2%20856.7V877.7M274.6%20840.3V860.9M294.9%20674.0V846.9M335.6%20661.9V706.0M376.3%20652.2V694.5M396.6%20620.4V675.8M416.9%20605.1V649.9M457.6%20583.4V626.9M498.3%20581.1V638.0M579.7%20605.2V659.8M620.3%20595.8V631.6M661.0%20586.6V623.1M681.4%20550.5V597.4M803.4%20647.8V682.2M844.1%20625.0V684.7M884.7%20602.0V643.5M905.1%20542.7V603.6M945.8%20556.6V584.7M966.1%20536.4V576.6M1006.8%20507.3V550.6M1027.1%20489.0V523.0M1128.8%20528.1V574.5M1169.5%20516.9V554.5M1189.8%20505.6V521.7M1230.5%20486.5V519.3M1291.5%20492.1V547.0M1352.5%20477.4V526.7M1372.9%20453.0V480.6M1393.2%20410.3V466.3M1413.6%20384.0V435.1M1433.9%20322.0V396.1M1454.2%20308.3V355.5M1515.3%20347.2V385.9M1576.3%20373.3V418.9M1596.6%20343.5V378.8M1657.6%20355.6V423.0M1678.0%20311.1V374.7M1739.0%20318.5V350.5M1800.0%20312.1V367.3M1820.3%20278.2V327.4M1861.0%20265.1V312.0M1922.0%20277.4V324.2M1942.4%20255.5V293.4M1962.7%20239.2V266.4M1983.1%2093.9V256.2M2023.7%2082.7V138.1M2206.8%20386.3V435.4M2288.1%20420.4V452.0M2308.5%20404.8V447.0M2328.8%20390.4V424.1%22%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4.5%20876.7h11.4v4.3h-11.4zM106.2%20905.6h11.4v8.0h-11.4zM126.5%20891.7h11.4v14.0h-11.4zM146.8%20878.1h11.4v13.6h-11.4zM167.2%20873.1h11.4v5.0h-11.4zM187.5%20867.7h11.4v5.4h-11.4zM207.9%20861.9h11.4v5.8h-11.4zM248.5%20858.4h11.4v13.4h-11.4zM268.9%20842.1h11.4v16.3h-11.4zM289.2%20678.3h11.4v163.8h-11.4zM329.9%20670.9h11.4v27.1h-11.4zM370.6%20664.7h11.4v24.0h-11.4zM390.9%20629.4h11.4v35.3h-11.4zM411.3%20606.3h11.4v23.0h-11.4zM451.9%20595.6h11.4v25.8h-11.4zM492.6%20583.5h11.4v37.6h-11.4zM574.0%20614.9h11.4v31.3h-11.4zM614.6%20603.6h11.4v22.7h-11.4zM655.3%20594.2h11.4v25.2h-11.4zM675.7%20568.3h11.4v25.9h-11.4zM797.7%20653.0h11.4v21.6h-11.4zM838.4%20631.9h11.4v44.2h-11.4zM879.1%20602.9h11.4v30.5h-11.4zM899.4%20558.0h11.4v44.9h-11.4zM940.1%20560.8h11.4v19.2h-11.4zM960.4%20536.9h11.4v23.8h-11.4zM1001.1%20514.2h11.4v28.6h-11.4zM1021.4%20495.4h11.4v18.8h-11.4zM1123.1%20536.2h11.4v22.7h-11.4zM1163.8%20521.2h11.4v26.5h-11.4zM1184.1%20506.2h11.4v15.0h-11.4zM1224.8%20490.0h11.4v27.1h-11.4zM1285.8%20509.5h11.4v22.6h-11.4zM1346.8%20478.4h11.4v46.8h-11.4zM1367.2%20454.1h11.4v24.3h-11.4zM1387.5%20427.0h11.4v27.1h-11.4zM1407.9%20387.9h11.4v39.1h-11.4zM1428.2%20338.2h11.4v49.7h-11.4zM1448.5%20315.7h11.4v22.5h-11.4zM1509.6%20352.0h11.4v16.9h-11.4zM1570.6%20375.3h11.4v27.0h-11.4zM1590.9%20344.6h11.4v30.7h-11.4zM1651.9%20366.6h11.4v55.0h-11.4zM1672.3%20320.0h11.4v46.5h-11.4zM1733.3%20321.4h11.4v28.0h-11.4zM1794.3%20323.2h11.4v41.2h-11.4zM1814.6%20288.0h11.4v35.2h-11.4zM1855.3%20281.3h11.4v28.0h-11.4zM1916.3%20285.3h11.4v33.1h-11.4zM1936.7%20257.2h11.4v28.1h-11.4zM1957.0%20254.8h11.4v2.4h-11.4zM1977.4%20101.4h11.4v153.4h-11.4zM2018.0%2095.3h11.4v29.8h-11.4zM2201.1%20392.2h11.4v36.3h-11.4zM2282.4%20435.7h11.4v10.2h-11.4zM2302.8%20415.6h11.4v20.1h-11.4zM2323.1%20395.8h11.4v19.8h-11.4z%22%20fill%3D%22%2322d3ee%22%2F%3E%3Cpath%20d%3D%22M30.5%20875.9V887.6M50.8%20880.2V889.5M71.2%20886.5V903.6M91.5%20903.4V918.2M233.9%20861.3V873.5M315.3%20672.0V712.5M355.9%20669.1V693.6M437.3%20602.1V622.1M478.0%20594.8V626.4M518.6%20563.1V615.9M539.0%20592.1V628.3M559.3%20610.2V646.3M600.0%20614.4V630.1M640.7%20602.6V623.7M701.7%20567.1V602.4M722.0%20588.2V599.5M742.4%20596.1V626.7M762.7%20622.5V647.9M783.1%20646.3V675.9M823.7%20653.0V691.7M864.4%20626.6V635.5M925.4%20547.8V583.8M986.4%20535.3V543.8M1047.5%20494.1V510.1M1067.8%20493.8V519.2M1088.1%20499.7V545.7M1108.5%20529.9V564.3M1149.2%20525.7V553.4M1210.2%20502.4V517.6M1250.8%20484.2V527.6M1271.2%20513.6V536.1M1311.9%20507.5V526.9M1332.2%20509.1V531.1M1474.6%20313.3V341.0M1494.9%20333.1V374.5M1535.6%20346.4V380.7M1555.9%20357.3V403.3M1616.9%20341.9V397.9M1637.3%20370.2V427.6M1698.3%20306.7V340.3M1718.6%20321.7V356.9M1759.3%20305.9V363.7M1779.7%20327.6V387.0M1840.7%20276.5V316.9M1881.4%20278.7V302.2M1901.7%20290.1V318.8M2003.4%2081.8V126.8M2044.1%2093.9V155.0M2064.4%20145.0V217.5M2084.7%20197.9V253.7M2105.1%20229.2V292.8M2125.4%20273.5V317.0M2145.8%20292.9V355.7M2166.1%20331.7V379.6M2186.4%20371.2V430.9M2227.1%20384.2V425.6M2247.5%20405.9V434.3M2267.8%20423.0V456.9M2349.2%20392.0V404.6M2369.5%20397.9V434.1M2389.8%20411.8V451.8%22%20stroke%3D%22%23f0325f%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M24.8%20876.7h11.4v4.8h-11.4zM45.2%20881.5h11.4v6.8h-11.4zM65.5%20888.3h11.4v15.1h-11.4zM85.8%20903.4h11.4v10.3h-11.4zM228.2%20861.9h11.4v9.9h-11.4zM309.6%20678.3h11.4v19.7h-11.4zM350.2%20670.9h11.4v17.8h-11.4zM431.6%20606.3h11.4v15.1h-11.4zM472.3%20595.6h11.4v25.5h-11.4zM512.9%20583.5h11.4v23.9h-11.4zM533.3%20607.4h11.4v11.4h-11.4zM553.6%20618.8h11.4v27.4h-11.4zM594.3%20614.9h11.4v11.4h-11.4zM635.0%20603.6h11.4v15.7h-11.4zM696.0%20568.3h11.4v22.3h-11.4zM716.3%20590.6h11.4v8.0h-11.4zM736.7%20598.7h11.4v26.3h-11.4zM757.0%20625.0h11.4v22.4h-11.4zM777.4%20647.4h11.4v27.2h-11.4zM818.0%20653.0h11.4v23.0h-11.4zM858.7%20631.9h11.4v1.6h-11.4zM919.7%20558.0h11.4v22.0h-11.4zM980.7%20536.9h11.4v5.9h-11.4zM1041.8%20495.4h11.4v6.8h-11.4zM1062.1%20502.3h11.4v8.0h-11.4zM1082.4%20510.3h11.4v24.1h-11.4zM1102.8%20534.3h11.4v24.6h-11.4zM1143.5%20536.2h11.4v11.4h-11.4zM1204.5%20506.2h11.4v10.9h-11.4zM1245.2%20490.0h11.4v28.7h-11.4zM1265.5%20518.7h11.4v13.5h-11.4zM1306.2%20509.5h11.4v12.7h-11.4zM1326.5%20522.3h11.4v2.9h-11.4zM1468.9%20315.7h11.4v19.0h-11.4zM1489.2%20334.7h11.4v34.2h-11.4zM1529.9%20352.0h11.4v24.1h-11.4zM1550.2%20376.1h11.4v26.1h-11.4zM1611.3%20344.6h11.4v43.8h-11.4zM1631.6%20388.4h11.4v33.2h-11.4zM1692.6%20320.0h11.4v9.7h-11.4zM1712.9%20329.7h11.4v19.7h-11.4zM1753.6%20321.4h11.4v23.9h-11.4zM1774.0%20345.3h11.4v19.1h-11.4zM1835.0%20288.0h11.4v21.3h-11.4zM1875.7%20281.3h11.4v14.3h-11.4zM1896.0%20295.6h11.4v22.8h-11.4zM1997.7%20101.4h11.4v23.7h-11.4zM2038.4%2095.3h11.4v56.7h-11.4zM2058.7%20152.0h11.4v46.9h-11.4zM2079.1%20198.9h11.4v53.8h-11.4zM2099.4%20252.7h11.4v31.0h-11.4zM2119.7%20283.7h11.4v26.0h-11.4zM2140.1%20309.6h11.4v31.9h-11.4zM2160.4%20341.5h11.4v36.5h-11.4zM2180.7%20378.0h11.4v50.4h-11.4zM2221.4%20392.2h11.4v16.3h-11.4zM2241.8%20408.4h11.4v17.1h-11.4zM2262.1%20425.5h11.4v20.4h-11.4zM2343.5%20395.8h11.4v6.9h-11.4zM2363.8%20402.7h11.4v17.5h-11.4zM2384.1%20420.2h11.4v20.1h-11.4z%22%20fill%3D%22%23f0325f%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

/* ---------- 02 · Basis ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-ui);font-size:15px;line-height:1.5;color:var(--text);
  background:
    radial-gradient(1200px 680px at 84% -12%, var(--licht-1), transparent 60%),
    radial-gradient(900px 540px at 2% 106%, var(--licht-2), transparent 62%),
    var(--bg);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
img{height:auto}
button{font:inherit}
ul,ol{list-style:none}
.lp-skip,body.lp>.lp-skip{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 14px;border-radius:10px;background:var(--surface-3);color:var(--text);font-weight:600;transition:top .15s}
.lp-skip:focus{top:12px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* ---------- 03 · Seitengrund (Nordlicht + Korn) ---------- */
body.lp{position:relative;overflow-x:clip;min-height:100vh}
body.lp::before{
  content:"";position:absolute;left:0;right:0;top:-300px;height:1460px;z-index:0;pointer-events:none;
  background:
    radial-gradient(44% 30% at 50% 20%,rgba(34,211,238,.26),transparent 68%),
    radial-gradient(38% 26% at 16% 36%,rgba(177,76,255,.22),transparent 70%),
    radial-gradient(40% 24% at 84% 30%,rgba(34,211,238,.15),transparent 72%);
  filter:blur(46px);opacity:.72;animation:aurora 26s ease-in-out infinite alternate;
}
@keyframes aurora{0%{transform:translateY(0);opacity:.66}50%{transform:translateY(-30px);opacity:.82}100%{transform:translateY(16px);opacity:.7}}
body.lp::after{
  content:"";position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
body.lp>*{position:relative;z-index:1}
body.lp{font-size:14px;line-height:1.55}

/* ---------- 04 · Kopfleiste ---------- */
.lp-nav{
  position:sticky;top:0;z-index:6;padding:0 var(--lp-pad);
  background:rgba(10,15,30,.62);
  -webkit-backdrop-filter:blur(20px) saturate(175%);backdrop-filter:blur(20px) saturate(175%);
  transition:background .3s var(--ease);
}
.lp-nav.scrolled{background:rgba(10,15,30,.88)}
/* body.lp>* setzt position:relative für alle Kinder — die Kopfzeile muss davon ausgenommen sein, sonst klebt sie nicht */
body.lp>.lp-nav{position:sticky;top:0;z-index:20}
/* Menü (Tablet/Handy) */
.lp-menu{display:none;position:static}
.lp-menu>summary{list-style:none;cursor:pointer;width:38px;height:38px;border-radius:11px;border:1px solid var(--hair);background:var(--tint);display:grid;place-items:center;flex:0 0 auto}
.lp-menu>summary::-webkit-details-marker{display:none}
.lp-menu>summary:hover{border-color:var(--hair-strong)}
.lp-menu-i,.lp-menu-i::before,.lp-menu-i::after{display:block;width:16px;height:1.6px;border-radius:2px;background:var(--text);transition:transform .2s var(--ease),opacity .2s var(--ease)}
.lp-menu-i{position:relative}
.lp-menu-i::before,.lp-menu-i::after{content:"";position:absolute;left:0;transform-origin:50% 50%}
.lp-menu-i::before{top:-5px}.lp-menu-i::after{top:5px}
.lp-menu[open] .lp-menu-i{background:transparent}
.lp-menu[open] .lp-menu-i::before{transform:translateY(5px) rotate(45deg)}
.lp-menu[open] .lp-menu-i::after{transform:translateY(-5px) rotate(-45deg)}
.lp-menu-panel{position:absolute;left:0;right:0;top:100%;background:#080c18;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--hair);padding:14px var(--lp-pad) 20px;display:grid;gap:14px;box-shadow:0 24px 40px -20px rgba(0,0,0,.8)}
.lp-menu-panel nav{display:grid}
.lp-menu-panel nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;font-size:var(--lp-fs-titel);font-weight:600;color:var(--text);border-bottom:1px solid var(--hair)}
.lp-menu-panel nav a[aria-current]{color:var(--accent)}
.lp-menu-panel .lp-lang{justify-self:start}
.lp-menu-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-menu-cta a{height:44px}
/* Fortschritt auf derselben Haarlinie (site.js setzt --lp-prog) */
.lp-nav::before{content:"";position:absolute;left:0;bottom:0;height:1px;z-index:2;width:calc(var(--lp-prog,0) * 100%);background:var(--accent);box-shadow:0 0 10px var(--accent);pointer-events:none}
.lp-nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--hair) 12%,var(--hair) 88%,transparent)}
.lp-nav-in{max-width:var(--lp-w);margin:0 auto;height:62px;display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);transition:height .3s var(--ease)}
.lp-nav.scrolled .lp-nav-in{height:56px}
.lp-logo{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:var(--lp-fs-titel);font-weight:700;letter-spacing:-.035em;color:var(--text);white-space:nowrap}
.lp-logo b{color:var(--accent);font-weight:700}
.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;box-shadow:0 4px 14px -6px var(--accent);flex:0 0 auto}
.brand-mark svg{width:16px;height:16px}
.lp-nav-links{display:flex;gap:clamp(18px,2.2vw,30px);white-space:nowrap;margin-left:auto}
.lp-nav-links a{color:var(--text-dim);font-size:14.5px;font-weight:600;letter-spacing:-.012em;padding:6px 0;position:relative;transition:color .18s var(--ease)}
.lp-nav-links a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1.5px;border-radius:2px;background:var(--accent);transition:left .28s var(--ease),right .28s var(--ease)}
.lp-nav-links a:hover,.lp-nav-links a[aria-current]{color:var(--text)}
.lp-nav-links a:hover::after,.lp-nav-links a[aria-current]::after{left:0;right:0}
.lp-nav-right{display:flex;align-items:center;gap:9px;position:relative;padding-left:clamp(16px,2vw,26px)}
.lp-nav-right::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:var(--hair)}
.lp-lang{display:flex;gap:1px;background:var(--tint);border:1px solid var(--hair);border-radius:10px;padding:2px}
.lp-lang a{color:var(--text-dim);font-family:var(--font-num);font-weight:600;font-size:var(--fs-etikett);letter-spacing:.06em;padding:5px 9px;border-radius:8px;line-height:1}
.lp-lang a[aria-current]{background:var(--surface-3);color:var(--text)}
.lp-lang a:hover:not([aria-current]){color:var(--text)}

.lp-btn-ghost,.lp-btn-solid{
  /* Feste Höhen statt Polsterung: Rand (Ghost) und Schatten-Ring (Solid) dürfen die Grösse nie ändern.
     Stufen: 38 px (Kopfzeile, Karten) · 44 px (Preiskarten) · 52 px (Hauptaufrufe) */
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:38px;border-radius:11px;font-weight:600;font-size:14px;line-height:1;cursor:pointer;padding:0 18px;
  border:1px solid transparent;white-space:nowrap;letter-spacing:-.012em;text-decoration:none;
  transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),transform .12s var(--ease),box-shadow .22s var(--ease);
}
.lp-btn-ghost{background:transparent;border-color:var(--hair);color:var(--text)}
.lp-btn-ghost:hover{background:var(--tint);border-color:var(--hair-strong)}
.lp-btn-solid{background:var(--verlauf-quer);color:var(--on-accent);border:0;box-shadow:0 14px 34px -14px var(--t2),0 0 0 1px rgba(255,45,155,.4)}
.lp-btn-solid:hover{box-shadow:0 18px 42px -12px var(--t1),0 0 0 1px rgba(255,154,60,.55);transform:translateY(-1px)}
.lp-btn-ghost:active,.lp-btn-solid:active{transform:scale(.985)}
.lp-btn-lg{height:52px;padding:0 30px;min-width:212px;font-size:var(--lp-fs-gross);border-radius:13px}

/* ---------- 05 · Held ---------- */
.lp-hero{max-width:var(--lp-w);margin:0 auto;padding:clamp(52px,6vw,84px) var(--lp-pad) 0;text-align:center;position:relative}
.lp-hero::before{
  content:"";position:absolute;inset:-62px 0 0;pointer-events:none;z-index:0;opacity:.8;
  background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask-image:linear-gradient(#000,#000 34%,transparent 62%);mask-image:linear-gradient(#000,#000 34%,transparent 62%);
}
.lp-hero::after{
  content:"";position:absolute;left:0;right:0;top:min(13vh,120px);height:min(97vh,950px);z-index:0;opacity:.74;pointer-events:none;
  background:var(--kerzen) bottom center/cover no-repeat;
  -webkit-mask-image:linear-gradient(transparent,#000 26%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 26%,#000 86%,transparent);
}
.lp-hero::before,.lp-hero::after{left:calc(50% - 50vw);right:calc(50% - 50vw)}
.lp-hero>*{position:relative;z-index:1}
.lp-hero-in{max-width:960px;margin:0 auto;position:relative}
.lp-hero-in>*{position:relative;z-index:1}
.lp-hero-in .lp-sub,.lp-hero-in .lp-hero-note,.lp-hero-in .lp-badge,.lp-tour-cap{text-shadow:0 1px 16px rgba(5,7,15,.92),0 0 4px rgba(5,7,15,.7)}
.lp-badge{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--font-num);font-size:var(--fs-mini);font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);background:rgba(34,211,238,.13);border:1px solid rgba(34,211,238,.34);padding:8px 16px 8px 13px;border-radius:999px;margin:0 0 var(--s-item);
  box-shadow:0 0 26px -8px rgba(34,211,238,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.lp-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:badgePulse 2.6s infinite;flex:0 0 auto}
@keyframes badgePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.lp-h1{font-family:var(--font-display);font-size:var(--ts-display);line-height:.98;font-weight:700;letter-spacing:-.048em;margin:0 auto var(--s-item);max-width:15ch;text-wrap:balance}
.lp-h1{max-width:none}.lp-h1-z{display:block}
.lp-h1::after{content:"";display:block;width:88px;height:4px;border-radius:3px;margin:26px auto 0;background:var(--accent);box-shadow:0 0 22px -2px rgba(34,211,238,.8)}
.lp-sub{font-size:var(--ts-lead-xl);color:var(--text-dim);max-width:50ch;margin:0 auto calc(var(--s-item) * 1.15);line-height:1.55;letter-spacing:-.014em;text-wrap:balance}
.lp-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--s-item)}
.lp-hero-note{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-family:var(--font-ui);font-size:var(--lp-fs-klein);letter-spacing:0;color:var(--text-dim);font-weight:500;margin:0}
.lp-nw{white-space:nowrap}.lp-sep{color:var(--text-faint)}
/* Zweitbutton im Held: eigener Grund, damit die Kerzen nicht durchscheinen */
.lp-hero .lp-btn-ghost.lp-btn-lg{background:rgba(10,15,30,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (max-width:560px){.lp-sep{display:none}.lp-hero-note{gap:4px 16px}}
@media (max-width:560px){.lp-badge-mehr{display:none}}
/* Definitionsabsatz (für Leser und KI-Suche) */
.lp-def{max-width:66ch;margin:var(--s-item) auto 0;color:var(--text-dim);font-size:var(--lp-fs-lead);line-height:1.65;letter-spacing:-.01em}
.lp-hero .lp-def{max-width:64ch;margin-top:calc(var(--s-item) * 1.1);font-size:var(--lp-fs-meta);line-height:1.6;color:var(--text-faint);letter-spacing:0;text-wrap:balance;text-shadow:0 1px 16px rgba(5,7,15,.92)}

/* Schlagzeilen mit Verlauf */
.lp-h1,.lp-sec-head h2,.lp-page-hero h1{color:var(--t2);background:var(--verlauf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.lp-h1,.lp-sec-head h2,.lp-page-hero h1{background:none;-webkit-text-fill-color:currentColor}}

/* Produktbild im Gerät (statisch, ohne Skript) */
.lp-tour{max-width:calc(var(--lp-w) + 60px);margin:0 auto;position:relative;padding:clamp(38px,4.4vw,62px) var(--lp-pad) 0;perspective:1800px}
.lp-tour-cap{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:20px;font-family:var(--font-num);font-size:var(--fs-mini);font-weight:600;color:var(--text);letter-spacing:.05em;flex-wrap:wrap}
.lp-tour-cap em{font-style:normal;color:var(--text-faint)}
.lp-tour-dot{width:7px;height:7px;border-radius:50%;background:var(--pos);animation:tourPulse 2.4s infinite;flex:0 0 auto}
@keyframes tourPulse{0%{box-shadow:0 0 0 0 var(--pos-soft)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.film{position:relative;transform-style:preserve-3d;transform:rotateX(calc(var(--unfurl,0) * 12deg)) scale(calc(1 - var(--unfurl,0) * 0.045));transform-origin:50% 100%;will-change:transform}
.film::after{content:"";position:absolute;left:8%;right:8%;bottom:-8%;height:36%;z-index:-1;background:radial-gradient(60% 100% at 50% 0,rgba(34,211,238,.26),transparent 70%);filter:blur(48px);opacity:.7}
.browser{position:relative;background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 60px 120px -40px rgba(0,0,0,.95),0 0 0 1px rgba(34,211,238,.12)}
/* Produktfilm im Werbe-Stil (01.11.2026): wie die X-/YouTube-Banner — Schlagzeile mit Farbverlauf, App schräg in 3D,
   Glas-Karten mit belegten Zahlen, Kerzenchart, Leuchtfarben. Grössen in cqw (Breite des Films), damit es auf jeder Breite gleich
   aussieht. Ohne Skript steht die erste Szene; bei „weniger Bewegung“ ohne Bewegung. */
.film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;container-type:inline-size;border-radius:24px;contain:paint;
  background:radial-gradient(120% 120% at 12% 0%,#140a28 0%,#05070f 48%,#03050b 100%);
  box-shadow:0 0 0 1px rgba(234,238,251,.1),0 1px 0 rgba(255,255,255,.12) inset,0 60px 120px -45px #000,0 0 120px -60px rgba(177,76,255,.6)}
.fs-glow{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none}
.fs-glow.g1{width:55%;height:60%;left:-14%;top:-34%;background:#ff2d9b;opacity:.24}
.fs-glow.g2{width:45%;height:50%;left:28%;top:-36%;background:#b14cff;opacity:.2}
.fs-glow.g3{width:65%;height:70%;right:-18%;bottom:-44%;background:#22d3ee;opacity:.26}
.fs-raster{position:absolute;inset:0;z-index:0;opacity:.45;pointer-events:none;background-image:linear-gradient(to right,rgba(234,238,251,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(234,238,251,.05) 1px,transparent 1px);background-size:3.6cqw 3.6cqw;
  -webkit-mask-image:radial-gradient(80% 90% at 40% 50%,#000 40%,transparent 85%);mask-image:radial-gradient(80% 90% at 40% 50%,#000 40%,transparent 85%)}
.fs-chart{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.fs-linie{filter:drop-shadow(0 0 6px rgba(177,76,255,.7));stroke-dasharray:1;stroke-dashoffset:1}
.film.seen .fs-linie{animation:fsZeichnen 2.6s cubic-bezier(.3,.6,.2,1) .2s forwards}
html:not(.js) .fs-linie{stroke-dashoffset:0}
@keyframes fsZeichnen{to{stroke-dashoffset:0}}
.fs-vign{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,13,.93) 0%,rgba(4,6,13,.78) 34%,rgba(4,6,13,.15) 58%,rgba(4,6,13,0) 100%)}
.szene{position:absolute;inset:0;z-index:3;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}
.szene.on{opacity:1;visibility:visible;transition:opacity .7s ease}
.sz-txt{position:absolute;left:6.5%;top:50%;transform:translateY(-50%);width:43%;z-index:5;text-align:left}
.sz-eye{display:inline-flex;align-items:center;gap:.6cqw;max-width:100%;font:600 1.02cqw/1.2 var(--font-num);letter-spacing:.14em;text-transform:uppercase;color:#7fe7f7;padding:.7cqw 1.15cqw;border-radius:999px;
  border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.06);box-shadow:0 0 24px -10px rgba(34,211,238,.9);margin-bottom:1.9cqw;white-space:nowrap}
.sz-eye::before{content:"";flex:0 0 auto;width:.55cqw;height:.55cqw;min-width:5px;min-height:5px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3ee}
.sz-h{margin:0;font:800 5.4cqw/.95 var(--font-display);letter-spacing:-.055em;text-wrap:balance}
.sz-h .w{display:block;color:#f4f6fd}
.sz-h .v{display:block;padding-bottom:.08em;background:linear-gradient(100deg,#ff2d9b 0%,#b14cff 45%,#ff9a3c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sz-sub{margin:1.9cqw 0 0;font:500 1.5cqw/1.45 var(--font-ui);letter-spacing:-.012em;color:#b9c3df;max-width:32ch}
.sz-sub b{color:#fff;font-weight:600}
.sz-app{position:absolute;z-index:3;left:48%;top:14%;width:66%;border-radius:1.3cqw;overflow:hidden;border:1px solid rgba(234,238,251,.16);background:#05070f;transform-origin:left center;
  transform:perspective(150cqw) rotateY(-17deg) rotateX(5deg);box-shadow:0 50px 100px -40px #000,0 0 0 1px rgba(34,211,238,.18),0 0 120px -30px rgba(34,211,238,.55)}
.sz-app img{display:block;width:100%;height:auto}
.sz-app::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 32%);pointer-events:none}
.sz-karte{position:absolute;z-index:6;padding:1.15cqw 1.6cqw;border-radius:1.15cqw;background:rgba(10,15,30,.74);border:1px solid rgba(234,238,251,.15);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 22px 44px -20px rgba(0,0,0,.95);white-space:nowrap}
.sz-karte em{display:block;font:600 .86cqw/1 var(--font-num);letter-spacing:.14em;text-transform:uppercase;color:#8d99bd;margin-bottom:.7cqw;font-style:normal}
.sz-karte strong{display:block;font:800 2.25cqw/1 var(--font-display);letter-spacing:-.03em;color:#fff}
.sz-karte strong span{color:#22d3ee}
.sz-karte.c{border-color:rgba(34,211,238,.42);box-shadow:0 0 40px -14px rgba(34,211,238,.85),0 22px 44px -20px #000}
.sz-karte.p{border-color:rgba(255,45,155,.38);box-shadow:0 0 40px -16px rgba(255,45,155,.75),0 22px 44px -20px #000}.sz-karte.p strong span{color:#ff5fb4}
.sz-karte.l{border-color:rgba(177,76,255,.4);box-shadow:0 0 40px -16px rgba(177,76,255,.8),0 22px 44px -20px #000}.sz-karte.l strong span{color:#c77dff}
.sz-karte.k0{left:51%;top:7%}
.sz-karte.k1{right:3.5%;top:3.5%}
.sz-karte.k2{right:9%;bottom:8%}
/* Bewegung (nur mit Skript und ohne „weniger Bewegung“): Text Zeile für Zeile, App aus der Tiefe, Karten nacheinander */
@media (prefers-reduced-motion:no-preference){
  html.js .szene .sz-eye,html.js .szene .sz-h .w,html.js .szene .sz-h .v,html.js .szene .sz-sub{opacity:0;transform:translateY(18px);filter:blur(6px)}
  html.js .szene.on .sz-eye,html.js .szene.on .sz-h .w,html.js .szene.on .sz-h .v,html.js .szene.on .sz-sub{opacity:1;transform:none;filter:none;transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1),filter .7s}
  html.js .szene.on .sz-eye{transition-delay:.15s}html.js .szene.on .sz-h .w{transition-delay:.28s}html.js .szene.on .sz-h .v{transition-delay:.42s}html.js .szene.on .sz-sub{transition-delay:.6s}
  html.js .szene .sz-app{opacity:0;transform:perspective(150cqw) rotateY(-24deg) rotateX(7deg) translateZ(-10cqw) translateX(4cqw)}
  html.js .szene.on .sz-app{opacity:1;transform:perspective(150cqw) rotateY(-17deg) rotateX(5deg);transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .1s,opacity .9s .1s;animation:szTreiben 9s ease-in-out 1.5s infinite alternate}
  html.js .szene .sz-karte{opacity:0;transform:translateY(16px) scale(.96)}
  html.js .szene.on .sz-karte{opacity:1;transform:none;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1.2);animation:szSchweben 6s ease-in-out infinite alternate}
  html.js .szene.on .sz-karte.k0{transition-delay:.8s;animation-delay:2s}html.js .szene.on .sz-karte.k1{transition-delay:1.05s;animation-delay:2.6s}html.js .szene.on .sz-karte.k2{transition-delay:1.3s;animation-delay:3.2s}
}
@keyframes szTreiben{to{transform:perspective(150cqw) rotateY(-14deg) rotateX(4deg) translateZ(1.5cqw) translateY(-.5cqw)}}
@keyframes szSchweben{to{translate:0 -.6cqw}}
/* Mittlere Breiten: zwei Karten, kürzere Leuchtzeile */
@media (max-width:900px){.sz-karte.k1{display:none}.sz-eye-mehr{display:none}}
/* Handy: hochkant — Text oben, App darunter, zwei Karten */
@media (max-width:640px){
  .film-stage{aspect-ratio:4/5;border-radius:20px}
  .fs-vign{background:linear-gradient(180deg,rgba(4,6,13,.94) 0%,rgba(4,6,13,.74) 42%,rgba(4,6,13,0) 70%)}
  .sz-txt{left:7%;right:7%;width:auto;top:6.5%;transform:none;text-align:center}
  .sz-eye{font-size:2.6cqw;padding:1.8cqw 3cqw;gap:1.6cqw;margin-bottom:4cqw}
  .sz-eye::before{width:1.5cqw;height:1.5cqw}
  .sz-h{font-size:9.6cqw}
  .sz-sub{margin-top:3.4cqw;font-size:3.7cqw}
  .sz-app{left:8%;top:54%;width:122%;border-radius:3cqw;transform-origin:left top}
  .sz-karte{padding:2.6cqw 3.4cqw;border-radius:3cqw}
  .sz-karte em{font-size:max(10px,2.2cqw);margin-bottom:1.6cqw}
  .sz-karte strong{font-size:5cqw}
  .sz-karte.k0{left:6%;top:auto;bottom:6%}
  .sz-karte.k1{display:none}
  .sz-karte.k2{right:6%;bottom:22%}
}
.film-ui{display:flex;justify-content:center;margin-top:18px}
.film-dots{display:flex;gap:16px}
.film-dot{position:relative;width:8px;height:8px;border-radius:50%;border:none;background:var(--border,rgba(255,255,255,.18));cursor:pointer;padding:0;transition:width .32s ease,background .3s ease}
/* Trefferfläche 24×24 (WCAG 2.5.8), der sichtbare Punkt bleibt 8 px */
.film-dot::before{content:"";position:absolute;inset:-8px}
.film-dot:hover{background:rgba(255,255,255,.4)}
.film-dot.on{background:rgba(255,255,255,.22);width:34px;border-radius:4px}
.film-dot.on::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);border-radius:4px}
.film-dot.on.run::after{animation:dotFill var(--dur,4200ms) linear forwards}
.film.pause .film-dot.on.run::after{animation-play-state:paused}
@keyframes dotFill{to{width:100%}}
html:not(.js) .film-dots{display:none}
@media(prefers-reduced-motion:reduce){.szene{transition:none}.fs-linie{stroke-dashoffset:0}.film-dot.on.run::after{animation:none;width:100%}}

/* Symbolband */
.lp-ticker{max-width:var(--lp-w);margin:0 auto;padding:var(--s-block) var(--lp-pad) 0;text-align:center}
.lp-ticker-lbl{font-family:var(--font-num);font-size:var(--fs-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:18px}
.lp-ticker-rail{display:flex;gap:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.lp-ticker-track{display:flex;align-items:center;gap:clamp(20px,2.6vw,34px);flex:0 0 auto;padding-right:clamp(20px,2.6vw,34px);animation:tickerRoll 46s linear infinite}
.lp-ticker-rail:hover .lp-ticker-track{animation-play-state:paused}
@keyframes tickerRoll{to{transform:translateX(-100%)}}
.lp-ticker-track i{font-style:normal;font-family:var(--font-num);font-size:13.5px;font-weight:500;letter-spacing:-.01em;color:var(--text-dim);white-space:nowrap;display:inline-flex;align-items:center;gap:9px}
.lp-ticker-track i::after{content:"";width:3px;height:3px;border-radius:50%;background:var(--hair-strong)}
.lp-ticker-track i:nth-child(4n+1){color:var(--accent)}

/* ---------- 06 · Messstreifen ---------- */
.lp-stats{max-width:var(--lp-w);margin:0 auto;padding:0 var(--lp-pad);display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center;position:relative}
.lp-stats::before,.lp-stats::after{content:"";position:absolute;left:var(--lp-pad);right:var(--lp-pad);height:1px;background:linear-gradient(90deg,transparent,var(--hair-strong) 22%,var(--hair-strong) 78%,transparent)}
.lp-stats::before{top:0}.lp-stats::after{bottom:0}
.lp-stat{padding:28px 10px 30px;position:relative}
.lp-stat+.lp-stat::before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:linear-gradient(var(--hair-strong),transparent)}
.lp-stat-v{font-family:var(--font-num);font-size:var(--ts-h3);font-weight:600;letter-spacing:-.05em;line-height:1.05;color:var(--accent);text-shadow:0 0 26px color-mix(in srgb,currentColor 35%,transparent)}
.lp-stat:nth-child(2) .lp-stat-v{color:var(--t2)}
.lp-stat:nth-child(3) .lp-stat-v{color:var(--t3)}
.lp-stat:nth-child(4) .lp-stat-v{color:var(--t1)}
.lp-stat-l{font-size:var(--lp-fs-meta);color:var(--text-faint);font-weight:500;margin-top:10px;letter-spacing:-.005em}

/* ---------- 07 · Abschnitte ---------- */
.lp-sec{max-width:var(--lp-w);margin:0 auto;padding:var(--s-sec) var(--lp-pad)}
.lp-sec-alt{
  max-width:none;position:relative;
  padding-left:max(var(--lp-pad),calc((100% - var(--lp-w))/2 + var(--lp-pad)));
  padding-right:max(var(--lp-pad),calc((100% - var(--lp-w))/2 + var(--lp-pad)));
  background:#070b16;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);
}
.lp-sec-alt::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.75;
  background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);
  background-size:74px 74px;-webkit-mask-image:linear-gradient(#000,transparent 62%);mask-image:linear-gradient(#000,transparent 62%);
}
.lp-sec-alt>*{position:relative;z-index:1}
.lp-sec-head{margin:0 auto var(--s-head);text-align:center;max-width:720px}
.lp-sec-head h2{font-family:var(--font-display);font-size:var(--ts-h2);font-weight:700;letter-spacing:-.042em;margin:0 auto 16px;line-height:1.02;max-width:18ch;text-wrap:balance}
.lp-sec-head p{color:var(--text-dim);font-size:var(--ts-lead);max-width:52ch;margin:0 auto;line-height:1.6;letter-spacing:-.012em;text-wrap:balance}
.lp-eyebrow{display:none}

/* Problem */
.lp-prob{max-width:var(--lp-w);margin:0 auto;padding:var(--s-sec) var(--lp-pad) 0;text-align:center;position:relative}
.lp-prob::before{content:"";position:absolute;left:50%;top:14%;transform:translateX(-50%);width:min(980px,100%);height:64%;pointer-events:none;z-index:0;background:radial-gradient(50% 50% at 50% 50%,rgba(251,113,133,.1),transparent 70%);filter:blur(46px)}
.lp-prob>*{position:relative;z-index:1}
.lp-prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.lp-prob-card,.lp-prob-card.lp-card{padding:clamp(10px,2vw,22px) clamp(16px,2.6vw,34px);text-align:center;position:relative;background:none;border:none;border-radius:0;box-shadow:none}
.lp-prob-card+.lp-prob-card::before{content:"";position:absolute;left:0;top:6%;bottom:6%;width:1px;background:linear-gradient(transparent,var(--hair-strong) 24%,var(--hair-strong) 76%,transparent)}
.lp-prob-card .lp-ic,.lp-prob-card.lp-card .lp-ic{width:44px;height:44px;margin:0 auto 18px;border-radius:14px;display:grid;place-items:center;color:var(--neg);background:rgba(251,113,133,.1);border:1px solid rgba(251,113,133,.22);box-shadow:0 0 26px -8px color-mix(in srgb,var(--ring,var(--accent)) 70%,transparent),inset 0 0 18px -10px color-mix(in srgb,var(--ring,var(--accent)) 80%,transparent)}
.lp-prob-card .lp-ic svg{width:21px;height:21px}
.lp-prob-card h3{font-family:var(--font-display);font-size:var(--ts-h4);font-weight:700;letter-spacing:-.03em;margin:0 0 10px}
.lp-prob-card p{color:var(--text-dim);font-size:var(--lp-fs-lead);line-height:1.62;max-width:34ch;margin:0 auto}
.lp-prob-turn::before{content:"";display:block;width:40px;height:1px;margin:0 auto clamp(30px,4vw,44px);background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.lp-prob-turn{margin:var(--s-block) auto var(--s-head);font-family:var(--font-display);font-size:var(--ts-h3);font-weight:700;letter-spacing:-.04em;max-width:22ch;line-height:1.1;text-wrap:balance}
.lp-prob-turn span{background:linear-gradient(transparent 83%,rgba(34,211,238,.38) 83%,rgba(34,211,238,.38) 96%,transparent 96%);padding:0 .06em}

/* Merkmale: Wechselseiten */
.lp-feat{--lp-gap:clamp(30px,5vw,76px);display:grid;grid-template-columns:1fr 1fr;gap:var(--lp-gap);align-items:center;margin-bottom:var(--s-block)}
.lp-feat:last-child{margin-bottom:0}
.lp-feat.rev .lp-feat-txt{order:2}
.lp-feat-txt{position:relative}
.lp-feat-txt .lp-ic{position:static;width:52px;height:52px;margin:0 0 18px;border-radius:50%;display:grid;place-items:center;background:transparent;border:1.5px solid rgba(34,211,238,.55);color:var(--ring,var(--accent));border-color:color-mix(in srgb,var(--ring,var(--accent)) 55%,transparent);box-shadow:0 0 26px -8px color-mix(in srgb,var(--ring,var(--accent)) 70%,transparent),inset 0 0 18px -10px color-mix(in srgb,var(--ring,var(--accent)) 80%,transparent)}
.lp-feat-txt .lp-ic svg{width:24px;height:24px}
/* Verbindung Symbol → Karte (01.11.2026): die Punktlinie läuft auf Höhe des Symbols bis an den Rand der Karte und endet dort
   in einem kleinen Leuchtpunkt — in beiden Richtungen gleich, statt kurz ins Leere zu zeigen */
.lp-feat-txt .lp-ic::after{content:"";position:absolute;top:25px;left:66px;right:calc(10px - var(--lp-gap));height:0;border-top:2px dotted color-mix(in srgb,var(--ring,var(--accent)) 45%,transparent)}
.lp-feat-txt .lp-ic::before{content:"";position:absolute;top:22px;right:calc(4px - var(--lp-gap));width:8px;height:8px;border-radius:50%;background:var(--ring,var(--accent));box-shadow:0 0 12px var(--ring,var(--accent))}
.lp-feat.rev .lp-feat-txt .lp-ic::after{left:calc(10px - var(--lp-gap));right:auto;width:calc(var(--lp-gap) - 24px)}
.lp-feat.rev .lp-feat-txt .lp-ic::before{right:auto;left:calc(4px - var(--lp-gap))}
.lp-feat-txt h3{font-family:var(--font-display);font-size:var(--ts-h3);font-weight:800;letter-spacing:-.04em;margin:0 0 13px}
.lp-feat-txt p{color:var(--text-dim);font-size:var(--lp-fs-gross);line-height:1.65;max-width:42ch;letter-spacing:-.012em}
.lp-feat-vis{
  position:relative;overflow:hidden;min-height:230px;display:grid;place-items:center;padding:clamp(28px,3.6vw,50px);
  border-radius:20px;border:1px solid var(--border-soft);
  background:linear-gradient(168deg,color-mix(in srgb,var(--surface) 80%,var(--ton,var(--accent))) 0%,var(--surface) 58%);
  box-shadow:inset 0 1px 0 rgba(234,238,251,.07),0 34px 64px -30px #000;
}
.lp-feat-vis::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(74% 56% at 50% 0,color-mix(in srgb,var(--ton,var(--accent)) 12%,transparent),transparent 70%)}
.lp-feat-vis::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent)}
/* Farbfolge fest je Block (build.mjs setzt ton-1…4), damit Unterseiten dieselben Farben zeigen wie die Startseite */
.lp-feat.ton-2{--ton:var(--accent);--ring:var(--accent)}
.lp-feat.ton-3{--ton:var(--t2);--ring:var(--t2)}
.lp-feat.ton-4{--ton:var(--t3);--ring:var(--t3)}
.lp-feat.ton-1{--ton:var(--t1);--ring:var(--t1)}
.fv-bars{display:flex;align-items:flex-end;gap:12px;height:140px;width:100%;justify-content:center;position:relative}
.fv-bars i{width:32px;background:linear-gradient(var(--accent),rgba(34,211,238,.22));border-radius:6px 6px 0 0}
.fv-num{text-align:center;position:relative;padding:10px 0}
.fv-num::before{content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:230px;height:230px;max-width:82%;background:radial-gradient(circle,var(--pos) 0%,transparent 68%);opacity:.12;filter:blur(6px);animation:fvGlow 4.6s ease-in-out infinite;pointer-events:none}
@keyframes fvGlow{0%,100%{opacity:.08;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.16;transform:translate(-50%,-50%) scale(1.06)}}
.fv-check{position:relative;width:40px;height:40px;margin:0 auto 15px;border-radius:50%;background:var(--pos-soft);border:1px solid rgba(74,222,128,.3);display:grid;place-items:center;color:var(--pos)}
.fv-check svg{width:20px;height:20px}
.fv-big{position:relative;display:flex;align-items:baseline;justify-content:center;gap:1px;line-height:1}
.fv-big b{font-size:clamp(46px,7vw,66px);font-weight:600;font-family:var(--font-num);color:var(--pos);letter-spacing:-.06em}
.fv-big i{font-size:var(--lp-fs-zahl-xl);font-weight:600;font-family:var(--font-num);color:var(--pos);opacity:.28;font-style:normal;letter-spacing:-.06em}
.fv-lbl{position:relative;font-size:var(--lp-fs-text);color:var(--text-dim);font-weight:500;margin-top:14px}
.fv-note{position:relative;font-size:var(--fs-mini);color:var(--text-faint);font-weight:500;margin-top:6px}
.fv-cal{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;width:100%;max-width:236px;position:relative}
.fv-cal i{aspect-ratio:1;border-radius:7px}
.fv-cal i.p{background:var(--pos-soft)} .fv-cal i.p2{background:var(--pos);opacity:.6} .fv-cal i.n{background:var(--neg-soft)} .fv-cal i.f{background:var(--tint-2)}
.fv-imp{display:flex;align-items:center;gap:18px;font-weight:700;position:relative}
.fv-imp svg{width:32px;height:32px;color:var(--accent)}
.fv-csv{background:var(--tint-2);border:1px solid var(--hair);border-radius:10px;padding:12px 17px;font-family:var(--font-num);font-size:var(--lp-fs-lead);color:var(--text-dim);letter-spacing:.02em}
.fv-eb{font-family:var(--font-display);font-size:var(--lp-fs-kpi);letter-spacing:-.035em}
.fv-eb b{color:var(--accent)}
/* Routine-Illustrationen */
.lp-rt-note{text-align:center;font-size:var(--fs-mini);color:var(--text-faint);margin-top:28px}
.fv-mma{position:relative;width:100%;max-width:340px;display:grid;gap:10px;font-family:var(--font-mono);font-size:var(--lp-fs-klein)}
.fv-mma-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--hair)}
.fv-mma-h b{font-family:var(--font-display);font-size:var(--lp-fs-zahl);letter-spacing:-.02em;color:var(--text)}
.fv-mma-h span{font-size:var(--fs-mini);color:var(--text-faint)}
.fv-mma-r{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fv-mma-r b{min-width:40px;color:var(--text)}
.fv-mma-r span{min-width:96px;font-family:var(--font-ui);font-size:var(--fs-mini);color:var(--text-dim)}
.fv-mma-r em,.fv-mma-r i{font-style:normal;padding:3px 8px;border-radius:6px;background:var(--tint-2);color:var(--text-dim);font-size:var(--fs-mini)}
.fv-mma-r em.bull,.fv-mma-r i.g{background:var(--pos-soft);color:var(--pos)}
.fv-mma-r em.bear{background:var(--neg-soft);color:var(--neg)}
.fv-mma-p{font-family:var(--font-ui);font-size:var(--lp-fs-klein);color:var(--text);padding:10px 12px;border-radius:10px;border:1px solid var(--accent-line);background:var(--accent-wash)}
.fv-ready{position:relative;width:100%;max-width:330px;display:grid;gap:10px}
.fv-ready-q{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:var(--tint);font-size:var(--lp-fs-klein);color:var(--text-dim)}
.fv-ready-q b{font-family:var(--font-mono);color:var(--text)}
.fv-ready-q b.bad{color:var(--neg)}
.fv-ready-v{display:grid;gap:2px;padding:14px 16px;border-radius:12px;border:1px solid rgba(251,113,133,.4);background:var(--neg-soft)}
.fv-ready-v span{font-size:var(--fs-etikett);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}
.fv-ready-v b{font-family:var(--font-display);font-size:var(--lp-fs-zahl);letter-spacing:-.02em;color:var(--neg)}
.fv-calc{position:relative;display:grid;gap:4px;text-align:center}
.fv-calc>span{font-size:var(--fs-mini);text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}
.fv-calc>b{font:600 clamp(40px,6vw,56px) var(--font-mono);letter-spacing:-.05em;color:var(--text)}
.fv-calc-t{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.fv-calc-t i{font-style:normal;padding:7px 11px;border-radius:9px;background:var(--tint);font:600 12.5px var(--font-mono);color:var(--text)}
.fv-calc-t em{font:500 var(--fs-mini) var(--font-ui);font-style:normal;color:var(--text-faint);margin-right:6px}
.fv-goals{position:relative;width:100%;max-width:330px;display:grid;gap:8px}
.fv-goals-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--hair)}
.fv-goals-h b{font-family:var(--font-display);font-size:var(--lp-fs-titel);letter-spacing:-.02em}
.fv-goals-h span{font:500 var(--fs-mini) var(--font-mono);color:var(--text-faint)}
.fv-goals>span{display:flex;align-items:center;gap:10px;font-size:var(--lp-fs-klein);color:var(--text)}
.fv-goals>span::before{content:"";flex:0 0 18px;height:18px;border-radius:5px;border:1.5px solid var(--hair-strong)}
.fv-goals>span.ok{color:var(--text-dim);text-decoration:line-through}
.fv-goals>span.ok::before{background:var(--pos) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' fill='none' stroke='%23031318' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;border-color:var(--pos)}
.fv-goals em{margin-top:6px;padding:10px 12px;border-radius:10px;border:1px solid rgba(177,76,255,.35);background:rgba(177,76,255,.08);font-style:normal;font-size:var(--lp-fs-klein);color:var(--text)}
.fv-goals em b{display:block;font-size:var(--fs-etikett);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-weight:600;margin-bottom:2px}

/* Matrix weiterer Merkmale */
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:20px;overflow:hidden}
.lp-grid-more{margin-top:var(--s-block)}
.lp-card{background:var(--surface);position:relative;padding:clamp(24px,2.6vw,34px)}
.lp-card>*{position:relative}
.lp-card .lp-ic{position:relative;width:40px;height:40px;margin:0 0 17px;border-radius:50%;display:grid;place-items:center;color:var(--ring,var(--accent));border:1.5px solid color-mix(in srgb,var(--ring,var(--accent)) 55%,transparent);box-shadow:0 0 26px -8px color-mix(in srgb,var(--ring,var(--accent)) 70%,transparent),inset 0 0 18px -10px color-mix(in srgb,var(--ring,var(--accent)) 80%,transparent)}
.lp-card .lp-ic svg{width:19px;height:19px}
.lp-card:nth-of-type(5n+1){--ring:var(--accent)} .lp-card:nth-of-type(5n+2){--ring:var(--t2)} .lp-card:nth-of-type(5n+3){--ring:var(--t3)} .lp-card:nth-of-type(5n+4){--ring:var(--t1)} .lp-card:nth-of-type(5n+5){--ring:var(--accent)}
.lp-card h3{font-family:var(--font-display);font-size:var(--lp-fs-titel);font-weight:700;letter-spacing:-.03em;margin-bottom:10px}
.lp-card p{color:var(--text-dim);font-size:var(--lp-fs-text);line-height:1.62}

/* Kennzahlen */
.lp-ins{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.lp-ins-card{text-align:center;position:relative;padding:clamp(8px,1.6vw,18px) clamp(14px,2vw,26px)}
.lp-ins-card+.lp-ins-card::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,var(--hair-strong) 24%,var(--hair-strong) 76%,transparent)}
.lp-ins-g{width:58px;height:58px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;font-family:var(--font-num);font-weight:600;font-size:22px;letter-spacing:-.04em;background:var(--accent-wash);color:var(--accent);border:1px solid var(--accent-line);box-shadow:0 10px 30px -16px var(--accent)}
.lp-ins-card h3{font-family:var(--font-display);font-size:var(--lp-fs-gross);font-weight:700;letter-spacing:-.028em;margin-bottom:9px}
.lp-ins-card p{font-size:var(--lp-fs-klein);color:var(--text-dim);line-height:1.6;max-width:26ch;margin:0 auto}

/* Vergleichstabellen */
.lp-cmp{max-width:860px;margin:0 auto;background:rgba(10,15,30,.7);border:1px solid var(--hair);border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.lp-cmp table{width:100%;border-collapse:collapse}
.lp-cmp th,.lp-cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border-soft);font-size:var(--lp-fs-text);vertical-align:top}
.lp-cmp tr:last-child td{border-bottom:none}
.lp-cmp thead th{font-family:var(--font-num);font-size:var(--fs-etikett);letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--text-faint);background:var(--tint);padding-top:14px;padding-bottom:14px}
.lp-cmp th.us,.lp-cmp td.us{text-align:center;width:128px}
.lp-cmp thead th.us{color:var(--accent)}
.lp-cmp tbody td:not(.us):not(:first-child){text-align:center;width:150px;color:var(--text-faint)}
.lp-cmp th[scope=row]{color:var(--text);font-weight:500;text-align:left;font-family:inherit;font-size:var(--lp-fs-text);letter-spacing:0;text-transform:none}
.lp-cmp td.us{background:var(--accent-wash)}
.lp-cmp tbody tr{transition:background .15s var(--ease)}
.lp-cmp tbody tr:hover{background:var(--tint)}
.lp-cmp-note{margin:var(--s-item) auto 0;font-size:var(--lp-fs-meta);color:var(--text-faint);max-width:58ch;text-align:center;line-height:1.55}
/* Markenvergleich: sechs Spalten, waagrecht scrollbar */
.lp-cmp.lp-cmp-wide{max-width:none}
.lp-cmp-wide table{min-width:980px}
.lp-cmp-wide th,.lp-cmp-wide td{font-size:var(--lp-fs-klein);line-height:1.5}
.lp-cmp-wide th.us,.lp-cmp-wide td.us{width:170px;text-align:left}
.lp-cmp-wide tbody td:not(.us):not(:first-child){text-align:left;width:auto;color:var(--text-dim)}
.lp-cmp-wide th[scope=row]{width:150px}
.lp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lp-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Breiter als der Rahmen (site.js setzt .quer/.am-ende): erste Spalte bleibt stehen, deckend in der Tabellenfarbe;
   die Randmaske rechts nur, solange noch etwas rechts verborgen ist */
.lp-scroll.quer th[scope=row],.lp-scroll.quer thead th:first-child{position:sticky;left:0;z-index:1;background:linear-gradient(rgba(10,15,30,.7),rgba(10,15,30,.7)),var(--bg);box-shadow:inset -1px 0 0 var(--hair)}
.lp-scroll.quer thead th:first-child{background:linear-gradient(var(--tint),var(--tint)),linear-gradient(rgba(10,15,30,.7),rgba(10,15,30,.7)),var(--bg)}
.lp-scroll.quer:not(.am-ende){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.lp-cmp-thema table{min-width:0}
.lp-cmp-thema th[scope=row]{width:26%}
.lp-cmp-thema th.us,.lp-cmp-thema td.us{width:auto}
@media(max-width:560px){.lp-cmp-thema table{min-width:520px}}

/* Grundsätze */
.lp-prin{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:18px;overflow:hidden}
.lp-prin-i{display:flex;gap:14px;padding:24px 26px;background:var(--surface)}
.lp-prin-ck{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--accent-wash);color:var(--accent)}
.lp-prin-ck svg{width:16px;height:16px}
.lp-prin-i h3{margin:2px 0 6px;font:600 16px var(--font-display);letter-spacing:-.01em;color:var(--text)}
.lp-prin-i p{margin:0;font-size:var(--lp-fs-text);line-height:1.55;color:var(--text-dim)}

/* Farbschemen */
.lp-zapsec{max-width:var(--lp-w);margin:0 auto;padding:var(--s-sec) var(--lp-pad) 0;text-align:center}
.tp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tp-card{border:1px solid var(--hair);border-radius:18px;overflow:hidden;background:var(--surface);text-align:left;position:relative;box-shadow:0 20px 44px -28px rgba(0,0,0,.85);color:var(--text)}
.tp-card[data-theme="orchidee"]{--bg:#0c0513;--surface:#150c21;--border:#3d2a5c;--border-soft:rgba(192,132,252,.13);--text:#f4ecff;--text-faint:#ab99c7;--accent:#c084fc;--pos:#4ade80}
.tp-card[data-theme="phosphor"]{--bg:#070604;--surface:#100e09;--border:#3a3323;--border-soft:rgba(255,176,0,.11);--text:#f4ecd8;--text-faint:#a29476;--accent:#ffb000;--pos:#7bd88f}
.tp-card[data-theme="sand"]{--bg:#f4eee4;--surface:#fffaf2;--border:#dccfba;--border-soft:#eae1d2;--text:#211a13;--text-faint:#726554;--accent:#11657d;--pos:#2f7d32}
.tp-card[data-theme="eis"]{--bg:#eef2f8;--surface:#ffffff;--border:#d5dde8;--border-soft:#e7edf5;--text:#0f1722;--text-faint:#64718a;--accent:#2563eb;--pos:#047857}
.tp-mock{background:var(--bg);padding:16px 17px 14px}
.tp-top{display:flex;gap:5px;margin-bottom:14px}
.tp-dot{width:6px;height:6px;border-radius:50%;background:var(--border)}
.tp-kpi{font-family:var(--font-num);font-weight:600;font-size:var(--lp-fs-titel);color:var(--pos);letter-spacing:-.045em}
.tp-sub{font-family:var(--font-num);font-size:var(--fs-etikett);color:var(--text-faint);margin:6px 0 12px;letter-spacing:.1em}
.tp-eq{width:100%;height:54px;display:block}
.tp-meta{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:var(--surface);border-top:1px solid var(--border-soft)}
.tp-name{font-weight:600;font-size:var(--lp-fs-text);color:var(--text);letter-spacing:-.015em}
.tp-mode{font-family:var(--font-num);font-size:var(--fs-etikett);color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.tp-swatches{display:flex;gap:11px;flex-wrap:wrap;justify-content:center;margin-top:var(--s-item)}
.tp-sw{width:15px;height:15px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 3px var(--bg),0 0 0 3.5px var(--hair)}
.tp-sw.shown{width:19px;height:19px}
.tp-hint{margin-top:var(--s-item);font-family:var(--font-num);font-size:var(--fs-mini);color:var(--text-faint);font-weight:500;letter-spacing:.05em}

/* Drei Schritte */
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.lp-steps::before{content:"";position:absolute;left:17%;right:17%;top:calc(clamp(8px,1.6vw,18px) + 26px);height:1px;background:linear-gradient(90deg,transparent,var(--accent-line) 14%,var(--accent-line) 86%,transparent);transform:scaleX(0);transform-origin:0 50%}
.lp-steps.anim-ready.in-view::before{transform:none;transition:transform 1.2s var(--ease-out) .1s}
.lp-steps:not(.anim-ready)::before{transform:none}
.lp-step{text-align:center;padding:clamp(8px,1.6vw,18px) clamp(16px,2.6vw,32px);position:relative;z-index:1}
.lp-step+.lp-step::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,var(--hair-strong) 24%,var(--hair-strong) 76%,transparent)}
.lp-step-n{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--bg);color:var(--accent);border:1px solid var(--accent-line);font-family:var(--font-num);font-size:17px;font-weight:600;letter-spacing:-.03em;box-shadow:0 12px 30px -18px var(--accent)}
.lp-step h3{font-family:var(--font-display);font-size:var(--ts-h4);font-weight:700;letter-spacing:-.032em;margin-bottom:11px}
.lp-step p{color:var(--text-dim);font-size:var(--lp-fs-lead);line-height:1.62;max-width:30ch;margin:0 auto}

/* Werkzeugstapel, Replay-Liste, Garantie, Antworten */
.lp-stack{max-width:760px;margin:0 auto;border:1px solid var(--hair);border-radius:16px;background:var(--surface);overflow:hidden}
.lp-stack-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid var(--border-soft)}
.lp-stack-row:last-child{border-bottom:0}
.lp-stack-row b{display:block;font-weight:600;color:var(--text);font-size:var(--lp-fs-lead);letter-spacing:-.01em}
.lp-stack-row span{display:block;color:var(--text-faint);font-size:var(--lp-fs-klein);margin-top:2px}
.lp-stack-row em{font-style:normal;font-family:var(--font-num);font-weight:600;font-size:var(--lp-fs-titel);color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}
.lp-stack-sum{background:var(--tint)} .lp-stack-sum em{color:var(--neg)}
.lp-stack-et{background:var(--accent-wash)} .lp-stack-et b{color:var(--accent)} .lp-stack-et em{color:var(--accent);font-size:var(--lp-fs-kpi)}
.lp-rp-liste{margin:0 0 22px;display:grid;gap:12px}
.lp-rp-liste li{position:relative;padding-left:28px;color:var(--text-dim);font-size:var(--lp-fs-gross);line-height:1.5}
.lp-rp-liste li::before{content:"";position:absolute;left:3px;top:.55em;width:13px;height:7px;border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
.lp-cta-links{justify-content:flex-start}
.lp-rp-vis{display:block;padding:0;background:none;border:0;box-shadow:none;min-height:0;overflow:visible}
.lp-rp-vis::before,.lp-rp-vis::after{display:none}
.lp-rp-vis img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--hair);box-shadow:var(--shadow)}
.lp-rp-vis figcaption{margin-top:10px;text-align:center}
.lp-shot{max-width:980px;margin:0 auto}
.lp-garantie{max-width:980px;margin:16px auto 0;display:flex;gap:16px;align-items:flex-start;padding:18px 22px;border:1px solid var(--accent-line);border-radius:14px;background:var(--accent-wash)}
.lp-gar-ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}
.lp-gar-ic svg{width:21px;height:21px}
.lp-garantie h3{font-family:var(--font-display);font-size:var(--fs-titel);font-weight:700;margin:0 0 4px;color:var(--text)}
.lp-garantie p{margin:0;color:var(--text-dim);font-size:var(--lp-fs-text);line-height:1.55}
.lp-antworten{max-width:980px;margin:14px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-antworten>div{padding:14px 16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-2)}
.lp-antworten b{display:block;font-weight:600;color:var(--text);font-size:var(--lp-fs-text);margin-bottom:4px}
.lp-antworten p{margin:0;color:var(--text-dim);font-size:var(--lp-fs-klein);line-height:1.5}
.lp-preise-fuss{max-width:980px;margin:16px auto 0;text-align:center;font-size:var(--fs-klein);color:var(--text-dim);line-height:1.55}

/* Preiskarten (statisch; Founder-Zähler füllt site.js, wenn es läuft) */
.lp-plaene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin:0 auto}
.lp-plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-2)}
.lp-plan.top{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),0 12px 32px -18px var(--accent)}
/* Etikett sitzt auf der oberen Kante — so stehen Titel und Preis in allen Karten auf gleicher Höhe, mit oder ohne Etikett */
.lp-band{position:absolute;top:-11px;left:18px;padding:3px 10px;border-radius:999px;background:var(--surface-3);border:1px solid var(--accent-line);color:var(--accent);font-size:var(--fs-mini);font-weight:600;line-height:1.3;white-space:nowrap}
.lp-plan h2,.lp-plan h3{font-family:var(--font-display);font-size:var(--fs-text);font-weight:700;letter-spacing:-.018em;line-height:1.25;margin:0}
.lp-plan-preis{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lp-plan-preis b{font:800 24px/1 var(--font-display);letter-spacing:-.03em;color:var(--text)}
.lp-plan-preis{margin:0}
.lp-plan-preis span{font-size:var(--fs-klein);color:var(--text-dim)}
.lp-plan>p:not(.lp-plan-preis){margin:0;color:var(--text-dim);font-size:var(--fs-klein);line-height:1.5;flex:1}
.lp-plan .lp-btn-solid,.lp-plan .lp-btn-ghost{margin-top:6px;width:100%;height:44px;padding:0 15px;border-radius:10px;font-size:var(--fs-text);letter-spacing:-.01em}
.lp-plan .lp-btn-solid{background:var(--accent);color:var(--on-accent);border:0;box-shadow:0 0 0 1px rgba(34,211,238,.55),0 12px 30px -12px rgba(34,211,238,.7)}
.lp-plan .lp-btn-solid:hover{background:#4ddcf1;box-shadow:0 0 0 1px var(--accent),0 14px 36px -10px rgba(34,211,238,.85);transform:none}
.lp-plan .lp-btn-ghost{background:var(--tint);border-color:var(--hair)}
.lp-plan .lp-btn-ghost:hover{background:var(--tint-2);border-color:var(--hair-strong)}
.lp-preis-alles{max-width:980px;margin:0 auto 18px;padding:20px 22px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-2)}
.lp-preis-alles h3{font-family:var(--font-display);font-size:var(--fs-text);font-weight:700;margin:0 0 12px;color:var(--text)}
.lp-preis-alles ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px}
.lp-preis-alles li{position:relative;padding-left:24px;font-size:var(--fs-klein);line-height:1.5;color:var(--text-dim)}
.lp-preis-alles li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}

/* Fragen */
.lp-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;border-top:1px solid var(--hair)}
.lp-fq{border-bottom:1px solid var(--hair);overflow:hidden}
.lp-fq summary{list-style:none;cursor:pointer;padding:22px 8px 22px 0;font-family:var(--font-display);font-weight:700;font-size:var(--ts-lead);letter-spacing:-.03em;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:color .15s var(--ease)}
.lp-fq summary:hover{color:var(--accent)}
.lp-fq summary::-webkit-details-marker{display:none}
.lp-fq summary::after{content:"";flex:0 0 auto;width:11px;height:11px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(45deg) translateY(-3px);transition:transform .3s var(--ease)}
.lp-fq[open] summary::after{transform:rotate(225deg) translateY(-3px)}
.lp-fq p{padding:0 46px 24px 0;color:var(--text-dim);font-size:var(--lp-fs-lead);line-height:1.7;max-width:62ch}

/* Gründer */
.lp-founder{max-width:var(--lp-w);margin:0 auto;padding:var(--s-sec) var(--lp-pad)}
.lp-founder-in{max-width:840px;margin:0 auto;text-align:center;position:relative}
.lp-founder .lp-founder-sign{margin-top:18px}
.lp-gruender{margin:0 0 var(--s-item);padding:4px 0 4px 22px;border-left:2px solid var(--accent);position:relative}
.lp-gruender blockquote{margin:0}
.lp-gruender blockquote p{color:var(--text);font-size:var(--ts-lead);line-height:1.65;letter-spacing:-.012em;margin:0 0 14px}
.lp-gruender blockquote p:last-child{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}
/* Unterschrift in der Markenfarbe (Verlauf wie die Überschriften) */
.lp-founder-sign,.lp-gruender figcaption{font-family:var(--font-display);font-size:var(--lp-fs-titel);font-weight:700;letter-spacing:-.02em;color:var(--t2);background:var(--verlauf-quer);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.lp-founder-in::before{content:"";display:block;width:36px;height:1px;margin:0 auto var(--s-item);background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.lp-founder-quote{font-family:var(--font-display);font-size:var(--ts-h3);font-weight:700;line-height:1.26;letter-spacing:-.04em;color:var(--text);margin:0 0 24px;text-wrap:balance}

/* Abschluss */
/* Community (Discord) im Edgetrail-Design, 01.11.2026: Glas mit Raster und Leuchtfarben (Pink/Lila/Türkis), Schlagzeile
   weiss + Verlauf, Knopf im Edgetrail-Verlauf, Kanalliste mit türkisen Rauten. Handy: alles mittig. */
.lp-comm-in{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center;max-width:1040px;margin:0 auto;padding:clamp(28px,4.5vw,56px);border-radius:28px;
  background:radial-gradient(60% 80% at 0% 0%,rgba(255,45,155,.16),transparent 65%),radial-gradient(55% 70% at 100% 100%,rgba(34,211,238,.18),transparent 65%),linear-gradient(160deg,#0d1122,#070a15);
  border:1px solid rgba(234,238,251,.1);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 50px 100px -50px #000,0 0 120px -60px rgba(177,76,255,.7)}
.lp-comm-in::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(80% 90% at 40% 50%,#000 30%,transparent 85%);mask-image:radial-gradient(80% 90% at 40% 50%,#000 30%,transparent 85%)}
.lp-comm-txt h2{font-family:var(--font-display);font-size:var(--ts-h2);font-weight:800;letter-spacing:-.05em;line-height:1;margin:0 0 16px;text-wrap:balance}
.lp-comm-txt h2 .w{display:block;color:#f4f6fd}
.lp-comm-txt h2 .v{display:block;padding-bottom:.06em;color:var(--t2);background:var(--verlauf-quer);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-comm-txt p{color:var(--text-dim);font-size:var(--lp-fs-gross);line-height:1.6;max-width:46ch;margin:0 0 24px}
.lp-comm-btn{display:inline-flex;align-items:center;gap:10px}
.lp-comm-btn svg{width:20px;height:20px;flex:0 0 auto}
.lp-comm-note{margin-top:12px;font-size:var(--fs-mini);color:var(--text-faint)}
.lp-comm-vis{position:relative;border-radius:20px;padding:14px 12px 12px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(234,238,251,.12);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px #000,0 0 0 1px rgba(34,211,238,.12),0 0 80px -30px rgba(34,211,238,.45)}
.lp-comm-kopf{display:flex;align-items:center;gap:10px;padding:4px 8px 13px;margin-bottom:8px;border-bottom:1px solid var(--border-soft)}
.lp-comm-kopf .brand-mark{width:28px;height:28px;border-radius:8px}
.lp-comm-kopf b{font-family:var(--font-display);font-size:var(--lp-fs-text);font-weight:700;letter-spacing:-.03em;color:var(--text)}
.lp-comm-kopf b i{font-style:normal;color:var(--accent)}
.lp-comm-kopf .lp-comm-dc{font-style:normal;margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-num);font-size:var(--fs-mini);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}
.lp-comm-kopf .lp-comm-dc svg{width:14px;height:14px}
.lp-comm-vis ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.lp-comm-vis li{position:relative;display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;color:var(--text-dim);font-size:var(--lp-fs-klein);font-weight:500}
.lp-comm-vis li i{font-style:normal;font-family:var(--font-num);font-weight:600;color:var(--accent);opacity:.75}
.lp-comm-vis li.an{background:var(--accent-soft);color:var(--text)}
.lp-comm-vis li.an::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.lp-comm-vis li.an i{opacity:1}
@media(max-width:820px){
  .lp-comm-in{grid-template-columns:1fr;text-align:center;justify-items:center}
  .lp-comm-txt{display:flex;flex-direction:column;align-items:center}
  .lp-comm-txt p{margin-left:auto;margin-right:auto}
  .lp-comm-vis{width:100%;max-width:420px;text-align:left}
}
.lp-cta-sec{text-align:center;position:relative;overflow:hidden;padding:calc(var(--s-sec) * 1.15) var(--lp-pad);background:#070b16;border-top:1px solid var(--border-soft)}
.lp-cta-sec::before{content:"";position:absolute;left:50%;top:-30%;transform:translateX(-50%);width:min(1200px,140%);height:150%;pointer-events:none;background:radial-gradient(40% 42% at 50% 40%,rgba(34,211,238,.2),transparent 68%);filter:blur(30px)}
.lp-cta-sec::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.8;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:radial-gradient(86% 78% at 50% 50%,#000 18%,transparent 72%);mask-image:radial-gradient(86% 78% at 50% 50%,#000 18%,transparent 72%)}
.lp-cta-sec>*{position:relative;z-index:2;max-width:760px;margin-left:auto;margin-right:auto}
.lp-cta-sec h2{font-family:var(--font-display);font-size:var(--ts-h1);font-weight:700;letter-spacing:-.048em;margin-bottom:18px;line-height:1;text-wrap:balance}
.lp-cta-sec p{color:var(--text-dim);font-size:var(--ts-lead);margin-bottom:var(--s-item);line-height:1.55;text-wrap:balance}
.lp-cta-sec .lp-btn-lg{display:inline-flex}
.lp-cta-note{text-wrap:balance;margin-top:20px;font-family:var(--font-num);font-size:var(--fs-mini);color:var(--text-faint);font-weight:500;letter-spacing:.06em}

/* Fuss */
.lp-foot{border-top:1px solid var(--border-soft);background:var(--bg)}
.lp-foot-in{max-width:var(--lp-w);margin:0 auto;padding:40px var(--lp-pad) 44px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.lp-foot-brand{font-family:var(--font-display);font-weight:700;font-size:var(--lp-fs-lead);letter-spacing:-.03em}
.lp-foot-brand b{color:var(--accent)}
.lp-foot-brand span{color:var(--text-dim);font-weight:400;font-family:var(--font-ui);letter-spacing:-.01em}
.lp-foot-links{display:flex;gap:10px 24px;flex-wrap:wrap;justify-content:center}
.lp-foot-spalten{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px;width:100%;max-width:1140px;text-align:left;padding:8px 0 10px}
.lp-foot-sp{display:flex;flex-direction:column;gap:9px;min-width:0}
.lp-foot-h{font-family:var(--font-num);font-size:var(--fs-etikett);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 3px}
.lp-foot-sp a{color:var(--text-dim);font-size:var(--lp-fs-klein);font-weight:500;line-height:1.35;transition:color .15s var(--ease)}
.lp-foot-sp a:hover{color:var(--accent)}
.lp-foot-links a{color:var(--text-dim);font-size:var(--lp-fs-klein);font-weight:500;transition:color .15s var(--ease)}
.lp-foot-links a:hover{color:var(--accent)}
.lp-foot-links .lp-foot-kuend{font-weight:600;color:var(--text)}
.lp-foot-copy{font-family:var(--font-num);color:var(--text-faint);font-size:var(--fs-mini);width:100%;padding-top:20px;border-top:1px solid var(--border-soft);letter-spacing:.04em}
.lp-foot-kontakt{color:var(--text-dim);font-size:var(--fs-klein)}
.lp-foot-kontakt a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.lp-foot-abz{display:block;width:max-content;margin-inline:auto;line-height:0;border-radius:8px;opacity:.85}.lp-foot-abz:hover,.lp-foot-abz:focus-visible{opacity:1}
.lp-foot-abz img{display:block;width:132px;height:auto}

/* ---------- 08 · Unterseiten ---------- */
.lp-page-hero{max-width:var(--lp-w);margin:0 auto;padding:clamp(40px,5vw,64px) var(--lp-pad) 0;text-align:center;position:relative}
.lp-page-hero h1{font-family:var(--font-display);font-size:var(--ts-h1);line-height:1;font-weight:700;letter-spacing:-.045em;margin:0 auto 18px;max-width:18ch;text-wrap:balance}
.lp-page-hero .lp-sub{margin-bottom:var(--s-item)}
.lp-crumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-item);font-family:var(--font-num);font-size:var(--fs-mini);letter-spacing:.04em;color:var(--text-faint)}
.lp-crumbs a{color:var(--text-dim)} .lp-crumbs a:hover{color:var(--accent)}
.lp-crumbs li+li::before{content:"›";margin-right:6px;color:var(--text-faint)}
.lp-kicker{display:inline-block;font-family:var(--font-num);font-size:var(--fs-mini);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.lp-sec-tight{padding-top:var(--s-block)}
.lp-prosa{max-width:760px;margin:0 auto}
.lp-prosa h2{font-family:var(--font-display);font-size:var(--ts-h3);font-weight:700;letter-spacing:-.035em;margin:var(--s-block) 0 14px;line-height:1.1}
.lp-prosa h2:first-child{margin-top:0}
.lp-prosa h3{font-family:var(--font-display);font-size:var(--lp-fs-gross);font-weight:700;letter-spacing:-.02em;margin:24px 0 8px}
.lp-prosa p,.lp-prosa li{color:var(--text-dim);font-size:var(--lp-fs-lead);line-height:1.7;margin:0 0 14px}
.lp-prosa ul{display:grid;gap:8px;margin:0 0 18px}
.lp-prosa ul li{position:relative;padding-left:26px;margin:0}
.lp-prosa ul li::before{content:"";position:absolute;left:3px;top:.6em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.lp-prosa a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.lp-prosa strong{color:var(--text)}
.lp-kurz{border:1px solid var(--accent-line);background:var(--accent-wash);border-radius:14px;padding:16px 20px 8px;margin:0 0 var(--s-item)}
.lp-kurz p{margin-bottom:8px}
.lp-kurz h2{font-family:var(--font-num);font-size:var(--fs-etikett);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
.lp-prosa ol{list-style:decimal;padding-left:24px;display:grid;gap:8px;margin:0 0 18px}
.lp-prosa ol li{padding-left:4px;margin:0}
.lp-prosa ol li::marker{color:var(--accent);font-family:var(--font-num);font-weight:600}
/* Tabellen im Fliesstext dürfen breiter sein als die Textspalte (bis 1040 px), mittig */
.lp-prosa .lp-cmp{margin:6px 0 0;width:min(1040px,calc(100vw - 2 * var(--lp-pad)));max-width:none;position:relative;left:50%;transform:translateX(-50%)}
.lp-prosa .lp-cmp-note{text-align:left;margin:10px 0 18px;max-width:none}
.lp-stand{font-family:var(--font-num);font-size:var(--fs-mini)!important;letter-spacing:.04em;color:var(--text-faint)!important;margin-top:var(--s-block)!important}
.lp-weiter-viele{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--s-item)}

/* Rechner */
.lp-rechner{max-width:760px;margin:0 auto var(--s-item);padding:20px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);box-shadow:0 30px 60px -34px rgba(0,0,0,.9)}
.lp-r-felder{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 14px}
.lp-r-f{display:flex;flex-direction:column;gap:6px}
.lp-r-f span{font-size:var(--lp-fs-klein);color:var(--text-dim);font-weight:500}
.lp-r-f input,.lp-r-f select{font:inherit;font-family:var(--font-num);font-size:var(--lp-fs-lead);color:var(--text);background:var(--bg);border:1px solid var(--hair-strong);border-radius:10px;padding:10px 12px;min-height:44px;width:100%;font-variant-numeric:tabular-nums}
.lp-r-f input:focus,.lp-r-f select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}
.lp-r-aus{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft)}
.lp-r-a{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft)}
.lp-r-a span{font-size:var(--fs-mini);color:var(--text-faint);font-weight:500}
.lp-r-a output{font-family:var(--font-num);font-size:var(--lp-fs-titel);font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.lp-r-a.haupt{border-color:var(--accent-line);background:var(--accent-wash)}
.lp-r-a.haupt output{color:var(--accent)}
.lp-r-hinweis{margin:12px 0 0;font-size:var(--fs-mini);color:var(--text-faint)}
.lp-r-datei{max-width:760px;margin:0 auto var(--s-item)}
.lp-preis-hinweis{max-width:760px;margin:0 auto;padding:18px 22px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-2);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.lp-preis-hinweis p{margin:0;color:var(--text-dim);font-size:var(--lp-fs-text);line-height:1.55;flex:1 1 320px}
.lp-preis-hinweis b{color:var(--text);font-family:var(--font-num);font-weight:600}
.lp-weiter{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-weiter a{display:block;padding:16px 18px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-2);color:var(--text);transition:border-color .15s var(--ease)}
.lp-weiter a:hover{border-color:var(--accent-line)}
.lp-weiter b{display:block;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin-bottom:3px}
.lp-weiter span{color:var(--text-dim);font-size:var(--lp-fs-klein);line-height:1.45;display:block}

/* ---------- 09 · Rechtstexte: derselbe dunkle Rahmen wie alle Seiten (Kopf- und Fusszeile identisch) ---------- */
body.legal{--border-soft:#1f2a44;--accent-wash:#0f2a33;--accent-line:#1f4a55;--surface-2:#141c30}
body.legal::before{opacity:.35}
.legal-cta{margin:18px 0 24px}
.legal-body a.lp-btn-solid{text-decoration:none;color:var(--on-accent)}
.legal-w{max-width:800px;margin:0 auto;padding:32px var(--lp-pad) 56px}
.legal-w .lp-crumbs{justify-content:flex-start;margin-bottom:18px}
.legal-w h1{font-family:var(--font-display);font-size:var(--ts-h3);line-height:1.15;letter-spacing:-.03em;margin:0 0 8px;color:var(--text)}
.legal-def{color:var(--text-dim);font-size:var(--fs-klein);line-height:1.6;margin:0 0 20px}
.legal-def a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.legal-body{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:24px 22px;color:var(--text);font-size:16px;line-height:1.65}
.legal-body h2,.legal-body h4{font-family:var(--font-display);margin:22px 0 8px;font-size:17px;letter-spacing:-.01em;color:var(--text)}
.legal-body h2:first-child,.legal-body h4:first-child{margin-top:0}
.legal-body p,.legal-body li{color:var(--text-dim);margin:0 0 10px}
.legal-body b{color:var(--text)}
.legal-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.legal-body ul{list-style:disc;margin:6px 0 12px 20px}
.legal-body li{margin:3px 0}
.legal-kurz{border:1px solid var(--border-soft);background:var(--tint);border-radius:10px;padding:12px 16px;margin-bottom:16px}
.legal-kurz ul{margin:6px 0 0 18px}
.legal-stand{margin-top:22px;font-size:13px;color:var(--text-faint)}
.legal-cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
.legal-nav{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;margin:0 0 22px}
.legal-nav a{color:var(--text-dim);text-decoration:none}
.legal-nav a[aria-current]{color:var(--accent);font-weight:600}

/* 404 */
.lp-404{max-width:720px;margin:0 auto;padding:var(--s-sec) var(--lp-pad);text-align:center}
.lp-404 .lp-404-code{font-family:var(--font-num);font-size:clamp(60px,12vw,120px);font-weight:600;letter-spacing:-.06em;line-height:1;color:var(--t2);background:var(--verlauf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-404 h1{font-family:var(--font-display);font-size:var(--ts-h3);letter-spacing:-.035em;margin:16px 0 12px}
.lp-404 p{color:var(--text-dim);margin-bottom:14px;line-height:1.6}

/* ---------- 10 · Scroll-Auftritte (nur mit site.js; ohne Skript steht alles da) ---------- */
.reveal-armed{opacity:0;transform:translateY(16px);filter:blur(5px)}
.reveal-armed.in{opacity:1;transform:none;filter:blur(0);transition:opacity .7s ease,transform .8s var(--ease-out),filter .7s ease}

/* Bausteine bauen sich auf, sobald sie im Bild sind. Erst wenn site.js .anim-ready setzt, wird etwas versteckt. */
.anim-ready .fv-bars i{transform:scaleY(.05);transform-origin:50% 100%;opacity:.2;transition:transform .95s var(--ease-out),opacity .5s ease}
.anim-ready.in-view .fv-bars i{transform:none;opacity:1}
.anim-ready .fv-bars i:nth-child(2){transition-delay:.07s}.anim-ready .fv-bars i:nth-child(3){transition-delay:.14s}
.anim-ready .fv-bars i:nth-child(4){transition-delay:.21s}.anim-ready .fv-bars i:nth-child(5){transition-delay:.28s}.anim-ready .fv-bars i:nth-child(6){transition-delay:.35s}
.anim-ready .fv-cal i{transform:scale(.35);opacity:0;transition:transform .55s var(--ease-out),opacity .4s ease;transition-delay:calc(var(--i,0) * 26ms)}
.anim-ready.in-view .fv-cal i{transform:none;opacity:1}
.anim-ready.in-view .fv-cal i.p2{opacity:.6}
.anim-ready .fv-check,.anim-ready .fv-big,.anim-ready .fv-imp{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .7s var(--ease-out)}
.anim-ready.in-view .fv-check,.anim-ready.in-view .fv-big,.anim-ready.in-view .fv-imp{opacity:1;transform:none}
.anim-ready.in-view .fv-big{transition-delay:.1s}
.anim-ready.lp-grid .lp-card{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .75s var(--ease-out)}
.anim-ready.lp-grid.in-view .lp-card{opacity:1;transform:none}
.anim-ready.lp-grid.in-view .lp-card:nth-child(2){transition-delay:.07s}.anim-ready.lp-grid.in-view .lp-card:nth-child(3){transition-delay:.14s}
.anim-ready.lp-grid.in-view .lp-card:nth-child(4){transition-delay:.21s}.anim-ready.lp-grid.in-view .lp-card:nth-child(5){transition-delay:.28s}
.anim-ready.lp-grid.in-view .lp-card:nth-child(6){transition-delay:.35s}
.anim-ready.lp-steps .lp-step-n{opacity:0;transform:scale(.7);transition:opacity .5s ease,transform .6s var(--ease-out)}
.anim-ready.lp-steps.in-view .lp-step-n{opacity:1;transform:none}
.anim-ready.lp-steps.in-view .lp-step:nth-child(2) .lp-step-n{transition-delay:.22s}
.anim-ready.lp-steps.in-view .lp-step:nth-child(3) .lp-step-n{transition-delay:.44s}
.anim-ready.lp-ins .lp-ins-g{opacity:0;transform:translateY(12px) scale(.9);transition:opacity .55s ease,transform .7s var(--ease-out)}
.anim-ready.lp-ins.in-view .lp-ins-g{opacity:1;transform:none}
.anim-ready.lp-ins.in-view .lp-ins-card:nth-child(2) .lp-ins-g{transition-delay:.09s}
.anim-ready.lp-ins.in-view .lp-ins-card:nth-child(3) .lp-ins-g{transition-delay:.18s}
.anim-ready.lp-ins.in-view .lp-ins-card:nth-child(4) .lp-ins-g{transition-delay:.27s}

/* ---------- 11 · Breite ---------- */
@media(max-width:1080px){
  .lp-nav-links{display:none}
  .lp-nav-right{margin-left:auto}
  .lp-menu{display:block}
  .lp-nav-in{position:relative}.lp-nav-right{position:static}.lp-nav-right::before{content:none}
  .lp-menu-panel{left:calc(-1 * var(--lp-pad));right:calc(-1 * var(--lp-pad))}
}
@media(max-width:1000px){
  .lp-grid{grid-template-columns:repeat(2,1fr)}
  .lp-ins{grid-template-columns:repeat(2,1fr);row-gap:clamp(30px,4vw,44px)}
  .lp-ins-card:nth-child(2n+1)::before{content:none}
}
@media(max-width:960px){ .lp-foot-spalten{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:860px){
  .lp-feat{grid-template-columns:1fr;gap:28px}
  .lp-feat.rev .lp-feat-txt{order:0}
  .lp-feat-txt p{max-width:58ch}
  .lp-feat-txt .lp-ic::after,.lp-feat-txt .lp-ic::before{display:none}
  .lp-stats{grid-template-columns:repeat(2,1fr)}
  .lp-stat{padding:22px 8px 24px}
  .lp-stat+.lp-stat::before{content:none}
  .lp-stat:nth-child(2n)::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(var(--hair-strong),transparent)}
  .lp-stat:nth-child(n+3)::after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent)}
  .lp-steps,.lp-prob-grid{grid-template-columns:1fr}
  .lp-steps::before{display:none}
  .lp-step,.lp-prob-card{padding-left:0;padding-right:0;padding-top:clamp(28px,5vw,38px);padding-bottom:clamp(28px,5vw,38px)}
  .lp-step+.lp-step::before,.lp-prob-card+.lp-prob-card::before{content:"";left:14%;right:14%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent)}
  .lp-step p,.lp-prob-card p{max-width:48ch}
  .lp-cmp:not(.lp-cmp-wide) th,.lp-cmp:not(.lp-cmp-wide) td{padding:12px 12px;font-size:var(--lp-fs-klein)}
  .lp-cmp:not(.lp-cmp-wide) th.us,.lp-cmp:not(.lp-cmp-wide) td.us{width:70px}
  .lp-cmp:not(.lp-cmp-wide) th.us{font-size:var(--fs-etikett);padding-top:14px}
  .lp-cmp:not(.lp-cmp-wide) tbody td:not(.us):not(:first-child){width:74px}
  .tp-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .lp-grid{grid-template-columns:1fr}
  .lp-fq p{padding-right:0}
  .lp-plaene,.lp-weiter,.lp-preis-alles ul{grid-template-columns:1fr}
}
@media(max-width:720px){
  .lp-prin{grid-template-columns:1fr} .lp-prin-i{padding:18px}
  .lp-stack-row{flex-wrap:wrap;padding:14px 16px} .lp-stack-row em{font-size:var(--lp-fs-lead)} .lp-stack-et em{font-size:var(--lp-fs-titel)}
  .lp-cmp:not(.lp-cmp-wide){overflow-x:auto;-webkit-overflow-scrolling:touch} .lp-cmp:not(.lp-cmp-wide) table{min-width:640px}
  /* Feste erste Spalte schmal halten, damit daneben genug zum Scrollen bleibt */
  .lp-scroll th[scope=row]{width:clamp(112px,34vw,150px)}
  .lp-cmp:not(.lp-cmp-wide) tbody td:not(.us):not(:first-child){width:auto}
  .lp-antworten{grid-template-columns:1fr}
}
@media(max-width:560px){
  .lp-nav-in{gap:8px;height:58px}
  .lp-nav-right{gap:6px;flex-wrap:nowrap;margin-left:auto;padding-left:0}
  .lp-nav-right::before{content:none}
  .lp-lang{flex:0 0 auto;white-space:nowrap}
  .film{transform:rotateX(calc(var(--unfurl,0) * 6deg)) scale(calc(1 - var(--unfurl,0) * 0.02))}
  .lp-nav-right>.lp-btn-ghost,.lp-nav-right>.lp-lang{display:none}
  .lp-nav-right>.lp-btn-solid{padding:0 15px;height:38px;font-size:var(--lp-fs-klein)}
  .lp-lang a{padding:5px 7px}
  .lp-logo{gap:8px} .brand-mark{width:26px;height:26px}
  .lp-badge{font-size:var(--fs-etikett);letter-spacing:.11em;padding:7px 13px 7px 11px;gap:8px}
  .lp-hero{padding-top:40px}
  .lp-hero-note{font-size:var(--fs-klein)}
  .lp-tour-cap{font-size:var(--fs-etikett);letter-spacing:.03em;gap:8px}
  .lp-cta-row{gap:9px}
  .lp-cta-row .lp-btn-lg{flex:1 1 100%}
  .lp-ins{grid-template-columns:1fr;row-gap:30px}
  .lp-ins-card{padding-left:0;padding-right:0}
  .lp-ins-card+.lp-ins-card::before{left:18%;right:18%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent)}
  .lp-ins-card+.lp-ins-card{padding-top:30px}
  .legal-body{padding:18px 16px}
  .lp-foot-spalten{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
  .lp-rechner{padding:16px}
}

/* ---------- 12 · Bewegung reduzieren ---------- */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal-armed{opacity:1;transform:none;filter:none}
  .anim-ready .fv-bars i,.anim-ready .fv-cal i,.anim-ready .fv-check,.anim-ready .fv-big,
  .anim-ready .fv-imp,.anim-ready.lp-grid .lp-card,.anim-ready.lp-steps .lp-step-n,
  .anim-ready.lp-ins .lp-ins-g{opacity:1!important;transform:none!important}
  .lp-steps::before{transform:none!important}
  .film{transform:none!important}
  .lp-ticker-track{animation:none}
  .lp-hero::after{opacity:.4}
}
@media(prefers-reduced-transparency:reduce){.lp-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}

/* ---------- 22.10.2026: Auf einen Blick, Autorzeile, Schluss-Abschnitt, Abstände ---------- */
.lp-cmp-datum{margin-top:0;margin-bottom:18px}
.lp-blick{max-width:var(--lp-w);margin:0 auto;text-align:left}
/* Faktenblock als Kachel-Matrix (wie die Funktions-Matrix): Etikett · Kennzahl im Verlauf · Satz */
.lp-blick ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -50px rgba(0,0,0,.9)}
.lp-blick li{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%),var(--surface);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;gap:8px;position:relative}
.lp-blick li::before{content:"";position:absolute;left:clamp(22px,2.4vw,30px);top:0;width:36px;height:2px;border-radius:0 0 2px 2px;background:var(--ring,var(--accent));box-shadow:0 0 14px var(--ring,var(--accent))}
.lp-blick li:nth-child(4n+1){--ring:var(--accent)} .lp-blick li:nth-child(4n+2){--ring:var(--t2)} .lp-blick li:nth-child(4n+3){--ring:var(--t3)} .lp-blick li:nth-child(4n+4){--ring:var(--t1)}
.lp-blick-k{font-family:var(--font-num);font-size:var(--fs-etikett);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ring,var(--accent))}
.lp-blick-z{font-family:var(--font-display);font-size:var(--ts-h4);font-weight:800;letter-spacing:-.035em;line-height:1.1;color:var(--text)}
.lp-blick li p{color:var(--text-dim);font-size:var(--lp-fs-text);line-height:1.6;margin:0}
.lp-blick .lp-stand{text-align:center;margin-top:18px!important}
/* Raster geht immer auf: Spannweite je Anzahl (12er-Raster) */
.lp-blick li{grid-column:span 4}
.lp-blick ul[data-n="2"] li{grid-column:span 6}
.lp-blick ul[data-n="4"] li{grid-column:span 6}
.lp-blick ul[data-n="5"] li:nth-child(n+4){grid-column:span 6}
.lp-blick ul[data-n="7"] li{grid-column:span 3}.lp-blick ul[data-n="7"] li:first-child{grid-column:span 6}
@media(max-width:960px){.lp-blick li,.lp-blick ul[data-n] li{grid-column:span 6!important}.lp-blick ul[data-n="3"] li:last-child,.lp-blick ul[data-n="5"] li:last-child,.lp-blick ul[data-n="7"] li:last-child{grid-column:span 12!important}}
@media(max-width:600px){.lp-blick li,.lp-blick ul[data-n] li{grid-column:span 12!important}}
.lp-blick .lp-sec-head{margin-bottom:var(--s-item)}

/* „Kurz gesagt“: hervorgehobene Antwort mit Verlaufsrand */
.lp-kurz{position:relative;border:1px solid transparent;border-radius:18px;padding:22px 26px 14px;margin:0 0 var(--s-block);
  background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(120deg,var(--accent),var(--t2) 55%,var(--t3)) border-box;
  box-shadow:0 30px 60px -40px rgba(34,211,238,.45)}
.lp-kurz h2{display:flex;align-items:center;gap:10px}
.lp-kurz h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.lp-kurz p{color:var(--text)!important;font-size:var(--ts-lead)!important;line-height:1.6!important}

/* Fliesstext der Unterseiten: Überschriften mit Akzentlinie, Schritte als Kreise, Linklisten als Karten */
.lp-prosa h2{position:relative;padding-top:18px}
/* Sprungziele (Glossar-Anker) nicht unter der klebenden Kopfzeile */
.lp-prosa h2[id],.lp-prosa h3[id],.lp-prosa [id]{scroll-margin-top:76px}
.lp-prosa h2::before{content:"";position:absolute;left:0;top:0;width:40px;height:3px;border-radius:3px;background:var(--verlauf-quer)}
.lp-prosa .lp-kurz h2{padding-top:0}.lp-prosa .lp-kurz h2::before{position:static;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.lp-prosa ol{list-style:none;padding-left:0;counter-reset:schritt;gap:14px}
.lp-prosa ol li{counter-increment:schritt;position:relative;padding:2px 0 0 48px;min-height:32px}
.lp-prosa ol li::before{content:counter(schritt);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-num);font-size:var(--fs-mini);font-weight:600;color:var(--accent);border:1.5px solid var(--accent-line);background:var(--accent-wash);box-shadow:0 0 18px -6px var(--accent)}
.lp-prosa ul:not(.lp-linkkarten) li::before{left:0;top:.45em;width:16px;height:16px;border:0;border-radius:50%;transform:none;background:var(--accent-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%2322d3ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:inset 0 0 0 1px var(--accent-line)}
.lp-prosa ul:not(.lp-linkkarten) li{padding-left:28px}
/* Liste „was nicht“: Kreuz statt Haken */
.lp-prosa ul.lp-nein li::before{background:rgba(251,113,133,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5l5 5M10.5 5.5l-5 5' fill='none' stroke='%23fb7185' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:inset 0 0 0 1px rgba(251,113,133,.35)}
.lp-linkkarten{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px!important;margin:6px 0 24px!important}
.lp-prosa .lp-linkkarten li{padding:0;margin:0}
.lp-prosa .lp-linkkarten li::before{content:none}
.lp-linkkarten a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 44px 18px 20px;border-radius:16px;border:1px solid var(--hair);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface);text-decoration:none!important;position:relative;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .25s var(--ease)}
.lp-linkkarten a::after{content:"→";position:absolute;right:18px;top:17px;color:var(--accent);font-weight:600;transition:transform .2s var(--ease)}
.lp-linkkarten a:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:0 20px 40px -24px rgba(34,211,238,.45)}
.lp-linkkarten a:hover::after{transform:translateX(3px)}
.lp-linkkarten b{font-family:var(--font-display);font-size:var(--lp-fs-titel);font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.25}
.lp-linkkarten span{color:var(--text-dim);font-size:var(--lp-fs-klein);line-height:1.5}

/* Weiter-Karten am Seitenende */
.lp-weiter a{padding:20px 22px;border-radius:16px;border-color:var(--hair);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface);transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .25s var(--ease)}
.lp-weiter a:hover{transform:translateY(-2px);box-shadow:0 20px 40px -24px rgba(34,211,238,.45)}
.lp-weiter b::after{content:" →";color:var(--accent)}
.lp-byline{font-family:var(--font-num);font-size:var(--fs-mini);letter-spacing:.04em;color:var(--text-faint);margin:0 auto var(--s-item)}
.lp-schluss .lp-preis-hinweis{margin-top:var(--s-item)}
/* Unterseiten: aufeinanderfolgende knappe Abschnitte nicht mit 224 px Luft trennen */
.lp-sec-tight{padding-bottom:var(--s-block)}
.lp-sec-tight + .lp-sec-tight{padding-top:calc(var(--s-block) * .5)}
@media(max-width:360px){.fv-bars{gap:8px}.fv-bars i{width:24px}}
.lp-foot-risiko{max-width:720px;margin:4px auto 0;color:var(--text-faint);font-size:var(--fs-mini);line-height:1.5;text-align:center}
.lp-foot-risiko a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Antwort zuerst: der erste Absatz unter der H1 beantwortet die Frage der Seite (Lead), der Werbesatz folgt klein */
.lp-page-hero .lp-antwort{max-width:62ch;margin:0 auto var(--s-item);font-size:var(--ts-lead);line-height:1.6;color:var(--text);letter-spacing:-.012em;text-wrap:pretty}
.lp-page-hero .lp-antwort + .lp-def{margin-top:0}
/* Links im Fliesstext ausserhalb von .lp-prosa (Sätze unter Abschnitten, Unterzeilen der Hubs) */
.lp-satz{max-width:720px;margin:var(--s-item) auto 0;color:var(--text-dim);font-size:var(--lp-fs-text);line-height:1.65;text-align:center;text-wrap:pretty}
.lp-sec-head .lp-satz{margin-top:12px;font-size:var(--lp-fs-lead)}
.lp-satz a,.lp-byline a,.lp-fq p a,.lp-blick .lp-satz a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px;transition:text-decoration-color .15s var(--ease)}
.lp-satz a:hover,.lp-byline a:hover,.lp-fq p a:hover{text-decoration-color:var(--accent)}
.lp-byline a{color:inherit}
/* Startseite: „Weiterlesen“-Reihe am Ende eines Abschnitts (Karten wie .lp-linkkarten, vier nebeneinander) */
.lp-mehr{max-width:var(--lp-w);margin:var(--s-head) auto 0}
.lp-mehr-h{font-family:var(--font-num);font-size:var(--fs-mini);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);text-align:center;margin:0 0 14px}
.lp-mehr .lp-linkkarten{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin:0!important}
.lp-mehr .lp-linkkarten li{list-style:none}
.lp-mehr .lp-linkkarten a{padding:16px 40px 16px 18px}
.lp-mehr .lp-linkkarten b{font-size:var(--lp-fs-gross)}
.lp-mehr .lp-satz{margin-top:16px}
@media(max-width:640px){.lp-mehr{margin-top:var(--s-item)}.lp-mehr .lp-linkkarten{gap:8px!important}.lp-mehr .lp-linkkarten a{padding:13px 40px 13px 16px;border-radius:12px}.lp-mehr .lp-linkkarten a::after{top:12px}.lp-mehr .lp-linkkarten span{display:none}}
.lp-page-hero .lp-def a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}
.lp-cmp thead th a{color:inherit;text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}
.lp-cmp thead th a:hover,.lp-page-hero .lp-def a:hover{text-decoration-color:var(--accent)}

/* Handy: alles mittig (01.11.2026, Benji). Überschriften, Absätze, Symbole und Knöpfe aller Bausteine stehen auf schmalen
   Schirmen zentriert. Lange Fliesstexte (.lp-prosa) und Häkchen-Listen bleiben linksbündig, weil sie zentriert schwer zu lesen sind. */
@media (max-width:640px){
  .lp-feat-txt{text-align:center}
  .lp-feat-txt .lp-ic{margin:0 auto 18px}
  .lp-feat-txt p{margin-left:auto;margin-right:auto}
  .lp-feat-txt .lp-rp-liste{text-align:left}
  .lp-card{text-align:center}
  .lp-card .lp-ic{margin-left:auto;margin-right:auto}
  .lp-card p{margin-left:auto;margin-right:auto}
  .lp-cta-links{justify-content:center}
  .lp-prin-i{flex-direction:column;align-items:center;text-align:center}
  .lp-garantie{flex-direction:column;align-items:center;text-align:center}
  .lp-antworten{text-align:center}
  .lp-preis-alles h2,.lp-preis-alles h3{text-align:center}
  .lp-plan{align-items:center;text-align:center}
  .lp-plan .lp-btn-solid,.lp-plan .lp-btn-ghost{align-self:stretch;justify-content:center}
  .lp-blick li{align-items:center;text-align:center}
  .lp-blick li::before{left:50%;transform:translateX(-50%)}
  .lp-preis-hinweis{flex-direction:column;text-align:center}
}