@font-face{font-family:Inter;src:url('/schriften/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url('/schriften/JetBrainsMono.woff2') format('woff2');font-weight:100 800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f7f5ee;color:#172d35;font-family:Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #13756d;outline-offset:6px}p{line-height:1.65}button,input{font:inherit}.start-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4vw;border-bottom:1px solid #d7dfd5}.start-marke{font-size:25px;font-weight:900;letter-spacing:-.07em;text-decoration:none}.start-marke span{display:block;font-size:10px;letter-spacing:.03em;font-weight:500;margin-top:4px}.start-nav nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.start-nav nav a{text-decoration:none}.nav-mitmachen{background:#e0eadd;border:1px solid #c6d8c7;border-radius:30px;padding:12px 19px}main{width:min(1480px,92vw);margin:auto}.start-hero{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:65px 0 80px;min-height:calc(100vh - 100px)}.start-kicker{font-family:Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#126e65;font-weight:600;margin:0 0 22px}h1{font-size:clamp(58px,6.6vw,104px);line-height:.99;letter-spacing:-.067em;font-weight:850;margin:0 0 28px}h1 em{color:#13756d;font-style:normal}.hero-lead{font-size:18px;max-width:490px;margin:0 0 28px}.hero-aktionen{display:flex;flex-wrap:wrap;gap:12px}.start-button{display:inline-flex;align-items:center;gap:25px;justify-content:space-between;background:#172d35;color:#fff;padding:16px 21px;border-radius:11px;font-weight:650;text-decoration:none;font-size:14px;border:1px solid #172d35;min-height:50px}.start-button:hover{background:#126e65;border-color:#126e65}.start-button.neben{background:transparent;color:#172d35;border-color:#bdcac0}.start-button.neben:hover{background:#e0eadd}.start-hinweis{font-size:11px;color:#536970;margin:15px 0 30px}.hero-zahlen{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #d7dfd5;padding-top:22px;font-size:11px;color:#536970}.hero-zahlen strong{font-size:22px;color:#172d35;display:block;letter-spacing:-.04em;margin-bottom:5px}.hero-bild{margin:0;position:relative;padding:24px;background:#edeadd;border:1px solid #dfded1;border-radius:26px;transform:rotate(1deg)}.hero-bild img{display:block;width:100%;border-radius:16px}.bild-kicker{display:flex;justify-content:space-between;font-family:Mono,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin:0 4px 18px;color:#536970}.hero-bild figcaption{font-size:13px;margin:18px 5px 0;max-width:42ch;line-height:1.5}.start-abschnitt{padding:75px 0;border-top:1px solid #d7dfd5}.abschnitt-kopf{display:grid;grid-template-columns:1.25fr 1fr;gap:12px 70px;margin-bottom:42px;align-items:end}.abschnitt-kopf .start-kicker{grid-column:1/-1;margin-bottom:5px}h2{font-size:clamp(32px,4vw,58px);line-height:1.07;letter-spacing:-.045em;margin:0;font-weight:760}.abschnitt-kopf>p:last-child{font-size:17px;color:#536970;max-width:48ch;margin:0}.reise-plan{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;list-style:none;margin:0;padding:0}.reise-plan li{border-top:2px solid #13756d;padding-top:20px}.reise-plan span{font-family:Mono;font-size:11px;color:#126e65}.reise-plan h3{font-size:20px;line-height:1.2;letter-spacing:-.035em;margin:22px 0 13px}.reise-plan p{font-size:14px;color:#536970;margin:0}.start-experiment{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;background:#dfeadd;border-radius:25px;padding:45px;margin-bottom:75px}.start-experiment figure{margin:0}.start-experiment img{width:100%;display:block;border-radius:18px}.start-experiment p:not(.start-kicker){max-width:35ch;color:#435a52}.text-link{font-weight:650;font-size:14px}.dozenten-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.dozenten-raster article{border-left:1px solid #c6d5c6;padding-left:23px}.schrittzahl{font-family:Mono;color:#126e65;font-size:15px}.dozenten-raster h3{font-size:22px;letter-spacing:-.03em}.dozenten-raster p{font-size:15px;color:#536970}.ablauf-details{border:1px solid #c6d5c6;border-radius:12px;padding:20px 24px;margin-top:35px}.ablauf-details summary{cursor:pointer;font-weight:650}.ablauf-details ol{padding-left:27px}.ablauf-details li{padding:14px 0;border-bottom:1px solid #d7dfd5;font-size:15px}.ablauf-details li span{display:block;color:#536970;margin-top:7px;font-size:13px;line-height:1.5}.ablauf-details a{font-weight:600}.tiefe{background:#172d35;color:#f7f5ee;padding:55px;border-radius:25px}.tiefe .start-kicker{color:#a1ddc5}.tiefe p:not(.start-kicker){max-width:85ch;font-size:17px;color:#d2ddd4}.tiefe .start-button{margin-top:16px;background:#c0e7cf;color:#172d35}.quellen{padding:50px 0}.quellen h2{font-size:20px;letter-spacing:-.02em}.quellen p{font-size:12px;color:#536970}.quellen nav{display:flex;gap:12px 25px;flex-wrap:wrap;font-size:12px}.start-footer{margin:0 4vw;display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid #d7dfd5;font-size:12px;color:#536970}.ablage-kopf{padding:55px 0 30px;max-width:820px}.ablage-kopf h1{font-size:60px}.ablage-kopf p{font-size:18px}.ablage-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:50px}.ablage-liste article{background:#fffef9;padding:25px;border:1px solid #d7dfd5;border-radius:14px}.ablage-liste h2{font-size:21px;margin-bottom:17px}.ablage-liste p{font-size:13px;color:#536970}.ablage-liste a{font-size:14px}.ablage-suche{display:block;margin:0 0 22px}.ablage-suche input{display:block;width:min(100%,650px);padding:14px;border:1px solid #acbdb1;border-radius:9px;background:#fffef9;margin-top:9px}.ablage-links{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:24px;font-size:14px}
@media(min-width:1900px){.start-hero{min-height:850px}}@media(max-width:1050px){.start-nav nav{gap:13px}.reise-plan{grid-template-columns:repeat(3,1fr)}.start-experiment{gap:30px;padding:30px}.start-hero{gap:30px}.hero-bild{padding:14px}.start-button{font-size:13px;padding:14px}.abschnitt-kopf{gap:20px 30px}}
@media(max-width:700px){.start-nav{align-items:flex-start;flex-direction:column;padding:20px 5vw}.start-nav nav{flex-wrap:wrap;gap:12px 19px;font-size:12px}.nav-mitmachen{padding:8px 12px}.start-hero{grid-template-columns:1fr;padding:40px 0;min-height:0;gap:35px}h1{font-size:64px}.hero-lead{font-size:17px}.start-kicker{font-size:10px}.hero-zahlen{gap:25px}.hero-bild{transform:none}.abschnitt-kopf{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.reise-plan{grid-template-columns:1fr;gap:24px}.reise-plan h3{margin:12px 0}.start-abschnitt{padding:40px 0}.start-experiment{grid-template-columns:1fr;gap:25px;padding:20px;margin-bottom:40px}.dozenten-raster{grid-template-columns:1fr;gap:20px}.tiefe{padding:30px 23px}.tiefe p:not(.start-kicker){font-size:16px}.start-footer{flex-direction:column}.ablage-liste{grid-template-columns:1fr}.ablage-kopf h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-bild img,.start-experiment img{height:auto}
.hero-bild{transform:none;background:#edece4;padding:20px}.hero-bild img{aspect-ratio:3/2;object-fit:cover}.start-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.start-vitals span{font-size:10px;color:#536970}.start-vitals b{display:block;font-size:clamp(18px,2vw,28px);color:#172d35;letter-spacing:-.04em;margin-bottom:5px}.hero-bild small{font-size:10px;color:#536970}.start-experiment figcaption{font-size:10px;color:#536970;margin-top:10px}.bilder-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:50px}.bilder-grid figure{margin:0;padding:22px;background:#fff;border:1px solid #d7dfd5;border-radius:16px}.bilder-grid img{display:block;width:100%;height:330px;object-fit:contain}.bilder-grid h2{font-size:24px;margin-top:22px}.bilder-grid p{font-size:13px;overflow-wrap:anywhere}.bilder-grid summary{cursor:pointer;font-size:13px}.bilder-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 Mono,monospace}.bilder-grid a{font-size:13px}@media(max-width:700px){.bilder-grid{grid-template-columns:1fr}.bilder-grid img{height:auto;max-height:430px}}
