diff --git a/assets/img/akut-440.webp b/assets/img/akut-440.webp index 0d6baad..d1546bd 100644 Binary files a/assets/img/akut-440.webp and b/assets/img/akut-440.webp differ diff --git a/assets/img/akut-720.webp b/assets/img/akut-720.webp index d753c81..72f983d 100644 Binary files a/assets/img/akut-720.webp and b/assets/img/akut-720.webp differ diff --git a/assets/img/anfall-laeuft-440.webp b/assets/img/anfall-laeuft-440.webp index 868a433..95852c3 100644 Binary files a/assets/img/anfall-laeuft-440.webp and b/assets/img/anfall-laeuft-440.webp differ diff --git a/assets/img/anfall-laeuft-720.webp b/assets/img/anfall-laeuft-720.webp index f426ffd..641ff84 100644 Binary files a/assets/img/anfall-laeuft-720.webp and b/assets/img/anfall-laeuft-720.webp differ diff --git a/assets/img/arztbericht-440.webp b/assets/img/arztbericht-440.webp index 7016991..ec4d9fa 100644 Binary files a/assets/img/arztbericht-440.webp and b/assets/img/arztbericht-440.webp differ diff --git a/assets/img/arztbericht-720.webp b/assets/img/arztbericht-720.webp index 5c6ce3c..5f3b63a 100644 Binary files a/assets/img/arztbericht-720.webp and b/assets/img/arztbericht-720.webp differ diff --git a/assets/img/details-440.webp b/assets/img/details-440.webp index 838f73f..e4e9530 100644 Binary files a/assets/img/details-440.webp and b/assets/img/details-440.webp differ diff --git a/assets/img/details-720.webp b/assets/img/details-720.webp index 6960ea1..3c426a2 100644 Binary files a/assets/img/details-720.webp and b/assets/img/details-720.webp differ diff --git a/assets/img/heute-440.webp b/assets/img/heute-440.webp index 46b3774..fc245c4 100644 Binary files a/assets/img/heute-440.webp and b/assets/img/heute-440.webp differ diff --git a/assets/img/heute-720.webp b/assets/img/heute-720.webp index cf94a83..f110a83 100644 Binary files a/assets/img/heute-720.webp and b/assets/img/heute-720.webp differ diff --git a/assets/img/hoerverlauf-440.webp b/assets/img/hoerverlauf-440.webp index 658fa74..36b3144 100644 Binary files a/assets/img/hoerverlauf-440.webp and b/assets/img/hoerverlauf-440.webp differ diff --git a/assets/img/hoerverlauf-720.webp b/assets/img/hoerverlauf-720.webp index 26a3382..845d935 100644 Binary files a/assets/img/hoerverlauf-720.webp and b/assets/img/hoerverlauf-720.webp differ diff --git a/assets/img/live-sperrbildschirm-440.webp b/assets/img/live-sperrbildschirm-440.webp new file mode 100644 index 0000000..6048fd7 Binary files /dev/null and b/assets/img/live-sperrbildschirm-440.webp differ diff --git a/assets/img/live-sperrbildschirm-720.webp b/assets/img/live-sperrbildschirm-720.webp new file mode 100644 index 0000000..9c0b13f Binary files /dev/null and b/assets/img/live-sperrbildschirm-720.webp differ diff --git a/assets/img/medikamente-440.webp b/assets/img/medikamente-440.webp index a2708d1..4baf3ea 100644 Binary files a/assets/img/medikamente-440.webp and b/assets/img/medikamente-440.webp differ diff --git a/assets/img/medikamente-720.webp b/assets/img/medikamente-720.webp index ab924e5..f45f81b 100644 Binary files a/assets/img/medikamente-720.webp and b/assets/img/medikamente-720.webp differ diff --git a/assets/img/muster-440.webp b/assets/img/muster-440.webp index 0b23bb4..24d77d2 100644 Binary files a/assets/img/muster-440.webp and b/assets/img/muster-440.webp differ diff --git a/assets/img/muster-720.webp b/assets/img/muster-720.webp index 068f8ba..a64f06a 100644 Binary files a/assets/img/muster-720.webp and b/assets/img/muster-720.webp differ diff --git a/assets/img/so-gehts-mir-440.webp b/assets/img/so-gehts-mir-440.webp index 8598a23..c3ec67c 100644 Binary files a/assets/img/so-gehts-mir-440.webp and b/assets/img/so-gehts-mir-440.webp differ diff --git a/assets/img/so-gehts-mir-720.webp b/assets/img/so-gehts-mir-720.webp index d5d01e2..be3fdaa 100644 Binary files a/assets/img/so-gehts-mir-720.webp and b/assets/img/so-gehts-mir-720.webp differ diff --git a/assets/img/wissen-440.webp b/assets/img/wissen-440.webp index a7bedc3..5e85737 100644 Binary files a/assets/img/wissen-440.webp and b/assets/img/wissen-440.webp differ diff --git a/assets/img/wissen-720.webp b/assets/img/wissen-720.webp index 6e580b8..0b67e3a 100644 Binary files a/assets/img/wissen-720.webp and b/assets/img/wissen-720.webp differ diff --git a/assets/site.css b/assets/site.css index b1332b8..ffbeb94 100644 --- a/assets/site.css +++ b/assets/site.css @@ -279,3 +279,42 @@ footer{padding:3.5rem 0 4rem;border-top:1px solid var(--hair);font-size:.92rem;c .menu-open .overlay a:nth-child(6){transition-delay:.25s}.menu-open .overlay a:nth-child(7){transition-delay:.3s} @media(max-width:960px){.support-grid{grid-template-columns:1fr 1fr}} @media(max-width:600px){.support-grid{grid-template-columns:1fr}} + +/* ---------- Oktober 2026: Rhythmus, Startzustand ---------- */ +/* Abstände: Eyebrow, Überschrift und Text hatten in den Split-Abschnitten keinen Abstand. */ +.eyebrow + h1,.eyebrow + h2{margin-top:1.15rem} +h2 + p,h1 + p{margin-top:1.25rem} +.split > div > p{max-width:38rem} +.split h2{max-width:18ch} +.split .points{margin-top:2.4rem} +.points{gap:1.35rem} +.points li{grid-template-columns:2.6rem 1fr;gap:1rem} +.points .pi{width:2.6rem;height:2.6rem} +.points span{line-height:1.55} +.facts,.myths{margin-top:2.6rem} +@media(max-width:767px){ + section{padding:4.5rem 0} + .story{padding-top:2.5rem} + .split{gap:3rem} + .split h2{max-width:none} + .head h2{margin:1rem 0} + .hero{padding-bottom:3rem} + .phones-duo{gap:.9rem} + .phones-duo .phone:nth-child(2){margin-top:2.5rem} + .honest{margin:0 .5rem} +} + +/* Startzustand: vor der Freigabe „Bald im App Store“, danach App-Store-Knöpfe (html[data-launch]). */ +html[data-launch="soon"] .when-live{display:none!important} +html[data-launch="live"] .when-soon{display:none!important} +.soon-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.3rem;border-radius:999px;font-weight:600;font-size:.98rem;color:var(--teal-deep);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair),0 12px 28px -20px rgba(15,43,43,.5)} +.soon-pill i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 0 rgba(232,155,123,.6);animation:soonPulse 2.4s var(--ease) infinite} +@keyframes soonPulse{0%{box-shadow:0 0 0 0 rgba(232,155,123,.55)}70%{box-shadow:0 0 0 10px rgba(232,155,123,0)}100%{box-shadow:0 0 0 0 rgba(232,155,123,0)}} +.hero .note a{color:var(--teal);text-underline-offset:3px} +.eyebrow > span{display:inline} + +/* Abschnittsabstände: vorher bis zu 10rem oben und unten, zwischen zwei hellen Abschnitten wirkte das wie ein Loch. */ +section{padding:clamp(4.5rem,8vw,7.5rem) 0} +.story{padding-top:3rem;padding-bottom:clamp(3rem,5vw,4.5rem)} +.story + section{padding-top:clamp(3rem,5vw,4.5rem)} +.hero{padding-bottom:3.5rem} diff --git a/index.html b/index.html index 93c731b..23c305e 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,11 @@ - +