:root{--m3-standard:cubic-bezier(.2, 0, 0, 1);--m3-rein:cubic-bezier(.05, .7, .1, 1);--m3-raus:cubic-bezier(.3, 0, .8, .15);--m3-welle:cubic-bezier(.45, 0, .55, 1)}.startseite{--gedaempft:#45494d;--leise:#50555a}.startseite .hero-grund,.startseite .abschnitt-ruhig,.startseite .abschluss{background:0 0}.startseite .hero-grund{padding-block:clamp(40px,6vw,88px) clamp(24px,3vw,40px)}@property --fluss-basis{syntax:"<color>";inherits:false;initial-value:#f7f9fc}.fluss{z-index:-1;pointer-events:none;contain:strict;--fluss-basis:#f7f9fc;background:var(--fluss-basis);height:100lvh;transition:--fluss-basis 1.2s var(--m3-standard);position:fixed;top:0;left:0;right:0;overflow:hidden}.fluss-feld{width:96vmax;height:96vmax;transition:opacity 1.2s var(--m3-standard), transform 1.6s var(--m3-standard);margin:-48vmax 0 0 -48vmax;position:absolute;top:50%;left:50%}.fluss-feld>i{border-radius:50%;position:absolute;inset:0}.fluss-feld-blau>i{background:radial-gradient(closest-side,#1f4fb829,#1f4fb812 48%,#1f4fb800)}.fluss-feld-hell>i{background:radial-gradient(closest-side,#8db8ff4d,#8db8ff1f 50%,#8db8ff00)}.fluss-feld-tief>i{background:radial-gradient(closest-side,#638ce042,#638ce01a 50%,#638ce000)}.fluss-korn{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.fluss-feld-blau{opacity:1;transform:translate(32vw,-40vh)scale(1)}.fluss-feld-hell{opacity:1;transform:translate(-38vw,-6vh)scale(.9)}.fluss-feld-tief{opacity:1;transform:translate(-30vw,42vh)scale(.95)}.fluss[data-ton=klar]{--fluss-basis:#f7f9fc}.fluss[data-ton=klar] .fluss-feld-blau{opacity:.55;transform:translate(40vw,-46vh)scale(.8)}.fluss[data-ton=klar] .fluss-feld-hell{opacity:.5;transform:translate(-42vw,30vh)scale(.8)}.fluss[data-ton=klar] .fluss-feld-tief{opacity:0;transform:translate(-30vw,60vh)scale(.8)}.fluss[data-ton=himmel]{--fluss-basis:#eaf1fc}.fluss[data-ton=himmel] .fluss-feld-blau{opacity:.8;transform:translate(36vw,36vh)scale(.95)}.fluss[data-ton=himmel] .fluss-feld-hell{opacity:1;transform:translate(-30vw,-30vh)scale(1.15)}.fluss[data-ton=himmel] .fluss-feld-tief{opacity:0;transform:translate(-30vw,60vh)scale(.8)}.fluss[data-ton=weich]{--fluss-basis:#f4f7fc}.fluss[data-ton=weich] .fluss-feld-blau{opacity:.35;transform:translate(44vw,-44vh)scale(.75)}.fluss[data-ton=weich] .fluss-feld-hell{opacity:.4;transform:translate(40vw,40vh)scale(.8)}.fluss[data-ton=weich] .fluss-feld-tief{opacity:1;transform:translate(-34vw,18vh)scale(1.1)}.fluss[data-ton=ruhe]{--fluss-basis:#f1f5fb}.fluss[data-ton=ruhe] .fluss-feld-blau{opacity:.3;transform:translate(42vw,44vh)scale(.7)}.fluss[data-ton=ruhe] .fluss-feld-hell{opacity:.35;transform:translate(-40vw,-40vh)scale(.8)}.fluss[data-ton=ruhe] .fluss-feld-tief{opacity:0;transform:translate(-30vw,60vh)scale(.8)}@media (prefers-reduced-motion:no-preference){.fluss-feld>i{animation:fluss-atmen 27s var(--m3-welle) 2}.fluss-feld-blau>i{animation-duration:23s}.fluss-feld-hell>i{animation-duration:31s;animation-direction:reverse}.fluss:not([data-ton=morgen]) .fluss-feld>i{animation-play-state:paused}}@keyframes fluss-atmen{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(3%,-2%)scale(1.05)}66%{transform:translate(-2%,3%)scale(.97)}}@media (prefers-reduced-motion:reduce){.fluss,.fluss-feld{transition-duration:0s}}.site-header.site-header-schwebend{transition:background-color .4s var(--m3-standard), box-shadow .4s var(--m3-standard);background:#fff0;box-shadow:0 1px #d1d7dc00,0 2px 8px #0000}.site-header.site-header-schwebend.ist-gescrollt{background:var(--karte);box-shadow:0 1px 0 var(--linie), 0 2px 8px #0000000a}@media (prefers-reduced-motion:reduce){.site-header.site-header-schwebend{transition:none}}.startseite .hero-titel span{color:var(--akzent-text)}.startseite .leitsatz{text-wrap:balance;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;max-width:17em;font-size:clamp(2.45rem,1.2rem + 5vw,4.5rem);line-height:1.1}.startseite .leitsatz-zusatz{text-align:center;text-wrap:balance;max-width:60ch;margin:24px auto 0}@media (max-width:520px){.startseite .vorteile{justify-content:center;justify-items:start;display:grid}}.startseite :is(.sicherheit-karte,.preis-karte:not(.preis-karte-empfohlen),.gerippe,.schritt){border-color:var(--linie);box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a}.vorfuehrung{--mail-kopf:64px;padding-block:0 clamp(48px,6vw,80px)}.vorfuehrung-buehne{justify-items:center;gap:28px;display:grid}.vorfuehrung-kopf,.vorfuehrung-fuss{gap:20px;width:100%;max-width:560px;display:grid}.vorfuehrung-titel{text-align:center}.stationen,.station-satz{display:none}.vorfuehrung-fuss p{color:var(--tinte-2);font-size:1rem;line-height:1.55}.mehr-text{justify-self:start;display:inline-flex}.geraet-insel{left:50%;top:calc(11px * var(--k,1));width:calc(124px * var(--k,1));height:calc(36px * var(--k,1));background:#0b0b0c;border-radius:999px;position:absolute;transform:translate(-50%)}.geraet-symbole{align-items:center;gap:calc(5px * var(--k,1));display:inline-flex}.geraet-symbole svg{flex:none;display:block;overflow:visible}.geraet-netz{width:calc(17px * var(--k,1));height:calc(11.3px * var(--k,1))}.geraet-wlan{width:calc(15.5px * var(--k,1));height:calc(11.3px * var(--k,1))}.geraet-akku{width:calc(26.5px * var(--k,1));height:calc(12.5px * var(--k,1))}.geraet-status{z-index:2;color:#162033;font:600 max(16px, calc(17px * var(--k,1))) / 1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#f4f7fc;justify-content:space-between;align-items:center;position:relative}.geraet-huelle{grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;display:grid}.geraet-auftritt{width:min(100%,640px)}.geraet{position:relative}.bildschirm{background:#f4f7fc;position:relative;overflow:clip}.geraet-status{display:none}.mail-kopf{z-index:1;height:var(--mail-kopf);color:#2b3548;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fc;align-items:center;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 1px #16203317}.mail-kopf .mb-app{width:100%}.bildschirm-inhalt{max-height:700px;display:grid;position:relative;overflow:clip}.blatt{opacity:0;visibility:hidden;transition:opacity .32s var(--m3-standard), visibility 0s linear .32s;grid-area:1/1;position:relative}.blatt.ist-aktiv{opacity:1;visibility:visible;transition:opacity .32s var(--m3-standard), visibility 0s}@media (prefers-reduced-motion:reduce){.blatt,.blatt.ist-aktiv{transition:none}}.kurz-ende{z-index:3;color:#162033;background:#fff;justify-items:center;gap:6px;padding:2px 14px 18px;display:grid;position:absolute;inset:auto 9px 0}.kurz-ende:before{content:"";pointer-events:none;background:linear-gradient(#fff0,#ffffff0a 14%,#ffffff24 28%,#ffffff4d 42%,#ffffff85 56%,#ffffffbd 70%,#ffffffe6 84%,#fff);height:108px;position:absolute;inset:auto 0 100%}.kurz-etikett{color:#1f4fb8;background:#eaf1fc;border:1px solid #cfe0fb;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.3;display:inline-flex}.kurz-knopf{width:100%}@media (max-width:839.98px){.vorfuehrung-buehne{grid-template-columns:minmax(0,1fr)}.bildschirm{background:#fff;border:1px solid #cbd5e4;border-radius:20px;box-shadow:0 1px 2px #0b10200d,0 28px 48px -32px #0b102059}.mail-kopf{background:#fff;height:72px;box-shadow:0 1px #dce3ee}.bildschirm-inhalt{max-height:none;display:block}.vorfuehrung .mailblatt-kurz{hyphenate-limit-chars:7 3 3;background:#fff;padding:0 0 20px}.vorfuehrung .mailblatt-kurz .mb-betreff{-webkit-hyphens:manual;hyphens:manual;margin:20px 20px 16px}.vorfuehrung .mailblatt-kurz .mb-karte{background:0 0;border:0;border-radius:0}.vorfuehrung .mailblatt-kurz .mb-inhalt{padding:0 20px}.vorfuehrung .mb-vorschau-raum,.vorfuehrung .mb-vorschau-ende{display:none}.vorfuehrung .blatt{-webkit-mask-image:linear-gradient(#000 calc(100% - 116px),#0000);mask-image:linear-gradient(#000 calc(100% - 116px),#0000)}.kurz-ende{background:0 0;padding:4px 16px 20px;position:static}.kurz-ende:before{display:none}.kurz-knopf{padding-inline:12px}}@media (min-width:840px){.vorfuehrung-buehne{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;gap:24px clamp(32px,6vw,96px)}.vorfuehrung-kopf{grid-area:1/1;align-self:center}.vorfuehrung-fuss{grid-area:2/1;align-self:end;gap:14px}.geraet-huelle{grid-area:1/2/span 2;width:auto;margin-inline:-48px;padding:10px 48px 0}.vorfuehrung-titel{text-align:left}.geraet-auftritt{width:auto}.geraet{--k:.84;width:calc(430px * var(--k));aspect-ratio:430/902;padding:calc(14px * var(--k));border-radius:calc(70px * var(--k));box-shadow:0 0 0 calc(5px * var(--k)) #b8c0cd, 0 0 0 calc(6px * var(--k)) #8791a1, 0 40px 70px -26px #0b102080;transform-origin:50% 0;background:#0b0b0c}.geraet:before,.geraet:after{content:"";width:calc(5px * var(--k));background:#a9b2c2;border-radius:2px;position:absolute}.geraet:before{left:calc(-11px * var(--k));top:calc(190px * var(--k));height:calc(190px * var(--k));background:linear-gradient(#a9b2c2 0 18%,#0000 18% 32%,#a9b2c2 32% 62%,#0000 62% 68%,#a9b2c2 68% 100%)}.geraet:after{right:calc(-11px * var(--k));top:calc(270px * var(--k));height:calc(110px * var(--k))}.bildschirm{border-radius:calc(56px * var(--k));border:0;width:100%;height:100%}.geraet-status{height:calc(54px * var(--k));padding:0 calc(30px * var(--k)) 0 calc(44px * var(--k));display:flex}.mail-kopf{inset:calc(54px * var(--k)) 0 auto;position:absolute}.bildschirm-inhalt{inset:calc(54px * var(--k) + var(--mail-kopf)) 0 0;max-height:none;position:absolute}.blatt{align-self:start}.kurz-etikett{gap:6px;padding:2px 11px 2px 9px;font-size:14px}.kurz-knopf{width:auto;min-height:44px;padding-inline:22px;font-size:1rem}}@media (min-width:1024px){.geraet{--k:.9}}@media (min-width:1024px) and (min-height:1000px){.geraet{--k:1}}@media (min-width:840px) and (min-height:680px) and (prefers-reduced-motion:no-preference){.vorfuehrung{padding-bottom:0}.vorfuehrung-spur{height:calc(100svh + 1500px)}.startseite .hero-grund{padding-top:clamp(20px,4svh,56px)}.startseite .hero-text{gap:20px}.vorfuehrung-buehne{top:calc(var(--kopf-hoehe) + 16px);height:calc(100svh - var(--kopf-hoehe) - 16px);padding-bottom:24px;position:sticky}.geraet-huelle{pointer-events:none;--aus:0;--aus-laenge:64px;height:calc(100% + 344px);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--aus,0) * var(--aus-laenge)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--aus,0) * var(--aus-laenge)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--aus,0) * var(--aus-laenge)), transparent);align-self:start;margin:-320px -48px 0 -720px;padding:330px 48px 0 720px;overflow:clip}.geraet{pointer-events:auto}.bildschirm-inhalt{height:auto;max-height:calc(100svh - var(--kopf-hoehe) - 26px - 68px * var(--k) - var(--mail-kopf));bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 18px);mask-image:linear-gradient(#0000,#000 18px)}.blatt.ist-aktiv{will-change:transform}.geraet-auftritt{opacity:0;transition:opacity .5s var(--m3-standard)}.vorfuehrung[data-bereit] .geraet-auftritt{opacity:1}.vorfuehrung:not([data-bereit]) :is(.vorfuehrung-kopf,.vorfuehrung-fuss){opacity:0}.stationen{gap:10px;list-style:none;display:grid}.stationen li{color:var(--gedaempft);transition:color .3s var(--m3-standard);align-items:center;gap:12px;padding-left:20px;display:flex;position:relative}.stationen li[aria-current=step]{color:var(--tinte)}.station-symbol{transition:color .3s var(--m3-standard);flex:none}.stationen li[aria-current=step] .station-symbol{color:var(--akzent-text)}.stationen li:before{content:"";background:var(--akzent);opacity:0;transform-origin:50% 0;width:4px;transition:opacity .4s var(--m3-standard), transform .4s var(--m3-standard);border-radius:4px;position:absolute;top:1px;bottom:1px;left:0;transform:scaleY(.4)}.stationen li[aria-current=step]:before{opacity:1;transform:scaleY(1)}.station-titel{letter-spacing:-.015em;font-size:1.25rem;font-weight:600;line-height:1.35;display:block}.station-satz{min-height:4.65em;color:var(--tinte-2);animation:station-rein .3s var(--m3-standard);font-size:1.125rem;line-height:1.55;display:block}}@keyframes station-rein{0%{opacity:0}}.startseite .autor-raster{grid-template-columns:minmax(0,1fr);align-items:center;row-gap:0;display:grid}.startseite .autor-bild-huelle{z-index:0;margin-inline:calc(-1 * var(--rand));position:relative}.startseite .autor-bild{margin:0}.startseite .autor-bild img{object-fit:cover;object-position:top center;width:100%;height:auto;max-height:480px;display:block;-webkit-mask-image:linear-gradient(#000 56%,#0000 100%);mask-image:linear-gradient(#000 56%,#0000 100%)}.startseite .autor-text{z-index:1;align-content:center;gap:18px;max-width:60ch;margin-top:-56px;display:grid;position:relative}.startseite .autor-text p{color:var(--tinte-2);text-wrap:pretty;font-size:1.125rem;line-height:1.6}.startseite .autor-text .titel-2{margin-bottom:4px}.startseite .autor-name{gap:2px;margin-top:6px;display:grid}.startseite .autor-name strong{letter-spacing:-.015em;color:var(--tinte);font-size:1.25rem;font-weight:700}.startseite .autor-name span{color:var(--gedaempft)}@media (min-width:641px) and (max-width:899.98px){.startseite .autor-bild-huelle{width:min(100%,540px);margin-inline:auto}.startseite .autor-bild img{max-height:560px}.startseite .autor-text{margin-inline:auto}}@media (min-width:900px){.startseite .autor{padding-bottom:0}.startseite .autor-raster{--ueberlappung:clamp(60px, 7vw, 90px);grid-template-columns:minmax(0,55fr) minmax(0,45fr);column-gap:0}.startseite .autor-bild-huelle{margin:0 calc(-1 * var(--ueberlappung)) 0 0;align-self:end}.startseite .autor-bild img{-webkit-mask-composite:source-in;max-height:760px;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%),linear-gradient(90deg,#000 calc(100% - 170px),#000c calc(100% - 130px),#00000080 calc(100% - 90px),#00000038 calc(100% - 55px),#0000000f calc(100% - 25px),#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%),linear-gradient(90deg,#000 calc(100% - 170px),#000c calc(100% - 130px),#00000080 calc(100% - 90px),#00000038 calc(100% - 55px),#0000000f calc(100% - 25px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.startseite .autor-text{padding-left:calc(var(--ueberlappung) - 34px);margin-top:0;padding-bottom:clamp(24px,4vw,56px)}}.startseite .zahlung-zeile{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin-top:clamp(28px,3.5vw,40px);display:flex}.startseite .zahlung-zeile p{color:var(--tinte-2);align-items:center;gap:10px;font-size:1.125rem;font-weight:600;display:flex}.startseite .zahlung-zeile p svg{color:var(--akzent-text);flex:none}.startseite .zahlung-zeile .zahlungsarten{justify-content:center}
.startseite .hero-grund{padding-top:clamp(48px,6svh,80px);padding-bottom:clamp(48px,7svh,80px)}.startseite .hero-text{gap:32px}.hero-titel{width:100%;max-width:1160px}.startseite .hero-titel .hero-wechsel{color:var(--tinte);background:0 0;display:grid}.startseite .hero-titel .hero-variante{color:var(--tinte);opacity:0;text-wrap:balance;background:0 0;grid-area:1/1;transition:opacity .5s,transform .5s;display:block;transform:translateY(8px)}.startseite .hero-titel .hero-variante[data-aktiv=true]{opacity:1;transform:none}.hero-variante .marker-strich{white-space:nowrap}.hero-untertitel{text-wrap:balance;margin-top:20px}.startseite .hero-einleitung{max-width:57ch}.startseite .hero-text .knopf-gruppe,.startseite .hero-text .vorteile{margin-top:8px}.nachricht-szene{padding-block:24px 72px}.nachricht-buehne{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.nachricht-titel{text-wrap:balance;font-size:clamp(2.3rem,3.6vw,3.5rem)}.nachricht-fenster{transform-origin:50% 0;width:100%}.nachricht-fenster .verfassen-leiste{min-height:58px;padding:16px 22px;font-size:1rem}.nachricht-fenster .verfassen-leiste strong{font-weight:700}.nachricht-fenster .verfassen-leiste>span{flex:none}.nachricht-fenster .verfassen-felder div{grid-template-columns:72px minmax(0,1fr);padding:14px 22px;font-size:1.0625rem}.nachricht-fenster .verfassen-text{gap:20px;padding:26px 22px;font-size:1.125rem;line-height:1.65}.nachricht-fenster .verfassen-fuss{grid-template-columns:1fr 1fr;gap:16px;padding:20px 22px;display:grid}.nachricht-fenster .verfassen-fuss>a{width:100%;min-height:52px;padding-inline:12px;font-size:1rem}.inhalt-raster-neu .abschnitt-kopf{align-self:center;gap:28px}.inhalt-raster-neu #inhalt-titel{text-wrap:balance;font-size:clamp(2.4rem,4.2vw,4rem)}.inhalt-raster-neu .textlink{font-size:1.125rem}.tarif-label{letter-spacing:-.015em;color:var(--tinte);margin-bottom:6px;font-size:1.5rem;font-weight:700}.preis-karte .tarif-name{color:var(--gedaempft);font-size:1.0625rem;font-weight:400}.preis-karte .tarif-liste li:first-child{min-height:3.1em}.abschluss-neu{text-align:center;padding-block:80px 112px}.abschluss-neu h2{text-wrap:balance;max-width:900px;margin:0 auto 36px;font-size:clamp(2.4rem,4vw,3.75rem)}.abschluss-neu .knopf{min-height:56px}@media (min-width:901px){.startseite .schritte{grid-template-rows:auto auto auto 1fr;row-gap:0}.startseite .schritt{grid-row:span 4;grid-template-rows:subgrid}.startseite .schritt-bild{align-content:stretch}.startseite .schritt-bild .mini{align-content:start}.startseite .schritt-text{display:contents}.startseite .schritt-nummer{margin:22px 24px 14px}.startseite .schritt-text h3{margin:0 24px 8px}.startseite .schritt-text p{margin:0 24px 26px}}.beispiel-iphone{padding-top:48px}.vorfuehrung-beispiel{padding-bottom:64px}.vorfuehrung-beispiel .vorfuehrung-kopf{text-align:center;justify-items:center;max-width:none}.vorfuehrung-beispiel .vorfuehrung-titel{text-align:center;font-size:clamp(2.4rem,4.4vw,4rem)}.vorfuehrung-beispiel .vorfuehrung-buehne{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:36px}.vorfuehrung-beispiel .vorfuehrung-kopf{grid-area:1/1}.vorfuehrung-beispiel .geraet-huelle{grid-area:2/1;justify-items:center;width:100%}.vorfuehrung-beispiel .vorfuehrung-fuss{display:none}.vorfuehrung-beispiel .stationen{flex-wrap:wrap;justify-content:center;gap:16px 28px;display:flex}.vorfuehrung-beispiel .stationen li{align-items:center;gap:10px;padding-left:0;display:flex}.vorfuehrung-beispiel .stationen li:before{display:none}.vorfuehrung-beispiel .station-titel{font-size:1.0625rem;font-weight:700}.vorfuehrung-beispiel .station-satz{max-width:64ch;min-height:3.1em;color:var(--gedaempft);font-size:1.125rem;line-height:1.55;display:block}.beispiel-unten{padding-bottom:96px}@media (min-width:840px){.startseite .hero-titel{font-size:clamp(2.45rem,min(5vw,7.5svh),4.25rem)}.startseite .hero-untertitel{font-size:.9em}.vorfuehrung-beispiel .vorfuehrung-buehne{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:clamp(48px,7vw,112px)}.vorfuehrung-beispiel .vorfuehrung-kopf{text-align:left;align-self:center;justify-items:start;max-width:600px}.vorfuehrung-beispiel .vorfuehrung-titel{text-align:left;text-wrap:balance}.vorfuehrung-beispiel .stationen{justify-content:start;gap:14px;display:grid}.vorfuehrung-beispiel .station-titel{font-size:1.25rem}.vorfuehrung-beispiel .station-satz{max-width:48ch;min-height:4.65em}.vorfuehrung-beispiel .geraet-huelle{width:auto;margin-inline:calc(-1 * min(48px, var(--rand)));padding-inline:min(48px, var(--rand));grid-area:1/2}.vorfuehrung-beispiel .geraet{--k:1}}@media (min-width:840px) and (max-height:850px){.startseite .hero-grund{padding-top:24px}.startseite .hero-text{gap:24px}.startseite .hero-titel{font-size:clamp(2.45rem,min(5vw,7.2svh),4.25rem)}}@media (min-width:840px) and (min-height:680px) and (prefers-reduced-motion:no-preference){.nachricht-szene{padding:0 0 48px}.nachricht-spur{min-height:calc(100svh + 120px)}.nachricht-buehne{top:calc(var(--kopf-hoehe) + 24px);height:calc(100svh - var(--kopf-hoehe) - 48px);position:sticky}.nachricht-spur:not([data-bereit]) .nachricht-fenster,.nachricht-spur:not([data-bereit]) .nachricht-kopf{opacity:0}.vorfuehrung-beispiel .geraet-huelle{height:calc(100% + 24px);margin:0 calc(-1 * min(48px, var(--rand)));padding:10px min(48px, var(--rand)) 0}.vorfuehrung-beispiel .geraet{--k:.6}.vorfuehrung-beispiel .bildschirm-inhalt{max-height:none}}@media (max-width:839.98px){.startseite .hero-text{gap:26px}.startseite .hero-grund{padding-block:40px 48px}.hero-untertitel{margin-top:16px}.nachricht-buehne{grid-template-columns:minmax(0,1fr);gap:36px}.nachricht-titel{text-align:center;max-width:620px;margin-inline:auto}.nachricht-fenster{max-width:640px;margin-inline:auto}.nachricht-szene{padding-bottom:48px}.beispiel-iphone{padding-top:36px}.vorfuehrung-beispiel .stationen{gap:14px 18px}.vorfuehrung-beispiel .stationen li{font-size:1rem}.beispiel-unten{padding-bottom:64px}}@media (max-width:520px){.startseite .hero-titel{font-size:clamp(1.7rem,8.5vw,2.6rem)}.nachricht-fenster .verfassen-leiste{padding:16px;font-size:.9375rem}.nachricht-fenster .verfassen-leiste>span{display:none}.nachricht-fenster .verfassen-felder div{grid-template-columns:64px minmax(0,1fr);padding-inline:16px}.nachricht-fenster .verfassen-text{padding:22px 16px;font-size:1.0625rem}.nachricht-fenster .verfassen-fuss{gap:10px;padding:16px}.nachricht-fenster .verfassen-fuss>a{padding-inline:8px;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.startseite .hero-titel .hero-variante{transition:none;transform:none}}