:root{--petrol:#123f44;--petrol-dunkel:#0c3034;--mint:#c5d8d3;--mint-hell:#e8f0ee;--korall:#f26b4f;--korall-text:#d9573d;--korall-fuell:#f58f79;--korall-ton:#f26b4f38;--creme:#f7f4ee;--papier:#fcfdfc;--text:#20272b;--text-2:#4a5559;--linie:#123f4429;--r:12px;--rand:clamp(16px,5vw,64px);--ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.23,1,.32,1);--grund:#f1f3f2;--flaeche:#dce9e5;--kopf:#f1f3f2f0;--spalte:720px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--grund);color:var(--text);-webkit-font-smoothing:antialiased;font:400 18px/1.65 Manrope,system-ui,sans-serif}::selection{background:var(--mint);color:var(--petrol-dunkel)}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;color:var(--petrol);font-family:Archivo,system-ui,sans-serif;font-weight:800;line-height:1.1}:focus-visible{outline:3px solid var(--petrol);outline-offset:3px;border-radius:4px}strong{font-weight:700}.wrap{max-width:1240px;padding:0 var(--rand);margin:0 auto}.knopf{background:var(--korall);color:var(--petrol-dunkel);cursor:pointer;white-space:nowrap;isolation:isolate;transition:transform .16s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:12px;padding:18px 26px;font:600 17px/1 Manrope,sans-serif;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.knopf:before{content:"";z-index:-1;background:var(--korall-fuell);clip-path:circle(0%);transition:clip-path .28s var(--ease-out);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.knopf:hover:before{clip-path:circle(75%)}}.knopf:active{transform:scale(.97)}.pfeil{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .22s var(--ease-out);flex:none}@media (hover:hover) and (pointer:fine){.knopf:hover .pfeil{transform:translate(4px)}}.artikel p a,.inhalt a,.zurueck{background-image:linear-gradient(var(--korall),var(--korall)),linear-gradient(var(--korall-ton),var(--korall-ton));transition:background-size .22s var(--ease-out);background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:100% 2px,100% 0;padding-bottom:2px;text-decoration:none}@media (hover:hover) and (pointer:fine){.artikel p a:hover,.inhalt a:hover,.zurueck:hover{background-size:100% 2px,100% 100%}}header{z-index:50;background:var(--kopf);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie);position:sticky;top:0}.kopf{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.logo{align-items:center;gap:14px;text-decoration:none;display:flex}.logo img{width:auto;height:30px}.logo .name{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.logo b{letter-spacing:.24em;color:var(--petrol);font:700 17px/1 Archivo,sans-serif}.logo .name span{letter-spacing:.14em;color:var(--petrol);font:500 15px/1 Manrope,sans-serif}nav ul{gap:28px;list-style:none;display:flex}nav a{white-space:nowrap;font-size:16px;font-weight:600;text-decoration:none}nav a:hover,nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--korall);text-underline-offset:6px;text-decoration-thickness:2px}.kopf-rechts{align-items:center;gap:12px;display:flex}.kopf .knopf{padding:13px 18px;font-size:15px}.burger{border:1.5px solid var(--linie);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:none}.burger svg{width:22px;height:22px;stroke:var(--petrol);stroke-width:2px;stroke-linecap:round}.artikel{padding:clamp(48px,6vw,88px) 0 clamp(64px,8vw,112px)}.spalte{max-width:var(--spalte);margin:0 auto}.breit{max-width:960px;margin:clamp(40px,5vw,56px) auto}.ort{color:var(--text-2);flex-wrap:wrap;gap:4px 12px;font-size:15px;display:flex}.ort .zurueck{color:var(--text);font-weight:600}.artikel h1{margin:20px 0 24px;font-size:clamp(34px,4.4vw,58px)}.einl{font-size:clamp(18px,1.45vw,21px)}.kurz{background:var(--flaeche);border-radius:var(--r);margin-top:32px;padding:24px 28px}.kurz b{letter-spacing:.1em;text-transform:uppercase;color:var(--petrol);margin-bottom:10px;font:700 13px/1 Manrope,sans-serif;display:block}figure.zeichnung{background:var(--papier);border-radius:var(--r);padding:clamp(16px,3vw,32px);box-shadow:0 12px 32px #0c30340f}figure.zeichnung figcaption{color:var(--text-2);max-width:var(--spalte);margin-top:16px;font-size:15px}.spalte figure.zeichnung{margin:40px 0}.inhalt{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding:20px 0}.inhalt h2{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px;font:700 13px/1 Manrope,sans-serif}.inhalt ol{flex-wrap:wrap;gap:8px 24px;font-size:16px;font-weight:600;list-style:none;display:flex}.abschnitt{margin-top:clamp(56px,7vw,88px)}.abschnitt h2{margin-bottom:20px;font-size:clamp(28px,3vw,40px)}.abschnitt .antwort{color:var(--petrol-dunkel);border-left:3px solid var(--korall);margin-bottom:24px;padding-left:20px;font-size:clamp(18px,1.45vw,20px);font-weight:600}.abschnitt p+p{margin-top:18px}.quelle{color:var(--text-2);font-size:15px}.tun{margin-top:8px;list-style:none}.tun li{border-top:1px solid var(--linie);padding:20px 0}.tun li:last-child{border-bottom:1px solid var(--linie)}.tun b{color:var(--petrol);margin-bottom:6px;font:700 19px/1.3 Archivo,sans-serif;display:block}.nebenbei{color:var(--text-2);margin-top:24px}details{border-bottom:1px solid var(--linie)}details:first-of-type{border-top:1px solid var(--linie)}summary{cursor:pointer;color:var(--text);padding:20px 0 30px;font:700 19px/1.35 Archivo,sans-serif;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"";background:var(--korall-text);width:28px;height:3px;transition:width .45s var(--ease);border-radius:2px;position:absolute;bottom:14px;left:0}details:hover summary:after{width:52px}details[open] summary:after{width:100%}details p{padding:0 0 24px;font-size:17px}.weiter{background:var(--flaeche);border-radius:var(--r);margin-top:clamp(56px,7vw,88px);padding:clamp(28px,4vw,48px)}.weiter p{color:var(--petrol);letter-spacing:-.01em;max-width:22em;margin-bottom:24px;font:700 clamp(22px,2.2vw,28px)/1.25 Archivo,sans-serif}.weiter .hinweis{letter-spacing:0;color:var(--text-2);margin:12px 0 0;font:400 15px/1.5 Manrope,sans-serif}.autorin{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:20px;margin-top:40px;display:grid}.autorin img{object-fit:cover;border-radius:50%;width:72px;height:72px}.autorin b{color:var(--petrol);font:700 18px/1.3 Archivo,sans-serif;display:block}.autorin p{color:var(--text-2);font-size:16px}footer{background:var(--petrol-dunkel);color:var(--mint);padding:56px 0 40px;font-size:15px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}footer img{width:auto;height:64px}footer nav{flex-wrap:wrap;gap:24px;display:flex}footer a{text-decoration:none}footer a:hover{text-underline-offset:4px;text-decoration:underline}footer nav{align-items:center}footer .linkedin{place-items:center;width:44px;height:44px;margin:-10px 0 -10px -6px;display:inline-grid}footer .linkedin svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;transition:transform .16s ease-out}@media (hover:hover) and (pointer:fine){footer .linkedin:hover svg{transform:translateY(-2px)}}@media (width<=420px){footer nav{gap:16px}}@media (width<=1240px){nav li.mehr{display:none}}.mehr-lesen{margin-top:clamp(56px,7vw,88px)}.mehr-lesen h2{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px;font:700 13px/1 Manrope,sans-serif}.mehr-lesen ul{list-style:none}.mehr-lesen li{border-top:1px solid var(--linie);padding:20px 0;position:relative}.mehr-lesen li:last-child{border-bottom:1px solid var(--linie)}.mehr-lesen a{color:var(--petrol);text-wrap:balance;font:700 clamp(19px,1.6vw,22px)/1.3 Archivo,sans-serif;text-decoration:none;display:block}.mehr-lesen a:after{content:"";position:absolute;inset:0}.mehr-lesen span{color:var(--text-2);margin-top:6px;font-size:15px;display:block}@media (hover:hover) and (pointer:fine){.mehr-lesen li:hover a{text-decoration:underline;text-decoration-color:var(--korall);text-underline-offset:5px;text-decoration-thickness:2px}}sup a{margin:0 -3px;padding:2px 6px;display:inline-block}@media (width>=1240px){.spalte.mit-inhalt{grid-template-columns:160px minmax(0,var(--spalte));max-width:none;margin-left:calc((100% - var(--spalte)) / 2 - 192px);column-gap:32px;margin-right:0;display:grid}.mit-inhalt>*{grid-column:2}.mit-inhalt>.inhalt{border:0;grid-area:1/1/span 30;align-self:start;margin-top:clamp(56px,7vw,88px);padding:0;position:sticky;top:104px}.mit-inhalt>.inhalt ol{flex-direction:column;gap:12px;font-size:15px}.mit-inhalt>.inhalt a{color:var(--text-2);transition:color .16s var(--ease-out);background-image:none;font-weight:500}.mit-inhalt>.inhalt a:hover{color:var(--petrol);text-decoration:underline;text-decoration-color:var(--korall);text-underline-offset:4px}}@media (width<=760px){header nav{display:none}.burger{display:grid}.logo .name{display:none}.kopf .knopf{padding:11px 14px;font-size:15px}.kopf .knopf .pfeil{display:none}.kurz{padding:20px}.abschnitt .antwort{padding-left:16px}.weiter .knopf{white-space:normal}figure.zeichnung,.spalte figure.zeichnung{margin-left:calc(-1 * var(--rand));margin-right:calc(-1 * var(--rand));box-shadow:none;border-radius:0;padding:8px 0 16px}figure.zeichnung figcaption{padding:0 var(--rand)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}html{scroll-behavior:auto}}.sprung{z-index:100;background:var(--petrol);color:var(--creme);border-radius:var(--r);padding:12px 18px;font:600 16px/1 Manrope,sans-serif;text-decoration:none;position:absolute;top:-100px;left:16px}.sprung:focus{top:12px}main:focus{outline:none}