@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('./fonts/inter-v19-latin-300.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/inter-v19-latin-regular.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/inter-v19-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/inter-v19-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/inter-v19-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#ffffff;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,0,0,0.1);}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;}.nav-logo h3{font-size:1.5rem;font-weight:600;color:#1a1a1a;white-space:nowrap;}.nav-menu{display:flex;list-style:none;gap:2rem;}.nav-menu a{text-decoration:none;color:#1a1a1a;font-weight:500;transition:color 0.3s ease;position:relative;}.nav-menu a:hover{color:#3b82f6;}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#3b82f6;transition:width 0.3s ease;}.nav-menu a:hover::after{width:100%;}.hamburger{display:none;flex-direction:column;cursor:pointer;}.hamburger span{width:25px;height:3px;background:#1a1a1a;margin:3px 0;transition:0.3s;}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;display:flex;align-items:center;}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.hero-text h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#1a1a1a;}.hero-text h2{font-size:1.5rem;font-weight:500;color:#64748b;margin-bottom:1.5rem;}.hero-text p{font-size:1.1rem;color:#475569;margin-bottom:2rem;line-height:1.7;}.highlight{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:gradientShift 4s ease-in-out infinite;position:relative;display:inline-block;font-weight:inherit;white-space:nowrap;}.highlight{color:#667eea;animation:colorShift 4s ease-in-out infinite;}@keyframes colorShift{0%{color:#667eea;}25%{color:#764ba2;}50%{color:#f093fb;}75%{color:#f5576c;}100%{color:#667eea;}}.highlight-btn{color:#667eea !important;animation:colorShift 4s ease-in-out infinite;}.btn-primary .highlight-btn{color:white !important;animation:none;}.btn-secondary .highlight-btn{color:#667eea !important;animation:colorShift 4s ease-in-out infinite;}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;}.btn-primary{background:#3b82f6;color:white;}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);}.btn-secondary{background:transparent;color:#3b82f6;border:2px solid #3b82f6;}.btn-secondary:hover{background:#3b82f6;color:white;transform:translateY(-2px);}.hero-image{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;}.profile-placeholder{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background-image:url('./pictures/6324208a-337a-4968-b78a-162bc868b3a5.webp');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(59,130,246,0.3);}.profile-icon{font-size:6rem;}.section-title{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:3rem;color:#1a1a1a;}.about{padding:120px 0 80px;background:#ffffff;position:relative;z-index:2;}.about-content{max-width:800px;margin:0 auto;text-align:center;}.about-text p{font-size:1.1rem;color:#475569;margin-bottom:3rem;line-height:1.7;}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;}.skill-category{text-align:left;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;}.skill-category h4{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;}.skill-category ul{list-style:none;}.skill-category li{padding:0.5rem 0;color:#475569;position:relative;padding-left:1.5rem;}.skill-category li::before{content:'✓';position:absolute;left:0;color:#3b82f6;font-weight:bold;}.services{padding:80px 0;background:#f8fafc;}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;}.service-card{background:white;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid #e2e8f0;}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}.service-icon{font-size:3rem;margin-bottom:1rem;}.service-card h3{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;}.service-card p{color:#475569;line-height:1.6;}.projects{padding:80px 0;background:#ffffff;}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;}.project-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid #e2e8f0;}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}.project-image{height:200px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;}.project-placeholder{font-size:4rem;color:white;}.project-content{padding:1.5rem;}.project-content h3{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:0.5rem;}.project-content p{color:#475569;margin-bottom:1rem;line-height:1.6;}.project-tags{display:flex;gap:0.5rem;flex-wrap:wrap;}.tag{background:#e2e8f0;color:#475569;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.85rem;font-weight:500;}.contact{padding:80px 0;background:#f8fafc;}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}.contact-info h3{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;}.contact-info p{color:#475569;line-height:1.7;margin-bottom:2rem;}.contact-details{display:flex;flex-direction:column;gap:1rem;}.contact-item{color:#475569;}.contact-item strong{color:#1a1a1a;}.contact-form{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.05);border:1px solid #e2e8f0;}.form-group{margin-bottom:1.5rem;}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color 0.3s ease;}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;}.form-group textarea{resize:vertical;}.footer{background:#1a1a1a;color:white;padding:2rem 0;text-align:center;}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}.social-links{display:flex;gap:1rem;}.social-links a{color:white;text-decoration:none;transition:color 0.3s ease;}.social-links a:hover{color:#3b82f6;}@media (max-width:768px){.hamburger{display:flex;}.nav-logo h3{font-size:1.3rem;}.nav-menu{position:fixed;right:-100%;top:70px;flex-direction:column;background-color:white;width:100%;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgba(0,0,0,0.05);padding:2rem 0;}.nav-menu.active{right:0;}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center;}.hero-text h1{font-size:2.5rem;}.hero-text h2{font-size:1.3rem;}.profile-placeholder{width:200px;height:200px;}.profile-icon{font-size:4rem;}.section-title{font-size:2rem;}.skills-grid{grid-template-columns:1fr;}.services-grid{grid-template-columns:1fr;}.projects-grid{grid-template-columns:1fr;}.contact-content{grid-template-columns:1fr;gap:2rem;}.footer-content{flex-direction:column;text-align:center;}.hero-buttons{justify-content:center;}}@media (max-width:480px){.container{padding:0 15px;}.nav-logo h3{font-size:1.1rem;}.hero{padding:100px 0 60px;}.hero-text h1{font-size:2rem;}.hero-text h2{font-size:1.1rem;}.btn{padding:10px 20px;font-size:0.9rem;}.projects-grid{grid-template-columns:1fr;}.project-card{margin:0 10px;}.service-card{margin:0 10px;}}.nav-logo a{text-decoration:none;color:inherit;}.nav-menu a.active{color:#3b82f6;}.nav-menu a.active::after{width:100%;}.main-content{margin-top:70px;}.page-header{padding:80px 0 40px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);text-align:center;}.page-title{font-size:3rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;}.page-description{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;}.projects-showcase{padding:80px 0;background:#ffffff;}.project-card.featured{border:2px solid #3b82f6;box-shadow:0 8px 25px rgba(59,130,246,0.15);}.project-badge{display:inline-block;background:#3b82f6;color:white;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:600;margin-bottom:1rem;}.tech-stack{margin:1.5rem 0;}.tech-stack h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:0.8rem;}.tech-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}.tech-tag{padding:0.4rem 0.8rem;border-radius:15px;font-size:0.8rem;font-weight:500;border:1px solid;}.tech-tag.frontend{background:#dbeafe;color:#1e40af;border-color:#3b82f6;}.tech-tag.backend{background:#dcfce7;color:#166534;border-color:#22c55e;}.tech-tag.database{background:#fef3c7;color:#92400e;border-color:#f59e0b;}.tech-tag.styling{background:#fce7f3;color:#be185d;border-color:#ec4899;}.tech-tag.tools{background:#e0e7ff;color:#3730a3;border-color:#6366f1;}.tech-tag.mobile{background:#f3e8ff;color:#6b21a8;border-color:#a855f7;}.tech-tag.visualization{background:#fef2f2;color:#991b1b;border-color:#ef4444;}.tech-tag.cms{background:#f0f9ff;color:#0c4a6e;border-color:#0ea5e9;}.tech-tag.security{background:#fff7ed;color:#9a3412;border-color:#f97316;}.project-features{margin-top:1.5rem;}.project-features ul{list-style:none;padding:0;}.project-features li{padding:0.3rem 0;color:#475569;position:relative;padding-left:1.5rem;}.project-features li::before{content:'✓';position:absolute;left:0;color:#3b82f6;font-weight:bold;}.project-link{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0;}.project-link .btn{width:100%;text-align:center;font-size:0.9rem;padding:10px 20px;}.impressum-content{padding:80px 0;background:#ffffff;}.impressum-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0;}.impressum-section:last-child{border-bottom:none;}.impressum-section h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;}.impressum-section h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:1.5rem 0 0.8rem 0;}.impressum-section p{color:#475569;line-height:1.7;margin-bottom:1rem;}.impressum-section a{color:#3b82f6;text-decoration:none;}.impressum-section a:hover{text-decoration:underline;}.contact-info{background:#f8fafc;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;}.impressum-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #e2e8f0;}@media (max-width:768px){.page-title{font-size:2.5rem;}.page-description{font-size:1.1rem;}.tech-tags{justify-content:center;}.impressum-section{margin-bottom:2rem;}.contact-info{padding:1.5rem;}}@media (max-width:480px){.page-title{font-size:2rem;}.page-description{font-size:1rem;}.tech-tag{font-size:0.75rem;padding:0.3rem 0.6rem;}}html{scroll-behavior:smooth;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.hero-text,.hero-image,.service-card,.project-card{animation:fadeInUp 0.8s ease;}.service-card:hover .service-icon{transform:scale(1.1);transition:transform 0.3s ease;}.project-card:hover .project-image{transform:scale(1.05);transition:transform 0.3s ease;}