{"id":2272,"date":"2025-10-29T13:59:01","date_gmt":"2025-10-29T13:59:01","guid":{"rendered":"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/startseite-2\/"},"modified":"2025-12-07T21:33:02","modified_gmt":"2025-12-07T21:33:02","slug":"startseite-2-2","status":"publish","type":"page","link":"https:\/\/fly-valet.fr\/de\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2272\" class=\"elementor elementor-2272 elementor-184\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e3e8c7 e-con-full e-flex e-con e-parent\" data-id=\"5e3e8c7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef59eb3 elementor-widget elementor-widget-shortcode\" data-id=\"ef59eb3\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n  :root{\n    --rouge-adopark:#DC2626;\n    --rouge-hover:#B91C1C;\n    --noir:#1F2937;\n    --gris:#6B7280;\n    --blanc:#FFFFFF;\n  }\n  *{box-sizing:border-box;margin:0;padding:0}\n  html,body{font-family:'Poppins',sans-serif;color:var(--noir);line-height:1.6}\n  a{text-decoration:none}\n\n  \/* ===== Header \/ Nav ===== *\/\n  .main-header{\n    position:sticky;\n    top:0;\n    left:0;\n    width:100%;\n    z-index:9999;\n    padding:1rem 0;\n    background-color:rgba(255,255,255,.4);\n    transition:background-color .4s ease, box-shadow .2s ease;\n  }\n  .main-header.scrolled{background-color:var(--blanc);box-shadow:0 2px 10px rgba(0,0,0,.1)}\n  body.admin-bar .main-header{top:32px}\n\n  .navbar{\n    max-width:1400px;\n    margin:0 auto;\n    padding:0 40px;\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:14px\n  }\n  .nav-logo a{display:flex;align-items:center}\n  .nav-logo img{height:50px;width:auto;display:block}\n\n  .nav-menu{\n    display:flex;\n    list-style:none;\n    gap:2rem;\n    margin:0;\n    padding:0;\n    z-index:990;\n  }\n  .nav-menu a{\n    color:var(--noir);\n    font-weight:600;\n    position:relative;\n    padding-bottom:5px\n  }\n  .nav-menu a::after{\n    content:'';\n    position:absolute;\n    bottom:0;\n    left:0;\n    width:100%;\n    height:2px;\n    background:var(--rouge-adopark);\n    transform:scaleX(0);\n    transform-origin:left;\n    transition:transform .3s\n  }\n  .nav-menu a:hover::after{transform:scaleX(1)}\n\n  .nav-right{\n    display:flex;\n    align-items:center;\n    gap:14px;\n    position:relative;\n    z-index:1002;\n  }\n\n  .nav-cta a{\n    background:var(--rouge-adopark);\n    color:var(--blanc);\n    padding:12px 24px;\n    border-radius:6px;\n    font-weight:600;\n    transition:background .3s;\n    -webkit-tap-highlight-color: transparent;\n    touch-action: manipulation;\n    min-height:44px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    white-space:nowrap;\n  }\n  .nav-cta a:hover{background:var(--rouge-hover)}\n\n  .hamburger{\n    display:none;\n    cursor:pointer;\n    z-index:10001;\n  }\n  .bar{\n    display:block;\n    width:25px;\n    height:3px;\n    margin:5px auto;\n    background:var(--noir);\n    transition:all .25s ease;\n  }\n\n  \/* X-Zustand des Burgers *\/\n  .hamburger.is-open .bar:nth-child(1){\n    transform:translateY(8px) rotate(45deg);\n  }\n  .hamburger.is-open .bar:nth-child(2){\n    opacity:0;\n  }\n  .hamburger.is-open .bar:nth-child(3){\n    transform:translateY(-8px) rotate(-45deg);\n  }\n\n  \/* ===== Responsive \/ Mobile ===== *\/\n  @media(max-width:992px){\n    body{\n      overflow-x:hidden;\n    }\n\n    .navbar{\n      padding:0 16px;\n      gap:10px;\n    }\n\n    .nav-logo img{\n      height:40px;\n      max-width:160px;\n      object-fit:contain;\n    }\n\n    .nav-menu{\n      display:none;\n      flex-direction:column;\n    }\n\n    \/* Einfacher Burger: 3 gestapelte Linien *\/\n    .hamburger{\n      display:flex;\n      flex-direction:column;\n      justify-content:space-between;\n      align-items:center;\n      width:24px;\n      height:18px;\n      border-radius:0;\n      background:transparent;\n      cursor:pointer;\n    }\n\n    .hamburger .bar{\n      width:100%;\n      height:2px;\n      margin:0;\n      background:var(--noir);\n    }\n\n    .hamburger.is-open{\n      background:transparent;\n    }\n\n    \/* Mobiles Men\u00fc: Dropdown unter dem Header *\/\n    .nav-menu.active{\n      display:flex;\n      position:absolute;\n      top:100%;\n      left:0;\n      width:100%;\n      background:rgba(31,41,55,.97);\n      padding:1rem 1.5rem 1.2rem;\n      gap:0.8rem;\n      z-index:10000;\n      align-items:flex-start;\n      border-top:1px solid rgba(255,255,255,.06);\n      box-shadow:0 16px 32px rgba(0,0,0,.35);\n    }\n    .nav-menu.active li{\n      width:100%;\n    }\n    .nav-menu.active a{\n      display:block;\n      width:100%;\n      color:var(--blanc);\n      font-size:.98rem;\n      padding:.2rem 0;\n    }\n\n    .nav-cta a{\n      font-size:.9rem;\n      padding:8px 14px;\n      min-height:40px;\n      line-height:1.1;\n      border-radius:6px;\n    }\n\n    .nav-right{\n      gap:10px;\n      flex-shrink:0;\n    }\n\n    #fv-quick-links .fv-icon-btn{\n      width:38px;\n      height:38px;\n      border-radius:10px;\n    }\n  }\n\n  @media(max-width:420px){\n    .navbar{\n      padding:0 10px;\n    }\n\n    .nav-logo img{\n      height:34px;\n      max-width:135px;\n    }\n\n    .nav-cta a{\n      font-size:.8rem;\n      padding:6px 10px;\n      min-height:36px;\n      border-radius:5px;\n    }\n\n    #fv-quick-links{\n      gap:8px;\n    }\n\n    #fv-quick-links .fv-icon-btn{\n      width:34px;\n      height:34px;\n    }\n\n    .hamburger .bar{\n      width:20px;\n    }\n  }\n\n  \/* Konto-Icon *\/\n  #fv-quick-links{display:flex;gap:12px;align-items:center}\n  #fv-quick-links .fv-icon-btn{\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    width:42px;\n    height:42px;\n    border-radius:12px;\n    background:#fff;\n    border:1px solid #eee;\n    box-shadow:0 4px 12px rgba(0,0,0,.08);\n    transition:transform .12s ease, box-shadow .15s ease;\n    text-decoration:none;\n  }\n  #fv-quick-links .fv-icon-btn:hover{\n    transform:translateY(-1px);\n    box-shadow:0 10px 20px rgba(0,0,0,.12);\n  }\n  #fv-quick-links svg{\n    width:22px;\n    height:22px;\n    fill:#111;\n    display:block;\n  }\n  #fv-quick-links .fv-badge{\n    position:absolute;\n    right:-6px;\n    top:-6px;\n    min-width:20px;\n    height:20px;\n    padding:0 6px;\n    border-radius:999px;\n    background:#e11e1e;\n    color:#fff;\n    font-size:12px;\n    line-height:20px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    font-weight:700;\n  }\n<\/style>\n\n<header class=\"main-header\">\n  <nav class=\"navbar\">\n    <div class=\"nav-logo\">\n      <a href=\"https:\/\/fly-valet.fr\/de\/\">\n        <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png\" alt=\"Adopark Logo\">\n      <\/a>\n    <\/div>\n\n    <ul class=\"nav-menu\">\n      <li><a href=\"https:\/\/fly-valet.fr\/de\/\">Startseite<\/a><\/li>\n      <li><a href=\"https:\/\/fly-valet.fr\/de\/kundenbewertungen-2\/\">Kundenbewertungen<\/a><\/li>\n      <li><a href=\"https:\/\/fly-valet.fr\/de\/service-leitfaden\/\">Serviceleitfaden<\/a><\/li>\n      <li><a href=\"https:\/\/fly-valet.fr\/de\/kontakt\/\">Kontakt<\/a><\/li>\n    <\/ul>\n\n    <div class=\"nav-right\">\n      <div class=\"nav-cta\"><a href=\"https:\/\/fly-valet.fr\/de\/reservation\/\">Jetzt buchen<\/a><\/div>\n      \n      <div id=\"fv-quick-links\">\n        <a class=\"fv-icon-btn\" href=\"https:\/\/fly-valet.fr\/de\/mein-konto\/\"\n           aria-label=\"Mein Konto\" title=\"Mein Konto\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5.5A1.5 1.5 0 0 0 4.5 21h15A1.5 1.5 0 0 0 21 19.5C21 16.5 17 14 12 14Z\"\/>\n          <\/svg>\n        <\/a>\n\n  <div class=\"lang-switcher-wpml\">\n  \n<div class=\"wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown-click js-wpml-ls-legacy-dropdown-click\">\n\t<ul role=\"menu\">\n\n\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de wpml-ls-current-language wpml-ls-item-legacy-dropdown-click\" role=\"none\">\n\n\t\t\t<a href=\"#\" class=\"js-wpml-ls-item-toggle wpml-ls-item-toggle\" role=\"menuitem\" title=\"Zu Deutsch wechseln\">\n                                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/fly-valet.fr\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/de.svg\"\n            alt=\"Deutsch\"\n            width=20\n            height=16\n    \/><\/a>\n\n\t\t\t<ul class=\"js-wpml-ls-sub-menu wpml-ls-sub-menu\" role=\"menu\">\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr wpml-ls-first-item\" role=\"none\">\n\t\t\t\t\t\t<a href=\"https:\/\/fly-valet.fr\/\" class=\"wpml-ls-link\" role=\"menuitem\" aria-label=\"Zu Franz\u00f6sisch wechseln\" title=\"Zu Franz\u00f6sisch wechseln\">\n                                                                <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/fly-valet.fr\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/fr.svg\"\n            alt=\"Franz\u00f6sisch\"\n            width=20\n            height=16\n    \/><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en wpml-ls-last-item\" role=\"none\">\n\t\t\t\t\t\t<a href=\"https:\/\/fly-valet.fr\/en\/\" class=\"wpml-ls-link\" role=\"menuitem\" aria-label=\"Zu Englisch wechseln\" title=\"Zu Englisch wechseln\">\n                                                                <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/fly-valet.fr\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/en.svg\"\n            alt=\"Englisch\"\n            width=20\n            height=16\n    \/><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t<\/ul>\n\n\t\t<\/li>\n\n\t<\/ul>\n<\/div>\n\n<\/div>\n\n\n      <\/div>\n\n      <div class=\"hamburger\" aria-label=\"Men\u00fc\" aria-expanded=\"false\" aria-controls=\"primary-menu\">\n        <span class=\"bar\"><\/span><span class=\"bar\"><\/span><span class=\"bar\"><\/span>\n      <\/div>\n    <\/div>\n  <\/nav>\n<\/header>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  var header   = document.querySelector('.main-header');\n  var navbar   = document.querySelector('nav.navbar');\n  if (!navbar) return;\n\n  var hamburger = navbar.querySelector('.hamburger');\n  var navMenu   = navbar.querySelector('.nav-menu');\n\n  function toggleMenu(force){\n    if (!navMenu || !hamburger) return;\n    var willOpen = (typeof force === 'boolean')\n      ? force\n      : !navMenu.classList.contains('active');\n\n    if (willOpen){\n      navMenu.classList.add('active');\n      hamburger.classList.add('is-open');          \/\/ Burger \u2192 X sichtbar\n      hamburger.setAttribute('aria-expanded','true');\n    } else {\n      navMenu.classList.remove('active');\n      hamburger.classList.remove('is-open');       \/\/ X \u2192 Burger\n      hamburger.setAttribute('aria-expanded','false');\n    }\n  }\n\n  if (hamburger && navMenu) {\n    hamburger.addEventListener('click', function(e){\n      e.preventDefault();\n      e.stopPropagation();\n      toggleMenu();\n    });\n\n    window.addEventListener('resize', function(){\n      if (window.innerWidth > 992){\n        navMenu.classList.remove('active');\n        hamburger.classList.remove('is-open');\n        hamburger.setAttribute('aria-expanded','false');\n      }\n    });\n  }\n\n  if (header){\n    window.addEventListener('scroll', function(){\n      if (window.scrollY > 50) {\n        header.classList.add('scrolled');\n      } else {\n        header.classList.remove('scrolled');\n      }\n    });\n  }\n\n  \/\/ Optionale WooCommerce-Funktion\n  (function(){\n    var countEl = document.getElementById('fv-cart-count');\n    if(!countEl) return;\n\n    var ENDPOINT = '\/?wc-ajax=get_refreshed_fragments';\n\n    function setCount(n){ countEl.textContent = String(n); }\n\n    function extractCountFromHTML(html){\n      var div = document.createElement('div');\n      div.innerHTML = html;\n      return div.querySelectorAll('.woocommerce-mini-cart .mini_cart_item').length || 0;\n    }\n\n    function refresh(){\n      fetch(ENDPOINT, { credentials:'same-origin' })\n        .then(function(res){ return res.json(); })\n        .then(function(data){\n          var frag = data && data.fragments && data.fragments['div.widget_shopping_cart_content'];\n          if(frag){ setCount(extractCountFromHTML(frag)); }\n        })\n        .catch(function(e){});\n    }\n\n    refresh();\n\n    if(window.jQuery){\n      jQuery(document.body).on('added_to_cart removed_from_cart wc_fragments_refreshed', refresh);\n    }\n\n    setInterval(refresh, 30000);\n  })();\n\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4862d16 e-con-full e-flex e-con e-parent\" data-id=\"4862d16\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83123d2 elementor-widget elementor-widget-html\" data-id=\"83123d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Flughafen Valet-Service<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n    --noir:#1F2937;\r\n    --blanc:#FFFFFF;\r\n}\r\n\r\nbody{\r\n    margin:0;\r\n    font-family:'Poppins',sans-serif;\r\n    background:#f0f0f0;\r\n}\r\n\r\n.hero-section{\r\n    padding:80px 16px;\r\n}\r\n\r\n.hero-card{\r\n    max-width:1100px;\r\n    width:100%;\r\n    margin:0 auto;\r\n    background:rgba(0,0,0,0.35);\r\n    border-radius:26px;\r\n    padding:56px 46px 40px;\r\n    color:#fff;\r\n    border:1px solid rgba(255,255,255,0.18);\r\n    backdrop-filter:blur(18px);\r\n    -webkit-backdrop-filter:blur(18px);\r\n}\r\n\r\n.hero-header{\r\n    text-align:center;\r\n    margin-bottom:32px;\r\n}\r\n.hero-header h1{\r\n    font-size:2.rem;\r\n    line-height:1.2;\r\n    margin-bottom:12px;\r\n    color:white;\r\n}\r\n.hero-header h1 span{\r\n    display:block;\r\n}\r\n.hero-header p{\r\n    max-width:720px;\r\n    margin:0 auto;\r\n    font-size:1.6rem;\r\n    color:#f9fafb;\r\n}\r\n\r\n\/* Dates + CTA sur une ligne *\/\r\n.hero-dates{\r\n    margin:28px auto 24px;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:18px;\r\n    max-width:900px; \/* Agrandit un peu le conteneur pour les gros boutons *\/\r\n    text-align:center;\r\n    flex-wrap:nowrap;\r\n}\r\n\r\n\/* Boutons dates : MODIFI\u00c9 (Plus grand) *\/\r\n.hero-date-item{\r\n    flex:0 0 auto;\r\n    min-width:180px;      \/* Augment\u00e9 *\/\r\n    max-width:250px;      \/* Augment\u00e9 *\/\r\n    border-radius:999px;\r\n    background:#f9fafb;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:16px 20px;    \/* Padding augment\u00e9 pour grossir le bouton *\/\r\n    box-shadow:0 10px 30px rgba(0,0,0,.35);\r\n    cursor:pointer;\r\n    position:relative;\r\n}\r\n\r\n.hero-date-btn{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    width:100%;\r\n}\r\n\r\n.hero-date-icon{\r\n    font-size:1.8rem; \/* Icone un peu plus grande *\/\r\n}\r\n\r\n\/* Texte Date : MODIFI\u00c9 (Plus grand) *\/\r\n.hero-date-label{\r\n    font-size:1.55rem;     \/* Augment\u00e9 significativement *\/\r\n    font-weight:600;\r\n    color:#6b7280;\r\n    white-space:nowrap;\r\n}\r\n\r\n.hero-date-input{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    border:none;\r\n    background:transparent;\r\n    cursor:pointer;\r\n    z-index:5;\r\n}\r\n\r\n\/* CTA : MODIFI\u00c9 (Plus grand) *\/\r\n.hero-date-cta{\r\n    flex:0 0 auto;\r\n    min-width:220px;      \/* Augment\u00e9 *\/\r\n    max-width:300px;      \/* Augment\u00e9 *\/\r\n    border-radius:999px;\r\n    background:gray;\r\n    border:none;\r\n    cursor:pointer;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:16px 24px;    \/* Padding augment\u00e9 *\/\r\n    font-size:1.55rem;    \/* Texte augment\u00e9 *\/\r\n    font-weight:600;\r\n    color:#f9fafb;\r\n    text-transform:none;\r\n    \r\n    transition:background .2s ease, transform .15s ease;\r\n    white-space:nowrap;\r\n    position:relative;\r\n}\r\n\r\n.hero-date-cta:hover{\r\n    background:gray;\r\n    transform:translateY(-1px);\r\n}\r\n\r\n.error-msg {\r\n    color: #fff;\r\n    background-color: red;\r\n    padding: 4px 8px;\r\n    font-size: 0.85rem;\r\n    border-radius: 4px;\r\n    margin-top: 6px;\r\n    display: none;\r\n}\r\n\r\n\/* ---- SIMULATEUR DE PRIX : MODIFI\u00c9 (Texte plus grand) ---- *\/\r\n.hero-price {\r\n    margin: 10px auto 12px;\r\n    max-width: 820px;\r\n    text-align: center;\r\n    font-size: 1.9rem;    \/* Augment\u00e9 significativement (\u00e9tait 1.1rem) *\/\r\n    font-weight: 500;\r\n    color: #f9fafb;\r\n    display: none; \r\n}\r\n.hero-price-amount {\r\n    font-weight: 700;\r\n    margin-left: 6px;\r\n    font-size: 1.8rem;    \/* Le prix lui-m\u00eame encore un peu plus gros *\/\r\n}\r\n\/* ----------------------------- *\/\r\n\r\n.hero-benefits{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:16px;\r\n    margin-top:20px;\r\n}\r\n\r\n.hero-benefit{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    padding:16px 18px;\r\n    border-radius:16px;\r\n    background:rgba(0,0,0,0.35);\r\n    border:1px solid rgba(255,255,255,.08);\r\n}\r\n.hero-benefit-icon{\r\n    margin-right:10px;\r\n    font-size:1.9rem;\r\n}\r\n.hero-benefit-text{\r\n    font-size:1.98rem;\r\n    color:#e5e7eb;\r\n}\r\n.hero-benefit-text strong{\r\n    font-weight:600;\r\n    color:#fff;\r\n}\r\n\r\n@media(max-width:992px){\r\n    .hero-card{\r\n        padding:40px 16px 32px;\r\n    }\r\n    .hero-header h1{\r\n        font-size:2rem;\r\n    }\r\n    .hero-dates{\r\n        flex-direction:column;\r\n        flex-wrap:wrap;\r\n    }\r\n    .hero-date-item,\r\n    .hero-date-cta{\r\n        width:100%;\r\n        max-width:none;     \r\n    }\r\n    .hero-price{\r\n        font-size:1.3rem; \/* Adapt\u00e9 mobile mais reste grand *\/\r\n    }\r\n    .hero-benefits{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero-section\">\r\n  <div class=\"hero-card\">\r\n    <div class=\"hero-header\">\r\n      <h1>\r\n        Exzellenter Valet-Service am Flughafen\r\n        <span>Basel-Mulhouse<\/span>\r\n      <\/h1>\r\n      <p>Sie sparen Zeit, wir sorgen f\u00fcr Ihre Sorgenfreiheit.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hero-dates\">\r\n      <div class=\"hero-date-item\" onclick=\"document.getElementById('date_aller_input').showPicker()\">\r\n        <div class=\"hero-date-btn\">\r\n          <span class=\"hero-date-icon\"><\/span>\r\n          <span class=\"hero-date-label label-aller\">Anreise<\/span>\r\n          <input type=\"date\" id=\"date_aller_input\" class=\"hero-date-input\">\r\n        <\/div>\r\n        <div class=\"error-msg\" id=\"error-aller\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-date-item\" onclick=\"document.getElementById('date_retour_input').showPicker()\">\r\n        <div class=\"hero-date-btn\">\r\n          <span class=\"hero-date-icon\"><\/span>\r\n          <span class=\"hero-date-label label-retour\">R\u00fcckreise<\/span>\r\n          <input type=\"date\" id=\"date_retour_input\" class=\"hero-date-input\">\r\n        <\/div>\r\n        <div class=\"error-msg\" id=\"error-retour\"><\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <button type=\"button\" class=\"hero-date-cta\" id=\"reserver-btn\">\r\n          Jetzt reservieren\r\n        <\/button>\r\n        <div class=\"error-msg\" id=\"error-bouton\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-price\" id=\"price-container\">\r\n      <span id=\"price-days\"><\/span>\r\n      <span class=\"hero-price-amount\" id=\"price-amount\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hero-benefits\">\r\n      <div class=\"hero-benefit\">\r\n        <div class=\"hero-benefit-icon\"><\/div>\r\n        <div class=\"hero-benefit-text\">\r\n          <strong>Premium Parken:<\/strong> \u00dcberdacht, geschlossen und st\u00e4ndig \u00fcberwacht\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-benefit\">\r\n        <div class=\"hero-benefit-icon\"><\/div>\r\n        <div class=\"hero-benefit-text\">\r\n          <strong>Garantierter Ablauf:<\/strong> \u00dcbergabe und R\u00fcckgabe ohne Wartezeit\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-benefit\">\r\n        <div class=\"hero-benefit-icon\"><\/div>\r\n        <div class=\"hero-benefit-text\">\r\n          <strong>Unmittelbare N\u00e4he:<\/strong> Direkt am Terminal\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-benefit\">\r\n        <div class=\"hero-benefit-icon\"><\/div>\r\n        <div class=\"hero-benefit-text\">\r\n          <strong>Volle Transparenz:<\/strong> Digitales \u00dcbergabeprotokoll mit Fotos\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    \/* ========= PREISE (BASIS \/ CLASSIQUE) ========= *\/\r\n    const BASE_PRICES = {\r\n        1: 60,\r\n        2: 80,\r\n        3: 100,\r\n        4: 110,\r\n        5: 120,\r\n        6: 130,\r\n        7: 140,\r\n        8: 150,\r\n        9: 157,\r\n        10: 164,\r\n        11: 171,\r\n        12: 178,\r\n        13: 185,\r\n        14: 192,\r\n        15: 199,\r\n        16: 206,\r\n        17: 212,\r\n        18: 218,\r\n        19: 224,\r\n        20: 230,\r\n        21: 236\r\n    };\r\n    \/* Nach 21 Tagen: 7\u20ac pro Tag *\/\r\n    const EXTRA_AFTER_21 = 7; \r\n\r\n    function getBaseTotal(days){\r\n        const d = Math.max(1, parseInt(days || 1, 10));\r\n        if (d <= 21) return BASE_PRICES[d];\r\n        return BASE_PRICES[21] + (d - 21) * EXTRA_AFTER_21;\r\n    }\r\n\r\n    function fmtEUR(n){\r\n        \/\/ Format Allemand pour la devise\r\n        return n.toLocaleString(\"de-DE\", {\r\n            style: \"currency\",\r\n            currency: \"EUR\",\r\n            maximumFractionDigits: 0\r\n        });\r\n    }\r\n\r\n    \/* ========= DATUM MANAGEMENT ========= *\/\r\n\r\n    let today = new Date();\r\n    let yyyy = today.getFullYear();\r\n    let mm = String(today.getMonth() + 1).padStart(2,'0');\r\n    let dd = String(today.getDate()).padStart(2,'0');\r\n    let todayStr = `${yyyy}-${mm}-${dd}`;\r\n\r\n    const allerInput  = document.getElementById('date_aller_input');\r\n    const retourInput = document.getElementById('date_retour_input');\r\n    const allerLabel  = document.querySelector('.label-aller');\r\n    const retourLabel = document.querySelector('.label-retour');\r\n    const reserverBtn = document.getElementById('reserver-btn');\r\n\r\n    const priceContainer = document.getElementById('price-container');\r\n    const priceDaysEl    = document.getElementById('price-days');\r\n    const priceAmountEl  = document.getElementById('price-amount');\r\n\r\n    allerInput.setAttribute('min', todayStr);\r\n    retourInput.setAttribute('min', todayStr);\r\n\r\n    function computeAndDisplayPrice() {\r\n        if (!allerInput.value || !retourInput.value) {\r\n            priceContainer.style.display = 'none';\r\n            return;\r\n        }\r\n\r\n        const allerDate  = new Date(allerInput.value);\r\n        const retourDate = new Date(retourInput.value);\r\n\r\n        if (retourDate < allerDate) {\r\n            priceContainer.style.display = 'none';\r\n            return;\r\n        }\r\n\r\n        const diffMs = retourDate.getTime() - allerDate.getTime();\r\n        let days = Math.ceil(diffMs \/ (1000 * 60 * 60 * 24));\r\n        if (days < 1) days = 1;\r\n\r\n        const total = getBaseTotal(days);\r\n\r\n        priceDaysEl.textContent = `Aufenthalt von ${days} Tag${days > 1 ? 'en' : ''}:`;\r\n        priceAmountEl.textContent = fmtEUR(total) + \" (Basistarif)\";\r\n\r\n        priceContainer.style.display = 'block';\r\n    }\r\n\r\n    function updateLabel(input, label, errorId) {\r\n        input.addEventListener('change', function() {\r\n            if (this.value) {\r\n                let d = new Date(this.value);\r\n                let j = String(d.getDate()).padStart(2,'0');\r\n                let m = String(d.getMonth()+1).padStart(2,'0');\r\n                let y = d.getFullYear();\r\n                \r\n                \/\/ Format Allemand : JJ.MM.AAAA\r\n                label.textContent = `${j}.${m}.${y}`;\r\n\r\n                const fieldError = document.getElementById(errorId);\r\n                if (fieldError) fieldError.style.display = 'none';\r\n\r\n                const boutonError = document.getElementById('error-bouton');\r\n                if (allerInput.value && retourInput.value && new Date(allerInput.value) <= new Date(retourInput.value)) {\r\n                    boutonError.style.display = 'none';\r\n                }\r\n\r\n                if (input.id === 'date_aller_input') {\r\n                    retourInput.setAttribute('min', this.value);\r\n                }\r\n\r\n                \/\/ Neuberechnung Preis\r\n                computeAndDisplayPrice();\r\n            }\r\n        });\r\n    }\r\n\r\n    updateLabel(allerInput,  allerLabel,  'error-aller');\r\n    updateLabel(retourInput, retourLabel, 'error-retour');\r\n\r\n    reserverBtn.addEventListener('click', function() {\r\n        const aller  = allerInput.value;\r\n        const retour = retourInput.value;\r\n\r\n        document.getElementById('error-aller').style.display    = 'none';\r\n        document.getElementById('error-retour').style.display   = 'none';\r\n        document.getElementById('error-bouton').style.display   = 'none';\r\n\r\n        let hasError = false;\r\n\r\n        if (!aller) {\r\n            const msg = document.getElementById('error-aller');\r\n            msg.textContent = \"Bitte w\u00e4hlen Sie ein g\u00fcltiges Anreisedatum.\";\r\n            msg.style.display = 'block';\r\n            hasError = true;\r\n        }\r\n        if (!retour) {\r\n            const msg = document.getElementById('error-retour');\r\n            msg.textContent = \"Bitte w\u00e4hlen Sie ein g\u00fcltiges R\u00fcckreisedatum.\";\r\n            msg.style.display = 'block';\r\n            hasError = true;\r\n        }\r\n        if (aller && retour && new Date(aller) > new Date(retour)) {\r\n            const msg = document.getElementById('error-bouton');\r\n            msg.textContent = \"Das R\u00fcckreisedatum muss nach dem Anreisedatum liegen.\";\r\n            msg.style.display = 'block';\r\n            hasError = true;\r\n        }\r\n\r\n        if (hasError) return;\r\n\r\n        computeAndDisplayPrice();\r\n\r\n        const allerParam  = encodeURIComponent(aller);\r\n        const retourParam = encodeURIComponent(retour);\r\n\r\n        \/\/ Assurez-vous que l'URL g\u00e8re la redirection correctement\r\n        window.location.href = \"https:\/\/fly-valet.fr\/reservation\/\"\r\n            + \"?date_aller=\" + allerParam\r\n            + \"&date_retour=\" + retourParam;\r\n    });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f91ab6e e-con-full e-flex e-con e-parent\" data-id=\"f91ab6e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a49b8c elementor-widget elementor-widget-html\" data-id=\"5a49b8c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Palette & Globals --- *\/\r\n.res-page-etapes {\r\n  --rouge: #DC2626; --rouge-hover: #B91C1C; --rouge-rgb: 220, 38, 38;\r\n  --noir: #1F2937; --gris: #6B7280; --gris-clair: #F3F4F6; --blanc: #FFFFFF;\r\n  --shadow-color: 220, 223, 227;\r\n  font-family: \"Poppins\", system-ui, sans-serif;\r\n  color: var(--noir);\r\n}\r\n\/* --- Containers & Typography --- *\/\r\n.res-page-etapes .res-wrap { max-width: 1100px; margin: 0 auto; padding: 64px 20px; }\r\n.res-page-etapes .micro { font-size: .9rem; color: var(--gris); }\r\n\/* --- Section Titles -- *\/\r\n.res-page-etapes .sec { padding: 42px 0; }\r\n.res-page-etapes .sec-head { text-align: center; margin-bottom: 48px; }\r\n.res-page-etapes .sec-title { font-size: clamp(1.6rem, 2.5vw, 2.2rem); margin: 0 0 8px; font-weight: 800; }\r\n.res-page-etapes .sec-sub { color: var(--gris); margin: 0 auto; max-width: 760px; font-size: 1.1rem; }\r\n\/* --- Grid & Cards -- *\/\r\n.res-page-etapes .grid { display: grid; gap: 24px; }\r\n.res-page-etapes .grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n@media (max-width: 640px) { .res-page-etapes .grid-2 { grid-template-columns: 1fr; } }\r\n.res-page-etapes .card { background: var(--blanc); border: 1px solid #E5E7EB; border-radius: 16px; padding: 24px; transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }\r\n.res-page-etapes .card-shadow { box-shadow: 0 8px 25px rgba(var(--shadow-color), 0.7); }\r\n.res-page-etapes .card-shadow:hover { transform: translateY(-6px); box-shadow: 0 12px 35px rgba(var(--shadow-color), 1); }\r\n\/* --- Steps Section -- *\/\r\n.res-page-etapes .step { display: flex; gap: 16px; align-items: flex-start; }\r\n.res-page-etapes .step-num { flex: 0 0 40px; height: 40px; border-radius: 12px; background: linear-gradient(145deg, var(--rouge), var(--rouge-hover)); color: var(--blanc); display: grid; place-items: center; font-weight: 800; font-size: 1.2rem; box-shadow: 0 4px 10px rgba(var(--rouge-rgb), 0.3); }\r\n.res-page-etapes .step h4 { margin: 2px 0 6px; font-size: 1.15rem; }\r\n.res-page-etapes .step p { margin: 0; color: var(--gris); line-height: 1.6; }\r\n\/* ---- Animation ---- *\/\r\n@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\r\n.res-page-etapes .animated-card { opacity: 0; animation: fadeInUp 0.8s ease-out forwards; }\r\n.res-page-etapes .animated-card:nth-child(1) { animation-delay: 0.2s; }\r\n.res-page-etapes .animated-card:nth-child(2) { animation-delay: 0.5s; }\r\n.res-page-etapes .animated-card:nth-child(3) { animation-delay: 0.8s; }\r\n.res-page-etapes .animated-card:nth-child(4) { animation-delay: 1.1s; }\r\n\/* --- Reassurance ---- *\/\r\n.res-page-etapes .reassurance-pills { margin-top: 24px; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }\r\n.res-page-etapes .pill { display: inline-flex; align-items: center; gap: 8px; background: var(--blanc); border: 1px solid #E5E7EB; color: var(--noir); padding: 10px 16px; border-radius: 999px; font-weight: 600; transition: all .2s ease; }\r\n.res-page-etapes .pill:hover { transform: translateY(-2px); background-color: var(--blanc); border-color: var(--rouge); color: var(--rouge); box-shadow: 0 4px 12px rgba(0,0,0,.08); }\r\n<\/style>\r\n\r\n<div class=\"res-page-etapes\">\r\n    <div class=\"res-wrap sec\">\r\n        <div class=\"sec-head\">\r\n            <h2 class=\"sec-title\">Ein reibungsloser Service in 4 einfachen Schritten<\/h2>\r\n            <p class=\"sec-sub\">Ihre Zeit ist wertvoll. Wir k\u00fcmmern uns um alles, damit Ihre Abreise und R\u00fcckkehr absolut m\u00fchelos verlaufen.<\/p>\r\n        <\/div>\r\n        <div class=\"grid grid-2\">\r\n            <div class=\"card card-shadow animated-card\">\r\n                <div class=\"step\">\r\n                    <div class=\"step-num\">1<\/div>\r\n                    <div>\r\n                        <h4>Fahrzeugabgabe<\/h4>\r\n                        <p>Begeben Sie sich zum <strong>Express-Parkplatz (franz\u00f6sische Seite)<\/strong>, wo Ihr pers\u00f6nlicher Valet p\u00fcnktlich zur vereinbarten Zeit auf Sie wartet.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"card card-shadow animated-card\">\r\n                <div class=\"step\">\r\n                    <div class=\"step-num\">2<\/div>\r\n                    <div>\r\n                        <h4>Digitales \u00dcbergabeprotokoll<\/h4>\r\n                        <p>Eine <strong>vollst\u00e4ndige Fotodokumentation<\/strong> wird \u00fcber unsere sichere Anwendung erstellt. \u00dcbergeben Sie Ihre Schl\u00fcssel mit vollst\u00e4ndigem Vertrauen.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"card card-shadow animated-card\">\r\n                <div class=\"step\">\r\n                    <div class=\"step-num\">3<\/div>\r\n                    <div>\r\n                        <h4>Sicherer Parkplatz<\/h4>\r\n                        <p>Ihr Fahrzeug wird in einem <strong>Premium-Innenparkplatz<\/strong> abgestellt \u2013 \u00fcberdacht, gesch\u00fctzt und 24\/7 per Video \u00fcberwacht.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"card card-shadow animated-card\">\r\n                <div class=\"step\">\r\n                    <div class=\"step-num\">4<\/div>\r\n                    <div>\r\n                        <h4>Sofortige Fahrzeugr\u00fcckgabe<\/h4>\r\n                        <p>Bei Ihrer R\u00fcckkehr wartet Ihr Fahrzeug <strong>direkt am Terminalausgang<\/strong> auf Sie. Fahren Sie los, ohne eine Sekunde zu verlieren.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"reassurance-pills\">\r\n            <span class=\"pill\">\u2705 Kein Shuttle, keine Wartezeit<\/span>\r\n            <span class=\"pill\">\u23f1\ufe0f Direkt\u00fcbernahme<\/span>\r\n            <span class=\"pill\">\ud83d\udd12 Premium-Innenparkplatz<\/span>\r\n            <span class=\"pill\">\ud83c\udf19 Rund um die Uhr verf\u00fcgbar<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c477565 e-con-full e-flex e-con e-parent\" data-id=\"c477565\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36e57bc elementor-widget elementor-widget-html\" data-id=\"36e57bc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Full-width carousel, reduced height - Fly Valet -->\r\n\r\n<style>\r\n  .fv-carousel-wrapper {\r\n    width: 100%;\r\n    margin: 0;\r\n  }\r\n\r\n  .fv-carousel {\r\n    position: relative;\r\n    width: 110%;\r\n    height: 785px;                \/* desktop height (adjust if needed) *\/\r\n    max-width: 100%;\r\n    background: #000;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  .fv-carousel-track {\r\n    display: flex;\r\n    height: 100%;\r\n    transition: transform 0.5s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  .fv-carousel-slide {\r\n    min-width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .fv-carousel-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .fv-carousel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(0, 0, 0, 0.45),\r\n      transparent 35%,\r\n      transparent 65%,\r\n      rgba(0, 0, 0, 0.3)\r\n    );\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .fv-carousel-dots {\r\n    position: absolute;\r\n    bottom: 14px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 8px;\r\n    z-index: 3;\r\n  }\r\n\r\n  .fv-carousel-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255, 255, 255, 0.85);\r\n    background: rgba(0, 0, 0, 0.3);\r\n    cursor: pointer;\r\n    transition: background 0.25s ease, width 0.25s ease, border-color 0.25s ease;\r\n  }\r\n\r\n  .fv-carousel-dot.fv-active {\r\n    width: 10px;\r\n    background: #fff;\r\n    border-color: #fff;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .fv-carousel {\r\n      height: 220px;             \/* lower height on mobile *\/\r\n      border-radius: 12px;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n  .fv-carousel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.55); \/* light black overlay *\/\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n<\/style>\r\n\r\n<div class=\"fv-carousel-wrapper\">\r\n  <div class=\"fv-carousel\" id=\"fvCarousel\">\r\n    <div class=\"fv-carousel-track\">\r\n      <div class=\"fv-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-10.12.05-2.jpeg\" alt=\"Fly Valet 1\">\r\n      <\/div>\r\n      <div class=\"fv-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-10.12.05-1.jpeg\" alt=\"Fly Valet 2\">\r\n      <\/div>\r\n      <div class=\"fv-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/20251104_142519-scaled.jpg\" alt=\"Fly Valet 3\">\r\n      <\/div>\r\n      <div class=\"fv-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/imageparking.png\" alt=\"Fly Valet Parking\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- dots only -->\r\n    <div class=\"fv-carousel-dots\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    const carousel = document.getElementById(\"fvCarousel\");\r\n    const track = carousel.querySelector(\".fv-carousel-track\");\r\n    const slides = Array.from(carousel.querySelectorAll(\".fv-carousel-slide\"));\r\n    const dotsContainer = carousel.querySelector(\".fv-carousel-dots\");\r\n\r\n    let currentIndex = 0;\r\n    let autoPlayInterval = null;\r\n    const AUTO_PLAY_DELAY = 5000; \/\/ 5 s\r\n\r\n    \/\/ Create dots\r\n    slides.forEach((_, index) => {\r\n      const dot = document.createElement(\"button\");\r\n      dot.classList.add(\"fv-carousel-dot\");\r\n      dot.setAttribute(\"aria-label\", \"Go to slide \" + (index + 1));\r\n      dot.addEventListener(\"click\", () => {\r\n        goToSlide(index);\r\n        restartAutoPlay();\r\n      });\r\n      dotsContainer.appendChild(dot);\r\n    });\r\n\r\n    const dots = Array.from(carousel.querySelectorAll(\".fv-carousel-dot\"));\r\n\r\n    function updateUI() {\r\n      const offset = -currentIndex * 100;\r\n      track.style.transform = \"translateX(\" + offset + \"%)\";\r\n      dots.forEach((dot, index) => {\r\n        dot.classList.toggle(\"fv-active\", index === currentIndex);\r\n      });\r\n    }\r\n\r\n    function goToSlide(index) {\r\n      if (index < 0) index = slides.length - 1;\r\n      if (index >= slides.length) index = 0;\r\n      currentIndex = index;\r\n      updateUI();\r\n    }\r\n\r\n    function nextSlide() {\r\n      goToSlide(currentIndex + 1);\r\n    }\r\n\r\n    function startAutoPlay() {\r\n      stopAutoPlay();\r\n      autoPlayInterval = setInterval(nextSlide, AUTO_PLAY_DELAY);\r\n    }\r\n\r\n    function stopAutoPlay() {\r\n      if (autoPlayInterval) {\r\n        clearInterval(autoPlayInterval);\r\n        autoPlayInterval = null;\r\n      }\r\n    }\r\n\r\n    function restartAutoPlay() {\r\n      startAutoPlay();\r\n    }\r\n\r\n    \/\/ Keyboard navigation\r\n    carousel.setAttribute(\"tabindex\", \"0\");\r\n    carousel.addEventListener(\"keydown\", (e) => {\r\n      if (e.key === \"ArrowRight\") {\r\n        goToSlide(currentIndex + 1);\r\n        restartAutoPlay();\r\n      } else if (e.key === \"ArrowLeft\") {\r\n        goToSlide(currentIndex - 1);\r\n        restartAutoPlay();\r\n      }\r\n    });\r\n\r\n    \/\/ Pause \/ resume on hover\r\n    carousel.addEventListener(\"mouseenter\", stopAutoPlay);\r\n    carousel.addEventListener(\"mouseleave\", startAutoPlay);\r\n\r\n    \/\/ Init\r\n    goToSlide(0);\r\n    startAutoPlay();\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-504d705 e-con-full e-flex e-con e-parent\" data-id=\"504d705\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a841167 elementor-widget elementor-widget-html\" data-id=\"a841167\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Startseite mit Vertrauensindikatoren<\/title>\r\n<style>\r\n\/* --- BEGINN DES CSS-CODES --- *\/\r\n\r\nbody {\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: #fff;\r\n}\r\n\r\n.trust-indicators {\r\n    width: 100%;\r\n    padding: 50px 20px;\r\n    background-color: #f9f9f9; \/* Hellgrauer Hintergrund der Sektion *\/\r\n    box-sizing: border-box;\r\n}\r\n\r\n.trust-title {\r\n    text-align: center;\r\n    font-size: 28px;\r\n    color: #333;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.indicators-container {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* --- ENTFERNUNG DER BOX-STILE --- *\/\r\n.indicator-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    \r\n    \/* --- TRANSPARENTER HINTERGRUND, KEINE BOX --- *\/\r\n    background-color: transparent;\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n    padding: 20px 15px;\r\n    \r\n    flex-basis: 300px;\r\n    flex-grow: 1;\r\n    min-width: 280px;\r\n}\r\n\r\n.indicator-item .icon {\r\n    font-size: 70px; \/* Gro\u00dfe Emoji-Gr\u00f6\u00dfe *\/\r\n    margin-bottom: 25px; \/* Abstand zwischen Icon und Text *\/\r\n}\r\n\r\n.indicator-item .text strong {\r\n    font-size: 18px;\r\n    color: #222;\r\n    display: block;\r\n}\r\n\r\n.indicator-item .text p {\r\n    font-size: 16px;\r\n    color: #555;\r\n    margin: 4px 0 0 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* --- Responsive Design f\u00fcr Mobilger\u00e4te --- *\/\r\n@media (max-width: 768px) {\r\n    .trust-title {\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .indicators-container {\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .indicator-item {\r\n        width: 100%;\r\n        max-width: 400px;\r\n        flex-basis: auto;\r\n    }\r\n}\r\n\r\n\/* --- ENDE DES CSS-CODES --- *\/\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"trust-indicators\">\r\n  <h2 class=\"trust-title\">Unsere Vertrauensgarantien<\/h2>\r\n\r\n  <div class=\"indicators-container\">\r\n    <div class=\"indicator-item\">\r\n      <div class=\"icon\">\u2b50<\/div>\r\n      <div class=\"text\">\r\n        <strong>5-Sterne-Service<\/strong>\r\n        <p>von unseren Kunden gesch\u00e4tzt<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"indicator-item\">\r\n      <div class=\"icon\">\ud83d\udcf9<\/div>\r\n      <div class=\"text\">\r\n        <strong>\u00dcberwachtes Parkhaus<\/strong>\r\n        <p>rund um die Uhr, Tag und Nacht<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"indicator-item\">\r\n      <div class=\"icon\">\ud83d\udcaf<\/div>\r\n      <div class=\"text\">\r\n        <strong>Qualit\u00e4tsversprechen<\/strong>\r\n        <p>Premium-Service und Zufriedenheitsgarantie<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82622fa e-con-full e-flex e-con e-parent\" data-id=\"82622fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7827886 elementor-widget elementor-widget-html\" data-id=\"7827886\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Adopark Footer - Gro\u00dfes Design<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* --- FARBVARIABLEN UND ALLGEMEINE STILE --- *\/\r\n        :root {\r\n            --rouge-adopark: #DC2626;\r\n            --rouge-hover: #B91C1C;\r\n            --noir: #1F2937;\r\n            --gris: #6B7280;\r\n            --blanc: #FFFFFF;\r\n            --fond-page: #F9FAFB;\r\n            --bordure-claire: #E5E7EB;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 100vh;\r\n            background-color: var(--fond-page);\r\n        }\r\n\r\n        main {\r\n            flex-grow: 1;\r\n        }\r\n        \r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        \/* --- FOOTER-DESIGN --- *\/\r\n        .light-footer {\r\n            background-color: var(--blanc);\r\n            color: var(--noir);\r\n            padding: 80px 40px 0 40px;\r\n            border-top: 1px solid var(--bordure-claire);\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.5fr 1fr 1fr 1.5fr; \r\n            gap: 70px;\r\n            padding-bottom: 60px;\r\n        }\r\n\r\n        .footer-column h3 {\r\n            color: var(--rouge-adopark);\r\n            font-size: 1.9rem;\r\n            margin-bottom: 25px;\r\n            font-weight: 700;\r\n            text-align: center; \/* MODIFIZIERT: Spaltentitel zentrieren *\/\r\n        }\r\n\r\n        \/* Spalte 1: Marke *\/\r\n        .brand-column h4 {\r\n            color: var(--noir);\r\n            font-size: 1.9rem;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .brand-column p {\r\n            color: var(--gris);\r\n            line-height: 1.7;\r\n            font-size: 1rem;\r\n            margin-bottom: 20px; \/* Espace ajout\u00e9 *\/\r\n        }\r\n\r\n        \/* \/**********************************************\r\n        \/ --- ICI EST LA CORRECTION ---\r\n        \/   Contr\u00f4le la taille des images dans le footer\r\n        \/**********************************************\r\n        *\/\r\n        .footer-column img {\r\n            max-width: 100%; \/* Ne d\u00e9passera pas la colonne *\/\r\n            height: auto;    \/* Garde les proportions *\/\r\n            display: block;  \/* \u00c9vite les espaces \u00e9tranges *\/\r\n            border-radius: 5px; \/* Esth\u00e9tique *\/\r\n        }\r\n        \/* --- FIN DE LA CORRECTION --- *\/\r\n\r\n\r\n        \/* Spalten 2 & 3: Listen *\/\r\n        .footer-column ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .footer-column ul li {\r\n            margin-bottom: 15px;\r\n            font-size: 1.9rem;\r\n            color: var(--gris);\r\n        }\r\n\r\n        .footer-column ul a {\r\n            color: var(--noir);\r\n            font-size: 1.6rem;\r\n            transition: color 0.3s ease, padding-left 0.3s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        .footer-column ul a:hover {\r\n            color: var(--rouge-adopark);\r\n            padding-left: 5px;\r\n        }\r\n\r\n        \/* Spalte 4: Newsletter und GIF *\/\r\n        .newsletter-form {\r\n            position: relative;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .newsletter-form input {\r\n            width: 100%;\r\n            padding: 15px 20px;\r\n            background-color: var(--fond-page);\r\n            border: 1px solid var(--bordure-claire);\r\n            border-radius: 5px;\r\n            color: var(--noir);\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .newsletter-form button {\r\n            position: absolute;\r\n            right: 5px;\r\n            top: 5px;\r\n            bottom: 5px;\r\n            background: none;\r\n            border: none;\r\n            color: var(--rouge-adopark);\r\n            cursor: pointer;\r\n            padding: 0 15px;\r\n            font-size: 1.2rem;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .newsletter-form button:hover {\r\n            color: var(--rouge-hover);\r\n        }\r\n\r\n        .gif-placeholder {\r\n            background-color: var(--fond-page);\r\n            border: 1px dashed var(--bordure-claire);\r\n            border-radius: 5px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            color: var(--gris);\r\n            min-height: 80px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .gif-placeholder p {\r\n            margin: 0;\r\n            font-style: italic;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* Sub-Footer f\u00fcr Copyright *\/\r\n        .footer-copyright {\r\n            text-align: center;\r\n            padding: 25px 0;\r\n            border-top: 1px solid var(--bordure-claire);\r\n            font-size: 0.9rem;\r\n            color: var(--gris);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .footer-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .footer-grid {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n                gap: 40px;\r\n            }\r\n            .footer-column ul {\r\n                text-align: center;\r\n            }\r\n            .footer-column ul a:hover {\r\n                padding-left: 0;\r\n            }\r\n        }\r\n                \/* R\u00e9duction de la taille de l'image de la colonne de gauche *\/\r\n.brand-column img {\r\n    width: 60%;      \/* Ajuste : 50%, 40%, etc. selon ton go\u00fbt *\/\r\n    max-width: 250px; \/* Limite maximale *\/\r\n    height: auto;\r\n    display: block;\r\n    margin-top: 20px;\r\n}\r\n\/* R\u00e9duction de la taille de l'image de la colonne de gauche et centrage *\/\r\n.brand-column img {\r\n    width: 60%;       \r\n    max-width: 250px; \r\n    height: auto;\r\n    display: block;\r\n    \/* C'est cette ligne qui fait le centrage : *\/\r\n    margin: 20px auto 0 auto; \r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <main>\r\n        <\/main>\r\n\r\n    <footer class=\"light-footer\">\r\n        <div class=\"footer-container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-column brand-column\">\r\n                    <h4>Parkservice von ADOPARK<\/h4>\r\n                    <p>Premium-Valet-Service am Flughafen Basel-Mulhouse. Sorgenfreiheit und Sicherheit f\u00fcr Ihre Reisen garantiert.<\/p>\r\n                    <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png\" alt=\"Draufsicht auf geparkte Autos\">\r\n                <\/div>\r\n\r\n                <div class=\"footer-column\">\r\n                    <h3>Leistungen<\/h3>\r\n                    <ul>\r\n                        <li><a href=\"https:\/\/www.adopark.fr\/parking-aeroport-proche-bale-mulhouse-\" target=\"_blank\" rel=\"noopener noreferrer\">Auf Adopark buchen \u2192<\/a><\/li>\r\n                        <li><a href=\"#\">24\/7 Service<\/a><\/li>\r\n                        <li><a href=\"#\">Sicherer und \u00fcberdachter Parkplatz<\/a><\/li>\r\n                       \r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"footer-column\">\r\n                    <h3>Kontakt<\/h3>\r\n                    <ul>\r\n                        <li><a href=\"mailto:valetservice@adopark.fr\">Email: valetservice@adopark.fr<\/a><\/li>\r\n                        <li>Hauptsitz: F10 rue jean Monnet BARTENHEIM 68870<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-column\">\r\n                    <h3>Bleiben Sie informiert<\/h3>\r\n                    <form action=\"#\" class=\"newsletter-form\">\r\n                        <input type=\"email\" placeholder=\"Geben Sie Ihre E-Mail-Adresse ein\">\r\n                        <button type=\"submit\" aria-label=\"Senden\"><i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n                    <\/form>\r\n                    <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/10\/depositphotos_52470577-stock-photo-red-car-on-white-background.jpg\" alt=\"Draufsicht auf geparkte Autos\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"footer-copyright\">\r\n            <p>\u00a9 2024 Valet Service by Adopark. Premium-Service f\u00fcr den Flughafen Basel-Mulhouse. <a href=\"\" style=\"color: red;\">Sitemap<\/a><\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Startseite Kundenbewertungen Serviceleitfaden Kontakt Jetzt buchen Flughafen Valet-Service Exzellenter Valet-Service am Flughafen Basel-Mulhouse Sie sparen Zeit, wir sorgen f\u00fcr Ihre Sorgenfreiheit. Anreise R\u00fcckreise Jetzt reservieren Premium Parken: \u00dcberdacht, geschlossen und st\u00e4ndig \u00fcberwacht Garantierter Ablauf: \u00dcbergabe und R\u00fcckgabe ohne Wartezeit Unmittelbare N\u00e4he: Direkt am Terminal Volle Transparenz: Digitales \u00dcbergabeprotokoll mit Fotos Ein reibungsloser Service in 4 &hellip; <a href=\"https:\/\/fly-valet.fr\/de\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Startseite<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-2272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/pages\/2272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/comments?post=2272"}],"version-history":[{"count":118,"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/pages\/2272\/revisions"}],"predecessor-version":[{"id":6562,"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/pages\/2272\/revisions\/6562"}],"wp:attachment":[{"href":"https:\/\/fly-valet.fr\/de\/wp-json\/wp\/v2\/media?parent=2272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}