@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-transition{will-change:opacity;animation:.25s ease-in-out both pageFadeIn}.container-wrapper{box-sizing:border-box;width:100%;padding:.75rem}@media (min-width:320px){.container-wrapper{padding:1rem}}@media (min-width:768px){.container-wrapper{padding:1.5rem 2rem}}@media (min-width:1024px){.container-wrapper{padding:2rem 3rem}}.home-container,.about-container,.projects-container,.gallery-box,.contact,.datenschutz-container,.impressum-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}:root{--background:#f4f5f7;--foreground:#14151c;--primary:#14151c;--primary-dark:#000;--secondary:#6b6e7b;--danger:#dc3545;--success:#28a745;--info:#14151c;--muted:#eceef2;--card-bg:#fff;--header-bg:#f4f5f7d9;--footer-bg:#eceef2;--text-muted:#6b6e7b;--text-secondary:#4b4e5a;--text-link:#14151c;--border:#e2e4ea;--border-color:#e2e4ea;--focus-ring:#0000001f;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000d;--shadow-lg:0 10px 30px #0000001f, 0 4px 10px #00000012;--shadow:var(--shadow-md);--card-shadow:var(--shadow-md);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--header-text:#14151c;--footer-text:#6b6e7b;--cookie-bg:#14151c;--cookie-text:#f4f5f7;--cookie-link:#fff;--input-bg:#fff;--input-border:#d8dae1;--input-text:#14151c;--button-bg:#14151c;--button-text:#fff;--button-bg-secondary:#6b6e7b;--button-text-secondary:#fff;--danger-bg:#dc3545;--danger-text:#fff;--success-bg:#28a745;--success-text:#fff;--modal-bg:#fff;--modal-text:#14151c;--modal-shadow:0 20px 60px #00000026;--accent-color:#14151c;--bg-color:#f4f5f7;--text-color:#14151c;--glow-1:#14151c0f;--glow-2:#14151c0a}html.dark,.dark{--background:#13141b;--foreground:#f1f2f6;--primary:#fff;--primary-dark:#c9ccd6;--secondary:#a9adbd;--danger:#f87171;--success:#4ade80;--info:#fff;--muted:#242736;--card-bg:#1c1e29;--header-bg:#13141bd9;--footer-bg:#0f1016;--text-muted:#7c8092;--text-secondary:#a9adbd;--text-link:#fff;--border:#2a2d3a;--border-color:#2a2d3a;--focus-ring:#ffffff24;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 10px 30px #0000008c;--shadow:var(--shadow-md);--card-shadow:var(--shadow-md);--header-text:#f1f2f6;--footer-text:#7c8092;--cookie-bg:#1c1e29;--cookie-text:#f1f2f6;--cookie-link:#fff;--input-bg:#1c1e29;--input-border:#2a2d3a;--input-text:#f1f2f6;--button-bg:#fff;--button-text:#13141b;--button-bg-secondary:#2a2d3a;--button-text-secondary:#f1f2f6;--danger-bg:#f87171;--danger-text:#fff;--success-bg:#4ade80;--success-text:#13141b;--modal-bg:#1c1e29;--modal-text:#f1f2f6;--modal-shadow:0 20px 60px #000000b3;--accent-color:#fff;--bg-color:#13141b;--text-color:#f1f2f6;--glow-1:#ffffff0f;--glow-2:#788cc812}html,body{max-width:100vw;height:100%;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.65;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 50% -10%, var(--glow-1), transparent 70%), radial-gradient(45rem 35rem at 100% 0%, var(--glow-2), transparent 65%);position:fixed;inset:0}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}main{flex-direction:column;flex:1;display:flex}@media (min-width:768px){body{font-size:16px}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}h1{letter-spacing:-.02em;color:var(--foreground);font-size:1.75rem;font-weight:800;line-height:1.12}h2{color:var(--foreground);font-size:1.2rem;font-weight:600;line-height:1.3}h3{color:var(--foreground);font-size:1rem;font-weight:600;line-height:1.4}@media (min-width:320px){h1{font-size:2.1rem}h2{font-size:1.25rem}}@media (min-width:768px){h1{font-size:2.6rem}h2{font-size:1.6rem}h3{font-size:1.1rem}}@media (min-width:1024px){h1{font-size:3rem}h2{font-size:1.85rem}h3{font-size:1.15rem}}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.6rem;margin:0;font-size:.72rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--primary);opacity:.55;border-radius:2px;width:1.75rem;height:2px}.btn,.btn-pill,.btn-outline{cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.7rem;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn,.btn-pill{background:var(--button-bg);color:var(--button-text)}.btn:hover,.btn-pill:hover{box-shadow:0 8px 24px var(--focus-ring);transform:translateY(-2px)}.btn-outline{color:var(--foreground);border-color:var(--border);background:0 0}.btn-outline:hover{background:var(--muted);border-color:var(--primary);transform:translateY(-2px)}.btn:active,.btn-pill:active,.btn-outline:active{transform:translateY(0)scale(.98)}.btn:focus-visible,.btn-pill:focus-visible,.btn-outline:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.section-block{border-top:1px solid var(--border);padding:2.5rem 0}.section-block:first-of-type{border-top:none;padding-top:1.5rem}.divided>*{border-top:1px solid var(--border);padding:1.5rem 0}.divided>:first-child{border-top:none;padding-top:0}@media (min-width:768px){.section-block{padding:3.5rem 0}}.home-container,.about-container,.projects-container,.gallery-box,.contact,.datenschutz-container,.skills-container,.impressum-container{box-sizing:border-box;text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:.75rem 1rem 2rem}div.skills-container{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:.75rem 1rem 2rem!important;display:block!important}@media (min-width:320px){.home-container,.about-container,.projects-container,.gallery-box,.contact,.datenschutz-container,.skills-container,.impressum-container{padding:1rem 1.25rem 2.5rem}div.skills-container{padding:1rem 1.25rem 2.5rem!important}}@media (min-width:768px){.container-wrapper{padding:1.5rem 2rem}.home-container,.about-container,.projects-container,.gallery-box,.contact,.datenschutz-container,.skills-container,.impressum-container{text-align:left;padding:2rem 3rem 3rem}div.skills-container{padding:2rem 3rem 3rem!important}}@media (min-width:1024px){.container-wrapper{padding:2rem 3rem}.home-container,.about-container,.projects-container,.gallery-box,.contact,.datenschutz-container,.skills-container,.impressum-container{padding:2.5rem 4rem 4rem}div.skills-container{padding:2.5rem 4rem 4rem!important}}
.lang-switcher{border:1.5px solid var(--border);background:var(--card-bg);width:36px;height:36px;color:var(--foreground);cursor:pointer;letter-spacing:.04em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:700;transition:background .2s,border-color .2s,transform .25s,color .2s;display:flex}.lang-switcher:hover{background:var(--muted);border-color:var(--primary);color:var(--primary);transform:scale(1.1)}.lang-switcher:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lang-switcher:active{transform:scale(.9)}
.navbar{background-color:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-sizing:border-box;z-index:9997;justify-content:flex-start;align-items:center;height:64px;min-height:64px;max-height:64px;padding:0 1rem;animation:.6s cubic-bezier(.4,0,.2,1) forwards slideDown;display:flex;position:sticky;top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.logo-link{align-items:center;display:flex;position:absolute;left:8px}.logo{border-radius:20px;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:1s cubic-bezier(.4,0,.2,1) .3s both logoFadeIn}.logo:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 4px 15px #0003}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.burger{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;transition:background .2s;display:flex}.burger:hover{background:var(--muted)}.header-actions{z-index:9999;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.burger-line{background-color:var(--header-text);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.burger.menu-open .burger-line:first-child{transform:rotate(45deg)translate(5px,5px)}.burger.menu-open .burger-line:nth-child(2){opacity:0;transform:scale(0)}.burger.menu-open .burger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.nav-wrapper{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:9998;opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:64px;left:0;right:0;overflow:hidden}.nav-wrapper.open{opacity:1;max-height:440px}.nav-links{flex-direction:column;gap:5px;width:100%;margin:0;padding:10px 0;list-style:none;display:flex}@media (max-width:767px){.nav-links li{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards slideInStagger;transform:translate(-20px)}.nav-wrapper.open .nav-links li:first-child{animation-delay:.1s}.nav-wrapper.open .nav-links li:nth-child(2){animation-delay:.15s}.nav-wrapper.open .nav-links li:nth-child(3){animation-delay:.2s}.nav-wrapper.open .nav-links li:nth-child(4){animation-delay:.25s}.nav-wrapper.open .nav-links li:nth-child(5){animation-delay:.3s}.nav-wrapper.open .nav-links li:nth-child(6){animation-delay:.35s}.nav-wrapper:not(.open) .nav-links li{opacity:0;animation:none;transform:translate(-20px)}}@keyframes slideInStagger{to{opacity:1;transform:translate(0)}}.nav-links a{color:var(--header-text);text-align:center;border-radius:var(--radius-md);width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:block}.nav-links a:hover{background:var(--muted);color:var(--primary)}html.dark .nav-links a:hover,.dark .nav-links a:hover{color:var(--primary);background:#ffffff12}.nav-links a.active{color:var(--primary);font-weight:600}@media (min-width:768px){.navbar{justify-content:center;height:64px;padding:0 2rem}.burger{display:none}.nav-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;opacity:1;background:0 0;border:none;flex-direction:row;align-items:center;width:auto;max-height:none;padding:0;transition:none;display:flex;position:static;overflow:visible}.nav-links{flex-direction:row;align-items:center;gap:.25rem;width:auto;padding:0}.nav-links a{text-align:center;width:auto;margin:0;padding:.5rem .875rem;font-size:.95rem;display:inline-block;position:relative;overflow:visible}.nav-links a:after{content:"";background:var(--primary);border-radius:1px;width:55%;height:2px;transition:transform .25s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform:translate(-50%)scaleX(1)}.nav-links a:hover{background:var(--muted);color:var(--primary);text-shadow:none;box-shadow:none;transform:none}html.dark .nav-links a:hover,.dark .nav-links a:hover{color:var(--primary);text-shadow:none;box-shadow:none;background:#ffffff12}.nav-links li{opacity:1;animation:none;transform:none}.nav-links a.active{color:var(--primary);font-weight:600;text-decoration:none}html.dark .nav-links a.active,.dark .nav-links a.active{color:var(--primary)}}
.footer{background-color:var(--footer-bg);text-align:center;border-top:1px solid var(--border);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:64px;min-height:64px;max-height:64px;padding:0 1rem;font-size:.8rem;display:flex}.footer p{margin:0}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:0;display:flex}.footer-links a{color:var(--footer-text);font-size:.8rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.copyright{color:var(--footer-text);margin-top:.15rem;font-size:.8rem}@media (min-width:768px){.footer{padding:0 2rem;font-size:.875rem}.footer-links{gap:1rem}.footer-links a{font-size:.875rem}.footer-links-center{justify-content:center;align-items:center;gap:.75rem;display:flex}}@media (min-width:1024px){.footer{padding:1.5rem 3rem}}.footer-tpn-link{color:var(--footer-text);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-tpn-link:hover{color:var(--primary)}@media (min-width:768px){.footer-tpn-link{font-size:.875rem}}.tpn-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;box-sizing:border-box;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tpn-modal{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:680px;max-height:80vh;display:flex;overflow:hidden}.tpn-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.tpn-header h2{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.tpn-close{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.tpn-close:hover{background:var(--border);color:var(--foreground)}.tpn-body{color:var(--text-secondary);flex:1;padding:1.25rem;font-size:.85rem;line-height:1.65;overflow-y:auto}.tpn-body h1{color:var(--foreground);margin:1.5rem 0 .5rem;font-size:1.15rem;font-weight:700}.tpn-body h1:first-child{margin-top:0}.tpn-body h3{color:var(--foreground);margin:1.25rem 0 .5rem;font-size:.95rem;font-weight:600}.tpn-body p{margin:.5rem 0}.tpn-body hr{border:none;border-top:1px solid var(--border);margin:1rem 0}.tpn-body strong{color:var(--foreground);font-weight:600}.tpn-body code{background:var(--muted);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.82em}.tpn-body a{color:var(--primary);text-underline-offset:2px;text-decoration:none}.tpn-body a:hover{text-decoration:underline}.tpn-body table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.75rem 0;font-size:.8rem}.tpn-body th:first-child,.tpn-body td:first-child{width:30%}.tpn-body th:nth-child(2),.tpn-body td:nth-child(2){width:20%}.tpn-body th,.tpn-body td{border:1px solid var(--border);text-align:left;padding:.4rem .6rem}.tpn-body th{background:var(--muted);color:var(--foreground);white-space:nowrap;font-weight:600}.tpn-body td{word-break:break-word;overflow-wrap:break-word;white-space:normal}
.theme-toggle{border:1.5px solid var(--border);background:var(--card-bg);width:36px;height:36px;color:var(--foreground);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s,transform .25s,color .2s;display:flex}.theme-toggle:hover{background:var(--muted);border-color:var(--primary);color:var(--primary);transform:rotate(20deg)scale(1.1)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle:active{transform:scale(.9)}.theme-toggle.small{width:28px;height:28px}.theme-toggle.small svg{width:14px;height:14px}
.cookie-banner{background-color:var(--cookie-bg);width:calc(100% - 2rem);max-width:92vw;color:var(--cookie-text);z-index:1000;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000002e}.cookie-text{text-align:center;max-width:420px;margin:0;font-size:.8rem;line-height:1.4}.cookie-link{color:var(--cookie-link);text-underline-offset:2px;text-decoration:underline}.cookie-buttons{flex-direction:row;justify-content:center;gap:.5rem;display:flex}.cookie-button{color:var(--cookie-text);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;background-color:#0000;border:1.5px solid #fff3;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s}.cookie-button.accept{background-color:var(--cookie-text);color:var(--cookie-bg);border-color:var(--cookie-text)}.cookie-button.accept:hover{filter:brightness(.92);transform:translateY(-1px)}.cookie-button.decline:hover{color:var(--cookie-text);background-color:#ffffff1f;border-color:#fff6}@media (min-width:768px){.cookie-banner{flex-direction:row;align-items:center;gap:1rem;width:auto;max-width:700px;padding:.6rem 1.25rem}.cookie-text{text-align:left;flex:1;min-width:0;max-width:none;font-size:.85rem}.cookie-buttons{flex-direction:row;flex-shrink:0}}@media (min-width:1024px){.cookie-banner{max-width:800px;padding:.7rem 1.5rem}.cookie-text{font-size:.875rem}.cookie-button{padding:.4rem 1rem;font-size:.8rem}}