{"id":327,"date":"2026-06-03T16:30:19","date_gmt":"2026-06-03T14:30:19","guid":{"rendered":"https:\/\/www.oslocard.net\/?page_id=327"},"modified":"2026-06-08T15:09:41","modified_gmt":"2026-06-08T13:09:41","slug":"spaarcalculator","status":"publish","type":"page","link":"https:\/\/www.oslocard.net\/nl\/ersparnisrechner\/","title":{"rendered":"Rekenmachine voor besparingen"},"content":{"rendered":"\n<!--\n  =====================================================\n  OSLO CARD \u2014 INTERAKTIVER ERSPARNIS-RECHNER\n  Einbinden als Custom HTML Block auf der Unterseite\n  \/de\/ersparnisrechner\/ (analog auch \/en\/, \/fr\/ etc. via TranslatePress).\n\n  Master-Quelle: ~\/Documents\/WP-Tools-Shared\/ersparnis-rechner\/\n  Master-Version: 1.0\n  Site-Anpassung: 2026-05-21\n\n  Farben: #0E5B6E (Petrol), #FF8A3D (Akzent\/CTA), #fff0e0 (Akzent-Light)\n  Schema-Konsistenz: direkte Hex-Werte (keine :root-Variablen),\n  wie in den anderen OsloCard-Sektionen.\n  =====================================================\n-->\n\n<style>\n.lc-calc-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.lc-calc-wrap {\n  font-family: -apple-system, system-ui, \"Segoe UI\", Helvetica, Arial, sans-serif;\n  color: #0E5B6E;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 \u00dcBERSCHRIFT \u2500\u2500 *\/\n.lc-calc-head {\n  text-align: center;\n  margin-bottom: 28px;\n}\n.lc-calc-eyebrow {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: #FF8A3D;\n  margin-bottom: 6px;\n}\n.lc-calc-heading {\n  font-size: clamp(20px, 2.2vw, 26px);\n  font-weight: 800;\n  color: #0E5B6E;\n  line-height: 1.25;\n  margin: 0 0 8px;\n}\n.lc-calc-sub {\n  font-size: 15px;\n  color: #555;\n  line-height: 1.5;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 TAB-REITER \u2500\u2500 *\/\n.lc-calc-tabs {\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n  margin-bottom: 24px;\n  flex-wrap: wrap;\n}\n\/* Theme-Override-Schutz gegen GeneratePress (Pink-Hover etc.) *\/\n.lc-calc-wrap .lc-calc-tab {\n  background: #fff !important;\n  border: 1.5px solid #e2e2e2 !important;\n  border-radius: 8px;\n  padding: 10px 18px;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 700;\n  color: #555 !important;\n  cursor: pointer;\n  transition: border-color 0.15s, color 0.15s, background 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  box-shadow: none !important;\n  outline: none !important;\n  text-decoration: none !important;\n}\n.lc-calc-wrap .lc-calc-tab:hover {\n  background: #fff !important;\n  border-color: #FF8A3D !important;\n  color: #0E5B6E !important;\n}\n.lc-calc-wrap .lc-calc-tab:active,\n.lc-calc-wrap .lc-calc-tab:focus {\n  background: #fff !important;\n  border-color: #FF8A3D !important;\n  color: #0E5B6E !important;\n  outline: 2px solid #FF8A3D !important;\n  outline-offset: 2px;\n  box-shadow: none !important;\n}\n.lc-calc-wrap .lc-calc-tab.lc-calc-tab-active,\n.lc-calc-wrap .lc-calc-tab.lc-calc-tab-active:hover,\n.lc-calc-wrap .lc-calc-tab.lc-calc-tab-active:active,\n.lc-calc-wrap .lc-calc-tab.lc-calc-tab-active:focus {\n  background: #0E5B6E !important;\n  border-color: #0E5B6E !important;\n  color: #fff !important;\n}\n\n\/* \u2500\u2500 HAUPT-LAYOUT \u2500\u2500 *\/\n.lc-calc-body {\n  display: grid;\n  grid-template-columns: 1fr 300px;\n  gap: 20px;\n  align-items: start;\n}\n\n\/* \u2500\u2500 ATTRAKTIONSLISTE \u2500\u2500 *\/\n.lc-attractions-panel {\n  background: #fff;\n  border: 1.5px solid #e2e2e2;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.lc-attractions-header {\n  background: #0E5B6E;\n  color: #fff;\n  padding: 14px 20px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.lc-select-hint { font-weight: 400; opacity: 0.75; font-size: 11px; }\n\n.lc-attraction-list { padding: 8px 0; }\n\n.lc-attraction-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 18px;\n  cursor: pointer;\n  transition: background 0.12s;\n  border-bottom: 1px solid #f5f5f5;\n  user-select: none;\n}\n.lc-attraction-item:last-child { border-bottom: none; }\n.lc-attraction-item:hover { background: #f8f8f8; }\n.lc-attraction-item.selected { background: #fff0e0; }\n\n\/* Custom Checkbox *\/\n.lc-checkbox {\n  width: 20px;\n  height: 20px;\n  border-radius: 5px;\n  border: 2px solid #e2e2e2;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.12s, background 0.12s;\n  background: #fff;\n}\n.lc-attraction-item.selected .lc-checkbox {\n  border-color: #FF8A3D;\n  background: #FF8A3D;\n}\n.lc-checkbox svg {\n  width: 12px; height: 12px;\n  opacity: 0;\n  transition: opacity 0.12s;\n}\n.lc-attraction-item.selected .lc-checkbox svg { opacity: 1; }\n\n.lc-attr-name {\n  flex: 1;\n  font-size: 14px;\n  color: #0E5B6E;\n  line-height: 1.3;\n}\n.lc-attr-price {\n  font-size: 14px;\n  font-weight: 600;\n  color: #444;\n  white-space: nowrap;\n}\n.lc-attraction-item.selected .lc-attr-price {\n  color: #e87729;\n  text-decoration: line-through;\n}\n\n\/* Kategorie-Header *\/\n.lc-category-header {\n  padding: 10px 20px 6px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n  text-transform: uppercase;\n  color: #FF8A3D;\n  background: #fff;\n  border-bottom: 1px solid #f0f0f0;\n}\n.lc-category-header:first-child { padding-top: 14px; }\n\n\/* Mobile Mini-Summary *\/\n.lc-mobile-summary { display: none; }\n\n\/* Hinweis unten *\/\n.lc-more-hint {\n  padding: 12px 18px;\n  background: #f8f8f8;\n  border-top: 1px solid #e2e2e2;\n  font-size: 12px;\n  color: #777;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n}\n\n\/* \u2500\u2500 ERGEBNIS-PANEL \u2500\u2500 *\/\n.lc-result-panel {\n  position: sticky;\n  top: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.lc-result-card {\n  background: #fff;\n  border: 1.5px solid #e2e2e2;\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n.lc-result-header {\n  background: #FF8A3D;\n  color: #fff;\n  padding: 14px 20px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.lc-result-body { padding: 16px 18px; }\n\n.lc-result-line {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 13px;\n  color: #444;\n  padding: 6px 0;\n  border-bottom: 1px dashed #f0f0f0;\n  gap: 8px;\n}\n.lc-result-line:last-of-type { border-bottom: none; }\n.lc-result-line .name { flex: 1; }\n.lc-result-line .amount { font-weight: 600; color: #0E5B6E; white-space: nowrap; }\n.lc-result-line.opnv { color: #777; font-size: 12px; }\n.lc-result-line.opnv .amount { color: #777; }\n\n.lc-result-divider {\n  height: 1.5px;\n  background: #e2e2e2;\n  margin: 10px 0;\n}\n\n.lc-result-total-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  margin-bottom: 6px;\n}\n.lc-result-total-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #777;\n}\n.lc-result-total-amount {\n  font-size: 24px;\n  font-weight: 700;\n  color: #0E5B6E;\n}\n\n.lc-card-price-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  margin-bottom: 12px;\n}\n.lc-card-price-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #777;\n}\n.lc-card-price-amount {\n  font-size: 24px;\n  font-weight: 700;\n  color: #FF8A3D;\n}\n\n\/* Ersparnis-Box *\/\n.lc-savings-box {\n  background: #fff0e0;\n  border: 1.5px solid #FF8A3D;\n  border-radius: 10px;\n  padding: 12px 14px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 14px;\n  transition: all 0.3s ease;\n}\n.lc-savings-box.negative {\n  background: #fff3f2;\n  border-color: #ffcdd2;\n}\n.lc-savings-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #0E5B6E;\n}\n.lc-savings-box.negative .lc-savings-label { color: #c92a1a; }\n.lc-savings-amount {\n  font-size: 32px;\n  font-weight: 700;\n  color: #e87729;\n  line-height: 1;\n  transition: all 0.3s ease;\n}\n.lc-savings-box.negative .lc-savings-amount {\n  color: #c92a1a;\n  font-size: 15px;\n  font-weight: 700;\n}\n.lc-savings-amount span { font-size: 14px; font-weight: 600; }\n\n\/* Empty state *\/\n.lc-empty-state {\n  text-align: center;\n  padding: 28px 16px;\n  color: #777;\n  font-size: 13px;\n  line-height: 1.6;\n}\n.lc-empty-icon { font-size: 32px; margin-bottom: 10px; }\n\n\/* CTA *\/\n.lc-result-cta,\n.lc-result-cta:link,\n.lc-result-cta:visited {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  background: #FF8A3D;\n  color: #fff !important;\n  padding: 12px 18px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: background 0.15s, transform 0.15s;\n  font-family: inherit;\n  border: none;\n  cursor: pointer;\n  width: 100%;\n  box-shadow: 0 4px 14px rgba(255,138,61,0.30);\n}\n.lc-result-cta:hover {\n  background: #e87729 !important;\n  color: #fff !important;\n  transform: translateY(-1px);\n}\n.lc-result-cta-text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  line-height: 1.2;\n  min-width: 0;\n}\n.lc-result-cta-main {\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: 0.1px;\n}\n.lc-result-cta-price {\n  font-size: 12.5px;\n  font-weight: 600;\n  opacity: 0.92;\n  margin-top: 2px;\n}\n.lc-result-cta svg {\n  transition: transform 0.15s ease;\n  flex-shrink: 0;\n}\n.lc-result-cta:hover svg { transform: translateX(3px); }\n.lc-result-cta.disabled {\n  background: #ccc !important;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n.lc-cta-sub {\n  text-align: center;\n  font-size: 11px;\n  color: #777;\n  margin-top: 6px;\n}\n\n\/* Info-Hinweis *\/\n.lc-info-box {\n  background: #f4fafb;\n  border: 1px solid #d6e8ec;\n  border-radius: 10px;\n  padding: 14px 18px;\n  font-size: 13px;\n  color: #444;\n  line-height: 1.5;\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n.lc-info-icon {\n  width: 20px;\n  height: 20px;\n  min-width: 20px;\n  border-radius: 50%;\n  background: #FF8A3D;\n  color: #fff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n.lc-info-icon svg { width: 11px; height: 11px; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 680px) {\n  .lc-calc-body { grid-template-columns: 1fr; }\n  .lc-result-panel { position: static; }\n  .lc-calc-heading { font-size: 20px; }\n  .lc-calc-tabs { gap: 6px; }\n  .lc-calc-wrap .lc-calc-tab { padding: 9px 14px; font-size: 13px; }\n  .lc-result-cta { padding: 11px 16px; gap: 10px; }\n  .lc-result-cta-main { font-size: 14.5px; }\n  .lc-result-cta-price { font-size: 12px; }\n\n  \/* Mobile Mini-Summary *\/\n  .lc-mobile-summary {\n    display: block;\n    background: #fff0e0;\n    border: 1.5px solid #FF8A3D;\n    border-radius: 8px;\n    padding: 10px 16px;\n    font-size: 13px;\n    font-weight: 700;\n    color: #0E5B6E;\n    text-align: center;\n    margin-bottom: 12px;\n  }\n  .lc-mobile-summary.lc-mini-negative {\n    background: #fff3f2;\n    border-color: #ffcdd2;\n    color: #c92a1a;\n  }\n}\n\n\/* \u2500\u2500 Tail-CTA am Seitenende \u2500\u2500 *\/\n.lc-calc-tail-cta {\n  margin-top: 32px;\n  background: #0E5B6E;\n  border-radius: 12px;\n  padding: 22px 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n.lc-calc-tail-cta-text { flex: 1; min-width: 240px; }\n.lc-calc-tail-cta-headline {\n  color: #fff;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.3;\n  margin-bottom: 6px;\n}\n\n\/* Plugin-Output umstylen \u2014 wei\u00df auf Petrol, Sterne gelb *\/\n.lc-calc-tail-cta-rating .at-rating,\n.lc-calc-tail-cta-rating .at-rating * {\n  color: rgba(255,255,255,0.92) !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  font-family: inherit !important;\n}\n.lc-calc-tail-cta-rating .at-rating .at-rating__stars,\n.lc-calc-tail-cta-rating .at-rating [class*=\"star\"] {\n  color: #f5c518 !important;\n  letter-spacing: 1px;\n}\n\n\/* CTA-Button \u2014 Theme-Override-Schutz gegen GeneratePress *\/\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn,\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn:link,\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn:visited {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  background: #FF8A3D !important;\n  background-image: none !important;\n  color: #fff !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  padding: 12px 26px !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  letter-spacing: 0 !important;\n  text-transform: none !important;\n  text-shadow: none !important;\n  border: none !important;\n  box-shadow: 0 4px 14px rgba(255,138,61,0.30) !important;\n  transition: background 0.15s, transform 0.15s !important;\n  white-space: nowrap;\n}\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn:hover,\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn:focus,\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn:active {\n  background: #e87729 !important;\n  background-image: none !important;\n  color: #fff !important;\n  text-decoration: none !important;\n  transform: translateY(-1px);\n}\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn svg {\n  transition: transform 0.15s ease;\n  flex-shrink: 0;\n}\n.lc-calc-tail-cta a.lc-calc-tail-cta-btn:hover svg {\n  transform: translateX(3px);\n}\n\n\/* Mobile \u2014 stacken *\/\n@media (max-width: 600px) {\n  .lc-calc-tail-cta {\n    flex-direction: column;\n    align-items: stretch;\n    text-align: center;\n    padding: 20px 22px;\n    gap: 16px;\n  }\n  .lc-calc-tail-cta-headline { font-size: 18px; }\n  .lc-calc-tail-cta-rating { display: flex; justify-content: center; }\n  .lc-calc-tail-cta a.lc-calc-tail-cta-btn {\n    width: 100%;\n    justify-content: center !important;\n  }\n}\n<\/style>\n\n<!-- \u26d4 STRUKTUR: Plugin-Daten-Container \u2014 Tiqets-IDs Oslo Card -->\n<div class=\"lc-savings-calc-data\" aria-hidden=\"true\" style=\"display:none\">\n  <span data-lc-sc-price=\"24\" data-fallback=\"53.59\">52,80 \u20ac<\/span>\n  <span data-lc-sc-price=\"48\" data-fallback=\"78.07\">76,92 \u20ac<\/span>\n  <span data-lc-sc-price=\"72\" data-fallback=\"91.93\">90,58 \u20ac<\/span>\n  <span data-lc-sc-price-fmt=\"24\"><span class=\"at-variant-price\">52,80 \u20ac<\/span><\/span>\n  <span data-lc-sc-price-fmt=\"48\"><span class=\"at-variant-price\">76,92 \u20ac<\/span><\/span>\n  <span data-lc-sc-price-fmt=\"72\"><span class=\"at-variant-price\">90,58 \u20ac<\/span><\/span>\n  <a href=\"https:\/\/www.tiqets.com\/nl\/checkout\/tickets-fur-oslo-pass-eintritt-in-museen-offentliche-verkehrsmittel-p976675\/booking_details\/?partner=oslocard&#038;tq_campaign=savings_calculator\" class=\"at-affiliate-button\" target=\"_blank\" rel=\"sponsored noopener noreferrer nofollow\"><\/a>\n<\/div>\n\n<div class=\"lc-calc-wrap\">\n\n  <header class=\"lc-calc-head\">\n    <span class=\"lc-calc-eyebrow\">Individuell berechnen<\/span>\n    <h2 class=\"lc-calc-heading\">Dein pers\u00f6nlicher Ersparnis-Rechner<\/h2>\n    <p class=\"lc-calc-sub\">W\u00e4hle die Attraktionen, die du besuchen m\u00f6chtest \u2014 und sieh sofort, wie viel du mit der Oslo Card sparst.<\/p>\n  <\/header>\n\n  <!-- \u26d4 STRUKTUR: Tab-Reiter \u2014 data-dur-Werte nicht \u00e4ndern -->\n  <div class=\"lc-calc-tabs\" role=\"tablist\" aria-label=\"Laufzeit w\u00e4hlen\">\n    <button type=\"button\" class=\"lc-calc-tab\" role=\"tab\" data-dur=\"24\" aria-selected=\"false\">24 Stunden<\/button>\n    <button type=\"button\" class=\"lc-calc-tab lc-calc-tab-active\" role=\"tab\" data-dur=\"48\" aria-selected=\"true\">48 Stunden<\/button>\n    <button type=\"button\" class=\"lc-calc-tab\" role=\"tab\" data-dur=\"72\" aria-selected=\"false\">72 Stunden<\/button>\n  <\/div>\n\n  <div class=\"lc-calc-body\">\n\n    <!-- Mobile Mini-Summary -->\n    <div class=\"lc-mobile-summary\" id=\"lc-mobile-summary\"><\/div>\n\n    <!-- Attraktionsliste -->\n    <div class=\"lc-attractions-panel\">\n      <div class=\"lc-attractions-header\">\n        <span>Attraktionen ausw\u00e4hlen<\/span>\n        <span class=\"lc-select-hint\" id=\"lc-selected-count\">0 ausgew\u00e4hlt<\/span>\n      <\/div>\n      <!-- Kategorie-Labels f\u00fcr TranslatePress.\n           \u26d4 Reihenfolge muss mit CONFIG.CATEGORIES im JS \u00fcbereinstimmen. -->\n      <div class=\"lc-category-labels\" aria-hidden=\"true\" style=\"display:none\">\n        <span data-cat-index=\"0\">Top-Highlights<\/span>\n        <span data-cat-index=\"1\">Bygd\u00f8y-Halbinsel<\/span>\n        <span data-cat-index=\"2\">Weitere Museen und Attraktionen<\/span>\n      <\/div>\n      <div class=\"lc-attraction-list\" id=\"lc-attraction-list\">\n        <!-- Wird per JS bef\u00fcllt -->\n      <\/div>\n      <div class=\"lc-more-hint\">\n        <span class=\"lc-info-icon\" aria-hidden=\"true\" style=\"width: 14px; height: 14px; background: #FF8A3D;\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"6\" r=\"4.5\"\/><line x1=\"6\" y1=\"3.5\" x2=\"6\" y2=\"6.2\"\/><circle cx=\"6\" cy=\"8\" r=\"0.4\" fill=\"#fff\"\/><\/svg>\n        <\/span>\n        Insgesamt sind 30+ Attraktionen und Museen mit der Oslo Card inklusive \u2014 je mehr du besuchst, desto mehr sparst du.\n      <\/div>\n    <\/div>\n\n    <!-- Ergebnis -->\n    <div class=\"lc-result-panel\">\n\n      <div class=\"lc-result-card\">\n        <div class=\"lc-result-header\">Deine Ersparnis<\/div>\n        <div class=\"lc-result-body\" id=\"lc-result-body\">\n          <div class=\"lc-empty-state\" id=\"lc-empty-state\">\n            <div class=\"lc-empty-icon\">\ud83d\udc46<\/div>\n            W\u00e4hle Attraktionen aus, um deine pers\u00f6nliche Ersparnis zu berechnen.\n          <\/div>\n          <div id=\"lc-result-detail\" style=\"display:none\">\n            <div class=\"lc-result-line opnv\">\n              <span class=\"name\" id=\"lc-opnv-label\">\u00d6PNV (2 Tage)<\/span>\n              <span class=\"amount\" id=\"lc-opnv-amount\">0,00 \u20ac<\/span>\n            <\/div>\n            <div id=\"lc-selected-lines\"><\/div>\n            <div class=\"lc-result-divider\"><\/div>\n            <div class=\"lc-result-total-row\">\n              <span class=\"lc-result-total-label\">Einzelpreis gesamt<\/span>\n              <span class=\"lc-result-total-amount\" id=\"lc-total-single\">0,00 \u20ac<\/span>\n            <\/div>\n            <div class=\"lc-card-price-row\">\n              <span class=\"lc-card-price-label\" id=\"lc-card-label\">Oslo Card 48h<\/span>\n              <span class=\"lc-card-price-amount\" id=\"lc-card-price\">0,00 \u20ac<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Ersparnis-Box -->\n      <div class=\"lc-savings-box\" id=\"lc-savings-box\" style=\"display:none\">\n        <span class=\"lc-savings-label\" id=\"lc-savings-label\">Du sparst<\/span>\n        <span class=\"lc-savings-amount\" id=\"lc-savings-amount\">0 <span>\u20ac<\/span><\/span>\n      <\/div>\n\n      <a href=\"#\" id=\"lc-cta-btn\" class=\"lc-result-cta disabled\" target=\"_blank\" rel=\"sponsored noopener\">\n        <span class=\"lc-result-cta-text\">\n          <span class=\"lc-result-cta-main\" id=\"lc-cta-main\">Oslo Card 48h kaufen<\/span>\n          <span class=\"lc-result-cta-price\">ab <span id=\"lc-cta-price\">0 \u20ac<\/span><\/span>\n        <\/span>\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n      <div class=\"lc-cta-sub\">Sichere Buchung \u00fcber Tiqets.com<\/div>\n\n      <div class=\"lc-info-box\">\n        <span class=\"lc-info-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"6\" r=\"4.5\"\/><line x1=\"6\" y1=\"3.5\" x2=\"6\" y2=\"6.2\"\/><circle cx=\"6\" cy=\"8\" r=\"0.4\" fill=\"currentColor\"\/><\/svg>\n        <\/span>\n        <div>Der \u00d6PNV-Preis (12,00 \u20ac pro Tag) entspricht dem Tageskarten-Preis f\u00fcr die Zonen 1 und 2 und ist mit der Oslo Card unbegrenzt inklusive.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 Tail-CTA am Seitenende \u2500\u2500 -->\n  <div class=\"lc-calc-tail-cta\">\n    <div class=\"lc-calc-tail-cta-text\">\n      <div class=\"lc-calc-tail-cta-headline\">Bereit? Oslo Card jetzt sichern.<\/div>\n      <div class=\"lc-calc-tail-cta-rating\"><span class=\"at-rating\"><span class=\"at-stars\" aria-label=\"3.8 van 5 sterren\"><span class=\"at-star at-star--full\">\u2605<\/span><span class=\"at-star at-star--full\">\u2605<\/span><span class=\"at-star at-star--full\">\u2605<\/span><span class=\"at-star at-star--half\">\u00bd<\/span><span class=\"at-star at-star--empty\">\u2606<\/span><\/span> <strong class=\"at-rating__score\">3.8<\/strong> <span class=\"at-rating__count\"><span class=\"at-rating__num\">551<\/span>&nbsp;<span class=\"at-rating__label\">beoordelingen<\/span><\/span><\/span><\/div>\n    <\/div>\n    <a class=\"lc-calc-tail-cta-btn\" href=\"\/de\/#lcw2-widget\">\n      Jetzt buchen\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M5 12h14M13 5l7 7-7 7\"\/>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<!-- \u26d4 STRUKTUR: Script-Tag \u2014 URL nach Mediathek-Upload anpassen -->\n<script src=\"\/wp-content\/uploads\/2026\/06\/ersparnis-rechner.js?v=1\" defer><\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Individuell berechnen Dein pers\u00f6nlicher Ersparnis-Rechner W\u00e4hle die Attraktionen, die du besuchen m\u00f6chtest \u2014 und sieh sofort, wie viel du mit der Oslo Card sparst. 24 Stunden 48 Stunden 72 Stunden Attraktionen ausw\u00e4hlen 0 ausgew\u00e4hlt Top-Highlights Bygd\u00f8y-Halbinsel Weitere Museen und Attraktionen Insgesamt sind 30+ Attraktionen und Museen mit der Oslo Card inklusive \u2014 je mehr du &#8230; <a title=\"Rekenmachine voor besparingen\" class=\"read-more\" href=\"https:\/\/www.oslocard.net\/nl\/ersparnisrechner\/\" aria-label=\"Lees meer over Ersparnisrechner\">Lees verder<\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-327","page","type-page","status-publish"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":5,"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/pages\/327\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/www.oslocard.net\/nl\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}