{"id":5910,"date":"2026-04-23T17:16:49","date_gmt":"2026-04-23T15:16:49","guid":{"rendered":"https:\/\/railon.eu\/classes-scolaires-et-organisations\/"},"modified":"2026-06-30T18:05:18","modified_gmt":"2026-06-30T16:05:18","slug":"classes-scolaires-et-organisations","status":"publish","type":"page","link":"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/","title":{"rendered":"Classes scolaires et organisations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5910\" class=\"elementor elementor-5910 elementor-4816\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3418a198 e-con-full e-flex e-con e-parent\" data-id=\"3418a198\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-434e3adb e-con-full e-flex e-con e-child\" data-id=\"434e3adb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a7ab538 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4a7ab538\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Voyages de groupe en train pour \u00e9coles, associations ou organisations<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a21b7e5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a21b7e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2><span style=\"color: #ffffff;\">Voyages scolaires, sorties d&rsquo;association ou journ\u00e9es de projet<\/span><\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7161bd04 e-con-full e-flex e-con e-child\" data-id=\"7161bd04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7593f77 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7593f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#usp_klassenfahrten\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Continuer ici \u2193<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5ef9b7 e-con-full e-flex e-con e-parent\" data-id=\"c5ef9b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebdfe2a elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ebdfe2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #000000;\"><span style=\"caret-color: #000000; font-size: medium;\">Un voyage de groupe en train est bien plus qu&rsquo;un simple trajet d&rsquo;un point A \u00e0 un point B \u2013 c&rsquo;est le coup d&rsquo;envoi d&rsquo;une exp\u00e9rience commune. Tandis que le paysage d\u00e9file \u00e0 l&rsquo;ext\u00e9rieur, l&rsquo;espace se cr\u00e9e dans le compartiment pour ce qui manque souvent au quotidien :   <\/span><\/span><\/p><p style=\"text-align: center;\"><span style=\"color: #000000;\"><b style=\"caret-color: #000000;\" data-path-to-node=\"3\" data-index-in-node=\"241\">Une communaut\u00e9 forte<br\/>Une motivation renouvel\u00e9e<br\/>Une satisfaction durable au sein de l&rsquo;\u00e9quipe<\/b><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e16937 e-con-full e-flex e-con e-parent\" data-id=\"5e16937\" data-element_type=\"container\" data-e-type=\"container\" id=\"usp_klassenfahrten\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02f05d4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"02f05d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-576cc95 elementor-widget elementor-widget-html\" data-id=\"576cc95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"railon-usp\">\r\n  \r\n  <!-- Headline -->\r\n  <div class=\"railon-usp__headline\">\r\n    <p class=\"railon-usp__overline\">Une collaboration qui en vaut la peine<\/p>\r\n     <h2 class=\"railon-usp__title\">Vos avantages en tant qu'organisateur<\/h2>\r\n  <\/div>\r\n <div class=\"railon-usp__circle-outer\">\r\n  <!-- \u2550\u2550\u2550 DESKTOP: Circle Layout \u2550\u2550\u2550 -->\r\n  <div class=\"railon-usp__circle-wrap\">\r\n \r\n    <!-- Zentrales Element -->\r\n    <div class=\"railon-usp__center\">\r\n      <p class=\"railon-usp__center-overline\">Avantages avec<\/p>\r\n      <p class=\"railon-usp__center-brand\">railOn<\/p>\r\n    <\/div>\r\n \r\n    <!-- Gestrichelter Kreis (SVG) -->\r\n    <svg class=\"railon-usp__dashed-ring\" viewbox=\"0 0 380 380\">\r\n      <circle cx=\"190\" cy=\"190\" r=\"185\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1\" stroke-dasharray=\"6 6\"><\/circle>\r\n    <\/svg>\r\n \r\n    <!-- 1: Oben Mitte-->\r\n    <div class=\"railon-usp__item railon-usp__item--1\">\r\n      <div class=\"railon-usp__item-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"><\/path>\r\n          <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\r\n          <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\r\n        <\/svg>\r\n      <\/div>\r\n      <p class=\"railon-usp__item-title\">Plus efficace <\/p>\r\n      <p class=\"railon-usp__item-text\">Vous \u00e9conomisez du temps administratif - par exemple gr\u00e2ce \u00e0 notre outil de r\u00e9servation individuelle avec vue d'ensemble pour les organisateurs. Nous collectons \u00e9galement les paiements\/franchises individuellement !  <\/p>\r\n    <\/div>\r\n \r\n    <!-- 2: Rechts oben-->\r\n    <div class=\"railon-usp__item railon-usp__item--2\">\r\n      <div class=\"railon-usp__item-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L3 23l2-2.5c2-2.5 5.5-4 9-5.5\"><\/path>\r\n          <path d=\"M22 2L15 9\"><\/path>\r\n          <path d=\"M9 12c-2.75 3-3 7-3 7s4-.25 7-3c1.5-1.4 2.2-3.4 2-5.5C12.4 9.8 10.4 10.5 9 12z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <p class=\"railon-usp__item-title\">Plus durable<\/p>\r\n      <p class=\"railon-usp__item-text\">Vous prenez position pour un voyage responsable et respectueux du climat dans votre \u00e9cole ou organisation - avec une empreinte CO\u2082 r\u00e9duite et une politique stricte No-Flight !<\/p>\r\n    <\/div>\r\n \r\n    <!-- 3: Rechts unten  -->\r\n    <div class=\"railon-usp__item railon-usp__item--3\">\r\n      <div class=\"railon-usp__item-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"><\/path>\r\n          <polyline points=\"14 2 14 8 20 8\"><\/polyline>\r\n          <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"><\/line>\r\n          <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"18\"><\/line>\r\n        <\/svg>\r\n      <\/div>\r\n      <p class=\"railon-usp__item-title\">Plus personnalis\u00e9<\/p>\r\n      <p class=\"railon-usp__item-text\">Vous \u00eates accompagn\u00e9 par un interlocuteur unique de la demande au retour - Chaque itin\u00e9raire est planifi\u00e9 sur mesure. Du trajet \u00e0 l'h\u00e9bergement et au programme jusqu'\u00e0 la r\u00e9servation de table pour les repas ! <\/p>\r\n    <\/div>\r\n \r\n    <!-- 4: Links unten  -->\r\n    <div class=\"railon-usp__item railon-usp__item--4\">\r\n      <div class=\"railon-usp__item-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"><\/path>\r\n          <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n        <\/svg>\r\n      <\/div>\r\n      <p class=\"railon-usp__item-title\">Plus s\u00fbr<\/p>\r\n      <p class=\"railon-usp__item-text\">Vous n'assumez aucune responsabilit\u00e9 - Ni financi\u00e8re ni sur la r\u00e9ussite globale du voyage. Train annul\u00e9 ? Nous replanifions ! Participants malades ?    <b><\/b>Nous nous occupons de l'annulation et aucune augmentation de prix pour les autres !<\/p>\r\n    <\/div>\r\n \r\n    <!-- 5: Links oben -->\r\n    <div class=\"railon-usp__item railon-usp__item--5\">\r\n      <div class=\"railon-usp__item-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 00-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 010 7.75\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <p class=\"railon-usp__item-title\">Plus sp\u00e9cialis\u00e9<\/p>\r\n      <p class=\"railon-usp__item-text\">Vous r\u00e9servez aupr\u00e8s du sp\u00e9cialiste des voyages de groupe No-Flight - Y compris des conditions attractives - Les avantages tarifaires comme les tarifs scolaires ou les tarifs sp\u00e9cialement n\u00e9goci\u00e9s vous profitent ! <\/p>\r\n    <\/div>\r\n   <\/div>\r\n  <\/div>\r\n \r\n  <!-- \u2550\u2550\u2550 MOBILE: Zigzag Layout \u2550\u2550\u2550 -->\r\n  <div class=\"railon-usp__zigzag\">\r\n \r\n <!-- 5: Icon links -->\r\n    <div class=\"railon-usp__zigzag-item\">\r\n      <div class=\"railon-usp__zigzag-icon railon-usp_icon-darkgrey\">\r\n         <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"><\/path>\r\n          <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\r\n          <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\r\n        <\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"railon-usp__zigzag-title\">Plus efficace<\/p>\r\n        <p class=\"railon-usp__zigzag-text\">Vous \u00e9conomisez du temps administratif - par exemple gr\u00e2ce \u00e0 notre outil de r\u00e9servation individuelle avec vue d'ensemble pour les organisateurs. Nous collectons \u00e9galement les paiements\/franchises individuellement ! <\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- 4: Icon rechts -->\r\n    <div class=\"railon-usp__zigzag-item railon-usp__zigzag-item--reverse\">\r\n      <div class=\"railon-usp__zigzag-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"><\/path>\r\n          <polyline points=\"14 2 14 8 20 8\"><\/polyline>\r\n          <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"><\/line>\r\n          <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"18\"><\/line>\r\n        <\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"railon-usp__zigzag-title\">Plus personnalis\u00e9<\/p>\r\n        <p class=\"railon-usp__zigzag-text\">Vous \u00eates accompagn\u00e9 par un interlocuteur unique de la demande au retour - Chaque itin\u00e9raire est planifi\u00e9 sur mesure. Du trajet \u00e0 l'h\u00e9bergement et au programme jusqu'\u00e0 la r\u00e9servation de table pour les repas ! <\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- 1: Icon links -->\r\n    <div class=\"railon-usp__zigzag-item\">\r\n      <div class=\"railon-usp__zigzag-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 00-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 010 7.75\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"railon-usp__zigzag-title\">Plus sp\u00e9cialis\u00e9<\/p>\r\n        <p class=\"railon-usp__zigzag-text\">Vous r\u00e9servez aupr\u00e8s du sp\u00e9cialiste des voyages de groupe No-Flight - Y compris des conditions attractives - Les avantages tarifaires comme les tarifs scolaires ou les tarifs sp\u00e9cialement n\u00e9goci\u00e9s vous profitent !<\/p>\r\n      <\/div>\r\n    <\/div>\r\n \r\n    <!-- 2: Icon rechts -->\r\n    <div class=\"railon-usp__zigzag-item railon-usp__zigzag-item--reverse\">\r\n      <div class=\"railon-usp__zigzag-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L3 23l2-2.5c2-2.5 5.5-4 9-5.5\"><\/path>\r\n          <path d=\"M22 2L15 9\"><\/path>\r\n          <path d=\"M9 12c-2.75 3-3 7-3 7s4-.25 7-3c1.5-1.4 2.2-3.4 2-5.5C12.4 9.8 10.4 10.5 9 12z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"railon-usp__zigzag-title\">Plus durable<\/p>\r\n        <p class=\"railon-usp__zigzag-text\">Vous prenez position pour un voyage responsable et respectueux du climat dans votre \u00e9cole ou organisation - avec une empreinte CO\u2082 r\u00e9duite et une politique stricte No-Flight !<\/p>\r\n      <\/div>\r\n    <\/div>\r\n \r\n    <!-- 3: Icon links -->\r\n    <div class=\"railon-usp__zigzag-item\">\r\n      <div class=\"railon-usp__zigzag-icon railon-usp_icon-darkgrey\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F1C232\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"><\/path>\r\n          <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n        <\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"railon-usp__zigzag-title\">Plus s\u00fbr<\/p>\r\n        <p class=\"railon-usp__zigzag-text\">Vous n'assumez aucune responsabilit\u00e9 - Ni financi\u00e8re ni sur la r\u00e9ussite globale du voyage. Train annul\u00e9 ? Nous replanifions ! Participants malades ?    <b><\/b>Nous nous occupons de l'annulation et aucune augmentation de prix pour les autres !<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e87baee elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e87baee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3366cff elementor-widget elementor-widget-heading\" data-id=\"3366cff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Comment faire de votre voyage de groupe une r\u00e9ussite<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f4a783 elementor-widget elementor-widget-text-editor\" data-id=\"2f4a783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #000000; text-align: center;\"><strong>Coordination des donn\u00e9es cl\u00e9s :<\/strong><br\/><span style=\"color: #808080;\">Avec les \u00e9l\u00e8ves, les parents et le corps enseignant. D\u00e9finir les attentes<\/span><\/p><p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>Plus t\u00f4t c&rsquo;est, moins cher c&rsquo;est :<\/strong><br\/><span style=\"color: #808080;\">Il est avantageux de demander des offres sans engagement (\u2193) d\u00e8s l&rsquo;ann\u00e9e scolaire pr\u00e9c\u00e9dant le voyage<\/span><\/span><\/p><p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>Pr\u00e9paration th\u00e9matique :<\/strong><br\/><span style=\"color: #808080;\">D\u00e9j\u00e0 avant le voyage, par exemple lors de cours ou de r\u00e9unions d&rsquo;association<\/span><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ced54d7 e-con-full e-flex e-con e-parent\" data-id=\"ced54d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a8f57f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5a8f57f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  railOn \u2013 Kontakt-Tabs (Elementor HTML-Widget)\r\n  ============================================================\r\n  \r\n  NUR DAS MARKUP \u2014 CSS und JS sind global in WPCode.\r\n  \r\n  ANPASSUNGEN PRO SEITE:\r\n  1. data-rok-email     \u2192 Base64-kodierte E-Mail (base64encode.org)\r\n  2. data-rok-kategorie \u2192 Formular-Vorauswahl (oder weglassen)\r\n  3. \u00dcberschrift \"Kontaktieren Sie uns\" variieren (SEO)\r\n  4. Tab-Bezeichnungen variieren (SEO)\r\n  5. TELEFON_HIER \u2192 Telefonnummer anpassen\r\n  6. CALENDLY \u2192 Embed-Code einf\u00fcgen\r\n\r\n  M\u00f6gliche Werte f\u00fcr data-rok-kategorie:\r\n  \"Firmenreisen \/ Team-Events\" | \"Schulreisen\" | \r\n  \"Privatreisen\" | \"B2B Anfrage\"\r\n  ============================================================\r\n-->\r\n\r\n<div class=\"railon-kontakt\" data-rok-email=\"aW5mb0ByYWlsb24uZXU=\" data-rok-kategorie=\"\">\r\n\r\n  <!-- \u00dcberschrift \u2014 Pro Seite variieren! -->\r\n  <h2 class=\"railon-kontakt-heading\">Demande sans engagement<\/h2>\r\n\r\n  <!-- Tab-Leiste -->\r\n  <div class=\"railon-kontakt-tablist\" role=\"tablist\" aria-label=\"Kontaktm\u00f6glichkeiten\">\r\n     <button class=\"railon-kontakt-tab\" role=\"tab\" aria-selected=\"true\" aria-controls=\"rok-panel-termin\" tabindex=\"0\">\r\n R\u00e9server un rendez-vous\r\n    <\/button>\r\n    <button class=\"railon-kontakt-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"rok-panel-anfrage\" tabindex=\"-1\">\r\n Demande de voyage\r\n    <\/button> \r\n  <\/div>\r\n\r\n  <!-- Panels -->\r\n  <div class=\"railon-kontakt-panels\">\r\n\r\n    <!-- \u2500\u2500 PANEL 1: Termin + Direktkontakt \u2500\u2500 -->\r\n    <div class=\"railon-kontakt-panel\" role=\"tabpanel\" id=\"rok-panel-termin\" data-state=\"active\">\r\n\r\n      <h3>Choisissez votre mode de contact pr\u00e9f\u00e9r\u00e9<\/h3>\r\n      <p class=\"rok-intro\">\r\n  R\u00e9servez un rendez-vous gratuit et nous discuterons \r\n ensemble de vos souhaits de voyage \u2014 ou envoyez-nous directement votre demande.\r\n      <\/p>\r\n\r\n      <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n           \u2551  CALENDLY \u2014 Embed-Code hier einf\u00fcgen  \u2551\r\n           \u2551  und dieses <div> ersetzen.            \u2551\r\n           \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n      <!-- Calendly Inline-Widget Beginn -->\r\n<div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/railon\/30min?hide_event_type_details=1&hide_gdpr_banner=1\" style=\"min-width:320px;height:700px;\"><\/div>\r\n<script type=\"text\/javascript\" src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" async=\"\"><\/script>\r\n<!-- Calendly Inline-Widget Ende -->\r\n\r\n      <!-- Direktkontakt -->\r\n<div class=\"rok-direct-contact\">\r\n  <p class=\"rok-contact-label\">Ou contactez-nous directement<\/p>\r\n  <div class=\"rok-btn-row\">\r\n\r\n    <!-- WHATSAPP -->\r\n     <a href=\"https:\/\/api.whatsapp.com\/send?phone=43512405015&text=Hallo%20bei%20railOn!%20F\u00fcr%20deine%20Anfrage%2C%20nenne%20uns%20gerne%20Eckdaten%20wie%20zB.Reisedatum%2C%20Teilnehmerzahl%2C%20Ziel%20sowie%20ein%20paar%20Eckdaten%20zu%20euren%20Erwartungen%20an%20die%20Reise.%20Wir%20freuen%20uns\" class=\"rok-contact-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"WhatsApp schreiben\">\r\n      <svg viewbox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\">\r\n        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"><\/path>\r\n        <path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.12.553 4.114 1.519 5.845L0 24l6.335-1.652A11.94 11.94 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75c-1.875 0-3.632-.508-5.145-1.393l-.369-.219-3.826.998 1.02-3.72-.24-.382A9.697 9.697 0 012.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75z\"><\/path>\r\n      <\/svg>\r\n      <span>\u00c9crire sur WhatsApp<\/span>\r\n    <\/a>\r\n\r\n    <!-- KONTAKTFORMULAR \u2014 URL anpassen sobald Seite existiert -->\r\n    <a href=\"https:\/\/railon.eu\/kontakt\/\" class=\"rok-contact-link\" aria-label=\"Zum Kontaktformular\">\r\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect>\r\n        <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path>\r\n      <\/svg>\r\n      <span>Vers le formulaire de contact<\/span>\r\n    <\/a> \r\n\r\n  <\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 PANEL 2: Reiseanfrage-Formular \u2500\u2500 -->\r\n    <div class=\"railon-kontakt-panel\" role=\"tabpanel\" id=\"rok-panel-anfrage\" data-state=\"hidden\">\r\n\r\n      <h3>Faire une demande de voyage<\/h3>\r\n      <p class=\"rok-intro\">\r\n  D\u00e9crivez votre voyage souhait\u00e9 et nous vous \u00e9tablirons \r\n une offre personnalis\u00e9e.\r\n      <\/p>\r\n\r\n      <form class=\"rok-form\" action=\"https:\/\/webto.salesforce.com\/servlet\/servlet.WebToLead?encoding=UTF-8&orgId=00D2o000000jdth\" method=\"POST\">\r\n        <input type=\"hidden\" name=\"oid\" value=\"00D2o000000jdth\">\r\n        <input type=\"hidden\" name=\"retURL\" value=\"https:\/\/www.railon.eu\/danke\">\r\n\r\n        <!-- Kategorie -->\r\n        <label for=\"rok-kategorie\">Domaine<\/label>\r\n        <select id=\"rok-kategorie\" name=\"lead_source\" class=\"rok-kategorie-select\">\r\n          <option value=\"Firmenreisen \/ Team-Events\">Voyages d'entreprise \/ \u00c9v\u00e9nements d'\u00e9quipe<\/option>\r\n          <option value=\"Schulreisen\">Voyages scolaires<\/option>\r\n          <option value=\"Privatreisen\">Voyages priv\u00e9s<\/option>\r\n          <option value=\"B2B Anfrage\">Demande B2B<\/option>\r\n        <\/select>\r\n\r\n        <!-- Reisedaten -->\r\n        <label for=\"rok-ziel\">Destination \/ Destinations *<\/label>\r\n        <textarea id=\"rok-ziel\" name=\"00N2o00000AUU91\" rows=\"2\" required=\"\" placeholder=\"par ex. Vienne, Prague, Budapest\"><\/textarea>\r\n\r\n        <label for=\"rok-abreise\">Lieu de d\u00e9part *<\/label>\r\n        <input id=\"rok-abreise\" type=\"text\" name=\"00N2o00000AUU8w\" required=\"\" placeholder=\"par ex. Munich\">\r\n\r\n        <div class=\"rok-row\">\r\n          <div>\r\n            <label for=\"rok-datum-von\">Date de *<\/label>\r\n            <input id=\"rok-datum-von\" type=\"date\" name=\"00N2o00000Aopkl\" class=\"rok-datum-von\" required=\"\">\r\n          <\/div>\r\n          <div>\r\n            <label for=\"rok-datum-bis\">Date \u00e0 *<\/label>\r\n            <input id=\"rok-datum-bis\" type=\"date\" name=\"00N2o00000Aopkq\" class=\"rok-datum-bis\" required=\"\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <label for=\"rok-beschreibung\">Description d\u00e9taill\u00e9e des souhaits de voyage<\/label>\r\n        <textarea id=\"rok-beschreibung\" name=\"description\" rows=\"3\" placeholder=\"Parlez-nous de vos souhaits...\"><\/textarea>\r\n\r\n        <hr class=\"rok-divider\">\r\n        <h5>Coordonn\u00e9es du d\u00e9cideur<\/h5>\r\n        <hr class=\"rok-divider\">\r\n\r\n        <div class=\"rok-row\">\r\n          <div>\r\n            <label for=\"rok-vorname\">Pr\u00e9nom *<\/label>\r\n            <input id=\"rok-vorname\" type=\"text\" name=\"first_name\" required=\"\">\r\n          <\/div>\r\n          <div>\r\n            <label for=\"rok-nachname\">Nom *<\/label>\r\n            <input id=\"rok-nachname\" type=\"text\" name=\"last_name\" required=\"\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rok-row\">\r\n          <div>\r\n            <label for=\"rok-email-field\">E-mail *<\/label>\r\n            <input id=\"rok-email-field\" type=\"email\" name=\"email\" required=\"\">\r\n          <\/div>\r\n          <div>\r\n            <label for=\"rok-phone\">Num\u00e9ro de portable *<\/label>\r\n            <input id=\"rok-phone\" type=\"text\" name=\"phone\" pattern=\"[\\d\\s\\+\\-]*\" title=\"Seuls les chiffres, espaces, + et - sont autoris\u00e9s\" required=\"\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <label for=\"rok-company\">Entreprise \/ Institution<\/label>\r\n        <input id=\"rok-company\" type=\"text\" name=\"company\" value=\"Priv\u00e9\">\r\n\r\n        <label for=\"rok-teilnehmer\">Participants (nom + date de naissance ou nombre d'enfants \/ adultes)<\/label>\r\n        <textarea id=\"rok-teilnehmer\" name=\"00N2o00000AUUvu\" rows=\"2\" placeholder=\"par ex. 20 adultes, 5 enfants\"><\/textarea>\r\n\r\n        <!-- Unterkunftsqualit\u00e4t -->\r\n        <label>Qualit\u00e9 de l'h\u00e9bergement<\/label>\r\n        <div class=\"rok-checkbox-group\">\r\n          <label><input type=\"checkbox\" name=\"00NTX00000A7YqP\" value=\"Budget (Hostel im Mehrbettzimmer)\"><span>Budget<\/span><\/label>\r\n          <label><input type=\"checkbox\" name=\"00NTX00000A7YqP\" value=\"Basic (Privates Zimmer mit Bad)\"><span>Basic<\/span><\/label>\r\n          <label><input type=\"checkbox\" name=\"00NTX00000A7YqP\" value=\"Comfort (Privates Zimmer mit h\u00f6heren Standards)\"><span>Comfort<\/span><\/label>\r\n          <label><input type=\"checkbox\" name=\"00NTX00000A7YqP\" value=\"Deluxe (Luxus Standard)\"><span>Deluxe<\/span><\/label>\r\n          <label><input type=\"checkbox\" name=\"00NTX00000A7YqP\" value=\"Anderes (bitte im Beschreibungsfeld angeben)\"><span>Autre<\/span><\/label>\r\n        <\/div>\r\n\r\n        <!-- hCaptcha (Submit-Freischaltung l\u00e4uft \u00fcber das globale JS,\r\n             unabh\u00e4ngig vom WP hCaptcha-Plugin) -->\r\n        <div style=\"margin-top: 16px;\">\r\n          <div class=\"h-captcha\" data-sitekey=\"0808d18e-c314-4b70-b2d6-9df28b60281a\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"rok-submit-btn\" disabled>Envoyer<\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e359f1a e-con-full e-flex e-con e-parent\" data-id=\"e359f1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-986d945 elementor-widget elementor-widget-heading\" data-id=\"986d945\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Trouver la destination de voyage parfaite\u2026<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91639d0 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"91639d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n\/* ================================================\r\n   REISEZIEL GALERIE v3.0\r\n   ================================================ *\/\r\n#rg-1 {\r\n    --rg-accent:      #F1C232;\r\n    --rg-card-bg:     #1e1e1e;\r\n    --rg-radius:      12px;\r\n    --rg-card-width:  260px;\r\n    --rg-img-height:  180px;\r\n    --rg-btn-radius:  25px;\r\n    --rg-fz:          14px;\r\n    font-family: inherit;\r\n    max-width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 Filter Bar \u2500\u2500 *\/\r\n#rg-1 .rg-filter-bar {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 28px;\r\n}\r\n#rg-1 .rg-filter-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n#rg-1 .rg-label {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #888;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.6px;\r\n    white-space: nowrap;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* Zielgruppe toggle buttons *\/\r\n#rg-1 .rg-zg-btn {\r\n    padding: 7px 16px;\r\n    border: 2px solid #1e1e1e;\r\n    border-radius: var(--rg-btn-radius);\r\n    background: #1e1e1e;\r\n    color: #fff;\r\n    font-size: var(--rg-fz);\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: border-color 0.2s ease, color 0.2s ease;\r\n    white-space: nowrap;\r\n    line-height: 1;\r\n}\r\n#rg-1 .rg-zg-btn:hover {\r\n    border-color: var(--rg-accent);\r\n    color: var(--rg-accent);\r\n}\r\n#rg-1 .rg-zg-btn.active {\r\n    border-color: var(--rg-accent);\r\n    color: var(--rg-accent);\r\n}\r\n\r\n\/* \u2500\u2500 Dropdown Filters \u2500\u2500 *\/\r\n#rg-1 .rg-dd-wrap {\r\n    position: relative;\r\n}\r\n#rg-1 .rg-dd-btn {\r\n    padding: 7px 14px;\r\n    border: 2px solid #1e1e1e;\r\n    border-radius: var(--rg-btn-radius);\r\n    background: #1e1e1e;\r\n    color: #fff;\r\n    font-size: var(--rg-fz);\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: border-color 0.2s ease, color 0.2s ease;\r\n    white-space: nowrap;\r\n    line-height: 1;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n#rg-1 .rg-dd-btn:hover,\r\n#rg-1 .rg-dd-wrap.has-sel .rg-dd-btn {\r\n    border-color: var(--rg-accent);\r\n    color: var(--rg-accent);\r\n}\r\n#rg-1 .rg-dd-arrow {\r\n    font-size: 9px;\r\n    display: inline-block;\r\n    transition: transform 0.2s ease;\r\n    line-height: 1;\r\n    opacity: 0.7;\r\n}\r\n#rg-1 .rg-dd-wrap.open .rg-dd-arrow {\r\n    transform: rotate(180deg);\r\n}\r\n#rg-1 .rg-dd-count {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 18px;\r\n    height: 18px;\r\n    padding: 0 4px;\r\n    background: var(--rg-accent);\r\n    color: #1e1e1e;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    border-radius: 9px;\r\n    line-height: 1;\r\n}\r\n#rg-1 .rg-dd-menu {\r\n    display: none;\r\n    position: absolute;\r\n    top: calc(100% + 6px);\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #2a2a2a;\r\n    border: 1px solid #3a3a3a;\r\n    border-radius: 10px;\r\n    padding: 6px;\r\n    min-width: 170px;\r\n    z-index: 300;\r\n    box-shadow: 0 6px 24px rgba(0,0,0,0.5);\r\n}\r\n#rg-1 .rg-dd-wrap.open .rg-dd-menu {\r\n    display: block;\r\n}\r\n#rg-1 .rg-dd-opt {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    width: 100%;\r\n    padding: 8px 10px;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: 6px;\r\n    color: #bbb;\r\n    font-size: 13px;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    transition: background 0.15s, color 0.15s;\r\n    white-space: nowrap;\r\n}\r\n#rg-1 .rg-dd-opt::before {\r\n    content: '';\r\n    display: inline-flex;\r\n    flex-shrink: 0;\r\n    width: 14px;\r\n    height: 14px;\r\n    border: 2px solid #555;\r\n    border-radius: 3px;\r\n    transition: background 0.15s, border-color 0.15s;\r\n    background: transparent;\r\n}\r\n#rg-1 .rg-dd-opt:hover { background: #333; color: #fff; }\r\n#rg-1 .rg-dd-opt.active { color: var(--rg-accent); }\r\n#rg-1 .rg-dd-opt.active::before {\r\n    background: var(--rg-accent);\r\n    border-color: var(--rg-accent);\r\n}\r\n\r\n\/* \u2500\u2500 Scroll Container \u2500\u2500 *\/\r\n#rg-1 .rg-scroll {\r\n    overflow-x: auto;\r\n    overflow-y: visible;\r\n    -webkit-overflow-scrolling: touch;\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #444 transparent;\r\n    padding-bottom: 12px;\r\n}\r\n#rg-1 .rg-scroll::-webkit-scrollbar { height: 5px; }\r\n#rg-1 .rg-scroll::-webkit-scrollbar-thumb {\r\n    background: #444; border-radius: 3px;\r\n}\r\n#rg-1 .rg-row {\r\n    display: flex;\r\n    gap: 16px;\r\n    width: max-content;\r\n    align-items: flex-start; \/* so varying body heights don't stretch neighbours *\/\r\n}\r\n\r\n\/* \u2500\u2500 Card \u2500\u2500 *\/\r\n#rg-1 .rg-card {\r\n    flex: 0 0 var(--rg-card-width);\r\n    width: var(--rg-card-width);\r\n    background: var(--rg-card-bg);\r\n    border-radius: var(--rg-radius);\r\n    overflow: hidden;\r\n    text-decoration: none !important;\r\n    color: inherit;\r\n    display: flex;\r\n    flex-direction: column;\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n#rg-1 .rg-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 28px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* Image *\/\r\n#rg-1 .rg-img-wrap {\r\n    width: 100%;\r\n    height: var(--rg-img-height);\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n    background: #2a2a2a;\r\n}\r\n#rg-1 .rg-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    filter: grayscale(100%);\r\n    transition: filter 0.45s ease, transform 0.45s ease;\r\n}\r\n#rg-1 .rg-card:hover .rg-img {\r\n    filter: grayscale(0%);\r\n    transform: scale(1.06);\r\n}\r\n\r\n\/* Card Body *\/\r\n#rg-1 .rg-body {\r\n    padding: 14px 16px 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* Tags \u2013 hidden until hover *\/\r\n#rg-1 .rg-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n    max-height: 0;\r\n    overflow: visible;\r\n    opacity: 0;\r\n    margin-bottom: 0;\r\n    transition: max-height 0.32s ease, opacity 0.32s ease, margin-bottom 0.32s ease;\r\n}\r\n#rg-1 .rg-card:hover .rg-tags,\r\n#rg-1 .rg-card.mob-active .rg-tags {\r\n    max-height: 80px;\r\n    opacity: 1;\r\n    margin-bottom: 8px;\r\n}\r\n#rg-1 .rg-tag {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    padding: 3px 9px;\r\n    border-radius: 10px;\r\n    background: rgba(241,194,50,0.12);\r\n    color: var(--rg-accent);\r\n    white-space: nowrap;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* +N overflow badge *\/\r\n#rg-1 .rg-tag-more {\r\n    position: relative;\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    padding: 3px 9px;\r\n    border-radius: 10px;\r\n    background: rgba(255,255,255,0.07);\r\n    color: #888;\r\n    white-space: nowrap;\r\n    line-height: 1.5;\r\n    cursor: pointer;\r\n    user-select: none;\r\n}\r\n\/* Desktop: hover to reveal tooltip *\/\r\n#rg-1 .rg-tag-more:hover .rg-tip,\r\n#rg-1 .rg-tag-more.tip-open .rg-tip {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n    transform: translateX(-50%) translateY(0);\r\n}\r\n#rg-1 .rg-tip {\r\n    position: absolute;\r\n    bottom: calc(100% + 8px);\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(5px);\r\n    background: #333;\r\n    border: 1px solid #444;\r\n    border-radius: 8px;\r\n    padding: 8px 10px;\r\n    z-index: 400;\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.5);\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n    min-width: 120px;\r\n    max-width: 210px;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.2s ease, transform 0.2s ease;\r\n    white-space: normal;\r\n}\r\n#rg-1 .rg-tip-tag {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    padding: 2px 8px;\r\n    border-radius: 8px;\r\n    background: rgba(241,194,50,0.12);\r\n    color: var(--rg-accent);\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* Subtitle \/ Meta \u2013 hidden until hover *\/\r\n#rg-1 .rg-meta {\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,0.45);\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    margin-bottom: 0;\r\n    transition: max-height 0.32s ease, opacity 0.32s ease, margin-bottom 0.32s ease;\r\n}\r\n#rg-1 .rg-card:hover .rg-meta,\r\n#rg-1 .rg-card.mob-active .rg-meta {\r\n    max-height: 30px;\r\n    opacity: 1;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n\/* Title \u2013 always visible *\/\r\n#rg-1 .rg-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--rg-accent);\r\n    line-height: 1.3;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* No results *\/\r\n#rg-1 .rg-nores {\r\n    display: none;\r\n    padding: 32px;\r\n    text-align: center;\r\n    color: #888;\r\n    font-size: 15px;\r\n}\r\n#rg-1 .rg-nores.on { display: block; }\r\n\r\n\/* ================================================\r\n   MOBILE CAROUSEL (\u2264 768px)\r\n   ================================================ *\/\r\n@media (max-width: 768px) {\r\n    #rg-1 {\r\n        --rg-card-width: 240px;\r\n        --rg-img-height: 160px;\r\n    }\r\n    #rg-1 .rg-scroll {\r\n        scroll-snap-type: x mandatory;\r\n        overflow-x: scroll;\r\n        overflow-y: visible;\r\n        padding-left:   calc(50% - 120px);\r\n        padding-right:  calc(50% - 120px);\r\n        padding-top:    20px;\r\n        padding-bottom: 20px;\r\n        \/* hide scrollbar on mobile *\/\r\n        scrollbar-width: none;\r\n    }\r\n    #rg-1 .rg-scroll::-webkit-scrollbar { display: none; }\r\n    #rg-1 .rg-row {\r\n        width: auto;\r\n        flex-wrap: nowrap;\r\n        gap: 20px;\r\n        align-items: center; \/* vertically center cards in row *\/\r\n    }\r\n    #rg-1 .rg-card {\r\n        scroll-snap-align: center;\r\n        \/* inactive card: slightly tilted, desaturated *\/\r\n        filter: grayscale(65%) opacity(0.65);\r\n        transform: rotate(-2.5deg) scale(0.88);\r\n        transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.3s ease;\r\n    }\r\n    \/* Alternate tilt direction by DOM position *\/\r\n    #rg-1 .rg-card:nth-child(even) {\r\n        transform: rotate(2.5deg) scale(0.88);\r\n    }\r\n    \/* Disable desktop hover effects on mobile *\/\r\n    #rg-1 .rg-card:hover {\r\n        transform: rotate(-2.5deg) scale(0.88);\r\n        box-shadow: none;\r\n    }\r\n    #rg-1 .rg-card:nth-child(even):hover {\r\n        transform: rotate(2.5deg) scale(0.88);\r\n    }\r\n    \/* Active (center) card *\/\r\n    #rg-1 .rg-card.mob-active,\r\n    #rg-1 .rg-card.mob-active:hover {\r\n        filter: grayscale(0%) opacity(1);\r\n        transform: rotate(0deg) scale(1) !important;\r\n        box-shadow: 0 8px 32px rgba(0,0,0,0.45);\r\n    }\r\n    #rg-1 .rg-card.mob-active .rg-img {\r\n        filter: grayscale(0%);\r\n    }\r\n    \/* Filter bar wrapping on small screens *\/\r\n    #rg-1 .rg-filter-row { gap: 6px; }\r\n    #rg-1 .rg-zg-btn,\r\n    #rg-1 .rg-dd-btn { font-size: 13px; padding: 6px 12px; }\r\n    \/* Dropdown opens upward if near bottom *\/\r\n    #rg-1 .rg-dd-menu {\r\n        left: 0;\r\n        transform: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 430px) {\r\n    #rg-1 {\r\n        --rg-card-width: 210px;\r\n    }\r\n    #rg-1 .rg-scroll {\r\n        padding-left:  calc(50% - 105px);\r\n        padding-right: calc(50% - 105px);\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div id=\"rg-1\">\r\n\r\n    <!-- \u2500\u2500 Filter Bar \u2500\u2500 -->\r\n    <div class=\"rg-filter-bar\">\r\n\r\n                \r\n                \r\n    <\/div><!-- .rg-filter-bar -->\r\n\r\n    <!-- \u2500\u2500 Cards \u2500\u2500 -->\r\n    <div class=\"rg-scroll\">\r\n        <div class=\"rg-row\">\r\n\r\n                <a class=\"rg-card\"\r\n           href=\"https:\/\/railon.eu\/berlin-mit-der-bahn\/\"\r\n           data-reg=\"deutschland,mitteleuropa\"\r\n           data-zg=\"geschaeftsreisen,klassenfahrten,privatreisen,teamevents,vereinsausfluege\"\r\n           data-sai=\"sommer,winter\"\r\n           data-rea=\"bildung,kultur,staedtereisen\"\r\n           data-urls=\"{&quot;geschaeftsreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/berlin-mit-der-bahn\\\/&quot;,&quot;klassenfahrten&quot;:&quot;https:\\\/\\\/railon.eu\\\/berlin-mit-der-bahn\\\/&quot;,&quot;privatreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/berlin-mit-der-bahn\\\/&quot;,&quot;teamevents&quot;:&quot;https:\\\/\\\/railon.eu\\\/berlin-mit-der-bahn\\\/&quot;,&quot;vereinsausfluege&quot;:&quot;https:\\\/\\\/railon.eu\\\/berlin-mit-der-bahn\\\/&quot;}\"\r\n           data-title=\"berlin\">\r\n\r\n            <div class=\"rg-img-wrap\">\r\n                <img decoding=\"async\" class=\"rg-img\"\r\n                     src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/pexels-florencia-aguilar-borri-226043338-12016836-1-768x960.jpg\"\r\n                     alt=\"Berlin\"\r\n                     loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div class=\"rg-body\">\r\n                <!-- Tags (hover \/ mob-active only) -->\r\n                <div class=\"rg-tags\">\r\n                                        <span class=\"rg-tag\">Deutschland<\/span>\r\n                                        <span class=\"rg-tag\">Mitteleuropa<\/span>\r\n                                        <span class=\"rg-tag\">Sommer<\/span>\r\n                                                            <span class=\"rg-tag-more\">\r\n                        +9                        <div class=\"rg-tip\">\r\n                                                        <span class=\"rg-tip-tag\">Winter<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Bildung<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Kultur<\/span>\r\n                                                        <span class=\"rg-tip-tag\">St\u00e4dtereisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Gesch\u00e4ftsreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Klassenfahrten<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Privatreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Team-Events<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Vereinsausfl\u00fcge<\/span>\r\n                                                    <\/div>\r\n                    <\/span>\r\n                                    <\/div>\r\n\r\n                <!-- Subtitle (hover \/ mob-active only) -->\r\n                                <div class=\"rg-meta\">Deutschland, Mitteleuropa<\/div>\r\n                \r\n                <!-- Title \u2013 always visible -->\r\n                <h3 class=\"rg-title\">Berlin<\/h3>\r\n            <\/div>\r\n        <\/a>\r\n                <a class=\"rg-card\"\r\n           href=\"https:\/\/railon.eu\/helsinki-mit-der-bahn-und-schiff\/\"\r\n           data-reg=\"finnland,nordeuropa\"\r\n           data-zg=\"geschaeftsreisen,hochzeitsreisen,klassenfahrten\"\r\n           data-sai=\"sommer,winter\"\r\n           data-rea=\"kultur,natur,staedtereisen\"\r\n           data-urls=\"{&quot;geschaeftsreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/helsinki-mit-der-bahn-und-schiff\\\/&quot;,&quot;hochzeitsreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/helsinki-mit-der-bahn-und-schiff\\\/&quot;,&quot;klassenfahrten&quot;:&quot;https:\\\/\\\/railon.eu\\\/helsinki-mit-der-bahn-und-schiff\\\/&quot;}\"\r\n           data-title=\"helsinki\">\r\n\r\n            <div class=\"rg-img-wrap\">\r\n                <img decoding=\"async\" class=\"rg-img\"\r\n                     src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/04\/IMG_3659-768x1024.jpeg\"\r\n                     alt=\"Helsinki\"\r\n                     loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div class=\"rg-body\">\r\n                <!-- Tags (hover \/ mob-active only) -->\r\n                <div class=\"rg-tags\">\r\n                                        <span class=\"rg-tag\">Finnland<\/span>\r\n                                        <span class=\"rg-tag\">Nordeuropa<\/span>\r\n                                        <span class=\"rg-tag\">Sommer<\/span>\r\n                                                            <span class=\"rg-tag-more\">\r\n                        +7                        <div class=\"rg-tip\">\r\n                                                        <span class=\"rg-tip-tag\">Winter<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Kultur<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Natur<\/span>\r\n                                                        <span class=\"rg-tip-tag\">St\u00e4dtereisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Gesch\u00e4ftsreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Hochzeitsreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Klassenfahrten<\/span>\r\n                                                    <\/div>\r\n                    <\/span>\r\n                                    <\/div>\r\n\r\n                <!-- Subtitle (hover \/ mob-active only) -->\r\n                                <div class=\"rg-meta\">Finnland, Nordeuropa<\/div>\r\n                \r\n                <!-- Title \u2013 always visible -->\r\n                <h3 class=\"rg-title\">Helsinki<\/h3>\r\n            <\/div>\r\n        <\/a>\r\n                <a class=\"rg-card\"\r\n           href=\"https:\/\/railon.eu\/fr\/innsbruck\/\"\r\n           data-reg=\"mitteleuropa,oesterreich\"\r\n           data-zg=\"klassenfahrten,privatreisen,teamevents,vereinsausfluege\"\r\n           data-sai=\"sommer,winter\"\r\n           data-rea=\"kultur,natur,staedtereisen\"\r\n           data-urls=\"{&quot;klassenfahrten&quot;:&quot;https:\\\/\\\/railon.eu\\\/fr\\\/innsbruck\\\/&quot;,&quot;privatreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/fr\\\/innsbruck\\\/&quot;,&quot;teamevents&quot;:&quot;https:\\\/\\\/railon.eu\\\/fr\\\/innsbruck\\\/&quot;,&quot;vereinsausfluege&quot;:&quot;https:\\\/\\\/railon.eu\\\/fr\\\/innsbruck\\\/&quot;}\"\r\n           data-title=\"innsbruck\">\r\n\r\n            <div class=\"rg-img-wrap\">\r\n                <img decoding=\"async\" class=\"rg-img\"\r\n                     src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/Gross-IMG_4561-768x576.jpeg\"\r\n                     alt=\"Innsbruck\"\r\n                     loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div class=\"rg-body\">\r\n                <!-- Tags (hover \/ mob-active only) -->\r\n                <div class=\"rg-tags\">\r\n                                        <span class=\"rg-tag\">Mitteleuropa<\/span>\r\n                                        <span class=\"rg-tag\">\u00d6sterreich<\/span>\r\n                                        <span class=\"rg-tag\">Sommer<\/span>\r\n                                                            <span class=\"rg-tag-more\">\r\n                        +8                        <div class=\"rg-tip\">\r\n                                                        <span class=\"rg-tip-tag\">Winter<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Kultur<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Natur<\/span>\r\n                                                        <span class=\"rg-tip-tag\">St\u00e4dtereisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Klassenfahrten<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Privatreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Team-Events<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Vereinsausfl\u00fcge<\/span>\r\n                                                    <\/div>\r\n                    <\/span>\r\n                                    <\/div>\r\n\r\n                <!-- Subtitle (hover \/ mob-active only) -->\r\n                                <div class=\"rg-meta\">Mitteleuropa, \u00d6sterreich<\/div>\r\n                \r\n                <!-- Title \u2013 always visible -->\r\n                <h3 class=\"rg-title\">Innsbruck<\/h3>\r\n            <\/div>\r\n        <\/a>\r\n                <a class=\"rg-card\"\r\n           href=\"https:\/\/railon.eu\/paris-mit-der-bahn\/\"\r\n           data-reg=\"frankreich,westeuropa\"\r\n           data-zg=\"geschaeftsreisen,hochzeitsreisen,klassenfahrten,luxusreisen,privatreisen,teamevents,vereinsausfluege\"\r\n           data-sai=\"sommer,winter\"\r\n           data-rea=\"bildung,kultur,staedtereisen\"\r\n           data-urls=\"{&quot;geschaeftsreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/paris-mit-der-bahn\\\/&quot;,&quot;hochzeitsreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/paris-mit-der-bahn\\\/&quot;,&quot;klassenfahrten&quot;:&quot;https:\\\/\\\/railon.eu\\\/paris-mit-der-bahn\\\/&quot;,&quot;luxusreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/paris-mit-der-bahn\\\/&quot;,&quot;privatreisen&quot;:&quot;https:\\\/\\\/railon.eu\\\/paris-mit-der-bahn\\\/&quot;,&quot;teamevents&quot;:&quot;https:\\\/\\\/railon.eu\\\/paris-mit-der-bahn\\\/&quot;,&quot;vereinsausfluege&quot;:&quot;https:\\\/\\\/railon.eu\\\/paris-mit-der-bahn\\\/&quot;}\"\r\n           data-title=\"paris\">\r\n\r\n            <div class=\"rg-img-wrap\">\r\n                <img decoding=\"async\" class=\"rg-img\"\r\n                     src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/06\/Gross-IMG_8355-1-768x438.jpeg\"\r\n                     alt=\"Paris\"\r\n                     loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div class=\"rg-body\">\r\n                <!-- Tags (hover \/ mob-active only) -->\r\n                <div class=\"rg-tags\">\r\n                                        <span class=\"rg-tag\">Frankreich<\/span>\r\n                                        <span class=\"rg-tag\">Westeuropa<\/span>\r\n                                        <span class=\"rg-tag\">Sommer<\/span>\r\n                                                            <span class=\"rg-tag-more\">\r\n                        +11                        <div class=\"rg-tip\">\r\n                                                        <span class=\"rg-tip-tag\">Winter<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Bildung<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Kultur<\/span>\r\n                                                        <span class=\"rg-tip-tag\">St\u00e4dtereisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Gesch\u00e4ftsreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Hochzeitsreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Klassenfahrten<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Luxusreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Privatreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Team-Events<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Vereinsausfl\u00fcge<\/span>\r\n                                                    <\/div>\r\n                    <\/span>\r\n                                    <\/div>\r\n\r\n                <!-- Subtitle (hover \/ mob-active only) -->\r\n                                <div class=\"rg-meta\">Europa<\/div>\r\n                \r\n                <!-- Title \u2013 always visible -->\r\n                <h3 class=\"rg-title\">Paris<\/h3>\r\n            <\/div>\r\n        <\/a>\r\n                <a class=\"rg-card\"\r\n           href=\"#\"\r\n           data-reg=\"italien,suedeuropa\"\r\n           data-zg=\"klassenfahrten,privatreisen,teamevents\"\r\n           data-sai=\"sommer,winter\"\r\n           data-rea=\"kultur,staedtereisen\"\r\n           data-urls=\"[]\"\r\n           data-title=\"rom\">\r\n\r\n            <div class=\"rg-img-wrap\">\r\n                <img decoding=\"async\" class=\"rg-img\"\r\n                     src=\"\"\r\n                     alt=\"Rom\"\r\n                     loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div class=\"rg-body\">\r\n                <!-- Tags (hover \/ mob-active only) -->\r\n                <div class=\"rg-tags\">\r\n                                        <span class=\"rg-tag\">Italien<\/span>\r\n                                        <span class=\"rg-tag\">S\u00fcdeuropa<\/span>\r\n                                        <span class=\"rg-tag\">Sommer<\/span>\r\n                                                            <span class=\"rg-tag-more\">\r\n                        +6                        <div class=\"rg-tip\">\r\n                                                        <span class=\"rg-tip-tag\">Winter<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Kultur<\/span>\r\n                                                        <span class=\"rg-tip-tag\">St\u00e4dtereisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Klassenfahrten<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Privatreisen<\/span>\r\n                                                        <span class=\"rg-tip-tag\">Team-Events<\/span>\r\n                                                    <\/div>\r\n                    <\/span>\r\n                                    <\/div>\r\n\r\n                <!-- Subtitle (hover \/ mob-active only) -->\r\n                                <div class=\"rg-meta\">S\u00fcdeuropa<\/div>\r\n                \r\n                <!-- Title \u2013 always visible -->\r\n                <h3 class=\"rg-title\">Rom<\/h3>\r\n            <\/div>\r\n        <\/a>\r\n                <a class=\"rg-card\"\r\n           href=\"#\"\r\n           data-reg=\"mitteleuropa,oesterreich\"\r\n           data-zg=\"\"\r\n           data-sai=\"\"\r\n           data-rea=\"\"\r\n           data-urls=\"[]\"\r\n           data-title=\"wien\">\r\n\r\n            <div class=\"rg-img-wrap\">\r\n                <img decoding=\"async\" class=\"rg-img\"\r\n                     src=\"\"\r\n                     alt=\"Wien\"\r\n                     loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div class=\"rg-body\">\r\n                <!-- Tags (hover \/ mob-active only) -->\r\n                <div class=\"rg-tags\">\r\n                                        <span class=\"rg-tag\">Mitteleuropa<\/span>\r\n                                        <span class=\"rg-tag\">\u00d6sterreich<\/span>\r\n                                                        <\/div>\r\n\r\n                <!-- Subtitle (hover \/ mob-active only) -->\r\n                                <div class=\"rg-meta\">Mitteleuropa, \u00d6sterreich<\/div>\r\n                \r\n                <!-- Title \u2013 always visible -->\r\n                <h3 class=\"rg-title\">Wien<\/h3>\r\n            <\/div>\r\n        <\/a>\r\n        \r\n        <\/div><!-- .rg-row -->\r\n    <\/div><!-- .rg-scroll -->\r\n\r\n    <div class=\"rg-nores\">Kein Reiseziel gefunden.<\/div>\r\n\r\n<\/div><!-- #gid -->\r\n\r\n<script>\r\n(function() {\r\n    var G = document.getElementById('rg-1');\r\n    if (!G) return;\r\n\r\n    \/* \u2500\u2500\u2500 Filter State \u2500\u2500\u2500 *\/\r\n    var selZG  = new Set();  \/\/ empty = alle\r\n    var selReg = new Set();\r\n    var selSai = new Set();\r\n    var selRea = new Set();\r\n    var FZG    = '';\r\n    var FREG   = '';\r\n\r\n    var cards    = Array.from(G.querySelectorAll('.rg-card'));\r\n    var noRes    = G.querySelector('.rg-nores');\r\n    var scrollEl = G.querySelector('.rg-scroll');\r\n\r\n    \/* \u2500\u2500\u2500 Zielgruppe Multi-Select \u2500\u2500\u2500 *\/\r\n    var zgBtns = G.querySelectorAll('.rg-zg-btn');\r\n    zgBtns.forEach(function(btn) {\r\n        btn.addEventListener('click', function() {\r\n            var v = btn.getAttribute('data-zg');\r\n            var alleBtn = G.querySelector('.rg-zg-btn[data-zg=\"alle\"]');\r\n            if (v === 'alle') {\r\n                selZG.clear();\r\n                zgBtns.forEach(function(b) { b.classList.remove('active'); });\r\n                btn.classList.add('active');\r\n            } else {\r\n                if (alleBtn) alleBtn.classList.remove('active');\r\n                if (selZG.has(v)) { selZG.delete(v); btn.classList.remove('active'); }\r\n                else              { selZG.add(v);    btn.classList.add('active'); }\r\n                if (selZG.size === 0 && alleBtn) alleBtn.classList.add('active');\r\n            }\r\n            doFilter();\r\n        });\r\n    });\r\n\r\n    \/* \u2500\u2500\u2500 Dropdown Filters \u2500\u2500\u2500 *\/\r\n    var dds = G.querySelectorAll('.rg-dd-wrap');\r\n\r\n    function closeAllDd() {\r\n        dds.forEach(function(d) { d.classList.remove('open'); });\r\n    }\r\n\r\n    dds.forEach(function(dd) {\r\n        var ft   = dd.getAttribute('data-filter');\r\n        var btn  = dd.querySelector('.rg-dd-btn');\r\n        var menu = dd.querySelector('.rg-dd-menu');\r\n        var set  = ft === 'region' ? selReg : ft === 'saison' ? selSai : selRea;\r\n\r\n        \/\/ Toggle dropdown\r\n        btn.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            var isOpen = dd.classList.contains('open');\r\n            closeAllDd();\r\n            if (!isOpen) dd.classList.add('open');\r\n        });\r\n\r\n        \/\/ Keep open when clicking inside menu (multi-select)\r\n        menu.addEventListener('click', function(e) { e.stopPropagation(); });\r\n\r\n        \/\/ Option toggle\r\n        dd.querySelectorAll('.rg-dd-opt').forEach(function(opt) {\r\n            opt.addEventListener('click', function() {\r\n                var v = opt.getAttribute('data-val');\r\n                if (set.has(v)) { set.delete(v); opt.classList.remove('active'); }\r\n                else            { set.add(v);    opt.classList.add('active'); }\r\n                updateBadge(dd, btn, set);\r\n                doFilter();\r\n            });\r\n        });\r\n    });\r\n\r\n    \/\/ Close dropdowns when clicking outside\r\n    document.addEventListener('click', function() {\r\n        closeAllDd();\r\n        G.querySelectorAll('.rg-tag-more.tip-open').forEach(function(b) { b.classList.remove('tip-open'); });\r\n    });\r\n    \/\/ Prevent G-internal clicks from propagating to document (only for dropdowns)\r\n    \/\/ We attach this only to the filter bar so card links still work\r\n    G.querySelector('.rg-filter-bar').addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n    });\r\n\r\n    function updateBadge(dd, btn, set) {\r\n        var old = btn.querySelector('.rg-dd-count');\r\n        if (old) old.remove();\r\n        if (set.size > 0) {\r\n            dd.classList.add('has-sel');\r\n            var badge = document.createElement('span');\r\n            badge.className = 'rg-dd-count';\r\n            badge.textContent = set.size;\r\n            btn.insertBefore(badge, btn.querySelector('.rg-dd-arrow'));\r\n        } else {\r\n            dd.classList.remove('has-sel');\r\n        }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Filter Logic \u2500\u2500\u2500 *\/\r\n    function matchSet(card, attr, set) {\r\n        if (set.size === 0) return true;\r\n        var v = card.getAttribute(attr);\r\n        if (!v) return false;\r\n        var parts = v.split(',');\r\n        for (var i = 0; i < parts.length; i++) {\r\n            if (set.has(parts[i])) return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    function doFilter() {\r\n        var vis = 0;\r\n        cards.forEach(function(c) {\r\n            var ok = true;\r\n            if (!FZG)  ok = ok && matchSet(c, 'data-zg',  selZG);\r\n            if (!FREG) ok = ok && matchSet(c, 'data-reg', selReg);\r\n                       ok = ok && matchSet(c, 'data-sai', selSai);\r\n                       ok = ok && matchSet(c, 'data-rea', selRea);\r\n            c.style.display = ok ? '' : 'none';\r\n            if (ok) vis++;\r\n        });\r\n\r\n        \/\/ Update card links based on active zielgruppe\r\n        var oneZg = selZG.size === 1 ? Array.from(selZG)[0] : (FZG || null);\r\n        cards.forEach(function(c) {\r\n            if (c.style.display === 'none') return;\r\n            try {\r\n                var urls = JSON.parse(c.getAttribute('data-urls'));\r\n                c.href = (oneZg && urls[oneZg]) ? urls[oneZg] : (Object.values(urls)[0] || '#');\r\n            } catch(e) {}\r\n        });\r\n\r\n        if (noRes) noRes.classList.toggle('on', vis === 0);\r\n        if (isMob()) setTimeout(mobInit, 50);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 +N Tooltip \u2500\u2500\u2500 *\/\r\n    \/\/ Desktop: CSS :hover handles it\r\n    \/\/ Mobile: click toggle\r\n    G.querySelector('.rg-scroll').addEventListener('click', function(e) {\r\n        var btn = e.target.closest('.rg-tag-more');\r\n        if (btn) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            var isOpen = btn.classList.contains('tip-open');\r\n            G.querySelectorAll('.rg-tag-more.tip-open').forEach(function(b) { b.classList.remove('tip-open'); });\r\n            if (!isOpen) btn.classList.add('tip-open');\r\n        }\r\n    });\r\n\r\n    \/* \u2500\u2500\u2500 Mobile Carousel \u2500\u2500\u2500 *\/\r\n    function isMob() { return window.innerWidth <= 768; }\r\n\r\n    function visCards() {\r\n        return cards.filter(function(c) { return c.style.display !== 'none'; });\r\n    }\r\n\r\n    function mobUpdate() {\r\n        if (!isMob()) return;\r\n        var vc = visCards();\r\n        if (!vc.length) return;\r\n\r\n        var containerCx = scrollEl.getBoundingClientRect().left + scrollEl.offsetWidth \/ 2;\r\n        var best = null, bestDist = Infinity;\r\n\r\n        vc.forEach(function(c) {\r\n            var r = c.getBoundingClientRect();\r\n            var dist = Math.abs((r.left + r.width \/ 2) - containerCx);\r\n            if (dist < bestDist) { bestDist = dist; best = c; }\r\n        });\r\n\r\n        vc.forEach(function(c) { c.classList.toggle('mob-active', c === best); });\r\n    }\r\n\r\n    function mobInit() {\r\n        if (!isMob()) return;\r\n        var vc = visCards();\r\n        \/\/ Activate first card initially\r\n        vc.forEach(function(c) { c.classList.remove('mob-active'); });\r\n        if (vc.length) vc[0].classList.add('mob-active');\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Mouse Drag Scroll \u2500\u2500\u2500 *\/\r\n    var drag = { active: false, startX: 0, scrollLeft: 0 };\r\n\r\n    scrollEl.addEventListener('mousedown', function(e) {\r\n        drag.active    = true;\r\n        drag.startX    = e.pageX - scrollEl.offsetLeft;\r\n        drag.scrollLeft = scrollEl.scrollLeft;\r\n        scrollEl.style.cursor = 'grabbing';\r\n        scrollEl.style.userSelect = 'none';\r\n    });\r\n\r\n    scrollEl.addEventListener('mouseleave', function() {\r\n        drag.active = false;\r\n        scrollEl.style.cursor = '';\r\n        scrollEl.style.userSelect = '';\r\n    });\r\n\r\n    scrollEl.addEventListener('mouseup', function() {\r\n        drag.active = false;\r\n        scrollEl.style.cursor = '';\r\n        scrollEl.style.userSelect = '';\r\n    });\r\n\r\n    scrollEl.addEventListener('mousemove', function(e) {\r\n        if (!drag.active) return;\r\n        e.preventDefault();\r\n        var x    = e.pageX - scrollEl.offsetLeft;\r\n        var walk = (x - drag.startX) * 1.2; \/\/ 1.2 = slight speed boost\r\n        scrollEl.scrollLeft = drag.scrollLeft - walk;\r\n    });\r\n\r\n    var scrollTimer;\r\n    scrollEl.addEventListener('scroll', function() {\r\n        clearTimeout(scrollTimer);\r\n        scrollTimer = setTimeout(mobUpdate, 60);\r\n    }, { passive: true });\r\n\r\n    window.addEventListener('resize', function() {\r\n        if (!isMob()) {\r\n            cards.forEach(function(c) { c.classList.remove('mob-active'); });\r\n        } else {\r\n            mobUpdate();\r\n        }\r\n    });\r\n\r\n    \/\/ Initial state\r\n    if (isMob()) mobInit();\r\n\r\n})();\r\n<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Voyages de groupe en train pour \u00e9coles, associations ou organisations Voyages scolaires, sorties d&rsquo;association ou journ\u00e9es de projet Continuer ici [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-5910","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Classes scolaires et organisations - Railon - Zugreisen durch Europa<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Classes scolaires et organisations - Railon - Zugreisen durch Europa\" \/>\n<meta property=\"og:description\" content=\"Voyages de groupe en train pour \u00e9coles, associations ou organisations Voyages scolaires, sorties d&rsquo;association ou journ\u00e9es de projet Continuer ici [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/\" \/>\n<meta property=\"og:site_name\" content=\"Railon - Zugreisen durch Europa\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-30T16:05:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/classes-scolaires-et-organisations\\\/\",\"url\":\"https:\\\/\\\/railon.eu\\\/fr\\\/classes-scolaires-et-organisations\\\/\",\"name\":\"Classes scolaires et organisations - Railon - Zugreisen durch Europa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#website\"},\"datePublished\":\"2026-04-23T15:16:49+00:00\",\"dateModified\":\"2026-06-30T16:05:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/classes-scolaires-et-organisations\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/railon.eu\\\/fr\\\/classes-scolaires-et-organisations\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/classes-scolaires-et-organisations\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/railon.eu\\\/fr\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Classes scolaires et organisations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/railon.eu\\\/fr\\\/\",\"name\":\"travelGreg\",\"description\":\"Zugreisen f\u00fcr Gruppen und Events - alles aus einer Hand\",\"publisher\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/railon.eu\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#organization\",\"name\":\"travelGreg\",\"url\":\"https:\\\/\\\/railon.eu\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/railon.eu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-railon_2-1.png\",\"contentUrl\":\"https:\\\/\\\/railon.eu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-railon_2-1.png\",\"width\":633,\"height\":346,\"caption\":\"travelGreg\"},\"image\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Classes scolaires et organisations - Railon - Zugreisen durch Europa","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:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/","og_locale":"fr_FR","og_type":"article","og_title":"Classes scolaires et organisations - Railon - Zugreisen durch Europa","og_description":"Voyages de groupe en train pour \u00e9coles, associations ou organisations Voyages scolaires, sorties d&rsquo;association ou journ\u00e9es de projet Continuer ici [&hellip;]","og_url":"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/","og_site_name":"Railon - Zugreisen durch Europa","article_modified_time":"2026-06-30T16:05:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/","url":"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/","name":"Classes scolaires et organisations - Railon - Zugreisen durch Europa","isPartOf":{"@id":"https:\/\/railon.eu\/fr\/#website"},"datePublished":"2026-04-23T15:16:49+00:00","dateModified":"2026-06-30T16:05:18+00:00","breadcrumb":{"@id":"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/railon.eu\/fr\/classes-scolaires-et-organisations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/railon.eu\/fr\/accueil\/"},{"@type":"ListItem","position":2,"name":"Classes scolaires et organisations"}]},{"@type":"WebSite","@id":"https:\/\/railon.eu\/fr\/#website","url":"https:\/\/railon.eu\/fr\/","name":"travelGreg","description":"Zugreisen f\u00fcr Gruppen und Events - alles aus einer Hand","publisher":{"@id":"https:\/\/railon.eu\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/railon.eu\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/railon.eu\/fr\/#organization","name":"travelGreg","url":"https:\/\/railon.eu\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/railon.eu\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/cropped-cropped-railon_2-1.png","contentUrl":"https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/cropped-cropped-railon_2-1.png","width":633,"height":346,"caption":"travelGreg"},"image":{"@id":"https:\/\/railon.eu\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/pages\/5910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/comments?post=5910"}],"version-history":[{"count":2,"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/pages\/5910\/revisions"}],"predecessor-version":[{"id":5913,"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/pages\/5910\/revisions\/5913"}],"wp:attachment":[{"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/media?parent=5910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}