@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-vietnamese-600-normal-Ipewt4hn.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-600-normal-BppAn7jL.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-ext-600-normal-CN5JKkBm.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-600-normal-DF26P3Q7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-vietnamese-700-normal-BLYPkJbo.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-700-normal-CHrFuVHU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-ext-700-normal-fBkt-7fi.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-700-normal-BXpPFNFj.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-vietnamese-800-normal-RJtJa6zl.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-800-normal-DJ4hCX8l.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-ext-800-normal-BimIDUhy.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-800-normal-CkoBqIJM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#f5f2ea;--papier-karte:#fdfbf6;--tinte:#22262e;--tinte-sanft:#4d5460;--tinte-leise:#7c8494;--linie:#ddd6c6;--linie-stark:#22262e;--akzent:#2563ac;--akzent-dunkel:#1c4d87;--gold:#c9a227;--gruen:#3f8f34;--rot:#c94f2e;--schrift-display:"Bricolage Grotesque", sans-serif;--schrift-text:"IBM Plex Sans", sans-serif;--schrift-mono:"IBM Plex Mono", monospace;--radius:10px;--schatten:0 1px 2px #22262e0f, 0 4px 16px #22262e12;--schatten-hoch:0 2px 4px #22262e14, 0 12px 32px #22262e24}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--schrift-text);color:var(--tinte);background-color:var(--papier);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#2563ac0b 1px,#0000 1px),linear-gradient(90deg,#2563ac0b 1px,#0000 1px);background-size:28px 28px;line-height:1.65}.app{flex-direction:column;min-height:100dvh;display:flex}.kopf{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--linie-stark);background:#f5f2eae0;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.logo{color:var(--tinte);align-items:center;gap:.7rem;text-decoration:none;display:flex}.logo-zeichen{font-family:var(--schrift-mono);letter-spacing:.05em;background:var(--tinte);color:var(--papier);border-radius:6px;padding:.35rem .55rem;font-size:.95rem;font-weight:600}.logo-text{font-family:var(--schrift-display);flex-direction:column;font-size:1.05rem;font-weight:700;line-height:1.15;display:flex}.logo-text em{font-family:var(--schrift-text);color:var(--tinte-leise);font-size:.72rem;font-style:normal;font-weight:400}.nav{gap:.25rem;display:flex}@media (width<=1180px){.nav{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.nav::-webkit-scrollbar{display:none}.nav a,.nav .nav-suche{white-space:nowrap;flex-shrink:0}}.nav a{color:var(--tinte-sanft);border:1.5px solid #0000;border-radius:999px;padding:.45rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .15s}.nav a:hover{color:var(--tinte);border-color:var(--linie);background:var(--papier-karte)}.nav a.active{color:var(--akzent-dunkel);border-color:var(--akzent);background:#2563ac12}.inhalt{flex-direction:column;flex:1;gap:clamp(2rem,5vw,3.2rem);width:min(1080px,100% - 2rem);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 4rem;display:flex}.fuss{border-top:2px solid var(--linie-stark);color:var(--tinte-leise);padding:1.2rem clamp(1rem,4vw,2.5rem);font-size:.85rem}.fuss-mono{font-family:var(--schrift-mono);color:var(--gold)}h1{font-family:var(--schrift-display);letter-spacing:-.015em;font-size:clamp(1.9rem,5vw,2.9rem);font-weight:800;line-height:1.1}.abschnitt-titel{font-family:var(--schrift-display);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:700;display:flex}.abschnitt-titel:before{content:"";background:var(--gold);border-radius:2px;flex-shrink:0;width:1.6rem;height:3px}.fliesstext{max-width:68ch;color:var(--tinte-sanft);margin-bottom:.9rem}.fliesstext:last-child{margin-bottom:0}.seiten-kopf{flex-direction:column;gap:.7rem;display:flex}.seiten-intro{max-width:68ch;color:var(--tinte-sanft);font-size:1.05rem}.brotkrumen{font-family:var(--schrift-mono);color:var(--tinte-leise);margin-bottom:-1rem;font-size:.8rem}.brotkrumen a{color:var(--akzent);text-decoration:none}.brotkrumen a:hover{text-decoration:underline}.btn{font-family:var(--schrift-text);border:2px solid var(--linie-stark);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn--primaer{background:var(--tinte);color:var(--papier);box-shadow:3px 3px 0 var(--gold)}.btn--primaer:hover{box-shadow:5px 5px 0 var(--gold);transform:translate(-1px,-1px)}.btn--primaer:active{box-shadow:1px 1px 0 var(--gold);transform:translate(1px,1px)}.btn--sekundaer{background:var(--papier-karte);color:var(--tinte)}.btn--sekundaer:hover{background:var(--papier);transform:translateY(-1px)}.btn--gross{padding:.75rem 1.5rem;font-size:1.05rem}.hero{flex-direction:column;gap:1.1rem;padding-top:clamp(.5rem,3vw,2rem);animation:.5s both aufblenden;display:flex}.hero-ueberzeile{font-family:var(--schrift-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--akzent);font-size:.85rem}.hero-mark{white-space:nowrap;position:relative}.hero-mark:after{content:"";background:var(--gold);opacity:.45;z-index:-1;border-radius:2px;width:104%;height:.32em;position:absolute;bottom:.08em;left:-2%}.hero-text{max-width:58ch;color:var(--tinte-sanft);font-size:1.1rem}.hero-aktionen{flex-wrap:wrap;gap:.8rem;margin-top:.4rem;display:flex}.themen-raster{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.thema-karte{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:var(--radius);color:var(--tinte);animation:.5s both aufblenden;animation-delay:var(--verzoegerung,0s);flex-direction:column;gap:.35rem;padding:1.3rem 1.4rem 1.1rem;text-decoration:none;display:flex;position:relative}.thema-karte h3{font-family:var(--schrift-display);font-size:1.15rem;font-weight:700}.thema-karte p{color:var(--tinte-leise);font-size:.88rem}.thema-symbol{font-size:1.5rem}.thema-status{font-family:var(--schrift-mono);border:1.5px dashed var(--linie);color:var(--tinte-leise);border-radius:999px;align-self:flex-start;margin-top:.7rem;padding:.2rem .6rem;font-size:.75rem}.thema-karte--aktiv{border:2px solid var(--linie-stark);box-shadow:var(--schatten);transition:transform .15s,box-shadow .15s}.thema-karte--aktiv:hover{box-shadow:var(--schatten-hoch);transform:translateY(-3px)}.thema-status--offen{border:1.5px solid var(--akzent);color:var(--akzent-dunkel);background:#2563ac12}.fortschritt-box{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:var(--radius);flex-direction:column;align-self:flex-start;gap:.4rem;max-width:600px;padding:.8rem 1.1rem;display:flex}.fortschritt-titel{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--tinte-leise);font-size:.68rem;font-weight:600}.fortschritt-liste{flex-direction:column;display:flex}.fortschritt-eintrag{color:var(--tinte);border-radius:6px;grid-template-columns:minmax(150px,1fr) 110px auto auto;align-items:center;gap:.8rem;margin:0 -.4rem;padding:.35rem .4rem;text-decoration:none;transition:background .12s;display:grid}.fortschritt-eintrag:hover{background:var(--papier)}.fortschritt-eintrag:hover .fortschritt-weiter{opacity:1;transform:translate(0)}.fortschritt-name{font-size:.85rem;font-weight:500}.fortschritt-balken{background:var(--papier);border:1px solid var(--linie);border-radius:999px;height:7px;overflow:hidden}.fortschritt-balken>div,.fortschritt-balken>span{background:linear-gradient(90deg, var(--akzent), var(--gruen));border-radius:999px;height:100%;transition:width .6s;display:block}.quiz-uebersicht-stand{font-family:var(--schrift-mono);color:var(--tinte-leise);font-size:.85rem}.quiz-uebersicht-bereich{margin-top:2.2rem}.quiz-uebersicht-raster{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;margin-top:1rem;display:grid}.quiz-karte{background:var(--papier-karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);cursor:pointer;text-align:left;font:inherit;color:inherit;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 1.1rem;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.quiz-karte:hover{box-shadow:var(--schatten-hoch);border-color:var(--akzent);transform:translateY(-2px)}.quiz-karte-titel{font-weight:600;line-height:1.3}.quiz-karte-meta{font-family:var(--schrift-mono);color:var(--tinte-leise);font-size:.75rem}.quiz-karte-stand{width:100%;font-family:var(--schrift-mono);grid-template-columns:1fr auto;align-items:center;gap:.6rem;font-size:.78rem;font-weight:600;display:grid}.quiz-karte-stand--leer{color:var(--tinte-leise);font-weight:400;display:block}.fortschritt-wert{font-family:var(--schrift-mono);font-size:.78rem;font-weight:600}.fortschritt-weiter{font-family:var(--schrift-mono);color:var(--akzent);opacity:0;justify-self:end;font-size:.75rem;transition:all .15s;transform:translate(-4px)}.osi-stack{flex-direction:column;gap:.45rem;max-width:780px;display:flex}.osi-layer{background:var(--papier-karte);border:1.5px solid var(--linie);border-left:8px solid var(--layer-farbe);color:var(--tinte);box-shadow:var(--schatten);animation:.45s both einschieben;animation-delay:calc(var(--reihe,0) * 60ms);border-radius:8px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:.75rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.osi-layer:hover{border-color:var(--layer-farbe);box-shadow:var(--schatten-hoch);transform:translate(6px)}.osi-layer:hover .osi-layer-pfeil{opacity:1;transform:translate(0)}.osi-layer-nr{font-family:var(--schrift-mono);background:var(--layer-farbe);color:#fff;border-radius:7px;place-items:center;width:2.2rem;height:2.2rem;font-size:1.15rem;font-weight:600;display:grid}.osi-layer-text{flex-direction:column;min-width:0;display:flex}.osi-layer-name{font-family:var(--schrift-display);font-size:1.02rem;font-weight:700}.osi-layer-kurz{color:var(--tinte-leise);font-size:.82rem}.osi-layer-pdu{font-family:var(--schrift-mono);color:var(--layer-farbe);white-space:nowrap;border:1.5px solid;border-radius:999px;padding:.15rem .55rem;font-size:.72rem}.osi-layer-pfeil{opacity:0;color:var(--layer-farbe);font-weight:700;transition:all .15s;transform:translate(-6px)}.osi-stack--kompakt{gap:.3rem}.osi-stack--kompakt .osi-layer{box-shadow:none;gap:.6rem;padding:.45rem .7rem}.osi-stack--kompakt .osi-layer-nr{width:1.6rem;height:1.6rem;font-size:.85rem}.osi-stack--kompakt .osi-layer-name{font-size:.85rem;font-family:var(--schrift-text);font-weight:500}.osi-layer--aktiv{border-color:var(--layer-farbe);background:color-mix(in srgb, var(--layer-farbe) 10%, var(--papier-karte));outline:2px solid var(--layer-farbe);outline-offset:1px}.artikel-raster{grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.artikel-haupt{flex-direction:column;gap:clamp(2rem,5vw,3rem);min-width:0;display:flex}.artikel-toc{background:var(--papier-karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);max-height:calc(100vh - 8rem);padding:1rem 1.15rem 1.1rem;position:sticky;top:6.5rem;overflow-y:auto}.artikel-toc nav{flex-direction:column;gap:.35rem;display:flex}.artikel-toc a{color:var(--tinte-leise);font-size:.84rem;line-height:1.4;text-decoration:none;transition:color .12s}.artikel-toc a:hover{color:var(--akzent-dunkel);text-decoration:underline}.artikel-abschnitt{flex-direction:column;gap:1rem;max-width:820px;scroll-margin-top:5rem;display:flex}.punkt-liste{flex-direction:column;gap:.45rem;max-width:68ch;list-style:none;display:flex}.punkt-liste li{color:var(--tinte-sanft);padding-left:1.5rem;position:relative}.punkt-liste li:before{content:"▸";color:var(--gold);font-weight:700;position:absolute;left:.2rem}.merke{border:1.5px solid #2563ac59;border-left:6px solid var(--akzent);background:#2563ac0f;border-radius:8px;max-width:68ch;padding:.9rem 1.2rem}.merke-label{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--akzent-dunkel);font-size:.72rem;font-weight:600}.merke p{color:var(--tinte);margin-top:.2rem;font-weight:500}.merkpunkte{background:var(--papier-karte);border:2px solid var(--linie-stark);border-radius:var(--radius);box-shadow:3px 3px 0 color-mix(in srgb, var(--gold) 45%, transparent);padding:1.1rem 1.3rem}.merkpunkte-titel{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.12em;color:#8a6f14;font-size:.72rem;font-weight:600}.merkpunkte ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.45rem 1.5rem;margin-top:.6rem;list-style:none;display:grid}.merkpunkte li{color:var(--tinte-sanft);padding-left:1.4rem;font-size:.93rem;position:relative}.merkpunkte li:before{content:"✓";color:var(--gruen);font-weight:700;position:absolute;left:0}.artikel-abschnitt .abschnitt-titel,.artikel-abschnitt .fliesstext{margin-bottom:0}.illustration{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:clamp(.8rem,2.5vw,1.4rem)}.illustration svg{width:100%;height:auto;display:block}.illustration figcaption{border-top:1px dashed var(--linie);color:var(--tinte-leise);text-align:center;margin-top:.6rem;padding-top:.6rem;font-size:.85rem}.ablauf{background:var(--papier-karte);border:2px solid var(--linie-stark);border-radius:var(--radius);box-shadow:var(--schatten);flex-direction:column;gap:.9rem;padding:1.1rem 1.3rem 1.3rem;display:flex}.ablauf-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.ablauf-titel{font-family:var(--schrift-display);font-size:1.05rem;font-weight:700}.ablauf-schrittzahl{font-family:var(--schrift-mono);color:var(--tinte-leise);font-size:.75rem}.ablauf-akteure{justify-content:space-between;gap:1rem;display:flex}.ablauf-akteur{font-family:var(--schrift-mono);background:var(--tinte);color:var(--papier);border-radius:6px;padding:.3rem .8rem;font-size:.78rem;font-weight:600}.ablauf-schritte{flex-direction:column;gap:.7rem;display:flex}.ablauf-schritt{animation:.3s both aufblenden}.ablauf-schritt:not(.ablauf-schritt--aktuell){opacity:.55}.ablauf-pfeil{border-bottom:2px solid var(--akzent);justify-content:center;padding-bottom:.35rem;display:flex;position:relative}.ablauf-pfeil:after{content:"";border:5px solid #0000;position:absolute;bottom:-6px}.ablauf-pfeil--rechts:after{border-left-color:var(--akzent);border-right-width:0;right:-2px}.ablauf-pfeil--links:after{border-right-color:var(--akzent);border-left-width:0;left:-2px}.ablauf-label{font-family:var(--schrift-mono);color:var(--akzent-dunkel);background:var(--papier-karte);padding:0 .5rem;font-size:.8rem;font-weight:600}.ablauf-beschreibung{background:var(--papier);border:1.5px solid var(--linie);color:var(--tinte-sanft);border-radius:8px;margin-top:.5rem;padding:.7rem .9rem;font-size:.92rem}.ablauf-fazit{background:color-mix(in srgb, var(--gold) 9%, var(--papier-karte));border-left:5px solid var(--gold);color:var(--tinte-sanft);border-radius:6px;padding:.7rem .9rem;font-size:.92rem}.ablauf-steuerung{flex-wrap:wrap;gap:.6rem;display:flex}.rechner{background:var(--papier-karte);border:2px solid var(--linie-stark);border-radius:var(--radius);box-shadow:var(--schatten);flex-direction:column;gap:1rem;padding:1.2rem 1.3rem;display:flex}.rechner-eingaben{flex-wrap:wrap;gap:1.5rem;display:flex}.rechner-feld{flex-direction:column;gap:.3rem;display:flex}.rechner-feld>span{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tinte-leise);font-size:.72rem;font-weight:600}.rechner-feld input[type=text]{font-family:var(--schrift-mono);background:var(--papier);border:2px solid var(--linie-stark);width:200px;color:var(--tinte);border-radius:8px;outline:none;padding:.5rem .8rem;font-size:1rem}.rechner-feld input[type=text]:focus{box-shadow:2px 2px 0 var(--gold)}.rechner-feld--regler{flex:1;min-width:220px}.rechner-feld input[type=range]{accent-color:var(--akzent);margin-top:.55rem}.rechner-fehler{color:#a33d20;font-size:.92rem}.rechner-formel{font-family:var(--schrift-mono);color:var(--tinte-leise);border-top:1px dashed var(--linie);padding-top:.6rem;font-size:.78rem}.rechner-reset{align-self:flex-end}.rechner-feld select{font-family:var(--schrift-mono);background:var(--papier);border:2px solid var(--linie-stark);color:var(--tinte);border-radius:8px;padding:.55rem .6rem;font-size:.9rem}.rechner-eingabe--aktiv{box-shadow:2px 2px 0 var(--gold)}.rechner-basis-tag{font-family:var(--schrift-mono);vertical-align:super;color:var(--akzent);margin:0 .35rem 0 .15rem;font-size:.68rem}.rechner-bits{font-family:var(--schrift-mono);flex-wrap:wrap;gap:1px;font-size:.8rem;display:flex}.bit{color:#fff;border-radius:3px;place-items:center;width:1.15rem;height:1.5rem;display:grid}.bit--netz{background:var(--akzent)}.bit--host{background:var(--gold);color:var(--tinte)}.bit--oktett{margin-right:7px}.rechner-bits-legende{color:var(--tinte-sanft);flex-wrap:wrap;gap:1.3rem;font-size:.8rem;display:flex}.bit-punkt{vertical-align:-1px;border-radius:3px;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.bit-punkt--netz{background:var(--akzent)}.bit-punkt--host{background:var(--gold)}.rechner-ergebnisse{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;display:grid}.rechner-ergebnisse>div{background:var(--papier);border:1.5px solid var(--linie);border-radius:8px;padding:.55rem .8rem}.rechner-ergebnisse dt{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte-leise);font-size:.66rem;font-weight:600}.rechner-ergebnisse dd{font-family:var(--schrift-mono);font-size:.95rem;font-weight:600}.nav-pruefung{border:1.5px solid var(--gold)!important;color:#8a6f14!important}.nav-pruefung.active,.nav-pruefung:hover{background:color-mix(in srgb, var(--gold) 12%, var(--papier-karte))!important;color:var(--tinte)!important}.pruefung-banner{background:color-mix(in srgb, var(--gold) 8%, var(--papier-karte));border:2px solid var(--gold);border-radius:var(--radius);color:var(--tinte);box-shadow:3px 3px 0 color-mix(in srgb, var(--gold) 40%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.3rem;text-decoration:none;transition:transform .13s,box-shadow .13s;display:grid}.pruefung-banner:hover{box-shadow:5px 5px 0 color-mix(in srgb, var(--gold) 40%, transparent);transform:translate(-1px,-1px)}.pruefung-banner-symbol{font-size:1.8rem}.pruefung-banner-text{flex-direction:column;gap:.1rem;display:flex}.pruefung-banner-text strong{font-family:var(--schrift-display);font-size:1.08rem}.pruefung-banner-text span{color:var(--tinte-sanft);font-size:.88rem}.sim-auswertung{flex-direction:column;gap:.35rem;display:flex}.sim-bereich{color:var(--tinte);border-radius:8px;grid-template-columns:minmax(140px,200px) 1fr auto auto;align-items:center;gap:.8rem;margin:0 -.6rem;padding:.45rem .6rem;text-decoration:none;transition:background .12s;display:grid}.sim-bereich:hover{background:var(--papier)}.sim-bereich-name{font-size:.9rem;font-weight:500}.sim-bereich-tipp{font-family:var(--schrift-mono);color:#2d6b25;white-space:nowrap;font-size:.75rem}.sim-bereich-tipp--warn{color:#a33d20;font-weight:600}@media (width<=640px){.sim-bereich{grid-template-columns:1fr auto auto}.sim-bereich .fortschritt-balken{order:4;grid-column:1/-1}}.praxis-liste{flex-direction:column;gap:.7rem;display:flex}.praxis-szenario{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:var(--radius);overflow:hidden}.praxis-szenario--offen{border:2px solid var(--linie-stark);box-shadow:var(--schatten)}.praxis-kopf{cursor:pointer;text-align:left;width:100%;font-family:var(--schrift-text);color:var(--tinte);background:0 0;border:none;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:grid}.praxis-kopf:hover{background:var(--papier)}.praxis-kopf-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.praxis-kopf-text strong{font-family:var(--schrift-display);font-size:1.05rem}.praxis-kopf-text span{color:var(--tinte-leise);font-size:.82rem}.praxis-pfeil{color:var(--tinte-leise);font-size:.9rem}.praxis-inhalt{flex-direction:column;gap:1rem;padding:0 1.2rem 1.2rem;display:flex}.praxis-kontext{border-left:5px solid var(--akzent);color:var(--tinte-sanft);background:#2563ac0f;border-radius:6px;padding:.8rem 1rem;font-size:.95rem}.praxis-schritte{counter-reset:schritt;flex-direction:column;gap:.55rem;list-style:none;display:flex}.praxis-schritte>li{border-bottom:1px dashed var(--linie);padding-bottom:.55rem}.praxis-schritt-zeile{cursor:pointer;align-items:flex-start;gap:.7rem;display:flex}.praxis-schritt-zeile input{width:1.15rem;height:1.15rem;accent-color:var(--gruen);cursor:pointer;flex-shrink:0;margin-top:.2rem}.praxis-schritt--erledigt .praxis-schritt-zeile span{color:var(--tinte-leise);-webkit-text-decoration:line-through #3f8f3480;text-decoration:line-through #3f8f3480}.praxis-hinweis-bereich{margin:.35rem 0 0 1.85rem}.praxis-hinweis-knopf{cursor:pointer;font-family:var(--schrift-mono);color:#8a6f14;background:0 0;border:none;padding:0;font-size:.78rem}.praxis-hinweis-knopf:hover{text-decoration:underline}.praxis-hinweis{background:color-mix(in srgb, var(--gold) 9%, var(--papier-karte));border-left:4px solid var(--gold);color:var(--tinte-sanft);font-size:.88rem;font-family:var(--schrift-mono);border-radius:6px;margin-top:.4rem;padding:.6rem .9rem}.fg-anweisung{color:var(--tinte-leise);font-size:.9rem;font-style:italic}.fg-bewertung{flex-wrap:wrap;gap:.6rem;display:flex}.fg-wiederholung{flex-direction:column;gap:.7rem;display:flex}.fg-wiederholung-eintrag{background:var(--papier);border:1.5px solid var(--linie);border-left:5px solid var(--rot);border-radius:8px;padding:.8rem 1rem}.fg-wiederholung-eintrag strong{margin-bottom:.3rem;display:block}.fg-wiederholung-eintrag p{color:var(--tinte-sanft);font-size:.9rem}.unterthemen-liste{flex-direction:column;gap:.6rem;max-width:820px;display:flex}.unterthema{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:var(--radius);color:var(--tinte);animation:.45s both aufblenden;animation-delay:var(--verzoegerung,0s);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.85rem 1.1rem;text-decoration:none;display:grid}.unterthema--aktiv{border:2px solid var(--linie-stark);box-shadow:var(--schatten);transition:transform .13s,box-shadow .13s}.unterthema--aktiv:hover{box-shadow:var(--schatten-hoch);transform:translate(5px)}.unterthema--aktiv:hover .unterthema-pfeil{color:var(--akzent);transform:translate(3px)}.unterthema-symbol{background:var(--papier);border:1.5px solid var(--linie);border-radius:8px;place-items:center;width:2.4rem;height:2.4rem;font-size:1.35rem;display:grid}.unterthema-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.unterthema-text strong{font-family:var(--schrift-display);font-size:1.02rem;font-weight:700}.unterthema-text span{color:var(--tinte-leise);font-size:.86rem}.unterthema-pfeil{color:var(--tinte-leise);font-weight:700;transition:all .13s}.geraet-layer-tag{font-family:var(--schrift-mono);color:var(--tinte-sanft);white-space:nowrap;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}@media (width<=720px){.geraet-layer-tag{display:none}}.unterthema-status{font-family:var(--schrift-mono);border:1.5px dashed var(--linie);color:var(--tinte-leise);white-space:nowrap;border-radius:999px;padding:.18rem .6rem;font-size:.72rem}.unterthema:not(.unterthema--aktiv){opacity:.75}.osi-erkunden{--osi-bar:64px;--osi-luecke:5px;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);align-items:start;gap:clamp(1.2rem,3vw,2rem);display:grid}.osi-turm-bereich{grid-template-columns:auto 1fr;column-gap:.7rem;display:grid}.osi-gruppen{gap:var(--osi-luecke);flex-direction:column;display:flex}.osi-gruppe{writing-mode:vertical-rl;font-family:var(--schrift-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;place-items:center;padding:.4rem .25rem;font-size:.68rem;font-weight:600;display:grid;transform:rotate(180deg)}.osi-gruppe--anwendung{height:calc(3 * var(--osi-bar) + 2 * var(--osi-luecke));color:#a33d20;background:#c94f2e17;border:1.5px dashed #c94f2e66}.osi-gruppe--transport{height:calc(4 * var(--osi-bar) + 3 * var(--osi-luecke));color:var(--akzent-dunkel);background:#2563ac14;border:1.5px dashed #2563ac66}.osi-turm{gap:var(--osi-luecke);flex-direction:column;display:flex}.osi-turm-layer{height:var(--osi-bar);background:var(--layer-farbe);color:#fff;box-shadow:var(--schatten);border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:0 1.1rem;text-decoration:none;transition:transform .13s,filter .13s,box-shadow .13s;display:grid}.osi-turm-layer:hover,.osi-turm-layer--aktiv{filter:brightness(1.07)saturate(1.05);box-shadow:var(--schatten-hoch);transform:translate(5px)}.osi-turm-nr{font-family:var(--schrift-mono);background:#ffffff2e;border:1px solid #ffffff40;border-radius:6px;place-items:center;width:2.1rem;height:2.1rem;font-size:1.15rem;font-weight:600;display:grid}.osi-turm-name{font-family:var(--schrift-display);flex-direction:column;min-width:0;font-size:1.05rem;font-weight:700;line-height:1.15;display:flex}.osi-turm-name em{font-family:var(--schrift-mono);letter-spacing:.05em;opacity:.75;font-size:.66rem;font-style:normal;font-weight:400}.osi-turm-pdu{font-family:var(--schrift-mono);white-space:nowrap;background:#ffffff1f;border:1.5px solid #ffffff73;border-radius:999px;padding:.18rem .6rem;font-size:.74rem}.osi-richtungen{font-family:var(--schrift-mono);color:var(--tinte-leise);grid-column:2;justify-content:space-between;gap:1rem;margin-top:.55rem;font-size:.72rem;display:flex}.osi-vorschau{background:var(--papier-karte);border:2px solid var(--linie-stark);border-top:8px solid var(--layer-farbe);border-radius:var(--radius);box-shadow:var(--schatten);flex-direction:column;gap:.85rem;padding:1.25rem 1.4rem 1.4rem;animation:.2s both aufblenden;display:flex;position:sticky;top:5rem}.osi-vorschau h3{font-family:var(--schrift-display);font-size:1.35rem;font-weight:700;line-height:1.15}.osi-vorschau-ueberzeile{font-family:var(--schrift-mono);letter-spacing:.05em;color:var(--tinte-sanft);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.osi-vorschau-kurz{color:var(--tinte-sanft);font-size:.95rem}.osi-vorschau-fakt{border-top:1px dashed var(--linie);flex-direction:column;gap:.35rem;padding-top:.7rem;display:flex}.osi-vorschau-fakt>span{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tinte-leise);font-size:.68rem;font-weight:600}.osi-vorschau-fakt strong{color:var(--tinte);font-size:.92rem;font-weight:500}.osi-vorschau .btn{align-self:flex-start;margin-top:.3rem}.chip--klein{padding:.18rem .55rem;font-size:.72rem}.merksatz-satz{flex-wrap:wrap;gap:.5rem;display:flex}.merksatz-wort{font-family:var(--schrift-display);background:var(--papier-karte);border:1.5px solid var(--linie);border-top:5px solid var(--layer-farbe);box-shadow:var(--schatten);border-radius:8px;flex-direction:column;gap:.1rem;padding:.5rem .8rem .4rem;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;display:flex}.merksatz-wort em{font-family:var(--schrift-mono);color:var(--tinte-leise);font-size:.68rem;font-style:normal;font-weight:400}.layer-seite{flex-direction:column;gap:2rem;display:flex}.layer-raster{grid-template-columns:1fr 240px;align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.layer-haupt{flex-direction:column;gap:2rem;min-width:0;display:flex}.layer-seitenleiste{position:sticky;top:5rem}.seitenleiste-titel{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tinte-leise);margin-bottom:.6rem;font-size:.78rem}.layer-ueberzeile{font-family:var(--schrift-mono);letter-spacing:.06em;color:var(--tinte-sanft);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.layer-punkt{background:var(--layer-farbe,var(--akzent));border-radius:3px;width:.8rem;height:.8rem;display:inline-block}.layer-verweis{color:var(--tinte-sanft);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.layer-verweis:hover{color:var(--tinte);text-decoration:underline}.layer-fakten{flex-wrap:wrap;gap:1rem;display:flex}.fakt{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:8px;flex-direction:column;gap:.15rem;padding:.7rem 1.1rem;display:flex}.fakt-label{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tinte-leise);font-size:.7rem}.fakt-wert{font-weight:600}.chip-liste{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.chip{font-family:var(--schrift-mono);background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:999px;padding:.3rem .75rem;font-size:.82rem}.chip--klickbar{cursor:pointer;color:var(--tinte-sanft);transition:all .12s}.chip--klickbar:hover{border-color:var(--tinte);color:var(--tinte)}.chip--aktiv{background:var(--tinte);border-color:var(--tinte);color:var(--papier)}.komponenten-liste{flex-wrap:wrap;gap:.6rem;display:flex}.komponente{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:8px;align-items:center;gap:.6rem;padding:.55rem 1rem;font-weight:500;display:inline-flex}.komponente--link{border:2px solid var(--akzent);color:var(--akzent-dunkel);text-decoration:none;transition:transform .12s,box-shadow .12s;box-shadow:2px 2px #2563ac40}.komponente--link:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #2563ac40}.komponente-hinweis{font-family:var(--schrift-mono);color:var(--akzent);font-size:.72rem}.pruefungstipp{background:color-mix(in srgb, var(--gold) 9%, var(--papier-karte));border:1.5px solid color-mix(in srgb, var(--gold) 45%, var(--papier-karte));border-left:6px solid var(--gold);border-radius:8px;max-width:68ch;padding:1rem 1.3rem 1rem 1.5rem;position:relative}.pruefungstipp-label{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.12em;color:#8a6f14;font-size:.72rem;font-weight:600}.pruefungstipp p{color:var(--tinte-sanft);margin-top:.25rem}.layer-navigation{flex-wrap:wrap;justify-content:space-between;gap:.8rem;display:flex}.begriff{display:inline-block;position:relative}.begriff-link{color:var(--akzent-dunkel);border-bottom:2px dotted var(--akzent);cursor:help;text-decoration:none}.begriff-link:hover{background:#2563ac17}.begriff-tooltip{background:var(--tinte);width:min(300px,78vw);color:var(--papier);box-shadow:var(--schatten-hoch);opacity:0;visibility:hidden;z-index:40;pointer-events:none;border-radius:8px;padding:.7rem .9rem;font-size:.83rem;line-height:1.5;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.begriff-tooltip:after{content:"";border:7px solid #0000;border-top-color:var(--tinte);position:absolute;top:100%;left:50%;transform:translate(-50%)}.begriff-tooltip strong{font-family:var(--schrift-display);color:var(--gold);margin-bottom:.15rem;display:block}.begriff-tooltip em{font-style:normal;font-family:var(--schrift-mono);opacity:.7;margin-top:.35rem;font-size:.7rem;display:block}.begriff:hover .begriff-tooltip,.begriff-link:focus-visible+.begriff-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.geraete-ansicht,.geraete-seitenspalte{flex-direction:column;gap:1rem;display:flex}.geraete-ansicht--hoch{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:1.3rem;display:grid}.geraete-ansicht--hoch .geraete-seitenspalte{position:sticky;top:5rem}.geraete-ansicht--hoch .hotspot-legende{flex-direction:column;align-items:stretch}.geraete-ansicht--hoch .hotspot-chip{border-radius:10px;padding:.45rem .9rem .45rem .45rem}@media (width<=860px){.geraete-ansicht--hoch{grid-template-columns:1fr}.geraete-ansicht--hoch .geraete-seitenspalte{position:static}.geraete-ansicht--hoch .hotspot-legende{flex-flow:wrap}}.geraete-bild{background:var(--papier-karte);border:2px solid var(--linie-stark);border-radius:var(--radius);box-shadow:var(--schatten);padding:clamp(.8rem,3vw,2rem);position:relative}.geraete-bild-innen{position:relative}.geraete-bild .switch-svg,.geraete-bild img{width:100%;height:auto;display:block}.hotspot{cursor:pointer;background:#2563ac00;border:2px dashed #c9a227d9;border-radius:6px;transition:background .15s,border-color .15s;position:absolute}.hotspot:hover{background:#c9a22724;border-style:solid}.hotspot--aktiv{border:2.5px solid var(--gold);background:#c9a2272e;box-shadow:0 0 0 4px #c9a22740}.hotspot-nr{width:22px;height:22px;font-family:var(--schrift-mono);background:var(--gold);color:var(--tinte);border:2px solid var(--papier-karte);border-radius:50%;place-items:center;font-size:.72rem;font-weight:600;animation:2.2s ease-in-out infinite pulsieren;display:grid;position:absolute;top:-11px;left:-11px}.hotspot--aktiv .hotspot-nr{background:var(--tinte);color:var(--gold);animation:none}.hotspot-legende{flex-wrap:wrap;gap:.5rem;display:flex}.hotspot-chip{font-family:var(--schrift-text);background:var(--papier-karte);border:1.5px solid var(--linie);cursor:pointer;color:var(--tinte-sanft);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .4rem;font-size:.88rem;font-weight:500;transition:all .12s;display:inline-flex}.hotspot-chip:hover{border-color:var(--gold);color:var(--tinte)}.hotspot-chip--aktiv{border:2px solid var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--papier-karte));color:var(--tinte)}.hotspot-chip-nr{width:22px;height:22px;font-family:var(--schrift-mono);background:var(--gold);color:var(--tinte);border-radius:50%;flex-shrink:0;place-items:center;font-size:.72rem;font-weight:600;display:inline-grid}.hotspot-info{background:var(--papier-karte);border:1.5px solid var(--linie);border-left:6px solid var(--gold);border-radius:8px;max-width:75ch;padding:1.1rem 1.3rem;animation:.25s both aufblenden}.hotspot-info h3{font-family:var(--schrift-display);align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:1.05rem;display:flex}.hotspot-info p{color:var(--tinte-sanft)}.hotspot-hinweis{color:var(--tinte-leise);font-size:.92rem;font-style:italic}.steckbrief{border:1.5px solid var(--linie);border-radius:var(--radius);background:var(--papier-karte);flex-direction:column;max-width:820px;display:flex;overflow:hidden}.steckbrief-zeile{grid-template-columns:minmax(140px,220px) 1fr;gap:1rem;padding:.7rem 1.1rem;display:grid}.steckbrief-zeile:nth-child(odd){background:color-mix(in srgb, var(--papier) 55%, var(--papier-karte))}.steckbrief dt{font-family:var(--schrift-mono);color:var(--tinte-leise);text-transform:uppercase;letter-spacing:.05em;align-self:center;font-size:.8rem;font-weight:600}.steckbrief dd{color:var(--tinte-sanft)}.tabelle-rahmen{border:1.5px solid var(--linie);border-radius:var(--radius);background:var(--papier-karte);overflow-x:auto}.vergleich-tabelle{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}.vergleich-tabelle th,.vergleich-tabelle td{text-align:left;border-bottom:1px solid var(--linie);padding:.65rem 1rem}.vergleich-tabelle thead th{font-family:var(--schrift-display);background:var(--tinte);color:var(--papier);font-size:.95rem}.vergleich-tabelle tbody th{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--tinte-leise);font-size:.78rem;font-weight:600}.vergleich-tabelle tbody tr:last-child th,.vergleich-tabelle tbody tr:last-child td{border-bottom:none}.vergleich-tabelle td{color:var(--tinte-sanft)}.quiz{background:var(--papier-karte);border:2px solid var(--linie-stark);border-radius:var(--radius);box-shadow:5px 5px 0 color-mix(in srgb, var(--akzent) 30%, transparent);flex-direction:column;gap:1rem;padding:clamp(1.2rem,3vw,2rem);scroll-margin-top:5rem;display:flex}.quiz-kopf{flex-direction:column;gap:.4rem;display:flex}.quiz-kopfzeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.quiz-zaehler{font-family:var(--schrift-mono);border:1.5px solid var(--linie);background:var(--papier);color:var(--tinte-sanft);border-radius:999px;padding:.22rem .75rem;font-size:.8rem;font-weight:600}.quiz-zaehler--gut{border-color:var(--gruen);color:#2d6b25;background:color-mix(in srgb, var(--gruen) 9%, var(--papier))}.quiz-zaehler--schwach{border-color:var(--rot);color:#a33d20;background:color-mix(in srgb, var(--rot) 8%, var(--papier))}.quiz-kopf h2{font-family:var(--schrift-display);font-size:1.35rem}.quiz-badge{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--akzent-dunkel);border:1.5px solid var(--akzent);background:#2563ac17;border-radius:999px;align-self:flex-start;padding:.2rem .7rem;font-size:.72rem;font-weight:600}.quiz-intro{color:var(--tinte-sanft);max-width:60ch}.quiz .btn{align-self:flex-start}.quiz-fortschritt{background:var(--papier);border:1px solid var(--linie);border-radius:999px;height:6px;overflow:hidden}.quiz-fortschritt-balken{background:var(--akzent);height:100%;transition:width .4s}.quiz-frage{font-family:var(--schrift-display);max-width:62ch;font-size:1.15rem;font-weight:600}.quiz-antworten{gap:.6rem;display:grid}.quiz-antwort{text-align:left;font-family:var(--schrift-text);background:var(--papier);border:1.5px solid var(--linie);cursor:pointer;color:var(--tinte);border-radius:8px;align-items:center;gap:.8rem;padding:.75rem 1rem;font-size:.98rem;transition:all .12s;display:flex}.quiz-antwort:not(:disabled):hover{border-color:var(--akzent);background:#2563ac0d;transform:translate(3px)}.quiz-antwort-buchstabe{font-family:var(--schrift-mono);border:1.5px solid var(--linie);background:var(--papier-karte);border-radius:6px;flex-shrink:0;place-items:center;width:1.8rem;height:1.8rem;font-size:.85rem;font-weight:600;display:grid}.quiz-antwort--richtig{border:2px solid var(--gruen);background:color-mix(in srgb, var(--gruen) 10%, var(--papier))}.quiz-antwort--richtig .quiz-antwort-buchstabe{background:var(--gruen);border-color:var(--gruen);color:#fff}.quiz-antwort--falsch{border:2px solid var(--rot);background:color-mix(in srgb, var(--rot) 9%, var(--papier))}.quiz-antwort--falsch .quiz-antwort-buchstabe{background:var(--rot);border-color:var(--rot);color:#fff}.quiz-antwort--neutral{opacity:.55}.quiz-antwort:disabled{cursor:default}.quiz-feedback{border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem 1.2rem;animation:.25s both aufblenden;display:flex}.quiz-feedback--richtig{background:color-mix(in srgb, var(--gruen) 10%, var(--papier-karte));border:1.5px solid color-mix(in srgb, var(--gruen) 45%, var(--papier-karte))}.quiz-feedback--richtig>strong{color:#2d6b25}.quiz-feedback--falsch{background:color-mix(in srgb, var(--rot) 8%, var(--papier-karte));border:1.5px solid color-mix(in srgb, var(--rot) 40%, var(--papier-karte))}.quiz-feedback--falsch>strong{color:#a33d20}.quiz-feedback p{color:var(--tinte-sanft);max-width:70ch}.quiz-ergebnis{flex-wrap:wrap;align-items:center;gap:1.3rem;display:flex}.quiz-score{font-family:var(--schrift-display);background:radial-gradient(closest-side, var(--papier-karte) 78%, transparent 79%), conic-gradient(var(--gruen) var(--prozent,0%), var(--papier) 0);border:1.5px solid var(--linie);border-radius:50%;place-items:center;width:6.5rem;height:6.5rem;font-size:1.3rem;display:grid}.quiz-score strong{font-size:1.9rem}.quiz-ergebnis p{max-width:40ch;color:var(--tinte-sanft);font-size:1.05rem}.glossar-werkzeuge{flex-direction:column;gap:.8rem;margin-bottom:-1rem;display:flex}.glossar-suche{font-family:var(--schrift-text);background:var(--papier-karte);border:2px solid var(--linie-stark);width:min(480px,100%);color:var(--tinte);border-radius:999px;outline:none;padding:.75rem 1.1rem;font-size:1rem;transition:box-shadow .15s}.glossar-suche:focus{box-shadow:3px 3px 0 var(--gold)}.glossar-filter{flex-wrap:wrap;gap:.4rem;display:flex}.glossar-liste{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem;display:grid}.glossar-eintrag{background:var(--papier-karte);border:1.5px solid var(--linie);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:1.1rem 1.2rem;scroll-margin-top:6rem;transition:border-color .3s,box-shadow .3s;display:flex}.glossar-eintrag--markiert{border:2px solid var(--gold);box-shadow:0 0 0 4px #c9a22740}.glossar-eintrag-kopf{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.glossar-eintrag h3{font-family:var(--schrift-display);font-size:1.05rem}.glossar-kategorie{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte-leise);white-space:nowrap;font-size:.68rem}.glossar-eintrag p{color:var(--tinte-sanft);font-size:.9rem}.glossar-lang{border-top:1px dashed var(--linie);padding-top:.5rem}.glossar-link{font-family:var(--schrift-mono);color:var(--akzent);font-size:.8rem;text-decoration:none}.glossar-link:hover{text-decoration:underline}.glossar-leer{color:var(--tinte-leise);grid-column:1/-1;font-style:italic}@keyframes aufblenden{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes einschieben{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes pulsieren{0%,to{box-shadow:0 0 #c9a2278c}50%{box-shadow:0 0 0 7px #c9a22700}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1000px){.artikel-raster{grid-template-columns:1fr}.artikel-toc{display:none}}@media (width<=860px){.osi-erkunden{grid-template-columns:1fr}.osi-vorschau{display:none}.layer-raster{grid-template-columns:1fr}.layer-seitenleiste{order:-1;position:static}.osi-stack--kompakt{flex-flow:wrap}.osi-stack--kompakt .osi-layer{flex:auto}.osi-stack--kompakt .osi-layer-name,.osi-stack--kompakt .osi-layer-pfeil{display:none}}@media (width<=640px){.kopf{flex-direction:column;align-items:flex-start;gap:.5rem}.nav{width:100%;padding-bottom:.2rem;overflow-x:auto}.nav a{white-space:nowrap}.osi-layer{grid-template-columns:auto 1fr}.osi-layer-pdu,.osi-layer-pfeil,.osi-turm-pdu{display:none}.osi-gruppe{letter-spacing:.05em;font-size:.6rem}.steckbrief-zeile{grid-template-columns:1fr;gap:.15rem}.fortschritt-eintrag{grid-template-columns:1fr auto auto}.fortschritt-eintrag .fortschritt-balken{order:4;grid-column:1/-1}.fortschritt-weiter{opacity:1;transform:none}}.cli-trainer{flex-direction:column;gap:1.1rem;max-width:1100px;display:flex}.cli-oben{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:1.1rem;display:grid}.cli-oben .cli-topologie{position:sticky;top:5.5rem}@media (width<=900px){.cli-oben{grid-template-columns:1fr}}.cli-uebungsleiste{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.cli-uebungsknopf{border:1.5px solid var(--linie);background:var(--papier-karte);width:40px;height:40px;font-family:var(--schrift-mono);color:var(--tinte-sanft);cursor:pointer;border-radius:9px;font-size:.9rem;font-weight:600;transition:border-color .12s,background .12s}.cli-uebungsknopf:hover{border-color:var(--akzent)}.cli-uebungsknopf--aktiv{border-color:var(--akzent);color:var(--akzent-dunkel);background:#2563ac14}.cli-uebungsknopf--fertig{color:var(--gruen)}.cli-uebungsstand{font-family:var(--schrift-mono);color:var(--tinte-leise);margin-left:.5rem;font-size:.8rem}.cli-aufgabe{background:var(--papier-karte);border:1px solid var(--linie);border-left:4px solid var(--akzent);border-radius:var(--radius);flex-direction:column;gap:.7rem;padding:1.2rem 1.4rem;display:flex}.cli-aufgabe h3{font-family:var(--schrift-display);font-size:1.15rem}.cli-ziele{flex-direction:column;gap:.4rem;font-size:.92rem;list-style:none;display:flex}.cli-ziele li{align-items:baseline;gap:.5rem;display:flex}.cli-ziel--fertig{color:var(--gruen)}.cli-ziel-geraet{font-family:var(--schrift-mono);color:var(--tinte-leise);border:1px solid var(--linie);white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-style:normal}.cli-geschafft{color:#2d6b25;background:#3f8f3417;border:1px solid #3f8f3466;border-radius:8px;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.cli-topologie{background:var(--papier-karte);border:1px solid var(--linie);border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--schatten)}.cli-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.cli-tab{border:1.5px solid var(--linie);background:var(--papier);font-family:var(--schrift-mono);color:var(--tinte-sanft);cursor:pointer;border-bottom:none;border-radius:8px 8px 0 0;padding:.45rem .9rem;font-size:.82rem;font-weight:600}.cli-tab--aktiv{color:#e8edf2;background:#1d2126;border-color:#1d2126}.cli-terminal{color:#d7dee6;border-radius:0 var(--radius) var(--radius) var(--radius);font-family:var(--schrift-mono);cursor:text;background:#1d2126;height:260px;padding:1rem 1.1rem;font-size:.86rem;line-height:1.55;overflow-y:auto}.cli-zeile{white-space:pre-wrap;word-break:break-word}.cli-zeile--eingabe{color:#fff;font-weight:600}.cli-zeile--fehler{color:#f0907a}.cli-zeile--ok{color:#8fd07f}.cli-zeile--ausgabe{color:#aeb9c4}.cli-eingabezeile{align-items:center;gap:.5rem;display:flex}.cli-prompt{color:#7fb8f2;white-space:nowrap;font-weight:700}.cli-eingabezeile input{color:#fff;font-family:var(--schrift-mono);caret-color:#7fb8f2;background:0 0;border:none;outline:none;flex:1;font-size:.86rem}.pdf-knopf{border:1.5px solid var(--linie);background:var(--papier-karte);font-family:var(--schrift-mono);color:var(--tinte-sanft);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;transition:border-color .12s,color .12s;display:inline-flex}.pdf-knopf:hover{border-color:var(--akzent);color:var(--akzent-dunkel)}@media print{.app>header,.brotkrumen,.artikel-toc,.quiz,.pdf-knopf,.hero-aktionen,footer{display:none!important}body{background:#fff}.app{display:block}main{max-width:none;padding:0}.artikel-raster{display:block}.artikel-abschnitt,.merke,.pruefungstipp,.merkpunkte,.tabelle-rahmen,.illustration,figure{break-inside:avoid}a{color:inherit;text-decoration:none}.begriff{border-bottom:none}}.cli-uebungsknopf--frei{width:auto;padding:0 .8rem}.cli-aufgabe--frei{border-left-color:var(--gold)}@keyframes cli-paket{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes cli-paket-ausblenden{0%,80%{opacity:.95}to{opacity:0}}.nav-suche{border:1.5px solid var(--linie);background:var(--papier-karte);cursor:pointer;border-radius:999px;width:34px;height:34px;font-size:.85rem;transition:border-color .12s}.nav-suche:hover{border-color:var(--akzent)}.suche-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#22262e73;justify-content:center;padding:12vh 1rem 0;display:flex;position:fixed;inset:0}.suche-box{background:var(--papier-karte);border:1px solid var(--linie);width:min(560px,100%);box-shadow:var(--schatten-hoch);border-radius:14px;align-self:flex-start;overflow:hidden}.suche-box input{width:100%;font:inherit;color:var(--tinte);background:0 0;border:none;outline:none;padding:1rem 1.2rem;font-size:1.05rem}.suche-treffer{border-top:1px solid var(--linie);flex-direction:column;max-height:50vh;padding:.4rem;display:flex;overflow-y:auto}.suche-eintrag{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .8rem;display:flex}.suche-eintrag--aktiv{background:#2563ac17}.suche-eintrag-titel{font-weight:600}.suche-eintrag-meta{color:var(--tinte-leise);font-size:.78rem;font-family:var(--schrift-mono);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.suche-leer{color:var(--tinte-leise);padding:.8rem 1rem;font-size:.9rem}.weiterlernen-chip{border:1.5px dashed var(--linie);color:var(--tinte-sanft);border-radius:999px;align-self:flex-start;margin-top:.4rem;padding:.4rem 1rem;font-size:.88rem;text-decoration:none;transition:border-color .12s,color .12s}.weiterlernen-chip:hover{border-color:var(--akzent);color:var(--akzent-dunkel)}.cli-zuruecksetzen{font-family:var(--schrift-mono);color:var(--tinte-leise);cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.cli-zuruecksetzen:hover{color:var(--rot)}.karten-bereich{flex-direction:column;gap:1rem;max-width:640px;margin-top:.4rem;display:flex}.karten-kategorien{flex-wrap:wrap;gap:.5rem;display:flex}.karten-kopf{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.karten-stand{font-family:var(--schrift-mono);color:var(--tinte-leise);font-size:.8rem}.karte3d{perspective:1200px;cursor:pointer;height:240px}.karte3d-innen{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s;position:relative}.karte3d--gedreht .karte3d-innen{transform:rotateY(180deg)}.karte3d-seite{backface-visibility:hidden;text-align:center;background:var(--papier-karte);border:1.5px solid var(--linie);box-shadow:var(--schatten);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1.5rem;display:flex;position:absolute;inset:0}.karte3d-vorne strong{font-family:var(--schrift-display);font-size:1.9rem}.karte3d-hinten{border-color:var(--akzent);transform:rotateY(180deg)}.karte3d-hinten p{font-size:1.02rem;line-height:1.55}.karte3d-label{font-family:var(--schrift-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte-leise);font-size:.72rem}.karte3d-hinweis{color:var(--tinte-leise);font-size:.78rem}.karten-bewertung{justify-content:space-between;gap:.8rem;display:flex}.karten-fertig{border-radius:var(--radius);background:#3f8f3414;border:1px solid #3f8f3466;flex-direction:column;gap:.6rem;padding:1.3rem 1.5rem;display:flex}.hero-chips{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.hero-chips .weiterlernen-chip{margin-top:0}.weiterlernen-chip--countdown{border-style:solid;border-color:var(--gold);color:#8a6d10;font-weight:600}.lap-countdown{background:#c9a22714;border:1px solid #c9a22773;border-radius:10px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:1rem;margin-top:.6rem;padding:.65rem 1rem;font-size:.92rem;display:flex}.lap-countdown label{align-items:center;gap:.55rem;font-weight:600;display:flex}.lap-countdown input{font:inherit;border:1px solid var(--linie);background:var(--papier-karte);color:var(--tinte);border-radius:7px;padding:.25rem .5rem}.lap-countdown strong{color:#8a6d10}.aufgaben-trainer{flex-direction:column;gap:1rem;max-width:680px;margin-top:.4rem;display:flex}.aufgaben-karte{background:var(--papier-karte);border:1px solid var(--linie);border-radius:0 var(--radius) var(--radius) var(--radius);box-shadow:var(--schatten);flex-direction:column;align-items:flex-start;gap:1.1rem;padding:1.4rem 1.5rem;display:flex}.aufgaben-text{font-size:1.05rem;font-weight:600;line-height:1.5}.aufgaben-felder{flex-direction:column;gap:.7rem;width:100%;display:flex}.aufgaben-feld{grid-template-columns:170px 1fr;align-items:center;gap:.8rem;font-size:.95rem;display:grid}.aufgaben-eingabe{font-family:var(--schrift-mono);align-items:center;gap:.45rem;font-size:.9rem;display:flex}.aufgaben-eingabe input{font:inherit;border:1.5px solid var(--linie);background:var(--papier);color:var(--tinte);border-radius:8px;width:min(220px,100%);padding:.45rem .7rem}.aufgaben-eingabe input:focus{border-color:var(--akzent);outline:none}.aufgaben-eingabe input.feld--richtig{border-color:var(--gruen);background:#3f8f3414}.aufgaben-eingabe input.feld--falsch{border-color:var(--rot);background:#c94f2e12}.aufgaben-eingabe em{color:var(--tinte-leise);font-style:normal}.aufgaben-loesungsweg{background:#2563ac0f;border:1px solid #2563ac40;border-radius:10px;width:100%;padding:.9rem 1.1rem;font-size:.92rem}.aufgaben-loesungsweg ol{flex-direction:column;gap:.3rem;margin-top:.4rem;padding-left:1.3rem;display:flex}@media (width<=560px){.aufgaben-feld{grid-template-columns:1fr;gap:.25rem}}.sim-uhr{font-family:var(--schrift-mono);color:var(--tinte-sanft);font-size:.85rem;font-weight:600}.sim-uhr--drueber{color:var(--rot)}.sim-note{border:1px solid;border-radius:10px;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;font-size:.95rem;display:flex}.sim-note--gut{background:#3f8f3414;border-color:#3f8f3473}.sim-note--gut strong{color:#2d6b25;font-size:1.1rem}.sim-note--ok{background:#c9a22717;border-color:#c9a22780}.sim-note--ok strong{color:#8a6d10;font-size:1.1rem}.sim-note--warn{background:#c94f2e12;border-color:#c94f2e73}.sim-note--warn strong{color:var(--rot);font-size:1.1rem}.sim-note-hinweis{color:var(--tinte-leise);font-size:.8rem}.quiz-statistik{margin-top:.5rem}.quiz-statistik-liste{flex-direction:column;gap:.55rem;max-width:720px;margin-top:1rem;display:flex}.quiz-statistik-zeile{background:var(--papier-karte);border:1px solid var(--linie);border-radius:10px;grid-template-columns:minmax(150px,1fr) minmax(80px,180px) auto auto;align-items:center;gap:.8rem;padding:.55rem .9rem;font-size:.9rem;display:grid}.quiz-statistik-name{font-weight:600}.quiz-statistik-schwaechen{font-family:var(--schrift-mono);color:var(--tinte-leise);font-size:.75rem}.quiz-statistik-schwaechen--offen{color:var(--rot);font-weight:600}@media (width<=560px){.quiz-statistik-zeile{grid-template-columns:1fr auto}.quiz-statistik-zeile .fortschritt-balken{grid-column:1/-1}}.seiten-tabs{flex-wrap:wrap;gap:.45rem;margin-bottom:1.8rem;display:flex}.seiten-tab{border:1.5px solid var(--linie);background:var(--papier-karte);font:inherit;color:var(--tinte-sanft);cursor:pointer;border-radius:999px;padding:.55rem 1.15rem;font-size:.92rem;font-weight:600;transition:border-color .12s,background .12s,color .12s}.seiten-tab:hover{border-color:var(--akzent);color:var(--tinte)}.seiten-tab--aktiv{border-color:var(--tinte);background:var(--tinte);color:var(--papier)}.cli-laborwahl{flex-wrap:wrap;gap:.45rem;display:flex}.sprech-trainer{flex-direction:column;gap:1rem;max-width:640px;margin-top:2.5rem;display:flex}.sprech-karte{background:var(--papier-karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);flex-direction:column;gap:1rem;padding:1.4rem 1.5rem;display:flex}.sprech-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.sprech-begriff{font-family:var(--schrift-display);font-size:1.7rem;font-weight:700}.sprech-uhr{font-family:var(--schrift-mono);color:var(--tinte-sanft);font-size:1rem;font-weight:700}.sprech-uhr--knapp{color:var(--rot)}.sprech-hinweis{color:var(--tinte-leise);font-size:.92rem}.sprech-definition{background:#2563ac0f;border:1px solid #2563ac40;border-radius:10px;padding:1rem 1.15rem;line-height:1.6}.sprech-lang{color:var(--tinte-sanft);margin-top:.6rem;font-size:.92rem}