:root{--color-blue-dark:#074ea1;--color-blue-light:#00a0e2;--color-magenta:#e8308a;--color-black:#000;--color-white:#fff;--color-grey-100:#f5f7fa;--color-grey-300:#e2e8f0;--color-grey-600:#5b6b7c;--font-headline:"Barlow Semi Condensed", "Arial Narrow", "Helvetica Neue Condensed", Arial, sans-serif;--font-body:"Barlow", "Helvetica Neue", Arial, sans-serif;--skew-angle:3.5deg;--container-width:1160px;--radius:2px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-black);-webkit-font-smoothing:antialiased;background-color:var(--color-blue-dark);background-image:url(/img/dietikon-hintergrund-blau.webp);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;line-height:1.55}@media (width<=860px){body{background-image:none}body:before{content:"";z-index:-1;background-color:var(--color-blue-dark);background-image:url(/img/dietikon-hintergrund-blau.webp);background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}}img{max-width:100%;display:block}a{color:var(--color-blue-dark)}a:hover{color:var(--color-magenta)}h1,h2,h3,h4{font-family:var(--font-headline);letter-spacing:-.01em;color:var(--color-blue-dark);margin:0 0 .5em;font-weight:700;line-height:1.1}h1{text-transform:none;font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}h3{font-size:clamp(1.2rem,2.2vw,1.5rem)}p{margin:0 0 1em}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.25rem}.btn{font-family:var(--font-headline);border-radius:var(--radius);letter-spacing:.01em;border:2px solid #0000;padding:.85em 1.6em;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,color .15s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-magenta);color:var(--color-white)}.btn-primary:hover{color:var(--color-white);background:#c92676}.btn-secondary{border-color:var(--color-white);color:var(--color-white);background:0 0}.btn-secondary:hover{background:var(--color-white);color:var(--color-blue-dark)}.btn-ghost{border-color:var(--color-blue-dark);color:var(--color-blue-dark);background:0 0}.btn-ghost:hover{background:var(--color-blue-dark);color:var(--color-white)}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-grey-300);background:#ffffffeb;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-logo{font-family:var(--font-headline);color:var(--color-blue-dark);align-items:center;gap:6px;font-size:1.05rem;font-weight:700;line-height:1.1;display:inline-flex}.brand-logo .bar{background:var(--color-blue-light);border-radius:2px;width:5px;height:26px;display:inline-block}.nav-toggle{cursor:pointer;background:0 0;border:none;width:40px;height:40px;display:none;position:relative}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";background:var(--color-blue-dark);height:2px;position:absolute;left:8px;right:8px}.nav-toggle span{top:19px}.nav-toggle span:before{top:-7px}.nav-toggle span:after{top:7px}.main-nav ul{align-items:center;gap:1.6rem;margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:var(--color-black);border-bottom:2px solid #0000;padding:.4rem 0;font-size:.96rem;font-weight:600;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--color-blue-dark);border-color:var(--color-magenta)}.main-nav .btn{padding:.6em 1.2em;font-size:.9rem}@media (width<=860px){.site-header{-webkit-backdrop-filter:none}.nav-toggle{display:block}.main-nav{background:var(--color-white);padding:1.5rem;transition:transform .25s;position:fixed;inset:76px 0 0;overflow-y:auto;transform:translateY(-110%)}.main-nav.is-open{transform:translateY(0)}.main-nav ul{flex-direction:column;align-items:flex-start;gap:.2rem;width:100%}.main-nav ul li{border-bottom:1px solid var(--color-grey-300);width:100%}.main-nav a{padding:.9rem 0;display:block}.main-nav .btn{margin-top:1rem;display:inline-block}}.hero{background-color:var(--color-blue-dark);color:var(--color-white);background-image:linear-gradient(#074ea18c,#074ea1d1);padding:5rem 0 7rem;position:relative;overflow:hidden}.hero:after{content:"";background:var(--color-white);height:8vw;transform:skewY(calc(-1 * var(--skew-angle)));transform-origin:0 100%;position:absolute;bottom:-7vw;left:0;right:0}.hero-inner{z-index:2;max-width:min(640px,56%);margin-left:0;position:relative}@media (width<=900px){.hero-inner{max-width:100%}}.hero-eyebrow{background:var(--color-magenta);color:var(--color-white);font-family:var(--font-headline);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);margin-bottom:1.2rem;padding:.35em .9em;font-size:.8rem;font-weight:700;display:inline-block}.hero h1{color:var(--color-white)}.hero .subline{opacity:.94;max-width:46ch;margin-bottom:1.8rem;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;gap:.9rem;display:flex}.hero-photo-frame{background:linear-gradient(160deg, var(--color-blue-light), var(--color-blue-dark));clip-path:polygon(18% 0,100% 0,100% 100%,0% 100%);width:44%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero-photo-frame picture,.hero-photo-frame img{width:auto;max-width:none;height:98%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width<=900px){.hero-photo-frame{display:none}}.angled-panel{color:var(--color-white);background-color:var(--color-blue-dark);background-image:linear-gradient(#074ea199,#074ea1d9);padding:3.2rem 0;position:relative}.angled-panel:before{content:"";background:inherit;height:6vw;transform:skewY(var(--skew-angle));transform-origin:0 0;z-index:-1;position:absolute;top:-3vw;left:0;right:0}.img-placeholder{background:repeating-linear-gradient(135deg, var(--color-grey-100), var(--color-grey-100) 10px, var(--color-grey-300) 10px, var(--color-grey-300) 20px);border:1px dashed var(--color-grey-600);color:var(--color-grey-600);text-align:center;border-radius:var(--radius);justify-content:center;align-items:center;min-height:220px;padding:1rem;font-size:.85rem;display:flex}section{-webkit-backdrop-filter:blur(8px);background:#ffffffed;padding:4.5rem 0}.section-tight{padding:2.5rem 0}.section-alt{background:#f5f7faed}section+section:not(.hero):not(.angled-panel){margin-top:3rem}main>section:first-child{margin-top:2.5rem}.eyebrow{font-family:var(--font-headline);letter-spacing:.08em;text-transform:uppercase;color:var(--color-magenta);margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:block}.lead{color:var(--color-grey-600);max-width:60ch;font-size:1.15rem}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=780px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:var(--color-white);border:1px solid var(--color-grey-300);border-radius:var(--radius);height:100%;padding:1.8rem}.card h3{margin-top:0}.card .btn{margin-top:.6rem}.stat{font-family:var(--font-headline);color:var(--color-magenta);font-size:2.4rem;font-weight:700;line-height:1}.stat-label{color:var(--color-grey-600);font-size:.9rem}.timeline-item{border-left:3px solid var(--color-blue-light);padding:0 0 2rem 1.4rem;position:relative}.timeline-item:before{content:"";background:var(--color-blue-dark);border:2px solid var(--color-white);border-radius:50%;width:13px;height:13px;position:absolute;top:2px;left:-8px}.timeline-item .date{color:var(--color-magenta);font-weight:700;font-family:var(--font-headline);font-size:.85rem}.timeline-item .result{color:var(--color-grey-600);margin-top:.4rem;font-size:.85rem;display:inline-block}.tag{letter-spacing:.03em;background:var(--color-grey-100);color:var(--color-blue-dark);border:1px solid var(--color-grey-300);border-radius:999px;margin:0 .4em .4em 0;padding:.25em .7em;font-size:.75rem;font-weight:700;display:inline-block}.cta-panel{background:var(--color-blue-dark);color:var(--color-white);border-radius:var(--radius);padding:2.4rem}.cta-panel h2,.cta-panel .lead{color:var(--color-white)}.support-options{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2rem 0;display:grid}@media (width<=780px){.support-options{grid-template-columns:1fr}}.support-option{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff40;padding:1.4rem}.form{max-width:560px}.form label{margin-bottom:.3rem;font-size:.92rem;font-weight:600;display:block}.form input,.form select,.form textarea{border:1px solid var(--color-grey-300);border-radius:var(--radius);width:100%;font-family:var(--font-body);margin-bottom:1.1rem;padding:.7em .85em;font-size:1rem}.form-note{color:var(--color-grey-600);font-size:.85rem}.countdown{gap:1rem;margin:1.6rem 0;display:none}.countdown.is-active{display:flex}.countdown-item{text-align:center}.countdown-num{font-family:var(--font-headline);color:var(--color-white);font-size:2rem;font-weight:700}.countdown-label{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.7rem}.site-footer{background:var(--color-black);color:var(--color-grey-300);margin-top:3rem;padding:3rem 0 2rem}.site-footer a{color:var(--color-white)}.site-footer .grid{grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}@media (width<=780px){.site-footer .grid{grid-template-columns:1fr}}.site-footer h4{color:var(--color-white);margin-bottom:.8rem;font-size:.95rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:.5rem;font-size:.9rem}.footer-bottom{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:1rem;padding-top:1.2rem;font-size:.8rem;display:flex}.social-icons{gap:.8rem;display:flex}.social-icons a{border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;text-decoration:none;display:flex}.skip-link{background:var(--color-magenta);color:#fff;z-index:100;padding:.8em 1.2em;position:absolute;top:0;left:-999px}.skip-link:focus{top:1rem;left:1rem}.phase-banner{background:var(--color-magenta);color:var(--color-white);text-align:center;padding:.6rem 1rem;font-size:.9rem;font-weight:600;display:none}.phase-banner.is-active{display:block}