.hero.na-hero{padding:clamp(28px, 5vh, 64px) var(--hero-rand) clamp(36px, 6vh, 72px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px}.na-hero .hero-links{text-align:center;align-items:center}.na-hero .hero-pill{align-self:center}.na-hero .hero-h1{font-size:clamp(40px,5.6vh,52px)}.na-hero .hero-absatz{max-width:60ch}.na-rechts{flex-direction:column;gap:14px;width:100%;min-width:0;max-width:800px;display:flex}html[data-weg=b] .na-rechts{max-width:800px}.na-korb-huelle{text-align:left;align-self:center;width:100%;max-width:620px}.na-fragekarte,.na-ausweg{align-self:center;width:100%;max-width:720px}.na-ausweg{text-align:center}.na-neben{text-align:center;align-items:center}@media (width<=899px){.hero.na-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding:16px 16px 28px}.na-hero .hero-h1{margin-top:14px;font-size:36px}.na-rechts{gap:10px;margin-top:18px}.na-hero .hero-links{text-align:left;align-items:stretch}.na-hero .hero-pill{align-self:flex-start}.na-neben,.na-ausweg{text-align:left;align-items:flex-start}}.na-karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:10px;display:grid}.na-karten .mk-produkt-karte{gap:12px;padding:22px 22px 20px}.na-karten .mk-produkt-karte:hover{transform:none}.na-karte-kopf{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.na-karte-titel{letter-spacing:-.02em;color:var(--n-900);margin:0;padding-top:3px;font-size:20px;font-weight:700;line-height:1.2}.na-karte-preis{white-space:nowrap;flex-direction:column;align-items:flex-end;margin:0;display:inline-flex}.na-karte-preis .mk-produkt-karte-mwst{font-size:11px;line-height:1.2}.na-karte-preis .mk-produkt-karte-preis{font-size:24px}.na-karte-unter{color:var(--n-500);margin:-6px 0 0;font-size:12.5px}.na-punkte{flex-grow:1;align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.na-punkte li{color:var(--n-700);gap:8px;font-size:13.5px;line-height:1.45;display:flex}.na-punkte li svg{color:var(--fg-success);flex:none;margin-top:2px}.na-punkte li.na-punkt-grenze svg{color:var(--n-400)}.na-start{background:var(--brand-primary);min-height:48px;color:var(--btn-primary-text);box-shadow:var(--mk-schatten-cta);transition:transform var(--motion-dauer-1) var(--motion-ruhe);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.na-start:hover{transform:translateY(-1px)}.na-start:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:2px}.na-start-zweit{background:var(--n-0);color:var(--n-900);border:1px solid var(--n-300);box-shadow:none}@media (width<=899px){.na-karten{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:8px}.na-karten .mk-produkt-karte{gap:6px;padding:12px 14px}.na-karte-titel{padding-top:2px;font-size:18px}.na-karte-preis .mk-produkt-karte-preis{font-size:20px}.na-karte-preis .mk-produkt-karte-mwst{font-size:10.5px;line-height:1.2}.na-karte-unter{display:none}.na-punkte{gap:2px}.na-punkte li{font-size:12.5px;line-height:1.38}.na-punkte li svg{margin-top:1px}.na-start{min-height:44px;margin-top:2px}}.na-neben{color:var(--n-600);flex-direction:column;gap:4px;margin:0;padding:0 4px;font-size:13px;line-height:1.5;display:flex}.na-neben p{margin:0}.na-neben a{min-height:32px;color:var(--n-800);text-decoration:underline;-webkit-text-decoration-color:var(--n-300);text-decoration-color:var(--n-300);text-underline-offset:3px;align-items:center;font-weight:600;display:inline-flex}.na-neben .tnum{font-family:var(--font-data);font-size:12px}@media (pointer:coarse){.na-neben a{min-height:44px}}@media (width<=899px),(pointer:coarse){.na-antwort-chip,.na-neben a,.na-ausweg a{min-height:44px}.na-hilfe>summary{min-height:52px}}.na-angebot{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}@media (width<=899px){.na-angebot{gap:10px}}html[data-weg=a] .hero.na-hero{--hero-rand:max(48px, calc((100% - 1200px) / 2))}@media (width>=900px){html[data-weg=a] .hero.na-hero{justify-items:stretch;gap:22px}html[data-weg=a] .na-hero .hero-links{text-align:left;align-items:flex-start}html[data-weg=a] .na-hero .hero-pill{align-self:flex-start}html[data-weg=a] .na-rechts{max-width:none}html[data-weg=a] .na-angebot{grid-template:"karten blatt""team blatt""check blatt""neben blatt"1fr/minmax(0,1fr) 300px;align-items:start;gap:14px 64px;display:grid}html[data-weg=a] .na-angebot>.na-karten{grid-area:karten;padding-top:0}html[data-weg=a] .na-angebot>.na-team{grid-area:team}html[data-weg=a] .na-angebot>.na-blatt{grid-area:blatt}html[data-weg=a] .na-angebot>.na-check{grid-area:check}html[data-weg=a] .na-angebot>.na-neben{text-align:left;grid-area:neben;align-items:flex-start}}.na-check{border:1px solid var(--n-200);background:color-mix(in srgb, var(--n-0) 80%, transparent);color:var(--n-700);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0;padding:8px 8px 8px 16px;font-size:14px;display:flex}.na-check p{margin:0}.na-check p strong{color:var(--n-900);font-weight:650}.na-knopf-zweit{border:1px solid var(--n-300);background:var(--n-0);min-height:44px;color:var(--n-900);font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.na-knopf-zweit:hover{border-color:var(--n-500)}.na-knopf-zweit:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:2px}@media (width<=899px){.na-check{padding:12px 14px}.na-check .na-knopf-zweit{width:100%}html[data-ausweis=verbrauch] .na-hero .hero-h1{font-size:31px}}html[data-ausweis=verbrauch] .na-karten>[data-karte=verbrauch]{order:-1}@media (width>=900px){.na-karten{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}@container (width<=309px){.na-karte-kopf{flex-direction:column;gap:2px}}}.na-zusatz{flex-direction:column;gap:10px;min-width:0;display:flex}.na-zusatz:empty{display:none}.na-angebot>.na-anbieter{margin:-4px 0 0;padding:0 4px}@media (width>=900px){html[data-weg=a] .na-angebot>.na-zusatz{grid-area:zusatz}html[data-weg=a] .na-angebot>.na-anbieter{grid-area:anbieter}}.na-zk-ikon{background:var(--tint-secondary-12);width:32px;height:32px;color:var(--fg-success);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.na-zk-text{flex-direction:column;gap:2px;min-width:0;display:flex}.na-zk-text strong{color:var(--n-900);font-weight:650}.na-zk-text small{color:var(--n-600);font-size:13px;line-height:1.45}.na-zk-zeile{color:var(--n-700);border-radius:10px;align-items:flex-start;gap:12px;margin:0;padding:6px 4px;font-size:15px;line-height:1.4;text-decoration:none;display:flex}.na-zk-zeile .na-zk-text strong{font-size:15px}.na-zk-zeile u{text-decoration:underline;-webkit-text-decoration-color:var(--n-300);text-decoration-color:var(--n-300);text-underline-offset:3px}.na-zk-zeile:hover u{-webkit-text-decoration-color:var(--n-700);text-decoration-color:var(--n-700)}.na-zk-zeile:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:2px}.na-zk-pfeil{color:var(--n-500);flex:none;align-self:center;margin-left:auto}@media (width<=899px){.na-zk-zeile{padding:4px 2px}}@media (width>=900px){html[data-weg=a] .na-angebot{grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"karten blatt""zk blatt""team blatt""anbieter blatt""check blatt""neben blatt"}html[data-weg=a] .na-angebot:has(>.na-zusatz>*){grid-template-rows:auto auto auto auto auto auto 1fr;grid-template-areas:"karten blatt""zusatz blatt""zk blatt""team blatt""anbieter blatt""check blatt""neben blatt"}html[data-weg=a] .na-angebot>.na-zk-zeile{grid-area:zk}html[data-weg=a] .na-angebot:not(:has(>.na-anbieter)):not(:has(>.na-zusatz>*)){grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"karten blatt""zk blatt""team blatt""check blatt""neben blatt"}html[data-weg=a] .na-angebot:not(:has(>.na-anbieter)):has(>.na-zusatz>*){grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"karten blatt""zusatz blatt""zk blatt""team blatt""check blatt""neben blatt"}}.na-zk-bruecke{flex-direction:column;gap:8px;min-width:0;display:flex}.na-zk-bruecke>.na-zk-zeile{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.na-zk-bruecke>.na-zk-zeile .na-zk-pfeil svg{transition:transform var(--motion-dauer-1) var(--motion-ruhe)}.na-zk-bruecke>.na-zk-zeile[aria-expanded=true] .na-zk-pfeil svg{transform:rotate(90deg)}.na-zk-wahl{--hk-kante:var(--n-300);--hk-ink:var(--n-900);--hk-akzent:var(--fg-success,var(--brand-secondary));border:1px solid var(--n-200);background:color-mix(in srgb, var(--n-0) 80%, transparent);border-radius:12px;flex-direction:column;gap:12px;margin:0 0 0 44px;padding:14px 16px;display:flex}.na-zk-wahl-satz{color:var(--n-700);margin:0;font-size:14px;line-height:1.45}.na-zk-wahl-knoepfe{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px;display:grid}.na-zk-wahl-knoepfe .na-start{min-height:56px;font:inherit;text-align:left;cursor:pointer;border:0;justify-content:space-between;padding:8px 16px;font-size:15px;font-weight:700}.na-zk-wahl-knoepfe .na-start-zweit{border:1px solid var(--n-300)}.na-zk-wahl-knopf{flex-direction:column;gap:1px;min-width:0;display:flex}.na-zk-wahl-knopf small{opacity:.85;font-size:12.5px;font-weight:500}.na-zk-wahl-zurueck{align-self:flex-start}@media (width<=899px){.na-zk-wahl{margin-left:0;padding:12px 14px}}@media (width>=900px){html[data-weg=a] .na-angebot>.na-zk-bruecke{grid-area:zk}}.na-korb-huelle .hk{gap:10px;padding:16px 16px 14px}.na-ablage-zeile{border:1px dashed var(--n-300);min-height:44px;color:var(--n-600);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:13.5px;display:flex}.na-ablage-zeile strong{color:var(--n-900);font-weight:600}.na-ablage-zeile:hover{border-color:var(--n-500);color:var(--n-900)}.na-adresse-zeile{border:1px solid var(--n-200);background:var(--n-0);color:var(--n-900);border-radius:12px;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:14px;display:flex}.na-adresse-zeile .na-haken-kreis{background:var(--tint-secondary-12);width:24px;height:24px;color:var(--fg-success);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.na-adresse-zeile .na-adresse-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.na-adresse-zeile .na-adresse-kicker{color:var(--n-500);font-size:11px;font-weight:500;display:block}.na-adresse-zeile .hk-textknopf{flex:none;min-height:44px;margin-left:auto}.pe-sektion{padding-block:0 56px!important}.pe-zeile{padding:10px 10px 10px 16px}.pe-zeile-text{flex:520px;align-items:flex-start;gap:12px;min-width:0;line-height:1.55;display:flex}.pe-zeile-text strong{color:var(--n-900);font-weight:650}.pe-zeile-marke{background:var(--n-100);width:28px;height:28px;color:var(--n-700);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (width<=640px){.pe-zeile{padding:14px}.pe-zeile .na-knopf-zweit{width:100%}}
