@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Variable.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}body{margin:0}a{color:#087563}a:hover{color:#065f50}.start{--kurve: cubic-bezier(.32, .72, 0, 1);--auftritt: cubic-bezier(.22, 1, .36, 1);--gruen: #0b8a72;--gruen-tief: #087563;--mint: #7eecd0;--hauch: #e6f4ef;font-family:Satoshi,ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif;color:#141817;-webkit-font-smoothing:antialiased;min-height:100vh;background:radial-gradient(60% 50% at 12% 18%,#cfe2d9,#cfe2d900 60%),radial-gradient(50% 40% at 90% 8%,#efe6d8,#efe6d800 62%),radial-gradient(60% 40% at 80% 70%,#d3e1db,#d3e1db00 70%),linear-gradient(170deg,#e9eeeb,#eceae4 55%,#e2e7e4)}:where(.start button){font-family:inherit;border:0;margin:0;padding:0;cursor:pointer;color:inherit;background:none}:where(.start svg){display:block}:where(.start img){display:block;max-width:100%;height:auto}.huelle{max-width:1160px;margin:0 auto;padding:0 32px;box-sizing:border-box}.kopf{display:flex;align-items:center;gap:24px;height:80px}.wm{font-size:17px;line-height:24px;letter-spacing:.24em;font-weight:300;color:#141817;text-decoration:none}.wm b{font-weight:300;color:var(--gruen)}.kopf nav{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kopf nav a{height:40px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;font-size:14px;font-weight:540;color:#2c322f;text-decoration:none;transition:background .18s var(--kurve)}.kopf nav a:hover{background:#1418170d}.kopf nav a.anmelden{background:#141817;color:#fff}.kopf nav a.anmelden:hover{background:#2a2e2c}.buehne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px;align-items:center;padding:40px 0 96px}.ueber{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;line-height:16px;font-weight:620;letter-spacing:.14em;text-transform:uppercase;color:#4f5652}.ueber:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gruen)}h1{margin:16px 0 0;font-size:60px;line-height:64px;font-weight:300;letter-spacing:-.025em;overflow:hidden}.lead{margin:20px 0 0;max-width:30em;font-size:18px;line-height:28px;color:#3b423e}.handeln{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.primaer{height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;gap:12px;background:var(--gruen-tief);color:#fff;font-size:15px;font-weight:540;text-decoration:none;box-shadow:inset 0 1px #ffffff24,0 14px 30px -14px #08756399;transition:background .18s var(--kurve)}.primaer:hover{background:#065f50;color:#fff}.primaer svg{width:16px;height:16px}.sekundaer{height:52px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;font-size:15px;font-weight:540;color:#141817;text-decoration:none;background:#fff9;box-shadow:inset 0 0 0 .5px #141e1a2e;transition:background .18s var(--kurve)}.sekundaer:hover{color:#141817;background:#fff}.klein{margin:16px 0 0;font-size:13px;line-height:19px;color:#4f5652}.bild{position:relative;padding:0 0 10% 12%}.fenster{position:relative;border-radius:18px;padding-top:28px;background:#1f2826;box-shadow:0 0 0 .5px #141e1a38,0 50px 100px -40px #092e2680;overflow:hidden}.fenster:before{content:"";position:absolute;left:16px;top:8px;width:12px;height:12px;border-radius:50%;background:#e36b5c;box-shadow:16px 0 #e8b23f,32px 0 #5cc26c}.fenster img{width:100%;aspect-ratio:1440/900;background:#f7f8f5}.handy{position:absolute;left:0;bottom:0;width:29%;box-sizing:border-box;padding:8px;border-radius:34px;background:#121917;box-shadow:inset 0 0 0 .5px #ffffff38,0 40px 80px -30px #092e2699}.handy img{width:100%;aspect-ratio:390/844;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:28px;background:#f7f8f5}.abschnitt{padding:80px 0;border-top:.5px solid rgba(20,30,26,.12)}h2{margin:12px 0 0;max-width:20em;font-size:40px;line-height:48px;font-weight:300;letter-spacing:-.015em}.einleitung{margin:16px 0 0;max-width:34em;font-size:17px;line-height:27px;color:#3b423e}.baender{margin-top:48px;display:flex;flex-direction:column;gap:56px}.band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}.band:nth-child(2n) .schirm{order:-1}.band h3{margin:0;font-size:28px;line-height:36px;font-weight:400;letter-spacing:-.01em}.band p{margin:12px 0 0;max-width:30em;font-size:16px;line-height:26px;color:#3b423e}.schirm{margin:0;border-radius:16px;overflow:hidden;background:#f7f8f5;box-shadow:0 0 0 .5px #141e1a24,0 30px 60px -36px #092e2673}.schirm img{width:100%;aspect-ratio:1440/900}.folgt{margin:40px 0 0;font-size:15px;line-height:23px;color:#4f5652}.uebung{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}.uebung h2{margin-top:0}.clip{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#121917;box-shadow:0 0 0 .5px #141e1a33,0 40px 80px -40px #092e268c}.clip img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.clip video{display:none;width:100%;aspect-ratio:16/9;background:#000}.clip.laeuft img,.clip.laeuft .abspielen,.clip.laeuft figcaption{display:none}.clip.laeuft video{display:block}.abspielen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;text-decoration:none}.abspielen i{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:#0a3a31;box-shadow:0 14px 30px -10px #0000008c;transition:transform .18s var(--kurve),background .18s var(--kurve)}.abspielen:hover i{background:#fff;transform:scale(1.04)}.abspielen svg{width:26px;height:26px;margin-left:4px}.clip figcaption{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:#121917b8;color:#f4f8f6;font-size:13px;line-height:18px;font-weight:470}.hinweis{margin:16px 0 0;font-size:13px;line-height:19px;color:#4f5652}.schritte{margin:36px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.schritte li{border-radius:22px;padding:24px;background:linear-gradient(180deg,#fdfdfb,#f2f3ef);box-shadow:0 0 0 .5px #141e1a1a,inset 0 1px #fff,0 18px 40px -26px #092e2659}.nr{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#141817;color:var(--mint);font-size:14px;font-weight:620}.schritte h3{margin:18px 0 0;font-size:22px;line-height:28px;font-weight:400}.schritte p{margin:8px 0 0;font-size:15px;line-height:23px;color:#3b423e}.geraete{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}.geraete h2{margin-top:0}.liste{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.liste li{display:flex;gap:12px;font-size:16px;line-height:25px;color:#3b423e}.liste li svg{flex:none;width:18px;height:18px;margin-top:4px;color:var(--gruen-tief)}.macfenster{margin:0;border-radius:14px;overflow:hidden;padding-top:28px;position:relative;background:#e9ece8;box-shadow:0 0 0 .5px #141e1a33,0 40px 80px -40px #092e2680}.macfenster:before{content:"";position:absolute;left:16px;top:8px;width:12px;height:12px;border-radius:50%;background:#e36b5c;box-shadow:16px 0 #e8b23f,32px 0 #5cc26c}.macfenster img{width:100%;aspect-ratio:1360/827;background:#f7f8f5}.wer{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}.wer.ohne-foto{grid-template-columns:minmax(0,1fr)}.foto{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#dfe6e2;box-shadow:0 0 0 .5px #141e1a24,0 30px 60px -36px #092e2673}.foto img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wer h2{margin-top:0}.wer p{margin:16px 0 0;max-width:26em;font-size:20px;line-height:31px;color:#2c322f}.daten{margin:28px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;max-width:52em}.daten li{display:flex;gap:12px;font-size:16px;line-height:25px;color:#2c322f}.daten li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--gruen);margin-top:8px}.daten-mehr{margin:24px 0 0;font-size:15px;line-height:23px;color:#4f5652}.fragen{margin:28px 0 0;max-width:46em}.frage{border-top:.5px solid rgba(20,30,26,.12)}.frage:last-child{border-bottom:.5px solid rgba(20,30,26,.12)}.frage summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-size:18px;line-height:26px;font-weight:470}.frage summary::-webkit-details-marker{display:none}.frage summary:after{content:"";flex:none;width:10px;height:10px;margin:0 8px 4px 0;border-right:1.5px solid #4f5652;border-bottom:1.5px solid #4f5652;transform:rotate(45deg);transition:transform .2s var(--kurve)}.frage[open] summary:after{transform:rotate(225deg);margin-bottom:-2px}.frage p{margin:0 0 20px;max-width:36em;font-size:16px;line-height:25px;color:#3b423e}.schluss{border-radius:28px;padding:56px 48px;text-align:center;background:linear-gradient(180deg,#0c4a3f,#0a3a31);color:#f4f8f6;box-shadow:inset 0 1px #ffffff1a,0 30px 60px -30px #083c32b3}.schluss .ueber{color:#cfe3dc}.schluss .ueber:before{background:var(--mint)}.schluss h2{margin:0 auto;max-width:16em;color:#fff}.schluss p{margin:16px auto 0;max-width:30em;font-size:16px;line-height:25px;color:#d9ebe4}.schluss .handeln{justify-content:center;margin-top:28px}.schluss .primaer{background:#fff;color:#0a3a31;box-shadow:0 12px 26px -12px #00000080}.schluss .primaer:hover{background:#e6f4ef;color:#0a3a31}.fuss{padding:40px 0 56px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:13px;color:#4f5652}.fuss nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}.fuss nav a{padding:4px 0}.fuss a{color:#2c322f;text-decoration:none}.fuss a:hover{color:#087563}.start a:focus-visible,.start button:focus-visible,.start summary:focus-visible{outline:2px solid var(--gruen);outline-offset:2px}@keyframes g-heben{0%{opacity:0;transform:translateY(var(--weg, 16px))}to{opacity:1;transform:none}}@keyframes g-maske{0%{transform:translateY(105%)}to{transform:none}}h1 .steigt{display:inline-block;animation:g-maske .76s var(--auftritt) .12s backwards}.lead,.handeln,.klein{--weg: 10px;animation:g-heben .64s var(--auftritt) .28s backwards}.fenster{animation:g-heben .7s var(--auftritt) .2s backwards}.handy{animation:g-heben .7s var(--auftritt) .46s backwards}.start.ruhig *,.start.ruhig *:before,.start.ruhig *:after{animation:none!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){.start *,.start *:before,.start *:after{animation:none!important;transition-duration:1ms!important}}@media(max-width:900px){.buehne{grid-template-columns:minmax(0,1fr);gap:40px;padding-bottom:64px}.bild{padding:0 0 12% 14%}.band,.uebung,.geraete,.wer{grid-template-columns:minmax(0,1fr);gap:24px}.band:nth-child(2n) .schirm{order:0}.schritte,.daten{grid-template-columns:minmax(0,1fr)}.abschnitt{padding:56px 0}}@media(max-width:680px){.kopf nav a:not(.anmelden){display:none}}@media(max-width:560px){.huelle{padding:0 16px}.kopf{height:64px}.buehne{padding:16px 0 48px;gap:32px}h1{font-size:42px;line-height:46px}.lead{font-size:16px;line-height:25px}.handeln a{width:100%;justify-content:center;box-sizing:border-box}.bild{padding:0 0 14% 16%}.handy{width:34%;padding:4px;border-radius:24px}.handy img{border-radius:20px}.fenster{border-radius:12px;padding-top:20px}.fenster:before{left:12px;top:6px;width:8px;height:8px;box-shadow:12px 0 #e8b23f,24px 0 #5cc26c}.abschnitt{padding:48px 0}h2{font-size:30px;line-height:36px}.band h3{font-size:24px;line-height:31px}.baender{gap:40px}.wer p{font-size:18px;line-height:28px}.schluss{padding:32px 20px}.frage summary{font-size:17px;line-height:24px;padding:12px 0}.fuss nav{margin-left:0}}