.homepage{--bg-page:#ffffff;--bg-section:#f7f8fa;--text-main:#111827;--text-body:#4b5563;--text-muted:#6b7280;--border-subtle:#e5e7eb;--accent:#1d4ed8;--accent-dark:#1e40af}.homepage section{width:100%}.homepage .hero{background:var(--bg-section);padding:40px 16px 56px}.homepage .hero-inner,.homepage .offers-inner{max-width:1100px;margin:0 auto}.homepage .top-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:24px}.homepage .brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-main);font-size:14px;text-decoration:underline;border-bottom:0}.homepage .brand:hover{color:var(--text-main);border-bottom:0}.homepage .brand-logo{width:24px;height:24px;object-fit:contain;display:block}.homepage .brand-text{line-height:1}.homepage .nav-links{display:flex;flex-wrap:wrap;gap:14px 20px}.homepage .nav-links .nav-link--first{margin-right:10px}.homepage .nav-links .lang-switch{display:inline-flex;align-items:center;gap:6px}.homepage .nav-links a{font-size:14px;color:var(--text-body);text-decoration:underline;border-bottom:0}.homepage .nav-links a:hover{color:var(--text-main)}.homepage a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.homepage .hero-content{display:grid;grid-template-columns:minmax(0,.36fr)minmax(0,.64fr);gap:40px;align-items:center}@media(max-width:900px){.homepage .hero-content{grid-template-columns:1fr}.homepage .top-nav{align-items:flex-start;flex-direction:column}}.homepage .photo-card{background:#fff;border-radius:24px;padding:20px 20px 16px;box-shadow:0 18px 45px rgba(15,23,42,.12);text-align:center}.homepage .photo-card img{width:200px;height:200px;border-radius:9999px;object-fit:cover;margin-bottom:16px;background:#d1d5db}.homepage .photo-meta .name{font-weight:600;font-size:18px;color:var(--text-main);margin-bottom:4px}.homepage .photo-meta .roles{font-size:14px;color:var(--text-muted)}.homepage .hero-right h1{font-size:34px;line-height:1.15;font-weight:600;color:var(--text-main);margin-bottom:16px}.homepage .hero-subtitle{font-size:17px;line-height:1.55;color:var(--text-body);margin-bottom:20px}.homepage .hero-bullets{list-style:none;padding:0;margin:0 0 24px;color:var(--text-main);font-size:15px}.homepage .hero-bullets li{margin-bottom:6px;position:relative;padding-left:14px}.homepage .hero-bullets li::before{content:"•";position:absolute;left:0}.homepage .hero-bullets li p,.homepage .offer-card li p,.homepage .experience-points li p{margin:0}.homepage .hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.homepage .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:9999px;background:var(--accent);color:#fff;font-weight:500;font-size:15px;text-decoration:none;border:0}.homepage .btn-primary:hover{background:var(--accent-dark);border-bottom:0;color:#fff}.homepage .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:9999px;border:1px solid #d1d5db;background:rgba(255,255,255,.9);color:var(--text-main);font-size:15px;text-decoration:none}.homepage .btn-secondary:hover{background:#fff;border-bottom:0;color:var(--text-main)}.homepage .hero-meta{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.homepage .hero-subtitle p,.homepage .hero-meta p,.homepage .offers-intro p,.homepage .offer-context p,.homepage .offer-meta p,.homepage .how-i-work-intro p,.homepage .how-card-text p,.homepage .trusted-projects-intro p,.homepage .trusted-summary p,.homepage .experience-intro p,.homepage .experience-summary p,.homepage .education-intro p,.homepage .education-field p,.homepage .education-topic p,.homepage .contact-text p,.homepage .contact-meta p,.homepage .impressum-text p,.homepage .values-intro p,.homepage .value-text p,.homepage .values-outro p{margin:0 0 .65em}.homepage .hero-subtitle p:last-child,.homepage .hero-meta p:last-child,.homepage .offers-intro p:last-child,.homepage .offer-context p:last-child,.homepage .offer-meta p:last-child,.homepage .how-i-work-intro p:last-child,.homepage .how-card-text p:last-child,.homepage .trusted-projects-intro p:last-child,.homepage .trusted-summary p:last-child,.homepage .experience-intro p:last-child,.homepage .experience-summary p:last-child,.homepage .education-intro p:last-child,.homepage .education-field p:last-child,.homepage .education-topic p:last-child,.homepage .contact-text p:last-child,.homepage .contact-meta p:last-child,.homepage .impressum-text p:last-child,.homepage .values-intro p:last-child,.homepage .value-text p:last-child,.homepage .values-outro p:last-child{margin-bottom:0}.homepage .offers{background:var(--bg-section);padding:40px 16px 56px}.homepage .offers-inner h2,.homepage .experience-inner h2,.homepage .how-i-work-inner h2,.homepage .education-inner h2,.homepage .contact-card h2{font-size:26px;font-weight:600;color:var(--text-main);margin-bottom:8px}.homepage .offers-intro,.homepage .experience-intro,.homepage .how-i-work-intro,.homepage .trusted-projects-intro,.homepage .education-intro,.homepage .contact-text{font-size:16px;color:var(--text-body);margin-bottom:24px}.homepage .tech-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px;font-size:13px}.homepage .tech-label{font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.homepage .tech-pill{padding:4px 10px;border-radius:9999px;background:#e5e7eb;color:#374151;font-size:12px;white-space:nowrap}.homepage .offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media(max-width:900px){.homepage .offers-grid{grid-template-columns:1fr}}.homepage .offer-card{background:#fff;border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 10px 24px rgba(15,23,42,6%);padding:20px 20px 18px}.homepage .offer-tag{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:8px}.homepage .offer-card h3{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:6px}.homepage .offer-context{font-size:14px;color:var(--text-muted);margin-bottom:10px}.homepage .offer-card ul,.homepage .experience-points{list-style:none;padding:0;margin:0 0 12px;font-size:14px;color:var(--text-body)}.homepage .offer-card li,.homepage .experience-points li{margin-bottom:4px;position:relative;padding-left:14px}.homepage .offer-card li::before,.homepage .experience-points li::before{content:"•";position:absolute;left:0}.homepage .offer-meta,.homepage .contact-meta{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.homepage .how-i-work,.homepage .experience,.homepage .education,.homepage .trusted-projects{background:#fff;padding:40px 16px}.homepage .experience{padding-bottom:56px}.homepage .how-i-work-inner,.homepage .trusted-projects-inner,.homepage .experience-inner,.homepage .education-inner,.homepage .contact-inner{max-width:1100px;margin:0 auto}.homepage .how-i-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media(max-width:1000px){.homepage .how-i-work-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.homepage .how-i-work-grid{grid-template-columns:1fr}}.homepage .how-card,.homepage .trusted-card,.homepage .education-card{background:#f9fafb;border-radius:16px;border:1px solid var(--border-subtle);padding:18px 20px 16px}.homepage .how-card h3{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:6px}.homepage .how-card-text{margin:0;font-size:14px;color:var(--text-body)}.homepage .trusted-projects{padding-top:20px}.homepage .trusted-projects-inner h2{font-size:24px;font-weight:600;color:var(--text-main);margin-bottom:8px}.homepage .trusted-projects-grid,.homepage .education-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media(max-width:900px){.homepage .trusted-projects-grid{grid-template-columns:1fr}}@media(max-width:800px){.homepage .education-grid{grid-template-columns:1fr}}.homepage .trusted-name,.homepage .education-school,.homepage .experience-company{font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:2px}.homepage .trusted-role,.homepage .education-level,.homepage .experience-role{font-size:13px;font-weight:500;color:var(--accent);margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em}.homepage .trusted-summary,.homepage .education-field,.homepage .education-topic,.homepage .experience-summary{font-size:14px;color:var(--text-body);margin:0}.homepage .experience-layout{position:relative;display:grid;grid-template-columns:1fr;row-gap:20px}.homepage .experience-line{position:absolute;left:120px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e5e7eb 0%,#e5e7eb 60%,transparent 100%);z-index:0}.homepage .experience-card{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:24px;align-items:flex-start;z-index:1}.homepage .experience-card::before{content:"";position:absolute;left:114px;top:20px;width:12px;height:12px;border-radius:9999px;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.homepage .experience-year{font-size:13px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding-top:14px;white-space:nowrap}.homepage .experience-body{background:#fff;border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 10px 24px rgba(15,23,42,4%);padding:18px 20px 16px}.homepage .experience-card--compact .experience-body{box-shadow:none;background:#f9fafb}@media(max-width:720px){.homepage .experience-line{left:24px}.homepage .experience-card{grid-template-columns:auto minmax(0,1fr)}.homepage .experience-card::before{left:18px;top:10px}.homepage .experience-year{font-size:12px;padding-top:28px;margin-right:10px}}.homepage .education-topic{margin-top:8px}.homepage .contact{background:var(--accent);padding:40px 16px 56px;color:#fff}.homepage .contact-card{max-width:720px;margin:0 auto}.homepage .contact-card h2,.homepage .contact-text,.homepage .contact-meta{color:#fff}.homepage .contact-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.homepage .contact .btn-primary{background:#fff;color:var(--accent-dark)}.homepage .contact .btn-primary:hover{background:#e5e7eb;color:var(--accent-dark)}.homepage .contact .btn-secondary{background:0 0;border-color:rgba(255,255,255,.7);color:#fff}.homepage .contact .btn-secondary:hover{background:rgba(15,23,42,.1);color:#fff;border-bottom:0}@media(max-width:600px){.homepage .tech-strip{flex-direction:column;align-items:flex-start}}.homepage .how-i-work-values{margin-top:40px}.homepage .how-i-work-values h3{font-size:22px;font-weight:600;color:var(--text-main);margin-bottom:8px}.homepage .values-intro{font-size:16px;color:var(--text-body);margin-bottom:24px}.homepage .values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media(max-width:800px){.homepage .values-grid{grid-template-columns:1fr}}.homepage .value-card{background:#fff;border-radius:16px;border:1px solid var(--border-subtle);padding:18px 20px 16px;box-shadow:0 4px 6px -1px rgba(0,0,0,5%)}.homepage .value-card h4{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:6px}.homepage .value-text{font-size:14px;color:var(--text-body);margin:0}.homepage .values-outro{margin-top:24px;font-size:15px;color:var(--text-muted);font-style:italic;text-align:center}.homepage #impressum{background:var(--bg-section);color:var(--text-body);padding:32px 16px}.homepage .impressum-card{max-width:720px;margin:0 auto}.homepage #impressum .impressum-card h2{color:var(--text-main);font-size:18px;margin-bottom:12px}.homepage #impressum .impressum-text{color:var(--text-muted);font-size:14px;margin-bottom:0}.homepage .nav-links a.flagselect,.homepage .nav-links a.flagnoselect{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:9999px;border:1px solid var(--border-subtle);background:var(--bg-page);font-size:13px;font-weight:600;letter-spacing:.03em;line-height:1.2;text-decoration:none}.homepage .nav-links a.flagnoselect{color:var(--text-body)}.homepage .nav-links a.flagnoselect:hover{background:var(--bg-page);border-color:var(--text-muted);color:var(--text-main)}.homepage .nav-links a.flagselect{background:var(--accent);border-color:var(--accent);color:var(--bg-page)}.homepage .nav-links a.flagselect:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--bg-page)}.homepage .nav-links a.flagselect:focus-visible{outline-color:var(--bg-page)}