{"id":5896,"date":"2026-03-17T16:23:58","date_gmt":"2026-03-17T15:23:58","guid":{"rendered":"https:\/\/railon.eu\/accueil\/"},"modified":"2026-06-30T18:07:28","modified_gmt":"2026-06-30T16:07:28","slug":"accueil","status":"publish","type":"page","link":"https:\/\/railon.eu\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5896\" class=\"elementor elementor-5896 elementor-4426\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6aba340 e-con-full e-flex e-con e-parent\" data-id=\"6aba340\" 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-dcea623 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"dcea623\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n    \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\u2563\r\n  \u2551  NUR den Bereich zwischen den \u2550\u2550\u2550-Linien anpassen.             \u2551\r\n  \u2551  Alles andere NICHT ver\u00e4ndern.                                 \u2551\r\n  \u2551                                                                \u2551\r\n  \u2551  BILD-URL KOPIEREN:                                            \u2551\r\n  \u2551  WordPress-Dashboard \u2192 Medien \u2192 Bild anklicken \u2192              \u2551\r\n  \u2551  rechte Spalte: \"Datei-URL\" kopieren                           \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\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-->\r\n\r\n<script>\r\n\/* \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\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\r\n   \u25ba ABSCHNITT 1: SLIDES\r\n   \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\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\r\n   \r\n   \u26a0\ufe0f  SEO-HINWEIS:\r\n   Slide 1 ist der SEO-relevanteste!\r\n   Google liest Titel, Subtitel und Bildbeschreibung von Slide 1\r\n   am st\u00e4rksten. Slide 2, 3 usw. werden weitgehend ignoriert.\r\n   \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\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\r\n \r\n   Pro Slide verf\u00fcgbare Felder:\r\n \r\n   bild             \u2192 Bild-URL aus der Mediathek         (Pflicht)\r\n   bildBeschreibung \u2192 Bildbeschreibung f\u00fcr Google\/Screen- (Pflicht f\u00fcr SEO!)\r\n                      reader, z.B. \"Zug durch die Alpen\"\r\n   overlay          \u2192 Dunkel-\u00dcberlagerung des Bildes      (Standard: 0.42)\r\n                      0 = keine Abdunkelung\r\n                      0.3 = leicht \/ 0.5 = mittel \/ 0.7 = stark\r\n   titel            \u2192 Gro\u00dfer \u00dcberschriftentext            (leer: \"\")\r\n   subtitel         \u2192 Kleinerer Text darunter             (leer: \"\")\r\n   buttons          \u2192 Eigene Buttons nur f\u00fcr diesen Slide\r\n                      Weglassen = globale Buttons \/ [] = keine\r\n   \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\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 *\/\r\nvar HERO_SLIDES = [\r\n \r\n  \/* \u2500\u2500 Slide 1 \u2014 \u26a0\ufe0f SEO-RELEVANT: Titel + Bildbeschreibung sorgf\u00e4ltig w\u00e4hlen \u2500\u2500 *\/\r\n  {\r\n    bild:             \"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/pexels-florencia-aguilar-borri-226043338-12016836-scaled.jpg\",\r\n    bildBeschreibung: \"Sch\u00fcler vor dem Brandenburger Tor\",\r\n    overlay:          0.30,\r\n    titel:            \"Railon - Zugreisen durch Europa\",\r\n    subtitel:         \"Alles aus einer Hand\",\r\n  },\r\n \r\n  \/* \u2500\u2500 Slide 2 \u2500\u2500 *\/\r\n  {\r\n    bild:             \"https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/B2B_Partnerbereich_china.png\",\r\n    bildBeschreibung: \"Gesch\u00e4ftsleute am Bahnsteig\",\r\n    overlay:          0.45,\r\n    titel:            \"Firmenevent auf Schienen.\",\r\n    subtitel:         \"Unvergessliche Gruppenreisen f\u00fcr Ihr Team.\",\r\n  },\r\n \r\n  \/* \u2500\u2500 Slide 3 \u2500\u2500 *\/\r\n  {\r\n    bild:             \"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/pexels-florencia-aguilar-borri-226043338-12016836-scaled.jpg\",\r\n    bildBeschreibung: \"Sch\u00fclerinnen mit Rucksack in Berlin\",\r\n    overlay:          0.38,\r\n    titel:            \"Schulreisen mit Mehrwert.\",\r\n    subtitel:         \"Bildungsreisen, die begeistern.\",\r\n  },\r\n \r\n  \/* \u2500\u2500 Weiteren Slide hinzuf\u00fcgen: diesen Block kopieren \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  {\r\n    bild:             \"https:\/\/...\",\r\n    bildBeschreibung: \"Bildbeschreibung f\u00fcr Google\",\r\n    overlay:          0.42,\r\n    titel:            \"Titel hier\",\r\n    subtitel:         \"Subtitel hier\",\r\n  },\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n \r\n];\r\n \r\n \r\n\/* \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\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\r\n   \u25ba ABSCHNITT 2: GLOBALE BUTTONS\r\n   \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\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\r\n   \r\n   Erscheinen auf ALLEN Slides ohne eigene Buttons.\r\n   Leeres Array [] = keine globalen Buttons.\r\n   \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\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 *\/\r\n\r\n\r\nvar HERO_BUTTONS = [\r\n  { text: \"Alle Programme\", link: \"#main-category-section\" },\r\n  { text: \"Unverbindlich anfragen\", link: \"#kontaktwidget\" },\r\n  { text: \"Unsere Partner\", link: \"#unsere-kunden-und-partner\" }\r\n];\r\n\r\n\r\n\r\n\r\n\r\n\/* \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\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\r\n   \u25ba ABSCHNITT 3: TYPOGRAPHIE\r\n   \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\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 *\/\r\nvar HERO_TYPO = {\r\n \r\n  \/* Schriftart \u2014 muss im Theme geladen sein (Roboto ist via Astra verf\u00fcgbar) *\/\r\n  schriftfamilie: \"'Roboto', sans-serif\",\r\n \r\n  \/* \u2500\u2500 Haupttitel (H1) \u2500\u2500 *\/\r\n  titel: {\r\n    groesse:        \"clamp(2.2rem, 4.5vw, 4.2rem)\", \/* min \/ fluid \/ max *\/\r\n    gewicht:        700,\r\n    zeilenabstand:  1.08,\r\n    farbe:          \"#F5F5F5\",\r\n    schatten:       \"4px 4px 5px rgba(0, 0, 0, 0.94)\",  \/* \"none\" zum Deaktivieren *\/\r\n  },\r\n \r\n  \/* \u2500\u2500 Subtitel \/ Untertitel \u2500\u2500 *\/\r\n  subtitel: {\r\n    groesse:        \"clamp(1rem, 2vw, 1.4rem)\",\r\n    gewicht:        400,\r\n    zeilenabstand:  1.55,\r\n    farbe:          \"rgba(245,245,245,0.88)\",\r\n    schatten:       \"0 1px 8px rgba(0,0,0,0.40)\",\r\n  },\r\n \r\n  \/* \u2500\u2500 Abst\u00e4nde \u2500\u2500 *\/\r\n  abstandTitelSubtitel:   \"18px\",   \/* Abstand zwischen Titel und Subtitel *\/\r\n  abstandSubtitelButtons: \"54px\",   \/* Abstand zwischen Subtitel und Buttons *\/\r\n \r\n};\r\n \r\n \r\n\/* \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\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\r\n   \u25ba ABSCHNITT 4: ALLGEMEINE EINSTELLUNGEN\r\n   \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\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 *\/\r\nvar HERO_CFG = {\r\n  autoplay:  true,   \/* Automatischer Wechsel: true \/ false *\/\r\n  interval:  5500,   \/* Zeit pro Slide in ms (5500 = 5,5 Sek.) *\/\r\n  fade:      900,    \/* \u00dcbergangsgeschwindigkeit in ms *\/\r\n  pfeile:    true,   \/* Pfeile links\/rechts: true \/ false *\/\r\n  punkte:    true,   \/* Navigationspunkte unten: true \/ false *\/\r\n};\r\n \r\n \r\n\/* \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\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\r\n   AB HIER NICHTS VER\u00c4NDERN\r\n   \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\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 *\/\r\n<\/script>\r\n \r\n \r\n<style>\r\n\/* \u2500\u2500 Basis \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs {\r\n  --rhs-yellow: #F1C232;\r\n  --rhs-dark:   #111111;\r\n  --rhs-light:  #F5F5F5;\r\n  --rhs-fade:   900ms;\r\n  --rhs-box:    60%;\r\n \r\n  position:   relative;\r\n  width:      100%;\r\n  height:     100vh;\r\n  height:     100svh;\r\n  overflow:   hidden;\r\n  background: var(--rhs-dark);\r\n  font-family: 'Roboto', sans-serif; \/* Fallback; wird per JS \u00fcberschrieben *\/\r\n}\r\n \r\n\/* \u2500\u2500 Slides \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__slide {\r\n  position:   absolute;\r\n  inset:      0;\r\n  opacity:    0;\r\n  transition: opacity var(--rhs-fade) ease;\r\n  overflow:   hidden;\r\n  will-change: opacity;\r\n}\r\n.rhs__slide--on {\r\n  opacity: 1;\r\n  z-index: 1;\r\n}\r\n \r\n\/* \u2500\u2500 Bild als <img>-Tag (SEO-freundlich, mit alt-Text) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__img {\r\n  position:        absolute !important;\r\n  inset:           0 !important;\r\n  top:             0 !important;\r\n  left:            0 !important;\r\n  width:           100% !important;\r\n  height:          100% !important;\r\n  max-width:       none !important;\r\n  max-height:      none !important;\r\n  min-width:       100% !important;\r\n  min-height:      100% !important;\r\n  object-fit:      cover !important;\r\n  object-position: center center !important;\r\n  display:         block !important;\r\n  margin:          0 !important;\r\n  padding:         0 !important;\r\n  border:          none !important;\r\n}\r\n \r\n\/* \u2500\u2500 noscript-Fallback: immer sichtbar wenn JS deaktiviert \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs--noscript {\r\n  opacity: 1;\r\n  z-index: 1;\r\n}\r\n \r\n\/* \u2500\u2500 Overlay (Helligkeit per JS gesteuert) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__overlay {\r\n  position:   absolute;\r\n  inset:      0;\r\n  background: #111111;\r\n  \/* opacity wird per JS pro Slide gesetzt *\/\r\n}\r\n \r\n\/* \u2500\u2500 B\u00fchne + Content-Box \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__stage {\r\n  position:        absolute;\r\n  inset:           0;\r\n  z-index:         2;\r\n  display:         flex;\r\n  align-items:     center;\r\n  justify-content: center;\r\n  pointer-events:  none;\r\n}\r\n.rhs__box {\r\n  width:          var(--rhs-box);\r\n  pointer-events: auto;\r\n}\r\n \r\n\/* \u2500\u2500 Titel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__title {\r\n  \/* Werte werden per JS aus HERO_TYPO gesetzt *\/\r\n  margin:     0;\r\n  text-align: left;\r\n}\r\n \r\n\/* \u2500\u2500 Subtitel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__sub {\r\n  margin:     0;\r\n  text-align: left;\r\n}\r\n \r\n\/* \u2500\u2500 Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__btns {\r\n  display:         flex;\r\n  flex-wrap:       wrap;\r\n  gap:             16px;\r\n  justify-content: center;\r\n  margin-top: 15%;\r\n}\r\n.rhs__btn {\r\n  display:         inline-flex;\r\n  align-items:     center;\r\n  padding:         16px 40px;\r\n  background:      var(--rhs-dark);\r\n  color:           var(--rhs-light);\r\n  border:          1.5px solid rgba(245,245,245,0.22);\r\n  border-radius:   6px;\r\n  font-family:     inherit;\r\n  font-size:       1.05em;\r\n  font-weight:     600;\r\n  letter-spacing:  0.025em;\r\n  text-decoration: none;\r\n  white-space:     nowrap;\r\n  line-height:     1;\r\n  cursor:          pointer;\r\n  transition:\r\n    transform    0.22s ease,\r\n    color        0.22s ease,\r\n    border-color 0.22s ease,\r\n    box-shadow   0.22s ease;\r\n}\r\n.rhs__btn:hover,\r\n.rhs__btn:focus-visible {\r\n  transform:       scale(1.10);\r\n  color:           var(--rhs-yellow);\r\n  border-color:    rgba(241,194,50,0.55);\r\n  box-shadow:      0 8px 28px rgba(0,0,0,0.32);\r\n  text-decoration: none;\r\n  outline:         none;\r\n}\r\n \r\n\/* \u2500\u2500 Navigationspunkte \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__dots {\r\n  position:  absolute;\r\n  bottom:    26px;\r\n  left:      50%;\r\n  transform: translateX(-50%);\r\n  z-index:   5;\r\n  display:   flex;\r\n  gap:       10px;\r\n  align-items: center;\r\n}\r\n.rhs__dot {\r\n  width:         10px;\r\n  height:        10px;\r\n  border-radius: 50%;\r\n  background:    rgba(245,245,245,0.35);\r\n  border:        2px solid rgba(245,245,245,0.55);\r\n  cursor:        pointer;\r\n  padding:       0;\r\n  flex-shrink:   0;\r\n  transition:    background 0.25s, transform 0.25s, border-color 0.25s;\r\n}\r\n.rhs__dot--on {\r\n  background:    var(--rhs-yellow);\r\n  border-color:  var(--rhs-yellow);\r\n  transform:     scale(1.3);\r\n}\r\n \r\n\/* \u2500\u2500 Pfeile \u2014 keine Ringe, nur das Zeichen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.rhs__arrow {\r\n  position:        absolute;\r\n  top:             50%;\r\n  transform:       translateY(-50%);\r\n  z-index:         5;\r\n  background:      none;\r\n  border:          none;\r\n  padding:         0;\r\n  color:           rgba(245,245,245,0.75);\r\n  font-size:       4rem;        \/* Pfeile gro\u00df ohne Ring *\/\r\n  line-height:     1;\r\n  cursor:          pointer;\r\n  text-shadow:     0 2px 12px rgba(0,0,0,0.55);\r\n  transition:      color 0.22s ease, transform 0.22s ease, text-shadow 0.22s ease;\r\n  user-select:     none;\r\n  \/* Pfeile liegen in den 20%-R\u00e4ndern au\u00dferhalb des 60%-Content-Blocks *\/\r\n}\r\n.rhs__arrow:hover {\r\n  color:       var(--rhs-yellow);\r\n  transform:   translateY(-50%) scale(1.15);\r\n  text-shadow: 0 2px 16px rgba(0,0,0,0.6);\r\n}\r\n.rhs__arrow--prev { left:  3%; }\r\n.rhs__arrow--next { right: 3%; }\r\n \r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .rhs { --rhs-box: 76%; }\r\n}\r\n \r\n@media (max-width: 768px) {\r\n  .rhs {\r\n    --rhs-box: 88%;\r\n    height:    100svh;\r\n  }\r\n  .rhs__arrow { font-size: 3.2rem; }\r\n  .rhs__arrow--prev { left:  1%; }\r\n  .rhs__arrow--next { right: 1%; }\r\n}\r\n \r\n@media (max-width: 540px) {\r\n  .rhs {\r\n    --rhs-box: 92%;\r\n    height:    100svh;\r\n  }\r\n  \/* Pfeile auf kleinen Bildschirmen ausblenden *\/\r\n  .rhs__arrow { display: none; }\r\n \r\n  .rhs__btns {\r\n    flex-direction: column;\r\n    align-items:    center;\r\n  }\r\n  .rhs__btn {\r\n    width:           100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n<\/style>\r\n \r\n \r\n<div class=\"rhs\" id=\"rhs-root\" role=\"region\" aria-label=\"Hero-Bildslider\"><\/div>\r\n \r\n<!--\r\n  \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\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\r\n  SEO-FALLBACK \u2014 Wird von Google direkt gelesen (kein JS n\u00f6tig)\r\n  \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\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\r\n  Diesen Block manuell mit den Werten von SLIDE 1 bef\u00fcllen\r\n  und bei \u00c4nderungen von Slide 1 synchron halten.\r\n \r\n  ANPASSEN:\r\n  - src=\"...\"     \u2192 Bild-URL von Slide 1\r\n  - alt=\"...\"     \u2192 bildBeschreibung von Slide 1\r\n  - style=\"...\"   \u2192 overlay-Wert von Slide 1 (als opacity)\r\n  - <h1>...<\/h1>  \u2192 titel von Slide 1\r\n  - <p>...<\/p>    \u2192 subtitel von Slide 1\r\n  \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\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\r\n-->\r\n<noscript>\r\n  <div class=\"rhs rhs__slide rhs--noscript\">\r\n    <img decoding=\"async\" class=\"rhs__img\" src=\"https:\/\/www.railon.eu\/wp-content\/uploads\/2026\/03\/Reise_Hero_Picture.png\" alt=\"Train traversant l'Europe \u2013 railOn voyages de groupe\">\r\n    <div class=\"rhs__overlay\" style=\"opacity:0.20;\"><\/div>\r\n    <div class=\"rhs__stage\">\r\n      <div class=\"rhs__box\">\r\n        <h1 class=\"rhs__title\" style=\"font-family:'Roboto',sans-serif;font-size:clamp(2.2rem,4.5vw,4.2rem);font-weight:700;line-height:1.08;color:#F5F5F5;text-shadow:0 2px 16px rgba(0,0,0,0.50);margin:0 0 18px;\">\r\n Railon - Voyages en train \u00e0 travers l'Europe\r\n        <\/h1>\r\n        <p class=\"rhs__sub\" style=\"font-family:'Roboto',sans-serif;font-size:clamp(1rem,2vw,1.4rem);font-weight:400;line-height:1.55;color:rgba(245,245,245,0.88);text-shadow:0 1px 8px rgba(0,0,0,0.40);margin:0 0 54px;\">\r\n Tout en un seul endroit\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/noscript>\r\n \r\n \r\n<script>\r\n(function () {\r\n  'use strict';\r\n \r\n  \/* \u2500\u2500 Konfiguration \u2500\u2500 *\/\r\n  var slides  = (typeof HERO_SLIDES   !== 'undefined') ? HERO_SLIDES   : [];\r\n  var globals = (typeof HERO_BUTTONS  !== 'undefined') ? HERO_BUTTONS  : [];\r\n  var typo    = (typeof HERO_TYPO     !== 'undefined') ? HERO_TYPO     : {};\r\n  var cfg     = (typeof HERO_CFG      !== 'undefined') ? HERO_CFG      : {};\r\n \r\n  var root = document.getElementById('rhs-root');\r\n  if (!root || !slides.length) return;\r\n \r\n  \/* \u2500\u2500 CSS-Variablen setzen \u2500\u2500 *\/\r\n  root.style.setProperty('--rhs-fade', (cfg.fade || 900) + 'ms');\r\n  if (typo.schriftfamilie) root.style.fontFamily = typo.schriftfamilie;\r\n \r\n  \/* \u2500\u2500 Hilfsfunktionen \u2500\u2500 *\/\r\n  function el(tag, cls) {\r\n    var e = document.createElement(tag);\r\n    if (cls) e.className = cls;\r\n    return e;\r\n  }\r\n \r\n  \/* Erlaubt <br> in Titel\/Subtitel, escaped alles andere *\/\r\n  function safeHtml(str) {\r\n    var div = document.createElement('div');\r\n    div.textContent = str;\r\n    return div.innerHTML.replace(\/&lt;br\\s*\\\/?&gt;\/gi, '<br>');\r\n  }\r\n \r\n  function applyTypo(elem, conf, marginBottom) {\r\n    if (!conf) return;\r\n    if (conf.groesse)       elem.style.fontSize   = conf.groesse;\r\n    if (conf.gewicht)       elem.style.fontWeight  = conf.gewicht;\r\n    if (conf.zeilenabstand) elem.style.lineHeight  = conf.zeilenabstand;\r\n    if (conf.farbe)         elem.style.color       = conf.farbe;\r\n    if (conf.schatten)      elem.style.textShadow  = conf.schatten;\r\n    if (marginBottom)       elem.style.marginBottom = marginBottom;\r\n  }\r\n \r\n  \/* \u2500\u2500 Slides rendern \u2500\u2500 *\/\r\n  slides.forEach(function (s, i) {\r\n    var isFirst = (i === 0);\r\n \r\n    var slide = el('div', 'rhs__slide' + (isFirst ? ' rhs__slide--on' : ''));\r\n    slide.setAttribute('aria-hidden', isFirst ? 'false' : 'true');\r\n \r\n    \/* <img> statt background-image \u2192 alt-Text f\u00fcr Google + Bildsuche *\/\r\n    var img = el('img', 'rhs__img');\r\n    img.src = s.bild;\r\n    img.alt = s.bildBeschreibung || '';\r\n    img.setAttribute('loading', isFirst ? 'eager' : 'lazy'); \/* Slide 1 sofort laden (LCP) *\/\r\n    slide.appendChild(img);\r\n \r\n    \/* Overlay mit individueller Helligkeit *\/\r\n    var overlay = el('div', 'rhs__overlay');\r\n    var opac = (s.overlay !== undefined) ? s.overlay : 0.42;\r\n    overlay.style.opacity = Math.min(1, Math.max(0, opac));\r\n    slide.appendChild(overlay);\r\n \r\n    \/* Content *\/\r\n    var stage = el('div', 'rhs__stage');\r\n    var box   = el('div', 'rhs__box');\r\n \r\n    if (s.titel) {\r\n      var h = el('h1', 'rhs__title');\r\n      h.innerHTML = safeHtml(s.titel);\r\n      applyTypo(h, typo.titel, typo.abstandTitelSubtitel || '18px');\r\n      box.appendChild(h);\r\n    }\r\n \r\n    if (s.subtitel) {\r\n      var p = el('p', 'rhs__sub');\r\n      p.innerHTML = safeHtml(s.subtitel);\r\n      applyTypo(p, typo.subtitel, typo.abstandSubtitelButtons || '54px');\r\n      box.appendChild(p);\r\n    }\r\n \r\n    \/* Buttons *\/\r\n    var btnList = Object.prototype.hasOwnProperty.call(s, 'buttons')\r\n      ? s.buttons\r\n      : globals;\r\n \r\n    if (Array.isArray(btnList) && btnList.length) {\r\n      var btns = el('div', 'rhs__btns');\r\n      btnList.forEach(function (b) {\r\n        var a = el('a', 'rhs__btn');\r\n        a.href = b.link || '#';\r\n        a.textContent = b.text || '';\r\n        btns.appendChild(a);\r\n      });\r\n      box.appendChild(btns);\r\n    }\r\n \r\n    stage.appendChild(box);\r\n    slide.appendChild(stage);\r\n    root.appendChild(slide);\r\n  });\r\n \r\n  \/* \u2500\u2500 Zustand \u2500\u2500 *\/\r\n  var allSlides = root.querySelectorAll('.rhs__slide');\r\n  var total     = allSlides.length;\r\n  var current   = 0;\r\n  var timer     = null;\r\n  var dotEls    = null;\r\n \r\n  function goTo(n) {\r\n    allSlides[current].classList.remove('rhs__slide--on');\r\n    allSlides[current].setAttribute('aria-hidden', 'true');\r\n    current = ((n % total) + total) % total;\r\n    allSlides[current].classList.add('rhs__slide--on');\r\n    allSlides[current].setAttribute('aria-hidden', 'false');\r\n    if (dotEls) dotEls.forEach(function (d, i) {\r\n      d.classList.toggle('rhs__dot--on', i === current);\r\n    });\r\n  }\r\n \r\n  \/* \u2500\u2500 Navigationspunkte \u2500\u2500 *\/\r\n  if (cfg.punkte !== false && total > 1) {\r\n    var dotsWrap = el('div', 'rhs__dots');\r\n    dotEls = [];\r\n    for (var i = 0; i < total; i++) {\r\n      (function (idx) {\r\n        var dot = el('button', 'rhs__dot' + (idx === 0 ? ' rhs__dot--on' : ''));\r\n        dot.setAttribute('aria-label', 'Slide ' + (idx + 1) + ' von ' + total);\r\n        dot.addEventListener('click', function () { goTo(idx); resetTimer(); });\r\n        dotsWrap.appendChild(dot);\r\n        dotEls.push(dot);\r\n      })(i);\r\n    }\r\n    root.appendChild(dotsWrap);\r\n  }\r\n \r\n  \/* \u2500\u2500 Pfeile \u2500\u2500 *\/\r\n  if (cfg.pfeile !== false && total > 1) {\r\n    var prev = el('button', 'rhs__arrow rhs__arrow--prev');\r\n    prev.innerHTML = '&#8249;'; \/* \u2039 *\/\r\n    prev.setAttribute('aria-label', 'Vorheriges Bild');\r\n    prev.addEventListener('click', function () { goTo(current - 1); resetTimer(); });\r\n    root.appendChild(prev);\r\n \r\n    var next = el('button', 'rhs__arrow rhs__arrow--next');\r\n    next.innerHTML = '&#8250;'; \/* \u203a *\/\r\n    next.setAttribute('aria-label', 'N\u00e4chstes Bild');\r\n    next.addEventListener('click', function () { goTo(current + 1); resetTimer(); });\r\n    root.appendChild(next);\r\n  }\r\n \r\n  \/* \u2500\u2500 Autoplay \u2500\u2500 *\/\r\n  function startTimer() {\r\n    if (cfg.autoplay === false || total < 2) return;\r\n    timer = setInterval(function () { goTo(current + 1); }, cfg.interval || 5500);\r\n  }\r\n  function resetTimer() { clearInterval(timer); startTimer(); }\r\n  startTimer();\r\n \r\n  \/* Pause bei Tab-Wechsel *\/\r\n  document.addEventListener('visibilitychange', function () {\r\n    document.hidden ? clearInterval(timer) : startTimer();\r\n  });\r\n \r\n  \/* Touch-Swipe *\/\r\n  var touchX = 0;\r\n  root.addEventListener('touchstart', function (e) {\r\n    touchX = e.changedTouches[0].screenX;\r\n  }, { passive: true });\r\n  root.addEventListener('touchend', function (e) {\r\n    var diff = touchX - e.changedTouches[0].screenX;\r\n    if (Math.abs(diff) > 50) { goTo(current + (diff > 0 ? 1 : -1)); resetTimer(); }\r\n  }, { passive: true });\r\n \r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e96999 e-con-full e-flex e-con e-parent\" data-id=\"3e96999\" data-element_type=\"container\" data-e-type=\"container\" id=\"main-category-section\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab1a5cb elementor-widget elementor-widget-heading\" data-id=\"ab1a5cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Planifiez votre voyage de groupe en train<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bcb079 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0bcb079\" 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>Que ce soit pour du team building, un voyage scolaire ou des vacances en groupe, nous organisons<br\/>votre voyage en train \u00e0 travers toute l&rsquo;Europe.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40b7f9f e-con-full e-flex e-con e-child\" data-id=\"40b7f9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a28b417 e-con-full e-transform e-flex e-con e-child\" data-id=\"a28b417\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-800bf08 start-leistungs-pic elementor-widget elementor-widget-image\" data-id=\"800bf08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/railon.eu\/wp-content\/uploads\/2021\/04\/hostel1280-1024x682.jpg\" class=\"attachment-large size-large wp-image-4361\" alt=\"\" srcset=\"https:\/\/railon.eu\/wp-content\/uploads\/2021\/04\/hostel1280-1024x682.jpg 1024w, https:\/\/railon.eu\/wp-content\/uploads\/2021\/04\/hostel1280-300x200.jpg 300w, https:\/\/railon.eu\/wp-content\/uploads\/2021\/04\/hostel1280-768x512.jpg 768w, https:\/\/railon.eu\/wp-content\/uploads\/2021\/04\/hostel1280.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7916ac5 elementor-widget elementor-widget-heading\" data-id=\"7916ac5\" 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\"><a href=\"https:\/\/railon.eu\/klassenfahrten\/\">en tant que classe scolaire ou organisation<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00d3a6b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"00d3a6b\" 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>Avec notre outil d&rsquo;inscription individuel n\u00e9cessitant peu d&rsquo;efforts organisationnels pour des sorties culturelles, journ\u00e9es de projet, voyages \u00e9ducatifs, voyages scolaires, voyages de fin d&rsquo;\u00e9tudes, s\u00e9jours linguistiques, \u00e9ducation politique et plus encore<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9615ef7 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9615ef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/klassenfahrten\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u00c9tablissements d'enseignement<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/klassenfahrten\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Associations de loisirs<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/klassenfahrten\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Organisations<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4216b72 e-con-full e-transform e-flex e-con e-child\" data-id=\"4216b72\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df9b3b6 start-leistungs-pic elementor-widget elementor-widget-image\" data-id=\"df9b3b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/B2B_Hero-1024x572.jpg\" class=\"attachment-large size-large wp-image-4597\" alt=\"\" srcset=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/B2B_Hero-1024x572.jpg 1024w, https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/B2B_Hero-300x167.jpg 300w, https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/B2B_Hero-768x429.jpg 768w, https:\/\/railon.eu\/wp-content\/uploads\/2026\/03\/B2B_Hero.jpg 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17e1ff0 elementor-widget elementor-widget-heading\" data-id=\"17e1ff0\" 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\"><a href=\"https:\/\/railon.eu\/unternehmen-und-geschaeftskunden\/\">en tant qu'entreprise ou client professionnel<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c37127 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7c37127\" 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>Avec notre service complet pour des voyages d&rsquo;affaires d\u00e9tendus, des \u00e9v\u00e9nements de team building pour plus de satisfaction des employ\u00e9s, des f\u00eates de No\u00ebl, des f\u00eates d&rsquo;\u00e9t\u00e9 ou des sorties d&rsquo;anniversaire sp\u00e9ciales et plus encore<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5644f1 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d5644f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/team-events-mit-der-bahn\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u00c9v\u00e9nements d'\u00e9quipe<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/unternehmen-und-geschaeftskunden\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Voyages d'affaires<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/unternehmen-und-geschaeftskunden\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Coop\u00e9rations B2B<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c201e4e e-con-full e-transform e-flex e-con e-child\" data-id=\"c201e4e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e68462c start-leistungs-pic elementor-widget elementor-widget-image\" data-id=\"e68462c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/06\/caminito-zug.jpeg\" class=\"attachment-large size-large wp-image-5751\" alt=\"stehender zug am caminito del rey vor einem gro\u00dfen felsen\" srcset=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/06\/caminito-zug.jpeg 1024w, https:\/\/railon.eu\/wp-content\/uploads\/2026\/06\/caminito-zug-300x225.jpeg 300w, https:\/\/railon.eu\/wp-content\/uploads\/2026\/06\/caminito-zug-768x576.jpeg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0a4f75 elementor-widget elementor-widget-heading\" data-id=\"b0a4f75\" 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\"><a href=\"https:\/\/railon.eu\/privatkunden\/\">en tant que client priv\u00e9 pour des voyages sp\u00e9ciaux<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-257142d elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"257142d\" 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>Avec des conseillers personnels pour des excursions avec amis et familles en groupe, des exp\u00e9riences uniques comme des voyages de noces ou des exp\u00e9riences de qualit\u00e9 le long d&rsquo;itin\u00e9raires et de plans de voyage soigneusement s\u00e9lectionn\u00e9s<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5dc58b elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d5dc58b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/privatkunden\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Voyages de groupe priv\u00e9s<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/viaduct.world\/railon\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Circuits multi-\u00e9tapes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/viaduct.world\/railon\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">S\u00e9jours linguistiques<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/railon.eu\/privatkunden\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Trains de luxe<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\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-18b4f92 e-con-full e-flex e-con e-parent\" data-id=\"18b4f92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3941ad elementor-widget elementor-widget-html\" data-id=\"e3941ad\" 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\">Vos avantages avec railOn<\/p>\r\n    <h2 class=\"railon-usp__title\">Votre voyage. Notre expertise. <\/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 des efforts administratifs - par exemple gr\u00e2ce \u00e0 l'utilisation de notre outil de r\u00e9servation individuelle avec vue d'ensemble pour les organisateurs.<\/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 conscient et respectueux du climat - avec une empreinte CO\u2082 r\u00e9duite et une politique stricte sans vol<\/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 une personne de contact de la demande au retour - Chaque itin\u00e9raire est planifi\u00e9 sur mesure<\/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 le succ\u00e8s global du voyage en cas d'annulations \u00e9ventuelles<\/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 sans vol - Y compris des conditions avantageuses - En tant qu'entreprise, classe scolaire, association ou groupe priv\u00e9. <\/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 des efforts administratifs - par exemple gr\u00e2ce \u00e0 l'utilisation de notre outil de r\u00e9servation individuelle avec vue d'ensemble pour les organisateurs.<\/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 une personne de contact de la demande au retour - Chaque itin\u00e9raire est planifi\u00e9 sur mesure<\/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 sans vol - Y compris des conditions avantageuses - En tant qu'entreprise, classe scolaire, association ou groupe priv\u00e9.<\/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 conscient et respectueux du climat - avec une empreinte CO2 r\u00e9duite et une politique stricte sans vol<\/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 le succ\u00e8s global du voyage en cas d'annulations \u00e9ventuelles<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f3b068 e-con-full e-flex e-con e-parent\" data-id=\"8f3b068\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c8168f elementor-widget elementor-widget-heading\" data-id=\"4c8168f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trouver la destination de voyage parfaite\u2026<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24156d1 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"24156d1\" 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<div class=\"elementor-element elementor-element-97b69e6 e-con-full e-flex e-con e-parent\" data-id=\"97b69e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7a53ed elementor-widget elementor-widget-heading\" data-id=\"e7a53ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Notre blog<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-777467e elementor-widget elementor-widget-shortcode\" data-id=\"777467e\" 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\">\r\n    <!-- railOn Blog Styles -->\r\n    <style>\r\n    .railon-blog-wrapper {\r\n        \/* \u2500\u2500 Design-Tokens (hier anpassen) \u2500\u2500 *\/\r\n        --railon-blog-accent:     #c9a431;   \/* Goldgelb \u2013 Brand-Akzent           *\/\r\n        --railon-blog-accent-dk:  #a88520;   \/* Dunkleres Goldgelb f\u00fcr Hover      *\/\r\n        --railon-blog-text:       #374151;   \/* Haupttext                         *\/\r\n        --railon-blog-muted:      #6b7280;   \/* Datum, Subtitle                   *\/\r\n        --railon-blog-card-bg:    #222222;   \/* Karten-Hintergrund                *\/\r\n        --railon-blog-card-width: 320px;     \/* Kartenbreite im Karussell         *\/\r\n        --railon-blog-img-height: 195px;     \/* Bildh\u00f6he                          *\/\r\n        --railon-blog-gap:        20px;      \/* Abstand zwischen Karten           *\/\r\n        --railon-blog-radius:     12px;      \/* Eckenradius Karten                *\/\r\n        --railon-blog-cols:       3;         \/* Grid-Spalten (Desktop)            *\/\r\n        --railon-blog-filter-gap: 8px;       \/* Abstand Filter-Buttons            *\/\r\n        --railon-blog-btn-radius: 24px;      \/* Eckenradius Filter-Buttons        *\/\r\n        --railon-blog-font-size:  14px;      \/* Schriftgr\u00f6\u00dfe Filter-Buttons       *\/\r\n\r\n        font-family: inherit;\r\n        max-width: 100%;\r\n    }\r\n\r\n    \/* \u2500\u2500 Filter-Bereich \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .railon-blog-filter-bar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 24px;\r\n    }\r\n    .railon-blog-filter-row {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: var(--railon-blog-filter-gap);\r\n    }\r\n    .railon-blog-filter-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: var(--railon-blog-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.6px;\r\n        margin-right: 4px;\r\n    }\r\n    .railon-blog-filter-btn {\r\n        padding: 7px 16px;\r\n        border: 2px solid #1e1e1e;\r\n        border-radius: var(--railon-blog-btn-radius);\r\n        background: #1e1e1e;\r\n        color: #fff;\r\n        font-size: var(--railon-blog-font-size);\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n        white-space: nowrap;\r\n        line-height: 1;\r\n    }\r\n    .railon-blog-filter-btn:hover {\r\n        background: #1e1e1e;\r\n        border-color: var(--railon-blog-accent);\r\n        color: var(--railon-blog-accent);\r\n    }\r\n    .railon-blog-filter-btn.active {\r\n        background: #1e1e1e;\r\n        border-color: var(--railon-blog-accent);\r\n        color: var(--railon-blog-accent);\r\n    }\r\n\r\n    \/* \u2500\u2500 Suchfeld \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .railon-blog-search-wrap {\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n    .railon-blog-search {\r\n        padding: 8px 18px;\r\n        border: 2px solid #d1d5db;\r\n        border-radius: var(--railon-blog-btn-radius);\r\n        font-size: var(--railon-blog-font-size);\r\n        width: 220px;\r\n        outline: none;\r\n        transition: border-color 0.2s ease;\r\n        color: var(--railon-blog-text);\r\n    }\r\n    .railon-blog-search:focus {\r\n        border-color: var(--railon-blog-accent);\r\n    }\r\n    .railon-blog-search::placeholder { color: #aaa; }\r\n\r\n    \/* \u2500\u2500 KARUSSELL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .railon-blog-wrapper.is-karussell .railon-blog-scroll {\r\n        overflow-x: auto;\r\n        overflow-y: hidden;\r\n        -webkit-overflow-scrolling: touch;\r\n        scroll-behavior: smooth;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: #ccc transparent;\r\n        padding-bottom: 12px;\r\n    }\r\n    .railon-blog-wrapper.is-karussell .railon-blog-scroll::-webkit-scrollbar { height: 6px; }\r\n    .railon-blog-wrapper.is-karussell .railon-blog-scroll::-webkit-scrollbar-thumb {\r\n        background: #ccc; border-radius: 3px;\r\n    }\r\n    .railon-blog-wrapper.is-karussell .railon-blog-grid {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: var(--railon-blog-gap);\r\n        width: max-content;\r\n    }\r\n    .railon-blog-wrapper.is-karussell .railon-blog-card {\r\n        flex: 0 0 var(--railon-blog-card-width);\r\n        width: var(--railon-blog-card-width);\r\n    }\r\n\r\n    \/* \u2500\u2500 GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .railon-blog-wrapper.is-grid .railon-blog-scroll {\r\n        overflow: visible;\r\n    }\r\n    .railon-blog-wrapper.is-grid .railon-blog-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(var(--railon-blog-cols), 1fr);\r\n        gap: var(--railon-blog-gap);\r\n    }\r\n    .railon-blog-wrapper.is-grid .railon-blog-card {\r\n        width: 100%;\r\n    }\r\n\r\n    \/* \u2500\u2500 Karte \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .railon-blog-card {\r\n        background: var(--railon-blog-card-bg);\r\n        border-radius: var(--railon-blog-radius);\r\n        overflow: hidden;\r\n        box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n        text-decoration: none;\r\n        color: inherit;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n    }\r\n    .railon-blog-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 8px 24px rgba(0,0,0,0.14);\r\n        text-decoration: none;\r\n    }\r\n    .railon-blog-card-img-wrap {\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .railon-blog-card-img {\r\n        width: 100%;\r\n        height: var(--railon-blog-img-height);\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.35s ease;\r\n    }\r\n    .railon-blog-card:hover .railon-blog-card-img {\r\n        transform: scale(1.04);\r\n    }\r\n    \/* Kategorie-Tags unterhalb des Bildes *\/\r\n    .railon-blog-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 5px;\r\n        margin-bottom: 8px;\r\n    }\r\n    .railon-blog-tag {\r\n        font-size: 10.5px;\r\n        font-weight: 600;\r\n        color: var(--railon-blog-muted);\r\n        background: #f3f4f6;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 4px;\r\n        padding: 2px 7px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.4px;\r\n        white-space: nowrap;\r\n    }\r\n    .railon-blog-card-body {\r\n        padding: 16px 18px 18px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1;\r\n    }\r\n    .railon-blog-card-meta {\r\n        font-size: 12px;\r\n        color: rgba(255,255,255,0.55);\r\n        margin-bottom: 6px;\r\n    }\r\n    .railon-blog-card-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: var(--railon-blog-accent);\r\n        line-height: 1.3;\r\n        margin: 0 0 8px 0;\r\n    }\r\n    .railon-blog-card-excerpt {\r\n        font-size: 13.5px;\r\n        color: rgba(255,255,255,0.75);\r\n        line-height: 1.55;\r\n        margin: 0 0 14px 0;\r\n        flex: 1;\r\n    }\r\n    .railon-blog-card-link {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        transition: color 0.2s ease;\r\n        margin-top: auto;\r\n    }\r\n    .railon-blog-card-link:hover { color: var(--railon-blog-accent); }\r\n    .railon-blog-card-link::after { content: \"\u2192\"; }\r\n\r\n    \/* \u2500\u2500 Keine Ergebnisse \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .railon-blog-no-results {\r\n        display: none;\r\n        padding: 32px;\r\n        text-align: center;\r\n        color: var(--railon-blog-muted);\r\n        font-size: 15px;\r\n        width: 100%;\r\n        grid-column: 1\/-1;\r\n    }\r\n    .railon-blog-no-results.visible { display: block; }\r\n\r\n    \/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n    \/* Tablet landscape: 901\u20131200px *\/\r\n    @media (max-width: 1200px) {\r\n        .railon-blog-wrapper {\r\n            --railon-blog-cols: 2;\r\n            --railon-blog-card-width: 280px;\r\n        }\r\n    }\r\n\r\n    \/* Tablet portrait: 601\u2013900px *\/\r\n    @media (max-width: 900px) {\r\n        .railon-blog-wrapper {\r\n            --railon-blog-cols: 2;\r\n            --railon-blog-card-width: 260px;\r\n            --railon-blog-img-height: 175px;\r\n        }\r\n        \/* Filter-Buttons etwas kompakter *\/\r\n        .railon-blog-filter-btn {\r\n            padding: 6px 13px;\r\n            font-size: 13px;\r\n        }\r\n        \/* Suchfeld etwas breiter *\/\r\n        .railon-blog-search {\r\n            width: 260px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile: \u2264600px *\/\r\n    @media (max-width: 600px) {\r\n        .railon-blog-wrapper {\r\n            --railon-blog-cols: 1;\r\n            --railon-blog-card-width: calc(100vw - 48px);\r\n            --railon-blog-img-height: 200px;\r\n        }\r\n\r\n        \/* Filter-Bar: Label \u00fcber Buttons *\/\r\n        .railon-blog-filter-bar {\r\n            gap: 10px;\r\n        }\r\n        .railon-blog-filter-row {\r\n            gap: 6px;\r\n        }\r\n        .railon-blog-filter-label {\r\n            width: 100%;\r\n            text-align: center;\r\n            margin-right: 0;\r\n            margin-bottom: 2px;\r\n        }\r\n        .railon-blog-filter-btn {\r\n            padding: 6px 12px;\r\n            font-size: 12.5px;\r\n        }\r\n\r\n        \/* Suchfeld: volle Breite *\/\r\n        .railon-blog-search-wrap {\r\n            padding: 0 4px;\r\n        }\r\n        .railon-blog-search {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Grid: kein overflow-x, Cards 100% *\/\r\n        .railon-blog-wrapper.is-grid .railon-blog-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        \/* Karussell: etwas Padding damit erste Karte nicht ganz am Rand klebt *\/\r\n        .railon-blog-wrapper.is-karussell .railon-blog-scroll {\r\n            padding-left: 4px;\r\n        }\r\n    }\r\n\r\n    \/* Klein-Mobile: \u2264380px *\/\r\n    @media (max-width: 380px) {\r\n        .railon-blog-wrapper {\r\n            --railon-blog-card-width: calc(100vw - 32px);\r\n        }\r\n        .railon-blog-filter-btn {\r\n            padding: 5px 10px;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <!-- railOn Blog HTML -->\r\n    <div class=\"railon-blog-wrapper is-karussell\"\r\n         id=\"railon-blog-2\">\r\n\r\n                <div class=\"railon-blog-filter-bar\">\r\n\r\n                        <div class=\"railon-blog-filter-row\">\r\n                <span class=\"railon-blog-filter-label\">Kategorie:<\/span>\r\n                <button class=\"railon-blog-filter-btn active\" data-cat=\"alle\">Alle<\/button>\r\n                                    <button class=\"railon-blog-filter-btn\" data-cat=\"destinations\">\r\n                        Destinations                    <\/button>\r\n                                    <button class=\"railon-blog-filter-btn\" data-cat=\"hotels\">\r\n                        H\u00f4tels                    <\/button>\r\n                                    <button class=\"railon-blog-filter-btn\" data-cat=\"voyage-dentreprise\">\r\n                        Voyage d&#039;entreprise                    <\/button>\r\n                                    <button class=\"railon-blog-filter-btn\" data-cat=\"voyage-urbain\">\r\n                        Voyage urbain                    <\/button>\r\n                            <\/div>\r\n            \r\n                        <div class=\"railon-blog-search-wrap\">\r\n                <input type=\"text\"\r\n                       class=\"railon-blog-search\"\r\n                       placeholder=\"Beitrag suchen\u2026\"\r\n                       aria-label=\"Beitrag suchen\">\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n        <!-- Scroll-Wrapper (Karussell scrollt hier, Grid nicht) -->\r\n        <div class=\"railon-blog-scroll\">\r\n            <div class=\"railon-blog-grid\">\r\n\r\n                                <a class=\"railon-blog-card\"\r\n                   href=\"https:\/\/railon.eu\/fr\/voyager-ensemble-comment-reussir-un-evenement-dequipe-en-train\/\"\r\n                   data-cats=\"destinations,hotels,voyage-dentreprise,voyage-urbain\"\r\n                   data-title=\"voyager ensemble : comment r\u00e9ussir un \u00e9v\u00e9nement d&rsquo;\u00e9quipe en train\">\r\n\r\n                    <div class=\"railon-blog-card-img-wrap\">\r\n                        <img decoding=\"async\" class=\"railon-blog-card-img\"\r\n                             src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/06\/Zugfahrt-mit-ArbeitskollegInnen-768x615.png\"\r\n                             alt=\"Voyager ensemble : comment r\u00e9ussir un \u00e9v\u00e9nement d&rsquo;\u00e9quipe en train\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n\r\n                    <div class=\"railon-blog-card-body\">\r\n                                                <div class=\"railon-blog-tags\">\r\n                                                            <span class=\"railon-blog-tag\">Destinations<\/span>\r\n                                                            <span class=\"railon-blog-tag\">H\u00f4tels<\/span>\r\n                                                            <span class=\"railon-blog-tag\">Voyage d&#039;entreprise<\/span>\r\n                                                            <span class=\"railon-blog-tag\">Voyage urbain<\/span>\r\n                                                    <\/div>\r\n                                                <div class=\"railon-blog-card-meta\">23.06.2026<\/div>\r\n                        <h3 class=\"railon-blog-card-title\">Voyager ensemble : comment r\u00e9ussir un \u00e9v\u00e9nement d&rsquo;\u00e9quipe en train<\/h3>\r\n                                                    <p class=\"railon-blog-card-excerpt\">Comment r\u00e9ussir votre \u00e9v\u00e9nement d&rsquo;\u00e9quipe en train Plan en 4 points avec conseils, astuces et comparaison Article de Gregor Introduction\u2026<\/p>\r\n                                                <span class=\"railon-blog-card-link\">Weiterlesen<\/span>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n                \r\n            <\/div><!-- .railon-blog-grid -->\r\n\r\n            <div class=\"railon-blog-no-results\">Kein Beitrag gefunden.<\/div>\r\n        <\/div><!-- .railon-blog-scroll -->\r\n\r\n    <\/div><!-- .railon-blog-wrapper -->\r\n\r\n    <!-- railOn Blog JavaScript (Client-seitiges Filtern) -->\r\n    <script>\r\n    (function() {\r\n        var wrapper  = document.getElementById('railon-blog-2');\r\n        if (!wrapper) return;\r\n\r\n        var filterBtns  = wrapper.querySelectorAll('.railon-blog-filter-btn');\r\n        var searchInput = wrapper.querySelector('.railon-blog-search');\r\n        var cards       = wrapper.querySelectorAll('.railon-blog-card');\r\n        var noResult    = wrapper.querySelector('.railon-blog-no-results');\r\n\r\n        var activeCat = 'alle';\r\n\r\n        function filterCards() {\r\n            var term = searchInput ? searchInput.value.toLowerCase().trim() : '';\r\n            var visible = 0;\r\n\r\n            cards.forEach(function(card) {\r\n                var cardCats  = card.getAttribute('data-cats');\r\n                var cardTitle = card.getAttribute('data-title');\r\n\r\n                var matchCat   = (activeCat === 'alle') || (cardCats.indexOf(activeCat) !== -1);\r\n                var matchSearch = (term === '') || (cardTitle.indexOf(term) !== -1);\r\n\r\n                if (matchCat && matchSearch) {\r\n                    card.style.display = '';\r\n                    visible++;\r\n                } else {\r\n                    card.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            if (noResult) {\r\n                noResult.classList.toggle('visible', visible === 0);\r\n            }\r\n        }\r\n\r\n        \/\/ Kategorie-Filter\r\n        filterBtns.forEach(function(btn) {\r\n            btn.addEventListener('click', function() {\r\n                filterBtns.forEach(function(b) { b.classList.remove('active'); });\r\n                btn.classList.add('active');\r\n                activeCat = btn.getAttribute('data-cat');\r\n                filterCards();\r\n            });\r\n        });\r\n\r\n        \/\/ Suchfeld\r\n        if (searchInput) {\r\n            searchInput.addEventListener('input', filterCards);\r\n        }\r\n    })();\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15d8044 e-con-full e-flex e-con e-parent\" data-id=\"15d8044\" data-element_type=\"container\" data-e-type=\"container\" id=\"kontaktwidget\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d599788 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d599788\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contactwidget\" 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 sans engagement et de mani\u00e8re personnalis\u00e9e.\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-69c35d2 e-con-full e-flex e-con e-parent\" data-id=\"69c35d2\" data-element_type=\"container\" data-e-type=\"container\" id=\"unsere-kunden-und-partner\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14fc3c7 elementor-widget elementor-widget-heading\" data-id=\"14fc3c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nos clients &amp; partenaires<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33323b1 elementor-widget elementor-widget-shortcode\" data-id=\"33323b1\" 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 id=\"sp_lcp_dynamic_css4535\">div#logo-carousel-free-4535.logo-carousel-free .sp-lc-logo{border: 1px solid #dddddd;border-radius: 0px;overflow: hidden;}div#logo-carousel-free-4535.logo-carousel-free .sp-lc-logo:hover{border-color: #16a08b;}#logo-carousel-free-4535.sp-lc-container .sp-lc-pagination .swiper-pagination-bullet {background-color: #dddddd;margin: 0 4px;}#logo-carousel-free-4535.sp-lc-container .sp-lc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #f1c232; }#logo-carousel-free-4535.sp-lc-container .sp-logo-carousel {padding-top: 46px;}#logo-carousel-free-4535.sp-lc-container .sp-lc-button-prev,#logo-carousel-free-4535.sp-lc-container .sp-lc-button-next {color: #aaaaaa;background: transparent;border: 1px solid #aaaaaa;line-height: 28px;}#logo-carousel-free-4535.sp-lc-container .sp-lc-button-prev:hover,#logo-carousel-free-4535.sp-lc-container .sp-lc-button-next:hover{background-color: #16a08b;color: #ffffff;border-color: #16a08b;}@media only screen and (max-width: 576px) {} .logo-carousel-free-area#logo-carousel-free-4535{position: relative;}#lcp-preloader-4535{position: absolute;left: 0;top: 0;height: 100%;width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;background: #fff;z-index: 9999;} .logo-carousel-free-area#logo-carousel-free-4535 .sp-logo-carousel-section-title{margin-bottom: 30px;}#logo-carousel-free-4535 .sp-lc-grid-container { justify-content: left; align-items: center; } #logo-carousel-free-4535 .swiper-wrapper .swiper-slide { align-self: center; }#logo-carousel-free-4535 .sp-lc-grid-container {margin-left: -4px;margin-right: -4px;width: calc( 100% + 8px);}#logo-carousel-free-4535 .sp-lc-grid-container [class*=\"lc-col\"] {padding-left: 4px;padding-right: 4px;padding-bottom: 8px;}@media screen and (min-width: 1200px ){.logo-carousel-free-area#logo-carousel-free-4535 .sp-logo-carousel:not([class*=\"-initialized\"]) > .swiper-wrapper {display: flex;width: calc( 100% + 8px );}.logo-carousel-free-area#logo-carousel-free-4535 .sp-logo-carousel:not([class*=\"-initialized\"]) > .swiper-wrapper > .swiper-slide {width: 20%;padding-right: 8px;}}<\/style>\n<div id='logo-carousel-free-4535' class=\"logo-carousel-free logo-carousel-free-area sp-lc-container\">\n\t\t\t<div id=\"lcp-preloader-4535\" class=\"sp-logo-carousel-preloader\"><img decoding=\"async\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" class=\"skip-lazy\" alt=\"Loader Image\"\/><\/div>\n\t\t\t<div id=\"sp-logo-carousel-id-4535\" class=\"swiper-container sp-logo-carousel  lcp-preloader\" dir=\"ltr\" data-carousel='{ \"speed\":400,\"spaceBetween\": 8, \"autoplay\": true, \"infinite\":true, \"autoplay_speed\": 3000, \"stop_onHover\": true, \"pagination\": true, \"navigation\": true, \"MobileNav\": true, \"MobilePagi\": true, \"simulateTouch\": true,\"freeMode\": true,\"swipeToSlide\": false, \"carousel_accessibility\": true,\"adaptiveHeight\": false,\"allowTouchMove\": true, \"slidesPerView\": { \"lg_desktop\": 5, \"desktop\": 4, \"tablet\": 3, \"mobile\": 1, \"mobile_landscape\": 2 } }' data-carousel-starts-onscreen=\"false\">\n\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/eurogast_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"eurogast\" width=\"300\" height=\"96\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/Franz_Gym_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"Franziskaner Gymnasium Hall\" width=\"270\" height=\"119\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/Hak_Has_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"Hak &amp; Has Hall in Tirol\" width=\"451\" height=\"88\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/Immo_Sterzinger_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"Immobilien Sterzinger\" width=\"300\" height=\"107\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/KSV1870_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"KSV1870\" width=\"300\" height=\"50\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/OEBB_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"\u00d6BB\" width=\"258\" height=\"90\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/Trenitalia_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"Trenitalia\" width=\"300\" height=\"97\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/railon.eu\/wp-content\/uploads\/2026\/05\/WKO_Logo.svg\" src=\"https:\/\/railon.eu\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" title=\"\" alt=\"WKO\" width=\"300\" height=\"72\" class=\"sp-lc-image lcp-lazyload\"><\/div><\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"sp-lc-pagination swiper-pagination dots\"><\/div>\n\t\t\t\t\t\t<div class=\"sp-lc-button-next\"><i class=\"fa fa-angle-right\"><\/i><\/div>\n\t\t\t<div class=\"sp-lc-button-prev\"><i class=\"fa fa-angle-left\"><\/i><\/div>\n\t\t\t\t<\/div>\n<\/div>\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>\/* \u2500\u2500 Basis \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/ .rhs { &#8211;rhs-yellow: #F1C232; &#8211;rhs-dark: #111111; &#8211;rhs-light: #F5F5F5; &#8211;rhs-fade: 900ms; &#8211;rhs-box: 60%; position: relative; width: [&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-5896","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>RailOn - Voyages en train \u00e0 travers l&#039;Europe<\/title>\n<meta name=\"description\" content=\"R\u00e9servez avec nous votre prochain voyage en train \u00e0 travers l&#039;Europe - Tout en un seul endroit - Personnalis\u00e9 selon vos besoins.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RailOn - Voyages en train \u00e0 travers l&#039;Europe\" \/>\n<meta property=\"og:description\" content=\"R\u00e9servez avec nous votre prochain voyage en train \u00e0 travers l&#039;Europe - Tout en un seul endroit - Personnalis\u00e9 selon vos besoins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/railon.eu\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"Railon - Zugreisen durch Europa\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-30T16:07:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.railon.eu\/wp-content\/uploads\/2026\/03\/Reise_Hero_Picture.png\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/\",\"url\":\"https:\\\/\\\/railon.eu\\\/fr\\\/\",\"name\":\"RailOn - Voyages en train \u00e0 travers l'Europe\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.railon.eu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Reise_Hero_Picture.png\",\"datePublished\":\"2026-03-17T15:23:58+00:00\",\"dateModified\":\"2026-06-30T16:07:28+00:00\",\"description\":\"R\u00e9servez avec nous votre prochain voyage en train \u00e0 travers l'Europe - Tout en un seul endroit - Personnalis\u00e9 selon vos besoins.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/railon.eu\\\/fr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.railon.eu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Reise_Hero_Picture.png\",\"contentUrl\":\"https:\\\/\\\/www.railon.eu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Reise_Hero_Picture.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/railon.eu\\\/fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/railon.eu\\\/fr\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@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":"RailOn - Voyages en train \u00e0 travers l'Europe","description":"R\u00e9servez avec nous votre prochain voyage en train \u00e0 travers l'Europe - Tout en un seul endroit - Personnalis\u00e9 selon vos besoins.","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\/","og_locale":"fr_FR","og_type":"article","og_title":"RailOn - Voyages en train \u00e0 travers l'Europe","og_description":"R\u00e9servez avec nous votre prochain voyage en train \u00e0 travers l'Europe - Tout en un seul endroit - Personnalis\u00e9 selon vos besoins.","og_url":"https:\/\/railon.eu\/fr\/","og_site_name":"Railon - Zugreisen durch Europa","article_modified_time":"2026-06-30T16:07:28+00:00","og_image":[{"url":"https:\/\/www.railon.eu\/wp-content\/uploads\/2026\/03\/Reise_Hero_Picture.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/railon.eu\/fr\/","url":"https:\/\/railon.eu\/fr\/","name":"RailOn - Voyages en train \u00e0 travers l'Europe","isPartOf":{"@id":"https:\/\/railon.eu\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/railon.eu\/fr\/#primaryimage"},"image":{"@id":"https:\/\/railon.eu\/fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www.railon.eu\/wp-content\/uploads\/2026\/03\/Reise_Hero_Picture.png","datePublished":"2026-03-17T15:23:58+00:00","dateModified":"2026-06-30T16:07:28+00:00","description":"R\u00e9servez avec nous votre prochain voyage en train \u00e0 travers l'Europe - Tout en un seul endroit - Personnalis\u00e9 selon vos besoins.","breadcrumb":{"@id":"https:\/\/railon.eu\/fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/railon.eu\/fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/railon.eu\/fr\/#primaryimage","url":"https:\/\/www.railon.eu\/wp-content\/uploads\/2026\/03\/Reise_Hero_Picture.png","contentUrl":"https:\/\/www.railon.eu\/wp-content\/uploads\/2026\/03\/Reise_Hero_Picture.png"},{"@type":"BreadcrumbList","@id":"https:\/\/railon.eu\/fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/railon.eu\/fr\/accueil\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@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\/5896","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=5896"}],"version-history":[{"count":3,"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/pages\/5896\/revisions"}],"predecessor-version":[{"id":5919,"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/pages\/5896\/revisions\/5919"}],"wp:attachment":[{"href":"https:\/\/railon.eu\/fr\/wp-json\/wp\/v2\/media?parent=5896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}