@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(/schriften/fraunces-latin-wght-normal.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;}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(/schriften/fraunces-latin-wght-italic.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;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/schriften/inter-latin-wght-normal.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;}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/atkinson-latin-400-normal.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;}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(/schriften/atkinson-latin-700-normal.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;}

/* Rahmen um die Bausteine. Alles unter .do-… — die Bausteine bringen ihr
   eigenes, gescoptes CSS mit und werden hier nicht angefasst.
   Redesign 02.10.2026 (Entwurf „drugoff.de Redesign“): heller Grund,
   Petrol als Akzent, Rot nur für Notfälle, Atkinson Hyperlegible für Text. */
:root{
  --do-grund:#F3F5F4; --do-flaeche:#FFFFFF; --do-tinte:#15201E; --do-leise:#4B5B58;
  --do-linie:#D6DDDA; --do-akzent:#0E5E5A; --do-akzent-dunkel:#093F3D; --do-akzent-hell:#E1EEEC;
  --do-krise:#B4380F; --do-krise-hell:#FFB59A; --do-nacht:#15201E; --do-nacht-text:#C9D3D0;
  /* Redesign 13.10.2026 („Die Welle“): Nacht in drei Tiefen, Mint als Licht */
  --do-nacht-0:#040C0A; --do-nacht-1:#0A1C19; --do-nacht-2:#11302B; --do-mint:#7FE7D6; --do-glut:#3FE0C5;
  --do-weich:cubic-bezier(.2,.7,.2,1); --do-raus:cubic-bezier(.16,1,.3,1);
  --do-kopf-h:72px;
  --do-welle-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 220' preserveAspectRatio='xMaxYMax slice'%3E%3Cg fill='none' stroke='%237FE7D6' stroke-width='1.2'%3E%3Cpath d='M73.7 64.2Q87.0 66.1 93.6 67.4Q100.3 68.6 106.9 69.6Q113.5 70.5 120.0 70.8Q126.5 71.1 133.0 71.1Q139.5 71.0 146.0 70.9Q152.5 70.8 159.0 70.8Q165.5 70.8 172.0 70.7Q178.5 70.6 185.0 70.3Q191.4 69.9 197.9 69.5Q204.4 69.0 210.9 68.9Q217.4 68.8 223.9 69.2Q230.4 69.6 237.0 70.2Q243.5 70.9 250.0 71.2Q256.5 71.6 263.0 71.4Q269.5 71.2 276.0 70.6Q282.5 70.1 289.0 69.5Q295.4 68.9 301.9 68.4Q308.4 67.9 314.9 67.3Q321.4 66.6 327.9 65.7Q334.4 64.8 340.9 63.9Q347.4 63.0 353.9 62.5Q360.4 62.1 367.0 62.3Q373.5 62.6 380.0 63.3Q386.5 64.0 393.0 64.7Q399.5 65.4 406.1 65.7Q412.6 66.0 419.1 66.2Q425.6 66.4 432.1 66.7Q438.6 66.9 445.1 67.3Q451.6 67.6 458.1 67.8Q464.6 67.9 471.1 67.6Q477.6 67.3 484.2 66.9Q490.7 66.5 497.2 66.4Q503.7 66.4 510.2 66.9Q516.7 67.5 523.1 68.4Q529.6 69.3 536.0 70.1Q542.5 70.9 549.0 71.3Q555.4 71.8 561.9 72.0Q568.4 72.3 574.9 72.5Q581.3 72.8 587.8 73.0Q594.3 73.2 600.8 72.9Q607.3 72.7 613.9 71.8Q620.5 71.0 627.1 69.8Q633.7 68.7 640.3 67.8Q646.9 66.9 653.4 66.6Q660.0 66.3 666.5 66.3Q673.0 66.4 679.5 66.4L686.0 66.4' stroke-opacity='0.12'/%3E%3Cpath d='M49.0 66.5Q63.3 68.2 70.4 68.7Q77.5 69.3 84.6 69.6Q91.7 69.9 98.7 70.2Q105.8 70.4 112.9 70.8Q119.9 71.2 127.0 71.5Q134.1 71.9 141.1 71.8Q148.1 71.8 155.1 71.3Q162.1 70.9 169.1 70.5Q176.1 70.2 183.1 70.4Q190.2 70.6 197.3 71.5Q204.4 72.3 211.4 73.2Q218.5 74.2 225.6 74.8Q232.6 75.5 239.7 75.8Q246.7 76.1 253.7 76.3Q260.8 76.5 267.8 76.8Q274.8 77.0 281.8 77.0Q288.8 77.1 295.8 76.5Q302.8 75.9 309.8 74.7Q316.8 73.5 323.8 72.3Q330.8 71.1 337.8 70.4Q344.8 69.7 351.9 69.6Q358.9 69.5 365.9 69.5Q373.0 69.6 380.0 69.6Q387.0 69.5 394.1 69.4Q401.1 69.3 408.1 69.4Q415.2 69.4 422.2 69.8Q429.2 70.1 436.3 70.3Q443.3 70.5 450.3 70.2Q457.4 69.9 464.4 69.1Q471.5 68.4 478.5 67.6Q485.6 66.8 492.7 66.5Q499.7 66.3 506.8 66.6Q513.8 67.0 520.8 67.5Q527.8 68.1 534.8 68.6Q541.8 69.2 548.8 69.7Q555.8 70.3 562.8 71.1Q569.7 72.0 576.7 73.1Q583.6 74.2 590.5 75.2Q597.5 76.1 604.5 76.4Q611.4 76.7 618.5 76.3Q625.6 75.9 632.6 75.2Q639.7 74.6 646.8 74.2Q653.8 73.8 660.9 73.7Q667.9 73.7 674.9 73.6Q682.0 73.5 689.0 73.3Q696.1 73.1 703.1 72.9L710.2 72.7' stroke-opacity='0.12'/%3E%3Cpath d='M27.4 69.3Q42.4 69.5 49.9 69.5Q57.4 69.5 64.9 69.7Q72.5 69.9 80.0 70.3Q87.6 70.8 95.1 71.0Q102.6 71.3 110.1 71.0Q117.6 70.7 125.0 70.0Q132.4 69.3 139.9 68.6Q147.3 68.0 154.8 68.0Q162.3 68.0 169.9 68.7Q177.4 69.3 185.0 70.1Q192.5 70.9 200.1 71.6Q207.6 72.2 215.2 72.9Q222.7 73.5 230.2 74.4Q237.8 75.3 245.3 76.3Q252.9 77.4 260.4 78.1Q267.9 78.8 275.4 78.8Q282.8 78.8 290.3 78.0Q297.7 77.3 305.2 76.4Q312.6 75.6 320.1 75.0Q327.6 74.5 335.1 74.3Q342.6 74.2 350.0 74.0Q357.5 73.9 365.0 73.6Q372.5 73.3 380.0 73.1Q387.5 72.8 395.0 72.9Q402.5 73.1 410.0 73.5Q417.4 74.0 424.9 74.2Q432.4 74.4 439.9 74.0Q447.4 73.6 454.9 72.6Q462.5 71.5 470.0 70.4Q477.5 69.3 485.1 68.6Q492.6 67.9 500.1 67.6Q507.6 67.3 515.2 67.1Q522.7 66.9 530.2 66.7Q537.7 66.5 545.2 66.6Q552.7 66.7 560.2 67.5Q567.7 68.2 575.1 69.4Q582.5 70.7 589.9 71.9Q597.3 73.0 604.7 73.6Q612.1 74.2 619.6 74.2Q627.1 74.2 634.6 74.0Q642.1 73.8 649.6 73.8Q657.1 73.9 664.6 74.0Q672.0 74.2 679.5 74.2Q687.0 74.1 694.5 73.9Q702.1 73.7 709.5 73.7Q717.0 73.6 724.5 74.1L731.9 74.6' stroke-opacity='0.12'/%3E%3Cpath d='M5.1 72.7Q21.0 72.2 29.0 72.3Q37.0 72.4 45.0 72.8Q53.1 73.3 61.1 73.5Q69.1 73.7 77.0 73.2Q84.9 72.8 92.8 71.7Q100.6 70.7 108.5 69.7Q116.4 68.6 124.3 68.1Q132.2 67.6 140.2 67.6Q148.2 67.6 156.2 67.8Q164.2 68.0 172.3 68.2Q180.3 68.4 188.3 68.8Q196.3 69.2 204.4 70.2Q212.4 71.2 220.5 72.6Q228.5 74.0 236.6 75.3Q244.6 76.5 252.6 77.0Q260.6 77.5 268.5 77.3Q276.5 77.2 284.4 76.8Q292.4 76.4 300.4 76.3Q308.3 76.1 316.3 76.2Q324.2 76.2 332.2 76.1Q340.2 76.0 348.1 75.7Q356.1 75.4 364.1 75.3Q372.0 75.1 380.0 75.5Q388.0 75.9 395.9 76.7Q403.9 77.5 411.8 78.1Q419.8 78.7 427.7 78.6Q435.7 78.5 443.7 77.7Q451.7 76.9 459.7 75.9Q467.7 74.9 475.7 74.1Q483.7 73.3 491.7 72.6Q499.7 71.9 507.7 71.0Q515.7 70.1 523.8 69.1Q531.8 68.2 539.9 67.5Q547.9 66.9 555.9 67.0Q563.9 67.2 571.8 68.1Q579.7 68.9 587.6 69.9Q595.5 70.8 603.4 71.3Q611.4 71.8 619.4 71.9Q627.3 71.9 635.3 71.9Q643.3 71.9 651.2 72.1Q659.2 72.2 667.2 72.4Q675.1 72.6 683.1 72.5Q691.1 72.4 699.1 72.0Q707.2 71.6 715.2 71.5Q723.1 71.4 731.0 72.0Q738.9 72.5 746.7 73.8L754.5 75.0' stroke-opacity='0.12'/%3E%3Cpath d='M-18.3 77.6Q-1.3 78.0 7.3 78.7Q15.8 79.3 24.4 79.7Q32.9 80.2 41.3 79.8Q49.7 79.5 58.1 78.5Q66.4 77.5 74.8 76.3Q83.1 75.0 91.5 74.2Q99.9 73.3 108.3 72.7Q116.7 72.1 125.1 71.5Q133.6 70.9 142.0 70.3Q150.5 69.6 158.9 69.4Q167.4 69.1 176.0 69.6Q184.5 70.1 193.1 71.4Q201.7 72.6 210.3 73.9Q218.8 75.1 227.3 75.8Q235.9 76.6 244.4 76.7Q252.8 76.8 261.3 76.7Q269.8 76.7 278.3 76.9Q286.8 77.0 295.2 77.2Q303.7 77.5 312.2 77.4Q320.7 77.4 329.1 77.1Q337.6 76.7 346.1 76.6Q354.6 76.5 363.0 77.1Q371.5 77.7 380.0 78.8Q388.5 80.0 396.9 81.1Q405.4 82.3 413.8 82.8Q422.3 83.3 430.7 83.1Q439.2 83.0 447.7 82.6Q456.1 82.1 464.6 81.8Q473.1 81.4 481.6 80.8Q490.1 80.3 498.6 79.2Q507.1 78.2 515.6 76.8Q524.2 75.4 532.8 74.2Q541.3 73.0 549.8 72.5Q558.4 72.1 566.8 72.4Q575.3 72.7 583.7 73.3Q592.2 73.8 600.7 74.0Q609.1 74.3 617.6 74.2Q626.1 74.1 634.6 74.0Q643.1 73.9 651.6 74.1Q660.0 74.2 668.5 74.3Q677.0 74.3 685.5 73.9Q694.1 73.5 702.7 72.7Q711.3 71.9 719.8 71.3Q728.4 70.7 736.9 71.0Q745.3 71.2 753.7 72.2Q762.0 73.2 770.3 74.4L778.6 75.7' stroke-opacity='0.13'/%3E%3Cpath d='M-43.7 82.3Q-25.4 84.2 -16.2 85.1Q-7.1 86.1 2.0 86.3Q11.0 86.5 19.9 85.9Q28.8 85.4 37.7 84.5Q46.6 83.6 55.5 82.8Q64.4 82.0 73.4 81.2Q82.3 80.4 91.2 79.4Q100.1 78.3 109.0 77.0Q117.9 75.6 126.8 74.5Q135.7 73.5 144.8 73.3Q153.8 73.0 162.9 73.7Q172.0 74.4 181.1 75.3Q190.2 76.2 199.3 76.8Q208.4 77.3 217.4 77.4Q226.4 77.5 235.5 77.5Q244.5 77.5 253.6 77.7Q262.6 77.9 271.6 78.2Q280.7 78.4 289.7 78.2Q298.7 78.1 307.7 77.5Q316.8 76.9 325.8 76.6Q334.8 76.2 343.9 76.6Q352.9 77.1 361.9 78.3Q371.0 79.5 380.0 80.9Q389.0 82.4 398.0 83.4Q407.0 84.4 416.0 85.0Q425.0 85.5 434.0 85.9Q443.0 86.3 452.0 86.7Q461.0 87.1 470.0 87.2Q479.0 87.3 488.0 86.7Q497.0 86.1 506.1 84.8Q515.2 83.5 524.3 82.1Q533.3 80.8 542.4 80.0Q551.5 79.3 560.5 79.3Q569.5 79.3 578.5 79.6Q587.6 79.8 596.6 79.8Q605.6 79.8 614.6 79.6Q623.7 79.3 632.7 79.2Q641.8 79.1 650.8 79.3Q659.8 79.4 668.8 79.4Q677.8 79.4 686.9 78.8Q696.1 78.1 705.2 76.9Q714.4 75.6 723.7 74.4Q732.9 73.2 742.0 72.7Q751.1 72.3 760.1 72.6Q769.1 72.9 778.0 73.6Q787.0 74.4 795.9 75.0L804.8 75.7' stroke-opacity='0.15'/%3E%3Cpath d='M-52.3 86.9Q-32.8 88.7 -23.2 88.9Q-13.6 89.0 -4.0 88.9Q5.6 88.7 15.1 88.5Q24.7 88.3 34.3 88.0Q43.8 87.6 53.3 86.7Q62.8 85.7 72.2 84.2Q81.6 82.6 91.1 81.0Q100.5 79.5 110.1 78.7Q119.6 77.8 129.3 77.9Q138.9 78.0 148.6 78.5Q158.3 78.9 168.0 79.2Q177.6 79.4 187.3 79.3Q196.9 79.1 206.5 79.1Q216.1 79.0 225.8 79.1Q235.4 79.3 245.1 79.4Q254.7 79.6 264.3 79.1Q274.0 78.7 283.6 77.8Q293.2 76.8 302.8 75.8Q312.4 74.9 322.1 74.7Q331.7 74.6 341.4 75.4Q351.1 76.2 360.7 77.4Q370.4 78.6 380.0 79.7Q389.6 80.8 399.3 81.7Q408.9 82.6 418.5 83.5Q428.1 84.5 437.7 85.7Q447.3 86.9 456.8 87.8Q466.4 88.8 476.0 88.9Q485.6 89.0 495.2 88.2Q504.9 87.4 514.5 86.3Q524.2 85.2 533.9 84.5Q543.5 83.9 553.2 83.8Q562.8 83.8 572.4 84.0Q582.0 84.2 591.6 84.1Q601.2 84.1 610.9 83.9Q620.5 83.7 630.1 83.8Q639.7 83.9 649.3 84.3Q658.9 84.7 668.5 84.9Q678.0 85.2 687.7 84.7Q697.4 84.2 707.2 82.8Q717.0 81.4 726.9 79.7Q736.7 78.1 746.6 76.9Q756.4 75.8 766.1 75.3Q775.8 74.9 785.5 74.7Q795.2 74.6 804.9 74.5L814.5 74.4' stroke-opacity='0.18'/%3E%3Cpath d='M-41.3 88.7Q-20.6 90.1 -10.2 90.6Q0.1 91.1 10.4 90.8Q20.6 90.5 30.7 89.3Q40.8 88.1 50.9 86.5Q61.0 85.0 71.1 83.9Q81.3 82.9 91.6 82.7Q101.8 82.5 112.2 82.7Q122.5 82.9 132.8 82.9Q143.1 82.9 153.4 82.6Q163.7 82.4 173.9 82.3Q184.2 82.1 194.5 82.3Q204.9 82.5 215.2 82.6Q225.5 82.8 235.8 82.3Q246.0 81.8 256.3 80.5Q266.5 79.1 276.8 77.5Q287.0 76.0 297.3 75.0Q307.6 74.0 318.0 74.0Q328.3 74.0 338.7 74.5Q349.0 75.0 359.3 75.6Q369.7 76.2 380.0 76.8Q390.3 77.4 400.6 78.4Q410.9 79.5 421.2 81.0Q431.5 82.6 441.8 84.1Q452.0 85.7 462.3 86.5Q472.5 87.3 482.8 87.1Q493.1 86.9 503.4 86.2Q513.8 85.5 524.1 85.0Q534.4 84.6 544.7 84.7Q555.0 84.7 565.2 85.0Q575.5 85.3 585.8 85.3Q596.1 85.4 606.4 85.4Q616.7 85.3 626.9 85.7Q637.2 86.1 647.4 87.0Q657.6 87.9 667.7 88.8Q677.9 89.6 688.2 89.7Q698.4 89.8 708.8 88.8Q719.2 87.9 729.7 86.3Q740.2 84.8 750.7 83.4Q761.3 82.0 771.7 81.0Q782.2 80.0 792.6 79.2L803.1 78.4' stroke-opacity='0.22'/%3E%3Cpath d='M-49.9 90.8Q-27.7 92.0 -16.7 91.5Q-5.8 91.0 5.1 89.9Q15.9 88.8 26.8 87.9Q37.8 87.0 48.8 86.9Q59.8 86.7 70.9 86.9Q81.9 87.2 93.0 87.2Q104.0 87.3 115.1 87.1Q126.1 87.0 137.1 86.9Q148.2 86.9 159.2 87.4Q170.3 87.8 181.4 88.3Q192.5 88.8 203.5 88.6Q214.5 88.4 225.4 87.0Q236.4 85.7 247.4 83.8Q258.3 81.9 269.3 80.2Q280.3 78.6 291.4 77.7Q302.4 76.9 313.5 76.5Q324.6 76.1 335.6 75.8Q346.7 75.6 357.8 75.4Q368.9 75.3 380.0 75.7Q391.1 76.2 402.2 77.6Q413.2 79.0 424.3 80.7Q435.3 82.5 446.3 83.7Q457.3 84.9 468.4 85.1Q479.4 85.3 490.5 84.8Q501.6 84.4 512.6 84.1Q523.7 83.7 534.8 83.8Q545.8 83.9 556.8 84.2Q567.9 84.4 578.9 84.4Q590.0 84.4 601.0 84.4Q612.1 84.4 623.1 84.9Q634.1 85.4 645.0 86.8Q655.9 88.2 666.7 89.9Q677.5 91.5 688.4 92.6Q699.3 93.7 710.3 93.6Q721.3 93.5 732.5 92.7Q743.6 91.8 754.8 90.8Q766.0 89.9 777.1 89.0Q788.3 88.1 799.5 87.1L810.7 86.0' stroke-opacity='0.25'/%3E%3Cpath d='M-59.5 90.5Q-36.0 89.3 -24.2 88.7Q-12.4 88.2 -0.5 88.3Q11.4 88.3 23.4 88.8Q35.3 89.3 47.2 89.6Q59.2 89.9 71.1 89.9Q83.0 90.0 94.9 90.3Q106.8 90.6 118.7 91.5Q130.7 92.4 142.7 93.5Q154.7 94.7 166.6 95.1Q178.5 95.6 190.3 94.8Q202.1 94.0 213.8 92.3Q225.6 90.6 237.4 88.8Q249.1 86.9 261.0 85.6Q272.8 84.3 284.7 83.2Q296.6 82.2 308.5 81.1Q320.4 79.9 332.3 78.9Q344.2 77.8 356.1 77.4Q368.1 77.1 380.0 77.9Q391.9 78.7 403.8 80.2Q415.8 81.8 427.7 83.1Q439.5 84.3 451.4 84.7Q463.3 85.0 475.3 84.7Q487.2 84.3 499.1 83.9Q511.0 83.4 523.0 83.3Q534.9 83.3 546.8 83.2Q558.7 83.2 570.7 82.8Q582.6 82.4 594.6 82.0Q606.5 81.5 618.4 81.8Q630.3 82.0 642.1 83.4Q653.9 84.8 665.5 87.0Q677.1 89.2 688.8 91.2Q700.4 93.2 712.1 94.2Q723.8 95.3 735.7 95.5Q747.5 95.7 759.3 95.7Q771.2 95.7 783.1 95.6Q794.9 95.5 806.9 94.9L818.9 94.3' stroke-opacity='0.29'/%3E%3Cpath d='M-45.1 85.9Q-19.1 87.1 -6.2 87.5Q6.8 88.0 19.7 88.2Q32.6 88.4 45.5 88.9Q58.4 89.4 71.5 90.7Q84.5 92.1 97.5 94.0Q110.6 95.9 123.6 97.4Q136.6 98.9 149.4 99.1Q162.2 99.3 175.0 98.4Q187.7 97.4 200.4 96.0Q213.1 94.6 225.9 93.4Q238.7 92.2 251.5 91.0Q264.3 89.8 277.1 88.2Q289.9 86.7 302.7 84.9Q315.5 83.1 328.4 81.9Q341.3 80.7 354.2 80.8Q367.1 80.9 380.0 82.0Q392.9 83.2 405.8 84.4Q418.6 85.7 431.5 86.1Q444.4 86.5 457.3 86.2Q470.2 85.8 483.1 85.3Q496.0 84.8 508.9 84.4Q521.8 84.1 534.7 83.6Q547.6 83.1 560.6 82.1Q573.6 81.1 586.6 79.8Q599.6 78.4 612.6 77.7Q625.6 77.0 638.4 77.7Q651.3 78.5 664.0 80.5Q676.7 82.5 689.2 84.8Q701.8 87.2 714.5 89.0Q727.1 90.8 739.7 92.1Q752.4 93.3 765.1 94.4Q777.7 95.5 790.4 96.6L803.0 97.6' stroke-opacity='0.34'/%3E%3Cpath d='M-54.8 83.7Q-26.7 83.6 -12.7 83.8Q1.4 84.1 15.6 85.5Q29.8 86.8 44.1 89.2Q58.5 91.7 72.7 94.1Q87.0 96.5 101.1 97.9Q115.2 99.3 129.2 99.4Q143.1 99.6 157.0 99.2Q170.9 98.8 184.8 98.3Q198.7 97.8 212.6 97.2Q226.5 96.5 240.4 95.1Q254.3 93.7 268.2 91.7Q282.1 89.6 296.0 87.8Q309.9 86.0 323.9 85.5Q337.9 84.9 352.0 85.6Q366.0 86.4 380.0 87.6Q394.0 88.7 408.0 89.3Q422.0 89.9 436.0 89.7Q450.0 89.6 464.0 89.2Q478.0 88.7 492.0 88.4Q506.0 88.1 520.0 87.5Q534.1 86.8 548.2 85.3Q562.3 83.8 576.5 81.6Q590.7 79.3 605.0 77.2Q619.2 75.2 633.4 74.6Q647.5 73.9 661.5 74.9Q675.4 75.9 689.3 77.7Q703.1 79.5 716.9 81.3Q730.7 83.1 744.5 84.7Q758.3 86.3 772.0 88.1Q785.7 89.9 799.3 91.9L813.0 94.0' stroke-opacity='0.38'/%3E%3Cpath d='M-34.7 82.2Q-3.4 86.4 12.4 89.2Q28.1 91.9 43.7 94.1Q59.2 96.3 74.7 97.5Q90.1 98.7 105.4 99.4Q120.7 100.1 136.1 100.8Q151.4 101.5 166.6 102.0Q181.9 102.4 197.1 101.8Q212.3 101.3 227.5 99.6Q242.6 97.9 257.8 95.9Q273.0 93.9 288.2 92.9Q303.5 91.9 318.8 92.3Q334.1 92.7 349.4 93.8Q364.7 94.9 380.0 95.7Q395.3 96.5 410.5 96.6Q425.8 96.8 441.1 96.7Q456.4 96.7 471.6 96.8Q486.9 97.0 502.2 96.8Q517.4 96.6 532.8 95.3Q548.2 93.9 563.7 91.2Q579.2 88.6 594.8 85.5Q610.4 82.4 626.0 80.3Q641.6 78.2 657.0 77.7Q672.5 77.2 687.8 77.7Q703.1 78.3 718.4 79.1Q733.6 79.9 748.9 80.9Q764.1 81.9 779.2 83.5L794.3 85.1' stroke-opacity='0.42'/%3E%3Cpath d='M-41.9 91.4Q-7.5 95.6 9.5 97.2Q26.6 98.7 43.6 100.1Q60.6 101.5 77.6 103.2Q94.6 104.9 111.6 106.6Q128.6 108.3 145.4 109.0Q162.2 109.7 178.9 108.8Q195.6 108.0 212.2 106.3Q228.9 104.6 245.6 103.4Q262.4 102.2 279.2 102.3Q296.0 102.5 312.8 103.5Q329.6 104.5 346.4 105.5Q363.2 106.4 380.0 106.9Q396.8 107.4 413.5 107.9Q430.3 108.4 447.0 109.3Q463.8 110.2 480.5 111.0Q497.2 111.8 513.9 111.5Q530.7 111.1 547.6 108.9Q564.5 106.7 581.6 103.4Q598.6 100.1 615.8 97.2Q632.9 94.2 649.9 92.4Q667.0 90.6 684.0 89.8Q701.0 89.0 718.0 88.5Q734.9 87.9 751.9 87.6Q768.8 87.3 785.6 87.8L802.5 88.4' stroke-opacity='0.46'/%3E%3Cpath d='M-49.9 103.2Q-12.2 105.4 6.8 107.3Q25.7 109.3 44.7 111.8Q63.7 114.3 82.5 116.1Q101.3 118.0 119.9 118.1Q138.5 118.3 157.0 117.1Q175.4 115.9 194.0 114.8Q212.5 113.6 231.1 113.6Q249.7 113.5 268.3 114.4Q287.0 115.3 305.6 116.3Q324.2 117.3 342.8 118.0Q361.4 118.6 380.0 119.5Q398.6 120.3 417.1 122.0Q435.6 123.6 454.1 125.8Q472.5 127.9 491.0 129.1Q509.4 130.3 528.0 129.5Q546.5 128.7 565.2 126.1Q583.9 123.6 602.7 120.7Q621.6 117.8 640.4 115.6Q659.2 113.4 678.1 111.8Q696.9 110.2 715.7 108.5Q734.6 106.9 753.6 105.2Q772.5 103.6 791.3 102.7L810.2 101.8' stroke-opacity='0.49'/%3E%3Cpath d='M-59.5 115.7Q-16.8 120.7 4.4 123.2Q25.6 125.6 46.6 126.6Q67.6 127.5 88.3 126.7Q109.1 126.0 129.8 124.8Q150.5 123.6 171.4 123.2Q192.2 122.9 213.1 123.5Q234.0 124.1 254.9 124.8Q275.8 125.6 296.6 126.1Q317.5 126.5 338.3 127.3Q359.2 128.0 380.0 130.1Q400.8 132.1 421.5 135.3Q442.2 138.5 462.8 141.4Q483.4 144.4 504.0 145.5Q524.7 146.6 545.4 145.7Q566.1 144.7 587.0 142.8Q607.9 140.9 628.8 139.2Q649.7 137.5 670.6 136.0Q691.5 134.5 712.6 132.6Q733.6 130.7 754.8 128.1Q776.1 125.6 797.3 123.5L818.5 121.4' stroke-opacity='0.52'/%3E%3Cpath d='M-22.6 136.7Q24.6 135.7 48.1 134.2Q71.6 132.8 95.2 131.9Q118.9 131.0 142.6 131.0Q166.3 131.0 190.1 131.1Q213.8 131.2 237.6 130.9Q261.3 130.6 285.0 130.5Q308.8 130.4 332.5 132.0Q356.3 133.6 380.0 137.1Q403.6 140.7 427.2 145.0Q450.7 149.3 474.1 152.4Q497.5 155.4 520.9 156.4Q544.4 157.4 567.9 157.0Q591.4 156.7 614.9 156.3Q638.5 155.9 662.0 155.4Q685.6 155.0 709.3 153.7Q733.0 152.4 756.9 149.8L780.9 147.2' stroke-opacity='0.55'/%3E%3Cpath d='M-31.3 146.4Q23.1 143.3 50.4 142.6Q77.8 141.8 105.2 141.0Q132.6 140.2 159.9 138.6Q187.3 136.9 214.7 135.1Q242.2 133.3 269.7 133.2Q297.3 133.1 324.9 135.8Q352.5 138.6 379.9 143.2Q407.4 147.8 434.7 152.2Q461.9 156.5 489.1 159.1Q516.2 161.7 543.4 163.1Q570.5 164.4 597.6 165.6Q624.7 166.8 651.8 168.0Q678.8 169.2 706.0 169.3Q733.1 169.5 760.6 167.7L788.0 165.9' stroke-opacity='0.58'/%3E%3Cpath d='M-41.4 165.6Q23.0 162.6 55.1 159.6Q87.2 156.6 119.3 152.5Q151.5 148.4 183.9 145.5Q216.4 142.5 249.1 142.9Q281.8 143.2 314.6 146.7Q347.4 150.1 379.9 154.5Q412.5 158.8 444.9 162.2Q477.3 165.5 509.5 167.9Q541.8 170.2 573.9 172.7Q606.0 175.2 637.9 178.1Q669.9 181.1 701.8 183.1Q733.7 185.1 765.9 184.7L798.1 184.3' stroke-opacity='0.60'/%3E%3Cpath d='M-53.7 200.3Q23.3 188.1 62.2 181.8Q101.1 175.6 140.7 172.3Q180.3 169.1 220.2 169.8Q260.2 170.4 300.2 173.2Q340.2 176.0 380.0 178.6Q419.7 181.2 459.4 183.2Q499.0 185.3 538.5 188.1Q577.9 190.9 617.0 195.0Q656.1 199.1 695.0 203.0Q733.9 206.8 773.0 208.1L812.1 209.3' stroke-opacity='0.61'/%3E%3Cpath d='M25.0 228.8Q125.8 222.5 176.6 222.4Q227.4 222.3 278.3 222.6Q329.2 222.9 380.0 223.0Q430.8 223.1 481.6 224.7Q532.3 226.2 582.6 230.4Q632.9 234.5 682.7 239.7L732.5 244.9' stroke-opacity='0.62'/%3E%3Cpath d='M31.8 316.5Q170.5 310.7 240.2 307.3Q310.0 303.9 380.0 302.3Q450.1 300.7 520.0 303.4Q589.9 306.1 659.0 312.0L728.0 317.8' stroke-opacity='0.62'/%3E%3C/g%3E%3C/svg%3E");
  color-scheme:light;
}
@media (max-width:719px){ :root{ --do-kopf-h:60px; } }
html{ background:var(--do-grund); -webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--do-kopf-h) + 16px); }
body{ margin:0; background:var(--do-grund); color:var(--do-tinte);
  font-family:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; line-height:1.6; }
.do-skip{ position:absolute; left:-9999px; top:0; z-index:1000; background:var(--do-akzent);
  color:#fff; padding:10px 16px; font-weight:700; border-radius:0 0 8px 0; }
.do-skip:focus{ left:0; }

/* Notfall-Leiste ganz oben: scrollt mit weg, die Nummern stehen dann im Menü */
.do-leiste{ background:var(--do-nacht-0); color:#DCEBE7; font-size:.9rem; border-bottom:1px solid rgba(127,231,214,.08); }
.do-leiste-innen{ max-width:1240px; margin:0 auto; padding:7px clamp(16px,4vw,40px); display:flex; flex-wrap:wrap;
  gap:4px 22px; align-items:center; }
.do-leiste a{ color:#DCEBE7; text-decoration:none; padding:4px 0; }
.do-leiste a strong{ color:#FFFFFF; font-variant-numeric:tabular-nums; }
.do-leiste a:hover{ text-decoration:underline; text-underline-offset:3px; }
.do-leiste-akut{ display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--do-krise-hell); }
.do-leiste-akut::before{ content:''; width:7px; height:7px; border-radius:50%; background:#FF8A5C; box-shadow:0 0 0 3px rgba(255,138,92,.2); flex:none; }
.do-leiste-hilfe{ margin-left:auto; font-weight:700; color:var(--do-mint) !important; }
.do-kurz{ display:none; }
@media (max-width:720px){ .do-leiste-weit, .do-lang{ display:none; } .do-kurz{ display:inline; } .do-leiste-innen{ gap:2px 16px; } }
/* Unter 430 px passt „Hotline“ nicht mehr neben „Soforthilfe →“; die Nummer bleibt. */
@media (max-width:430px){ .do-leiste{ font-size:.86rem; } .do-leiste .do-kurz{ display:none; } .do-leiste-innen{ gap:2px 12px; flex-wrap:nowrap; } .do-leiste-akut::before{ display:none; } }

/* Kopf (Redesign 13.10.2026): eine schlanke Glas-Leiste, die beim Scrollen
   oben stehen bleibt. So ist „Schnell verlassen“ auf jeder Seite immer
   erreichbar, auch am Handy ganz unten auf langen Seiten. Escape verlässt
   die Seite wie bisher überall. Breit: Menü als Dock in der Mitte.
   Darunter: Knopf „Menü“ mit einem Blatt (siehe .do-blatt). Ohne
   JavaScript bleibt das Dock stehen und lässt sich wischen. */
.do-kopf{ position:sticky; top:0; z-index:85; color:#F2FBF8;
  background:rgba(7,20,17,.94); -webkit-backdrop-filter:blur(16px) saturate(150%); backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid rgba(127,231,214,.1); transition:background-color .3s ease, box-shadow .3s ease; }
.do-kopf-klein .do-kopf{ background:rgba(5,15,13,.97); box-shadow:0 14px 32px -20px rgba(0,0,0,.7); }
.do-kopf-innen{ max-width:1240px; margin:0 auto; min-height:var(--do-kopf-h); padding:0 clamp(16px,4vw,40px); display:flex;
  align-items:center; gap:10px 20px; transition:min-height .35s var(--do-weich); }
.do-kopf-klein .do-kopf-innen{ min-height:calc(var(--do-kopf-h) - 10px); }
.do-marke{ display:flex; align-items:center; gap:10px; color:#FFFFFF; text-decoration:none; flex:none;
  font-family:'Fraunces',Georgia,serif; font-size:1.5rem; font-weight:600; letter-spacing:-.01em; }
.do-marke svg{ width:32px; height:32px; flex:none; }
.do-marke svg :is(circle,path){ stroke:var(--do-mint); }
.do-marke:hover svg{ filter:drop-shadow(0 0 8px rgba(63,224,197,.7)); }
.do-menue{ flex:1; min-width:0; display:flex; justify-content:center; }
.do-menue ul{ list-style:none; margin:0; padding:4px; display:flex; gap:2px; max-width:100%; position:relative;
  overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity;
  background:rgba(255,255,255,.04); border-radius:14px; box-shadow:inset 0 0 0 1px rgba(127,231,214,.1); }
.do-menue ul::-webkit-scrollbar{ display:none; }
.do-menue li{ flex:none; scroll-snap-align:start; }
.do-menue a{ position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:40px; padding:0 13px; border-radius:10px; color:#BFD5CF;
  text-decoration:none; font-size:.95rem; font-weight:600; letter-spacing:.01em; white-space:nowrap;
  transition:color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.do-menue a svg{ display:none; }
.do-menue a:hover{ color:#FFFFFF; }
.do-menue a[aria-current="page"]{ color:#FFFFFF; background:linear-gradient(180deg,rgba(22,128,122,.95) 0%,rgba(14,94,90,.95) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(127,231,214,.35), 0 0 22px -4px rgba(63,224,197,.5); }
.do-kopf .do-menue a:focus-visible{ outline:3px solid var(--do-mint); outline-offset:-3px; border-radius:10px; }
@media (prefers-reduced-motion:reduce){ .do-menue a, .do-menue a svg{ transition:none; } }
.do-kopf-aktionen{ display:flex; align-items:center; gap:8px; flex:none; margin-left:auto; }
.do-suchknopf{ display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 14px; border-radius:999px; color:#DCEBE7;
  background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(127,231,214,.16); text-decoration:none; font-weight:700; font-size:.92rem; flex:none;
  transition:box-shadow .2s ease, color .2s ease; }
.do-suchknopf svg{ width:19px; height:19px; }
.do-suchknopf:hover{ color:#FFFFFF; box-shadow:inset 0 0 0 1px rgba(127,231,214,.5); }
.do-suchknopf[aria-current="page"]{ box-shadow:inset 0 0 0 1.5px var(--do-mint); }
.do-menue-knopf{ display:none; align-items:center; gap:10px; min-height:44px; padding:0 16px; border:0; border-radius:999px; cursor:pointer;
  font:700 .92rem/1 'Atkinson Hyperlegible',system-ui,sans-serif; color:#FFFFFF; background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(127,231,214,.22); transition:box-shadow .2s ease; }
.do-menue-knopf:hover{ box-shadow:inset 0 0 0 1px rgba(127,231,214,.55); }
.do-menue-striche{ display:inline-flex; flex-direction:column; gap:5px; width:18px; }
.do-menue-striche i{ display:block; height:2px; border-radius:2px; background:currentColor; }
.do-menue-striche i:last-child{ width:12px; }
.do-weg{ display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px; color:var(--do-nacht-1); background:#FFFFFF;
  text-decoration:none; font-weight:700; font-size:.92rem; white-space:nowrap; flex:none; box-shadow:0 8px 20px -10px rgba(0,0,0,.6);
  transition:background-color .2s ease, color .2s ease; }
.do-weg:hover{ background:var(--do-krise-hell); color:#2B0F05; }
.do-weg-kurz{ display:none; }
.do-kopf a:focus-visible, .do-kopf button:focus-visible, .do-fuss a:focus-visible, .do-leiste a:focus-visible{ outline:3px solid var(--do-mint); outline-offset:2px; border-radius:8px; }
.do-leiste a:focus-visible, .do-fuss .do-fuss-krise a:focus-visible{ outline-color:#FFB59A; }
/* Bis 1360 px: Suche nur als Symbol, kurzer Verlassen-Text, damit das Dock passt */
@media (max-width:1359px){
  .do-suchknopf{ padding:0 12px; }
  .do-suchknopf span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .do-weg-lang{ display:none; } .do-weg-kurz{ display:inline; }
}
/* Mittlere Breiten: Menü hinter einem Knopf (nur mit JavaScript, sonst Dock) */
@media (max-width:1179px){
  .do-js .do-menue{ display:none; }
  .do-js .do-menue-knopf{ display:inline-flex; }
  html:not(.do-js) .do-kopf-innen{ flex-wrap:wrap; padding-block:10px; }
  html:not(.do-js) .do-menue{ order:3; flex-basis:100%; justify-content:flex-start; }
}
@media (max-width:719px){
  .do-kopf-innen{ gap:8px; }
  .do-marke{ font-size:1.3rem; gap:8px; }
  .do-marke svg{ width:28px; height:28px; }
  .do-suchknopf{ padding:0 12px; }
  .do-suchknopf span, .do-menue-knopf > span:last-child{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .do-menue-knopf{ padding:0 13px; }
  .do-weg{ padding:0 15px; font-size:.88rem; }
}
@media (max-width:440px){ .do-weg-lang{ display:none; } .do-weg-kurz{ display:inline; } .do-suchknopf{ display:none; } }
@media (max-width:370px){ .do-marke span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } }

/* Menü-Blatt (Tablet und Handy): kommt von rechts, Nummern unten.
   Escape verlässt wie überall die Seite; geschlossen wird mit „Schließen“
   oder einem Tipp daneben. */
html.do-blatt-offen{ overflow:hidden; }
.do-blatt{ position:fixed; inset:0; z-index:95; display:flex; background:rgba(2,8,7,.6);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); opacity:0; transition:opacity .3s ease; }
.do-blatt[hidden]{ display:none; }
.do-blatt.an{ opacity:1; }
.do-blatt-innen{ margin-left:auto; width:min(460px,100%); height:100%; overflow-y:auto; overscroll-behavior:contain; box-sizing:border-box;
  display:flex; flex-direction:column; gap:22px; color:#E6F2EE;
  padding:calc(12px + env(safe-area-inset-top,0px)) clamp(16px,4vw,24px) calc(24px + env(safe-area-inset-bottom,0px));
  background:radial-gradient(80% 40% at 100% 0%, rgba(63,224,197,.14), transparent 70%), linear-gradient(180deg,#0B1F1B 0%,#06120F 100%);
  box-shadow:-30px 0 70px -30px rgba(0,0,0,.8), inset 1px 0 0 rgba(127,231,214,.12);
  transform:translateX(28px); transition:transform .45s var(--do-raus); }
.do-blatt.an .do-blatt-innen{ transform:none; }
.do-blatt-kopf{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; }
/* Das Blatt deckt den Kopf zu: darum steht „Schnell verlassen“ hier noch einmal, ganz oben. */
.do-blatt-weg{ flex:none; }
.do-blatt-zu{ display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border:0; border-radius:999px; cursor:pointer;
  font:700 .92rem 'Atkinson Hyperlegible',system-ui,sans-serif; color:#FFFFFF; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(127,231,214,.22); }
.do-blatt-zu svg{ width:18px; height:18px; }
.do-blatt-haupt{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.do-blatt-haupt a{ display:flex; align-items:center; gap:14px; min-height:58px; padding:0 16px; border-radius:16px; color:#FFFFFF; text-decoration:none;
  font:600 1.18rem 'Fraunces',Georgia,serif; background:rgba(255,255,255,.04); box-shadow:inset 0 0 0 1px rgba(127,231,214,.1);
  transition:background-color .2s ease, box-shadow .2s ease; }
.do-blatt-haupt a svg{ width:22px; height:22px; flex:none; color:var(--do-mint); }
.do-blatt-haupt a:hover{ background:rgba(127,231,214,.1); box-shadow:inset 0 0 0 1px rgba(127,231,214,.4); }
.do-blatt-haupt a[aria-current="page"]{ background:linear-gradient(135deg,#16857E,#0E5E5A); box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(127,231,214,.35); }
.do-blatt-haupt a[aria-current="page"] svg{ color:#FFFFFF; }
.do-blatt-suche{ display:flex; align-items:center; gap:10px; min-height:52px; padding:0 16px; border-radius:16px; color:#DCEBE7; text-decoration:none; font-weight:700;
  background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(127,231,214,.16); }
.do-blatt-suche svg{ width:20px; height:20px; }
.do-blatt-gruppen{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 16px; }
.do-blatt-gruppen h2{ margin:0 0 4px; font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--do-mint); }
.do-blatt-gruppen ul{ list-style:none; margin:0; padding:0; }
.do-blatt-gruppen a{ display:block; padding:8px 0; color:#C9D8D4; text-decoration:none; }
.do-blatt-gruppen a:hover{ color:#FFFFFF; text-decoration:underline; }
.do-blatt-krise{ padding:16px 18px; border-radius:18px; background:rgba(180,56,15,.16); box-shadow:inset 0 0 0 1px rgba(255,138,92,.35);
  display:grid; gap:8px; }
.do-blatt-krise p{ margin:0; font-weight:700; color:#FFB59A; }
.do-blatt-krise a{ display:flex; justify-content:space-between; gap:12px; min-height:40px; align-items:center; color:#FFFFFF; text-decoration:none; }
.do-blatt-krise a span{ color:#E7C9BE; font-size:.88rem; text-align:right; }
.do-blatt-krise a strong{ font-variant-numeric:tabular-nums; font-size:1.1rem; white-space:nowrap; flex:none; }
.do-blatt :focus-visible{ outline:3px solid var(--do-mint); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ .do-blatt, .do-blatt-innen{ transition:none; } }
@media print{ .do-blatt, .do-menue-knopf{ display:none !important; } .do-kopf{ position:static; } }
.do-inhalt{ display:block; }
.do-inhalt .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Der Suchtkompass bringt einen festen „Schnell verlassen“-Knopf mit. Oben
   steht schon der im Kopf; ein zweiter Streifen darüber wirkte doppelt.
   Der feste Knopf erscheint deshalb erst, wenn der Kopf aus dem Bild
   gescrollt ist (rahmen.js setzt dann .do-kopf-weg), als kleine Pille oben
   rechts. Escape verlässt die Seite immer. */
body > .exit-bar{ left:auto; right:12px; top:calc(10px + env(safe-area-inset-top,0px)); padding:0; background:none; border:0;
  transition:opacity .2s ease, transform .2s ease, visibility .2s; }
body > .exit-bar .exit-btn{ box-shadow:0 6px 18px rgba(21,32,30,.18); }
body:not(.do-kopf-weg) > .exit-bar{ opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:none; }
/* Seit dem Redesign 13.10.2026 bleibt der Kopf beim Scrollen stehen. Der
   feste Knopf des Kompass bleibt darum versteckt (der im Kopf ist immer
   da), und sein Kontaktfenster öffnet unter dem Kopf statt dahinter. */
body > .contact-panel{ top:calc(var(--do-kopf-h,72px) + 12px); z-index:90; }
@media (prefers-reduced-motion:reduce){ body > .exit-bar{ transition:none; } }


/* DrugOff-Assistent (05.10.2026, assistent.js): geführter Chat, kein
   Sprachmodell. Gleicher Look wie das Menü-Dock. */
.da-start{ position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); z-index:70; display:inline-flex; align-items:center; gap:10px;
  min-height:48px; padding:0 18px 0 14px; border:0; border-radius:999px; cursor:pointer; font:700 .97rem/1 'Atkinson Hyperlegible',system-ui,sans-serif; color:#FFFFFF;
  background:linear-gradient(180deg,#1B3532,#10221F); box-shadow:inset 0 0 0 1px rgba(127,231,214,.3), 0 0 22px -4px rgba(63,224,197,.55), 0 12px 28px -10px rgba(9,63,61,.7); }
.da-start:hover{ box-shadow:inset 0 0 0 1px rgba(127,231,214,.6), 0 0 26px -2px rgba(63,224,197,.7), 0 12px 28px -10px rgba(9,63,61,.7); }
.da-start:focus-visible, .da-box button:focus-visible, .da-box a:focus-visible, .da-box input:focus-visible{ outline:3px solid #7FE7D6; outline-offset:2px; }
.da-punkt{ position:relative; width:10px; height:10px; border-radius:50%; background:#3FE0C5; box-shadow:0 0 10px #3FE0C5; }
/* Der Lichthof pulsiert über transform und opacity (Grafikkarte), nicht über
   box-shadow: Das hätte auf jeder Seite ständig neu gezeichnet. */
.da-punkt::after{ content:''; position:absolute; inset:-5px; border-radius:50%; background:rgba(63,224,197,.45); opacity:0; animation:da-hof 2.4s ease-out infinite; }
@keyframes da-hof{ from{ transform:scale(.4); opacity:.9; } to{ transform:scale(1.5); opacity:0; } }
@keyframes da-puls{ 50%{ transform:scale(.7); opacity:.5; } }
.da-links{ right:auto !important; left:16px; }
.da-box{ position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); z-index:71; width:min(390px,calc(100vw - 32px));
  height:min(620px,calc(100vh - 32px)); height:min(620px,calc(100dvh - 32px)); display:flex; flex-direction:column; overflow:hidden; color:#E6F2EE;
  font:15px/1.5 'Atkinson Hyperlegible',system-ui,sans-serif; border-radius:22px;
  background:radial-gradient(90% 60% at 100% 0%,rgba(63,224,197,.16),transparent 60%),linear-gradient(170deg,#17302C,#0B1816);
  box-shadow:inset 0 0 0 1px rgba(127,231,214,.18), 0 30px 60px -20px rgba(0,0,0,.55); }
.da-box[hidden]{ display:none; }
.da-kopf{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:16px 16px 8px 18px; }
.da-tag{ margin:0; font:500 .7rem ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; color:#7FE7D6; }
.da-kopf h2{ margin:2px 0 0; font:600 1.2rem/1.25 'Fraunces',Georgia,serif; color:#FFFFFF; }
.da-knoepfe{ display:flex; gap:6px; flex:none; }
.da-weg{ min-height:40px; padding:0 12px; border:1.5px solid rgba(255,255,255,.55); border-radius:12px; background:none; color:#FFFFFF; font:700 .82rem 'Atkinson Hyperlegible',system-ui,sans-serif; cursor:pointer; white-space:nowrap; }
.da-weg:hover{ background:#FFFFFF; color:#0B1816; }
.da-zu{ flex:none; width:40px; height:40px; border:0; border-radius:12px; background:rgba(255,255,255,.06); color:#E6F2EE; font-size:1rem; cursor:pointer; }
.da-zu:hover{ background:rgba(255,255,255,.12); }
.da-hinweis{ margin:0 16px 8px 18px; padding:8px 10px; border-radius:10px; font-size:.8rem; line-height:1.45; color:#B5C8C3; background:rgba(255,255,255,.04); box-shadow:inset 0 0 0 1px rgba(127,231,214,.12); }
.da-verlauf{ flex:1; overflow-y:auto; padding:8px 14px 12px; display:flex; flex-direction:column; gap:10px; scrollbar-width:thin; }
.da-msg{ max-width:92%; padding:10px 12px; border-radius:14px; }
.da-msg p{ margin:0 0 8px; } .da-msg p:last-child{ margin-bottom:0; }
.da-msg a{ color:#7FE7D6; }
.da-ich{ align-self:flex-end; background:linear-gradient(180deg,#16807A,#0E5E5A); color:#FFFFFF; border-bottom-right-radius:4px; }
.da-du{ align-self:flex-start; background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(127,231,214,.12); border-bottom-left-radius:4px; }
.da-krise{ box-shadow:inset 0 0 0 2px #FF8A6B; background:rgba(180,56,15,.22); }
.da-klein{ font-size:.82rem; color:#B5C8C3; }
.da-wege{ list-style:none; margin:4px 0 8px; padding:0; display:flex; flex-direction:column; gap:6px; }
.da-wege a{ display:flex; flex-direction:column; gap:1px; padding:9px 11px; border-radius:11px; text-decoration:none; color:#FFFFFF;
  background:rgba(127,231,214,.07); box-shadow:inset 0 0 0 1px rgba(127,231,214,.2); }
.da-wege a:hover{ box-shadow:inset 0 0 0 1px rgba(127,231,214,.6), 0 0 16px -6px rgba(63,224,197,.7); }
.da-wege strong{ font-size:.95rem; } .da-wege span{ font-size:.8rem; color:#B5C8C3; }
.da-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.da-chips button{ min-height:36px; padding:0 12px; border-radius:999px; border:0; cursor:pointer; font:600 .85rem 'Atkinson Hyperlegible',system-ui,sans-serif;
  color:#DFF8F3; background:rgba(127,231,214,.08); box-shadow:inset 0 0 0 1px rgba(127,231,214,.35); text-align:left; }
.da-chips button:hover{ background:rgba(127,231,214,.16); }
.da-link{ border:0; padding:0; background:none; color:#7FE7D6; font:inherit; text-decoration:underline; cursor:pointer; }
.da-nummern{ display:flex; flex-direction:column; gap:6px; margin:6px 0; }
.da-nummern a{ display:flex; align-items:center; min-height:42px; padding:0 12px; border-radius:11px; color:#FFFFFF !important; font-weight:700; text-decoration:none; background:rgba(255,255,255,.08); }
.da-nummern a.da-112{ background:#B4380F; }
.da-dots{ display:inline-flex; gap:5px; padding:4px 2px; } .da-dots i{ width:7px; height:7px; border-radius:50%; background:#7FE7D6; animation:da-puls 1s ease-in-out infinite; }
.da-dots i:nth-child(2){ animation-delay:.15s; } .da-dots i:nth-child(3){ animation-delay:.3s; }
.da-eingabe{ display:flex; gap:8px; padding:10px 12px 12px; border-top:1px solid rgba(127,231,214,.14); }
.da-eingabe input{ flex:1; min-width:0; min-height:46px; padding:0 14px; border-radius:12px; border:0; color:#FFFFFF; font:16px 'Atkinson Hyperlegible',system-ui,sans-serif;
  background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(127,231,214,.22); }
.da-eingabe input::placeholder{ color:#8FB3AB; }
.da-eingabe button{ flex:none; width:46px; height:46px; border:0; border-radius:12px; cursor:pointer; color:#0B1816; background:#3FE0C5; display:inline-flex; align-items:center; justify-content:center; }
.da-eingabe button svg{ width:20px; height:20px; }
.da-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:520px){
  .da-box{ right:8px; left:8px; bottom:calc(8px + env(safe-area-inset-bottom,0px)); width:auto; height:calc(100vh - 80px); height:calc(100dvh - 80px); }
  .da-links.da-box{ left:8px; }
  .da-start{ right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
  .da-start.da-links{ left:12px; }
}
@media (prefers-reduced-motion:reduce){ .da-punkt, .da-punkt::after, .da-dots i{ animation:none; } }
@media print{ .da-start, .da-box{ display:none !important; } }

/* Textseiten (Impressum, Datenschutz, 404 …) */
.do-textseite{ max-width:760px; margin:0 auto; padding:48px clamp(16px,4vw,32px) 64px; }
.do-textseite h1{ font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:2.1rem;
  line-height:1.2; margin:0 0 24px; letter-spacing:-.01em; text-wrap:balance; }
.do-textseite a{ color:var(--do-akzent); }
/* Einfache Textseiten (Über uns, Kontakt, Blog): Überschriften in derselben
   Schrift wie auf allen anderen Seiten, nicht in fettem Standard-Sans. */
.do-textseite h2, .do-textseite h3{ font-family:'Fraunces',Georgia,serif; font-weight:600; color:var(--do-tinte); line-height:1.25; }
.do-textseite h2{ font-size:1.45rem; margin:2rem 0 .6rem; }
.do-textseite h3{ font-size:1.15rem; margin:1.5rem 0 .4rem; }
.do-textseite h1 + h2{ font-family:inherit; font-weight:400; font-size:1.15rem; line-height:1.55; color:var(--do-leise); margin:.4rem 0 1.4rem; }
.do-textseite p{ margin:0 0 1rem; }
.do-textseite article{ background:var(--do-flaeche); border:1px solid var(--do-linie); border-radius:16px; padding:22px 24px; margin-top:24px; }
.do-textseite article h2{ margin-top:.2rem; }
.do-textseite article h2 a{ color:var(--do-tinte); text-decoration:none; }
.do-textseite article h2 a:hover{ color:var(--do-akzent); text-decoration:underline; }
.do-textseite small{ color:var(--do-leise); }
.do-hinweis{ border:2px solid var(--do-krise); background:#FBEDE6; border-radius:12px;
  padding:18px 20px; margin:0 0 24px; }
.do-hinweis strong{ color:#8A2C0B; }

/* Hilfe finden (19.10.2026): Übersicht und Landesseiten aus hilfe_web.py */
.do-hf .do-hinweis a{ color:#8A2C0B; font-weight:600; white-space:nowrap; }
.do-hf-sprung{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 8px; }
.do-hf-sprung a{ padding:6px 14px; border-radius:999px; border:1px solid var(--do-linie); background:var(--do-flaeche);
  color:var(--do-tinte) !important; text-decoration:none; font-size:.95rem; }
.do-hf-sprung a:hover{ border-color:var(--do-akzent); color:var(--do-akzent) !important; }
.do-hf h2[id]{ scroll-margin-top:96px; }
.do-hf article.do-hf-eintrag{ margin-top:16px; padding:18px 20px; }
.do-hf article.do-hf-eintrag h3{ margin:0 0 .4rem; overflow-wrap:anywhere; }
.do-hf article.do-hf-eintrag p{ margin:0 0 .6rem; }
.do-hf-marke{ display:inline-block; font-size:.85rem; font-weight:600; padding:2px 10px; border-radius:999px; }
.do-hf article p.do-hf-marke{ margin:0 0 .6rem; }
.do-hf-marke.ok{ background:#E3F4EF; color:#0E5E5A; }
.do-hf-marke.offen{ background:#FBEDE6; color:#8A2C0B; }
.do-hf-warn{ border-left:3px solid var(--do-krise); background:#FBEDE6; padding:8px 12px; border-radius:0 8px 8px 0; }
.do-hf-leise{ color:var(--do-leise); font-size:.92rem; }
.do-hf-bund{ display:inline-block; vertical-align:middle; margin-left:6px; font-family:inherit; font-size:.78rem; font-weight:600;
  padding:2px 8px; border-radius:999px; background:#E3F4EF; color:#0E5E5A; }
.do-hf dl{ display:grid; gap:4px; margin:.4rem 0 0; }
.do-hf dl > div{ display:grid; grid-template-columns:8.5em minmax(0,1fr); gap:12px; }
.do-hf dt{ color:var(--do-leise); font-size:.92rem; }
.do-hf dd{ margin:0; min-width:0; overflow-wrap:anywhere; }
.do-hf details{ margin-top:.6rem; font-size:.92rem; color:var(--do-leise); }
.do-hf details summary{ cursor:pointer; color:var(--do-akzent); }
.do-hf details p{ margin:.4rem 0 0; overflow-wrap:anywhere; }
.do-hf-laender{ list-style:none; padding:0; margin:0 0 1rem; display:grid; gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr)); }
.do-hf-laender a{ display:flex; flex-direction:column; gap:2px; height:100%; box-sizing:border-box; padding:12px 16px;
  border:1px solid var(--do-linie); border-radius:14px; background:var(--do-flaeche); text-decoration:none; color:var(--do-tinte) !important; }
.do-hf-laender a:hover{ border-color:var(--do-akzent); }
.do-sa-liste li{ margin-bottom:.7rem; }
.do-hf-laender span{ color:var(--do-leise); font-size:.88rem; font-variant-numeric:tabular-nums; }
@media (max-width:520px){ .do-hf dl > div{ grid-template-columns:1fr; gap:0; } }

/* Fuß (Redesign 13.10.2026): Marke, Nummern, Wegweiser, unten eine ruhige
   Lichtwelle wie im Logo. */
.do-fuss{ margin-top:0; position:relative; isolation:isolate; overflow:hidden; color:var(--do-nacht-text);
  background:radial-gradient(60% 50% at 85% 0%, rgba(63,224,197,.10), transparent 70%), linear-gradient(180deg,var(--do-nacht-1) 0%,var(--do-nacht-0) 100%); }
.do-fuss-innen{ position:relative; z-index:1; max-width:1240px; margin:0 auto; padding:clamp(48px,6vw,80px) clamp(16px,4vw,40px) clamp(120px,14vw,190px); display:grid; gap:36px; }
.do-fuss-oben{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:20px 40px; }
.do-fuss-marke{ display:inline-flex; align-items:center; gap:12px; color:#FFFFFF; text-decoration:none;
  font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:clamp(1.9rem,3.4vw,2.6rem); letter-spacing:-.02em; }
.do-fuss-marke svg{ width:clamp(36px,4vw,48px); height:clamp(36px,4vw,48px); }
.do-fuss-marke svg :is(circle,path){ stroke:var(--do-mint); }
.do-fuss-claim{ margin:0; max-width:30em; font-size:1.05rem; color:#BFD5CF; }
.do-nw{ white-space:nowrap; }
.do-fuss-krise{ display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; font-size:.95rem; }
.do-fuss-krise > span{ display:inline-flex; align-items:baseline; gap:8px; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px rgba(127,231,214,.12); }
.do-fuss-krise strong{ color:#fff; font-size:1.05rem; font-variant-numeric:tabular-nums; }
.do-fuss-krise a{ color:#fff; text-decoration:none; }
.do-fuss-krise a:hover{ text-decoration:underline; }
.do-fuss-gruppen{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:28px 24px; padding-top:32px; border-top:1px solid rgba(127,231,214,.12); }
.do-fuss h2{ font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; color:var(--do-mint);
  margin:0 0 10px; font-weight:700; }
.do-fuss ul{ list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.do-fuss ul a{ display:inline-block; padding:6px 0; color:var(--do-nacht-text); text-decoration:none; background:linear-gradient(currentColor,currentColor) no-repeat 0 85%/0 1px;
  transition:color .2s ease, background-size .35s var(--do-weich); }
.do-fuss ul a:hover{ color:#fff; background-size:100% 1px; }
.do-fuss-klein{ font-size:.88rem; color:#9FB4AF; max-width:70ch; margin:0; }
.do-fuss-welle{ position:absolute; left:0; right:0; bottom:0; width:100%; height:clamp(90px,12vw,170px); z-index:0; pointer-events:none; color:var(--do-mint); }
.do-fuss-welle path{ fill:none; stroke:currentColor; }
.do-fuss-welle .a{ stroke-width:1.5; stroke-opacity:.4; } .do-fuss-welle .b{ stroke-width:1; stroke-opacity:.2; } .do-fuss-welle .c{ stroke-width:1; stroke-opacity:.1; }
/* Lichtstreif auf der Welle: ein schmales Fenster (12 % breit, weiche Kanten)
   gleitet nach rechts, die helle Kopie der Welle darin gleitet gleich weit
   zurück und steht so still. Beides nur transform: Die Grafikkarte bewegt
   es, nichts wird neu gezeichnet. Vorher lief stroke-dashoffset; das zeichnete
   in jedem Bild neu (gemessen 13.10.2026). */
.do-fuss-licht{ position:absolute; left:0; bottom:0; width:12%; height:clamp(90px,12vw,170px); z-index:0; overflow:hidden; pointer-events:none; opacity:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent); mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent); }
.do-fuss-licht > div{ position:absolute; left:0; top:0; width:833.3333%; height:100%; }
.do-fuss-licht svg{ display:block; width:100%; height:100%; }
.do-fuss-licht path{ fill:none; stroke:#B9F5EA; stroke-width:2.2; stroke-linecap:round; }
@media (prefers-reduced-motion:no-preference){
  .do-fuss-licht{ opacity:1; animation:do-fenster 7s cubic-bezier(.45,.05,.55,.95) infinite; }
  .do-fuss-licht > div{ animation:do-gegen 7s cubic-bezier(.45,.05,.55,.95) infinite; }
  @keyframes do-fenster{ from{ transform:translateX(-100%); } to{ transform:translateX(833.3333%); } }
  @keyframes do-gegen{ from{ transform:translateX(12%); } to{ transform:translateX(-100%); } }
}
@media print{ .do-fuss-welle, .do-fuss-licht{ display:none; } }
/* Bereiche mit data-do-anim: Ist der Bereich nicht im Bild, setzt rahmen.js
   .do-ruht und alle Dauer-Animationen darin stehen still (spart Rechenzeit
   und Akku). Ohne JavaScript laufen sie einfach. */
.do-ruht, .do-ruht *, .do-ruht::before, .do-ruht::after, .do-ruht *::before, .do-ruht *::after{ animation-play-state:paused !important; }
@media (prefers-reduced-motion:reduce){ *{ scroll-behavior:auto !important; } .do-weg{ transition:none; } }
/* Offline-Kasten (02.10.2026) */
.do-offline{ max-width:760px; margin:24px auto; padding:20px 22px; background:#FFFFFF; border:1px solid var(--do-linie); border-radius:18px;
  display:flex; flex-direction:column; gap:8px; box-sizing:border-box; }
.do-inhalt > .do-offline, .do-textseite .do-offline{ margin-left:clamp(16px,4vw,32px); margin-right:clamp(16px,4vw,32px); }
@media (min-width:824px){ .do-inhalt > .do-offline{ margin-left:auto; margin-right:auto; } }
.do-offline h2{ margin:0; font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:1.3rem; color:var(--do-tinte); }
.do-offline p{ margin:0; color:var(--do-leise); font-size:.95rem; }
.do-offline .do-offline-hinweis{ font-size:.88rem; }
.do-offline .do-offline-tipp{ font-size:.85rem; }
.do-offline-zeile{ display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin-top:4px; }
.do-offline-knopf, .do-offline-weg{ min-height:44px; padding:0 18px; border-radius:999px; font:inherit; font-weight:700; cursor:pointer; }
.do-offline-knopf{ background:var(--do-akzent); color:#FFFFFF; border:0; }
.do-offline-weg{ background:#FFFFFF; color:var(--do-tinte); border:1.5px solid var(--do-linie); }
.do-offline .do-offline-status{ color:var(--do-tinte); font-weight:700; }
.do-offline[data-zustand="an"]{ border-color:var(--do-akzent); }
/* Future-System (07.10.2026, Simon: „die ganze Website soll futuristisch
   aussehen“). Eine Handschrift für alle Seiten, abgeleitet aus Dock,
   Arbeitsblättern und Startseite: Petrol-Nacht, Punktraster, Mint-Leuchten.
   - Hintergrund: feines Raster und ein Schimmer oben, nur hinter dem Inhalt.
   - .do-held: dunkler Kopfbereich für jeden Baustein. Er setzt die Farb-
     Variablen der Bausteine (--paper, --gold, --mist …) für seinen Inhalt
     um, darum passen Chips, Knöpfe und Texte darin von selbst. Die
     !important-Regeln sind nötig, weil die Bausteine mit #id stylen.
   - Textseiten: Überschrift als dunkles Band, Zwischenüberschriften mit
     Leuchtstrich.
   - Kopf und Fuß: Leuchtlinie, Raster im Fuß. */
.do-inhalt{ position:relative; isolation:isolate; }
.do-inhalt::before{ content:''; position:absolute; left:0; right:0; top:0; height:640px; z-index:-1; pointer-events:none;
  background:radial-gradient(55% 90% at 88% 0%, rgba(63,224,197,.13), rgba(63,224,197,0) 70%),
    radial-gradient(rgba(14,94,90,.13) 1px, transparent 1.3px) 0 0/22px 22px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%); mask-image:linear-gradient(180deg,#000 0%,transparent 100%); }
.do-kopf{ overflow:hidden; }
.do-kopf::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(63,224,197,.45) 50%,transparent 100%); }
/* Wandernder Lichtpunkt auf der Linie: nur transform, damit die Grafikkarte
   ihn bewegt. Vorher wanderte background-position; das kostete auf einem
   langsamen Handy rund ein Viertel der Rechenzeit (gemessen 13.10.2026). */
.do-kopf::before{ content:''; position:absolute; left:0; bottom:0; width:40%; height:1px; z-index:1; pointer-events:none; opacity:0;
  background:linear-gradient(90deg,transparent,rgba(127,231,214,.95),transparent); }

.do-held{ position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; gap:.85rem; min-width:0;
  padding:clamp(1.3rem,3vw,1.9rem) clamp(1.1rem,3vw,1.8rem); border-radius:22px; color:#C9D8D4; text-align:left;
  background:radial-gradient(110% 150% at 100% 0%, rgba(63,224,197,.16) 0%, rgba(63,224,197,0) 52%), linear-gradient(165deg,var(--do-nacht-2) 0%,var(--do-nacht-1) 55%,var(--do-nacht-0) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(127,231,214,.10), 0 18px 40px -26px rgba(4,12,10,.75);
  --paper:#FFFFFF; --gold:#7FE7D6; --gold-dim:rgba(127,231,214,.6); --mist:#C9D8D4; --mist-dim:#9FC3BC;
  --panel:rgba(255,255,255,.05); --panel-2:rgba(255,255,255,.07); --line:rgba(127,231,214,.24); --ink-2:rgba(255,255,255,.05); }
.do-held::before{ content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background:var(--do-welle-band) right -40px bottom -18px/min(760px,130%) auto no-repeat;
  -webkit-mask-image:linear-gradient(100deg,transparent 18%,#000 72%); mask-image:linear-gradient(100deg,transparent 18%,#000 72%); }
.do-held::after{ content:''; position:absolute; z-index:-1; width:340px; height:340px; right:-120px; top:-170px; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(63,224,197,.28), rgba(63,224,197,0) 65%); }
.do-held > *{ margin:0 !important; position:relative; }
.do-held :is(h1,h2){ color:#FFFFFF !important; text-wrap:balance; hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; }
.do-held :is(p,.lead,.stage-lead,.ws-lead){ color:#C9D8D4 !important; }
.do-held :is(.eyebrow,.ws-eyebrow){ color:#7FE7D6 !important; }
.do-held a{ color:#7FE7D6 !important; }
.do-held :focus-visible{ outline-color:#7FE7D6 !important; }

.do-textseite > h1{ position:relative; isolation:isolate; overflow:hidden; color:#FFFFFF; text-wrap:balance;
  hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word;
  padding:clamp(1.3rem,3vw,1.8rem) clamp(1.1rem,3vw,1.7rem); border-radius:22px;
  background:radial-gradient(90% 160% at 100% 0%, rgba(63,224,197,.16) 0%, rgba(63,224,197,0) 58%),
    linear-gradient(165deg,var(--do-nacht-2) 0%,var(--do-nacht-1) 55%,var(--do-nacht-0) 100%);
  box-shadow:inset 0 0 0 1px rgba(127,231,214,.10), 0 18px 40px -26px rgba(4,12,10,.75); }
.do-textseite > h1::before{ content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.45;
  background:var(--do-welle-band) right -60px bottom -30px/min(680px,140%) auto no-repeat;
  -webkit-mask-image:linear-gradient(100deg,transparent 25%,#000 80%); mask-image:linear-gradient(100deg,transparent 25%,#000 80%); }
.do-textseite > h1::after{ content:''; display:block; width:56px; height:3px; margin-top:.7rem; border-radius:3px;
  background:linear-gradient(90deg,#3FE0C5,#7FE7D6); box-shadow:0 0 12px rgba(63,224,197,.7); }
.do-textseite h2:not(h1 + h2){ position:relative; padding-left:16px; }
.do-textseite h2:not(h1 + h2)::before{ content:''; position:absolute; left:0; top:.2em; bottom:.2em; width:3px; border-radius:3px;
  background:linear-gradient(180deg,#3FE0C5,#0E5E5A); }
.do-textseite article h2{ padding-left:0 !important; }
.do-textseite article h2::before{ display:none; }
.do-textseite article{ position:relative; overflow:hidden; }
.do-textseite article::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,#3FE0C5,#0E5E5A); }

.do-fuss{ position:relative; isolation:isolate; overflow:hidden; }
.do-fuss::before{ content:''; position:absolute; left:0; right:0; top:0; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(63,224,197,.85) 50%,transparent 100%); box-shadow:0 0 18px 1px rgba(63,224,197,.45); }
.do-fuss::after{ content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(50% 120% at 50% 0%, rgba(63,224,197,.10), rgba(63,224,197,0) 70%),
    radial-gradient(rgba(127,231,214,.07) 1px, transparent 1.2px) 0 0/22px 22px; }
@media (prefers-reduced-motion:no-preference){
  .do-held::after{ animation:do-glimm 9s ease-in-out infinite alternate; }
  @keyframes do-glimm{ from{ transform:translate(0,0) scale(1); opacity:.8; } to{ transform:translate(-40px,30px) scale(1.15); opacity:1; } }
  .do-kopf::before{ opacity:1; animation:do-linie 7s linear infinite; }
  @keyframes do-linie{ from{ transform:translateX(-100%); } to{ transform:translateX(250%); } }
}
@media print{
  .do-inhalt::before, .do-fuss::before, .do-fuss::after, .do-kopf::before, .do-kopf::after, .do-held::before, .do-held::after{ display:none !important; }
  .do-held{ background:none !important; box-shadow:none !important; border:1px solid #D6DDDA; }
  .do-held :is(h1,h2,p,.lead,.stage-lead,.ws-lead){ color:#15201E !important; }
  .do-textseite > h1{ background:none; color:#15201E; box-shadow:none; padding:0; }
  .do-textseite > h1::before{ display:none; }
  /* Kopf, Notfall-Leiste und Fuß sind dunkel: auf Papier hell mit dunkler
     Schrift, ohne Menü, Suche und „Schnell verlassen“ (auf Papier sinnlos).
     Die Notfallnummern bleiben stehen. */
  .do-leiste, .do-kopf, .do-fuss{ background:none !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  .do-leiste, .do-leiste *, .do-kopf, .do-kopf *, .do-fuss, .do-fuss *{ color:#15201E !important; text-shadow:none !important; }
  .do-leiste{ border-bottom:1px solid #D6DDDA; }
  .do-menue, .do-kopf-aktionen, .do-fuss-gruppen, .do-fuss-welle{ display:none !important; }
  .do-marke svg :is(circle,path){ stroke:#0E5E5A !important; }
  .do-fuss{ border-top:1px solid #D6DDDA; }
  .do-fuss-krise a{ background:none !important; border:1px solid #D6DDDA !important; }
  .do-held, .do-offline, .do-fuss-oben{ break-inside:avoid; }
}
/* Bewegung für alle Seiten (02.10.2026): Der Inhalt gleitet beim Laden
   sanft herein, Textseiten Absatz für Absatz. Nur beim Laden, nie beim
   Scrollen: scroll-gesteuerte Animationen haben im Test Inhalte
   unsichtbar gelassen (wissen/arbeitslog.md, Etappe 1). */
@media (prefers-reduced-motion:no-preference){
  @keyframes do-seite-auf{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
  .do-inhalt > *{ animation:do-seite-auf .5s cubic-bezier(.2,.7,.2,1) both; }
  .do-textseite > *{ animation:do-seite-auf .5s cubic-bezier(.2,.7,.2,1) both; }
  .do-textseite > :nth-child(2){ animation-delay:.05s; } .do-textseite > :nth-child(3){ animation-delay:.1s; }
  .do-textseite > :nth-child(4){ animation-delay:.15s; } .do-textseite > :nth-child(n+5){ animation-delay:.2s; }
  .do-fuss-krise a, .do-leiste a{ transition:opacity .2s ease; }
  .do-weg:active{ transform:scale(.96); }
  /* Karten beim Scrollen (rahmen.js setzt die Klassen nur bei Bedarf) */
  .do-zeige{ opacity:0; transform:translateY(22px) scale(.985); }
  .do-zeige.do-da{ opacity:1; transform:none; transition:opacity .75s cubic-bezier(.2,.7,.2,1) var(--do-v,0ms), transform .75s cubic-bezier(.2,.7,.2,1) var(--do-v,0ms); }
  /* Seitenwechsel: Kopf und Dock bleiben stehen, der Inhalt blendet über */
  @view-transition{ navigation:auto; }
  .do-leiste{ view-transition-name:do-leiste; } .do-kopf{ view-transition-name:do-kopf; }
  ::view-transition-old(root){ animation:do-vt-raus .2s ease both; }
  ::view-transition-new(root){ animation:do-vt-rein .38s cubic-bezier(.2,.7,.2,1) both; }
  @keyframes do-vt-raus{ to{ opacity:0; transform:translateY(-6px); } }
  @keyframes do-vt-rein{ from{ opacity:0; transform:translateY(10px); } }
  /* Fortschrittslinie oben, nur wo der Browser Scroll-Zeitachsen kennt */
  @supports (animation-timeline: scroll()){
    body::after{ content:''; position:fixed; left:0; right:0; top:0; height:3px; z-index:90; pointer-events:none; transform-origin:0 50%;
      background:linear-gradient(90deg,#0E5E5A,#3FE0C5); box-shadow:0 0 10px rgba(63,224,197,.6);
      animation:do-fortschritt linear both; animation-timeline:scroll(root); }
    @keyframes do-fortschritt{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
  }
  /* Menü-Dock: gleitendes Lichtfeld */
  .do-menue ul{ position:relative; }
  .do-menue-licht{ position:absolute; left:0; top:0; z-index:0; border-radius:11px; pointer-events:none; opacity:0; scroll-snap-align:none;
    background:rgba(127,231,214,.1); box-shadow:inset 0 0 0 1px rgba(127,231,214,.28), 0 0 18px -4px rgba(63,224,197,.5);
    transition:transform .32s cubic-bezier(.3,.8,.25,1), width .32s cubic-bezier(.3,.8,.25,1), opacity .2s ease; }
  .do-menue-licht.an{ opacity:1; }
  .do-menue li a{ position:relative; z-index:1; }
  .do-menue a:hover{ background:transparent; }
  /* Assistent öffnet mit Schwung, Nachrichten gleiten herein */
  .da-box:not([hidden]){ animation:da-auf .3s cubic-bezier(.2,.8,.2,1) both; transform-origin:100% 100%; }
  .da-links.da-box:not([hidden]){ transform-origin:0 100%; }
  @keyframes da-auf{ from{ opacity:0; transform:translateY(14px) scale(.96); } }
  .da-msg{ animation:da-msg .34s cubic-bezier(.2,.8,.2,1) both; }
  @keyframes da-msg{ from{ opacity:0; transform:translateY(8px); } }
  .da-start{ transition:transform .2s ease, box-shadow .2s ease; } .da-start:hover{ transform:translateY(-2px); } .da-start:active{ transform:scale(.97); }
}
@media (prefers-reduced-motion:reduce){ @view-transition{ navigation:none; } }
@media print{ .do-zeige{ opacity:1 !important; transform:none !important; } body::after{ display:none !important; } }