{"id":6,"date":"2025-05-15T11:37:48","date_gmt":"2025-05-15T09:37:48","guid":{"rendered":"http:\/\/stuttgartcard.com\/?page_id=6"},"modified":"2026-05-14T06:52:29","modified_gmt":"2026-05-14T04:52:29","slug":"home","status":"publish","type":"page","link":"https:\/\/www.stuttgartcard.com\/fr\/","title":{"rendered":"Stuttgart Card"},"content":{"rendered":"\n<!-- ============================================================\n     BLOCK 1: HERO BANNER\n     Einbindung: WordPress \u2192 Custom HTML Block (Startseite, ganz oben)\n     CSS-Pr\u00e4fix: .sc-hero-\n     ============================================================ -->\n\n<style>\n  .sc-hero-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-hero-wrap {\n    position: relative;\n    overflow: hidden;\n    border-radius: 16px;\n    min-height: 420px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 40px;\n    background: linear-gradient(135deg, #1A5F9E 0%, #154d82 100%);\n  }\n\n  .sc-hero-inner {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    width: 100%;\n  }\n\n  .sc-hero-content {\n    flex: 1;\n    padding: 56px 0 56px 48px !important;\n    color: #fff;\n    min-width: 0;\n  }\n\n  .sc-hero-img {\n    flex-shrink: 0;\n    padding: 40px 48px 40px 0 !important;\n  }\n\n  .sc-hero-img img {\n    width: 280px;\n    height: auto;\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.25);\n  }\n\n  .sc-hero-badge {\n    display: inline-block;\n    background: rgba(255,255,255,0.18);\n    color: #fff;\n    font-size: 13px;\n    font-weight: 600;\n    padding: 6px 16px !important;\n    border-radius: 20px;\n    margin-bottom: 16px;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  .sc-hero-h1 {\n    font-size: 36px;\n    font-weight: 700;\n    line-height: 1.2;\n    margin-bottom: 16px;\n    color: #fff;\n  }\n\n  .sc-hero-sub {\n    font-size: 18px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.92);\n    margin-bottom: 28px;\n    max-width: 560px;\n  }\n\n  .sc-hero-cta-row {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin-bottom: 20px;\n  }\n\n  \/* Plugin-Button im Hero-Kontext *\/\n  .sc-hero-cta-row .at-affiliate-button,\n  .sc-hero-cta-row .at-affiliate-button:visited,\n  .sc-hero-cta-row .at-affiliate-button:hover,\n  .sc-hero-cta-row .at-affiliate-button:active {\n    display: inline-block;\n    background: #E0712B !important;\n    color: #fff !important;\n    font-size: 17px;\n    font-weight: 600;\n    padding: 15px 36px !important;\n    border-radius: 8px;\n    text-decoration: none !important;\n    transition: background 0.2s;\n  }\n  .sc-hero-cta-row .at-affiliate-button:hover { background: #c9621f !important; }\n\n  .sc-hero-price {\n    font-size: 16px;\n    color: rgba(255,255,255,0.85);\n    display: flex;\n    align-items: baseline;\n    gap: 4px;\n  }\n\n  \/* Plugin-Preis im Hero-Kontext *\/\n  .sc-hero-price .at-price__label { display: none; }\n  .sc-hero-price .at-price__value {\n    font-size: 22px;\n    font-weight: 700;\n    color: #fff;\n  }\n\n  .sc-hero-trust {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    flex-wrap: wrap;\n    font-size: 13px;\n    color: rgba(255,255,255,0.8);\n  }\n  .sc-hero-trust span::before {\n    content: '\u2713 ';\n    color: #8CD98C;\n    font-weight: 700;\n  }\n\n  @media (max-width: 680px) {\n    .sc-hero-inner { flex-direction: column-reverse; gap: 0; }\n    .sc-hero-content { padding: 28px 24px 36px 24px !important; }\n    .sc-hero-img { padding: 28px 24px 0 24px !important; text-align: center; }\n    .sc-hero-img img { width: 200px; }\n    .sc-hero-h1 { font-size: 28px; }\n    .sc-hero-sub { font-size: 16px; }\n    .sc-hero-cta-row .at-affiliate-button,\n    .sc-hero-cta-row .at-affiliate-button:visited,\n    .sc-hero-cta-row .at-affiliate-button:hover,\n    .sc-hero-cta-row .at-affiliate-button:active { width: 100%; text-align: center; padding: 14px 24px !important; }\n  }\n<\/style>\n\n<div class=\"sc-hero-wrap\">\n  <div class=\"sc-hero-inner\">\n    <div class=\"sc-hero-content\">\n      <div class=\"sc-hero-badge\">Official Tourist Card<\/div>\n      <h1 class=\"sc-hero-h1\">Stuttgart Card (StuttCard) \u2013 Your Key to the City<\/h1>\n      <p class=\"sc-hero-sub\">Free admission to 40+ museums and attractions, discounts on city tours, restaurants and theatres \u2013 plus optional free public transport across the entire Stuttgart Region. The Stuttgart Card is your all-in-one pass for exploring the city.<\/p>\n      <div class=\"sc-hero-cta-row\">\n        <a href=\"https:\/\/www.getyourguide.com\/fr-fr\/-t34227\/?partner_id=B0910&#038;cmp=stuttgartcard&#038;mkt_cmp=true\" class=\"at-affiliate-button\" target=\"_blank\" rel=\"sponsored noopener noreferrer nofollow\">Check availability<\/a>\n        <span class=\"sc-hero-price\">from <span class=\"at-price\"><span class=\"at-price__label\">d\u00e8s<\/span>&nbsp;<span class=\"at-price__value\">31,00 \u20ac<\/span><\/span> per person<\/span>\n      <\/div>\n      <div class=\"sc-hero-trust\">\n        <span>Instant voucher via email<\/span>\n        <span>Secure booking via GetYourGuide<\/span>\n        <span>Free cancellation<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"sc-hero-img\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/stuttcard-official.avif\" alt=\"StuttCard PLUS \u2013 the official Stuttgart tourist card\" width=\"400\" height=\"225\">\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n     BLOCK 2: HOW IT WORKS \u2013 3 Steps\n     Einbindung: WordPress \u2192 Custom HTML Block\n     CSS-Pr\u00e4fix: .sc-steps-\n     ============================================================ -->\n\n<style>\n  .sc-steps-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-steps-wrap {\n    margin-bottom: 48px;\n  }\n\n  .sc-steps-title {\n    text-align: center;\n    font-size: 26px;\n    font-weight: 700;\n    color: #1C1C1C;\n    margin-bottom: 12px;\n  }\n\n  .sc-steps-subtitle {\n    text-align: center;\n    font-size: 16px;\n    color: #555;\n    margin-bottom: 36px;\n  }\n\n  .sc-steps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n\n  .sc-steps-card {\n    text-align: center;\n    padding: 32px 24px !important;\n    background: #F5F7FA;\n    border-radius: 12px;\n  }\n\n  .sc-steps-num {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: #1A5F9E;\n    color: #fff;\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 16px;\n  }\n\n  .sc-steps-card h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: #1C1C1C;\n    margin-bottom: 8px;\n  }\n\n  .sc-steps-card p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n\n  @media (max-width: 680px) {\n    .sc-steps-grid { grid-template-columns: 1fr; gap: 16px; }\n    .sc-steps-card { padding: 24px 20px !important; }\n  }\n<\/style>\n\n<div class=\"sc-steps-wrap\" id=\"howitworks\">\n  <h2 class=\"sc-steps-title\">How it works<\/h2>\n  <p class=\"sc-steps-subtitle\">Three simple steps to explore Stuttgart for less with the Stuttgart Card<\/p>\n\n  <div class=\"sc-steps-grid\">\n    <div class=\"sc-steps-card\">\n      <div class=\"sc-steps-num\">1<\/div>\n      <h3>Buy your Stuttgart Card<\/h3>\n      <p>Choose your preferred duration (24, 48 or 72 hours) and whether you need public transport included. Book online and receive your voucher instantly via email.<\/p>\n    <\/div>\n    <div class=\"sc-steps-card\">\n      <div class=\"sc-steps-num\">2<\/div>\n      <h3>Receive your digital ticket<\/h3>\n      <p>After booking, you receive a confirmation email with a PDF containing your StuttCard tickets and QR codes. Save it to your phone or print it out \u2013 no pick-up needed.<\/p>\n    <\/div>\n    <div class=\"sc-steps-card\">\n      <div class=\"sc-steps-num\">3<\/div>\n      <h3>Explore and save<\/h3>\n      <p>Present your Stuttgart Card at each attraction for free entry or exclusive discounts. Your card activates on first use and is valid for the selected duration.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n     BLOCK 3: PRICING TABLE\n     Einbindung: WordPress \u2192 Custom HTML Block\n     CSS-Pr\u00e4fix: .sc-pricing-\n     StuttCard PLUS als empfohlene Variante hervorgehoben\n     ============================================================ -->\n\n<style>\n  .sc-pricing-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-pricing-wrap {\n    margin-bottom: 48px;\n  }\n\n  .sc-pricing-title {\n    text-align: center;\n    font-size: 26px;\n    font-weight: 700;\n    color: #1C1C1C;\n    margin-bottom: 12px;\n  }\n\n  .sc-pricing-subtitle {\n    text-align: center;\n    font-size: 16px;\n    color: #555;\n    margin-bottom: 36px;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .sc-pricing-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    max-width: 780px;\n    margin: 0 auto;\n  }\n\n  .sc-pricing-card {\n    border: 1.5px solid #ddd;\n    border-radius: 12px;\n    padding: 32px 28px !important;\n    background: #fff;\n    position: relative;\n  }\n\n  .sc-pricing-card.sc-pricing-recommended {\n    border-color: #1A5F9E;\n    border-width: 2px;\n    box-shadow: 0 4px 20px rgba(26,95,158,0.12);\n  }\n\n  .sc-pricing-rec-badge {\n    position: absolute;\n    top: -13px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #1A5F9E;\n    color: #fff;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 4px 16px !important;\n    border-radius: 12px;\n    white-space: nowrap;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .sc-pricing-card h3 {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1C1C1C;\n    margin-bottom: 4px;\n  }\n\n  .sc-pricing-card .sc-pricing-desc {\n    font-size: 14px;\n    color: #555;\n    margin-bottom: 20px;\n  }\n\n  .sc-pricing-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n  }\n\n  .sc-pricing-table th,\n  .sc-pricing-table td {\n    padding: 10px 8px !important;\n    text-align: center;\n    font-size: 14px;\n    border-bottom: 1px solid #eee;\n  }\n\n  .sc-pricing-table th {\n    color: #555;\n    font-weight: 600;\n    font-size: 13px;\n  }\n\n  .sc-pricing-table td {\n    color: #1C1C1C;\n    font-weight: 600;\n  }\n\n  .sc-pricing-features {\n    list-style: none;\n    padding: 0 !important;\n    margin-bottom: 24px;\n  }\n\n  .sc-pricing-features li {\n    font-size: 14px;\n    color: #333;\n    padding: 6px 0 !important;\n    padding-left: 24px !important;\n    position: relative;\n    line-height: 1.5;\n  }\n\n  .sc-pricing-features li::before {\n    content: '\u2713';\n    position: absolute;\n    left: 0;\n    color: #1A5F9E;\n    font-weight: 700;\n  }\n\n  .sc-pricing-img {\n    width: 100%;\n    height: 120px;\n    border-radius: 8px;\n    overflow: hidden;\n    margin-bottom: 16px;\n  }\n  .sc-pricing-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  \/* Plugin-Button \u2013 Standard-Karte (blauer Outline-Stil) *\/\n  .sc-pricing-card:not(.sc-pricing-recommended) .at-affiliate-button,\n  .sc-pricing-card:not(.sc-pricing-recommended) .at-affiliate-button:visited,\n  .sc-pricing-card:not(.sc-pricing-recommended) .at-affiliate-button:hover,\n  .sc-pricing-card:not(.sc-pricing-recommended) .at-affiliate-button:active {\n    display: block;\n    text-align: center;\n    padding: 14px 24px !important;\n    border-radius: 8px;\n    text-decoration: none !important;\n    font-size: 15px;\n    font-weight: 600;\n    transition: background 0.2s;\n    background: #F5F7FA !important;\n    color: #1A5F9E !important;\n    border: 1.5px solid #1A5F9E;\n  }\n  .sc-pricing-card:not(.sc-pricing-recommended) .at-affiliate-button:hover { background: #E8F1FA !important; }\n\n  \/* Plugin-Button \u2013 Empfohlene PLUS-Karte (oranger Prim\u00e4r-Stil) *\/\n  .sc-pricing-card.sc-pricing-recommended .at-affiliate-button,\n  .sc-pricing-card.sc-pricing-recommended .at-affiliate-button:visited,\n  .sc-pricing-card.sc-pricing-recommended .at-affiliate-button:hover,\n  .sc-pricing-card.sc-pricing-recommended .at-affiliate-button:active {\n    display: block;\n    text-align: center;\n    padding: 14px 24px !important;\n    border-radius: 8px;\n    text-decoration: none !important;\n    font-size: 15px;\n    font-weight: 600;\n    transition: background 0.2s;\n    background: #E0712B !important;\n    color: #fff !important;\n    border: none;\n  }\n  .sc-pricing-card.sc-pricing-recommended .at-affiliate-button:hover { background: #c9621f !important; }\n\n  @media (max-width: 680px) {\n    .sc-pricing-grid { grid-template-columns: 1fr; gap: 20px; }\n    .sc-pricing-card { padding: 24px 20px !important; }\n  }\n<\/style>\n\n<div class=\"sc-pricing-wrap\" id=\"pricing\">\n  <h2 class=\"sc-pricing-title\">Prices and options<\/h2>\n  <p class=\"sc-pricing-subtitle\">Choose between the standard Stuttgart Card and the StuttCard PLUS with free public transport across the entire Stuttgart Region.<\/p>\n\n  <div class=\"sc-pricing-grid\">\n\n    <!-- Standard StuttCard -->\n    <div class=\"sc-pricing-card\">\n      <h3>StuttCard<\/h3>\n      <p class=\"sc-pricing-desc\">Without public transport<\/p>\n      <table class=\"sc-pricing-table\">\n        <tr><th>24 hours<\/th><th>48 hours<\/th><th>72 hours<\/th><\/tr>\n        <tr><td>\u20ac25<\/td><td>\u20ac31<\/td><td>\u20ac36<\/td><\/tr>\n      <\/table>\n      <ul class=\"sc-pricing-features\">\n        <li>Free entry to 40+ museums and attractions<\/li>\n        <li>Discounts on Stuttgart Citytour<\/li>\n        <li>Restaurant perks and welcome drinks<\/li>\n        <li>Theatre and retail discounts<\/li>\n      <\/ul>\n      <a href=\"https:\/\/www.getyourguide.com\/fr-fr\/-t34227\/?partner_id=B0910&#038;cmp=stuttgartcard&#038;mkt_cmp=true\" class=\"at-affiliate-button\" target=\"_blank\" rel=\"sponsored noopener noreferrer nofollow\">View StuttCard<\/a>\n    <\/div>\n\n    <!-- StuttCard PLUS \u2013 recommended -->\n    <div class=\"sc-pricing-card sc-pricing-recommended\">\n      <div class=\"sc-pricing-rec-badge\">Recommended for visitors<\/div>\n      <h3>StuttCard PLUS<\/h3>\n      <p class=\"sc-pricing-desc\">Including free public transport (VVS)<\/p>\n      <div class=\"sc-pricing-img\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/yellow-light-rail-ssb-stuttgart.jpg\" alt=\"Stuttgart public transport \u2013 free with StuttCard PLUS\" width=\"400\" height=\"225\">\n      <\/div>\n      <table class=\"sc-pricing-table\">\n        <tr><th>24 hours<\/th><th>48 hours<\/th><th>72 hours<\/th><\/tr>\n        <tr><td>\u20ac35<\/td><td>\u20ac45<\/td><td>\u20ac55<\/td><\/tr>\n      <\/table>\n      <ul class=\"sc-pricing-features\">\n        <li>Everything in StuttCard included<\/li>\n        <li>Free travel on all buses and trains (VVS)<\/li>\n        <li>Covers the entire Stuttgart Region<\/li>\n        <li>Perfect for reaching all major attractions<\/li>\n      <\/ul>\n      <a href=\"https:\/\/www.getyourguide.com\/fr-fr\/-t34227\/?partner_id=B0910&#038;cmp=stuttgartcard&#038;mkt_cmp=true\" class=\"at-affiliate-button\" target=\"_blank\" rel=\"sponsored noopener noreferrer nofollow\">Get StuttCard PLUS<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n     BLOCK 4: SAVINGS EXAMPLE \u2013 StuttCard PLUS 48h\n     Einbindung: WordPress \u2192 Custom HTML Block\n     CSS-Pr\u00e4fix: .sc-savings-\n     ============================================================ -->\n\n<style>\n  .sc-savings-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-savings-wrap {\n    background: #E8F1FA;\n    border-radius: 16px;\n    padding: 40px 36px !important;\n    margin-bottom: 48px;\n  }\n\n  .sc-savings-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: #1C1C1C;\n    margin-bottom: 8px;\n    text-align: center;\n  }\n\n  .sc-savings-subtitle {\n    font-size: 15px;\n    color: #555;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  .sc-savings-days {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    margin-bottom: 28px;\n  }\n\n  .sc-savings-day {\n    background: #fff;\n    border-radius: 12px;\n    padding: 24px !important;\n  }\n\n  .sc-savings-day-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: #1A5F9E;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 16px;\n  }\n\n  .sc-savings-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding: 8px 0 !important;\n    border-bottom: 1px solid #f0f0f0;\n    font-size: 14px;\n  }\n\n  .sc-savings-row:last-child { border-bottom: none; }\n\n  .sc-savings-row .sc-savings-name {\n    color: #1C1C1C;\n  }\n\n  .sc-savings-row .sc-savings-regular {\n    color: #999;\n    text-decoration: line-through;\n    font-size: 13px;\n  }\n\n  .sc-savings-row .sc-savings-free {\n    color: #1A5F9E;\n    font-weight: 600;\n  }\n\n  .sc-savings-total-box {\n    background: #1A5F9E;\n    border-radius: 12px;\n    padding: 28px 32px !important;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .sc-savings-total-left {\n    color: rgba(255,255,255,0.85);\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .sc-savings-total-left strong {\n    display: block;\n    font-size: 14px;\n    color: rgba(255,255,255,0.65);\n    font-weight: 400;\n    margin-top: 4px;\n  }\n\n  .sc-savings-amount {\n    text-align: right;\n  }\n\n  .sc-savings-amount .sc-savings-big {\n    font-size: 36px;\n    font-weight: 700;\n    color: #fff;\n    line-height: 1;\n  }\n\n  .sc-savings-amount .sc-savings-label {\n    font-size: 13px;\n    color: rgba(255,255,255,0.75);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .sc-savings-cta {\n    text-align: center;\n    margin-top: 24px;\n  }\n\n  \/* Plugin-Button im Savings-Kontext *\/\n  .sc-savings-cta .at-affiliate-button,\n  .sc-savings-cta .at-affiliate-button:visited,\n  .sc-savings-cta .at-affiliate-button:hover,\n  .sc-savings-cta .at-affiliate-button:active {\n    display: inline-block;\n    background: #E0712B !important;\n    color: #fff !important;\n    font-size: 16px;\n    font-weight: 600;\n    padding: 14px 36px !important;\n    border-radius: 8px;\n    text-decoration: none !important;\n    transition: background 0.2s;\n  }\n  .sc-savings-cta .at-affiliate-button:hover { background: #c9621f !important; }\n\n  @media (max-width: 680px) {\n    .sc-savings-wrap { padding: 28px 20px !important; }\n    .sc-savings-days { grid-template-columns: 1fr; gap: 16px; }\n    .sc-savings-day { padding: 20px 16px !important; }\n    .sc-savings-total-box { flex-direction: column; text-align: center; padding: 24px 20px !important; }\n    .sc-savings-amount { text-align: center; }\n    .sc-savings-cta .at-affiliate-button,\n    .sc-savings-cta .at-affiliate-button:visited,\n    .sc-savings-cta .at-affiliate-button:hover,\n    .sc-savings-cta .at-affiliate-button:active { width: 100%; }\n  }\n<\/style>\n\n<div class=\"sc-savings-wrap\" id=\"savings\">\n  <h2 class=\"sc-savings-title\">How much can you save?<\/h2>\n  <p class=\"sc-savings-subtitle\">Sample itinerary with StuttCard PLUS 48 hours (\u20ac45)<\/p>\n\n  <div class=\"sc-savings-days\">\n    <!-- Day 1 -->\n    <div class=\"sc-savings-day\">\n      <div class=\"sc-savings-day-label\">Day 1<\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">Mercedes-Benz Museum<\/span>\n        <span><span class=\"sc-savings-regular\">\u20ac16.00<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">SWR Television Tower<\/span>\n        <span><span class=\"sc-savings-regular\">\u20ac12.50<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">Staatsgalerie Stuttgart<\/span>\n        <span><span class=\"sc-savings-regular\">\u20ac12.00<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">Public transport (VVS)<\/span>\n        <span><span class=\"sc-savings-regular\">~\u20ac6.70<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Day 2 -->\n    <div class=\"sc-savings-day\">\n      <div class=\"sc-savings-day-label\">Day 2<\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">Wilhelma Zoo &amp; Gardens<\/span>\n        <span><span class=\"sc-savings-regular\">\u20ac23.00<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">Porsche Museum<\/span>\n        <span><span class=\"sc-savings-regular\">\u20ac12.00<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">Kunstmuseum Stuttgart<\/span>\n        <span><span class=\"sc-savings-regular\">\u20ac11.00<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n      <div class=\"sc-savings-row\">\n        <span class=\"sc-savings-name\">Public transport (VVS)<\/span>\n        <span><span class=\"sc-savings-regular\">~\u20ac6.70<\/span> <span class=\"sc-savings-free\">Free<\/span><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Totals -->\n  <div class=\"sc-savings-total-box\">\n    <div class=\"sc-savings-total-left\">\n      Total value of included attractions: \u20ac99.90<br>\n      StuttCard PLUS 48h price: \u20ac45.00\n      <strong>Prices based on regular adult admission<\/strong>\n    <\/div>\n    <div class=\"sc-savings-amount\">\n      <div class=\"sc-savings-label\">You save<\/div>\n      <div class=\"sc-savings-big\">\u20ac54.90<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"sc-savings-cta\">\n    <a href=\"https:\/\/www.getyourguide.com\/fr-fr\/-t34227\/?partner_id=B0910&#038;cmp=stuttgartcard&#038;mkt_cmp=true\" class=\"at-affiliate-button\" target=\"_blank\" rel=\"sponsored noopener noreferrer nofollow\">Get your StuttCard PLUS now<\/a>\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n     BLOCK 5: TOP ATTRACTIONS\n     Einbindung: WordPress \u2192 Custom HTML Block\n     CSS-Pr\u00e4fix: .sc-attr-\n     \n     Bilder vorhanden (400x225px):\n       - Mercedes-Benz Museum\n       - Porsche Museum\n       - Wilhelma Zoo\n       - SWR Television Tower\n       - Ludwigsburg Palace\n     \n     Platzhalter (farbige Kacheln \u2013 kein Bildtausch n\u00f6tig):\n       - Staatsgalerie Stuttgart\n       - Kunstmuseum Stuttgart\n       - Stuttgart Citytour\n     ============================================================ -->\n\n<style>\n  .sc-attr-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-attr-wrap {\n    margin-bottom: 48px;\n  }\n\n  .sc-attr-title {\n    font-size: 26px;\n    font-weight: 700;\n    color: #1C1C1C;\n    text-align: center;\n    margin-bottom: 12px;\n  }\n\n  .sc-attr-subtitle {\n    font-size: 16px;\n    color: #555;\n    text-align: center;\n    margin-bottom: 36px;\n  }\n\n  .sc-attr-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n\n  .sc-attr-card {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid #eee;\n    background: #fff;\n    transition: box-shadow 0.2s;\n  }\n  .sc-attr-card:hover {\n    box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n  }\n\n  .sc-attr-img {\n    width: 100%;\n    height: 180px;\n    position: relative;\n    overflow: hidden;\n    background: #E8F1FA;\n  }\n\n  .sc-attr-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .sc-attr-placeholder {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n  .sc-attr-placeholder-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: rgba(26,95,158,0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    color: #1A5F9E;\n  }\n  .sc-attr-placeholder-label {\n    font-size: 12px;\n    color: #1A5F9E;\n    font-weight: 500;\n  }\n\n  .sc-attr-badge {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    background: #1A5F9E;\n    color: #fff;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 4px 10px !important;\n    border-radius: 6px;\n  }\n\n  .sc-attr-badge-discount {\n    background: #E0712B;\n  }\n\n  .sc-attr-body {\n    padding: 16px !important;\n  }\n\n  .sc-attr-card h3 {\n    font-size: 16px;\n    font-weight: 600;\n    color: #1C1C1C;\n    margin-bottom: 6px;\n  }\n\n  .sc-attr-card p {\n    font-size: 13px;\n    color: #555;\n    line-height: 1.5;\n    margin-bottom: 10px;\n  }\n\n  .sc-attr-price-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n  }\n\n  .sc-attr-price-old {\n    color: #999;\n    text-decoration: line-through;\n  }\n\n  .sc-attr-price-new {\n    color: #1A5F9E;\n    font-weight: 700;\n  }\n\n  @media (max-width: 768px) {\n    .sc-attr-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n  }\n\n  @media (max-width: 480px) {\n    .sc-attr-grid { grid-template-columns: 1fr; gap: 16px; }\n  }\n<\/style>\n\n<div class=\"sc-attr-wrap\" id=\"attractions\">\n  <h2 class=\"sc-attr-title\">Top attractions included<\/h2>\n  <p class=\"sc-attr-subtitle\">Free admission to these highlights and many more with your Stuttgart Card<\/p>\n\n  <div class=\"sc-attr-grid\">\n\n    <!-- 1. Mercedes-Benz Museum \u2013 Bild vorhanden -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/mercedes-benz-museum-at-dusk.jpg\" alt=\"Mercedes-Benz Museum Stuttgart\" width=\"400\" height=\"225\">\n        <div class=\"sc-attr-badge\">Free entry<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>Mercedes-Benz Museum<\/h3>\n        <p>Explore 130 years of automotive history across 9 levels with over 160 vehicles on display.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac16.00<\/span>\n          <span class=\"sc-attr-price-new\">Free with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2. Porsche Museum \u2013 Bild vorhanden -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/orange-porsche-race-car-porsche-museum.jpg\" alt=\"Porsche Museum Stuttgart\" width=\"400\" height=\"225\">\n        <div class=\"sc-attr-badge\">Free entry<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>Porsche Museum<\/h3>\n        <p>Over 80 legendary sports cars and racing vehicles in a stunning architectural landmark.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac12.00<\/span>\n          <span class=\"sc-attr-price-new\">Free with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. Wilhelma \u2013 Bild vorhanden -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/wilhelma-botanical-garden-stuttgart.jpg\" alt=\"Wilhelma Zoo and Botanical Garden Stuttgart\" width=\"400\" height=\"225\">\n        <div class=\"sc-attr-badge\">Free entry<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>Wilhelma Zoo &amp; Botanical Garden<\/h3>\n        <p>Germany&#8217;s only combined zoological-botanical garden with over 11,000 animals and 8,500 plant species.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac23.00<\/span>\n          <span class=\"sc-attr-price-new\">Free with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 4. Fernsehturm \u2013 Bild vorhanden -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/stuttgart-tv-tower-aerial-view.jpg\" alt=\"SWR Television Tower Stuttgart\" width=\"400\" height=\"225\">\n        <div class=\"sc-attr-badge\">Free entry<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>SWR Television Tower<\/h3>\n        <p>The world&#8217;s first TV tower with a panoramic observation deck at 150 metres \u2013 stunning views over Stuttgart.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac12.50<\/span>\n          <span class=\"sc-attr-price-new\">Free with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 5. Staatsgalerie \u2013 Platzhalter -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <div class=\"sc-attr-placeholder\">\n          <div class=\"sc-attr-placeholder-icon\">\ud83c\udfa8<\/div>\n          <div class=\"sc-attr-placeholder-label\">Art Museum<\/div>\n        <\/div>\n        <div class=\"sc-attr-badge\">Free entry<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>Staatsgalerie Stuttgart<\/h3>\n        <p>One of Germany&#8217;s most visited art museums with masterpieces from the Middle Ages to contemporary art.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac12.00<\/span>\n          <span class=\"sc-attr-price-new\">Free with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 6. Ludwigsburg Palace \u2013 Bild vorhanden -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/favorite-palace-ludwigsburg.jpg\" alt=\"Ludwigsburg Palace\" width=\"400\" height=\"225\">\n        <div class=\"sc-attr-badge\">Free entry<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>Ludwigsburg Palace<\/h3>\n        <p>One of Europe&#8217;s largest Baroque palaces with 452 rooms, beautiful gardens and a fascinating museum.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac10.00<\/span>\n          <span class=\"sc-attr-price-new\">Free with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 7. Kunstmuseum \u2013 Platzhalter -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <div class=\"sc-attr-placeholder\">\n          <div class=\"sc-attr-placeholder-icon\">\ud83d\uddbc<\/div>\n          <div class=\"sc-attr-placeholder-label\">Modern Art<\/div>\n        <\/div>\n        <div class=\"sc-attr-badge\">Free entry<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>Kunstmuseum Stuttgart<\/h3>\n        <p>A striking glass cube in the heart of the city showcasing modern and contemporary art collections.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac11.00<\/span>\n          <span class=\"sc-attr-price-new\">Free with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 8. Stuttgart Citytour \u2013 Platzhalter -->\n    <div class=\"sc-attr-card\">\n      <div class=\"sc-attr-img\">\n        <div class=\"sc-attr-placeholder\" style=\"background:#FFF3EB;\">\n          <div class=\"sc-attr-placeholder-icon\" style=\"background:rgba(224,113,43,0.15);color:#E0712B;\">\ud83d\ude8c<\/div>\n          <div class=\"sc-attr-placeholder-label\" style=\"color:#E0712B;\">Hop-on\/Hop-off<\/div>\n        <\/div>\n        <div class=\"sc-attr-badge sc-attr-badge-discount\">Discount<\/div>\n      <\/div>\n      <div class=\"sc-attr-body\">\n        <h3>Stuttgart Citytour \u2013 Hop-on\/Hop-off<\/h3>\n        <p>Discover Stuttgart&#8217;s highlights from an open-top bus. Discounted single and combination tickets with StuttCard.<\/p>\n        <div class=\"sc-attr-price-row\">\n          <span class=\"sc-attr-price-old\">\u20ac24.00<\/span>\n          <span class=\"sc-attr-price-new\">\u20ac20.00 with StuttCard<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n     BLOCK 6: SOCIAL PROOF \u2013 Reviews\n     Einbindung: WordPress \u2192 Custom HTML Block\n     CSS-Pr\u00e4fix: .sc-sp-\n     ============================================================ -->\n\n<style>\n  .sc-sp-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-sp-wrap {\n    margin-bottom: 48px;\n  }\n\n  .sc-sp-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-bottom: 32px;\n  }\n\n  .sc-sp-header h2 {\n    font-size: 26px;\n    font-weight: 700;\n    color: #1C1C1C;\n  }\n\n  .sc-sp-score-box {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: #E8F1FA;\n    padding: 12px 20px !important;\n    border-radius: 10px;\n  }\n\n  \/* Plugin-Rating im Score-Box-Kontext *\/\n  .sc-sp-score-box .at-rating {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n  }\n\n  .sc-sp-score-box .at-rating__score {\n    font-size: 28px;\n    font-weight: 700;\n    color: #1A5F9E;\n    line-height: 1;\n  }\n\n  .sc-sp-score-box .at-stars {\n    color: #E0712B;\n    font-size: 14px;\n    letter-spacing: 1px;\n    display: block;\n  }\n\n  .sc-sp-score-box .at-rating__num {\n    font-size: 13px;\n    color: #555;\n    white-space: nowrap !important;\n    display: inline !important;\n    line-height: 1.4;\n  }\n  \/* Alle Kind-Elemente innerhalb der Reviewanzahl: einheitliches Styling *\/\n  .sc-sp-score-box .at-rating__num,\n  .sc-sp-score-box .at-rating__num * {\n    display: inline !important;\n    white-space: nowrap !important;\n    font-size: 13px !important;\n    font-weight: normal !important;\n    color: #555 !important;\n  }\n\n  .sc-sp-gyg-logo {\n    height: 20px;\n    width: auto;\n    display: block;\n    margin-top: 4px;\n    opacity: 0.8;\n  }\n\n  .sc-sp-cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n\n  .sc-sp-card {\n    background: #F5F7FA;\n    border-radius: 12px;\n    padding: 24px !important;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .sc-sp-card-stars {\n    color: #E0712B;\n    font-size: 14px;\n    letter-spacing: 1px;\n    margin-bottom: 12px;\n  }\n\n  .sc-sp-card-text {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #333;\n    flex-grow: 1;\n    margin-bottom: 16px;\n    font-style: italic;\n  }\n\n  .sc-sp-card-footer {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding-top: 12px !important;\n    border-top: 1px solid #e0e0e0;\n  }\n\n  .sc-sp-avatar {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: #1A5F9E;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 14px;\n    flex-shrink: 0;\n  }\n\n  .sc-sp-card-meta {\n    font-size: 13px;\n    color: #555;\n    line-height: 1.3;\n  }\n\n  .sc-sp-card-name {\n    font-weight: 600;\n    color: #1C1C1C;\n  }\n\n  .sc-sp-verified {\n    font-size: 11px;\n    color: #1A5F9E;\n    font-weight: 500;\n  }\n\n  @media (max-width: 768px) {\n    .sc-sp-cards { grid-template-columns: 1fr; gap: 16px; }\n    .sc-sp-header { flex-direction: column; }\n  }\n<\/style>\n\n<div class=\"sc-sp-wrap\" id=\"reviews\">\n  <div class=\"sc-sp-header\">\n    <h2>What travellers say about the Stuttgart Card<\/h2>\n    <div class=\"sc-sp-score-box\">\n      <span class=\"at-rating\"><span class=\"at-stars\" aria-label=\"4.5329733 sur 5 \u00e9toiles\"><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--full\">\u2605<\/span><span class=\"at-star at-star--half\">\u00bd<\/span><\/span> <strong class=\"at-rating__score\">4.5<\/strong> <span class=\"at-rating__count\"><span class=\"at-rating__num\">210<\/span>&nbsp;<span class=\"at-rating__label\">avis<\/span><\/span><\/span>\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/getyourguide-logo.png\" alt=\"GetYourGuide\" class=\"sc-sp-gyg-logo\">\n    <\/div>\n  <\/div>\n\n  <div class=\"sc-sp-cards\">\n\n    <!-- REVIEW 1 \u2013 Sophie, United Kingdom, May 2025 -->\n    <div class=\"sc-sp-card\">\n      <div class=\"sc-sp-card-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"sc-sp-card-text\">&#8220;Got into both car museums free. The public transport was fairly straightforward. Knowing I didn&#8217;t have to worry about tickets for anywhere really made paying for StuttCard PLUS worth it.&#8221;<\/div>\n      <div class=\"sc-sp-card-footer\">\n        <div class=\"sc-sp-avatar\">S<\/div>\n        <div class=\"sc-sp-card-meta\">\n          <div class=\"sc-sp-card-name\">Sophie<\/div>\n          <div>United Kingdom \u00b7 May 2025<\/div>\n          <div class=\"sc-sp-verified\">Verified booking<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- REVIEW 2 \u2013 Georgian, Romania, June 2025 -->\n    <div class=\"sc-sp-card\">\n      <div class=\"sc-sp-card-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"sc-sp-card-text\">&#8220;We managed in one day from 10am to 10am next day to visit many attractions. The transport upgrade is very useful \u2013 we got it for 2 days and saved a lot of money.&#8221;<\/div>\n      <div class=\"sc-sp-card-footer\">\n        <div class=\"sc-sp-avatar\">G<\/div>\n        <div class=\"sc-sp-card-meta\">\n          <div class=\"sc-sp-card-name\">Georgian<\/div>\n          <div>Romania \u00b7 June 2025<\/div>\n          <div class=\"sc-sp-verified\">Verified booking<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- REVIEW 3 \u2013 Susan, United States, October 2025 -->\n    <div class=\"sc-sp-card\">\n      <div class=\"sc-sp-card-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"sc-sp-card-text\">&#8220;We thoroughly enjoyed all of the options available and the tram system is so easy to navigate.&#8221;<\/div>\n      <div class=\"sc-sp-card-footer\">\n        <div class=\"sc-sp-avatar\">S<\/div>\n        <div class=\"sc-sp-card-meta\">\n          <div class=\"sc-sp-card-name\">Susan<\/div>\n          <div>United States \u00b7 October 2025<\/div>\n          <div class=\"sc-sp-verified\">Verified booking<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n     BLOCK 7: INLINE BOOKING WIDGET\n     Einbindung: WordPress \u2192 Custom HTML Block\n     CSS-Pr\u00e4fix: .sc-bw-\n     Platzierung: nach Social Proof \/ vor FAQ\n     ============================================================ -->\n\n<style>\n  .sc-bw-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-bw-wrap {\n    border: 2px solid #1A5F9E;\n    border-radius: 12px;\n    overflow: hidden;\n    margin-bottom: 48px;\n    background: #fff;\n  }\n\n  .sc-bw-header {\n    background: #1A5F9E;\n    padding: 16px 24px !important;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .sc-bw-header-title {\n    color: #fff;\n    font-size: 17px;\n    font-weight: 600;\n  }\n\n  .sc-bw-header-price {\n    color: rgba(255,255,255,0.9);\n    font-size: 15px;\n    display: flex;\n    align-items: baseline;\n    gap: 4px;\n  }\n\n  \/* Plugin-Preis im Widget-Header *\/\n  .sc-bw-header-price .at-price__label { display: none; }\n  .sc-bw-header-price .at-price__value {\n    font-weight: 700;\n    color: #fff;\n    font-size: 17px;\n  }\n\n  .sc-bw-body {\n    padding: 24px !important;\n  }\n\n  .sc-bw-usp-list {\n    list-style: none;\n    padding: 0 !important;\n    margin-bottom: 20px;\n  }\n\n  .sc-bw-usp-list li {\n    font-size: 15px;\n    color: #333;\n    padding: 8px 0 !important;\n    padding-left: 28px !important;\n    position: relative;\n    line-height: 1.5;\n    border-bottom: 1px solid #f0f0f0;\n  }\n  .sc-bw-usp-list li:last-child { border-bottom: none; }\n\n  .sc-bw-usp-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 12px;\n    width: 18px;\n    height: 18px;\n    background: #E0712B;\n    border-radius: 50%;\n  }\n  .sc-bw-usp-list li::after {\n    content: '\u2713';\n    position: absolute;\n    left: 4px;\n    top: 12px;\n    color: #fff;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 18px;\n  }\n\n  \/* Plugin-Button im Booking-Widget-Kontext *\/\n  .sc-bw-body .at-affiliate-button,\n  .sc-bw-body .at-affiliate-button:visited,\n  .sc-bw-body .at-affiliate-button:hover,\n  .sc-bw-body .at-affiliate-button:active {\n    display: block;\n    text-align: center;\n    background: #E0712B !important;\n    color: #fff !important;\n    font-size: 17px;\n    font-weight: 600;\n    padding: 16px 24px !important;\n    border-radius: 8px;\n    text-decoration: none !important;\n    transition: background 0.2s;\n    margin-bottom: 16px;\n  }\n  .sc-bw-body .at-affiliate-button:hover { background: #c9621f !important; }\n\n  .sc-bw-footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    font-size: 13px;\n    color: #888;\n    padding-top: 12px !important;\n    border-top: 1px solid #f0f0f0;\n  }\n\n  .sc-bw-payment-badge {\n    height: 28px;\n    opacity: 0.7;\n  }\n\n  @media (max-width: 480px) {\n    .sc-bw-header { padding: 14px 16px !important; }\n    .sc-bw-body { padding: 20px 16px !important; }\n    .sc-bw-header-title { font-size: 15px; }\n  }\n<\/style>\n\n<div class=\"sc-bw-wrap\">\n  <div class=\"sc-bw-header\">\n    <span class=\"sc-bw-header-title\">Stuttgart Card \u2013 Official Tourist Card<\/span>\n    <span class=\"sc-bw-header-price\">from <span class=\"at-price\"><span class=\"at-price__label\">d\u00e8s<\/span>&nbsp;<span class=\"at-price__value\">31,00 \u20ac<\/span><\/span> per person<\/span>\n  <\/div>\n  <div class=\"sc-bw-body\">\n    <ul class=\"sc-bw-usp-list\">\n      <li>Free admission to 40+ museums and attractions<\/li>\n      <li>Discounts on Stuttgart Citytour, theatres and restaurants<\/li>\n      <li>Available as 24h, 48h or 72h pass<\/li>\n      <li>Optional: free public transport across the Stuttgart Region<\/li>\n    <\/ul>\n    <a href=\"https:\/\/www.getyourguide.com\/fr-fr\/-t34227\/?partner_id=B0910&#038;cmp=stuttgartcard&#038;mkt_cmp=true\" class=\"at-affiliate-button\" target=\"_blank\" rel=\"sponsored noopener noreferrer nofollow\">Buy StuttCard now<\/a>\n    <div class=\"sc-bw-footer\">\n      <span>Secure payment<\/span>\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/payment-badge.png\" class=\"sc-bw-payment-badge\" alt=\"Accepted payment methods\">\n      <span>Visa, Mastercard, PayPal, Apple Pay<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n     BLOCK 8: FAQ \u2013 Accordion\n     Einbindung: WordPress \u2192 Custom HTML Block\n     CSS-Pr\u00e4fix: .sc-faq-\n     ============================================================ -->\n\n<style>\n  .sc-faq-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-faq-wrap {\n    margin-bottom: 48px;\n    max-width: 780px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .sc-faq-title {\n    font-size: 26px;\n    font-weight: 700;\n    color: #1C1C1C;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  .sc-faq-item {\n    border-bottom: 1px solid #e8e8e8;\n  }\n\n  .sc-faq-q {\n    width: 100%;\n    background: none;\n    border: none;\n    padding: 20px 40px 20px 0 !important;\n    font-size: 16px;\n    font-weight: 600;\n    color: #1C1C1C;\n    text-align: left;\n    cursor: pointer;\n    position: relative;\n    line-height: 1.4;\n    font-family: inherit;\n  }\n\n  .sc-faq-q::after {\n    content: '+';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 22px;\n    font-weight: 300;\n    color: #1A5F9E;\n    transition: transform 0.2s;\n  }\n\n  .sc-faq-q.sc-faq-open::after {\n    content: '\u2212';\n  }\n\n  .sc-faq-a {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease, padding 0.3s ease;\n  }\n\n  .sc-faq-a-inner {\n    padding: 0 0 20px 0 !important;\n    font-size: 15px;\n    line-height: 1.7;\n    color: #555;\n  }\n\n  .sc-faq-a-inner a {\n    color: #1A5F9E;\n    text-decoration: underline;\n  }\n<\/style>\n\n<div class=\"sc-faq-wrap\" id=\"faq\">\n  <h2 class=\"sc-faq-title\">Frequently asked questions<\/h2>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">What is the Stuttgart Card?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      The Stuttgart Card (officially called StuttCard) is the official tourist card for the Stuttgart Region. It gives you free admission to over 40 museums and leisure attractions, discounts on the Stuttgart Citytour hop-on\/hop-off bus, and perks at selected restaurants and theatres. It is available for 24, 48 or 72 hours.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">What is the difference between StuttCard and StuttCard PLUS?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      The StuttCard PLUS includes everything in the standard StuttCard, plus unlimited free travel on all public transport (buses and trains) across the entire Stuttgart Region (VVS network, standard class). This is especially useful for reaching attractions like the Porsche Museum, Wilhelma or Ludwigsburg Palace, which are best reached by public transport.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">How do I receive my StuttCard?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      After booking, you receive a confirmation email with a PDF file containing your StuttCard tickets. Simply show the QR code on your StuttCard to the staff at each partner attraction \u2013 no pick-up required. You can display it on your phone or print it out.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">When does the StuttCard start to be valid?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      The StuttCard activates on first use \u2013 meaning the moment you use it for the first time at an attraction or on public transport. From that point, it is valid for the selected duration (24, 48 or 72 hours).\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">Can I use each attraction more than once?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      No, each included attraction or service can be used once during the validity period. However, with the StuttCard PLUS, public transport is unlimited for the entire duration.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">Is the Stuttgart Card worth it for children?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      The Stuttgart Card is designed for adults who pay the regular admission price. Many museums in Stuttgart already offer reduced or free entry for children, students and seniors. For families with young children, it may be more cost-effective to purchase only adult cards and pay the reduced children&#8217;s rates at each attraction individually.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">Are the car museums (Mercedes-Benz, Porsche) included?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      Yes, both the Mercedes-Benz Museum and the Porsche Museum are included with free entry in the StuttCard. These two museums alone already cover most of the cost of a 24-hour StuttCard.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">Which public transport is included with StuttCard PLUS?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      StuttCard PLUS includes free travel on the entire VVS network (Verkehrs- und Tarifverbund Stuttgart) in standard class. This covers all S-Bahn (suburban trains), U-Bahn (metro), buses and regional trains within the Stuttgart Region \u2013 including connections to Ludwigsburg, Esslingen and surrounding areas.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">Are most museums open on Mondays?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      Most museums in Stuttgart are closed on Mondays. Notable exceptions include the Mercedes-Benz Museum and the Porsche Museum, which are open Tuesday to Sunday. If your trip includes a Monday, plan accordingly and focus on outdoor attractions, the Wilhelma Zoo, the TV Tower or the Stuttgart Citytour.\n    <\/div><\/div>\n  <\/div>\n\n  <div class=\"sc-faq-item\">\n    <button class=\"sc-faq-q\" onclick=\"scFaqToggle(this)\">Can I cancel my Stuttgart Card booking?<\/button>\n    <div class=\"sc-faq-a\"><div class=\"sc-faq-a-inner\">\n      When booked through GetYourGuide, most Stuttgart Card bookings offer free cancellation up to 24 hours before the activity. Check the specific cancellation policy on the booking page for details.\n    <\/div><\/div>\n  <\/div>\n\n<\/div>\n\n<script>\nfunction scFaqToggle(btn) {\n  var isOpen = btn.classList.contains('sc-faq-open');\n  \/* close all *\/\n  document.querySelectorAll('.sc-faq-q.sc-faq-open').forEach(function(q) {\n    q.classList.remove('sc-faq-open');\n    q.nextElementSibling.style.maxHeight = null;\n  });\n  \/* toggle clicked *\/\n  if (!isOpen) {\n    btn.classList.add('sc-faq-open');\n    var answer = btn.nextElementSibling;\n    answer.style.maxHeight = answer.scrollHeight + 'px';\n  }\n}\n<\/script>\n\n<!-- FAQ Schema (JSON-LD) \u2013 spiegelt die Fragen oben 1:1 wider -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the Stuttgart Card?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The Stuttgart Card (officially called StuttCard) is the official tourist card for the Stuttgart Region. It gives you free admission to over 40 museums and leisure attractions, discounts on the Stuttgart Citytour hop-on\/hop-off bus, and perks at selected restaurants and theatres. It is available for 24, 48 or 72 hours.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the difference between StuttCard and StuttCard PLUS?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The StuttCard PLUS includes everything in the standard StuttCard, plus unlimited free travel on all public transport (buses and trains) across the entire Stuttgart Region (VVS network, standard class). This is especially useful for reaching attractions like the Porsche Museum, Wilhelma or Ludwigsburg Palace, which are best reached by public transport.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How do I receive my StuttCard?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"After booking, you receive a confirmation email with a PDF file containing your StuttCard tickets. Simply show the QR code on your StuttCard to the staff at each partner attraction \u2013 no pick-up required. You can display it on your phone or print it out.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"When does the StuttCard start to be valid?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The StuttCard activates on first use \u2013 meaning the moment you use it for the first time at an attraction or on public transport. From that point, it is valid for the selected duration (24, 48 or 72 hours).\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I use each attraction more than once?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"No, each included attraction or service can be used once during the validity period. However, with the StuttCard PLUS, public transport is unlimited for the entire duration.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is the Stuttgart Card worth it for children?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The Stuttgart Card is designed for adults who pay the regular admission price. Many museums in Stuttgart already offer reduced or free entry for children, students and seniors. For families with young children, it may be more cost-effective to purchase only adult cards and pay the reduced children's rates at each attraction individually.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Are the car museums (Mercedes-Benz, Porsche) included?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, both the Mercedes-Benz Museum and the Porsche Museum are included with free entry in the StuttCard. These two museums alone already cover most of the cost of a 24-hour StuttCard.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Which public transport is included with StuttCard PLUS?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"StuttCard PLUS includes free travel on the entire VVS network (Verkehrs- und Tarifverbund Stuttgart) in standard class. This covers all S-Bahn (suburban trains), U-Bahn (metro), buses and regional trains within the Stuttgart Region \u2013 including connections to Ludwigsburg, Esslingen and surrounding areas.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Are most museums open on Mondays?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Most museums in Stuttgart are closed on Mondays. Notable exceptions include the Mercedes-Benz Museum and the Porsche Museum, which are open Tuesday to Sunday. If your trip includes a Monday, plan accordingly and focus on outdoor attractions, the Wilhelma Zoo, the TV Tower or the Stuttgart Citytour.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I cancel my Stuttgart Card booking?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"When booked through GetYourGuide, most Stuttgart Card bookings offer free cancellation up to 24 hours before the activity. Check the specific cancellation policy on the booking page for details.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n\n\n<!-- ============================================================\n     BLOCK 9: CLOSING CTA\n     Einbindung: WordPress \u2192 Custom HTML Block (kurz vor Footer)\n     CSS-Pr\u00e4fix: .sc-cta-\n     ============================================================ -->\n\n<style>\n  .sc-cta-wrap * { box-sizing: border-box; margin: 0; }\n\n  .sc-cta-wrap {\n    background: #1A5F9E;\n    border-radius: 16px;\n    padding: 48px 36px !important;\n    text-align: center;\n    margin-bottom: 48px;\n  }\n\n  .sc-cta-wrap h2 {\n    font-size: 26px;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 12px;\n  }\n\n  .sc-cta-wrap p {\n    font-size: 16px;\n    color: rgba(255,255,255,0.85);\n    margin-bottom: 28px;\n    max-width: 540px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.6;\n  }\n\n  \/* Plugin-Button im Closing-CTA-Kontext *\/\n  .sc-cta-wrap .at-affiliate-button,\n  .sc-cta-wrap .at-affiliate-button:visited,\n  .sc-cta-wrap .at-affiliate-button:hover,\n  .sc-cta-wrap .at-affiliate-button:active {\n    display: inline-block;\n    background: #E0712B !important;\n    color: #fff !important;\n    font-size: 17px;\n    font-weight: 600;\n    padding: 16px 40px !important;\n    border-radius: 8px;\n    text-decoration: none !important;\n    transition: background 0.2s;\n  }\n  .sc-cta-wrap .at-affiliate-button:hover { background: #c9621f !important; }\n\n  .sc-cta-trust {\n    margin-top: 16px;\n    font-size: 13px;\n    color: rgba(255,255,255,0.7);\n  }\n\n  @media (max-width: 480px) {\n    .sc-cta-wrap { padding: 36px 20px !important; }\n    .sc-cta-wrap h2 { font-size: 22px; }\n    .sc-cta-wrap .at-affiliate-button,\n    .sc-cta-wrap .at-affiliate-button:visited,\n    .sc-cta-wrap .at-affiliate-button:hover,\n    .sc-cta-wrap .at-affiliate-button:active { width: 100%; padding: 14px 24px !important; }\n  }\n<\/style>\n\n<div class=\"sc-cta-wrap\">\n  <h2>Ready to explore Stuttgart?<\/h2>\n  <p>Get your Stuttgart Card now and save on 40+ museums, attractions and public transport across the Stuttgart Region.<\/p>\n  <a href=\"https:\/\/www.getyourguide.com\/fr-fr\/-t34227\/?partner_id=B0910&#038;cmp=stuttgartcard&#038;mkt_cmp=true\" class=\"at-affiliate-button\" target=\"_blank\" rel=\"sponsored noopener noreferrer nofollow\">Get your StuttCard<\/a>\n  <div class=\"sc-cta-trust\">Instant voucher via email \u00b7 Secure booking via GetYourGuide \u00b7 Free cancellation<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Carte touristique officielle Stuttgart Card (StuttCard) - Votre cl\u00e9 pour la ville Entr\u00e9e gratuite dans plus de 40 mus\u00e9es et attractions, r\u00e9ductions sur les visites guid\u00e9es de la ville, les restaurants et les th\u00e9\u00e2tres - plus le transport public gratuit en option dans toute la R\u00e9gion Stuttgart. La Stuttgart Card est votre carte tout-en-un pour explorer la ville. \u00e0 partir de par personne Bon instantan\u00e9 par e-mail ... <a title=\"Stuttgart Card\" class=\"read-more\" href=\"https:\/\/www.stuttgartcard.com\/fr\/\" aria-label=\"En savoir plus sur Stuttgart Card\">Lire la suite<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":98,"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":263,"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/pages\/6\/revisions\/263"}],"wp:attachment":[{"href":"https:\/\/www.stuttgartcard.com\/fr\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}