.pakete{gap:1rem;padding:0;list-style:none;display:grid}@media (min-width:64rem){.pakete{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}.paket{flex-direction:column;display:flex}.ist-empfohlen{box-shadow:inset 0 0 0 2px var(--color-blau)}.paket-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.abzeichen{border-radius:var(--radius-pille);background-color:var(--color-blau);color:var(--color-weiss);font-size:var(--text-sm);line-height:var(--text-sm--line-height);padding:.25rem .75rem;font-weight:600}.paket-fuer{margin-top:.5rem}.preis{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;margin-top:1.75rem;display:flex}.preis-betrag{font-size:var(--text-stat);line-height:var(--text-stat--line-height);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tinte);font-weight:600}.waehrung{font-size:var(--text-mittel);letter-spacing:0}.pilotpreis{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--link);margin-top:.5rem;font-weight:600}.eckdaten{border-block:1px solid var(--linie);gap:.5rem;margin-top:1.5rem;padding-block:1rem;display:grid}.eckdaten>div{flex-wrap:wrap;justify-content:space-between;gap:0 1rem;display:flex}.eckdaten dt,.eckdaten dd{white-space:nowrap}.eckdaten dd{text-align:end;margin-left:auto;font-weight:600}.umfang{gap:.625rem;margin-top:1.5rem;padding:0;list-style:none;display:grid}.umfang li{padding-left:1.75rem;position:relative}.umfang li:before{content:"";border-right:2px solid var(--color-blau);border-bottom:2px solid var(--color-blau);width:.4rem;height:.75rem;position:absolute;top:.3em;left:.2rem;rotate:45deg}.vergleich{margin-top:1rem;padding:clamp(.75rem,2.5vw,1.75rem) clamp(1rem,3vw,2.25rem)}.vergleich table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-variant-numeric:tabular-nums}.vergleich th,.vergleich td{vertical-align:middle;padding:.875rem .75rem}.vergleich :is(tbody,tfoot) :is(th,td){border-top:1px solid var(--linie)}.vergleich thead th{vertical-align:bottom;text-align:center;padding-block:.75rem 1rem}.vergleich-name{font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--tinte);font-weight:600;display:block}.vergleich-preis{color:var(--leise);font-weight:400;display:block}.vergleich :is(tbody,tfoot) th{text-align:start;color:var(--tinte);padding-left:0;font-weight:400}.vergleich td{text-align:center;color:var(--tinte)}.vergleich tfoot :is(th,td){font-weight:600}.vergleich .vergleich-empfohlen{background-color:color-mix(in srgb, var(--color-blau) 7%, var(--karte))}.vergleich thead .vergleich-empfohlen{border-radius:1rem 1rem 0 0}.vergleich table>:last-child tr:last-child .vergleich-empfohlen{border-radius:0 0 1rem 1rem}.vergleich .vergleich-empfohlen .vergleich-name{color:var(--link)}.haken{border-right:2px solid var(--color-blau);border-bottom:2px solid var(--color-blau);width:.4rem;height:.75rem;display:inline-block;translate:0 -.125rem;rotate:45deg}.vergleich-strich{color:var(--color-grau-300)}.vergleich-zusatz{color:var(--link);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.vergleich-zusatz:hover{text-decoration-thickness:2px}@media (min-width:40rem){.vergleich thead th{top:var(--kopfzeile-hoehe);z-index:1;background-color:var(--karte);position:sticky}.vergleich thead .vergleich-empfohlen{background-color:color-mix(in srgb, var(--color-blau) 7%, var(--karte))}.vergleich :is(tbody,tfoot) th{width:40%}}@media (max-width:39.999rem){.vergleich :is(table,thead,tbody,tfoot){display:block}.vergleich tr{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.25rem;display:grid}.vergleich tr>:first-child{grid-column:1/-1}.vergleich thead tr>:first-child{display:none}.vergleich thead th{padding:.5rem .25rem}.vergleich :is(tbody,tfoot) th{padding:.875rem 0 .375rem}.vergleich :is(tbody,tfoot) td{border-top:0;padding:.375rem .25rem}.vergleich .vergleich-empfohlen,.vergleich thead .vergleich-empfohlen,.vergleich table>:last-child tr:last-child .vergleich-empfohlen{border-radius:.625rem}.vergleich :is(tbody,tfoot) tr:last-child td{margin-bottom:.5rem}}.geraete{max-width:56rem;margin-inline:auto;padding-bottom:3rem;position:relative}.browser{background-color:var(--color-weiss);width:88%;box-shadow:0 0 0 1px var(--color-grau-200), 0 30px 60px -30px #00000059;border-radius:1rem;overflow:clip}.browser-leiste{border-bottom:1px solid var(--color-grau-200);background-color:var(--color-hell);align-items:center;gap:.375rem;padding:.625rem .875rem;display:flex}.browser-punkt{background-color:var(--color-grau-200);border-radius:50%;width:.625rem;height:.625rem}.browser-adresse{border-radius:var(--radius-pille);background-color:var(--color-weiss);color:var(--color-grau-500);font-size:var(--text-xs);line-height:var(--text-xs--line-height);margin-inline:auto;padding:.125rem 1rem}.handy{background-color:var(--color-nacht);border-radius:1.75rem;width:30%;max-width:13rem;padding:.375rem;position:absolute;bottom:0;right:0;overflow:clip;box-shadow:0 30px 60px -20px #00000073}.handy img{border-radius:1.4rem}.vorschau img{width:100%;height:auto;display:block}.vorschau .aktionen{margin-top:2.5rem}.zusatz{padding-block:.5rem;list-style:none;display:grid}.zusatz li{justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding-block:1rem;display:flex}.zusatz li+li{border-top:1px solid var(--linie)}.zusatz-leistung{color:var(--tinte);font-weight:600}.zusatz-bemerkung{font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin-top:.125rem}.zusatz-preis{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;color:var(--tinte);flex:none;font-weight:600}.zusatz-einheit{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:400;display:block}.pilot-text{max-width:var(--container-lesen);text-align:center;margin-inline:auto}.direkt{font-size:var(--text-lead);line-height:var(--text-lead--line-height);flex-wrap:wrap;justify-content:center;gap:.75rem 2rem;margin-top:2rem;padding:0;list-style:none;display:flex}.unterkopf{text-align:center;margin-top:clamp(3rem,7vw,5rem)}.paketwahl{max-width:var(--container-lesen);margin:clamp(2.5rem,5vw,3.5rem) auto 0}.paketwahl h3{text-align:center}.paketwahl-liste{color:var(--leise);gap:.75rem;margin-top:1.25rem;padding:0;list-style:none;display:grid}.paketwahl-liste strong{color:var(--tinte);font-weight:600}.fussnote-folge{margin-top:.75rem}
