: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)}}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}.uebersicht{padding:clamp(48px,6vw,88px) 0 clamp(64px,8vw,112px)}.marke{letter-spacing:.1em;text-transform:uppercase;color:var(--petrol);font:700 13px/1 Manrope,sans-serif}.uebersicht h1{max-width:16em;margin:0 0 24px;font-size:clamp(34px,4.4vw,58px)}.einl{max-width:var(--spalte);font-size:clamp(18px,1.45vw,21px)}.liste{border-top:1px solid var(--linie);margin-top:clamp(40px,5vw,64px);list-style:none}.eintrag{border-bottom:1px solid var(--linie);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,48px) 0;display:grid;position:relative}.eintrag figure{background:var(--papier);border-radius:var(--r);padding:clamp(10px,1.5vw,18px);overflow:hidden;box-shadow:0 12px 32px #0c30340f}.eintrag figure img{aspect-ratio:4/3;object-fit:contain;width:100%;transition:transform .32s var(--ease-out)}.eintrag .info{color:var(--text-2);flex-wrap:wrap;gap:4px 12px;font-size:15px;display:flex}.eintrag h2{margin:12px 0 16px;font-size:clamp(24px,2.4vw,34px)}.eintrag h2 a{text-decoration:none}.eintrag h2 a:after{content:"";position:absolute;inset:0}.eintrag p.kurz{color:var(--text)}.lesen{color:var(--petrol);background-image:linear-gradient(var(--korall),var(--korall));background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;align-items:center;gap:10px;margin-top:20px;padding-bottom:2px;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.eintrag:hover figure img{transform:scale(1.02)}.eintrag:hover .lesen .pfeil{transform:translate(4px)}.eintrag:hover h2{text-decoration:underline;text-decoration-color:var(--korall);text-underline-offset:6px;text-decoration-thickness:2px}}.eintrag:has(h2 a:focus-visible){outline:3px solid var(--petrol);outline-offset:6px;border-radius:4px}.eintrag h2 a:focus-visible{outline:none}.weiter{background:var(--flaeche);border-radius:var(--r);max-width:var(--spalte);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{max-width:var(--spalte);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}}@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}.eintrag{grid-template-columns:minmax(0,1fr);gap:20px}.weiter .knopf{white-space:normal}}@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}