.app-seite{--app-band:color-mix(in srgb,var(--color-primary) 86%,#000)}.app-kopf{position:relative;overflow:hidden;isolation:isolate;color:var(--color-paper);background:radial-gradient(900px 480px at 88% 0,color-mix(in srgb,var(--color-cta) 24%,transparent),transparent 65%),radial-gradient(700px 420px at 0 100%,color-mix(in srgb,var(--color-leaf-accent) 22%,transparent),transparent 70%),linear-gradient(180deg,var(--color-primary) 0,var(--app-band) 100%)}.app-kopf:after,.app-kopf:before{content:"";position:absolute;z-index:-1;border-radius:9999px;pointer-events:none;border:1px solid rgb(255 255 255/.07)}.app-kopf:before{width:980px;height:980px;right:-340px;top:-420px}.app-kopf:after{width:620px;height:620px;right:-160px;top:-240px;border-style:dashed;border-color:rgb(255 255 255/.06)}.app-titel{font-family:var(--schrift-titel);font-weight:600;font-size:clamp(2.45rem,6vw,4.1rem);line-height:1.03;letter-spacing:-.028em}.app-kopf .app-titel{color:var(--color-paper)}.app-vorspann{max-width:34rem;font-size:clamp(1.08rem,1.55vw,1.28rem);line-height:1.55}.app-kopf .app-vorspann{color:rgb(251 248 240/.84)}.app-knopf-haupt{box-shadow:0 10px 24px -12px rgb(0 0 0/.55)}.app-knopf-haupt:hover svg{transform:translateX(3px)}.app-knopf-haupt svg{transition:transform .15s ease}.app-knopf-hell{color:var(--color-paper);border:1px solid rgb(255 255 255/.32)}.app-knopf-hell:hover{background:rgb(255 255 255/.09)}.app-merkmale{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.6rem;font-size:14.5px;color:var(--color-ink-muted)}.app-kopf .app-merkmale{color:rgb(251 248 240/.78)}.app-merkmale li{display:inline-flex;align-items:center;gap:.4rem}.app-merkmale svg{width:1rem;height:1rem;color:var(--color-moos)}.app-kopf .app-merkmale svg{color:var(--color-cta)}.app-live-pille{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem 1rem .45rem .75rem;border-radius:var(--radius-knopf);background:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.2);font-size:14.5px;line-height:1.3;color:var(--color-paper)}.app-live-pille b{font-weight:600}.app-live-punkt{flex:none;width:.72rem;height:.72rem;border-radius:9999px;background:var(--typ);box-shadow:0 0 0 4px color-mix(in srgb,var(--typ) 32%,transparent);animation:app-puls 2.4s ease-in-out infinite}@keyframes app-puls{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--typ) 10%,transparent)}}.app-live{position:relative;overflow:hidden;max-width:27rem;box-shadow:0 34px 70px -34px rgb(0 0 0/.45)}.app-live-kopf{padding:26px 28px 22px}.app-live-typ{display:flex;align-items:center;gap:14px;font-family:var(--schrift-titel);font-weight:600;font-size:clamp(2.1rem,4vw,2.9rem);line-height:1}.app-live-mond,.app-live-typ{margin-top:12px;color:var(--typ-text)}.app-live-mond{font-size:17px}.app-live-fuss{padding:18px 22px 22px;background:var(--color-paper);border-top:1px solid color-mix(in srgb,var(--typ) 25%,var(--color-rand))}.app-live-woche{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px}.app-live-woche li{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 9px;border-radius:10px;border:1px solid var(--color-rand-hell);background:var(--color-paper)}.app-live-woche li[aria-current=date]{background:var(--typ-bg);border-color:var(--typ)}.app-live-wt{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted)}.app-live-woche b{font-family:var(--schrift-titel);font-size:19px;line-height:1.1}.app-live-balken{width:72%;height:5px;border-radius:3px;background:var(--typ)}.app-live-kurz{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:600;color:var(--typ-text)}.app-fenster{margin:0;overflow:hidden;border-radius:14px;background:var(--color-paper);box-shadow:0 34px 70px -32px rgb(0 0 0/.42),0 0 0 1px rgb(0 0 0/.06)}.app-fenster-leiste{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#eee8da;border-bottom:1px solid var(--color-rand)}.app-fenster-leiste i{width:10px;height:10px;border-radius:9999px;background:#d8cdb6}.app-fenster-leiste span{display:grid;place-items:center;flex:1;max-width:240px;height:18px;margin-left:10px;border-radius:9999px;background:var(--color-paper);font-size:11px;color:var(--color-ink-muted)}.app-fenster img,.app-handy img{display:block;width:100%;height:auto}.app-handy{position:relative;margin:0;padding:9px;border-radius:2.5rem;background:#1b1e18;box-shadow:0 36px 60px -26px rgb(0 0 0/.6),inset 0 0 0 1px rgb(255 255 255/.08)}.app-handy:before{content:"";position:absolute;z-index:1;top:16px;left:50%;width:30%;height:18px;transform:translateX(-50%);border-radius:9999px;background:#1b1e18}.app-handy img{border-radius:2rem}.app-geraete{position:relative;padding:0 0 2.5rem 13%}.app-geraete-handy{position:absolute;left:0;bottom:0;width:34%;max-width:230px}@media (min-width:1024px){.app-geraete{padding-left:17%}.app-geraete-fenster{transform:perspective(1800px) rotateY(-9deg) rotateX(3deg);transform-origin:30% 50%}.app-geraete-handy{width:36%;transform:rotate(-4deg)}}.app-kopf-b{background:linear-gradient(180deg,var(--color-paper) 0,var(--color-grund) 100%);border-bottom:1px solid var(--color-rand)}.app-kopf-b-buehne{position:relative;display:flex;justify-content:flex-start}.app-kopf-b-fenster{display:none}@media (min-width:1024px){.app-kopf-b-buehne{min-height:30rem;align-items:center}.app-kopf-b-fenster{display:block;position:absolute;top:0;right:-4%;width:88%;transform:rotate(3deg);opacity:.96}.app-kopf-b-buehne .app-live{margin-top:7rem}}.app-kopf-c-buehne{margin-top:3.25rem;max-height:34rem;overflow:hidden;perspective:2200px;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}.app-kopf-c-buehne .app-fenster{transform:rotateX(16deg);transform-origin:50% 0}.app-abschnitt{padding-block:clamp(4rem,8vw,6.5rem)}.app-jahr{background:var(--color-flieder);border-block:1px solid var(--color-flieder-rand)}.app-marke{display:inline-flex;align-items:center;gap:.5rem;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-moos)}.app-marke svg{width:1.15rem;height:1.15rem}.app-punkte{display:grid;gap:.7rem;margin-top:1.5rem}.app-punkte li{display:flex;align-items:flex-start;gap:.65rem;font-size:16px;line-height:1.45}.app-punkte svg{flex:none;width:1.35rem;height:1.35rem;margin-top:-1px;padding:3px;border-radius:9999px;background:var(--color-flaeche-akzent);color:var(--color-primary)}.app-punkte-zeile{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.5rem}.app-kachel{height:100%;padding:24px;background:var(--color-paper);border:1px solid var(--color-rand);border-radius:var(--radius-karte)}.app-kachel-zeichen{display:grid;place-items:center;width:3rem;height:3rem;border-radius:9999px;background:var(--color-primary);color:var(--color-cta)}.app-kachel-zeichen svg{width:1.5rem;height:1.5rem}.app-preis{display:flex;flex-direction:column;padding:30px;background:var(--color-paper);border:1px solid var(--color-rand);border-radius:var(--radius-karte)}.app-preis-abo{border:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-flieder) 55%,var(--color-paper))}.app-preis-abo .app-punkte svg{background:var(--color-flieder);color:var(--color-root-accent)}.app-abzeichen{padding:.25rem .75rem;border-radius:var(--radius-knopf);border:1px solid var(--color-flieder-rand);background:var(--color-flieder);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-root-text)}.app-hefte{padding-block:clamp(3rem,6vw,4.5rem)}.app-frage summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;cursor:pointer;list-style:none;font-size:17px;font-weight:600;color:var(--color-primary)}.app-frage summary::-webkit-details-marker{display:none}.app-frage summary svg{flex:none;width:1.1rem;height:1.1rem;transition:transform .2s ease}.app-frage[open] summary svg{transform:rotate(90deg)}.app-frage p{padding-bottom:1.25rem;line-height:1.65;color:var(--color-ink-light)}@media (prefers-reduced-motion:reduce){.app-live-punkt{animation:none}.app-frage summary svg,.app-knopf-haupt svg{transition:none}}