{"id":10,"date":"2026-05-17T22:25:43","date_gmt":"2026-05-17T22:25:43","guid":{"rendered":"https:\/\/travel-adv.com\/?page_id=10"},"modified":"2026-05-18T21:32:46","modified_gmt":"2026-05-19T00:32:46","slug":"mwr","status":"publish","type":"page","link":"https:\/\/travel-adv.com\/de\/","title":{"rendered":"MWR"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMWR Life \u2014 \u00dcberschrift<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 HEADER \/ NAVIGATION (Transparent over hero) \u2014 v2\r\n Paste from <style> down to <\/script> into an Elementor HTML widget.\r\n Place at the very top of every page (or in Elementor Header template).\r\n\r\n BEHAVIOR:\r\n - On HOME page (with .mwr-hero below): transparent over hero, becomes\r\n navy with blur on scroll\r\n - On OTHER pages (no .mwr-hero): starts in navy solid state immediately\r\n\r\n LOGO COLOR: A CSS filter whitens the logo so it shows on dark backgrounds.\r\n If you upload a white version of the logo later, REMOVE the filter rule\r\n marked \"WHITEN\" below.\r\n\r\n TRANSLATEPRESS: [language-switcher] shortcode embedded. If your\r\n Elementor doesn't process shortcodes in HTML widgets, remove that\r\n line and place a separate Shortcode widget alongside.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-nav, .mwr-nav *, .mwr-nav *::before, .mwr-nav *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 100;\r\n background: transparent;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n transition: background-color 0.35s ease, backdrop-filter 0.35s ease, box-shadow 0.35s ease;\r\n width: 100%;\r\n}\r\n\r\n\/* Scrolled state \u2014 navy with frosted blur *\/\r\n.mwr-nav.is-scrolled {\r\n background: rgba(10, 31, 61, 0.88);\r\n backdrop-filter: blur(14px) saturate(160%);\r\n -webkit-backdrop-filter: blur(14px) saturate(160%);\r\n box-shadow: 0 4px 24px -8px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n.mwr-nav-inner {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0.9rem clamp(1.25rem, 4vw, 2.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(2.5rem, 6vw, 4.5rem);\r\n}\r\n\r\n\/* ---------- Logo ---------- *\/\r\n.mwr-nav-logo {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n text-decoration: none;\r\n}\r\n.mwr-nav-logo img {\r\n display: block;\r\n height: 38px;\r\n width: auto;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ---------- Main links ---------- *\/\r\n.mwr-nav-links {\r\n display: flex;\r\n align-items: center;\r\n flex: 1;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n min-width: 0;\r\n}\r\n\r\n.mwr-nav-list {\r\n display: flex;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n gap: 1.7rem;\r\n align-items: center;\r\n}\r\n\r\n.mwr-nav-link {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 500;\r\n font-size: 0.94rem;\r\n color: #ffffff;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n position: relative;\r\n padding: 0.5rem 0;\r\n display: inline-block;\r\n}\r\n.mwr-nav-link:hover {\r\n color: #f5c842;\r\n}\r\n\r\n\/* Active state (current page) *\/\r\n.mwr-nav-link.is-active {\r\n color: #f5c842;\r\n}\r\n.mwr-nav-link.is-active::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: -2px;\r\n height: 2px;\r\n background: #f5c842;\r\n border-radius: 2px;\r\n}\r\n\r\n\/* ---------- Right side (lang + auth) ---------- *\/\r\n.mwr-nav-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* ---------- Language switcher container ---------- *\/\r\n.mwr-nav-lang {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n font-size: 0.88rem;\r\n}\r\n\r\n\/* TranslatePress wrappers \u2014 strip default styling *\/\r\n.mwr-nav-lang .trp_language_switcher_shortcode,\r\n.mwr-nav-lang .trp-language-switcher,\r\n.mwr-nav-lang .trp-language-switcher-container {\r\n background: transparent !important;\r\n border: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n}\r\n\r\n\/* The visible \"current language\" button (closed state) *\/\r\n\/* MUST always remain visible \u2014 TP's JS tries to hide it when dropdown opens *\/\r\n.mwr-nav-lang .trp-ls-shortcode-current-language,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language[style*=\"display\"],\r\n.mwr-nav-lang .trp-ls-shortcode-current-language[style*=\"visibility\"] {\r\n width: auto !important;\r\n min-width: auto !important;\r\n max-width: none !important;\r\n display: inline-flex !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n align-items: center !important;\r\n gap: 0.5rem !important;\r\n padding: 0.45rem 0.95rem !important;\r\n border-radius: 8px !important;\r\n background: #1a3a64 !important;\r\n border: 1px solid rgba(255, 255, 255, 0.18) !important;\r\n color: #ffffff !important;\r\n font-family: 'Manrope', system-ui, sans-serif !important;\r\n font-size: 0.85rem !important;\r\n font-weight: 500 !important;\r\n text-decoration: none !important;\r\n cursor: pointer !important;\r\n white-space: nowrap !important;\r\n transition: all 0.25s ease !important;\r\n line-height: 1.2 !important;\r\n height: auto !important;\r\n box-shadow: none !important;\r\n pointer-events: auto !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n\/* Force white text on all elements inside the button (incl. spans\/links TP injects) *\/\r\n.mwr-nav-lang .trp-ls-shortcode-current-language,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language *,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language a,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language span {\r\n color: #ffffff !important;\r\n}\r\n\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover {\r\n background: #0a1f3d !important;\r\n border-color: rgba(245, 200, 66, 0.5) !important;\r\n}\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover *,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover a,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover span {\r\n color: #ffffff !important;\r\n}\r\n\r\n\/* Dropdown panel (.trp-ls-shortcode-language) *\/\r\n.mwr-nav-lang .trp-ls-shortcode-language {\r\n width: auto !important;\r\n min-width: 170px !important;\r\n max-width: none !important;\r\n position: absolute !important;\r\n top: calc(100% + 0.5rem) !important;\r\n right: 0 !important;\r\n left: auto !important;\r\n background: #0a1f3d !important;\r\n border-radius: 10px !important;\r\n box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.55) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n margin: 0 !important;\r\n padding: 0.35rem 0 !important;\r\n list-style: none !important;\r\n z-index: 200 !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n\/* Each language link inside the dropdown *\/\r\n.mwr-nav-lang .trp-ls-shortcode-language > a {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 0.6rem !important;\r\n padding: 0.6rem 1rem !important;\r\n color: #ffffff !important;\r\n background: transparent !important;\r\n text-decoration: none !important;\r\n border: 0 !important;\r\n border-radius: 0 !important;\r\n font-family: 'Manrope', system-ui, sans-serif !important;\r\n font-size: 0.88rem !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n transition: all 0.2s ease !important;\r\n white-space: nowrap !important;\r\n}\r\n\r\n.mwr-nav-lang .trp-ls-shortcode-language > a:hover {\r\n background: rgba(245, 200, 66, 0.12) !important;\r\n color: #f5c842 !important;\r\n}\r\n\r\n\/* Current\/disabled language INSIDE the dropdown \u2014 shown as the active one *\/\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-shortcode-disabled-language,\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-disabled-language {\r\n opacity: 0.55 !important;\r\n cursor: default !important;\r\n pointer-events: none !important;\r\n}\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-shortcode-disabled-language:hover,\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-disabled-language:hover {\r\n background: transparent !important;\r\n color: rgba(255, 255, 255, 0.55) !important;\r\n}\r\n\r\n\/* Flag images (.trp-flag-image and inline imgs) *\/\r\n.mwr-nav-lang img,\r\n.mwr-nav-lang .trp-flag-image {\r\n width: 20px !important;\r\n height: 14px !important;\r\n border-radius: 2px !important;\r\n object-fit: cover !important;\r\n display: inline-block !important;\r\n vertical-align: middle !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n box-shadow: none !important;\r\n flex-shrink: 0 !important;\r\n}\r\n\r\n\/* Login link *\/\r\n.mwr-nav-login {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 500;\r\n font-size: 0.93rem;\r\n color: #ffffff;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n white-space: nowrap;\r\n}\r\n.mwr-nav-login:hover {\r\n color: #f5c842;\r\n}\r\n\r\n\/* Join CTA *\/\r\n.mwr-nav-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n padding: 0.65rem 1.3rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 6px 18px -6px rgba(45, 142, 154, 0.5);\r\n}\r\n.mwr-nav-cta:hover {\r\n background: #46a8b3;\r\n transform: translateY(-1px);\r\n box-shadow: 0 10px 22px -6px rgba(45, 142, 154, 0.7);\r\n color: #ffffff;\r\n}\r\n\r\n\/* ---------- Mobile hamburger toggle ---------- *\/\r\n.mwr-nav-toggle {\r\n display: none;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n padding: 0;\r\n width: 36px;\r\n height: 36px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n z-index: 101;\r\n flex-shrink: 0;\r\n}\r\n.mwr-nav-toggle span {\r\n display: block;\r\n width: 22px;\r\n height: 2px;\r\n background: #ffffff;\r\n border-radius: 2px;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-nav-toggle[aria-expanded=\"true\"] span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n}\r\n.mwr-nav-toggle[aria-expanded=\"true\"] span:nth-child(2) {\r\n opacity: 0;\r\n transform: translateX(-10px);\r\n}\r\n.mwr-nav-toggle[aria-expanded=\"true\"] span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\/* Mobile menu backdrop *\/\r\n.mwr-nav-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.6);\r\n z-index: 99;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n.mwr-nav.is-open .mwr-nav-backdrop {\r\n display: block;\r\n opacity: 1;\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 1024px) {\r\n .mwr-nav-list { gap: 1.3rem; }\r\n .mwr-nav-right { gap: 0.9rem; }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .mwr-nav-toggle {\r\n display: flex;\r\n }\r\n\r\n .mwr-nav-links {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100vh;\r\n height: 100dvh;\r\n background: #0a1f3d;\r\n flex-direction: column;\r\n align-items: stretch;\r\n justify-content: flex-start;\r\n padding: 5.5rem 2rem 2.5rem;\r\n gap: 0;\r\n transform: translateX(100%);\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n overflow-y: auto;\r\n z-index: 100;\r\n }\r\n\r\n .mwr-nav.is-open .mwr-nav-links {\r\n transform: translateX(0);\r\n }\r\n\r\n .mwr-nav-list {\r\n flex-direction: column;\r\n gap: 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n padding-bottom: 1.2rem;\r\n margin-bottom: 1.5rem;\r\n align-items: stretch;\r\n }\r\n\r\n .mwr-nav-list li {\r\n width: 100%;\r\n }\r\n\r\n .mwr-nav-link {\r\n display: block;\r\n padding: 0.95rem 0;\r\n font-size: 1.05rem;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .mwr-nav-link.is-active::after {\r\n display: none;\r\n }\r\n .mwr-nav-link.is-active {\r\n color: #f5c842;\r\n font-weight: 600;\r\n }\r\n\r\n .mwr-nav-right {\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 1rem;\r\n }\r\n\r\n .mwr-nav-lang {\r\n padding: 0.5rem 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .mwr-nav-login {\r\n text-align: center;\r\n padding: 0.7rem;\r\n }\r\n\r\n .mwr-nav-cta {\r\n justify-content: center;\r\n padding: 0.95rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* Body lock when menu open *\/\r\n body.mwr-nav-open {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .mwr-nav-inner { padding: 0.8rem 1.1rem; }\r\n .mwr-nav-logo img { height: 32px; }\r\n}\r\n<\/style>\r\n\r\n<header class=\"mwr-nav\" id=\"mwrNav\">\r\n\r\n <div class=\"mwr-nav-backdrop\" id=\"mwrNavBackdrop\"><\/div>\r\n\r\n <div class=\"mwr-nav-inner\">\r\n\r\n <a href=\"\/de\/\" class=\"mwr-nav-logo\" aria-label=\"MWR Life \u2013 zur\u00fcck zur Startseite\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/logo-mwrlife-white.webp\"\r\n alt=\"MWR Life\"\r\n width=\"195\"\r\n height=\"54\">\r\n <\/a>\r\n\r\n <button class=\"mwr-nav-toggle\"\r\n id=\"mwrNavToggle\"\r\n type=\"button\"\r\n aria-label=\"Men\u00fc \u00f6ffnen\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"mwrNavLinks\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n\r\n <nav class=\"mwr-nav-links\" id=\"mwrNavLinks\" aria-label=\"Prim\u00e4rnavigation\">\r\n\r\n <ul class=\"mwr-nav-list\">\r\n <li><a href=\"\/de\/\" class=\"mwr-nav-link is-active\">Startseite<\/a><\/li>\r\n <li><a href=\"https:\/\/travel-adv.com\/de\/produkte\/\" class=\"mwr-nav-link\">Produkte<\/a><\/li>\r\n <li><a href=\"https:\/\/travel-adv.com\/de\/geschaeftsmoeglichkeit\/\" class=\"mwr-nav-link\">Gesch\u00e4ftsm\u00f6glichkeit<\/a><\/li>\r\n <li><a href=\"\/de\/about\/\" class=\"mwr-nav-link\">\u00dcber Uns<\/a><\/li>\r\n <li><a href=\"\/de\/blog\/\" class=\"mwr-nav-link\">Blog<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-nav-right\">\r\n\r\n <div class=\"mwr-nav-lang\">\r\n <div class=\"trp_language_switcher_shortcode\">\n<div class=\"trp-language-switcher trp-language-switcher-container\" data-no-translation>\n <div class=\"trp-ls-shortcode-current-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"German\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" width=\"18\" height=\"12\" alt=\"de_DE\" title=\"German\"> German\t\t<\/a>\n <\/div>\n <div class=\"trp-ls-shortcode-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"German\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" width=\"18\" height=\"12\" alt=\"de_DE\" title=\"German\"> German\t\t<\/a>\n <a href=\"https:\/\/travel-adv.com\/wp-json\/wp\/v2\/pages\/10\/\" title=\"English\">\n <img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"> English <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/pt\/wp-json\/wp\/v2\/pages\/10\/\" title=\"Portuguese\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_BR.png\" width=\"18\" height=\"12\" alt=\"pt_BR\" title=\"Portuguese\"> Portuguese <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/pages\/10\/\" title=\"French\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" width=\"18\" height=\"12\" alt=\"fr_FR\" title=\"French\"> French <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/it\/wp-json\/wp\/v2\/pages\/10\/\" title=\"Italian\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/it_IT.png\" width=\"18\" height=\"12\" alt=\"it_IT\" title=\"Italian\"> Italian <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/es\/wp-json\/wp\/v2\/pages\/10\/\" title=\"Spanish\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_ES.png\" width=\"18\" height=\"12\" alt=\"es_ES\" title=\"Spanish\"> Spanish <\/a>\n\n <\/div>\n <script type=\"application\/javascript\">\n \/\/ need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML\n var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');\n if ( trp_ls_shortcodes.length > 0) {\n \/\/ get the last language switcher added\n var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];\n\n var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )\n \/\/ set width\n var trp_ls_shortcode_width = trp_shortcode_language_item.offsetWidth + 16;\n trp_shortcode_language_item.style.width = trp_ls_shortcode_width + 'px';\n trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';\n\n \/\/ We're putting this on display: none after we have its width.\n trp_shortcode_language_item.style.display = 'none';\n }\n <\/script>\n<\/div>\n<\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/Home\/login\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"mwr-nav-login\">Anmelden<\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"mwr-nav-cta\">Mitglied Werden<\/a>\r\n\r\n <\/div>\r\n <\/nav>\r\n\r\n <\/div>\r\n<\/header>\r\n\r\n<script>\r\n(function() {\r\n var nav = document.getElementById('mwrNav');\r\n var toggle = document.getElementById('mwrNavToggle');\r\n var backdrop = document.getElementById('mwrNavBackdrop');\r\n if (!nav || !toggle) return;\r\n\r\n \/* Detect if page has a hero \u2014 if not, start in scrolled (navy) state *\/\r\n function checkHero() {\r\n var hasHero = document.querySelector('.mwr-hero');\r\n if (!hasHero) {\r\n nav.classList.add('is-scrolled');\r\n nav.dataset.noHero = 'true';\r\n }\r\n }\r\n\r\n function closeMenu() {\r\n nav.classList.remove('is-open');\r\n toggle.setAttribute('aria-expanded', 'false');\r\n toggle.setAttribute('aria-label', 'Open menu');\r\n document.body.classList.remove('mwr-nav-open');\r\n }\r\n\r\n function openMenu() {\r\n nav.classList.add('is-open');\r\n toggle.setAttribute('aria-expanded', 'true');\r\n toggle.setAttribute('aria-label', 'Close menu');\r\n document.body.classList.add('mwr-nav-open');\r\n }\r\n\r\n toggle.addEventListener('click', function() {\r\n if (nav.classList.contains('is-open')) {\r\n closeMenu();\r\n } else {\r\n openMenu();\r\n }\r\n });\r\n\r\n if (backdrop) backdrop.addEventListener('click', closeMenu);\r\n\r\n document.querySelectorAll('.mwr-nav-link, .mwr-nav-login').forEach(function(link) {\r\n link.addEventListener('click', closeMenu);\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && nav.classList.contains('is-open')) closeMenu();\r\n });\r\n\r\n \/* Background change on scroll (only on pages WITH hero) *\/\r\n function onScroll() {\r\n if (nav.dataset.noHero === 'true') return;\r\n if (window.scrollY > 40) {\r\n nav.classList.add('is-scrolled');\r\n } else {\r\n nav.classList.remove('is-scrolled');\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n window.addEventListener('resize', function() {\r\n if (window.innerWidth > 900 && nav.classList.contains('is-open')) closeMenu();\r\n });\r\n\r\n \/* Initial setup *\/\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', function() {\r\n checkHero();\r\n onScroll();\r\n guardLanguageSwitcher();\r\n });\r\n } else {\r\n checkHero();\r\n onScroll();\r\n guardLanguageSwitcher();\r\n }\r\n\r\n \/* Prevent TranslatePress JS from hiding the current language button *\/\r\n function guardLanguageSwitcher() {\r\n var btn = document.querySelector('.mwr-nav-lang .trp-ls-shortcode-current-language');\r\n if (!btn) {\r\n \/* Try again later \u2014 TP might inject the markup after our script runs *\/\r\n setTimeout(guardLanguageSwitcher, 500);\r\n return;\r\n }\r\n\r\n function forceVisible() {\r\n btn.style.removeProperty('display');\r\n btn.style.removeProperty('visibility');\r\n btn.style.removeProperty('opacity');\r\n }\r\n\r\n \/* Watch for any inline-style changes and reset them *\/\r\n var observer = new MutationObserver(function(mutations) {\r\n mutations.forEach(function(m) {\r\n if (m.type === 'attributes' && m.attributeName === 'style') {\r\n forceVisible();\r\n }\r\n });\r\n });\r\n observer.observe(btn, { attributes: true, attributeFilter: ['style'] });\r\n\r\n forceVisible();\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\t\t<div class=\"elementor-element elementor-element-08bd4cd elementor-widget elementor-widget-html\" data-id=\"08bd4cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Held<\/title>\r\n<style>\r\n body { margin: 0; background: #faf6ee; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 HERO SECTION\r\n Paste everything from <style> down to <\/section> into an\r\n Elementor HTML widget. Replace the background image URL\r\n inside .mwr-hero-bg when ready.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;500;600;700&display=swap');\r\n\r\n.mwr-hero, .mwr-hero *, .mwr-hero *::before, .mwr-hero *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-hero {\r\n position: relative;\r\n min-height: 92vh;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: 0;\r\n \/* Full-bleed: breaks out of any narrow parent container in Elementor *\/\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Background image *\/\r\n.mwr-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n background-image:\r\n linear-gradient(180deg, rgba(10, 31, 61, 0.35) 0%, rgba(10, 31, 61, 0.65) 100%),\r\n url('https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/travel-adv-hero.webp');\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.mwr-hero-bg::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n background-image:\r\n radial-gradient(circle at 20% 80%, rgba(232, 220, 196, 0.12) 0, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(45, 142, 154, 0.15) 0, transparent 50%);\r\n}\r\n\r\n.mwr-hero-inner {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 7rem clamp(1.25rem, 4vw, 2.5rem) 5rem;\r\n}\r\n\r\n.mwr-hero-content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 720px;\r\n}\r\n\r\n.mwr-hero-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.25rem);\r\n color: #e8dcc4;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.2rem;\r\n opacity: 1;\r\n}\r\n\r\n.mwr-hero-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.6rem, 7vw, 5.8rem);\r\n font-weight: 400;\r\n line-height: 1.02;\r\n letter-spacing: -0.025em;\r\n color: #ffffff;\r\n margin: 0 0 1.5rem;\r\n opacity: 1;\r\n}\r\n.mwr-hero-title em {\r\n font-style: italic;\r\n font-weight: 300;\r\n color: #e8dcc4;\r\n}\r\n.mwr-hero-title strong {\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n.mwr-hero-sub {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(1rem, 1.3vw, 1.18rem);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.92);\r\n max-width: 54ch;\r\n margin: 0 0 2.4rem;\r\n opacity: 1;\r\n}\r\n\r\n.mwr-hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 1.5rem;\r\n opacity: 1;\r\n}\r\n\r\n.mwr-hero-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1rem 1.8rem;\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n letter-spacing: 0.01em;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n cursor: pointer;\r\n border: none;\r\n white-space: nowrap;\r\n}\r\n.mwr-hero-btn-primary {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n box-shadow: 0 12px 30px -10px rgba(45, 142, 154, 0.55);\r\n}\r\n.mwr-hero-btn-primary:hover {\r\n background: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 40px -12px rgba(45, 142, 154, 0.75);\r\n color: #ffffff;\r\n}\r\n.mwr-hero-btn-primary::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-hero-btn-primary:hover::after { transform: translateX(4px); }\r\n\r\n\/* Ghost button (Watch the story) \u2014 same pill shape, outline style *\/\r\n.mwr-hero-btn-ghost {\r\n background: rgba(255, 255, 255, 0.08);\r\n color: #ffffff;\r\n border: 1.5px solid rgba(255, 255, 255, 0.55);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n.mwr-hero-btn-ghost:hover {\r\n background: #ffffff;\r\n color: #0a1f3d;\r\n border-color: #ffffff;\r\n transform: translateY(-2px);\r\n}\r\n.mwr-hero-btn-ghost svg {\r\n width: 11px;\r\n height: 12px;\r\n fill: currentColor;\r\n margin-right: -0.1rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.mwr-hero-trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 2rem;\r\n margin-top: 3.5rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.18);\r\n max-width: 640px;\r\n opacity: 1;\r\n}\r\n.mwr-hero-trust-item {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.15rem;\r\n}\r\n.mwr-hero-trust-num {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.6rem;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 1;\r\n letter-spacing: -0.02em;\r\n}\r\n.mwr-hero-trust-label {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-weight: 500;\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n .mwr-hero { min-height: 88vh; }\r\n .mwr-hero-inner { padding: 6rem 1.25rem 4rem; }\r\n .mwr-hero-actions { gap: 0.8rem; width: 100%; flex-direction: column; align-items: stretch; }\r\n .mwr-hero-btn { width: 100%; justify-content: center; }\r\n .mwr-hero-trust { gap: 1.5rem; margin-top: 2.5rem; padding-top: 1.5rem; }\r\n .mwr-hero-trust-num { font-size: 1.3rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-hero\">\r\n <div class=\"mwr-hero-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"mwr-hero-inner\">\r\n <div class=\"mwr-hero-content\">\r\n <span class=\"mwr-hero-kicker\">Ein exklusiver globaler Reiseclub<\/span>\r\n\r\n <h1 class=\"mwr-hero-title\">\r\n Verwirklichen Sie W\u00fcnsche <em>mit<\/em> <strong>MWR Life<\/strong>\r\n <\/h1>\r\n\r\n <p class=\"mwr-hero-sub\">\r\n Schalten Sie exklusive Mitgliedspreise f\u00fcr Hotels, Fl\u00fcge, Resorts, Kreuzfahrten und einzigartige Erlebnisse in mehr als 130 L\u00e4ndern frei. MWR Life wird von KI unterst\u00fctzt, von der Community getragen und f\u00fcr Menschen geschaffen, die nicht ein ganzes Jahr zwischen ihren Abenteuern warten wollen.\r\n <\/p>\r\n\r\n <div class=\"mwr-hero-actions\">\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-hero-btn mwr-hero-btn-primary\">Mitglied Werden<\/a>\r\n\r\n <a href=\"#overview\" class=\"mwr-hero-btn mwr-hero-btn-ghost\" aria-label=\"Sehen Sie sich die MWR-Lebensgeschichte an\">\r\n <svg viewbox=\"0 0 12 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M12 7L0 14V0z\"\/>\r\n <\/svg>\r\n Sehen Sie sich die \u00dcbersicht an\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"mwr-hero-trust\">\r\n <div class=\"mwr-hero-trust-item\">\r\n <span class=\"mwr-hero-trust-num\">500,000+<\/span>\r\n <span class=\"mwr-hero-trust-label\">Mitglieder weltweit<\/span>\r\n <\/div>\r\n <div class=\"mwr-hero-trust-item\">\r\n <span class=\"mwr-hero-trust-num\">130+<\/span>\r\n <span class=\"mwr-hero-trust-label\">L\u00e4nder wieder ge\u00f6ffnet<\/span>\r\n <\/div>\r\n <div class=\"mwr-hero-trust-item\">\r\n <span class=\"mwr-hero-trust-num\">\u2605 4,8<\/span>\r\n <span class=\"mwr-hero-trust-label\">Bewertung auf Trustpilot<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-61c17a1 elementor-widget elementor-widget-html\" data-id=\"61c17a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Eine neue \u00c4ra des Reisens<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 A NEW ERA OF TRAVEL (Savings Showcase) \u2014 clean v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Replace each card image URL (3 spots) \u2014 recommended 800 \u00d7 600px.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-era, .mwr-era *, .mwr-era *::before, .mwr-era *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-era {\r\n position: relative;\r\n background: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n color: #1a1f2b;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-era-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header (MWR pattern) ---------- *\/\r\n.mwr-era-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-era-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-era-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-era-title .mwr-era-title-em {\r\n font-style: italic;\r\n font-weight: 400;\r\n}\r\n\r\n\/* Yellow wave decoration (MWR signature accent) *\/\r\n.mwr-era-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-era-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Cards grid ---------- *\/\r\n.mwr-era-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n margin-bottom: 3.5rem;\r\n}\r\n\r\n.mwr-era-card {\r\n background: #ffffff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.mwr-era-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 18px 40px -16px rgba(26, 58, 100, 0.18);\r\n border-color: rgba(26, 58, 100, 0.18);\r\n}\r\n\r\n.mwr-era-image {\r\n position: relative;\r\n aspect-ratio: 4 \/ 3;\r\n background-size: cover;\r\n background-position: center;\r\n background-color: #f5f5f0;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Placeholder gradients per card (REPLACE background-image with url('your-image.jpg')) *\/\r\n.mwr-era-image.maldives { background-image: linear-gradient(135deg, #2d8e9a 0%, #46a8b3 50%, #b8dbe0 100%); }\r\n.mwr-era-image.miami { background-image: linear-gradient(135deg, #1a3a64 0%, #2d8e9a 60%, #f5c842 100%); }\r\n.mwr-era-image.santorini { background-image: linear-gradient(135deg, #1a3a64 0%, #2d8e9a 50%, #d8edf0 100%); }\r\n\r\n.mwr-era-image-note {\r\n position: absolute;\r\n top: 0.8rem;\r\n left: 0.8rem;\r\n font-family: monospace;\r\n font-size: 0.65rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 0.3rem 0.6rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.4);\r\n border-radius: 3px;\r\n z-index: 1;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Real image \u2014 covers placeholder when src is filled *\/\r\n.mwr-era-image-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 2;\r\n display: block;\r\n}\r\n.mwr-era-image-img[src=\"\"],\r\n.mwr-era-image-img:not([src]) {\r\n display: none;\r\n}\r\n\r\n\/* Discount badge \u2014 yellow (MWR promo accent) *\/\r\n.mwr-era-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: #f5c842;\r\n color: #1a3a64;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.08em;\r\n padding: 0.5rem 0.9rem;\r\n border-radius: 999px;\r\n z-index: 3;\r\n box-shadow: 0 6px 18px -6px rgba(245, 200, 66, 0.65);\r\n}\r\n\r\n.mwr-era-body {\r\n padding: 1.6rem 1.6rem 1.8rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n}\r\n\r\n.mwr-era-location {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n margin-bottom: 0.55rem;\r\n}\r\n\r\n.mwr-era-dest {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.5rem;\r\n font-weight: 500;\r\n letter-spacing: -0.015em;\r\n line-height: 1.25;\r\n color: #1a3a64;\r\n margin: 0 0 0.4rem;\r\n}\r\n\r\n.mwr-era-meta {\r\n font-size: 0.88rem;\r\n color: #6b7280;\r\n margin: 0 0 1.4rem;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-era-price-wrap {\r\n margin-top: auto;\r\n padding-top: 1.2rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.08);\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.mwr-era-price { display: flex; flex-direction: column; gap: 0.15rem; }\r\n\r\n.mwr-era-retail {\r\n font-size: 0.85rem;\r\n color: #9ca3af;\r\n text-decoration: line-through;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-era-member {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.85rem;\r\n font-weight: 500;\r\n color: #1a3a64;\r\n letter-spacing: -0.02em;\r\n line-height: 1;\r\n}\r\n.mwr-era-member-period {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n color: #6b7280;\r\n font-weight: 500;\r\n margin-left: 0.3rem;\r\n}\r\n\r\n.mwr-era-book {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: #2d8e9a;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n}\r\n.mwr-era-book::after { content: \"\u2192\"; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }\r\n.mwr-era-book:hover { color: #1f7a85; }\r\n.mwr-era-book:hover::after { transform: translateX(3px); }\r\n\r\n\/* Footer CTA \u2014 outline navy (secondary action) *\/\r\n.mwr-era-footer {\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1.5rem;\r\n}\r\n\r\n.mwr-era-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 0.95rem 1.8rem;\r\n border-radius: 999px;\r\n border: 1.5px solid #1a3a64;\r\n background: transparent;\r\n color: #1a3a64;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-era-cta:hover {\r\n background: #1a3a64;\r\n color: #ffffff;\r\n transform: translateY(-2px);\r\n}\r\n.mwr-era-cta::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-era-cta:hover::after { transform: translateX(4px); }\r\n\r\n.mwr-era-disclaimer {\r\n font-size: 0.75rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n max-width: 50ch;\r\n line-height: 1.55;\r\n margin: 0;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .mwr-era-grid { grid-template-columns: repeat(2, 1fr); }\r\n .mwr-era-card:last-child {\r\n grid-column: span 2;\r\n max-width: 50%;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-era-head { margin-bottom: 3rem; }\r\n .mwr-era-grid { grid-template-columns: 1fr; gap: 1.4rem; }\r\n .mwr-era-card:last-child { grid-column: auto; max-width: 100%; }\r\n .mwr-era-body { padding: 1.4rem; }\r\n .mwr-era-member { font-size: 1.65rem; }\r\n .mwr-era-price-wrap { flex-direction: column; align-items: flex-start; gap: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-era\" aria-label=\"Eine neue \u00c4ra des Reisens mit MWR Life\">\r\n <div class=\"mwr-era-inner\">\r\n\r\n <header class=\"mwr-era-head\">\r\n <span class=\"mwr-era-kicker\">Reisen auf Abruf, neu definiert<\/span>\r\n <h2 class=\"mwr-era-title\">\r\n Was Netflix f\u00fcr Filme getan hat, <span class=\"mwr-era-title-em\">MWR Life macht es f\u00fcr Reisen<\/span>\r\n <\/h2>\r\n <svg class=\"mwr-era-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-era-intro\">\r\n Nie l\u00e4nger endlos nach Schn\u00e4ppchen in unz\u00e4hligen Tabs suchen. Unsere KI durchsucht das weltweite Angebot in Echtzeit und zeigt Ihnen Preise an, die nur MWR Life-Mitglieder sehen \u2013 dasselbe Hotel, dieselben Daten, zu einem Bruchteil des regul\u00e4ren Preises.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-era-grid\">\r\n\r\n <article class=\"mwr-era-card\">\r\n <div class=\"mwr-era-image maldives\" role=\"img\" aria-label=\"\u00dcberwasservilla auf den Malediven \u2013 MWR-Life-Mitgliedertarif\">\r\n <span class=\"mwr-era-image-note\">800 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE IMAGE URL between the quotes (recommended 800 \u00d7 600px) -->\r\n <img decoding=\"async\" class=\"mwr-era-image-img\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/maldives-Overwater-Villa-Escape.webp\" alt=\"\u00dcberwasservilla auf den Malediven\">\r\n <span class=\"mwr-era-badge\">50% RABATT<\/span>\r\n <\/div>\r\n <div class=\"mwr-era-body\">\r\n <span class=\"mwr-era-location\">Malediven<\/span>\r\n <h3 class=\"mwr-era-dest\">Overwater Villa Escape<\/h3>\r\n <p class=\"mwr-era-meta\">5 \u00dcbernachtungen \u00b7 Fr\u00fchst\u00fcck inklusive \u00b7 private Terrasse<\/p>\r\n <div class=\"mwr-era-price-wrap\">\r\n <div class=\"mwr-era-price\">\r\n <span class=\"mwr-era-retail\">$2,500<\/span>\r\n <span><span class=\"mwr-era-member\">$1,250<\/span><span class=\"mwr-era-member-period\">gesamt<\/span><\/span>\r\n <\/div>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-era-book\">Buchen Sie \u00fcber MWR Life<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"mwr-era-card\">\r\n <div class=\"mwr-era-image miami\" role=\"img\" aria-label=\"South Beach Hotel in Miami \u2013 MWR Life-Mitgliedertarif\">\r\n <span class=\"mwr-era-image-note\">800 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE IMAGE URL between the quotes (recommended 800 \u00d7 600px) -->\r\n <img decoding=\"async\" class=\"mwr-era-image-img\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/South-Beach-Boutique-miami.webp\" alt=\"South Beach Hotel in Miami\">\r\n <span class=\"mwr-era-badge\">40% RABATT<\/span>\r\n <\/div>\r\n <div class=\"mwr-era-body\">\r\n <span class=\"mwr-era-location\">Miami, USA<\/span>\r\n <h3 class=\"mwr-era-dest\">South Beach Boutique<\/h3>\r\n <p class=\"mwr-era-meta\">4 N\u00e4chte \u00b7 Meerblick \u00b7 Dachterrassenpool<\/p>\r\n <div class=\"mwr-era-price-wrap\">\r\n <div class=\"mwr-era-price\">\r\n <span class=\"mwr-era-retail\">$1,200<\/span>\r\n <span><span class=\"mwr-era-member\">$720<\/span><span class=\"mwr-era-member-period\">gesamt<\/span><\/span>\r\n <\/div>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-era-book\">Buchen Sie \u00fcber MWR Life<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"mwr-era-card\">\r\n <div class=\"mwr-era-image santorini\" role=\"img\" aria-label=\"Suite mit Klippenblick in Santorini, Griechenland \u2013 MWR-Life-Mitgliedertarif\">\r\n <span class=\"mwr-era-image-note\">800 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE IMAGE URL between the quotes (recommended 800 \u00d7 600px) -->\r\n <img decoding=\"async\" class=\"mwr-era-image-img\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Cliffside-Caldera-Suite-santorini.webp\" alt=\"Suite am Steilhang in Santorini, Griechenland\">\r\n <span class=\"mwr-era-badge\">40% RABATT<\/span>\r\n <\/div>\r\n <div class=\"mwr-era-body\">\r\n <span class=\"mwr-era-location\">Santorini, Griechenland<\/span>\r\n <h3 class=\"mwr-era-dest\">Cliffside Caldera Suite<\/h3>\r\n <p class=\"mwr-era-meta\">5 N\u00e4chte \u00b7 Terrasse bei Sonnenuntergang \u00b7 Tauchbecken<\/p>\r\n <div class=\"mwr-era-price-wrap\">\r\n <div class=\"mwr-era-price\">\r\n <span class=\"mwr-era-retail\">$1,750<\/span>\r\n <span><span class=\"mwr-era-member\">$1,050<\/span><span class=\"mwr-era-member-period\">gesamt<\/span><\/span>\r\n <\/div>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-era-book\">Buchen Sie \u00fcber MWR Life<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-era-footer\">\r\n <a href=\"#how-it-works\" class=\"mwr-era-cta\">Sehen Sie, wie MWR Life funktioniert<\/a>\r\n <p class=\"mwr-era-disclaimer\">\r\n Die hier gezeigten Mitgliederpreise dienen nur der Veranschaulichung. Tats\u00e4chliche Preise und Ersparnisse variieren je nach Reiseziel, Saison, Verf\u00fcgbarkeit und gew\u00e4hltem Datum. Echtzeitpreise sind auf der MWR Life Travel Advantage-Plattform verf\u00fcgbar.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-fd8d6aa elementor-widget elementor-widget-html\" data-id=\"fd8d6aa\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"overview\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Sehen Sie sich die Geschichte an<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n html { scroll-behavior: smooth; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 VIDEO SECTION (\"Watch the story\")\r\n Paste from <style> down to <\/script> into Elementor HTML widget.\r\n\r\n PLACEMENT: This section should go right after the Hero in your\r\n page. The Hero's \"Watch the story\" play button links to #story,\r\n and this section's id=\"story\" matches.\r\n\r\n IMPORTANT \u2014 TWO THINGS TO CUSTOMIZE:\r\n\r\n 1) VIDEO URL \u2014 Find the data-video attribute on .mwr-video-frame\r\n and replace with your embed URL. Examples:\r\n YouTube: https:\/\/www.youtube.com\/embed\/VIDEO_ID?autoplay=1&rel=0&modestbranding=1\r\n Vimeo: https:\/\/player.vimeo.com\/video\/VIDEO_ID?autoplay=1\r\n\r\n 2) POSTER IMAGE \u2014 Replace the CSS gradient in .mwr-video-poster\r\n background-image with url('YOUR-THUMBNAIL.jpg').\r\n Recommended size: 1920 \u00d7 1080px. For YouTube videos you can\r\n use https:\/\/img.youtube.com\/vi\/VIDEO_ID\/maxresdefault.jpg\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-vid, .mwr-vid *, .mwr-vid *::before, .mwr-vid *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-vid {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: #faf6ee;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Atmospheric background *\/\r\n.mwr-vid::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(45, 142, 154, 0.18) 0, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(245, 200, 66, 0.1) 0, transparent 50%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-vid::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(250, 246, 238, 0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(250, 246, 238, 0.025) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n}\r\n\r\n.mwr-vid-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n text-align: center;\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-vid-head {\r\n max-width: 760px;\r\n margin: 0 auto 3rem;\r\n}\r\n\r\n.mwr-vid-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #46a8b3;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-vid-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-vid-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-vid-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-vid-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.78);\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Video frame ---------- *\/\r\n.mwr-vid-frame {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n margin: 0 auto 3rem;\r\n box-shadow:\r\n 0 40px 80px -20px rgba(0, 0, 0, 0.6),\r\n 0 0 0 1px rgba(245, 200, 66, 0.18);\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n background: #1a3a64;\r\n}\r\n.mwr-vid-frame:hover {\r\n transform: scale(1.005);\r\n}\r\n\r\n\/* Poster \u2014 real thumbnail *\/\r\n.mwr-vid-poster {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n background-image:\r\n linear-gradient(135deg, rgba(10, 31, 61, 0.2) 0%, rgba(10, 31, 61, 0.35) 100%),\r\n url('https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/thumb-english.webp');\r\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-vid-frame:hover .mwr-vid-poster {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* Play button \u2014 yellow circle with navy triangle *\/\r\n.mwr-vid-play {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: clamp(72px, 9vw, 100px);\r\n height: clamp(72px, 9vw, 100px);\r\n border-radius: 50%;\r\n background: #f5c842;\r\n border: none;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n animation: mwrVidPulse 2.6s infinite;\r\n}\r\n.mwr-vid-play::before {\r\n content: \"\";\r\n width: 0;\r\n height: 0;\r\n border-left: clamp(20px, 2.4vw, 28px) solid #0a1f3d;\r\n border-top: clamp(12px, 1.5vw, 17px) solid transparent;\r\n border-bottom: clamp(12px, 1.5vw, 17px) solid transparent;\r\n margin-left: clamp(5px, 0.5vw, 7px);\r\n}\r\n.mwr-vid-frame:hover .mwr-vid-play {\r\n background: #fbd76a;\r\n transform: translate(-50%, -50%) scale(1.08);\r\n}\r\n\r\n@keyframes mwrVidPulse {\r\n 0%, 100% {\r\n box-shadow:\r\n 0 15px 40px rgba(245, 200, 66, 0.45),\r\n 0 0 0 0 rgba(245, 200, 66, 0.45);\r\n }\r\n 50% {\r\n box-shadow:\r\n 0 15px 40px rgba(245, 200, 66, 0.55),\r\n 0 0 0 22px rgba(245, 200, 66, 0);\r\n }\r\n}\r\n\r\n\/* Label on poster (optional, shown below play button) *\/\r\n.mwr-vid-label {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 1.5rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.55rem 1rem;\r\n background: rgba(10, 31, 61, 0.7);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #faf6ee;\r\n letter-spacing: 0.02em;\r\n z-index: 2;\r\n}\r\n.mwr-vid-label-dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n}\r\n\r\n\/* Iframe (injected after click) *\/\r\n.mwr-vid-frame iframe {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n}\r\n\r\n\/* ---------- CTAs ---------- *\/\r\n.mwr-vid-cta-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-top: 3rem;\r\n}\r\n\r\n.mwr-vid-btn-primary,\r\n.mwr-vid-btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1.05rem 2rem;\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.96rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mwr-vid-btn-primary {\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n box-shadow: 0 14px 32px -10px rgba(245, 200, 66, 0.55);\r\n}\r\n.mwr-vid-btn-primary::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-vid-btn-primary:hover {\r\n background: #fbd76a;\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 44px -10px rgba(245, 200, 66, 0.75);\r\n color: #0a1f3d;\r\n}\r\n.mwr-vid-btn-primary:hover::after { transform: translateX(4px); }\r\n\r\n.mwr-vid-btn-secondary {\r\n background: transparent;\r\n color: #faf6ee;\r\n border: 1.5px solid rgba(250, 246, 238, 0.3);\r\n}\r\n.mwr-vid-btn-secondary:hover {\r\n border-color: #46a8b3;\r\n color: #46a8b3;\r\n background: rgba(70, 168, 179, 0.05);\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .mwr-vid-head { margin-bottom: 2.5rem; }\r\n .mwr-vid-cta-row { flex-direction: column; gap: 0.8rem; }\r\n .mwr-vid-btn-primary,\r\n .mwr-vid-btn-secondary {\r\n width: 100%;\r\n max-width: 320px;\r\n justify-content: center;\r\n }\r\n .mwr-vid-label { font-size: 0.72rem; padding: 0.4rem 0.8rem; bottom: 1rem; left: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-vid\" id=\"overview\" aria-label=\"MWR-Lebens\u00fcbersicht\">\r\n <div class=\"mwr-vid-inner\">\r\n\r\n <header class=\"mwr-vid-head\">\r\n <span class=\"mwr-vid-kicker\">Was ist MWR Life<\/span>\r\n <h2 class=\"mwr-vid-title\">\r\n Entdecken Sie MWR Life <em>in nur wenigen Minuten<\/em>\r\n <\/h2>\r\n <svg class=\"mwr-vid-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-vid-intro\">\r\n Ein schneller \u00dcberblick \u00fcber alles, was MWR Life zu bieten hat \u2014 die Reiseplattform, exklusive Mitgliedervorteile, die verf\u00fcgbaren Boni und das, was unsere globale Community von allem anderen unterscheidet.\r\n <\/p>\r\n <\/header>\r\n\r\n <!-- Video frame \u2014 Vimeo embed -->\r\n <div class=\"mwr-vid-frame\"\r\n id=\"mwr-vid-frame\"\r\n data-video=\"https:\/\/player.vimeo.com\/video\/1193093663?h=a0b760caee&autoplay=1&badge=0&autopause=0\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Video abspielen\">\r\n\r\n <div class=\"mwr-vid-poster\"><\/div>\r\n\r\n <button class=\"mwr-vid-play\" type=\"button\" aria-label=\"Spielen\"><\/button>\r\n\r\n <div class=\"mwr-vid-label\">\r\n <span class=\"mwr-vid-label-dot\"><\/span>\r\n \u00dcbersicht \u00b7 LIVE\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-vid-cta-row\">\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-vid-btn-primary\">\r\n Mitglied Werden\r\n <\/a>\r\n <a href=\"https:\/\/travel-adv.com\/de\/geschaeftsmoeglichkeit\/\" class=\"mwr-vid-btn-secondary\">\r\n Entdecken Sie die M\u00f6glichkeiten\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n var frame = document.getElementById('mwr-vid-frame');\r\n if (!frame) return;\r\n\r\n function loadVideo() {\r\n if (frame.dataset.loaded === 'true') return;\r\n var url = frame.getAttribute('data-video');\r\n if (!url) return;\r\n var iframe = document.createElement('iframe');\r\n iframe.setAttribute('src', url);\r\n iframe.setAttribute('frameborder', '0');\r\n iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\r\n iframe.setAttribute('allowfullscreen', '');\r\n iframe.setAttribute('title', 'MWR Life story video');\r\n frame.innerHTML = '';\r\n frame.appendChild(iframe);\r\n frame.dataset.loaded = 'true';\r\n frame.style.cursor = 'default';\r\n }\r\n\r\n frame.addEventListener('click', loadVideo);\r\n frame.addEventListener('keydown', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n loadVideo();\r\n }\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\t\t<div class=\"elementor-element elementor-element-902887f elementor-widget elementor-widget-html\" data-id=\"902887f\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"how-it-works\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR-Leben \u2013 So funktioniert es<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 HOW IT WORKS (3 Steps) \u2014 clean v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n No images needed \u2014 pure text + decorative typography.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-how, .mwr-how *, .mwr-how *::before, .mwr-how *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-how {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-how-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header (shared pattern with Era) ---------- *\/\r\n.mwr-how-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 5rem;\r\n}\r\n\r\n.mwr-how-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-how-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-how-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-how-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-how-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Steps grid ---------- *\/\r\n.mwr-how-steps {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2.5rem;\r\n position: relative;\r\n}\r\n\r\n\/* Decorative dotted connector between steps *\/\r\n.mwr-how-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 2.3rem;\r\n left: 16.6%;\r\n right: 16.6%;\r\n height: 1px;\r\n background-image: linear-gradient(90deg, rgba(45, 142, 154, 0.35) 0%, rgba(45, 142, 154, 0.35) 50%, transparent 50%);\r\n background-size: 12px 1px;\r\n background-repeat: repeat-x;\r\n z-index: 0;\r\n}\r\n\r\n.mwr-how-step {\r\n position: relative;\r\n z-index: 1;\r\n text-align: left;\r\n}\r\n\r\n.mwr-how-num {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(3rem, 4.5vw, 4rem);\r\n color: #2d8e9a;\r\n line-height: 1;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n}\r\n.mwr-how-num::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n background: #f5c842;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n}\r\n\r\n.mwr-how-step-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.4rem, 1.9vw, 1.7rem);\r\n font-weight: 500;\r\n letter-spacing: -0.015em;\r\n line-height: 1.25;\r\n color: #1a3a64;\r\n margin: 0 0 0.9rem;\r\n}\r\n\r\n.mwr-how-step-text {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.98rem;\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n margin: 0;\r\n}\r\n\r\n\/* AI badge for step 2 *\/\r\n.mwr-how-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.45rem;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n padding: 0.4rem 0.75rem;\r\n border: 1px solid rgba(45, 142, 154, 0.3);\r\n border-radius: 999px;\r\n margin-top: 1.1rem;\r\n background: rgba(45, 142, 154, 0.06);\r\n}\r\n.mwr-how-badge::before {\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #2d8e9a;\r\n box-shadow: 0 0 8px rgba(45, 142, 154, 0.7);\r\n animation: mwrHowPulse 2.4s ease-in-out infinite;\r\n}\r\n@keyframes mwrHowPulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.8); }\r\n}\r\n\r\n\/* Footer *\/\r\n.mwr-how-footer {\r\n margin-top: 5rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.8rem;\r\n padding-top: 2.5rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.1);\r\n}\r\n\r\n.mwr-how-footer-text {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1.1rem, 1.6vw, 1.35rem);\r\n color: #1a3a64;\r\n max-width: 42ch;\r\n line-height: 1.4;\r\n margin: 0;\r\n}\r\n\r\n.mwr-how-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1rem 1.8rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 12px 30px -10px rgba(45, 142, 154, 0.55);\r\n}\r\n.mwr-how-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-how-btn:hover {\r\n background: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 40px -12px rgba(45, 142, 154, 0.75);\r\n color: #ffffff;\r\n}\r\n.mwr-how-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* Tablet & Mobile *\/\r\n@media (max-width: 900px) {\r\n .mwr-how-steps { grid-template-columns: 1fr; gap: 3rem; }\r\n .mwr-how-steps::before { display: none; }\r\n .mwr-how-num { font-size: 3rem; margin-bottom: 1rem; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-how-head { margin-bottom: 3.5rem; }\r\n .mwr-how-footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin-top: 3.5rem;\r\n }\r\n .mwr-how-btn { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-how\" aria-label=\"Wie MWR Life funktioniert\">\r\n <div class=\"mwr-how-inner\">\r\n\r\n <header class=\"mwr-how-head\">\r\n <span class=\"mwr-how-kicker\">So funktioniert es<\/span>\r\n <h2 class=\"mwr-how-title\">\r\n Drei Schritte zwischen Ihnen und Ihrem n\u00e4chsten gro\u00dfen Abenteuer\r\n <\/h2>\r\n <svg class=\"mwr-how-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-how-intro\">\r\n MWR Life ersetzt das Chaos aus unz\u00e4hligen Vergleichs-Tabs, versteckten Geb\u00fchren und Entt\u00e4uschungen in letzter Minute. Aktivieren Sie Ihre Mitgliedschaft, teilen Sie unserer KI Ihre Traumreise mit und buchen Sie zu Preisen, die der \u00d6ffentlichkeit verborgen bleiben.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-how-steps\">\r\n\r\n <div class=\"mwr-how-step\">\r\n <div class=\"mwr-how-num\"><span>01<\/span><\/div>\r\n <h3 class=\"mwr-how-step-title\">W\u00e4hlen Sie Ihre Mitgliedschaft<\/h3>\r\n <p class=\"mwr-how-step-text\">\r\n W\u00e4hlen Sie den Tarif, der am besten zu Ihren Reisegewohnheiten passt \u2013 Gast, VIP oder Elite. Aktivierung in wenigen Minuten, keine Vertragslaufzeit, jederzeit k\u00fcndbar. Je h\u00f6her Ihr Tarif, desto umfangreicher die Vorteile.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-how-step\">\r\n <div class=\"mwr-how-num\"><span>02<\/span><\/div>\r\n <h3 class=\"mwr-how-step-title\">\u00dcberlassen Sie die Jagd unserer KI.<\/h3>\r\n <p class=\"mwr-how-step-text\">\r\n Teilen Sie der MWR Life Plattform mit, wohin Sie reisen m\u00f6chten und was Sie lieben. Unsere KI durchsucht Hotels, Fl\u00fcge, Resorts und Erlebnisse in Echtzeit und findet sofort die besten exklusiven Mitgliedspreise.\r\n <\/p>\r\n <span class=\"mwr-how-badge\">KI-gest\u00fctzt<\/span>\r\n <\/div>\r\n\r\n <div class=\"mwr-how-step\">\r\n <div class=\"mwr-how-num\"><span>03<\/span><\/div>\r\n <h3 class=\"mwr-how-step-title\">Buchen, speichern, wiederholen<\/h3>\r\n <p class=\"mwr-how-step-text\">\r\n Sichern Sie sich exklusive Preise, die bis zu 501 TP3T unter den regul\u00e4ren Preisen liegen. Sammeln Sie bei jeder Buchung Treuepunkte \u2013 l\u00f6sen Sie diese bei Ihrer n\u00e4chsten Reise ein und machen Sie aus einem Urlaub viele weitere.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-how-footer\">\r\n <p class=\"mwr-how-footer-text\">\r\n Mehr reisen, weniger bezahlen und immer wieder genie\u00dfen \u2014 das ist das Leben mit MWR Life.\r\n <\/p>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-how-btn\">\r\n W\u00e4hlen Sie Ihren Tarif\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-c410c0d elementor-widget elementor-widget-html\" data-id=\"c410c0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Reisekategorien<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 TRAVEL CATEGORIES (Booking Platform Grid)\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Replace each card image URL (10 spots) \u2014 recommended 600 \u00d7 600px (square).\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-cats, .mwr-cats *, .mwr-cats *::before, .mwr-cats *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-cats {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-cats-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header (shared pattern) ---------- *\/\r\n.mwr-cats-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-cats-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-cats-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-cats-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-cats-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-cats-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Categories grid (5x2 desktop) ---------- *\/\r\n.mwr-cats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 0.9rem;\r\n}\r\n\r\n.mwr-cats-card {\r\n position: relative;\r\n aspect-ratio: 1 \/ 1;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n display: block;\r\n}\r\n\r\n.mwr-cats-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 32px -12px rgba(26, 58, 100, 0.35);\r\n}\r\n\r\n\/* Placeholder gradients \u2014 REPLACE each background-image with url('your-image.jpg') *\/\r\n.mwr-cats-card.cat-hotels { background-image: linear-gradient(135deg, #1a3a64, #2d8e9a); }\r\n.mwr-cats-card.cat-flights { background-image: linear-gradient(155deg, #46a8b3, #d8edf0); }\r\n.mwr-cats-card.cat-resorts { background-image: linear-gradient(135deg, #2d8e9a, #f5c842); }\r\n.mwr-cats-card.cat-land { background-image: linear-gradient(135deg, #1a3a64, #c8a35a); }\r\n.mwr-cats-card.cat-rentals { background-image: linear-gradient(135deg, #2d8e9a, #b8dbe0); }\r\n.mwr-cats-card.cat-cars { background-image: linear-gradient(135deg, #0a1f3d, #1a3a64); }\r\n.mwr-cats-card.cat-cruises { background-image: linear-gradient(135deg, #46a8b3, #1a3a64); }\r\n.mwr-cats-card.cat-excursions { background-image: linear-gradient(155deg, #2d8e9a, #1a3a64); }\r\n.mwr-cats-card.cat-activities { background-image: linear-gradient(135deg, #f5c842, #2d8e9a); }\r\n.mwr-cats-card.cat-transfers { background-image: linear-gradient(135deg, #1a3a64, #6b7280); }\r\n\r\n\/* Dark gradient overlay at bottom for label legibility *\/\r\n.mwr-cats-card::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 45%, rgba(10, 31, 61, 0.55) 75%, rgba(10, 31, 61, 0.92) 100%);\r\n z-index: 1;\r\n transition: opacity 0.3s ease;\r\n}\r\n.mwr-cats-card:hover::after { opacity: 0.7; }\r\n\r\n\/* Placeholder size label (top-left corner) *\/\r\n.mwr-cats-card-note {\r\n position: absolute;\r\n top: 0.5rem;\r\n left: 0.5rem;\r\n font-family: monospace;\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.55);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n padding: 0.2rem 0.5rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.35);\r\n border-radius: 3px;\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Real image \u2014 covers placeholder gradient when src is filled *\/\r\n.mwr-cats-card-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 0;\r\n display: block;\r\n}\r\n.mwr-cats-card-img[src=\"\"],\r\n.mwr-cats-card-img:not([src]) {\r\n display: none;\r\n}\r\n\/* When real img is present, hide placeholder gradient and note *\/\r\n.mwr-cats-card:has(.mwr-cats-card-img[src]:not([src=\"\"])) {\r\n background-image: none !important;\r\n}\r\n.mwr-cats-card:has(.mwr-cats-card-img[src]:not([src=\"\"])) .mwr-cats-card-note {\r\n display: none;\r\n}\r\n\r\n.mwr-cats-card-label {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0.9rem;\r\n z-index: 2;\r\n text-align: center;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n padding: 0 0.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n\/* Tablet: 3 cols *\/\r\n@media (max-width: 1024px) {\r\n .mwr-cats-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.8rem;\r\n }\r\n \/* Last card on its own row, centered *\/\r\n .mwr-cats-card:nth-last-child(-n+1) {\r\n grid-column: 2;\r\n }\r\n}\r\n\r\n\/* Mobile: 2 cols *\/\r\n@media (max-width: 640px) {\r\n .mwr-cats-head { margin-bottom: 3rem; }\r\n .mwr-cats-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .mwr-cats-card:nth-last-child(-n+1) {\r\n grid-column: auto;\r\n }\r\n .mwr-cats-card-label {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.14em;\r\n bottom: 0.7rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-cats\" aria-label=\"MWR Life Reisekategorien\">\r\n <div class=\"mwr-cats-inner\">\r\n\r\n <header class=\"mwr-cats-head\">\r\n <span class=\"mwr-cats-kicker\">Ihre exklusive Buchungsplattform<\/span>\r\n <h2 class=\"mwr-cats-title\">\r\n Eine MWR Life Mitgliedschaft f\u00fcr jede Art zu reisen\r\n <\/h2>\r\n <svg class=\"mwr-cats-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-cats-intro\">\r\n Von Wasserbungalows \u00fcber Nachtz\u00fcge bis hin zu Wochenendunterk\u00fcnften und Weltkreuzfahrten \u2014 MWR Life bietet exklusive Mitgliedspreise f\u00fcr jede Art des Reisens, alles auf einer einzigen Plattform.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-cats-grid\">\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-hotels\" aria-label=\"Hotels \u00fcber MWR Life buchen\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/hotels.webp\" alt=\"Hotels\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Hotels<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-flights\" aria-label=\"Fl\u00fcge \u00fcber MWR Life buchen\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Flights.webp\" alt=\"Fl\u00fcge\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Fl\u00fcge<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-resorts\" aria-label=\"Buchen Sie Resorts \u00fcber MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/resorts.webp\" alt=\"Resorts\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Resorts<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-land\" aria-label=\"Buchen Sie den Landtransport \u00fcber MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/trains.webp\" alt=\"Landverkehr\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Landverkehr<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-rentals\" aria-label=\"Buchen Sie Ferienwohnungen \u00fcber MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Vacation-Rentals.webp\" alt=\"Ferienwohnungen\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Ferienwohnungen<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-cars\" aria-label=\"Buchen Sie Mietwagen \u00fcber MWR Life\">\r\n <span class=\"mwr-cats-card-note\">600 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE CAR RENTALS IMAGE URL between the quotes -->\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/car-rentals.webp\" alt=\"Autovermietung\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Autovermietung<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-cruises\" aria-label=\"Buchen Sie Kreuzfahrten \u00fcber MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Cruises.webp\" alt=\"Kreuzfahrten\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Kreuzfahrten<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-excursions\" aria-label=\"Buchen Sie Ausfl\u00fcge \u00fcber MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Excursions.webp\" alt=\"Ausfl\u00fcge\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Ausfl\u00fcge<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-activities\" aria-label=\"Buchen Sie Aktivit\u00e4ten \u00fcber MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Activities.webp\" alt=\"Aktivit\u00e4ten\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Aktivit\u00e4ten<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-transfers\" aria-label=\"Buchtransfers \u00fcber MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Land-Transport.webp\" alt=\"Transfers\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Transfers<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-c029ec6 elementor-widget elementor-widget-html\" data-id=\"c029ec6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR-Leben \u2013 Lebenserfahrungen<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 LIFE EXPERIENCES (Asymmetric Photo Gallery) \u2014 v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Replace each photo: 1 large (800\u00d7900) + 9 small (400\u00d7400 each).\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-exp, .mwr-exp *, .mwr-exp *::before, .mwr-exp *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-exp {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-exp-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-exp-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-exp-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-exp-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-exp-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-exp-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-exp-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Asymmetric gallery grid ---------- *\/\r\n.mwr-exp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n grid-template-rows: repeat(3, 1fr);\r\n gap: 0.85rem;\r\n aspect-ratio: 5 \/ 3;\r\n}\r\n\r\n.mwr-exp-tile {\r\n position: relative;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n display: block;\r\n}\r\n\r\n.mwr-exp-tile:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 16px 32px -14px rgba(26, 58, 100, 0.3);\r\n}\r\n\r\n\/* Featured big tile spans 2 cols \u00d7 3 rows *\/\r\n.mwr-exp-tile.featured {\r\n grid-column: span 2;\r\n grid-row: span 3;\r\n}\r\n\r\n\/* Placeholder gradients \u2014 REPLACE background-image with url('your-image.jpg') *\/\r\n.mwr-exp-tile.exp-cycling { background-image: linear-gradient(135deg, #1a3a64, #2d8e9a, #f5c842); }\r\n.mwr-exp-tile.exp-sailing { background-image: linear-gradient(155deg, #46a8b3, #d8edf0); }\r\n.mwr-exp-tile.exp-hiking { background-image: linear-gradient(135deg, #2d8e9a, #b8dbe0); }\r\n.mwr-exp-tile.exp-kayak { background-image: linear-gradient(155deg, #46a8b3, #2d8e9a); }\r\n.mwr-exp-tile.exp-atv { background-image: linear-gradient(135deg, #1a3a64, #c8a35a); }\r\n.mwr-exp-tile.exp-horseback { background-image: linear-gradient(135deg, #6b7280, #2d8e9a); }\r\n.mwr-exp-tile.exp-wellness { background-image: linear-gradient(135deg, #f5c842, #46a8b3); }\r\n.mwr-exp-tile.exp-golf { background-image: linear-gradient(155deg, #2d8e9a, #d8edf0); }\r\n.mwr-exp-tile.exp-skydiving { background-image: linear-gradient(135deg, #1a3a64, #46a8b3); }\r\n.mwr-exp-tile.exp-snorkeling { background-image: linear-gradient(135deg, #2d8e9a, #46a8b3, #b8dbe0); }\r\n\r\n\/* Subtle gradient overlay (very light, just for depth) *\/\r\n.mwr-exp-tile::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 60%, rgba(10, 31, 61, 0.25) 100%);\r\n z-index: 1;\r\n transition: opacity 0.3s ease;\r\n pointer-events: none;\r\n}\r\n.mwr-exp-tile:hover::after { opacity: 0.5; }\r\n\r\n\/* Placeholder size label *\/\r\n.mwr-exp-tile-note {\r\n position: absolute;\r\n top: 0.5rem;\r\n left: 0.5rem;\r\n font-family: monospace;\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n padding: 0.2rem 0.5rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.35);\r\n border-radius: 3px;\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Real image \u2014 covers placeholder gradient when present *\/\r\n\/* !important defends against Elementor\/theme global img rules *\/\r\n.mwr-exp-tile-img {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: 100% !important;\r\n max-height: 100% !important;\r\n min-height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n z-index: 0;\r\n display: block !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n.mwr-exp-tile-img[src=\"\"],\r\n.mwr-exp-tile-img:not([src]) {\r\n display: none !important;\r\n}\r\n\r\n\/* Force picture element to fill the tile too *\/\r\n.mwr-exp-tile picture {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n z-index: 0;\r\n}\r\n\r\n.mwr-exp-tile:has(.mwr-exp-tile-img[src]:not([src=\"\"])) {\r\n background-image: none !important;\r\n}\r\n.mwr-exp-tile:has(.mwr-exp-tile-img[src]:not([src=\"\"])) .mwr-exp-tile-note {\r\n display: none;\r\n}\r\n\r\n\/* ---------- Footer with outline button ---------- *\/\r\n.mwr-exp-footer {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 3rem;\r\n}\r\n\r\n.mwr-exp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 0.95rem 1.8rem;\r\n border-radius: 999px;\r\n border: 1.5px solid #2d8e9a;\r\n background: transparent;\r\n color: #2d8e9a;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-exp-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-exp-btn:hover {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 28px -10px rgba(45, 142, 154, 0.55);\r\n}\r\n.mwr-exp-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n .mwr-exp-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-template-rows: auto;\r\n aspect-ratio: auto;\r\n gap: 0.8rem;\r\n }\r\n .mwr-exp-tile.featured {\r\n grid-column: span 3;\r\n grid-row: span 1;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n .mwr-exp-tile:not(.featured) {\r\n aspect-ratio: 1 \/ 1;\r\n }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n .mwr-exp-head { margin-bottom: 3rem; }\r\n .mwr-exp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .mwr-exp-tile.featured {\r\n grid-column: span 2;\r\n aspect-ratio: 4 \/ 3;\r\n }\r\n \/* Hide last small tile on mobile so 8 fit cleanly in 4 rows of 2 *\/\r\n .mwr-exp-tile.exp-snorkeling {\r\n display: none;\r\n }\r\n .mwr-exp-footer { margin-top: 2.2rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-exp\" aria-label=\"MWR-Lebenserfahrungen\">\r\n <div class=\"mwr-exp-inner\">\r\n\r\n <header class=\"mwr-exp-head\">\r\n <span class=\"mwr-exp-kicker\">Lebe den Lebensstil, von dem du getr\u00e4umt hast.<\/span>\r\n <h2 class=\"mwr-exp-title\">\r\n Eine v\u00f6llig neue Welt voller MWR Life Erlebnisse\r\n <\/h2>\r\n <svg class=\"mwr-exp-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-exp-intro\">\r\n Travel Advantage er\u00f6ffnet eine Welt voller Abenteuer mit unz\u00e4hligen Unterk\u00fcnften, Resorts und einmaligen Erlebnissen \u2014 damit MWR Life Mitglieder so leben k\u00f6nnen, wie sie es sich immer vorgestellt haben.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-exp-grid\">\r\n\r\n <!-- Featured large tile \u2014 uses <picture> for desktop\/mobile variants -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile featured exp-cycling\" aria-label=\"Radabenteuer mit MWR Life\">\r\n <picture>\r\n <source media=\"(max-width: 900px)\" srcset=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/cycling-mobile.webp\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/cycling-desktop.webp\" alt=\"Radfahren\" class=\"mwr-exp-tile-img\">\r\n <\/picture>\r\n <\/a>\r\n\r\n <!-- Row 1 -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-sailing\" aria-label=\"Segelerlebnisse mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Sailing.webp\" alt=\"Segeln\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-hiking\" aria-label=\"Bergwandern mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Hiking.webp\" alt=\"Wandern\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-kayak\" aria-label=\"Kajakfahren mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Kayaking.webp\" alt=\"Kajakfahren\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n\r\n <!-- Row 2 -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-atv\" aria-label=\"Offroad-Abenteuer mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/ATV.webp\" alt=\"ATV\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-horseback\" aria-label=\"Reiten mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Horseback-riding.webp\" alt=\"Reiten\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-wellness\" aria-label=\"Wellness-Retreats mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Wellness.webp\" alt=\"Wellness\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n\r\n <!-- Row 3 -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-golf\" aria-label=\"Golferlebnisse mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/golf.webp\" alt=\"Golf\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-skydiving\" aria-label=\"Fallschirmspringen mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Skydiving.webp\" alt=\"Fallschirmspringen\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-snorkeling\" aria-label=\"Schnorchelerlebnisse mit MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Snorkeling.webp\" alt=\"Schnorcheln\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-exp-footer\">\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-btn\">\r\n Lebenserfahrungen erkunden\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-356e63a elementor-widget elementor-widget-html\" data-id=\"356e63a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"pricing\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Mitgliedschaftspl\u00e4ne<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 MEMBERSHIP PLANS (Guest \/ VIP \/ Elite) \u2014 v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n CARD IMAGES \u2014 recommended 240 \u00d7 150px (credit card proportion)\r\n To replace a placeholder with the real image, change the parent\r\n <div class=\"mwr-plan-card-image ...\"> by replacing the inner\r\n <span class=\"mwr-plan-card-image-label\">...<\/span> with:\r\n\r\n <img decoding=\"async\" src=\"YOUR-IMAGE-URL\"\r\n alt=\"MWR Life [Tier] Membership Card\"\r\n style=\"width:100%;height:100%;object-fit:contain;\">\r\n\r\n Or even simpler: set background-image: url('...') inline on the\r\n div and remove the placeholder gradient class.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-plans, .mwr-plans *, .mwr-plans *::before, .mwr-plans *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-plans {\r\n position: relative;\r\n background: linear-gradient(180deg, #ffffff 0%, #fafaf6 100%);\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-plans-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-plans-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-plans-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-plans-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-plans-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-plans-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-plans-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Plans grid ---------- *\/\r\n.mwr-plans-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n align-items: stretch;\r\n padding-top: 1.5rem;\r\n}\r\n\r\n.mwr-plan {\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 18px;\r\n padding: 2.5rem 2rem 2.2rem;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mwr-plan:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 24px 50px -20px rgba(26, 58, 100, 0.18);\r\n border-color: rgba(26, 58, 100, 0.18);\r\n}\r\n\r\n\/* Featured (VIP) plan *\/\r\n.mwr-plan.featured {\r\n border: 2px solid #2d8e9a;\r\n transform: scale(1.04);\r\n box-shadow: 0 18px 40px -16px rgba(45, 142, 154, 0.25);\r\n z-index: 2;\r\n}\r\n.mwr-plan.featured:hover {\r\n transform: scale(1.04) translateY(-4px);\r\n box-shadow: 0 28px 55px -20px rgba(45, 142, 154, 0.35);\r\n}\r\n\r\n\/* Most popular badge *\/\r\n.mwr-plan-badge {\r\n position: absolute;\r\n top: -14px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #f5c842;\r\n color: #1a3a64;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 999px;\r\n white-space: nowrap;\r\n box-shadow: 0 8px 22px -8px rgba(245, 200, 66, 0.7);\r\n z-index: 3;\r\n}\r\n\r\n\/* ---------- Card image placeholder (top of plan) ---------- *\/\r\n.mwr-plan-card-image {\r\n position: relative;\r\n width: 100%;\r\n max-width: 240px;\r\n aspect-ratio: 300 \/ 213;\r\n margin: 0.6rem auto 1.8rem;\r\n border-radius: 12px;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n box-shadow:\r\n 0 10px 24px -8px rgba(26, 58, 100, 0.3),\r\n 0 2px 4px rgba(26, 58, 100, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-plan:hover .mwr-plan-card-image {\r\n transform: translateY(-3px) rotate(-1.5deg);\r\n}\r\n\r\n\/* Placeholder gradients per tier (REPLACE with real card image) *\/\r\n.mwr-plan.tier-guest .mwr-plan-card-image { background-image: linear-gradient(135deg, #46a8b3, #2d8e9a 55%, #1a3a64); }\r\n.mwr-plan.tier-vip .mwr-plan-card-image { background-image: linear-gradient(135deg, #2d8e9a, #1a3a64 55%, #0a1f3d); }\r\n.mwr-plan.tier-elite .mwr-plan-card-image { background-image: linear-gradient(135deg, #1a3a64, #6b4e8a 50%, #c8553d); }\r\n\r\n\/* Decorative shimmer for placeholder visual interest *\/\r\n.mwr-plan-card-image::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 25% 25%, rgba(255,255,255,0.18) 0, transparent 45%),\r\n radial-gradient(circle at 75% 75%, rgba(255,255,255,0.12) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-plan-card-image-label {\r\n position: relative;\r\n z-index: 1;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.85);\r\n text-align: center;\r\n padding: 0.45rem 0.8rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.4);\r\n border-radius: 4px;\r\n line-height: 1.4;\r\n background: rgba(0, 0, 0, 0.12);\r\n backdrop-filter: blur(2px);\r\n}\r\n\r\n\/* Real card image \u2014 covers placeholder gradient when added *\/\r\n.mwr-plan-card-image-img {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\/* When real img is present, hide the placeholder gradient AND remove container styling *\/\r\n.mwr-plan-card-image:has(.mwr-plan-card-image-img) {\r\n background-image: none !important;\r\n background-color: transparent;\r\n box-shadow: none;\r\n border-radius: 0;\r\n overflow: visible;\r\n}\r\n.mwr-plan-card-image:has(.mwr-plan-card-image-img)::before {\r\n display: none;\r\n}\r\n\r\n\/* ---------- Plan content ---------- *\/\r\n.mwr-plan-tier {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n margin: 0 0 0.4rem;\r\n text-align: center;\r\n}\r\n.mwr-plan.tier-elite .mwr-plan-tier { color: #1a3a64; }\r\n\r\n.mwr-plan-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.7rem;\r\n font-weight: 500;\r\n letter-spacing: -0.015em;\r\n color: #1a3a64;\r\n margin: 0 0 0.4rem;\r\n line-height: 1.1;\r\n text-align: center;\r\n}\r\n\r\n.mwr-plan-tagline {\r\n font-size: 0.9rem;\r\n color: #6b7280;\r\n margin: 0 0 1.6rem;\r\n text-align: center;\r\n}\r\n\r\n\/* Price block *\/\r\n.mwr-plan-price-block {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: center;\r\n gap: 0.25rem;\r\n margin-bottom: 0.4rem;\r\n}\r\n.mwr-plan-price-amount {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.6rem, 3.4vw, 3.2rem);\r\n font-weight: 500;\r\n color: #1a3a64;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n}\r\n.mwr-plan-price-period {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n color: #6b7280;\r\n}\r\n.mwr-plan-activation {\r\n font-size: 0.82rem;\r\n color: #9ca3af;\r\n margin: 0 0 1.8rem;\r\n padding-bottom: 1.8rem;\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.08);\r\n text-align: center;\r\n}\r\n\r\n\/* Features list *\/\r\n.mwr-plan-features {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 1.8rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.85rem;\r\n flex-grow: 1;\r\n}\r\n.mwr-plan-features li {\r\n display: flex;\r\n gap: 0.7rem;\r\n align-items: flex-start;\r\n font-size: 0.93rem;\r\n line-height: 1.5;\r\n color: #1a1f2b;\r\n}\r\n.mwr-plan-features li::before {\r\n content: \"\";\r\n flex-shrink: 0;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n background: #2d8e9a;\r\n background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 12'><path d='M2.5 6.2L4.8 8.5L9.5 3.8' stroke='white' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>\");\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n margin-top: 0.15rem;\r\n}\r\n\r\n\/* Guest passes block *\/\r\n.mwr-plan-passes {\r\n background: rgba(45, 142, 154, 0.06);\r\n border-radius: 10px;\r\n padding: 0.85rem 1rem;\r\n margin-bottom: 1.6rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n}\r\n.mwr-plan-passes-icon {\r\n flex-shrink: 0;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 8px;\r\n background: #f5c842;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #1a3a64;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n font-style: italic;\r\n}\r\n.mwr-plan-passes-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n line-height: 1.2;\r\n}\r\n.mwr-plan-passes-label {\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n}\r\n.mwr-plan-passes-value {\r\n font-size: 0.88rem;\r\n font-weight: 600;\r\n color: #1a3a64;\r\n}\r\n\r\n\/* CTA button *\/\r\n.mwr-plan-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n width: 100%;\r\n padding: 1rem 1.4rem;\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n margin-top: auto;\r\n}\r\n.mwr-plan-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-plan-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* Guest: outline teal *\/\r\n.mwr-plan.tier-guest .mwr-plan-btn {\r\n background: transparent;\r\n color: #2d8e9a;\r\n border: 1.5px solid #2d8e9a;\r\n}\r\n.mwr-plan.tier-guest .mwr-plan-btn:hover {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* VIP: filled teal (primary) *\/\r\n.mwr-plan.tier-vip .mwr-plan-btn {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n border: 1.5px solid #2d8e9a;\r\n box-shadow: 0 12px 28px -10px rgba(45, 142, 154, 0.5);\r\n}\r\n.mwr-plan.tier-vip .mwr-plan-btn:hover {\r\n background: #1f7a85;\r\n border-color: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 38px -12px rgba(45, 142, 154, 0.7);\r\n}\r\n\r\n\/* Elite: filled navy *\/\r\n.mwr-plan.tier-elite .mwr-plan-btn {\r\n background: #1a3a64;\r\n color: #ffffff;\r\n border: 1.5px solid #1a3a64;\r\n box-shadow: 0 12px 28px -10px rgba(26, 58, 100, 0.4);\r\n}\r\n.mwr-plan.tier-elite .mwr-plan-btn:hover {\r\n background: #0a1f3d;\r\n border-color: #0a1f3d;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 38px -12px rgba(26, 58, 100, 0.6);\r\n}\r\n\r\n\/* Footer note *\/\r\n.mwr-plans-footer {\r\n text-align: center;\r\n margin-top: 3rem;\r\n font-size: 0.85rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n}\r\n.mwr-plans-footer strong {\r\n color: #1a3a64;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n .mwr-plans-grid { grid-template-columns: 1fr; gap: 1.4rem; max-width: 480px; margin: 0 auto; }\r\n .mwr-plan.featured { transform: none; }\r\n .mwr-plan.featured:hover { transform: translateY(-4px); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-plans-head { margin-bottom: 3rem; }\r\n .mwr-plan { padding: 2rem 1.6rem 1.8rem; }\r\n .mwr-plan-name { font-size: 1.5rem; }\r\n .mwr-plan-card-image { max-width: 200px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-plans\" aria-label=\"MWR-Lebenszeitmitgliedschaftspl\u00e4ne\">\r\n <div class=\"mwr-plans-inner\">\r\n\r\n <header class=\"mwr-plans-head\">\r\n <span class=\"mwr-plans-kicker\">Beginnen Sie mit dem Speichern, sobald Sie aktivieren<\/span>\r\n <h2 class=\"mwr-plans-title\">\r\n W\u00e4hlen Sie Ihre MWR Life Mitgliedschaft\r\n <\/h2>\r\n <svg class=\"mwr-plans-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-plans-intro\">\r\n Drei Stufen, eine Plattform. W\u00e4hlen Sie den Tarif, der zu Ihrer Reiseh\u00e4ufigkeit passt \u2014 und sichern Sie sich exklusive Preise, sobald Ihre Mitgliedschaft aktiviert ist.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-plans-grid\">\r\n\r\n <!-- Guest plan -->\r\n <article class=\"mwr-plan tier-guest\">\r\n <div class=\"mwr-plan-card-image\" role=\"img\" aria-label=\"MWR Life Guest-Mitgliedskarte\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/guest-card.webp\"\r\n alt=\"MWR-Mitgliedskarte f\u00fcr lebenslange Gastmitgliedschaft\"\r\n class=\"mwr-plan-card-image-img\">\r\n <\/div>\r\n\r\n <h3 class=\"mwr-plan-tier\">Gast<\/h3>\r\n <p class=\"mwr-plan-name\">Kostenloser Starter<\/p>\r\n <p class=\"mwr-plan-tagline\">Entdecken Sie MWR Life kostenlos<\/p>\r\n\r\n <div class=\"mwr-plan-price-block\">\r\n <span class=\"mwr-plan-price-amount\">Frei<\/span>\r\n <span class=\"mwr-plan-price-period\">f\u00fcr immer<\/span>\r\n <\/div>\r\n <p class=\"mwr-plan-activation\">$0-Aktivierung<\/p>\r\n\r\n <ul class=\"mwr-plan-features\">\r\n <li>Zugang zu Hotels<\/li>\r\n <li>Kundensupport rund um die Uhr<\/li>\r\n <li>Sammeln Sie Reisegutschriften bei Buchungen<\/li>\r\n <li>Gastmitglieder einladen<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-plan-passes\">\r\n <div class=\"mwr-plan-passes-icon\">G<\/div>\r\n <div class=\"mwr-plan-passes-text\">\r\n <span class=\"mwr-plan-passes-label\">G\u00e4step\u00e4sse<\/span>\r\n <span class=\"mwr-plan-passes-value\">10 heute<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/free.traveladvantage.com\/registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-plan-btn\">\r\n Kostenlos starten\r\n <\/a>\r\n <\/article>\r\n\r\n <!-- VIP plan (featured) -->\r\n <article class=\"mwr-plan tier-vip featured\">\r\n <span class=\"mwr-plan-badge\">Am beliebtesten<\/span>\r\n\r\n <div class=\"mwr-plan-card-image\" role=\"img\" aria-label=\"MWR Life VIP-Mitgliedskarte\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/vip-card.webp\"\r\n alt=\"MWR Life VIP-Mitgliedskarte\"\r\n class=\"mwr-plan-card-image-img\">\r\n <\/div>\r\n\r\n <h3 class=\"mwr-plan-tier\">VIP<\/h3>\r\n <p class=\"mwr-plan-name\">Smart Saver<\/p>\r\n <p class=\"mwr-plan-tagline\">Die ideale MWR Life Option f\u00fcr regelm\u00e4\u00dfige Reisende<\/p>\r\n\r\n <div class=\"mwr-plan-price-block\">\r\n <span class=\"mwr-plan-price-amount\">$19.97<\/span>\r\n <span class=\"mwr-plan-price-period\">\/Monat<\/span>\r\n <\/div>\r\n <p class=\"mwr-plan-activation\">+ $20 einmalige Aktivierung<\/p>\r\n\r\n <ul class=\"mwr-plan-features\">\r\n <li>Alles aus dem G\u00e4stepaket, plus:<\/li>\r\n <li>Voller Zugriff auf die Travel Advantage-Plattform<\/li>\r\n <li>Starke Rabatte auf Hotels und Fl\u00fcge<\/li>\r\n <li>150% Bestpreisgarantie<\/li>\r\n <li>1 zus\u00e4tzlicher Reisender auf Ihrem Konto<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-plan-passes\">\r\n <div class=\"mwr-plan-passes-icon\">V<\/div>\r\n <div class=\"mwr-plan-passes-text\">\r\n <span class=\"mwr-plan-passes-label\">G\u00e4step\u00e4sse<\/span>\r\n <span class=\"mwr-plan-passes-value\">15 heute + 3 monatlich<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/join.traveladvantage.com\/ambassador\/checkout\/vip-M?website=registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-plan-btn\">\r\n W\u00e4hlen Sie VIP\r\n <\/a>\r\n <\/article>\r\n\r\n <!-- Elite plan -->\r\n <article class=\"mwr-plan tier-elite\">\r\n <div class=\"mwr-plan-card-image\" role=\"img\" aria-label=\"MWR Life Elite-Mitgliedskarte\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/elite-card.webp\"\r\n alt=\"MWR Life Elite-Mitgliedskarte\"\r\n class=\"mwr-plan-card-image-img\">\r\n <\/div>\r\n\r\n <h3 class=\"mwr-plan-tier\">Elite<\/h3>\r\n <p class=\"mwr-plan-name\">Premium-Lifestyle<\/p>\r\n <p class=\"mwr-plan-tagline\">Maximale Vorteile f\u00fcr anspruchsvolle Reisende<\/p>\r\n\r\n <div class=\"mwr-plan-price-block\">\r\n <span class=\"mwr-plan-price-amount\">$119.97<\/span>\r\n <span class=\"mwr-plan-price-period\">\/Monat<\/span>\r\n <\/div>\r\n <p class=\"mwr-plan-activation\">+ $120 einmalige Aktivierung<\/p>\r\n\r\n <ul class=\"mwr-plan-features\">\r\n <li>Alles aus dem VIP-Paket, plus:<\/li>\r\n <li>Exklusive Angebote nur f\u00fcr Elitekunden<\/li>\r\n <li>4 weitere Reisende auf Ihrem Konto<\/li>\r\n <li>120 Treuepunkte pro Monat<\/li>\r\n <li>Vorrangiger Zugang zum Club<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-plan-passes\">\r\n <div class=\"mwr-plan-passes-icon\">E<\/div>\r\n <div class=\"mwr-plan-passes-text\">\r\n <span class=\"mwr-plan-passes-label\">G\u00e4step\u00e4sse<\/span>\r\n <span class=\"mwr-plan-passes-value\">50 heute + 20 monatlich<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/join.traveladvantage.com\/ambassador\/checkout\/elite-M?website=registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-plan-btn\">\r\n Go Elite\r\n <\/a>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <p class=\"mwr-plans-footer\">\r\n <strong>Keine Vertr\u00e4ge.<\/strong> Jederzeit k\u00fcndbar. Preise in US-Dollar.\r\n <\/p>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-5f59436 elementor-widget elementor-widget-html\" data-id=\"5f59436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Vergleich der Komplettpakete<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FULL PLAN COMPARISON TABLE\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n No images required \u2014 pure data table + styled callouts.\r\n Data sourced from official MWR Life Membership Benefits matrix.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-cmp, .mwr-cmp *, .mwr-cmp *::before, .mwr-cmp *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-cmp {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-cmp-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-cmp-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 3.5rem;\r\n}\r\n\r\n.mwr-cmp-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-cmp-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-cmp-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-cmp-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-cmp-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Mobile scroll hint *\/\r\n.mwr-cmp-hint {\r\n display: none;\r\n text-align: center;\r\n font-size: 0.78rem;\r\n font-style: italic;\r\n color: #9ca3af;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n\/* ---------- Table wrapper ---------- *\/\r\n.mwr-cmp-table-wrap {\r\n overflow-x: auto;\r\n border-radius: 16px;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n background: #ffffff;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.mwr-cmp-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n min-width: 720px;\r\n}\r\n\r\n\/* Table head *\/\r\n.mwr-cmp-table thead th {\r\n background: #fafaf6;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n padding: 1.4rem 1rem;\r\n text-align: center;\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.1);\r\n white-space: nowrap;\r\n}\r\n.mwr-cmp-table thead th:first-child {\r\n text-align: left;\r\n color: #1a3a64;\r\n padding-left: 1.6rem;\r\n}\r\n.mwr-cmp-table thead th.featured {\r\n background: linear-gradient(180deg, #1a3a64, #2d8e9a);\r\n color: #faf6ee;\r\n position: relative;\r\n}\r\n.mwr-cmp-table thead th.featured::before {\r\n content: \"\u2605 Most popular\";\r\n position: absolute;\r\n top: 6px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.6rem;\r\n color: #f5c842;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n}\r\n\r\n.mwr-cmp-tier-name {\r\n display: block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.15rem;\r\n font-weight: 500;\r\n margin-top: 0.5rem;\r\n letter-spacing: -0.01em;\r\n text-transform: none;\r\n}\r\n.mwr-cmp-table thead th.featured .mwr-cmp-tier-name { color: #ffffff; }\r\n\r\n\/* Group header rows *\/\r\n.mwr-cmp-table .mwr-cmp-group-row td {\r\n background: rgba(45, 142, 154, 0.04);\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n padding: 1rem 1.6rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.08);\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.08);\r\n}\r\n\r\n\/* Body cells *\/\r\n.mwr-cmp-table tbody td {\r\n padding: 0.95rem 1rem;\r\n text-align: center;\r\n font-size: 0.93rem;\r\n color: #1a1f2b;\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.05);\r\n font-weight: 400;\r\n}\r\n.mwr-cmp-table tbody td:first-child {\r\n text-align: left;\r\n padding-left: 1.6rem;\r\n font-weight: 500;\r\n color: #1a3a64;\r\n}\r\n.mwr-cmp-table tbody td.featured {\r\n background: rgba(45, 142, 154, 0.04);\r\n font-weight: 600;\r\n color: #1a3a64;\r\n}\r\n.mwr-cmp-table tbody tr:hover td:not(:first-child) {\r\n background: rgba(45, 142, 154, 0.06);\r\n}\r\n.mwr-cmp-table tbody tr:hover td.featured {\r\n background: rgba(45, 142, 154, 0.1);\r\n}\r\n\r\n\/* Check \/ dash icons *\/\r\n.mwr-cmp-check {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #2d8e9a;\r\n}\r\n.mwr-cmp-check svg { width: 11px; height: 11px; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.mwr-cmp-table td.featured .mwr-cmp-check { background: #1a3a64; }\r\n.mwr-cmp-dash { color: #c4cad3; font-size: 1.1rem; line-height: 1; }\r\n\r\n\/* ---------- Turbo Add-On callout ---------- *\/\r\n.mwr-cmp-turbo {\r\n margin-top: 2.5rem;\r\n background: linear-gradient(135deg, #0a1f3d 0%, #1a3a64 100%);\r\n color: #faf6ee;\r\n border-radius: 16px;\r\n padding: 2.2rem clamp(1.6rem, 3vw, 2.6rem);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.mwr-cmp-turbo::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; right: 0;\r\n width: 320px;\r\n height: 320px;\r\n background: radial-gradient(circle, rgba(245, 200, 66, 0.18) 0, transparent 60%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-cmp-turbo-head {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 0.6rem 2rem;\r\n margin-bottom: 1.6rem;\r\n padding-bottom: 1.4rem;\r\n border-bottom: 1px solid rgba(250, 246, 238, 0.12);\r\n position: relative;\r\n}\r\n.mwr-cmp-turbo-label {\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n display: block;\r\n margin-bottom: 0.3rem;\r\n}\r\n.mwr-cmp-turbo-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.4rem, 2.4vw, 1.9rem);\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0;\r\n}\r\n.mwr-cmp-turbo-name em { font-style: italic; font-weight: 400; color: #f5c842; }\r\n.mwr-cmp-turbo-price {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.4rem, 2.4vw, 1.9rem);\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n color: #f5c842;\r\n white-space: nowrap;\r\n}\r\n.mwr-cmp-turbo-price-sub {\r\n font-size: 0.78rem;\r\n color: rgba(250, 246, 238, 0.55);\r\n font-style: italic;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 400;\r\n margin-left: 0.4rem;\r\n}\r\n\r\n.mwr-cmp-turbo-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.85rem 1.5rem;\r\n position: relative;\r\n}\r\n.mwr-cmp-turbo-list li {\r\n display: flex;\r\n gap: 0.7rem;\r\n align-items: flex-start;\r\n font-size: 0.92rem;\r\n color: rgba(250, 246, 238, 0.92);\r\n line-height: 1.5;\r\n}\r\n.mwr-cmp-turbo-list li::before {\r\n content: \"+\";\r\n flex-shrink: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 0.1rem;\r\n}\r\n\r\n\/* ---------- Footer CTA ---------- *\/\r\n.mwr-cmp-footer {\r\n text-align: center;\r\n margin-top: 2.8rem;\r\n}\r\n.mwr-cmp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1rem 1.8rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 12px 28px -10px rgba(45, 142, 154, 0.5);\r\n}\r\n.mwr-cmp-btn::after {\r\n content: \"\u2191\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-cmp-btn:hover {\r\n background: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 38px -12px rgba(45, 142, 154, 0.7);\r\n color: #ffffff;\r\n}\r\n.mwr-cmp-btn:hover::after { transform: translateY(-3px); }\r\n\r\n\/* Disclaimer *\/\r\n.mwr-cmp-disclaimer {\r\n text-align: center;\r\n margin-top: 2rem;\r\n font-size: 0.75rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n max-width: 64ch;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.55;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n .mwr-cmp-hint { display: block; }\r\n .mwr-cmp-turbo-list { grid-template-columns: 1fr; }\r\n .mwr-cmp-turbo-head { flex-direction: column; align-items: flex-start; gap: 0.3rem; }\r\n}\r\n@media (max-width: 640px) {\r\n .mwr-cmp-head { margin-bottom: 2.5rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-cmp\" id=\"full-comparison\" aria-label=\"Vergleich der vollst\u00e4ndigen MWR-Lebenszeitmitgliedschaft\">\r\n <div class=\"mwr-cmp-inner\">\r\n\r\n <header class=\"mwr-cmp-head\">\r\n <span class=\"mwr-cmp-kicker\">Alle Vorteile, Seite an Seite<\/span>\r\n <h2 class=\"mwr-cmp-title\">\r\n Der vollst\u00e4ndige Vergleich der MWR Life Mitgliedschaften\r\n <\/h2>\r\n <svg class=\"mwr-cmp-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-cmp-intro\">\r\n Sehen Sie sich genau an, welche Vorteile jeder MWR Life Tarif freischaltet \u2014 von Treuepunkten und G\u00e4stezug\u00e4ngen bis hin zu den Buchungskategorien innerhalb der Travel Advantage\u2122 Plattform.\r\n <\/p>\r\n <\/header>\r\n\r\n <p class=\"mwr-cmp-hint\">\u2190 Wischen Sie, um Tarife zu vergleichen \u2192<\/p>\r\n\r\n <div class=\"mwr-cmp-table-wrap\">\r\n <table class=\"mwr-cmp-table\">\r\n <thead>\r\n <tr>\r\n <th>Leistungen des Plans<\/th>\r\n <th>\r\n Gast\r\n <span class=\"mwr-cmp-tier-name\">Kostenloser Starter<\/span>\r\n <\/th>\r\n <th>\r\n VIP\r\n <span class=\"mwr-cmp-tier-name\">Monatlich<\/span>\r\n <\/th>\r\n <th>\r\n VIP180\r\n <span class=\"mwr-cmp-tier-name\">J\u00e4hrlich<\/span>\r\n <\/th>\r\n <th class=\"featured\">\r\n Elite\r\n <span class=\"mwr-cmp-tier-name\">Pr\u00e4mie<\/span>\r\n <\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n\r\n <!-- COST & FEES -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Kosten und Geb\u00fchren<\/td><\/tr>\r\n <tr>\r\n <td>Aktivierungsgeb\u00fchr<\/td>\r\n <td>Lebenslang kostenlos<\/td>\r\n <td>$20<\/td>\r\n <td>$20<\/td>\r\n <td class=\"featured\">$120<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Wiederkehrende Geb\u00fchr<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td>$19,97 \/ Monat<\/td>\r\n <td>$99,00 \/ Jahr<\/td>\r\n <td class=\"featured\">$119,97 \/ Monat<\/td>\r\n <\/tr>\r\n\r\n <!-- LOYALTY POINTS -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Treuepunkte<\/td><\/tr>\r\n <tr>\r\n <td>Bei der Einschreibung<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\">120 Punkte<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pro Monat<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\">120 Punkte<\/td>\r\n <\/tr>\r\n\r\n <!-- GUEST PASSES -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">G\u00e4step\u00e4sse<\/td><\/tr>\r\n <tr>\r\n <td>Bei der Einschreibung<\/td>\r\n <td>10<\/td>\r\n <td>15<\/td>\r\n <td>25<\/td>\r\n <td class=\"featured\">50<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pro Monat<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td>3<\/td>\r\n <td>25<\/td>\r\n <td class=\"featured\">20<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pro Hotelbuchung<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td>3<\/td>\r\n <td>3<\/td>\r\n <td class=\"featured\">3<\/td>\r\n <\/tr>\r\n\r\n <!-- ACCOUNT -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Kontofunktionen<\/td><\/tr>\r\n <tr>\r\n <td>Weitere Reisende<\/td>\r\n <td>0<\/td>\r\n <td>1<\/td>\r\n <td>1<\/td>\r\n <td class=\"featured\">4<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>30% Facebook-Aktienbonus<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Gastmitglieder einladen<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Sammeln Sie Reisegutschriften von G\u00e4sten<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Zugriff \u00fcber mobile App<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n\r\n <!-- BOOKING ACCESS -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Buchungszugang<\/td><\/tr>\r\n <tr>\r\n <td>Hotels<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Resorts<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Fl\u00fcge<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Mietwagen<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Transfers<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Aktivit\u00e4ten<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Lebenserfahrungen\u00ae<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Lifestyle-Einkaufszentrum<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Landverkehr<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Kreuzfahrten<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Gasth\u00f6fe & Pensionen<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Eintrittskarten f\u00fcr die Veranstaltung<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Blitzangebote<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Weitere Reisende erhalten Zugang zu Life Experiences\u00ae.<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <!-- Turbo Add-On callout -->\r\n <div class=\"mwr-cmp-turbo\">\r\n <div class=\"mwr-cmp-turbo-head\">\r\n <div>\r\n <span class=\"mwr-cmp-turbo-label\">Exklusives Elite-Upgrade<\/span>\r\n <h3 class=\"mwr-cmp-turbo-name\">Turbo <em>Add-On<\/em><\/h3>\r\n <\/div>\r\n <div>\r\n <span class=\"mwr-cmp-turbo-price\">$249.97<\/span>\r\n <span class=\"mwr-cmp-turbo-price-sub\">einmalig \u00b7 lebenslang<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"mwr-cmp-turbo-list\">\r\n <li>+250 Treuepunkte bei Aktivierung<\/li>\r\n <li>+1.500 G\u00e4step\u00e4sse bei Aktivierung<\/li>\r\n <li>Monatliche Treuepunkte verdoppeln \u2013 f\u00fcr immer<\/li>\r\n <li>Exklusive Rabatte nur f\u00fcr Turbo-Mitglieder<\/li>\r\n <li>Bis zu 100 Treuepunkte f\u00fcr den zweiten Reisenden im Rahmen von Life Experiences\u00ae.<\/li>\r\n <li>Flex Traveller-Vorteil alle 6 Monate<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mwr-cmp-footer\">\r\n <a href=\"#pricing\" class=\"mwr-cmp-btn\">Zur\u00fcck zu den Pl\u00e4nen<\/a>\r\n <\/div>\r\n\r\n <p class=\"mwr-cmp-disclaimer\">\r\n Die Tarifvorteile entsprechen der neuesten offiziellen MWR Life Travel Advantage\u2122 Mitgliedervorteils\u00fcbersicht. \u00c4nderungen durch das Unternehmen vorbehalten. Preise in USD. Jederzeit k\u00fcndbar.\r\n <\/p>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-65cb20c elementor-widget elementor-widget-html\" data-id=\"65cb20c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Turbo-Zugang<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 TURBO ACCESS (Elite Upgrade) \u2014 v3 with full benefits\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n TURBO CARD IMAGE \u2014 recommended 240 \u00d7 150px (credit card proportion)\r\n Replace the inner <span class=\"mwr-turbo-card-image-label\">...<\/span>\r\n with:\r\n <img decoding=\"async\" src=\"YOUR-TURBO-CARD-URL\"\r\n alt=\"MWR Life Turbo Access Card\"\r\n style=\"width:100%;height:100%;object-fit:contain;\">\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-turbo, .mwr-turbo *, .mwr-turbo *::before, .mwr-turbo *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-turbo {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: #faf6ee;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-turbo::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 85% 15%, rgba(245, 200, 66, 0.15) 0, transparent 45%),\r\n radial-gradient(circle at 15% 85%, rgba(45, 142, 154, 0.15) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-turbo::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(250, 246, 238, 0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(250, 246, 238, 0.025) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n}\r\n\r\n.mwr-turbo-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-turbo-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-turbo-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #f5c842;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-turbo-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-turbo-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-turbo-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-turbo-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.75);\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Main upgrade card ---------- *\/\r\n.mwr-turbo-card {\r\n background: linear-gradient(160deg, rgba(255,255,255,0.04) 0%, rgba(245, 200, 66, 0.04) 100%);\r\n border: 1px solid rgba(245, 200, 66, 0.25);\r\n border-radius: 20px;\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.mwr-turbo-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -1px; left: -1px; right: -1px;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(245, 200, 66, 0.6), transparent);\r\n}\r\n\r\n.mwr-turbo-card-top {\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n align-items: center;\r\n gap: 2.2rem;\r\n margin-bottom: 3rem;\r\n padding-bottom: 2.5rem;\r\n border-bottom: 1px solid rgba(250, 246, 238, 0.1);\r\n}\r\n\r\n\/* ---------- Turbo card image placeholder ---------- *\/\r\n.mwr-turbo-card-image {\r\n position: relative;\r\n width: 240px;\r\n aspect-ratio: 300 \/ 213;\r\n flex-shrink: 0;\r\n border-radius: 12px;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-image: linear-gradient(135deg, #1a3a64 0%, #6b4e8a 45%, #c8553d 75%, #f5c842 100%);\r\n box-shadow:\r\n 0 14px 32px -8px rgba(245, 200, 66, 0.35),\r\n 0 4px 8px rgba(10, 31, 61, 0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-turbo-card-image:hover {\r\n transform: translateY(-4px) rotate(-2deg);\r\n}\r\n.mwr-turbo-card-image::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 25% 25%, rgba(255,255,255,0.22) 0, transparent 45%),\r\n radial-gradient(circle at 75% 75%, rgba(255,255,255,0.12) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n.mwr-turbo-card-image-label {\r\n position: relative;\r\n z-index: 1;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.9);\r\n text-align: center;\r\n padding: 0.45rem 0.8rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.4);\r\n border-radius: 4px;\r\n line-height: 1.4;\r\n background: rgba(0, 0, 0, 0.18);\r\n backdrop-filter: blur(2px);\r\n}\r\n\r\n\/* Real Turbo card image \u2014 covers placeholder when present *\/\r\n.mwr-turbo-card-image-img {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.mwr-turbo-card-image:has(.mwr-turbo-card-image-img) {\r\n background-image: none !important;\r\n background-color: transparent;\r\n box-shadow: none;\r\n border-radius: 0;\r\n overflow: visible;\r\n}\r\n.mwr-turbo-card-image:has(.mwr-turbo-card-image-img)::before {\r\n display: none;\r\n}\r\n\r\n\/* ---------- Brand info (middle column) ---------- *\/\r\n.mwr-turbo-brand { min-width: 0; }\r\n.mwr-turbo-eyebrow {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n margin-bottom: 0.6rem;\r\n}\r\n.mwr-turbo-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 3.4vw, 2.8rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #faf6ee;\r\n margin: 0 0 0.6rem;\r\n}\r\n.mwr-turbo-name em { font-style: italic; font-weight: 400; color: #f5c842; }\r\n.mwr-turbo-tagline {\r\n font-size: 0.95rem;\r\n color: rgba(250, 246, 238, 0.7);\r\n margin: 0;\r\n line-height: 1.5;\r\n max-width: 36ch;\r\n}\r\n\r\n\/* ---------- Price box (right column) ---------- *\/\r\n.mwr-turbo-price-box {\r\n text-align: right;\r\n flex-shrink: 0;\r\n}\r\n.mwr-turbo-price-label {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: rgba(250, 246, 238, 0.55);\r\n margin-bottom: 0.4rem;\r\n}\r\n.mwr-turbo-price {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 3.4vw, 2.8rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #f5c842;\r\n margin-bottom: 0.4rem;\r\n}\r\n.mwr-turbo-price-sub {\r\n font-size: 0.85rem;\r\n color: rgba(250, 246, 238, 0.6);\r\n font-style: italic;\r\n}\r\n\r\n\/* ---------- Comparison visual ---------- *\/\r\n.mwr-turbo-compare {\r\n display: grid;\r\n grid-template-columns: 1fr auto 1fr;\r\n gap: 1.5rem;\r\n align-items: center;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.mwr-turbo-side {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(250, 246, 238, 0.1);\r\n border-radius: 14px;\r\n padding: 1.8rem 1.6rem;\r\n text-align: center;\r\n position: relative;\r\n}\r\n.mwr-turbo-side.boosted {\r\n background: linear-gradient(160deg, rgba(245, 200, 66, 0.12) 0%, rgba(45, 142, 154, 0.08) 100%);\r\n border: 1.5px solid rgba(245, 200, 66, 0.4);\r\n box-shadow: 0 0 40px -10px rgba(245, 200, 66, 0.3);\r\n}\r\n\r\n.mwr-turbo-side-tier {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: rgba(250, 246, 238, 0.55);\r\n margin-bottom: 0.5rem;\r\n}\r\n.mwr-turbo-side.boosted .mwr-turbo-side-tier { color: #f5c842; }\r\n\r\n.mwr-turbo-side-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.4rem;\r\n font-weight: 500;\r\n color: #faf6ee;\r\n margin-bottom: 1.4rem;\r\n letter-spacing: -0.015em;\r\n}\r\n\r\n.mwr-turbo-side-figure {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.8rem, 4.5vw, 3.8rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #faf6ee;\r\n margin-bottom: 0.3rem;\r\n}\r\n.mwr-turbo-side.boosted .mwr-turbo-side-figure { color: #f5c842; }\r\n.mwr-turbo-side-figure-period {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.85rem;\r\n color: rgba(250, 246, 238, 0.65);\r\n font-weight: 500;\r\n margin-bottom: 1.3rem;\r\n}\r\n\r\n.mwr-turbo-side-extra {\r\n font-size: 0.82rem;\r\n color: rgba(250, 246, 238, 0.55);\r\n font-style: italic;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n padding-top: 0.9rem;\r\n margin-top: 0.5rem;\r\n}\r\n.mwr-turbo-side.boosted .mwr-turbo-side-extra { color: rgba(245, 200, 66, 0.75); }\r\n\r\n.mwr-turbo-multiplier {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.4rem;\r\n}\r\n.mwr-turbo-mult-circle {\r\n width: 76px;\r\n height: 76px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 600;\r\n font-size: 1.85rem;\r\n letter-spacing: -0.03em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow:\r\n 0 0 0 4px rgba(245, 200, 66, 0.15),\r\n 0 0 30px -4px rgba(245, 200, 66, 0.6);\r\n position: relative;\r\n}\r\n.mwr-turbo-mult-circle::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -8px;\r\n border-radius: 50%;\r\n border: 1px dashed rgba(245, 200, 66, 0.4);\r\n animation: mwrTurboSpin 18s linear infinite;\r\n}\r\n@keyframes mwrTurboSpin { to { transform: rotate(360deg); } }\r\n.mwr-turbo-mult-label {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: rgba(245, 200, 66, 0.8);\r\n}\r\n\r\n\/* ---------- Worked example callout ---------- *\/\r\n.mwr-turbo-example {\r\n background: rgba(45, 142, 154, 0.08);\r\n border: 1px solid rgba(45, 142, 154, 0.25);\r\n border-radius: 14px;\r\n padding: 1.8rem 2rem;\r\n margin-bottom: 3rem;\r\n}\r\n.mwr-turbo-example-label {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-size: 0.95rem;\r\n color: #46a8b3;\r\n margin-bottom: 1rem;\r\n display: block;\r\n}\r\n.mwr-turbo-example-text {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n font-weight: 300;\r\n line-height: 1.55;\r\n color: #faf6ee;\r\n margin: 0;\r\n}\r\n.mwr-turbo-example-text strong {\r\n color: #f5c842;\r\n font-weight: 500;\r\n font-style: italic;\r\n}\r\n\r\n\/* ---------- \"Beyond doubled points\" perks grid ---------- *\/\r\n.mwr-turbo-perks {\r\n margin-bottom: 3rem;\r\n padding-top: 2.5rem;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n}\r\n.mwr-turbo-perks-label {\r\n display: block;\r\n text-align: center;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1.1rem, 1.6vw, 1.4rem);\r\n color: #46a8b3;\r\n margin-bottom: 1.8rem;\r\n}\r\n.mwr-turbo-perks-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1rem;\r\n}\r\n.mwr-turbo-perk {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(250, 246, 238, 0.1);\r\n border-radius: 12px;\r\n padding: 1.4rem 1.2rem;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n position: relative;\r\n}\r\n.mwr-turbo-perk:hover {\r\n background: rgba(245, 200, 66, 0.06);\r\n border-color: rgba(245, 200, 66, 0.3);\r\n transform: translateY(-3px);\r\n}\r\n.mwr-turbo-perk-value {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 500;\r\n font-size: 1.7rem;\r\n letter-spacing: -0.02em;\r\n line-height: 1;\r\n color: #f5c842;\r\n margin-bottom: 0.7rem;\r\n display: block;\r\n}\r\n.mwr-turbo-perk-title {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.88rem;\r\n font-weight: 700;\r\n letter-spacing: 0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 0.4rem;\r\n line-height: 1.3;\r\n}\r\n.mwr-turbo-perk-desc {\r\n font-size: 0.78rem;\r\n color: rgba(250, 246, 238, 0.6);\r\n line-height: 1.5;\r\n margin: 0;\r\n}\r\n\r\n\/* ---------- CTA ---------- *\/\r\n.mwr-turbo-cta-wrap {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.5rem;\r\n}\r\n.mwr-turbo-cta-text {\r\n font-size: 0.85rem;\r\n color: rgba(250, 246, 238, 0.5);\r\n font-style: italic;\r\n max-width: 42ch;\r\n line-height: 1.5;\r\n margin: 0;\r\n}\r\n.mwr-turbo-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1.05rem 1.9rem;\r\n border-radius: 999px;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 14px 32px -10px rgba(245, 200, 66, 0.55);\r\n}\r\n.mwr-turbo-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-turbo-btn:hover {\r\n background: #fbd76a;\r\n color: #0a1f3d;\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 44px -10px rgba(245, 200, 66, 0.75);\r\n}\r\n.mwr-turbo-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 1100px) {\r\n .mwr-turbo-perks-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .mwr-turbo-card-top {\r\n grid-template-columns: auto 1fr;\r\n gap: 1.8rem;\r\n }\r\n .mwr-turbo-price-box {\r\n grid-column: span 2;\r\n text-align: left;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .mwr-turbo-card-top {\r\n grid-template-columns: 1fr;\r\n gap: 1.4rem;\r\n text-align: center;\r\n }\r\n .mwr-turbo-card-image { margin: 0 auto; width: 220px; }\r\n .mwr-turbo-brand { text-align: center; }\r\n .mwr-turbo-tagline { margin-left: auto; margin-right: auto; }\r\n .mwr-turbo-price-box {\r\n grid-column: auto;\r\n text-align: center;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n }\r\n .mwr-turbo-compare { grid-template-columns: 1fr; gap: 1rem; }\r\n .mwr-turbo-multiplier { padding: 0.4rem 0; }\r\n .mwr-turbo-mult-circle { transform: rotate(90deg); }\r\n .mwr-turbo-perks-grid { grid-template-columns: repeat(2, 1fr); }\r\n .mwr-turbo-cta-wrap { flex-direction: column; align-items: flex-start; }\r\n .mwr-turbo-btn { width: 100%; justify-content: center; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .mwr-turbo-head { margin-bottom: 3rem; }\r\n .mwr-turbo-example { padding: 1.4rem 1.4rem; }\r\n .mwr-turbo-side-figure { font-size: 2.4rem; }\r\n .mwr-turbo-perks-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-turbo\" aria-label=\"MWR Life Turbo Access-Upgrade\">\r\n <div class=\"mwr-turbo-inner\">\r\n\r\n <header class=\"mwr-turbo-head\">\r\n <span class=\"mwr-turbo-kicker\">Ein exklusives Upgrade nur f\u00fcr Elite-Mitglieder<\/span>\r\n <h2 class=\"mwr-turbo-title\">\r\n Verdoppeln Sie Ihr Reisebudget mit <em>Turbo Access<\/em>\r\n <\/h2>\r\n <svg class=\"mwr-turbo-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-turbo-intro\">\r\n Ein lebenslanges Upgrade mit einmaliger Zahlung, das alle Treuepunkte Ihrer Elite MWR Life Mitgliedschaft f\u00fcr immer verdoppelt. Die gleichen Monate, die gleichen Zahlungen, doppelt so viele Reisen \u2014 plus Aktivierungsboni im Wert von Tausenden.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-turbo-card\">\r\n\r\n <div class=\"mwr-turbo-card-top\">\r\n\r\n <div class=\"mwr-turbo-card-image\" role=\"img\" aria-label=\"MWR Life Turbo Access-Mitgliedskarte\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/turbo-card.webp\"\r\n alt=\"MWR Life Turbo Zugangskarte\"\r\n class=\"mwr-turbo-card-image-img\">\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-brand\">\r\n <p class=\"mwr-turbo-eyebrow\">Elite + Turbo-Zugang<\/p>\r\n <h3 class=\"mwr-turbo-name\">Turbo <em>Access<\/em><\/h3>\r\n <p class=\"mwr-turbo-tagline\">Einmal aktivieren. Verdoppeln Sie Ihre Treuepunkte jeden Monat f\u00fcr die gesamte verbleibende Laufzeit Ihrer MWR Life Mitgliedschaft.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-price-box\">\r\n <p class=\"mwr-turbo-price-label\">Einmalzahlung<\/p>\r\n <p class=\"mwr-turbo-price\">$249.97<\/p>\r\n <p class=\"mwr-turbo-price-sub\">Lebenslanger Vorteil \u00b7 keine Verl\u00e4ngerung<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-compare\">\r\n\r\n <div class=\"mwr-turbo-side\">\r\n <p class=\"mwr-turbo-side-tier\">Elite-Standard<\/p>\r\n <p class=\"mwr-turbo-side-name\">Ohne Turbo<\/p>\r\n <p class=\"mwr-turbo-side-figure\">120 Punkte<\/p>\r\n <p class=\"mwr-turbo-side-figure-period\">verdient jeden Monat<\/p>\r\n <p class=\"mwr-turbo-side-extra\">$1.440 an Treuepunkten pro Jahr<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-multiplier\">\r\n <div class=\"mwr-turbo-mult-circle\">\u00d72<\/div>\r\n <span class=\"mwr-turbo-mult-label\">Lebenslang<\/span>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-side boosted\">\r\n <p class=\"mwr-turbo-side-tier\">Elite + Turbo<\/p>\r\n <p class=\"mwr-turbo-side-name\">Mit Turbo-Zugang<\/p>\r\n <p class=\"mwr-turbo-side-figure\">240 Punkte<\/p>\r\n <p class=\"mwr-turbo-side-figure-period\">verdient jeden Monat<\/p>\r\n <p class=\"mwr-turbo-side-extra\">$2.880 an Loyalit\u00e4tswert pro Jahr<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-example\">\r\n <span class=\"mwr-turbo-example-label\">Rechnen Sie es aus.<\/span>\r\n <p class=\"mwr-turbo-example-text\">\r\n Nach nur <strong>3 Monaten<\/strong> Turbo Access werden Ihre 360 USD Mitgliedsgeb\u00fchren zu <strong>720 Treuepunkten.<\/strong>Das reicht aus, um ein <strong>MWR Life Erlebnis im Wert von 320 USD komplett kostenlos zu machen<\/strong> \u2014 und trotzdem bleiben noch 400 Punkte f\u00fcr das n\u00e4chste Abenteuer \u00fcbrig.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Beyond doubled points \u2014 the 5 extra Turbo benefits -->\r\n <div class=\"mwr-turbo-perks\">\r\n <span class=\"mwr-turbo-perks-label\">\u00dcber verdoppelte Punkte hinaus<\/span>\r\n <div class=\"mwr-turbo-perks-grid\">\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">+250<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Bonus-Treuepunkte<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Die Gutschrift erfolgt, sobald Ihr Turbo-Zugang aktiviert wird.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">+1,500<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">G\u00e4step\u00e4sse<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Ein riesiger Vorrat, der bei Aktivierung sofort freigeschaltet wird.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">Exklusiv<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Turbo-Tarife<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Exklusive Rabatte, die kein anderes MWR-Life-Mitglied erh\u00e4lt.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">100 Punkte<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Zweiter Reisender<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Bis zu 100 Punkte k\u00f6nnen f\u00fcr einen Begleiter im Rahmen von Life Experiences\u00ae eingesetzt werden.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">Alle 6 Monate<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Flex Traveller<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Tauschen Sie Ihren Reisebegleiter zweimal im Jahr kostenfrei.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-cta-wrap\">\r\n <p class=\"mwr-turbo-cta-text\">\r\n Der Turbo-Zugang ist exklusiv f\u00fcr aktive Elite-Mitglieder verf\u00fcgbar. Aktivieren Sie zuerst Elite und f\u00fcgen Sie anschlie\u00dfend Turbo \u00fcber Ihr Konto hinzu.\r\n <\/p>\r\n <a href=\"https:\/\/join.traveladvantage.com\/ambassador\/checkout\/elite-M?website=registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-turbo-btn\">\r\n Upgrade auf Turbo\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-6f09325 elementor-widget elementor-widget-html\" data-id=\"6f09325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR-Leben \u2013 Mitgliedergeschichten<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 MEMBER TESTIMONIALS \u2014 v3 ready-to-fill photo slots\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n \u2726 HOW TO ADD PHOTOS:\r\n Find the 3 <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\"> tags inside\r\n the cards and paste the photo URL between the empty quotes:\r\n\r\n BEFORE: <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"...\">\r\n AFTER: <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"https:\/\/...\" alt=\"...\">\r\n\r\n Recommended photo: 160 \u00d7 160px square (face centered, neutral bg).\r\n The placeholder icon stays visible until you fill the src.\r\n\r\n \u2726 HOW TO UPDATE TEXT:\r\n Each card has: metric value, metric label, quote, name, role.\r\n Replace all 3 placeholder personas with real members when ready.\r\n KEEP the legal disclaimer at the bottom.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-test, .mwr-test *, .mwr-test *::before, .mwr-test *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-test {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-test-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-test-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-test-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-test-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-test-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-test-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-test-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Cards grid ---------- *\/\r\n.mwr-test-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.mwr-test-card {\r\n background: #ffffff;\r\n border-radius: 18px;\r\n padding: 2rem 1.8rem 1.8rem;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-test-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 1.8rem; right: 1.8rem;\r\n height: 3px;\r\n background: #f5c842;\r\n border-radius: 0 0 3px 3px;\r\n}\r\n.mwr-test-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 24px 50px -20px rgba(26, 58, 100, 0.2);\r\n border-color: rgba(26, 58, 100, 0.18);\r\n}\r\n\r\n.mwr-test-quote-mark {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 500;\r\n font-size: 3.5rem;\r\n color: rgba(245, 200, 66, 0.45);\r\n line-height: 0.7;\r\n margin-bottom: 0.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.mwr-test-stars {\r\n display: flex;\r\n gap: 0.15rem;\r\n margin-bottom: 1.2rem;\r\n color: #f5c842;\r\n font-size: 0.9rem;\r\n letter-spacing: 0.1em;\r\n}\r\n\r\n.mwr-test-metric { margin-bottom: 1.4rem; }\r\n.mwr-test-metric-value {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.2rem, 3vw, 2.6rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #f5c842;\r\n display: block;\r\n margin-bottom: 0.3rem;\r\n}\r\n.mwr-test-metric-label {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n}\r\n\r\n.mwr-test-quote {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 300;\r\n font-size: 1.05rem;\r\n line-height: 1.55;\r\n color: #1a3a64;\r\n margin: 0 0 1.8rem;\r\n flex-grow: 1;\r\n}\r\n\r\n.mwr-test-attr {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.9rem;\r\n padding-top: 1.4rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.08);\r\n}\r\n\r\n\/* ---------- Photo slot ---------- *\/\r\n.mwr-test-photo {\r\n flex-shrink: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 10px;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n\/* Placeholder gradient backgrounds \u2014 auto-hide when img has real src *\/\r\n.mwr-test-photo.persona-1 { background-image: linear-gradient(135deg, #2d8e9a, #46a8b3); }\r\n.mwr-test-photo.persona-2 { background-image: linear-gradient(135deg, #1a3a64, #6b4e8a); }\r\n.mwr-test-photo.persona-3 { background-image: linear-gradient(135deg, #c8553d, #f5c842); }\r\n\r\n\/* Placeholder icon \u2014 visible until photo src is filled *\/\r\n.mwr-test-photo-icon {\r\n width: 28px;\r\n height: 28px;\r\n opacity: 0.85;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.mwr-test-photo-icon path,\r\n.mwr-test-photo-icon circle {\r\n fill: rgba(255, 255, 255, 0.85);\r\n}\r\n\r\n\/* Real photo \u2014 covers placeholder when src is filled *\/\r\n.mwr-test-photo-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 2;\r\n display: block;\r\n}\r\n\/* Hide the img when src is empty (so placeholder stays visible) *\/\r\n.mwr-test-photo-img[src=\"\"],\r\n.mwr-test-photo-img:not([src]) {\r\n display: none;\r\n}\r\n\r\n.mwr-test-attr-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n min-width: 0;\r\n}\r\n.mwr-test-name {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: #1a3a64;\r\n line-height: 1.2;\r\n}\r\n.mwr-test-role {\r\n font-size: 0.78rem;\r\n color: #6b7280;\r\n line-height: 1.3;\r\n}\r\n\r\n\/* ---------- Trustpilot badge ---------- *\/\r\n.mwr-test-trust {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n padding: 1.5rem 2rem;\r\n background: #fafaf6;\r\n border: 1px solid rgba(26, 58, 100, 0.08);\r\n border-radius: 14px;\r\n margin: 0 auto;\r\n max-width: 640px;\r\n flex-wrap: wrap;\r\n}\r\n.mwr-test-trust-rating { display: flex; align-items: center; gap: 0.5rem; }\r\n.mwr-test-trust-stars { display: flex; gap: 0.1rem; color: #f5c842; font-size: 1.2rem; letter-spacing: 0.05em; }\r\n.mwr-test-trust-num {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 600;\r\n font-size: 1.4rem;\r\n color: #1a3a64;\r\n letter-spacing: -0.02em;\r\n margin-left: 0.4rem;\r\n}\r\n.mwr-test-trust-text {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.88rem;\r\n color: #6b7280;\r\n line-height: 1.4;\r\n}\r\n.mwr-test-trust-text strong { color: #1a3a64; font-weight: 600; }\r\n.mwr-test-trust-divider {\r\n width: 1px;\r\n height: 36px;\r\n background: rgba(26, 58, 100, 0.12);\r\n}\r\n\r\n.mwr-test-disclaimer {\r\n text-align: center;\r\n margin-top: 2rem;\r\n font-size: 0.75rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n max-width: 64ch;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .mwr-test-grid { grid-template-columns: 1fr; gap: 1.4rem; max-width: 540px; margin-left: auto; margin-right: auto; }\r\n}\r\n@media (max-width: 640px) {\r\n .mwr-test-head { margin-bottom: 3rem; }\r\n .mwr-test-trust { flex-direction: column; gap: 1rem; padding: 1.4rem; text-align: center; }\r\n .mwr-test-trust-divider { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-test\" aria-label=\"Geschichten von MWR-Lebensmitgliedern\">\r\n <div class=\"mwr-test-inner\">\r\n\r\n <header class=\"mwr-test-head\">\r\n <span class=\"mwr-test-kicker\">Echte Mitglieder, echte Lebenswege<\/span>\r\n <h2 class=\"mwr-test-title\">\r\n Geschichten aus der MWR Life Community\r\n <\/h2>\r\n <svg class=\"mwr-test-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-test-intro\">\r\n Von Familien, die drei Reisen pro Jahr zum Preis von einer machen, bis hin zu Abenteurern, die Kontinente bereisen \u2014 sehen Sie, wie Mitglieder MWR Life nutzen.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-test-grid\">\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIAL 1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <article class=\"mwr-test-card\">\r\n <div class=\"mwr-test-quote-mark\" aria-hidden=\"true\">\"<\/div>\r\n <div class=\"mwr-test-stars\" aria-label=\"5 von 5 Sternen\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n\r\n <div class=\"mwr-test-metric\">\r\n <span class=\"mwr-test-metric-value\">$18,400<\/span>\r\n <span class=\"mwr-test-metric-label\">\u00dcber 2 Jahre gespart<\/span>\r\n <\/div>\r\n\r\n <p class=\"mwr-test-quote\">\r\n Fr\u00fcher unternahmen wir einmal im Jahr eine Familienreise. Dank MWR Life haben wir 2024 drei Reisen unternommen \u2013 und dabei trotzdem weniger ausgegeben, als uns diese eine Reise zuvor gekostet h\u00e4tte.\r\n <\/p>\r\n\r\n <div class=\"mwr-test-attr\">\r\n <div class=\"mwr-test-photo persona-1\">\r\n <svg class=\"mwr-test-photo-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 17.5l4.5-5 3.5 4 4-5 6 7H3v-1z\"\/>\r\n <circle cx=\"17\" cy=\"7.5\" r=\"1.8\"\/>\r\n <\/svg>\r\n <!-- \ud83d\udc47 PASTE PHOTO URL between the quotes (recommended 160\u00d7160px) -->\r\n <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"Marina A.\">\r\n <\/div>\r\n <div class=\"mwr-test-attr-text\">\r\n <span class=\"mwr-test-name\">Marina A.<\/span>\r\n <span class=\"mwr-test-role\">Elite-Mitglied \u00b7 Lissabon, Portugal<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIAL 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <article class=\"mwr-test-card\">\r\n <div class=\"mwr-test-quote-mark\" aria-hidden=\"true\">\"<\/div>\r\n <div class=\"mwr-test-stars\" aria-label=\"5 von 5 Sternen\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n\r\n <div class=\"mwr-test-metric\">\r\n <span class=\"mwr-test-metric-value\">38 L\u00e4nder<\/span>\r\n <span class=\"mwr-test-metric-label\">In 18 Monaten als Mitglied<\/span>\r\n <\/div>\r\n\r\n <p class=\"mwr-test-quote\">\r\n Ich wollte schon immer Vollzeitreisender sein, aber die Rechnung ging nie auf. Dank der Mitgliedstarife von MWR Life habe ich bereits 38 L\u00e4nder bereist \u2013 und ich stehe erst am Anfang.\r\n <\/p>\r\n\r\n <div class=\"mwr-test-attr\">\r\n <div class=\"mwr-test-photo persona-2\">\r\n <svg class=\"mwr-test-photo-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 17.5l4.5-5 3.5 4 4-5 6 7H3v-1z\"\/>\r\n <circle cx=\"17\" cy=\"7.5\" r=\"1.8\"\/>\r\n <\/svg>\r\n <!-- \ud83d\udc47 PASTE PHOTO URL between the quotes (recommended 160\u00d7160px) -->\r\n <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"Daniel R.\">\r\n <\/div>\r\n <div class=\"mwr-test-attr-text\">\r\n <span class=\"mwr-test-name\">Daniel R.<\/span>\r\n <span class=\"mwr-test-role\">Elite + Turbo \u00b7 Buenos Aires, Argentinien<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIAL 3 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <article class=\"mwr-test-card\">\r\n <div class=\"mwr-test-quote-mark\" aria-hidden=\"true\">\"<\/div>\r\n <div class=\"mwr-test-stars\" aria-label=\"5 von 5 Sternen\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n\r\n <div class=\"mwr-test-metric\">\r\n <span class=\"mwr-test-metric-value\">12 Traumaufenthalte<\/span>\r\n <span class=\"mwr-test-metric-label\">\u00dcber 3 Jahre gebucht<\/span>\r\n <\/div>\r\n\r\n <p class=\"mwr-test-quote\">\r\n Die Malediven, Santorini, eine private Villa auf Bali \u2013 Orte, f\u00fcr die ich seit zehn Jahren \u201egespart\u201c hatte. MWR Life hat diese Liste in einen Kalender verwandelt.\r\n <\/p>\r\n\r\n <div class=\"mwr-test-attr\">\r\n <div class=\"mwr-test-photo persona-3\">\r\n <svg class=\"mwr-test-photo-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 17.5l4.5-5 3.5 4 4-5 6 7H3v-1z\"\/>\r\n <circle cx=\"17\" cy=\"7.5\" r=\"1.8\"\/>\r\n <\/svg>\r\n <!-- \ud83d\udc47 PASTE PHOTO URL between the quotes (recommended 160\u00d7160px) -->\r\n <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"Sophia M.\">\r\n <\/div>\r\n <div class=\"mwr-test-attr-text\">\r\n <span class=\"mwr-test-name\">Sophia M.<\/span>\r\n <span class=\"mwr-test-role\">Elite-Mitglied \u00b7 Montreal, Kanada<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <!-- Trust badge -->\r\n <div class=\"mwr-test-trust\">\r\n <div class=\"mwr-test-trust-rating\">\r\n <div class=\"mwr-test-trust-stars\" aria-label=\"4,8 von 5 Sternen\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n <span class=\"mwr-test-trust-num\">4.8<\/span>\r\n <\/div>\r\n <div class=\"mwr-test-trust-divider\" aria-hidden=\"true\"><\/div>\r\n <p class=\"mwr-test-trust-text\">\r\n <strong>Mehr als 1.500 Bewertungen<\/strong> von MWR Life-Mitgliedern weltweit in mehr als 130 L\u00e4ndern.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-4b3dc1a elementor-widget elementor-widget-html\" data-id=\"4b3dc1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR-Leben \u2013 Die Chance<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 OPPORTUNITY TEASER (with Reels-style Vimeo) \u2014 v3\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-opp, .mwr-opp *, .mwr-opp *::before, .mwr-opp *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-opp {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: #faf6ee;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Atmospheric background *\/\r\n.mwr-opp::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 15% 20%, rgba(45, 142, 154, 0.2) 0, transparent 45%),\r\n radial-gradient(circle at 85% 80%, rgba(245, 200, 66, 0.12) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-opp::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(250, 246, 238, 0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(250, 246, 238, 0.025) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n opacity: 0.4;\r\n pointer-events: none;\r\n mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n}\r\n\r\n.mwr-opp-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Grid layout (handles both desktop & mobile) ---------- *\/\r\n.mwr-opp-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.15fr;\r\n grid-template-rows: auto auto;\r\n column-gap: clamp(2rem, 5vw, 4rem);\r\n row-gap: 1.6rem;\r\n align-items: center;\r\n}\r\n\r\n\/* Header \u2014 top right on desktop *\/\r\n.mwr-opp-header {\r\n grid-column: 2;\r\n grid-row: 1;\r\n align-self: end;\r\n}\r\n\r\n\/* Visual \u2014 full height left on desktop *\/\r\n.mwr-opp-visual {\r\n grid-column: 1;\r\n grid-row: 1 \/ span 2;\r\n align-self: center;\r\n justify-self: center;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n\/* Body \u2014 bottom right on desktop *\/\r\n.mwr-opp-body {\r\n grid-column: 2;\r\n grid-row: 2;\r\n align-self: start;\r\n}\r\n\r\n\/* ---------- Video frame (phone-screen styling) ---------- *\/\r\n.mwr-opp-img {\r\n position: relative;\r\n width: 100%;\r\n max-width: 340px;\r\n aspect-ratio: 9 \/ 16;\r\n border-radius: 32px;\r\n background: #050d20;\r\n overflow: hidden;\r\n box-shadow:\r\n inset 0 0 0 1px rgba(255, 255, 255, 0.06),\r\n 0 0 0 1px rgba(245, 200, 66, 0.32),\r\n 0 0 70px -10px rgba(245, 200, 66, 0.28),\r\n 0 30px 70px -15px rgba(0, 0, 0, 0.65),\r\n 0 80px 110px -50px rgba(0, 0, 0, 0.55);\r\n transform: translateZ(0);\r\n}\r\n\r\n.mwr-opp-img::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 18%);\r\n z-index: 2;\r\n pointer-events: none;\r\n border-radius: inherit;\r\n}\r\n\r\n.mwr-opp-img iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n display: block;\r\n z-index: 1;\r\n}\r\n\r\n\/* Floating badge on top of the video *\/\r\n.mwr-opp-img-badge {\r\n position: absolute;\r\n top: 1.2rem;\r\n left: 1.2rem;\r\n background: rgba(10, 31, 61, 0.85);\r\n border: 1px solid rgba(245, 200, 66, 0.4);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n border-radius: 999px;\r\n padding: 0.45rem 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n z-index: 3;\r\n}\r\n.mwr-opp-img-badge::before {\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n box-shadow: 0 0 8px rgba(245, 200, 66, 0.7);\r\n animation: mwrOppPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes mwrOppPulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.8); }\r\n}\r\n\r\n\/* Sound toggle button (Instagram Reels-style) *\/\r\n.mwr-opp-sound {\r\n position: absolute;\r\n bottom: 1rem;\r\n right: 1rem;\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n background: rgba(10, 31, 61, 0.85);\r\n border: 1px solid rgba(245, 200, 66, 0.4);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n color: #f5c842;\r\n z-index: 3;\r\n padding: 0;\r\n transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n.mwr-opp-sound:hover {\r\n background: rgba(10, 31, 61, 0.95);\r\n border-color: #f5c842;\r\n transform: scale(1.06);\r\n}\r\n.mwr-opp-sound:active {\r\n transform: scale(0.95);\r\n}\r\n.mwr-opp-sound svg {\r\n width: 19px;\r\n height: 19px;\r\n fill: currentColor;\r\n}\r\n\r\n\/* Pulse hint while muted *\/\r\n.mwr-opp-sound[data-muted=\"true\"] {\r\n animation: mwrOppSoundPulse 2.6s ease-in-out infinite;\r\n}\r\n@keyframes mwrOppSoundPulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(245, 200, 66, 0.55); }\r\n 70% { box-shadow: 0 0 0 12px rgba(245, 200, 66, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(245, 200, 66, 0); }\r\n}\r\n\r\n\/* Show\/hide icon based on muted state *\/\r\n.mwr-opp-sound[data-muted=\"true\"] .mwr-opp-sound-on { display: none; }\r\n.mwr-opp-sound[data-muted=\"false\"] .mwr-opp-sound-off { display: none; }\r\n\r\n\/* ---------- Header content ---------- *\/\r\n.mwr-opp-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #46a8b3;\r\n letter-spacing: 0.01em;\r\n margin: 0 0 1.1rem;\r\n}\r\n\r\n.mwr-opp-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4vw, 2.9rem);\r\n font-weight: 500;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #faf6ee;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-opp-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #f5c842;\r\n}\r\n\r\n\/* Wave \u2014 now inside header, marking end of title *\/\r\n.mwr-opp-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 0;\r\n color: #f5c842;\r\n}\r\n\r\n\/* ---------- Body content ---------- *\/\r\n.mwr-opp-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.78);\r\n margin: 0 0 2rem;\r\n max-width: 50ch;\r\n}\r\n\r\n.mwr-opp-features {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 2.4rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.1rem;\r\n}\r\n.mwr-opp-features li {\r\n position: relative;\r\n padding-left: 2.2rem;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: rgba(250, 246, 238, 0.88);\r\n}\r\n.mwr-opp-features li::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0.7em;\r\n width: 18px;\r\n height: 2px;\r\n background: #f5c842;\r\n border-radius: 2px;\r\n}\r\n.mwr-opp-features li strong {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 500;\r\n font-style: italic;\r\n color: #f5c842;\r\n font-size: 1.05em;\r\n letter-spacing: -0.005em;\r\n}\r\n\r\n\/* CTA *\/\r\n.mwr-opp-cta-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 1.5rem;\r\n}\r\n.mwr-opp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1.05rem 1.9rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 14px 32px -10px rgba(45, 142, 154, 0.6);\r\n}\r\n.mwr-opp-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-opp-btn:hover {\r\n background: #46a8b3;\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 44px -10px rgba(45, 142, 154, 0.8);\r\n color: #ffffff;\r\n}\r\n.mwr-opp-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* ---------- Mobile: single column, reordered (header \u2192 video \u2192 body) ---------- *\/\r\n@media (max-width: 900px) {\r\n .mwr-opp-grid {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto auto auto;\r\n row-gap: 2rem;\r\n }\r\n .mwr-opp-header {\r\n grid-column: 1;\r\n grid-row: 1;\r\n align-self: start;\r\n text-align: center;\r\n }\r\n .mwr-opp-header .mwr-opp-wave {\r\n margin: 0 auto;\r\n }\r\n .mwr-opp-visual {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n .mwr-opp-body {\r\n grid-column: 1;\r\n grid-row: 3;\r\n align-self: start;\r\n }\r\n .mwr-opp-intro {\r\n text-align: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .mwr-opp-img { max-width: 300px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-opp-btn { width: 100%; justify-content: center; }\r\n .mwr-opp-img { max-width: 280px; border-radius: 28px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-opp\" aria-label=\"MWR Life Lifestyle-Botschafter-M\u00f6glichkeit\">\r\n <div class=\"mwr-opp-inner\">\r\n <div class=\"mwr-opp-grid\">\r\n\r\n <!-- HEADER: kicker + title + wave (marks end of title) -->\r\n <div class=\"mwr-opp-header\">\r\n <span class=\"mwr-opp-kicker\">\u00dcber eine Mitgliedschaft hinaus<\/span>\r\n <h2 class=\"mwr-opp-title\">\r\n Verwandeln Sie Ihre Leidenschaft f\u00fcrs Reisen in ein <em>echtes Gesch\u00e4ft mit MWR Life<\/em>\r\n <\/h2>\r\n <svg class=\"mwr-opp-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <!-- VISUAL: reels-style Vimeo (appears after wave on mobile) -->\r\n <div class=\"mwr-opp-visual\">\r\n <div class=\"mwr-opp-img\">\r\n <span class=\"mwr-opp-img-badge\">F\u00fcr Botschafter<\/span>\r\n <iframe\r\n id=\"mwr-opp-vid\"\r\n src=\"https:\/\/player.vimeo.com\/video\/1193267094?h=d8ca3d307a&autoplay=1&muted=1&loop=1&controls=0&byline=0&portrait=0&title=0&dnt=1\"\r\n allow=\"autoplay; fullscreen; picture-in-picture\"\r\n allowfullscreen\r\n title=\"MWR-Lebensbotschafter-Chance\"\r\n ><\/iframe>\r\n <button\r\n class=\"mwr-opp-sound\"\r\n id=\"mwr-opp-sound\"\r\n type=\"button\"\r\n aria-label=\"Ton aktivieren\"\r\n data-muted=\"true\">\r\n <!-- Muted icon (speaker with X) -->\r\n <svg class=\"mwr-opp-sound-off\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\r\n <\/svg>\r\n <!-- Unmuted icon (speaker with waves) -->\r\n <svg class=\"mwr-opp-sound-on\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BODY: intro + features + CTA -->\r\n <div class=\"mwr-opp-body\">\r\n <p class=\"mwr-opp-intro\">\r\n Als Lifestyle-Botschafter sparen Sie nicht nur bei Reisen \u2014 Sie bauen sich Ihren eigenen Platz in einer der gr\u00f6\u00dften Branchen der Welt auf, mit einer bew\u00e4hrten Plattform, fertigen Tools und einer globalen Community an Ihrer Seite.\r\n <\/p>\r\n\r\n <ul class=\"mwr-opp-features\">\r\n <li>Die globale Reisebranche erwirtschaftet jedes Jahr <strong>9 Billionen US-Dollar<\/strong> Umsatz \u2014 und jetzt k\u00f6nnen auch Sie daran teilhaben.<\/li>\r\n <li>Verdienen Sie durch <strong>drei verschiedene Einkommensquellen<\/strong>: Kundenakquise-Boni, monatliche Residualprovisionen und t\u00e4gliche Teamaufbau-Boni.<\/li>\r\n <li>Starten Sie f\u00fcr nur <strong>99 USD pro Jahr<\/strong> \u2014 mit Ihrem vollst\u00e4ndigen MWR Life Business Center, Marketing-Websites, Schulungen und mobiler App, alles inklusive.<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-opp-cta-row\">\r\n <a href=\"https:\/\/travel-adv.com\/de\/geschaeftsmoeglichkeit\/\" class=\"mwr-opp-btn\">\r\n Entdecken Sie die M\u00f6glichkeiten\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Vimeo Player API + sound toggle handler -->\r\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\r\n<script>\r\n(function() {\r\n function initOppSound() {\r\n var iframe = document.getElementById('mwr-opp-vid');\r\n var btn = document.getElementById('mwr-opp-sound');\r\n if (!iframe || !btn || typeof Vimeo === 'undefined') return;\r\n\r\n var player = new Vimeo.Player(iframe);\r\n var muted = true;\r\n\r\n btn.addEventListener('click', function() {\r\n muted = !muted;\r\n player.setMuted(muted).then(function() {\r\n if (!muted) { player.setVolume(1); }\r\n }).catch(function() {});\r\n btn.setAttribute('data-muted', muted ? 'true' : 'false');\r\n btn.setAttribute('aria-label', muted ? 'Enable sound' : 'Mute sound');\r\n });\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initOppSound);\r\n } else {\r\n initOppSound();\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\t\t<div class=\"elementor-element elementor-element-1a6d200 elementor-widget elementor-widget-html\" data-id=\"1a6d200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR-Leben \u2013 H\u00e4ufig gestellte Fragen<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FREQUENTLY ASKED QUESTIONS\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Native HTML accordion (no JavaScript required).\r\n Each <details> is one question. To add: copy a <details> block.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-faq, .mwr-faq *, .mwr-faq *::before, .mwr-faq *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-faq {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-faq-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 880px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-faq-head {\r\n text-align: center;\r\n margin: 0 auto 3.5rem;\r\n}\r\n\r\n.mwr-faq-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-faq-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-faq-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-faq-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-faq-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Accordion ---------- *\/\r\n.mwr-faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n border-top: 1px solid rgba(26, 58, 100, 0.1);\r\n}\r\n\r\n.mwr-faq-item {\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.1);\r\n transition: background 0.3s ease;\r\n}\r\n.mwr-faq-item[open] {\r\n background: rgba(45, 142, 154, 0.025);\r\n}\r\n\r\n\/* Question (summary) *\/\r\n.mwr-faq-item summary {\r\n list-style: none;\r\n cursor: pointer;\r\n padding: 1.5rem 0.4rem 1.5rem 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.5rem;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.05rem, 1.5vw, 1.25rem);\r\n font-weight: 500;\r\n letter-spacing: -0.01em;\r\n line-height: 1.35;\r\n color: #1a3a64;\r\n transition: color 0.25s ease;\r\n user-select: none;\r\n}\r\n.mwr-faq-item summary::-webkit-details-marker { display: none; }\r\n.mwr-faq-item summary::marker { display: none; }\r\n.mwr-faq-item summary:hover { color: #2d8e9a; }\r\n\r\n\/* Plus icon *\/\r\n.mwr-faq-icon {\r\n flex-shrink: 0;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(245, 200, 66, 0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-faq-icon::before,\r\n.mwr-faq-icon::after {\r\n content: \"\";\r\n position: absolute;\r\n background: #2d8e9a;\r\n border-radius: 1px;\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-faq-icon::before {\r\n width: 12px;\r\n height: 2px;\r\n}\r\n.mwr-faq-icon::after {\r\n width: 2px;\r\n height: 12px;\r\n}\r\n.mwr-faq-item[open] .mwr-faq-icon {\r\n background: #f5c842;\r\n}\r\n.mwr-faq-item[open] .mwr-faq-icon::before {\r\n background: #1a3a64;\r\n}\r\n.mwr-faq-item[open] .mwr-faq-icon::after {\r\n transform: rotate(90deg);\r\n background: #1a3a64;\r\n}\r\n\r\n\/* Answer *\/\r\n.mwr-faq-answer {\r\n padding: 0 3rem 1.8rem 0;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n color: #4b5563;\r\n max-width: 68ch;\r\n animation: mwrFaqIn 0.4s ease-out;\r\n}\r\n.mwr-faq-answer p { margin: 0 0 0.8rem; }\r\n.mwr-faq-answer p:last-child { margin-bottom: 0; }\r\n.mwr-faq-answer strong {\r\n color: #1a3a64;\r\n font-weight: 600;\r\n}\r\n.mwr-faq-answer a {\r\n color: #2d8e9a;\r\n text-decoration: underline;\r\n text-decoration-thickness: 1px;\r\n text-underline-offset: 3px;\r\n}\r\n.mwr-faq-answer a:hover { color: #1f7a85; }\r\n\r\n@keyframes mwrFaqIn {\r\n from { opacity: 0; transform: translateY(-4px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ---------- Help footer ---------- *\/\r\n.mwr-faq-help {\r\n margin-top: 3rem;\r\n text-align: center;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #6b7280;\r\n line-height: 1.5;\r\n}\r\n.mwr-faq-help a {\r\n color: #2d8e9a;\r\n text-decoration: none;\r\n border-bottom: 1.5px solid #2d8e9a;\r\n font-weight: 600;\r\n font-style: normal;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n letter-spacing: 0.01em;\r\n margin-left: 0.4rem;\r\n transition: all 0.3s ease;\r\n}\r\n.mwr-faq-help a:hover {\r\n color: #f5c842;\r\n border-bottom-color: #f5c842;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-faq-head { margin-bottom: 2.5rem; }\r\n .mwr-faq-item summary { padding: 1.2rem 0.2rem 1.2rem 0; }\r\n .mwr-faq-answer { padding: 0 2rem 1.4rem 0; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-faq\" aria-label=\"H\u00e4ufig gestellte Fragen zu MWR Life\">\r\n <div class=\"mwr-faq-inner\">\r\n\r\n <header class=\"mwr-faq-head\">\r\n <span class=\"mwr-faq-kicker\">Alles, wor\u00fcber Sie sich vielleicht gewundert haben<\/span>\r\n <h2 class=\"mwr-faq-title\">\r\n H\u00e4ufige Fragen zu MWR Life\r\n <\/h2>\r\n <svg class=\"mwr-faq-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-faq-intro\">\r\n Schnelle Antworten auf die h\u00e4ufigsten Fragen vor dem Einstieg bei MWR Life \u2014 von der Geschwindigkeit, mit der Sie sparen k\u00f6nnen, bis hin zur Funktionsweise der Treuepunkte.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-faq-list\">\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Wie schnell kann ich nach meinem Beitritt mit dem Sparen beginnen?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n Sobald Ihre Mitgliedschaft aktiviert ist \u2013 in der Regel innerhalb weniger Minuten \u2013, melden Sie sich einfach auf der MWR Life Travel Advantage\u2122-Plattform im Web oder mobil an und Sie sehen sofort exklusive Mitgliedertarife f\u00fcr Hotels, Fl\u00fcge, Resorts und Erlebnisse.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Kann ich meine MWR-Life-Mitgliedschaft jederzeit k\u00fcndigen?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n Ja. Es gibt sie. <strong>keine Vertr\u00e4ge und keine langfristigen Verpflichtungen<\/strong>Sie k\u00f6nnen Ihr Konto jederzeit k\u00fcndigen.\r\n <\/p>\r\n <p>\r\n Wenn Sie innerhalb <strong>14 Tage<\/strong> Bei Aktivierung eines kostenpflichtigen Abonnements haben Sie Anspruch auf eine vollst\u00e4ndige R\u00fcckerstattung. Danach wird die K\u00fcndigung zum Ende Ihres aktuellen Abrechnungszeitraums wirksam.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Muss ich Lifestyle-Botschafter werden, um Mitglied zu sein?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n Gar nicht. <strong>Die Mitgliedschaft und das Botschafterprogramm sind v\u00f6llig voneinander getrennt.<\/strong> Sie k\u00f6nnen Gast-, VIP- oder Elite-Mitglied werden, um lediglich von den Reiseersparnissen zu profitieren, ohne jemals das Ambassador-Programm in Anspruch zu nehmen.\r\n <\/p>\r\n <p>\r\n Das Ambassador-Programm ist ein separater Weg f\u00fcr Menschen, die sich ebenfalls ein Gesch\u00e4ft rund um MWR Life aufbauen m\u00f6chten \u2013 die Teilnahme daran ist jedoch keine Voraussetzung, um die Vorteile der Mitgliedschaft in Anspruch nehmen zu k\u00f6nnen.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Worin besteht der Unterschied zwischen VIP und Elite?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n <strong>VIP<\/strong> schaltet die volle Travel Advantage\u2122 Plattform mit hohen Rabatten auf Hotels, Fl\u00fcge, Mietwagen, Transfers und Aktivit\u00e4ten frei.\r\n <\/p>\r\n <p>\r\n <strong>Elite<\/strong> Das Angebot umfasst Life Experiences\u00ae, die Lifestyle Mall, Kreuzfahrten, Hotelaufenthalte und Veranstaltungstickets \u2013 sowie vier zus\u00e4tzliche Reisepl\u00e4tze und 120 monatliche Treuepunkte im Wert von je 1 TP4T1 USD. Elite ist au\u00dferdem die einzige Stufe, die f\u00fcr das optionale Turbo Access-Upgrade berechtigt ist.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Wie funktionieren Treuepunkte?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n Treuepunkte werden Elite-Mitgliedern monatlich gutgeschrieben (und f\u00fcr Turbo-Access-Inhaber verdoppelt). <strong>Jeder Punkt entspricht 1 TP4T1 USD<\/strong> und k\u00f6nnen dazu verwendet werden, die Kosten zuk\u00fcnftiger Buchungen zu reduzieren oder in manchen F\u00e4llen sogar vollst\u00e4ndig zu decken.\r\n <\/p>\r\n <p>\r\n Ihre Punkte bleiben so lange auf Ihrem Konto, wie Ihre Mitgliedschaft aktiv ist. Wenn Sie Ihren Tarif sp\u00e4ter upgraden, werden alle gesammelten Punkte \u00fcbernommen.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Wo kann ich meine MWR-Life-Mitgliedschaft nutzen?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n MWR Life ist t\u00e4tig in <strong>mehr als 130 L\u00e4nder<\/strong> mit mehrsprachigem Support. Mitgliedertarife gelten weltweit f\u00fcr Hotels, Fl\u00fcge, Kreuzfahrten und Aktivit\u00e4ten.\r\n <\/p>\r\n <p>\r\n Sie k\u00f6nnen alles \u00fcber die Desktop-Plattform oder die mobile App verwalten, die sowohl f\u00fcr iOS als auch f\u00fcr Android verf\u00fcgbar ist.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n\r\n <p class=\"mwr-faq-help\">\r\n Haben Sie Ihre Antwort nicht gefunden?\r\n <a href=\"#contact\">Nehmen Sie Kontakt auf<\/a>\r\n <\/p>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-be768f8 elementor-widget elementor-widget-html\" data-id=\"be768f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2013 Jetzt bist du dran<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FINAL CTA (Closer)\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n BACKGROUND IMAGE \u2014 recommended 1920 \u00d7 1080px, full-bleed.\r\n Ideal scene: aspirational travel moment at golden hour \u2014 a\r\n silhouette overlooking a horizon, sunset over the ocean,\r\n traveler's perspective. Avoid busy compositions; text needs\r\n visual room to breathe.\r\n\r\n To replace, change the second linear-gradient in .mwr-final-bg\r\n to url('YOUR-IMAGE-URL') and remove the placeholder note span.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-final, .mwr-final *, .mwr-final *::before, .mwr-final *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-final {\r\n position: relative;\r\n min-height: 80vh;\r\n display: flex;\r\n align-items: center;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n overflow: hidden;\r\n padding: clamp(5rem, 10vw, 8rem) 0;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Background image \u2014 REPLACE second linear-gradient with url('your-image.jpg') *\/\r\n.mwr-final-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n background-image:\r\n linear-gradient(180deg, rgba(10, 31, 61, 0.55) 0%, rgba(10, 31, 61, 0.85) 100%),\r\n linear-gradient(135deg, #0a1f3d 0%, #1a3a64 40%, #c8553d 100%);\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.mwr-final-bg::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 20% 80%, rgba(232, 220, 196, 0.1) 0, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(245, 200, 66, 0.15) 0, transparent 50%);\r\n}\r\n\r\n.mwr-final-bg-note {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n font-family: monospace;\r\n font-size: 0.7rem;\r\n color: rgba(255, 255, 255, 0.5);\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 0.8rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.3);\r\n border-radius: 4px;\r\n z-index: 1;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Decorative grid texture *\/\r\n.mwr-final::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n background-size: 100px 100px;\r\n pointer-events: none;\r\n z-index: 1;\r\n mask-image: radial-gradient(circle at center, black 25%, transparent 70%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 25%, transparent 70%);\r\n}\r\n\r\n.mwr-final-inner {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n text-align: center;\r\n}\r\n\r\n\/* Kicker *\/\r\n.mwr-final-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1.1rem, 1.6vw, 1.35rem);\r\n color: #f5c842;\r\n letter-spacing: 0.02em;\r\n margin-bottom: 1.5rem;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.1s ease-out forwards;\r\n}\r\n\r\n\/* Headline \u2014 the biggest type on the entire page *\/\r\n.mwr-final-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.6rem, 6.5vw, 5.4rem);\r\n font-weight: 400;\r\n line-height: 1.02;\r\n letter-spacing: -0.03em;\r\n color: #ffffff;\r\n margin: 0 0 1.8rem;\r\n max-width: 16ch;\r\n margin-left: auto;\r\n margin-right: auto;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.25s ease-out forwards;\r\n}\r\n.mwr-final-title em {\r\n font-style: italic;\r\n font-weight: 300;\r\n color: #f5c842;\r\n}\r\n\r\n\/* Yellow wave (signature) *\/\r\n.mwr-final-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 0 auto 2rem;\r\n color: #f5c842;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.4s ease-out forwards;\r\n}\r\n\r\n.mwr-final-sub {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(1rem, 1.3vw, 1.2rem);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.88);\r\n max-width: 52ch;\r\n margin: 0 auto 3rem;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.55s ease-out forwards;\r\n}\r\n\r\n\/* CTA button \u2014 the big closer *\/\r\n.mwr-final-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.7rem;\r\n padding: 1.3rem 2.4rem;\r\n border-radius: 999px;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: clamp(1rem, 1.2vw, 1.1rem);\r\n letter-spacing: 0.01em;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow:\r\n 0 18px 40px -12px rgba(245, 200, 66, 0.55),\r\n 0 0 0 4px rgba(245, 200, 66, 0.08);\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.7s ease-out forwards;\r\n}\r\n.mwr-final-cta::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-final-cta:hover {\r\n background: #fbd76a;\r\n color: #0a1f3d;\r\n transform: translateY(-3px);\r\n box-shadow:\r\n 0 28px 55px -12px rgba(245, 200, 66, 0.75),\r\n 0 0 0 6px rgba(245, 200, 66, 0.12);\r\n}\r\n.mwr-final-cta:hover::after { transform: translateX(5px); }\r\n\r\n\/* Reassurance microcopy below the button *\/\r\n.mwr-final-micro {\r\n display: block;\r\n margin-top: 1.8rem;\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-style: italic;\r\n font-family: 'Fraunces', Georgia, serif;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.85s ease-out forwards;\r\n}\r\n\r\n@keyframes mwrFinalIn {\r\n from { transform: translateY(24px); }\r\n to { transform: translateY(0); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n .mwr-final { min-height: 70vh; }\r\n .mwr-final-cta {\r\n padding: 1.1rem 2rem;\r\n width: 100%;\r\n max-width: 360px;\r\n justify-content: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-final\" aria-label=\"Werden Sie noch heute Mitglied bei MWR Life!\">\r\n <div class=\"mwr-final-bg\" role=\"img\" aria-label=\"Inspirierende Reiseszene in der goldenen Stunde\">\r\n \r\n <\/div>\r\n\r\n <div class=\"mwr-final-inner\">\r\n\r\n <span class=\"mwr-final-kicker\">Du bist dran<\/span>\r\n\r\n <h2 class=\"mwr-final-title\">\r\n Du hast anderen dabei zugesehen, wie sie ihren Traum gelebt haben.\r\n <em>Jetzt sind Sie an der Reihe.<\/em>\r\n <\/h2>\r\n\r\n <svg class=\"mwr-final-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n\r\n <p class=\"mwr-final-sub\">\r\n Aktivieren Sie Ihre MWR Life Mitgliedschaft in wenigen Minuten und sichern Sie sich exklusive Preise f\u00fcr Hotels, Fl\u00fcge, Resorts und Erlebnisse in mehr als 130 L\u00e4ndern.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-final-cta\">\r\n Mitglied Werden\r\n <\/a>\r\n\r\n <span class=\"mwr-final-micro\">\r\n Keine Vertragsbindung \u00b7 Jederzeit k\u00fcndbar \u00b7 14-t\u00e4gige Geld-zur\u00fcck-Garantie\r\n <\/span>\r\n\r\n <\/div>\r\n<\/section>\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 class=\"elementor-element elementor-element-4876d85 elementor-widget elementor-widget-html\" data-id=\"4876d85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>MWR Life \u2014 Fu\u00dfzeile<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FOOTER\r\n Paste from <style> down to <\/footer> into Elementor HTML widget.\r\n\r\n CUSTOMIZE BEFORE PUBLISHING:\r\n 1) Replace [YOUR NAME] in 2 places (brand block + bottom bar)\r\n 2) Update contact details (email, WhatsApp number)\r\n 3) Fill in social media URLs (4 platforms \u2014 empty href=\"\" by default)\r\n 4) Update copyright year if needed\r\n 5) Link Privacy \/ Terms \/ Disclaimer URLs to your real pages\r\n\r\n SECTION ANCHOR LINKS:\r\n The quick-links use anchors like #pricing, #how-it-works, etc.\r\n Make sure each section in your Elementor page has matching IDs\r\n (Section settings \u2192 Advanced \u2192 CSS ID).\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-foot, .mwr-foot *, .mwr-foot *::before, .mwr-foot *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-foot {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: rgba(250, 246, 238, 0.78);\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.92rem;\r\n line-height: 1.6;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-foot::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 90% 10%, rgba(45, 142, 154, 0.15) 0, transparent 45%),\r\n radial-gradient(circle at 10% 90%, rgba(245, 200, 66, 0.08) 0, transparent 50%);\r\n pointer-events: none;\r\n}\r\n\r\n\/* ---------- Yellow accent line at top ---------- *\/\r\n.mwr-foot::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent 0%, #f5c842 50%, transparent 100%);\r\n}\r\n\r\n.mwr-foot-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: clamp(3.5rem, 7vw, 5.5rem) clamp(1.25rem, 4vw, 2.5rem) 0;\r\n}\r\n\r\n\/* ---------- Main grid ---------- *\/\r\n.mwr-foot-main {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr 1fr 1.2fr;\r\n gap: clamp(2rem, 4vw, 3.5rem);\r\n padding-bottom: 3.5rem;\r\n}\r\n\r\n\/* ---------- Brand column ---------- *\/\r\n.mwr-foot-brand-logo {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.7rem;\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 0.6rem;\r\n display: flex;\r\n align-items: baseline;\r\n gap: 0.2rem;\r\n}\r\n.mwr-foot-brand-logo em {\r\n font-style: italic;\r\n color: #f5c842;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-foot-brand-tag {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: 1rem;\r\n color: rgba(250, 246, 238, 0.7);\r\n margin: 0 0 1.6rem;\r\n max-width: 32ch;\r\n line-height: 1.5;\r\n}\r\n\r\n.mwr-foot-brand-ambassador {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.45rem 0.85rem;\r\n background: rgba(245, 200, 66, 0.1);\r\n border: 1px solid rgba(245, 200, 66, 0.25);\r\n border-radius: 999px;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n margin-bottom: 1.2rem;\r\n}\r\n.mwr-foot-brand-ambassador::before {\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n}\r\n\r\n.mwr-foot-brand-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.05rem;\r\n font-weight: 500;\r\n color: #faf6ee;\r\n margin: 0;\r\n font-style: italic;\r\n}\r\n\r\n\/* ---------- Link columns ---------- *\/\r\n.mwr-foot-col-title {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n margin: 0 0 1.4rem;\r\n}\r\n\r\n.mwr-foot-links {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n}\r\n.mwr-foot-links a {\r\n color: rgba(250, 246, 238, 0.78);\r\n text-decoration: none;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.93rem;\r\n transition: color 0.25s ease;\r\n display: inline-block;\r\n}\r\n.mwr-foot-links a:hover {\r\n color: #46a8b3;\r\n}\r\n\r\n\/* ---------- Contact \/ Social ---------- *\/\r\n.mwr-foot-contact {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 1.6rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.7rem;\r\n}\r\n.mwr-foot-contact a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n color: rgba(250, 246, 238, 0.78);\r\n text-decoration: none;\r\n font-size: 0.92rem;\r\n transition: color 0.25s ease;\r\n}\r\n.mwr-foot-contact a:hover { color: #46a8b3; }\r\n.mwr-foot-contact-icon {\r\n flex-shrink: 0;\r\n width: 16px;\r\n height: 16px;\r\n opacity: 0.85;\r\n}\r\n\r\n.mwr-foot-social-label {\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(250, 246, 238, 0.5);\r\n margin-bottom: 0.8rem;\r\n}\r\n\r\n.mwr-foot-social {\r\n display: flex;\r\n gap: 0.6rem;\r\n}\r\n.mwr-foot-social a {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: rgba(250, 246, 238, 0.7);\r\n transition: all 0.25s ease;\r\n text-decoration: none;\r\n}\r\n.mwr-foot-social a:hover {\r\n background: #f5c842;\r\n border-color: #f5c842;\r\n color: #0a1f3d;\r\n transform: translateY(-2px);\r\n}\r\n.mwr-foot-social svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: currentColor;\r\n}\r\n\r\n\/* ---------- Disclaimer block ---------- *\/\r\n.mwr-foot-disclaimer {\r\n padding: 2rem 0;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n font-size: 0.78rem;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.55);\r\n font-style: italic;\r\n}\r\n.mwr-foot-disclaimer strong {\r\n color: rgba(250, 246, 238, 0.85);\r\n font-weight: 600;\r\n font-style: normal;\r\n}\r\n.mwr-foot-disclaimer + .mwr-foot-disclaimer {\r\n border-top: none;\r\n padding-top: 0;\r\n}\r\n\r\n\/* ---------- Bottom bar ---------- *\/\r\n.mwr-foot-bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.5rem;\r\n padding: 1.6rem 0;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n flex-wrap: wrap;\r\n}\r\n.mwr-foot-copy {\r\n font-size: 0.82rem;\r\n color: rgba(250, 246, 238, 0.55);\r\n}\r\n.mwr-foot-copy strong {\r\n color: rgba(250, 246, 238, 0.8);\r\n font-weight: 600;\r\n}\r\n\r\n.mwr-foot-legal {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n gap: 1.4rem;\r\n flex-wrap: wrap;\r\n}\r\n.mwr-foot-legal a {\r\n color: rgba(250, 246, 238, 0.55);\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n transition: color 0.25s ease;\r\n}\r\n.mwr-foot-legal a:hover { color: #46a8b3; }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 960px) {\r\n .mwr-foot-main {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .mwr-foot-main {\r\n grid-template-columns: 1fr;\r\n gap: 2.2rem;\r\n padding-bottom: 2.5rem;\r\n }\r\n .mwr-foot-bottom { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.4rem 0; }\r\n .mwr-foot-legal { gap: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"mwr-foot\" aria-label=\"Fu\u00dfzeile der MWR Life-Website\">\r\n\r\n <div class=\"mwr-foot-inner\">\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Main 4-column grid \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"mwr-foot-main\">\r\n\r\n <!-- Brand column -->\r\n <div class=\"mwr-foot-brand\">\r\n <h3 class=\"mwr-foot-brand-logo\">\r\n MWR<em>Life<\/em>\r\n <\/h3>\r\n <p class=\"mwr-foot-brand-tag\">\r\n Ein globaler Reiseclub f\u00fcr alle, die sich nicht mit einer Reise pro Jahr zufriedengeben wollen.\r\n <\/p>\r\n\r\n <div class=\"mwr-foot-brand-ambassador\">Unabh\u00e4ngiger Lifestyle-Botschafter<\/div>\r\n <p class=\"mwr-foot-brand-name\">[IHR NAME] \u00b7 @registerglobal<\/p>\r\n <\/div>\r\n\r\n <!-- Membership links -->\r\n <nav>\r\n <p class=\"mwr-foot-col-title\">Mitgliedschaft<\/p>\r\n <ul class=\"mwr-foot-links\">\r\n <li><a href=\"#how-it-works\">So funktioniert es<\/a><\/li>\r\n <li><a href=\"#travel-categories\">Reisekategorien<\/a><\/li>\r\n <li><a href=\"#experiences\">Lebenserfahrungen\u00ae<\/a><\/li>\r\n <li><a href=\"#pricing\">Tarife & Preise<\/a><\/li>\r\n <li><a href=\"#full-comparison\">Alle Tarife vergleichen<\/a><\/li>\r\n <li><a href=\"#turbo\">Turbo Access<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <!-- Opportunity \/ Resources links -->\r\n <nav>\r\n <p class=\"mwr-foot-col-title\">Entdecken<\/p>\r\n <ul class=\"mwr-foot-links\">\r\n <li><a href=\"https:\/\/travel-adv.com\/de\/geschaeftsmoeglichkeit\/\">Die Chance<\/a><\/li>\r\n <li><a href=\"#testimonials\">Mitgliedergeschichten<\/a><\/li>\r\n <li><a href=\"#faq\">H\u00e4ufig gestellte Fragen<\/a><\/li>\r\n <li><a href=\"https:\/\/www.mwrlife.com\" target=\"_blank\" rel=\"noopener noreferrer\">\u00dcber MWR Life<\/a><\/li>\r\n <li><a href=\"https:\/\/www.traveladvantage.com\" target=\"_blank\" rel=\"noopener noreferrer\">Reisevorteil\u2122<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <!-- Contact column -->\r\n <div>\r\n <p class=\"mwr-foot-col-title\">Nehmen Sie Kontakt auf<\/p>\r\n <ul class=\"mwr-foot-contact\">\r\n <li>\r\n <a href=\"mailto:hello@your-email.com\">\r\n <svg class=\"mwr-foot-contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm2 0v.5l8 5 8-5V6H4zm16 2.5l-8 5-8-5V18h16V8.5z\"\/>\r\n <\/svg>\r\n hello@your-email.com\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/wa.me\/5500000000000\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg class=\"mwr-foot-contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.1-.2.3-.7.9-.9 1.1-.2.2-.3.2-.6.1-.3-.1-1.2-.5-2.3-1.5-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.4.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.1-.7-1.6-.9-2.2-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.3.2 1.9.1.6-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.4zM12 2a10 10 0 0 0-8.7 14.9L2 22l5.3-1.3A10 10 0 1 0 12 2zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3.1.8.8-3-.2-.3A8 8 0 1 1 12 20z\"\/>\r\n <\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n <p class=\"mwr-foot-social-label\">Folgen<\/p>\r\n <div class=\"mwr-foot-social\">\r\n <a href=\"\" aria-label=\"Instagram\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 2.16c3.2 0 3.58 0 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s0 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23a3.7 3.7 0 0 1-.9 1.38c-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58 0-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.7 3.7 0 0 1-1.38-.9 3.7 3.7 0 0 1-.9-1.38c-.16-.42-.36-1.06-.41-2.23C2.16 15.58 2.16 15.2 2.16 12s0-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.16 8.8 2.16 12 2.16zM12 0C8.74 0 8.33 0 7.05.07c-1.28.06-2.16.27-2.92.56a5.9 5.9 0 0 0-2.13 1.39A5.9 5.9 0 0 0 .61 4.15c-.3.77-.5 1.64-.56 2.92C0 8.33 0 8.74 0 12s0 3.67.07 4.95c.06 1.28.27 2.15.56 2.92.3.8.72 1.48 1.39 2.13a5.9 5.9 0 0 0 2.13 1.39c.77.3 1.64.5 2.92.56C8.33 24 8.74 24 12 24s3.67 0 4.95-.07c1.28-.06 2.15-.27 2.92-.56a5.9 5.9 0 0 0 2.13-1.39 5.9 5.9 0 0 0 1.39-2.13c.3-.77.5-1.64.56-2.92C24 15.67 24 15.26 24 12s0-3.67-.07-4.95c-.06-1.28-.27-2.15-.56-2.92a5.9 5.9 0 0 0-1.39-2.13A5.9 5.9 0 0 0 19.85.61c-.77-.3-1.64-.5-2.92-.56C15.67 0 15.26 0 12 0zm0 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"\" aria-label=\"Facebook\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M24 12.07A12 12 0 1 0 10.13 24v-8.43H7.08V12.07h3.05V9.41c0-3.01 1.79-4.68 4.55-4.68 1.32 0 2.7.24 2.7.24v2.96h-1.52c-1.5 0-1.96.93-1.96 1.88v2.26h3.34l-.53 3.5h-2.8V24A12 12 0 0 0 24 12.07\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"\" aria-label=\"YouTube\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zM9.6 15.6V8.4l6.2 3.6-6.2 3.6z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"\" aria-label=\"TikTok\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-5.86 11.86 6.84 6.84 0 0 0 11.6-4.86V8.79a8.16 8.16 0 0 0 4.77 1.52V6.89a4.86 4.86 0 0 1-1.28-.2z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Legal disclaimers \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"mwr-foot-disclaimer\">\r\n <strong>Offenlegung unabh\u00e4ngiger Botschafter.<\/strong>\r\n Dies ist die pers\u00f6nliche Website eines unabh\u00e4ngigen Lifestyle-Botschafters von MWR Life. Sie wird unabh\u00e4ngig betrieben und ist nicht die offizielle Website von MWR Marketing, SA. Die hier dargestellten Einkommens- und Sparangaben sowie Erfahrungsberichte von Mitgliedern spiegeln individuelle Erfahrungen wider und stellen keine typischen Ergebnisse dar. Die tats\u00e4chlichen Ergebnisse h\u00e4ngen von der individuellen Nutzung, den Reisegewohnheiten und dem pers\u00f6nlichen Einsatz ab. MWR Life\u00ae, Travel Advantage\u2122, Life Experiences\u00ae und zugeh\u00f6rige Marken sind eingetragene Warenzeichen von MWR Marketing, SA und werden hier ausschlie\u00dflich zu beschreibenden Zwecken verwendet.\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Bottom bar \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"mwr-foot-bottom\">\r\n <p class=\"mwr-foot-copy\">\r\n \u00a9 2026 <strong>[IHR NAME]<\/strong> \u2022 Unabh\u00e4ngiger Lifestyle-Botschafter\r\n <\/p>\r\n <ul class=\"mwr-foot-legal\">\r\n <li><a href=\"\/de\/privacy-policy\/\">Datenschutzrichtlinie<\/a><\/li>\r\n <li><a href=\"\/de\/terms-of-use\/\">Nutzungsbedingungen<\/a><\/li>\r\n <li><a href=\"\/de\/income-disclaimer\/\">Einkommenshinweis<\/a><\/li>\r\n <li><a href=\"\/de\/cookies\/\">Cookies<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MWR Life \u2014 Header 50% OFF Maldives Overwater Villa Escape 5 nights \u00b7 breakfast included \u00b7 private deck $2,500 $1,250total […]<\/p>","protected":false},"author":1,"featured_media":95,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide<\/title>\n<meta name=\"description\" content=\"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/travel-adv.com\/de\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MWR\" \/>\n<meta property=\"og:description\" content=\"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/travel-adv.com\/de\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T00:32:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"736\" \/>\n\t<meta property=\"og:image:height\" content=\"414\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/\",\"url\":\"https:\\\/\\\/travel-adv.com\\\/\",\"name\":\"Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/travel-adv.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/mwr-life-banner.webp\",\"datePublished\":\"2026-05-17T22:25:43+00:00\",\"dateModified\":\"2026-05-19T00:32:46+00:00\",\"description\":\"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/travel-adv.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/travel-adv.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/mwr-life-banner.webp\",\"contentUrl\":\"https:\\\/\\\/travel-adv.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/mwr-life-banner.webp\",\"width\":736,\"height\":414,\"caption\":\"mwr life banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/travel-adv.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MWR\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#website\",\"url\":\"https:\\\/\\\/travel-adv.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/travel-adv.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide","description":"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/travel-adv.com\/de\/","og_locale":"de_DE","og_type":"article","og_title":"MWR","og_description":"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.","og_url":"https:\/\/travel-adv.com\/de\/","article_modified_time":"2026-05-19T00:32:46+00:00","og_image":[{"width":736,"height":414,"url":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/travel-adv.com\/","url":"https:\/\/travel-adv.com\/","name":"Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide","isPartOf":{"@id":"https:\/\/travel-adv.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/travel-adv.com\/#primaryimage"},"image":{"@id":"https:\/\/travel-adv.com\/#primaryimage"},"thumbnailUrl":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","datePublished":"2026-05-17T22:25:43+00:00","dateModified":"2026-05-19T00:32:46+00:00","description":"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.","breadcrumb":{"@id":"https:\/\/travel-adv.com\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/travel-adv.com\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/travel-adv.com\/#primaryimage","url":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","contentUrl":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","width":736,"height":414,"caption":"mwr life banner"},{"@type":"BreadcrumbList","@id":"https:\/\/travel-adv.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/travel-adv.com\/"},{"@type":"ListItem","position":2,"name":"MWR"}]},{"@type":"WebSite","@id":"https:\/\/travel-adv.com\/#website","url":"https:\/\/travel-adv.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/travel-adv.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":187,"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/pages\/10\/revisions\/272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/media\/95"}],"wp:attachment":[{"href":"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}