/* Gemeinsamer Abstand unter der festen Navigation, ohne Vorab-Banner. */
main#inhalt{padding-top:5.5rem}
@media(max-width:54rem){main#inhalt{padding-top:4.75rem}}
.widget-gallery.device-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;min-height:0;background:radial-gradient(ellipse at 55% 35%,#d9eeea,transparent 65%),#e9efec}
.widget-device{display:block;width:100%;height:auto;max-width:29rem}
.device-gallery .widget-caption{color:#46605d;font-size:.8rem;line-height:1.5;text-align:center;max-width:32ch;margin:0}
@media(max-width:40rem){.widget-gallery.device-gallery{padding:1.25rem}.widget-device{max-width:23rem}}

.home .widgets-copy h2{letter-spacing:-.012em;line-height:1.14;text-wrap:balance}
.widget-gallery.device-gallery{margin:0}

/* Gerätebezug und zwei ergänzende, frei stehende Beispiele. */
.widgets-layout{grid-template-areas:"copy device" "extras device";column-gap:clamp(2.5rem,7vw,7rem);row-gap:1.8rem;align-items:center}
.widgets-copy{grid-area:copy;align-self:end}
.device-gallery{grid-area:device}
.widget-extras{grid-area:extras;align-self:start;display:grid;gap:1rem;min-width:0}
.widget-example{padding:1.35rem 1.5rem;border:1px solid #29464a;border-radius:1.5rem;background:linear-gradient(135deg,#163a40,#0d252b);color:#f0f8f6;box-shadow:0 12px 30px #123a3d12}
.widget-example .example-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#7ddbd2}
.widget-example h3{font-size:1.15rem;line-height:1.3;letter-spacing:normal;margin:.65rem 0 1rem}
.widget-example ol{list-style:none;margin:0;padding:0;display:grid}
.widget-example li{display:grid;grid-template-columns:3.25rem 1fr;gap:1rem;padding:.65rem 0;border-top:1px solid #ffffff20;font-size:.85rem;line-height:1.4}
.widget-example time{color:#abc8c5;font-variant-numeric:tabular-nums}
.widget-example .example-platform{margin:.8rem 0 0;font-size:.72rem;line-height:1.5;color:#abc8c5}
.widget-example .activity-time{font-size:.8rem;margin:.65rem 0 0;color:#d8eeea}
.example-progress{height:5px;background:#ffffff20;border-radius:8px;overflow:hidden}
.example-progress i{display:block;width:64%;height:100%;background:#43c8bc;border-radius:8px}
.examples-caption{margin:0;font-size:.75rem;color:#526962;line-height:1.4}
@media(max-width:66rem){.widgets-layout{grid-template-areas:"copy" "device" "extras";grid-template-columns:1fr}.widget-extras{grid-template-columns:1fr 1fr}.examples-caption{grid-column:1/-1}.widget-example{align-self:start}}
@media(max-width:40rem){.widget-extras{grid-template-columns:1fr}.widget-example{padding:1.25rem}.widgets-copy{align-self:auto}}

/* Das kostenlose Grundangebot ist die zentrale Botschaft nach dem Einstieg. */
.reality-strip .free-promise{padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:2rem}
.free-promise h2{max-width:25ch;margin:.8rem 0 1.1rem;font-family:var(--schrift-display);font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.13;letter-spacing:-.018em;text-wrap:balance}
.free-promise>p{max-width:66ch;font-size:1.1rem;line-height:1.65;margin:0}
.free-promise .free-offline{margin-top:1rem;font-size:.95rem;font-weight:650;color:#126c65}
.reality-strip .reality-grid{padding-top:.5rem;padding-bottom:clamp(2rem,4vw,3.5rem)}
#dauerhaft-kostenlos{scroll-margin-top:5.5rem}
@media(max-width:40rem){.free-promise>p{font-size:1rem}.free-promise h2 .headline-phrase{white-space:normal}}
.reality-strip .free-promise .eyebrow,.reality-strip .free-promise .free-offline{color:#82d9ce}

/* Klar lesbare Preiszeilen und Anbieteranschrift. */
.tier-price .price-period { font-size: .43em; font-weight: 600; letter-spacing: 0; white-space: nowrap; }
.tier-price .price-alternative { font-size: 1rem; font-weight: 650; line-height: 1.5; }
.provider-address { font-style: normal; line-height: 1.8; }
.provider-address strong { display: inline-block; font-size: 1.35rem; margin-bottom: .35rem; }