:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}body{margin:0;min-width:320px;min-height:100vh}:root{--color-primary: #006ab3;--color-secondary: #f1f8fe;--color-accent: #ee7f00;--color-dark: #111111;--color-light: #f8f8f8;--color-white: #ffffff;--color-gradient-start: #005a9c;--color-gradient-end: #0088cc;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Raleway", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);color:var(--color-dark);background-color:var(--color-white);line-height:1.6;overflow-x:hidden}.app{min-height:100vh}main{width:100%}section{min-height:100vh;padding:6rem 2rem;display:flex;align-items:center;justify-content:center;position:relative;background:url(/img/bgnoise.png)}.section-content{max-width:1200px;width:100%;margin:0 auto}.section-icon{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out}.icon-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-white);background:linear-gradient(135deg,var(--color-accent),#ff9933);box-shadow:var(--shadow-lg);margin-bottom:1.5rem;transition:var(--transition-smooth)}.icon-circle:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 12px 40px #ee7f004d}.icon-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-primary);text-align:center}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-smooth)}a:hover{color:var(--color-accent);text-decoration:underline}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.text-secondary{color:var(--color-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out}@media(max-width:768px){section{padding:4rem 1.5rem;min-height:auto}.section-icon{margin-bottom:2rem}.icon-circle{width:90px;height:90px;font-size:2.5rem}.icon-title{font-size:1.5rem}p{font-size:1rem}}@media print{nav{display:none}section{page-break-inside:avoid;min-height:auto}}.navigation{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;transition:var(--transition-smooth)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav-list{list-style:none;display:flex;justify-content:center;gap:.5rem;padding:0;margin:0}.nav-item{position:relative}.nav-link{display:block;padding:1.5rem;font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-dark);background:none;border:none;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.5px}.nav-link:hover,.nav-item.active .nav-link{color:var(--color-primary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px}@media(max-width:768px){.nav-list{gap:0}.nav-link{padding:1rem .75rem;font-size:.85rem}.nav-item.active:after{width:30px}}@media(max-width:480px){.nav-link{padding:1rem .5rem;font-size:.75rem}}.hero{min-height:50vh;background:var(--color-primary) url(/img/bgnoise.png);position:relative;overflow:hidden}.hero-content{text-align:center;color:var(--color-white);z-index:2;position:relative}.hero-logo-container{display:inline-block;background:var(--color-white);padding:2rem;border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:2rem}.hero-logo-container img{display:block;max-width:100%;height:auto}.hero-icon{margin-bottom:2rem}.icon-circle-large{width:150px;height:150px;border-radius:50%;background:#ee7f0033;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:var(--transition-smooth);animation:pulse 2s ease-in-out infinite}.icon-circle-large:hover{transform:scale(1.1);background:#ee7f004d}.hero-icon-symbol{font-size:5rem}.hero-title{margin-bottom:1rem;color:var(--color-white);text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-subtitle{color:var(--color-white);margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-description{max-width:700px;margin:0 auto;font-size:1.25rem;color:var(--color-white);line-height:1.8;inset:0;z-index:1;pointer-events:none}@keyframes pulse{0%,to{box-shadow:0 0 20px #ee7f0066}50%{box-shadow:0 0 40px #ee7f0099}}@media(max-width:768px){.icon-circle-large{width:120px;height:120px}.hero-icon-symbol{font-size:4rem}.hero-description{font-size:1.1rem}}.background-section{background:var(--color-secondary) url(/img/bgnoise.png);color:var(--color-dark)}.background-section .section-icon .icon-circle{background:linear-gradient(135deg,var(--color-primary),var(--color-gradient-end));color:var(--color-white)}.background-section .icon-title{color:var(--color-primary)}.project-info,.team-photo,.affiliations,.funding,.news{margin-top:3rem}.project-info .timeline-container{max-width:1400px;margin-left:calc(-1*min((100vw - 900px) / 2,250px));margin-right:calc(-1*min((100vw - 900px) / 2,250px));width:auto}.project-info h3,.funding h3,.news h3{color:var(--color-accent);font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.team-photo{text-align:center}@media(max-width:968px){.project-info .timeline-container{margin-left:-1rem;margin-right:-1rem;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}}@media(max-width:768px){.project-info .timeline-container{margin-left:-1rem;margin-right:-1rem;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}}.timeline-container{margin:2rem 0;padding:2rem;background:#fffffff2;border-radius:12px;box-shadow:var(--shadow-lg);max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto}.timeline-phases{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:.5rem;min-height:300px;min-width:1200px}.timeline-phase{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;position:relative}.timeline-phase:hover{transform:translateY(-8px)}.timeline-phase.active{transform:translateY(-12px)}.phase-arrow{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:30px solid var(--phase-color);margin-bottom:-1px;transition:all .3s ease}.timeline-phase:hover .phase-arrow,.timeline-phase.active .phase-arrow{border-left-width:25px;border-right-width:25px;border-top-width:35px}.phase-content{width:100%;padding:1rem;background-color:var(--phase-color);color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column}.timeline-phase:hover .phase-content,.timeline-phase.active .phase-content{box-shadow:0 8px 16px #0003}.phase-title{font-size:.9rem;font-weight:600;margin:0 0 .5rem;line-height:1.3;text-align:center}.phase-details{font-size:.75rem;line-height:1.4;opacity:.9}.phase-details p{margin:.25rem 0;text-align:center}.current-phase{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.current-phase:after{content:"Aktuell";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #0003}.timeline-axis{display:flex;justify-content:space-between;align-items:center;position:relative;padding:1rem 0;margin:2rem 0;gap:.5rem;min-width:1200px}.timeline-axis:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(to right,#2563eb,#0891b2,#14b8a6,#10b981,#22c55e,#84cc16,#a3e635);transform:translateY(-50%)}.timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.marker-dot{width:16px;height:16px;background:#fff;border:3px solid #64748b;border-radius:50%;margin-bottom:.5rem;transition:all .3s ease}.timeline-phase:hover+* .marker-dot,.marker-dot:hover{width:20px;height:20px;border-width:4px}.current-marker{width:20px;height:20px;background:#ef4444;border-color:#ef4444;box-shadow:0 0 0 4px #ef444433;animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{box-shadow:0 0 0 4px #ef444433}50%{box-shadow:0 0 0 8px #ef44441a}}.marker-year{font-weight:600;font-size:.9rem;color:var(--color-dark)}.timeline-funding{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#64748b1a;border-radius:8px;border-left:4px solid #3b82f6}.funding-icon{font-size:2rem;color:#3b82f6;flex-shrink:0}.funding-content h4{margin:0 0 .5rem;color:var(--color-dark);font-size:1.1rem}.funding-content p{margin:0;color:var(--color-dark);opacity:.8;font-size:.9rem;font-style:italic}.timeline-caption{text-align:center;font-size:.9rem;font-style:italic;opacity:.9;margin-top:1.5rem;margin-bottom:0;color:var(--color-dark)}@media(max-width:1400px){.timeline-phases{min-height:250px;min-width:900px}.timeline-axis{min-width:900px}.phase-title{font-size:.8rem}.phase-details{font-size:.7rem}}@media(max-width:768px){.timeline-container{padding:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.timeline-phases{min-width:800px;min-height:200px}.timeline-axis{min-width:800px}.phase-title{font-size:.75rem}.phase-details{font-size:.65rem}.phase-content{padding:.75rem;min-height:100px}.marker-year{font-size:.8rem}}@media(max-width:480px){.timeline-phases,.timeline-axis{min-width:700px}.phase-title{font-size:.7rem}.phase-details{font-size:.6rem}.phase-content{padding:.6rem}.funding-content h4{font-size:1rem}.funding-content p{font-size:.8rem}}.team-section{background:var(--color-secondary) url(/img/bgnoise.png);color:var(--color-dark)}.team-section .section-icon .icon-circle{background:linear-gradient(135deg,var(--color-primary),var(--color-gradient-end));color:var(--color-white)}.team-section .icon-title{color:var(--color-primary)}.team-info{margin-top:3rem}.team-info h3{color:var(--color-accent);font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.team-photo{margin-top:2rem;text-align:center}.team-photo img{max-width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-lg);margin-bottom:1rem}.caption{font-size:.9rem;font-style:italic;opacity:.9}.affiliations{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.affiliations p{font-size:.95rem;opacity:.9;margin-bottom:.5rem}@media(max-width:768px){.team-info h3{font-size:1.25rem}}.funding-section{background:var(--color-secondary) url(/img/bgnoise.png);color:var(--color-dark)}.funding-section .section-icon .icon-circle{background:linear-gradient(135deg,var(--color-primary),var(--color-gradient-end));color:var(--color-white)}.funding-section .icon-title{color:var(--color-primary)}.content-text{max-width:900px;margin:0 auto}.funding-info{margin-top:2rem}.funding-info h3{color:var(--color-accent);font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.funding-info p{font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.logos{margin-top:3rem}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;align-items:center;justify-items:center;padding:2rem;background:#fffffff2;border-radius:12px}.logo-grid img{max-width:100%;height:auto;max-height:300px;object-fit:contain;padding:1rem;transition:var(--transition-smooth)}.logo-grid img:hover{transform:scale(1.05);background:#fff;border-radius:8px}.logo-exist-container{display:flex;justify-content:center;align-items:center;padding:2rem;margin-top:2rem;background:#fffffff2;border-radius:12px}.logo-exist{max-width:100%;height:auto;max-height:400px;object-fit:contain;transition:var(--transition-smooth)}.logo-exist:hover{transform:scale(1.05)}@media(max-width:768px){.funding-info p{font-size:.95rem}.logo-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.logo-grid img{max-height:60px}.logo-exist-container{padding:1rem;margin-top:1rem}.logo-exist{max-height:150px}}.publications-section{background:var(--color-secondary) url(/img/bgnoise.png);color:var(--color-dark)}.publications-section .section-icon .icon-circle{background:linear-gradient(135deg,var(--color-primary),var(--color-gradient-end));color:var(--color-white)}.publications-section .icon-title{color:var(--color-primary)}.publications-list{max-width:900px;margin:0 auto}.publication-item{background:var(--color-white);padding:2rem;margin-bottom:1.5rem;border-radius:12px;transition:var(--transition-smooth);border-left:4px solid var(--color-accent)}.publication-item:hover{background:var(--color-white);transform:translate(5px);box-shadow:var(--shadow-md)}.publication-link{color:var(--color-dark);text-decoration:none;display:block}.publication-link:hover{text-decoration:none}.publication-title{color:var(--color-primary);font-size:1.3rem;margin-bottom:.75rem;line-height:1.4}.publication-details{color:var(--color-dark);font-size:1rem;line-height:1.6}.journal{font-weight:600;color:var(--color-accent)}.details{font-style:italic}.news{max-width:900px;margin:0 auto 3rem;background:var(--color-white);padding:2rem;border-radius:12px}.news h3{color:var(--color-accent);font-size:1.5rem;margin-top:0;margin-bottom:1rem}.news ol{padding-left:1.5rem}.news li{margin-bottom:.5rem}.news a{color:var(--color-primary)}.news a:hover{color:var(--color-accent)}@media(max-width:768px){.publication-item{padding:1.5rem}.publication-title{font-size:1.1rem}.publication-details{font-size:.9rem}.news{padding:1.5rem}.news h3{font-size:1.25rem}}.app-section{background:var(--color-secondary) url(/img/bgnoise.png);color:var(--color-dark)}.app-section .section-icon .icon-circle{background:linear-gradient(135deg,var(--color-primary),var(--color-gradient-end));color:var(--color-white)}.app-section .icon-title{color:var(--color-primary)}.app-content{max-width:900px;margin:0 auto}.intro-text{text-align:center;font-size:1.2rem;margin-bottom:3rem;line-height:1.8;color:var(--color-dark)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:var(--color-white);padding:2.5rem;border-radius:16px;transition:var(--transition-smooth);border:2px solid rgba(0,106,179,.1)}.feature-card:hover{background:var(--color-white);transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.feature-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.feature-card h3{color:var(--color-accent);text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.feature-card ul{list-style:none;padding:0}.feature-card li{padding:.75rem 0 .75rem 1.5rem;position:relative;line-height:1.6}.feature-card li:before{content:"";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:1.2rem}@media(max-width:768px){.features{grid-template-columns:1fr}.feature-card{padding:2rem}}.app-showcase{margin:4rem auto;max-width:1400px;padding:0 1rem}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6rem;align-items:start}.showcase-item{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.screen-container{position:relative;width:100%;max-width:280px;transition:var(--transition-smooth)}.screen-container:hover{transform:translateY(-8px)}.phone-frame{position:relative;background:var(--color-dark);border-radius:32px;padding:12px;box-shadow:0 20px 60px #0000004d,0 0 0 2px #ffffff1a;transition:var(--transition-smooth)}.phone-frame:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#ffffff4d;border-radius:3px;z-index:10}.screen-container:hover .phone-frame{box-shadow:0 30px 80px #006ab366,0 0 0 2px var(--color-primary)}.screen-image{width:100%;height:auto;display:block;border-radius:24px;background:var(--color-white);aspect-ratio:9 / 19.5;object-fit:cover}.screen-info{text-align:center;max-width:280px}.screen-info h4{color:var(--color-primary);font-size:1.3rem;margin-bottom:.75rem;font-family:var(--font-heading);font-weight:600}.screen-info p{color:var(--color-dark);font-size:.95rem;line-height:1.6;opacity:.85}@media(max-width:1024px){.showcase-grid{gap:2rem}.screen-container{max-width:240px}.screen-info h4{font-size:1.2rem}.screen-info p{font-size:.9rem}}@media(max-width:768px){.app-showcase{margin:3rem auto}.showcase-grid{grid-template-columns:1fr;gap:3rem}.screen-container{max-width:260px}.screen-info{max-width:100%;padding:0 1rem}}@media(max-width:480px){.showcase-grid{gap:2.5rem}.screen-container{max-width:220px}}.newsletter-container{margin:4rem auto 0;max-width:800px;padding:0 1rem}.newsletter-content{background:linear-gradient(135deg,#006ab30d,#ee7f000d);border-radius:20px;padding:3rem;border:2px solid rgba(0,106,179,.1);transition:var(--transition-smooth)}.newsletter-content:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.newsletter-text{text-align:center;margin-bottom:2rem}.newsletter-text h3{color:var(--color-primary);font-size:1.8rem;margin-bottom:.5rem;font-family:var(--font-heading)}.newsletter-text p{color:var(--color-dark);font-size:1rem;opacity:.8}.newsletter-form{max-width:600px;margin:0 auto}.input-group{display:flex;gap:1rem;flex-wrap:wrap}.newsletter-input{flex:1;min-width:250px;padding:1rem 1.5rem;border:2px solid rgba(0,106,179,.2);border-radius:50px;font-size:1rem;font-family:var(--font-main);transition:var(--transition-smooth);background:var(--color-white)}.newsletter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #006ab31a}.newsletter-input::placeholder{color:#0006}.newsletter-button{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-gradient-end));color:var(--color-white);border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;font-family:var(--font-main)}.newsletter-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-gradient-end),var(--color-primary))}.newsletter-button:active:not(:disabled){transform:translateY(0)}.newsletter-button:disabled{opacity:.7;cursor:not-allowed}.newsletter-message{text-align:center;margin-top:1rem;padding:.75rem;border-radius:8px;font-size:.9rem}.newsletter-message.success{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.3)}.newsletter-message.error{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.3)}@media(max-width:768px){.newsletter-container{margin:3rem auto 0}.newsletter-content{padding:2rem 1.5rem}.newsletter-text h3{font-size:1.5rem}.input-group{flex-direction:column;gap:.75rem}.newsletter-input,.newsletter-button{width:100%;min-width:100%}}.footer{background:var(--color-dark) url(/img/bgnoise.png);color:var(--color-white);padding:3rem 2rem;text-align:center}.footer-content{max-width:900px;margin:0 auto}.footer-content p{margin-bottom:1rem;line-height:1.6}.footer-copyright{font-size:.9rem;opacity:.8}.footer-funding{font-size:.9rem;opacity:.8;font-style:italic}@media(max-width:768px){.footer{padding:2rem 1rem}.footer-content p{font-size:.9rem}}