:root{--bg-base:#4b4038;--bg-surface:#5a4f47;--bg-elevated:#6b5f55;--border:#7a6e62;--text-primary:#fff;--text-secondary:#d6d6d6;--text-bright:#fff;--accent-green:#caaa98;--accent-cyan:#9dbfb8;--accent-purple:#c9a8c2;--accent-orange:#d4a574}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#4b4038;background:var(--bg-base);color:#fff;color:var(--text-primary);font-family:Fira Code,JetBrains Mono,Cascadia Code,Courier New,source-code-pro,Menlo,Monaco,Consolas,monospace;margin:0;min-height:100vh;overflow-x:hidden;padding:0}body{background:radial-gradient(ellipse at top,#caaa980f 0,#0000 50%),radial-gradient(ellipse at bottom,#9dbfb80d 0,#0000 50%),#4b4038;background:radial-gradient(ellipse at top,#caaa980f 0,#0000 50%),radial-gradient(ellipse at bottom,#9dbfb80d 0,#0000 50%),var(--bg-base);background-attachment:fixed}code{background:#6b5f55;background:var(--bg-elevated);border-radius:4px;color:#caaa98;color:var(--accent-green);font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 6px}a{color:#9dbfb8;color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#4b4038;background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#6b5f55;background:var(--bg-elevated);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8a7d6f}::selection{background:#caaa9866;color:#fff;color:var(--text-bright)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4b4038e0;border-bottom:1px solid #7a6e62;gap:16px;padding:14px clamp(12px,4vw,48px);position:sticky;top:0;z-index:50}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{background:#0000;border:1px solid #caaa98;border-radius:50%;cursor:pointer;height:28px;justify-content:center;padding:0;transition:transform .2s ease,box-shadow .2s ease;width:28px}.navbar-logo:hover{box-shadow:0 0 12px #caaa98a6;transform:scale(1.1)}.navbar-logo-dot{animation:dot-pulse 1.8s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 8px #fffc;height:8px;width:8px}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.navbar-name{color:#fff;flex:1 1;font-family:Fira Code,Courier New,monospace;font-size:clamp(14px,1.8vw,18px);font-weight:600;letter-spacing:.5px}.navbar-bracket{color:#caaa98;margin:0 4px}.navbar-menu{margin-left:auto}.navbar-menu-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;padding:4px 8px;transition:border-color .2s ease,background .2s ease}.navbar-menu-btn:hover{background:#caaa981a;border-color:#caaa98}@media (max-width:480px){.navbar{gap:10px;padding:12px 14px}.navbar-name{font-size:13px}}.about-section{background:linear-gradient(135deg,#4b4038,#5a4f47);border:1px solid #7a6e62;border-radius:12px;box-shadow:0 8px 32px #00000073;margin:clamp(8px,2vw,24px) clamp(8px,4vw,64px);overflow:hidden;padding:clamp(20px,4vw,48px);position:relative}.about-section:before{background-image:linear-gradient(#caaa980a 1px,#0000 0),linear-gradient(90deg,#caaa980a 1px,#0000 0);background-size:32px 32px;content:"";inset:0;pointer-events:none;position:absolute}.about-grid{grid-gap:clamp(20px,4vw,48px);align-items:center;display:grid;gap:clamp(20px,4vw,48px);grid-template-columns:minmax(220px,1fr) 2fr;position:relative;z-index:1}.about-photo-wrap{aspect-ratio:1;margin:0 auto;max-width:360px;position:relative;width:100%}.about-photo{border:2px solid #caaa98;border-radius:50%;box-shadow:0 0 24px #caaa984d,inset 0 0 24px #00000080;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.about-photo-glow{background:radial-gradient(circle,#caaa982e 0,#0000 70%);border-radius:50%;filter:blur(20px);inset:-10px;position:absolute;z-index:0}.about-text,.about-title{color:#fff;font-family:Fira Code,Courier New,monospace}.about-title{font-size:clamp(40px,7vw,80px);font-weight:700;line-height:1;margin:0 0 12px}.about-prompt{color:#caaa98;margin-right:12px}.about-cursor{animation:blink 1s steps(2) infinite;color:#caaa98;display:inline-block}@keyframes blink{50%{opacity:0}}.about-subtitle{color:#d6d6d6;font-family:Fira Code,Courier New,monospace;font-size:clamp(16px,2vw,20px);font-weight:500;margin:0 0 24px}.about-paragraph{color:#fff;font-size:clamp(13px,1.5vw,15px);line-height:1.8;margin-bottom:32px}.about-paragraph p{margin:4px 0}.about-actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,28px);justify-content:flex-start;margin-top:24px}@media (max-width:900px){.about-grid{grid-template-columns:1fr;text-align:center}.about-photo-wrap{max-width:220px}.about-actions{justify-content:center}}@media (max-width:600px){.about-section{margin:8px;padding:20px}.about-photo-wrap{max-width:160px}.about-paragraph p{margin:6px 0}}.matrix-circle{-webkit-tap-highlight-color:transparent;align-items:center;background:#4b4038;border:1px solid #caaa98;border:1px solid var(--accent,#caaa98);border-radius:50%;box-shadow:0 0 12px #caaa982e,inset 0 0 12px #caaa981a;cursor:pointer;display:flex;height:clamp(120px,16vw,160px);justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:clamp(120px,16vw,160px)}.matrix-circle--hover,.matrix-circle:hover{box-shadow:0 0 24px #caaa9880,inset 0 0 18px #caaa9838;transform:scale(1.06)}.matrix-canvas{border-radius:50%;display:block;height:100%;inset:0;position:absolute;width:100%}.matrix-label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#4b4038a6;border-radius:4px;color:#caaa98;color:var(--accent,#caaa98);font-family:Fira Code,Courier New,monospace;font-size:clamp(14px,1.6vw,18px);font-weight:700;letter-spacing:1px;padding:6px 12px;pointer-events:none;position:relative;text-shadow:0 0 4px #caaa98,0 0 12px #caaa988c;text-shadow:0 0 4px var(--accent,#caaa98),0 0 12px #caaa988c;text-transform:uppercase;z-index:2}.matrix-ring{animation:matrix-pulse 2.4s ease-in-out infinite;border:1px solid #0000;border-radius:50%;inset:-2px;pointer-events:none;position:absolute}@keyframes matrix-pulse{0%,to{box-shadow:0 0 0 0 #caaa9873;opacity:.8}50%{box-shadow:0 0 0 8px #caaa9800;opacity:1}}@media (max-width:600px){.matrix-circle{height:100px;width:100px}.matrix-label{font-size:12px;padding:4px 8px}}.footer-container{background:#5a4f47;background:var(--bg-surface,#5a4f47);border-top:1px solid #7a6e62;border-top:1px solid var(--border,#7a6e62);font-family:Fira Code,Courier New,monospace;margin-top:40px;padding:clamp(20px,4vw,40px);text-align:center}.footer-title{color:#caaa98;color:var(--accent-green,#caaa98);font-size:clamp(20px,3vw,28px);font-weight:700;margin:0 0 16px;text-shadow:0 0 8px #caaa9873}.footer-info-container{color:#fff;color:var(--text-primary,#fff);font-size:clamp(13px,1.5vw,15px);margin:8px 0}.footer-label{color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);font-weight:700;margin-right:8px}.footer-text{color:#fff;color:var(--text-primary,#fff);display:inline-block}.footer-links-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.footer-link-button{background:#0000;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:4px;color:#caaa98;color:var(--accent-green,#caaa98);cursor:pointer;font-family:inherit;font-size:13px;padding:8px 16px;transition:background .2s ease,color .2s ease}.footer-link-button:hover{background:#caaa98;background:var(--accent-green,#caaa98);box-shadow:0 0 12px #caaa988c;color:#4b4038;color:var(--bg-base,#4b4038)}.footer-copyright{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-size:12px;margin-top:20px}.lebenslauf-container{background:linear-gradient(135deg,#4b4038,#5a4f47);border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:12px;box-shadow:0 8px 32px #00000073;color:#fff;color:var(--text-primary,#fff);font-family:Fira Code,Courier New,monospace;margin:clamp(8px,2vw,24px) clamp(8px,4vw,64px);padding:clamp(20px,4vw,40px)}.lebenslauf-container h1{border-bottom:2px solid #caaa98;border-bottom:2px solid var(--accent-green,#caaa98);color:#fff;color:var(--text-bright,#fff);display:inline-block;font-size:clamp(28px,4vw,42px);margin:0 0 24px;padding-bottom:8px}.lebenslauf-container h1:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"$ "}.lebenslauf-container h3{color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);font-size:clamp(15px,2vw,18px);letter-spacing:1px;margin:32px 0 16px;text-align:left}.lebenslauf-container h3:before{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);content:"// "}.my-cv{display:flex;flex-direction:column;gap:24px}.arbeit{grid-gap:20px;align-items:flex-start;border-bottom:1px solid #7a6e62;border-bottom:1px solid var(--border,#7a6e62);display:grid;gap:20px;grid-template-columns:180px 1fr;padding:16px 0}.jahre{min-width:0}.arbeit p{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-family:Fira Code,Courier New,monospace;font-size:14px;font-weight:600;margin:4px 0}.beschreibung{flex:1 1}.stelle p:first-child{color:#caaa98;color:var(--accent-green,#caaa98);font-size:16px}.stelle p:nth-child(2){color:#fff;color:var(--text-bright,#fff);font-size:14px}.stelle ul{list-style:none;margin:8px 0;padding-left:20px}.stelle ul li{color:#fff;color:var(--text-primary,#fff);font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;margin-bottom:6px;position:relative}.stelle ul li:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"▸";left:-16px;position:absolute}.skills{margin-top:16px}.progress{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.progress>div{display:flex;flex-direction:column;gap:4px}.progress label,.texte-beschreibung{color:#fff;color:var(--text-primary,#fff);font-size:13px;font-weight:600;margin:0!important}.progress progress{background:#6b5f55;background:var(--bg-elevated,#6b5f55);border:none;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress progress::-webkit-progress-bar{background:#6b5f55;background:var(--bg-elevated,#6b5f55);border-radius:4px}.progress progress::-webkit-progress-value{background:linear-gradient(90deg,#caaa98,#9dbfb8);background:linear-gradient(90deg,var(--accent-green,#caaa98),var(--accent-cyan,#9dbfb8));border-radius:4px;box-shadow:0 0 8px #caaa9873}.progress progress::-moz-progress-bar{background:linear-gradient(90deg,#caaa98,#9dbfb8);background:linear-gradient(90deg,var(--accent-green,#caaa98),var(--accent-cyan,#9dbfb8))}@media (max-width:700px){.arbeit{gap:6px;grid-template-columns:1fr}.jahre{margin-left:0}}@media (max-width:480px){.lebenslauf-container{margin:8px;padding:16px}}.container-my-projets{background:linear-gradient(135deg,#4b4038,#5a4f47);border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:12px;box-shadow:0 8px 32px #00000073;color:#fff;color:var(--text-primary,#fff);font-family:Fira Code,Courier New,monospace;margin:clamp(8px,2vw,24px) clamp(8px,4vw,64px);padding:clamp(20px,4vw,40px)}.texteProjets{border-bottom:2px solid #caaa98;border-bottom:2px solid var(--accent-green,#caaa98);color:#fff;color:var(--text-bright,#fff);display:inline-block;font-size:clamp(20px,3vw,28px);margin:0 0 32px;padding-bottom:8px;text-align:left}.texteProjets:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"$ "}.projet-title{color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);font-size:clamp(16px,2.2vw,20px);font-weight:600;margin:0 0 12px;padding:0}.projet-title:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"> "}.bloc-projets{grid-gap:clamp(20px,4vw,40px);align-items:center;border-bottom:1px solid #7a6e62;border-bottom:1px solid var(--border,#7a6e62);display:grid;gap:clamp(20px,4vw,40px);grid-template-columns:minmax(260px,1fr) 1fr;margin-top:40px;padding:24px 0}.bloc-projet{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.solarEnergyImage{border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:8px;box-shadow:0 0 16px #caaa981f;height:auto;max-width:480px;width:100%}.bloc-projets p,.texte-projet{color:#fff;color:var(--text-primary,#fff);font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.7}.espace-bloc{list-style:none;margin:12px 0;padding-left:16px}.espace-bloc li{color:#fff;color:var(--text-primary,#fff);font-family:Fira Code,Courier New,monospace;font-size:13px;margin-bottom:8px;position:relative}.espace-bloc li:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"▸";left:-16px;position:absolute}.projet-inhalt{position:relative}@media (max-width:800px){.bloc-projets{grid-template-columns:1fr}.solarEnergyImage{max-width:100%}}@media (max-width:480px){.container-my-projets{margin:8px;padding:16px}}.contact-container{grid-gap:clamp(20px,4vw,48px);align-items:flex-start;background:linear-gradient(135deg,#4b4038,#5a4f47);border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:12px;box-shadow:0 8px 32px #00000073;color:#fff;color:var(--text-primary,#fff);display:grid;font-family:Fira Code,Courier New,monospace;gap:clamp(20px,4vw,48px);grid-template-columns:1fr 1fr;margin:clamp(8px,2vw,24px) clamp(8px,4vw,64px);padding:clamp(20px,4vw,48px)}.title-contact{border-bottom:2px solid #caaa98;border-bottom:2px solid var(--accent-green,#caaa98);color:#fff;color:var(--text-bright,#fff);display:inline-block;font-size:clamp(28px,4vw,38px);margin:0 0 24px;padding-bottom:8px}.title-contact:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"$ "}.title-email,.title-telefon{color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);font-size:clamp(14px,1.8vw,18px);margin:16px 0 6px}.texte-contact{color:#fff;color:var(--text-primary,#fff);font-family:Fira Code,Courier New,monospace;font-size:14px}.input-first-containers,.input-second-containers,.input-third-containers{display:flex;flex:1 1;flex-direction:column}.input-first-containers label,.input-second-containers label,.input-third-containers label{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-family:Fira Code,Courier New,monospace;font-size:13px;margin-bottom:6px}.input-first-containers input,.input-second-containers input,.input-third-containers textarea{background:#4b4038;background:var(--bg-base,#4b4038);border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:6px;color:#fff;color:var(--text-bright,#fff);font-family:Fira Code,Courier New,monospace;font-size:14px;outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.input-first-containers input:focus,.input-second-containers input:focus,.input-third-containers textarea:focus{border-color:#caaa98;border-color:var(--accent-green,#caaa98);box-shadow:0 0 0 2px #caaa9838}.input-third-containers textarea{min-height:160px;resize:vertical}.name-container,.name-subject-container,.name-subject-container-message{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.send-message-container{display:flex;flex-direction:column;gap:16px}.contact{align-self:flex-start;background:#0000;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:6px;color:#caaa98;color:var(--accent-green,#caaa98);cursor:pointer;font-family:Fira Code,Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:16px;padding:12px 24px;transition:background .2s,color .2s,box-shadow .2s}.contact:hover{background:#caaa98;background:var(--accent-green,#caaa98);box-shadow:0 0 16px #caaa988c;color:#4b4038;color:var(--bg-base,#4b4038)}.contact-details{display:flex;flex-direction:column}@media (max-width:900px){.contact-container{grid-template-columns:1fr}}@media (max-width:600px){.contact-container{margin:8px;padding:16px}.name-container,.name-subject-container,.name-subject-container-message{flex-direction:column;gap:12px}}