{"id":352,"date":"2026-04-27T15:59:12","date_gmt":"2026-04-27T15:59:12","guid":{"rendered":"https:\/\/bayern-test.de\/beispiele\/wordpress\/mcgergweis\/?page_id=352"},"modified":"2026-05-19T20:28:32","modified_gmt":"2026-05-19T20:28:32","slug":"elementor-seite-352","status":"publish","type":"page","link":"https:\/\/mc-gergweis.de\/","title":{"rendered":"Sartseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"352\" class=\"elementor elementor-352\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8d0e5c e-con-full e-flex e-con e-parent\" data-id=\"a8d0e5c\" data-element_type=\"container\" data-e-type=\"container\" id=\"Startseite\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c22f24 elementor-widget elementor-widget-menu-anchor\" data-id=\"6c22f24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"home\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79717f9 elementor-widget elementor-widget-image\" data-id=\"79717f9\" 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=\"536\" height=\"601\" src=\"https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/logo2.jpg\" class=\"attachment-full size-full wp-image-431\" alt=\"\" srcset=\"https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/logo2.jpg 536w, https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/logo2-268x300.jpg 268w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1683aa9 e-con-full e-flex e-con e-parent\" data-id=\"1683aa9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ffdf23 elementor-widget elementor-widget-menu-anchor\" data-id=\"6ffdf23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Termine\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad0ea50 elementor-widget elementor-widget-image\" data-id=\"ad0ea50\" 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=\"800\" height=\"123\" src=\"https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-1024x157.png\" class=\"attachment-large size-large wp-image-599\" alt=\"\" srcset=\"https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-1024x157.png 1024w, https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-300x46.png 300w, https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-768x117.png 768w, https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight.png 1531w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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-4f84b98 mcg-title-party elementor-widget elementor-widget-heading\" data-id=\"4f84b98\" 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\">13. Juni 2026 \/ 45 Jahres Party am Clubgel\u00e4nde<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38a7518 mcg-title-party2026 elementor-widget elementor-widget-heading\" data-id=\"38a7518\" 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\">Ride. Party.<br>Repeat.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2cad4a elementor-widget elementor-widget-image\" data-id=\"b2cad4a\" 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\" src=\"https:\/\/bayern-test.de\/beispiele\/wordpress\/mcgergweis\/wp-content\/uploads\/2026\/04\/Comic_Einladung_Party_2026.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-d6724ff elementor-countdown--label-block elementor-widget elementor-widget-countdown\" data-id=\"d6724ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"countdown.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-countdown-wrapper\" data-date=\"1781372940\">\n\t\t\t<div class=\"elementor-countdown-item\"><span class=\"elementor-countdown-digits elementor-countdown-days\"><\/span> <span class=\"elementor-countdown-label\">Tage<\/span><\/div><div class=\"elementor-countdown-item\"><span class=\"elementor-countdown-digits elementor-countdown-hours\"><\/span> <span class=\"elementor-countdown-label\">Stunden<\/span><\/div><div class=\"elementor-countdown-item\"><span class=\"elementor-countdown-digits elementor-countdown-minutes\"><\/span> <span class=\"elementor-countdown-label\">Minuten<\/span><\/div><div class=\"elementor-countdown-item\"><span class=\"elementor-countdown-digits elementor-countdown-seconds\"><\/span> <span class=\"elementor-countdown-label\">Sekunden<\/span><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-937dc6c e-con-full e-flex e-con e-child\" data-id=\"937dc6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1ed5dc6 e-con-full e-flex e-con e-child\" data-id=\"1ed5dc6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cddf5a elementor-widget elementor-widget-heading\" data-id=\"3cddf5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">CLUBHAUS GE\u00d6FFNET<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0aee4fd elementor-widget elementor-widget-heading\" data-id=\"0aee4fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">CLUBHAUS<br>ZEITEN<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c57ceff e-con-full e-flex e-con e-child\" data-id=\"c57ceff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3ed825 elementor-widget elementor-widget-google_maps\" data-id=\"e3ed825\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/www.google.com\/maps\/embed\/v1\/place?key=AIzaSyCUQbNhHcJI0DwEF12ibTgY6wkI5G1cX8Y&#038;q=MC-Gegweis%20St.-Georg-Stra%C3%9Fe%205%2C%2094486%20Osterhofen&#038;zoom=9\"\n\t\t\t\t\ttitle=\"MC-Gegweis St.-Georg-Stra\u00dfe 5, 94486 Osterhofen\"\n\t\t\t\t\taria-label=\"MC-Gegweis St.-Georg-Stra\u00dfe 5, 94486 Osterhofen\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7dffa4 elementor-widget elementor-widget-text-editor\" data-id=\"f7dffa4\" 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>Jeden <strong>Donnerstag<\/strong> und <strong>Sonntag<\/strong> ab<br \/><strong>19:30 Uhr<\/strong> ist das Clubhaus ge\u00f6ffnet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d120f99 e-flex e-con-boxed e-con e-parent\" data-id=\"d120f99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac9ca80 elementor-widget elementor-widget-menu-anchor\" data-id=\"ac9ca80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Chronik\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1e91ec elementor-widget elementor-widget-image\" data-id=\"d1e91ec\" 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=\"800\" height=\"123\" src=\"https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-1024x157.png\" class=\"attachment-large size-large wp-image-599\" alt=\"\" srcset=\"https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-1024x157.png 1024w, https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-300x46.png 300w, https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight-768x117.png 768w, https:\/\/mc-gergweis.de\/wp-content\/uploads\/2026\/04\/mc_skull_divider_tight.png 1531w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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-04c50a5 elementor-widget elementor-widget-html\" data-id=\"04c50a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <style>\r\n    :root {\r\n      --club-yellow: #fec400;\r\n      --ink: #050505;\r\n      --panel: rgba(14, 14, 14, 0.88);\r\n      --panel-strong: rgba(22, 22, 22, 0.95);\r\n      --muted: #b9b9b9;\r\n      --line: rgba(254, 196, 0, 0.55);\r\n      --danger: #c82020;\r\n      color-scheme: dark;\r\n      font-family: \"Arial\", \"Helvetica\", sans-serif;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n      background: var(--ink);\r\n    }\r\n\r\n\r\n\r\n    .intro {\r\n      min-height: 76vh;\r\n      display: grid;\r\n      align-items: end;\r\n      padding: clamp(2rem, 4vw, 4rem) 6vw 5vw;\r\n      border-bottom: 1px solid rgba(254, 196, 0, 0.28);\r\n    }\r\n\r\n    .intro__inner {\r\n      width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(260px, 460px);\r\n      gap: clamp(2rem, 6vw, 5rem);\r\n      align-items: end;\r\n    }\r\n\r\n    .kicker {\r\n      margin: 0 0 1rem;\r\n      color: var(--club-yellow);\r\n      font-weight: 800;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      font-size: 0.82rem;\r\n    }\r\n\r\n    h1 {\r\n      margin: 0;\r\n      max-width: 900px;\r\n      color: var(--club-yellow);\r\n      font-size: clamp(3.2rem, 10vw, 9rem);\r\n      line-height: 0.86;\r\n      letter-spacing: 0;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .intro p {\r\n      max-width: 42rem;\r\n      margin: 1.4rem 0 0;\r\n      color: #d8d8d8;\r\n      font-size: clamp(1rem, 2.2vw, 1.25rem);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .hero-bike {\r\n      width: min(100%, 460px);\r\n      justify-self: end;\r\n      filter: drop-shadow(0 22px 32px rgba(0, 0, 0, 0.75));\r\n      transform: rotate(-3deg);\r\n    }\r\n\r\n    .timeline {\r\n      --timeline-height: 8600px;\r\n      --timeline-top-safe: clamp(260px, 24vh, 360px);\r\n      position: relative;\r\n      min-height: var(--timeline-height);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .road-layer {\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 50%;\r\n      width: min(54vw, 920px);\r\n      transform: translateX(-50%);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .road-svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      overflow: visible;\r\n    }\r\n\r\n    .road-shadow {\r\n      fill: none;\r\n      stroke: rgba(0, 0, 0, 0.82);\r\n      stroke-width: 122;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.88));\r\n    }\r\n\r\n    .road-main {\r\n      fill: none;\r\n      stroke: #151515;\r\n      stroke-width: 94;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .road-edge {\r\n      fill: none;\r\n      stroke: var(--line);\r\n      stroke-width: 6;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 28 22;\r\n    }\r\n\r\n    .road-glow {\r\n      fill: none;\r\n      stroke: rgba(254, 196, 0, 0.2);\r\n      stroke-width: 132;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .rider {\r\n      position: absolute;\r\n      z-index: 5;\r\n      width: clamp(116px, 16vw, 230px);\r\n      transform: translate(-50%, -58%);\r\n      transform-origin: 52% 70%;\r\n      transition: filter 160ms ease;\r\n      pointer-events: none;\r\n      filter: drop-shadow(0 16px 20px rgba(0, 0, 0, 0.9));\r\n      will-change: left, top, transform, opacity;\r\n    }\r\n\r\n    .rider img {\r\n      width: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .station {\r\n      position: absolute;\r\n      z-index: 2;\r\n      width: min(29vw, 390px);\r\n      min-height: 170px;\r\n      padding: 1.15rem 1.15rem 1.2rem;\r\n      border: 1px solid rgba(254, 196, 0, 0.36);\r\n      background:\r\n        linear-gradient(135deg, rgba(254, 196, 0, 0.11), transparent 42%),\r\n        var(--panel);\r\n      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.56);\r\n      backdrop-filter: blur(10px);\r\n      transform: translateY(-50%);\r\n      transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;\r\n    }\r\n\r\n    .station.left {\r\n      left: clamp(1rem, 3vw, 3.75rem);\r\n    }\r\n\r\n    .station.right {\r\n      right: clamp(1rem, 3vw, 3.75rem);\r\n    }\r\n\r\n    .station.is-active {\r\n      border-color: var(--club-yellow);\r\n      background:\r\n        linear-gradient(135deg, rgba(254, 196, 0, 0.18), transparent 48%),\r\n        var(--panel-strong);\r\n      transform: translateY(-50%) scale(1.025);\r\n    }\r\n\r\n    .station__year {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.45rem;\r\n      margin-bottom: 0.8rem;\r\n      color: #080808;\r\n      background: var(--club-yellow);\r\n      padding: 0.35rem 0.6rem;\r\n      font-weight: 900;\r\n      font-size: clamp(1rem, 2.3vw, 1.35rem);\r\n      line-height: 1;\r\n    }\r\n\r\n    .station__year::before {\r\n      content: \"\";\r\n      width: 0.58rem;\r\n      height: 0.58rem;\r\n      border-radius: 50%;\r\n      background: #080808;\r\n    }\r\n\r\n    .station h2 {\r\n      margin: 0 0 0.55rem;\r\n      color: #fff;\r\n      font-size: clamp(1.05rem, 2vw, 1.42rem);\r\n      line-height: 1.16;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .station p {\r\n      margin: 0;\r\n      color: #d5d5d5;\r\n      font-size: clamp(0.92rem, 1.3vw, 1.02rem);\r\n      line-height: 1.56;\r\n    }\r\n\r\n    .pin {\r\n      position: absolute;\r\n      z-index: 1;\r\n      width: 28px;\r\n      height: 28px;\r\n      border: 4px solid #050505;\r\n      border-radius: 50%;\r\n      background: var(--club-yellow);\r\n      box-shadow: 0 0 0 6px rgba(254, 196, 0, 0.18), 0 10px 24px rgba(0, 0, 0, 0.55);\r\n      transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .pin.is-active {\r\n      background: #fff;\r\n      box-shadow: 0 0 0 9px rgba(254, 196, 0, 0.28), 0 0 35px rgba(254, 196, 0, 0.5);\r\n    }\r\n\r\n    .outro {\r\n      min-height: 58vh;\r\n      display: grid;\r\n      place-items: center;\r\n      padding: 5rem 6vw;\r\n      border-top: 1px solid rgba(254, 196, 0, 0.24);\r\n      background: #030303;\r\n    }\r\n\r\n    .outro p {\r\n      width: min(760px, 100%);\r\n      margin: 0;\r\n      color: var(--muted);\r\n      text-align: center;\r\n      font-size: clamp(1.25rem, 3vw, 2.4rem);\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .scroll-controls {\r\n      position: fixed;\r\n      right: clamp(0.8rem, 2vw, 1.4rem);\r\n      bottom: clamp(0.8rem, 2vw, 1.4rem);\r\n      z-index: 2147483000;\r\n      display: grid;\r\n      gap: 0.45rem;\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n      transition: opacity 180ms ease, transform 180ms ease;\r\n    }\r\n\r\n    .scroll-controls.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .scroll-control {\r\n      width: 42px;\r\n      height: 42px;\r\n      border: 1px solid rgba(254, 196, 0, 0.42);\r\n      border-radius: 50%;\r\n      color: rgba(254, 196, 0, 0.86);\r\n      background: rgba(6, 6, 6, 0.72);\r\n      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.42);\r\n      cursor: pointer;\r\n      font-size: 1.25rem;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      transition: border-color 160ms ease, color 160ms ease, background 160ms ease, transform 160ms ease;\r\n      backdrop-filter: blur(8px);\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .scroll-control:hover,\r\n    .scroll-control:focus-visible {\r\n      border-color: var(--club-yellow);\r\n      color: #050505;\r\n      background: var(--club-yellow);\r\n      transform: translateY(-1px);\r\n      outline: none;\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .intro {\r\n        min-height: 78vh;\r\n        padding-top: 3rem;\r\n      }\r\n\r\n      .intro__inner {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .hero-bike {\r\n        justify-self: start;\r\n        width: min(82vw, 380px);\r\n      }\r\n\r\n      .timeline {\r\n        --timeline-height: 9800px;\r\n      }\r\n\r\n      .road-layer {\r\n        left: 1rem;\r\n        width: min(28vw, 130px);\r\n        transform: none;\r\n      }\r\n\r\n      .road-shadow {\r\n        stroke-width: 86;\r\n      }\r\n\r\n      .road-main {\r\n        stroke-width: 62;\r\n      }\r\n\r\n      .road-glow {\r\n        stroke-width: 94;\r\n      }\r\n\r\n      .station,\r\n      .station.left,\r\n      .station.right {\r\n        left: clamp(7.4rem, 34vw, 14rem);\r\n        right: 0.85rem;\r\n        width: auto;\r\n        min-height: 150px;\r\n      }\r\n\r\n      .station {\r\n        transform: translateY(-46%);\r\n      }\r\n\r\n      .station.is-active {\r\n        transform: translateY(-46%) scale(1.012);\r\n      }\r\n\r\n      .rider {\r\n        width: clamp(96px, 28vw, 150px);\r\n      }\r\n\r\n      .scroll-control {\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 1.1rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <main>\r\n    <section class=\"intro\">\r\n      <div class=\"intro__inner\">\r\n        <div>\r\n          <p class=\"kicker\">MC Gergweis Chronik<\/p>\r\n          <h1>Ride through History<\/h1>\r\n          <p>Die Chronik des MC Gergweis erz\u00e4hlt von den ersten Motorradfreunden, neuen Clubheimen, gemeinsamen Touren, Jubil\u00e4en und den Festen auf dem eigenen Gel\u00e4nde.<\/p>\r\n        <\/div>\r\n        <img decoding=\"async\" class=\"hero-bike\" src=\"https:\/\/bayern-test.de\/beispiele\/wordpress\/mcgergweis\/wp-content\/uploads\/2026\/05\/totenkopf_bike1.png\" alt=\"Totenkopf Motorradfahrer MC Gergweis\">\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"timeline\" id=\"chronik\" aria-label=\"Chronik Timeline\">\r\n      <div class=\"road-layer\" aria-hidden=\"true\">\r\n        <svg class=\"road-svg\" viewBox=\"0 0 1000 9000\" preserveAspectRatio=\"none\">\r\n          <path id=\"timelinePath\" class=\"road-glow\" d=\"M500 620 C585 920 570 1210 505 1500 C430 1830 435 2160 515 2490 C585 2840 580 3220 500 3570 C425 3920 425 4300 505 4680 C585 5060 575 5460 500 5830 C430 6190 435 6570 520 6980 C580 7360 570 7940 500 8900\"><\/path>\r\n          <path class=\"road-shadow\" d=\"M500 620 C585 920 570 1210 505 1500 C430 1830 435 2160 515 2490 C585 2840 580 3220 500 3570 C425 3920 425 4300 505 4680 C585 5060 575 5460 500 5830 C430 6190 435 6570 520 6980 C580 7360 570 7940 500 8900\"><\/path>\r\n          <path class=\"road-main\" d=\"M500 620 C585 920 570 1210 505 1500 C430 1830 435 2160 515 2490 C585 2840 580 3220 500 3570 C425 3920 425 4300 505 4680 C585 5060 575 5460 500 5830 C430 6190 435 6570 520 6980 C580 7360 570 7940 500 8900\"><\/path>\r\n          <path class=\"road-edge\" d=\"M500 620 C585 920 570 1210 505 1500 C430 1830 435 2160 515 2490 C585 2840 580 3220 500 3570 C425 3920 425 4300 505 4680 C585 5060 575 5460 500 5830 C430 6190 435 6570 520 6980 C580 7360 570 7940 500 8900\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"rider\" id=\"rider\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" src=\"https:\/\/bayern-test.de\/beispiele\/wordpress\/mcgergweis\/wp-content\/uploads\/2026\/05\/totenkopf_bike1.png\" alt=\"\">\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"outro\">\r\n      <p>Bauh\u00fctte. Clubgel\u00e4nde. Partys. Ausfahrten. Und das n\u00e4chste Kapitel wartet schon.<\/p>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <nav class=\"scroll-controls\" aria-label=\"Schnellnavigation\">\r\n    <button class=\"scroll-control\" type=\"button\" data-scroll-target=\"top\" aria-label=\"Zum Start\" title=\"Zum Start\">\u2191<\/button>\r\n    <button class=\"scroll-control\" type=\"button\" data-scroll-target=\"bottom\" aria-label=\"Zum Ende\" title=\"Zum Ende\">\u2193<\/button>\r\n  <\/nav>\r\n\r\n  <script>\r\n    const timelineData = [\r\n      { year: \"1981\", title: \"Gr\u00fcndung des Clubs\", text: \"Die Motorradfreunde wurden von 14 Gr\u00fcndungsmitgliedern in einer Bauh\u00fctte in Gergweis gegr\u00fcndet.\" },\r\n      { year: \"1985\", title: \"Neues Clubheim und Party's\", text: \"Wir mieten ein altes Gasthaus als Clubheim. Hier wurden die ersten Bikerpartys gefeiert.\" },\r\n      { year: \"1990\", title: \"Neues Clubheim\", text: \"Wir beziehen bei unserem Gr\u00fcndungsmitglied, Joint Gras, eine neues Clubheim.\" },\r\n      { year: \"1991\", title: \"10-j\u00e4hriges Gr\u00fcndungsfest\", text: \"Feiern eines internationalen Motorradtreffens zum 10-j\u00e4hrigen Bestehen des Clubs.\" },\r\n      { year: \"1992-1993\", title: \"Club Ausfl\u00fcge\", text: \"Amerika Tour mit Beusch der Bike-Weeks in Sturgis und Daytona. Cluburlaub in Ungarn.\" },\r\n      { year: \"1994\", title: \"Motorradtreffen\", text: \"2. internationales Motorradtreffen zum 13-j\u00e4hrigen Gr\u00fcndungsfest.\" },\r\n      { year: \"1996\", title: \"15-j\u00e4hriges Jubil\u00e4um\", text: \"Wir feierten das 15. Jahresfest mit dem dritten internationalen Motorradtreffen.\" },\r\n      { year: \"1999\", title: \"Motorradtreffen\", text: \"Wir richten das 4. internationale Mororradtreffen aus.\" },\r\n      { year: \"2000\", title: \"Motorrad Touren\", text: \"Dreiw\u00f6chiger Urlaub in Irland, England und Schottland.\" },\r\n      { year: \"2001\", title: \"Motorradtreffen\", text: \"... internationales Motorradtreffen in Gergweis mit 20-Jahresfeier.\" },\r\n      { year: \"2002-2004\", title: \"Bau eines neuen Clubhauses\", text: \"Errichtung des neuen Clubhauses in G\u00f6ttersdorf.\" },\r\n      { year: \"2005\", title: \"Erste Party auf neuem Clubgel\u00e4nde\", text: \"Einweihungsfeier unseres neuen Clubhauses mit befreundeten Clubs.\" },\r\n      { year: \"2006\", title: \"25 Jahre MF-Gergweis\", text: \"Gro\u00dfe Party zu unserem Jubil\u00e4um auf unserem Club Gel\u00e4nde.\" },\r\n      { year: \"2007-2009\", title: \"Party's und Urlaub\", text: \"In diesen Jahren wurden im Clubheim mehrere Partys gefeiert. Dreiw\u00f6chiger Urlaub in Schweden und Norwegen.\" },\r\n      { year: \"2010\", title: \"Clubparty\", text: \"... feierten wir wieder eine Party mit vielen geladenen Bikern auf unserem Clubgel\u00e4nde.\" },\r\n      { year: \"2011-2012\", title: \"30 Jahresfest\", text: \"... feierten wir unser 30 Jahresfest mit Live Bands. Au\u00dferdem unternahmen wir Clubausfl\u00fcge nach \u00d6sterreich und ins Allg\u00e4u.\" },\r\n      { year: \"2013\", title: \"Clubausflug\", text: \"Clubausflug nach Zell am See.\" },\r\n      { year: \"2014\", title: \"Club \u00c4nderung\", text: \"Aus den Motorradfreunden wurde der Motorradclub Gergweis.\" },\r\n      { year: \"2016\", title: \"Clubfeier 35 Jahre\", text: \"Wir feierten mit befreundeten Clubs und Noble Substance als Live Band unser 35 Jahresfest. Ausserdem wurden zahlreiche Partys in Bayern und \u00d6sterreich besucht.\" },\r\n      { year: \"2017\", title: \"Isle of Man\", text: \"England.\" },\r\n      { year: \"2018\", title: \"Clubfeier 37 Jahre\", text: \"Wir feierten mit befreundeten Clubs unser 37 Jahresfest. Als Ziel beim Clubausflug hatten wir dieses Jahr das M\u00fchlviertel und Krumau in Tschechien.\" },\r\n      { year: \"2019\", title: \"Clubfeier 38 Jahre\", text: \"Wir feierten mit befreundeten Clubs unser 38 Jahresfest und verbrachten unseren j\u00e4hrlichen Clubausflug im Berchtesgadener Land.\" },\r\n      { year: \"2020\", title: \"Clubfeier 39 Jahre\", text: \"Das Clubfest ist am 02.05.2020 ab 19:00 Uhr auf unserem Clubgel\u00e4nde.\" }\r\n    ];\r\n\r\n    const timeline = document.querySelector(\".timeline\");\r\n    const heroBike = document.querySelector(\".hero-bike\");\r\n    const roadLayer = document.querySelector(\".road-layer\");\r\n    const roadSvg = document.querySelector(\".road-svg\");\r\n    const path = document.querySelector(\"#timelinePath\");\r\n    const rider = document.querySelector(\"#rider\");\r\n    const viewBox = roadSvg.viewBox.baseVal;\r\n    const viewBoxWidth = viewBox.width;\r\n    const viewBoxHeight = viewBox.height;\r\n    let pathLength = 0;\r\n    let stations = [];\r\n    let pins = [];\r\n\r\n    function clamp(value, min, max) {\r\n      return Math.min(max, Math.max(min, value));\r\n    }\r\n\r\n    function easeInOutCubic(value) {\r\n      const x = clamp(value, 0, 1);\r\n      return x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) \/ 2;\r\n    }\r\n\r\n    function mix(start, end, amount) {\r\n      return start + (end - start) * amount;\r\n    }\r\n\r\n    function heroSpawnPoint() {\r\n      const heroRect = heroBike.getBoundingClientRect();\r\n      const timelineRect = timeline.getBoundingClientRect();\r\n      return {\r\n        x: heroRect.left - timelineRect.left + heroRect.width * 0.58,\r\n        y: heroRect.top - timelineRect.top + heroRect.height * 0.58\r\n      };\r\n    }\r\n\r\n    function pathPointAt(progress) {\r\n      const point = path.getPointAtLength(pathLength * clamp(progress, 0, 1));\r\n      const roadRect = roadLayer.getBoundingClientRect();\r\n      const timelineRect = timeline.getBoundingClientRect();\r\n      return {\r\n        x: roadRect.left - timelineRect.left + point.x \/ viewBoxWidth * roadRect.width,\r\n        y: point.y \/ viewBoxHeight * timeline.offsetHeight\r\n      };\r\n    }\r\n\r\n    function elementPageTop(element) {\r\n      return element.getBoundingClientRect().top + window.scrollY;\r\n    }\r\n\r\n    function buildStations() {\r\n      pathLength = path.getTotalLength();\r\n\r\n      timelineData.forEach((item, index) => {\r\n        const progress = index \/ (timelineData.length - 1);\r\n        const point = pathPointAt(progress);\r\n\r\n        const station = document.createElement(\"article\");\r\n        station.className = `station ${index % 2 === 0 ? \"left\" : \"right\"}`;\r\n        station.style.top = `${point.y}px`;\r\n        station.innerHTML = `\r\n          <div class=\"station__year\">${item.year}<\/div>\r\n          <h2>${item.title}<\/h2>\r\n          <p>${item.text}<\/p>\r\n        `;\r\n        timeline.appendChild(station);\r\n\r\n        const pin = document.createElement(\"span\");\r\n        pin.className = \"pin\";\r\n        pin.style.left = `${point.x}px`;\r\n        pin.style.top = `${point.y}px`;\r\n        timeline.appendChild(pin);\r\n\r\n        stations.push(station);\r\n        pins.push(pin);\r\n      });\r\n    }\r\n\r\n    function layoutStations() {\r\n      stations.forEach((station, index) => {\r\n        const progress = index \/ (timelineData.length - 1);\r\n        const point = pathPointAt(progress);\r\n        station.style.top = `${point.y}px`;\r\n        pins[index].style.left = `${point.x}px`;\r\n        pins[index].style.top = `${point.y}px`;\r\n      });\r\n    }\r\n\r\n    function updateTimeline() {\r\n      const timelineTop = elementPageTop(timeline);\r\n      const start = timelineTop - window.innerHeight * 0.08;\r\n      const end = timelineTop + timeline.offsetHeight - window.innerHeight * 0.55;\r\n      const spawnStart = timelineTop - window.innerHeight * 0.68;\r\n      const spawnEnd = timelineTop - window.innerHeight * 0.20;\r\n      const progress = clamp((window.scrollY - start) \/ (end - start), 0, 1);\r\n      const roadPoint = pathPointAt(progress);\r\n      const spawnAmount = easeInOutCubic((window.scrollY - spawnStart) \/ (spawnEnd - spawnStart));\r\n      const spawnPoint = heroSpawnPoint();\r\n      const point = spawnAmount < 1\r\n        ? {\r\n          x: mix(spawnPoint.x, pathPointAt(0).x, spawnAmount),\r\n          y: mix(spawnPoint.y, pathPointAt(0).y, spawnAmount)\r\n        }\r\n        : roadPoint;\r\n      const nearestIndex = Math.round(progress * (timelineData.length - 1));\r\n\r\n      rider.style.left = `${point.x}px`;\r\n      rider.style.top = `${point.y}px`;\r\n      const riderOpacity = spawnAmount < 0.35\r\n        ? 0\r\n        : clamp((spawnAmount - 0.35) \/ 0.65, 0, 1);\r\n\r\n      rider.style.opacity = `${riderOpacity}`;\r\n      rider.style.visibility = riderOpacity <= 0 ? \"hidden\" : \"visible\";\r\n      rider.style.transform = \"translate(-50%, -58%)\";\r\n      rider.style.filter = `drop-shadow(0 16px 20px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 ${10 + progress * 16}px rgba(254, 196, 0, 0.32))`;\r\n\r\n      stations.forEach((station, index) => {\r\n        station.classList.toggle(\"is-active\", index === nearestIndex);\r\n        pins[index].classList.toggle(\"is-active\", index === nearestIndex);\r\n      });\r\n\r\n      updateScrollControls();\r\n    }\r\n\r\n    function updateScrollControls() {\r\n      const controls = document.querySelector(\".scroll-controls\");\r\n      const rect = timeline.getBoundingClientRect();\r\n      const visible = rect.top < window.innerHeight * 0.82 && rect.bottom > window.innerHeight * 0.18;\r\n\r\n      controls.classList.toggle(\"is-visible\", visible);\r\n    }\r\n\r\n    function refresh() {\r\n      layoutStations();\r\n      updateTimeline();\r\n    }\r\n\r\n    let lastScrollY = -1;\r\n    let lastViewportWidth = -1;\r\n\r\n    function watchScrollPosition() {\r\n      if (window.scrollY !== lastScrollY || window.innerWidth !== lastViewportWidth) {\r\n        lastScrollY = window.scrollY;\r\n        lastViewportWidth = window.innerWidth;\r\n        updateTimeline();\r\n      }\r\n\r\n      requestAnimationFrame(watchScrollPosition);\r\n    }\r\n\r\n    buildStations();\r\n    window.addEventListener(\"scroll\", updateTimeline, { passive: true });\r\n    window.addEventListener(\"resize\", refresh);\r\n    document.querySelectorAll(\".scroll-control\").forEach((button) => {\r\n      button.addEventListener(\"click\", () => {\r\n        const timelineTop = elementPageTop(timeline);\r\n        const target = button.dataset.scrollTarget === \"top\"\r\n          ? timelineTop\r\n          : timelineTop + timeline.offsetHeight - window.innerHeight * 0.55;\r\n        window.scrollTo({ top: target, behavior: \"smooth\" });\r\n      });\r\n    });\r\n    refresh();\r\n    requestAnimationFrame(watchScrollPosition);\r\n  <\/script>\t\t\t\t<\/div>\n\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>13. Juni 2026 \/ 45 Jahres Party am Clubgel\u00e4nde Ride. Party.Repeat. Tage Stunden Minuten Sekunden CLUBHAUS GE\u00d6FFNET CLUBHAUSZEITEN Jeden Donnerstag und Sonntag ab19:30 Uhr ist das Clubhaus ge\u00f6ffnet. MC Gergweis Chronik Ride through History Die Chronik des MC Gergweis erz\u00e4hlt von den ersten Motorradfreunden, neuen Clubheimen, gemeinsamen Touren, Jubil\u00e4en und den Festen auf dem eigenen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/pages\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":533,"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/pages\/352\/revisions"}],"predecessor-version":[{"id":1247,"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/pages\/352\/revisions\/1247"}],"wp:attachment":[{"href":"https:\/\/mc-gergweis.de\/index.php\/wp-json\/wp\/v2\/media?parent=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}