@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap);:root{--page-max-width:1240px;--page-padding:clamp(20px,4vw,40px);--page-margin-y:24px;--page-gutter:clamp(16px,3vw,32px);--bg-base:#4b4038;--bg-surface:#5a4f47;--bg-elevated:#6b5f55;--border:#7a6e62;--text-primary:#fff;--text-secondary:#f0f0f0;--text-bright:#fff;--accent-green:#caaa98;--accent-cyan:#9dbfb8;--accent-purple:#c9a8c2;--accent-orange:#d4a574}*{box-sizing:border-box}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-main,.page-wrapper{display:flex;flex:1 1;flex-direction:column}.page-main{align-items:center;justify-content:center;padding:24px 0;padding:var(--page-margin-y) 0}html{font-size:16px}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:Open Sans,Segoe UI,Arial,sans-serif;font-size:1rem;line-height:1.6;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}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin:0 0 1rem}h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;line-height:1.3;margin:0 0 .875rem}h3{font-size:clamp(1.25rem,2.5vw,1.5rem);margin:0 0 .75rem}h3,h4{font-weight:600;line-height:1.4}h4{font-size:clamp(1rem,2vw,1.25rem);margin:0 0 .625rem}h5{font-size:1rem}h5,h6{font-weight:600;margin:0 0 .5rem}h6{font-size:.875rem}p{font-size:1rem;line-height:1.7;margin:0 0 1rem}small{font-size:.875rem}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:#3d342c;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:12px;box-shadow:0 8px 32px #00000073;margin:24px auto;margin:var(--page-margin-y,24px) auto;max-width:var(--page-max-width);overflow:hidden;padding:var(--page-padding);position:relative;width:100%}.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;filter:grayscale(30%) brightness(.85);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}.about-subtitle{color:#f0f0f0;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-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}}.taskly-section{border-top:1px solid #7a6e62;border-top:1px solid var(--border,#7a6e62);font-family:Fira Code,Courier New,monospace;margin-top:clamp(24px,4vw,40px);padding-top:clamp(20px,3vw,32px);position:relative;text-align:center;z-index:1}.taskly-title{color:#caaa98;color:var(--accent-green,#caaa98);font-size:clamp(15px,2vw,19px);font-weight:700;margin:0 0 14px;text-shadow:0 0 8px #caaa9873}.taskly-card{align-items:center;background:#5a4f47;background:var(--bg-surface,#5a4f47);border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:8px;display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,32px);justify-content:center;margin:0 auto;max-width:540px;padding:clamp(14px,2vw,22px)}.taskly-qr-wrap{background:#fff8f2;border-radius:8px;box-shadow:0 0 16px #caaa9859;display:inline-flex;padding:10px}.taskly-text{color:#fff;color:var(--text-primary,#fff);font-size:clamp(12px,1.3vw,13px);line-height:1.55;max-width:320px;text-align:left}.taskly-text p{margin:0 0 12px}.taskly-link{align-items:center;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:4px;color:#caaa98;color:var(--accent-green,#caaa98);display:inline-flex;font-size:12px;gap:8px;margin-top:4px;padding:6px 12px;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.taskly-link:hover{background:#caaa98;background:var(--accent-green,#caaa98);box-shadow:0 0 12px #caaa988c;color:#4b4038;color:var(--bg-base,#4b4038)}@media (max-width:560px){.taskly-text{text-align:center}}.footer-container{background:#5a4f47;background:var(--bg-surface,#5a4f47);border-top:1px solid #7a6e62;border-top:1px solid var(--border,#7a6e62);margin-top:auto;padding:var(--page-padding);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-social-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.footer-social-link{align-items:center;border:1px solid #9dbfb8;border:1px solid var(--accent-cyan,#9dbfb8);border-radius:4px;color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);display:inline-flex;font-size:14px;gap:8px;padding:8px 14px;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.footer-social-link:hover{background:#9dbfb8;background:var(--accent-cyan,#9dbfb8);box-shadow:0 0 12px #9dbfb88c;color:#4b4038;color:var(--bg-base,#4b4038)}.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:#3d342c;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:12px;box-shadow:0 8px 32px #00000073;color:#fff;color:var(--text-primary,#fff);margin:0;max-width:var(--page-max-width);padding:var(--page-padding);width:100%}.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-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-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}}.container-my-projets{background:#3d342c;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:12px;box-shadow:0 8px 32px #00000073;color:#fff;color:var(--text-primary,#fff);margin:0;max-width:var(--page-max-width);padding:var(--page-padding);width:100%}.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-projets-clickable{border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease}.bloc-projets-clickable:focus-visible,.bloc-projets-clickable:hover{background:#caaa9814;outline:none;transform:translateY(-2px)}.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-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-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%}}.legal-section{color:#fff;color:var(--text-primary,#fff);margin:var(--page-margin-y) auto;max-width:var(--page-max-width);min-height:100vh;padding:var(--page-padding);width:calc(100% - var(--page-gutter)*2)}.legal-back{align-items:center;background:#0000;border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:4px;color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:8px;margin-bottom:40px;padding:8px 16px;transition:background .2s ease,color .2s ease}.legal-back:hover{background:#6b5f55;background:var(--bg-elevated,#6b5f55);color:#fff;color:var(--text-bright,#fff)}.legal-title{color:#caaa98;color:var(--accent-green,#caaa98);font-size:clamp(22px,4vw,36px);font-weight:700;margin:0 0 8px;text-shadow:0 0 10px #caaa9866}.legal-prompt{color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);margin-right:8px}.legal-cursor{animation:blink 1.1s step-end infinite;color:#caaa98;color:var(--accent-green,#caaa98)}@keyframes blink{50%{opacity:0}}.legal-subtitle{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-size:clamp(13px,1.5vw,15px);margin:0 0 40px}.legal-card{background:#3d342c;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:8px;margin-bottom:24px;padding:clamp(20px,4vw,40px)}.legal-card-title{align-items:center;color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);display:flex;font-size:clamp(14px,1.8vw,18px);font-weight:700;gap:8px;margin:0 0 12px}.legal-card-title:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"//";opacity:.7}.legal-card p{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-size:clamp(13px,1.4vw,15px);line-height:1.8;margin:0 0 10px}.legal-card p:last-child{margin-bottom:0}.legal-tag{background:#6b5f55;background:var(--bg-elevated,#6b5f55);border:1px solid;border-radius:4px;display:inline-block;font-size:12px;font-weight:600;margin:4px 4px 4px 0;padding:4px 12px}.legal-tag--beige{background:#caaa981a;border-color:#caaa9880;color:#caaa98;color:var(--accent-green,#caaa98)}.legal-tag--cyan{background:#9dbfb81a;border-color:#9dbfb880;color:#9dbfb8;color:var(--accent-cyan,#9dbfb8)}.legal-tag--purple{background:#c9a8c21a;border-color:#c9a8c280;color:#c9a8c2;color:var(--accent-purple,#c9a8c2)}.legal-tag--orange{background:#d4a5741a;border-color:#d4a57480;color:#d4a574;color:var(--accent-orange,#d4a574)}.legal-highlight{color:#caaa98;color:var(--accent-green,#caaa98);font-weight:600}.legal-link{color:#9dbfb8;color:var(--accent-cyan,#9dbfb8);text-decoration:none}.legal-link:hover{text-decoration:underline}.project-detail-section{background:#3d342c;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:12px;box-shadow:0 8px 32px #00000073;color:#fff;color:var(--text-primary,#fff);font-family:Fira Code,Courier New,monospace;margin:24px auto;margin:var(--page-margin-y,24px) auto;max-width:var(--page-max-width);min-height:auto;padding:clamp(20px,4vw,40px);padding:var(--page-padding,clamp(20px,4vw,40px));width:calc(100% - 48px);width:calc(100% - var(--page-gutter, 24px)*2)}.project-detail-image-wrap{margin:0 0 32px;text-align:center}.project-detail-image{border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:8px;box-shadow:0 0 16px #caaa981f;height:auto;max-width:560px;width:100%}.project-detail-list{list-style:none;margin:12px 0;padding-left:16px}.project-detail-list li{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-size:clamp(13px,1.4vw,15px);line-height:1.8;margin-bottom:8px;position:relative}.project-detail-list li:before{color:#caaa98;color:var(--accent-green,#caaa98);content:"▸";left:-16px;position:absolute}.project-code{background:#2e2925;border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:8px;color:#e8e0d8;font-family:Fira Code,Courier New,monospace;font-size:clamp(11px,1.2vw,13px);line-height:1.6;margin:16px 0 4px;overflow-x:auto;padding:clamp(12px,2vw,20px);text-align:left;white-space:pre}.project-detail-not-found{color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-size:clamp(14px,1.8vw,18px)}.flow-diagram{font-family:Fira Code,Courier New,monospace;margin:16px auto 4px;max-width:760px}.flow-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}.flow-col{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.flow-node{background:#faf8f6;border:1px solid #c9bfb5;border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:10px 12px;text-align:center}.flow-node-title{color:#2e2925;font-size:clamp(11px,1.2vw,13px);font-weight:700}.flow-node-sub{color:#5a4f47;font-size:clamp(10px,1.1vw,12px)}.flow-arrow{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:0;max-width:120px}.flow-arrow-label{color:#2e6e66;color:var(--accent-cyan,#2e6e66);font-size:clamp(9px,1vw,11px);line-height:1.3;margin-bottom:2px;text-align:center}.flow-arrow-symbol{color:#8c6b53;color:var(--accent-green,#8c6b53);font-size:20px;line-height:1}.flow-notes{border-top:1px dashed #c9bfb5;list-style:none;margin:16px 0 0;padding:0}.flow-notes li{color:#333;color:var(--text-secondary,#333);font-size:clamp(11px,1.2vw,13px);line-height:1.5;margin-top:8px;padding-left:18px;position:relative}.flow-notes li:before{color:#8c6b53;color:var(--accent-green,#8c6b53);content:"▸";left:0;position:absolute}@media (max-width:640px){.flow-row{align-items:stretch;flex-direction:column}.flow-arrow{max-width:none}.flow-arrow-symbol{transform:rotate(90deg)}}.code-block{background:#2b2b2b;border:1px solid #7a6e62;border:1px solid var(--border,#7a6e62);border-radius:8px;color:#a9b7c6;font-family:Fira Code,JetBrains Mono,Courier New,monospace;font-size:clamp(11px,1.2vw,13px);line-height:1.6;margin:16px 0 4px;overflow-x:auto;padding:clamp(12px,2vw,20px);text-align:left;white-space:pre}.tok-keyword{color:#cc7832;font-weight:600}.tok-string{color:#6a8759}.tok-comment{color:grey;font-style:italic}.tok-annotation{color:#bbb529}.seq-scroll{margin:16px 0 4px;overflow-x:auto}.seq-diagram{font-family:Fira Code,Courier New,monospace;margin:0 auto;max-width:860px;min-width:640px;padding-bottom:12px;position:relative}.seq-lifelines{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:70px}.seq-lifeline{border-left:1px dashed #caaa9859;bottom:0;position:absolute;top:0;width:0}.seq-header{display:flex;margin-bottom:14px;position:relative;z-index:1}.seq-participant{background:#faf8f6;border:1px solid #c9bfb5;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:2px;margin:0 8px;min-width:0;padding:8px 6px;text-align:center}.seq-participant-name{color:#2e2925;font-size:clamp(11px,1.2vw,13px);font-weight:700}.seq-participant-sub{color:#5a4f47;font-size:clamp(9px,1vw,11px)}.seq-group-title{color:#caaa98;color:var(--accent-green,#caaa98);display:block;font-size:clamp(10px,1.1vw,12px);font-weight:700;margin:14px 0 6px;position:relative;z-index:1}.seq-row{height:34px;position:relative}.seq-arrow{border-bottom:2px solid #9dbfb8;border-bottom:2px solid var(--accent-cyan,#9dbfb8);bottom:8px;position:absolute}.seq-arrow-reply{border-bottom-color:#d6d6d6bf;border-bottom-style:dashed}.seq-arrow-label{bottom:2px;color:#d6d6d6;color:var(--text-secondary,#d6d6d6);font-size:clamp(9px,1vw,11px);left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.seq-arrow-head{border-bottom:4px solid #0000;border-top:4px solid #0000;bottom:-5px;height:0;position:absolute;width:0}.seq-arrow .seq-arrow-head{border-left-color:#9dbfb8;border-left-color:var(--accent-cyan,#9dbfb8);border-right-color:#9dbfb8;border-right-color:var(--accent-cyan,#9dbfb8)}.seq-arrow-reply .seq-arrow-head{border-left-color:#d6d6d6bf;border-right-color:#d6d6d6bf}.seq-head-right{border-left-style:solid;border-left-width:7px;right:-1px}.seq-head-left{border-right-style:solid;border-right-width:7px;left:-1px}.seq-self{background:#caaa981a;border:1px dashed #caaa9866;border-radius:4px;bottom:6px;color:#caaa98;color:var(--accent-green,#caaa98);font-size:clamp(9px,1vw,11px);font-style:italic;padding:2px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.contact-container{grid-gap:clamp(20px,4vw,48px);align-items:flex-start;background:#3d342c;border:1px solid #caaa98;border:1px solid var(--accent-green,#caaa98);border-radius:12px;box-shadow:0 8px 32px #00000073;color:#fff;color:var(--text-primary,#fff);display:grid;gap:clamp(20px,4vw,48px);grid-template-columns:1fr 1fr;margin:0;max-width:var(--page-max-width);padding:var(--page-padding);width:100%}.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-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-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-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-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){.name-container,.name-subject-container,.name-subject-container-message{flex-direction:column;gap:12px}}