@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:#f8f9fb;--foreground:#111827;--primary:#007bff;--primary-dark:#0056b3;--secondary:#6c757d;--danger:#dc3545;--success:#28a745;--info:#0af;--muted:#f1f3f5;--card-bg:#fff;--header-bg:#f8f9fbe6;--footer-bg:#f1f3f5;--text-muted:#6b7280;--text-secondary:#4b5563;--text-link:#0056b3;--border:#e5e7eb;--border-color:#e5e7eb;--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:#111827;--footer-text:#6b7280;--cookie-bg:#1f2937;--cookie-text:#f9fafb;--cookie-link:#60a5fa;--input-bg:#fff;--input-border:#d1d5db;--input-text:#111827;--button-bg:#007bff;--button-text:#fff;--button-bg-secondary:#6c757d;--button-text-secondary:#fff;--danger-bg:#dc3545;--danger-text:#fff;--success-bg:#28a745;--success-text:#fff;--modal-bg:#fff;--modal-text:#111827;--modal-shadow:0 20px 60px #00000026;--accent-color:#007bff;--bg-color:#f8f9fb;--text-color:#111827}html.dark,.dark{--background:#0f1117;--foreground:#f1f5f9;--primary:#39f;--primary-dark:#1976d2;--secondary:#94a3b8;--danger:#f87171;--success:#4ade80;--info:#38bdf8;--muted:#1e2433;--card-bg:#1a1f2e;--header-bg:#0f1117eb;--footer-bg:#141720;--text-muted:#94a3b8;--text-secondary:#cbd5e1;--text-link:#60a5fa;--border:#2d3748;--border-color:#2d3748;--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:#f1f5f9;--footer-text:#94a3b8;--cookie-bg:#1a1f2e;--cookie-text:#f1f5f9;--cookie-link:#60a5fa;--input-bg:#1a1f2e;--input-border:#2d3748;--input-text:#f1f5f9;--button-bg:#39f;--button-text:#fff;--button-bg-secondary:#94a3b8;--button-text-secondary:#1a1f2e;--danger-bg:#f87171;--danger-text:#fff;--success-bg:#4ade80;--success-text:#0f1117;--modal-bg:#1a1f2e;--modal-text:#f1f5f9;--modal-shadow:0 20px 60px #000000b3;--accent-color:#39f;--bg-color:#0f1117;--text-color:#f1f5f9}html,body{max-width:100vw;height:100%;overflow-x:hidden}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}*{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{color:var(--foreground);font-size:1.65rem;font-weight:700;line-height:1.2}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:2rem}h2{font-size:1.25rem}}@media (min-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.1rem}}@media (min-width:1024px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.15rem}}.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{border-radius:var(--radius-sm);background:#007bff14;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;width:100%;margin:.75rem 0;font-size:.8rem}.tpn-body th,.tpn-body td{border:1px solid var(--border);text-align:left;padding:.4rem .6rem}.tpn-body th{color:var(--foreground);white-space:nowrap;background:#007bff0f;font-weight:600}.tpn-body td{word-break:break-word}
.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(--success);color:#fff;border-color:var(--success)}.cookie-button.accept:hover{filter:brightness(1.12);transform:translateY(-1px)}.cookie-button.decline:hover{background-color:var(--danger);color:#fff;border-color:var(--danger)}@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}}