{"id":1219,"date":"2026-05-04T12:02:05","date_gmt":"2026-05-04T12:02:05","guid":{"rendered":"https:\/\/bayern-test.de\/beispiele\/wordpress\/haider-leiblfing\/?page_id=1219"},"modified":"2026-07-13T07:51:11","modified_gmt":"2026-07-13T07:51:11","slug":"elementor-seite-1219","status":"publish","type":"page","link":"https:\/\/haider-leiblfing.de\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1219\" class=\"elementor elementor-1219\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e32078f e-con-full e-flex e-con e-parent\" data-id=\"e32078f\" 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-23e3fed elementor--h-position-left elementor--v-position-bottom haider-hero-slider elementor-widget elementor-widget-slides\" data-id=\"23e3fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:6500,&quot;transition_speed&quot;:650,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-654e800 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Haider_2026_066 (Gro\u00df)\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\"><span class=\"haider-slide-label\">01 \/ Meisterbetrieb<\/span> KFZ-Meisterbetrieb<\/div><div class=\"elementor-slide-description\">Pers\u00f6nlicher Service, ehrliche Beratung und saubere Arbeit f\u00fcr Fahrzeuge aus der Region.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Mehr erfahren<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-f934b66 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Haider_2026_161\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\"><span class=\"haider-slide-label\">02 \/ Spezialgebiet<\/span> Kupplungstechnik<\/div><div class=\"elementor-slide-description\">Erfahrung, Fachwissen und passende L\u00f6sungen rund um Kupplungen, Antrieb und Technik.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Mehr erfahren<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-2eabc6d swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Haider_2026_006 (Gro\u00df)\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\"><span class=\"haider-slide-label\">03 \/ Service<\/span> Ersatzteilservice<\/div><div class=\"elementor-slide-description\">Schnell, verl\u00e4sslich und mit direktem Blick auf das Teil, das wirklich gebraucht wird.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Mehr erfahren<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17d5615 e-con-full e-flex e-con e-child\" data-id=\"17d5615\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-605ff76 e-grid e-con-full e-con e-child\" data-id=\"605ff76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b29d333 e-con-full haider-quick-entry e-flex e-con e-child\" data-id=\"b29d333\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d85d8b haider-entry-card is-active elementor-widget elementor-widget-text-editor\" data-id=\"8d85d8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span class=\"haider-card-number\">01<\/span>\n<strong>KFZ-Meisterbetrieb<\/strong>\n<em>Wartung, Reparatur, Diagnose<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abc6d9e e-con-full haider-quick-entry e-flex e-con e-child\" data-id=\"abc6d9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5553d4 haider-entry-card elementor-widget elementor-widget-text-editor\" data-id=\"b5553d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span class=\"haider-card-number\">02<\/span>\n<strong>Kupplungstechnik<\/strong>\n<em>Fachgebiet mit Erfahrung<\/em>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6d6054 e-con-full haider-quick-entry e-flex e-con e-child\" data-id=\"e6d6054\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08bbfc3 haider-entry-card elementor-widget elementor-widget-text-editor\" data-id=\"08bbfc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span class=\"haider-card-number\">03<\/span>\n<strong>Ersatzteilservice<\/strong>\n<em>Schnell und passend bestellt<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7738f26 elementor-widget elementor-widget-html\" data-id=\"7738f26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  function initHaiderSliderCards() {\r\n    const sliderEl = document.querySelector(\".haider-hero-slider .elementor-main-swiper\");\r\n    const cards = Array.from(document.querySelectorAll(\".haider-entry-card\"));\r\n\r\n    if (!sliderEl || !cards.length || !sliderEl.swiper) {\r\n      window.setTimeout(initHaiderSliderCards, 250);\r\n      return;\r\n    }\r\n\r\n    const swiper = sliderEl.swiper;\r\n\r\n    function setActiveCard(index) {\r\n      cards.forEach((card, cardIndex) => {\r\n        card.classList.toggle(\"is-active\", cardIndex === index);\r\n      });\r\n    }\r\n\r\n    cards.forEach((card, index) => {\r\n      card.style.cursor = \"pointer\";\r\n\r\n      card.addEventListener(\"click\", function () {\r\n        if (typeof swiper.slideToLoop === \"function\") {\r\n          swiper.slideToLoop(index);\r\n        } else {\r\n          swiper.slideTo(index);\r\n        }\r\n\r\n        if (swiper.autoplay && typeof swiper.autoplay.start === \"function\") {\r\n          swiper.autoplay.start();\r\n        }\r\n\r\n        setActiveCard(index);\r\n      });\r\n    });\r\n\r\n    swiper.on(\"slideChange\", function () {\r\n      setActiveCard(swiper.realIndex);\r\n    });\r\n\r\n    setActiveCard(swiper.realIndex || 0);\r\n  }\r\n\r\n  initHaiderSliderCards();\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2be78b e-con-full haider-news-strip e-flex e-con e-child\" data-id=\"c2be78b\" data-element_type=\"container\" data-e-type=\"container\" id=\"aktuelles\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee26a74 haider-news-label elementor-widget elementor-widget-text-editor\" data-id=\"ee26a74\" 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>Aktuelles<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c822fae haider-news-text elementor-widget elementor-widget-text-editor\" data-id=\"c822fae\" 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>T\u00dcV-Termine, ge\u00e4nderte \u00d6ffnungszeiten, Feiertage und kurzfristige Hinweise auf einen Blick.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6008c2 haider-news-link elementor-widget elementor-widget-text-editor\" data-id=\"b6008c2\" 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>Alle Meldungen<\/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-6042f62 e-con-full e-flex e-con e-parent\" data-id=\"6042f62\" data-element_type=\"container\" data-e-type=\"container\" id=\"haider-geschichte\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cde351d elementor-widget elementor-widget-html\" data-id=\"cde351d\" 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      --haider-bordeaux: #460E15;\r\n      --haider-turquoise: #7DCAD1;\r\n      --haider-cream: #fffaf4;\r\n      --haider-paper: #f6efe8;\r\n      --haider-ink: #291518;\r\n      --shadow: 0 24px 80px rgba(70, 14, 21, .14);\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      min-height: 100vh;\r\n      background: linear-gradient(180deg, #fff 0%, var(--haider-cream) 100%);\r\n      color: var(--haider-ink);\r\n      font-family: \"SpaceGrotesk\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    }\r\n\r\n    .history-stage {\r\n        min-height: calc(100svh - 110px);\r\n        display: flex;\r\n        flex-direction: column;\r\n      padding: clamp(26px, 4vw, 56px);\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .headline {\r\n      margin: 0 0 clamp(26px, 5vw, 56px);\r\n      color: var(--haider-bordeaux);\r\n      font-family: \"SpaceGrotesk\", sans-serif;\r\n      font-size: clamp(26px, 6vw, 46px);\r\n      line-height: .9;\r\n      letter-spacing: .03em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .history-layout {\r\n      flex: 1;\r\n      align-items: center;    \r\n      display: grid;\r\n      grid-template-columns: minmax(460px, 1fr) minmax(420px, clamp(420px, 34vw, 580px));\r\n      align-items: start;\r\n      gap: clamp(48px, 5vw, 130px);\r\n        width: min(92vw, 1780px);\r\n        max-width: 1780px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .wheel-wrap {\r\n      position: relative;\r\n      min-height: clamp(430px, 34vw, 650px);\r\n      display: grid;\r\n      place-items: center;\r\n      padding-inline: clamp(18px, 4vw, 72px);\r\n    }\r\n\r\n    .orbit {\r\n      position: relative;\r\n      --wheel-size: clamp(400px, min(27vw, 58vh), 620px);\r\n      --orbit-radius: calc(var(--wheel-size) * .508);\r\n      width: var(--wheel-size);\r\n      aspect-ratio: 1;\r\n      display: grid;\r\n      place-items: center;\r\n    }\r\n\r\n    .orbit::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: calc(var(--orbit-radius) + var(--orbit-radius));\r\n      height: calc(var(--orbit-radius) + var(--orbit-radius));\r\n      transform: translate(-50%, -50%);\r\n      border: 2px dashed rgba(70, 14, 21, .16);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .logo-button {\r\n      position: relative;\r\n      z-index: 5;\r\n      width: calc(var(--wheel-size) * .425);\r\n      aspect-ratio: 1;\r\n      display: grid;\r\n      place-items: center;\r\n      border: 0;\r\n      border-radius: 50%;\r\n      background: transparent;\r\n      box-shadow: none;\r\n      cursor: grab;\r\n      transition: box-shadow .25s ease;\r\n    }\r\n\r\n    .logo-button:active {\r\n      cursor: grabbing;\r\n    }\r\n    \r\n    .logo-button img {\r\n      display: none;\r\n    }\r\n    \r\n    .history-stage .logo-button,\r\n    .history-stage .logo-button:hover,\r\n    .history-stage .logo-button:focus,\r\n    .history-stage .logo-button:active {\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      border-color: transparent !important;\r\n      box-shadow: none !important;\r\n      color: inherit !important;\r\n      padding: 0 !important;\r\n      outline: none;\r\n    }\r\n\r\n    .history-stage .logo-button:focus-visible {\r\n      outline: 2px solid rgba(125, 202, 209, 0.8);\r\n      outline-offset: 8px;\r\n    }\r\n\r\n\r\n    .time-dot {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      z-index: 3;\r\n      width: 22px;\r\n      height: 22px;\r\n      min-width: 22px;\r\n      min-height: 22px;\r\n      max-width: 22px;\r\n      max-height: 22px;\r\n      padding: 0;\r\n      border: 4px solid #fff;\r\n      border-radius: 50%;\r\n      background: var(--haider-bordeaux);\r\n      box-shadow: 0 8px 22px rgba(70, 14, 21, .2);\r\n      transform:\r\n        rotate(var(--angle))\r\n        translateX(var(--orbit-radius))\r\n        rotate(calc(var(--angle) * -1))\r\n        translate(-50%, -50%);\r\n      cursor: pointer;\r\n      appearance: none;\r\n      line-height: 1;\r\n      transition: background .22s ease, transform .22s ease, box-shadow .22s ease;\r\n    }\r\n\r\n    .time-dot::after {\r\n      content: attr(data-year);\r\n      position: absolute;\r\n      left: 30px;\r\n      top: 50%;\r\n      min-width: 210px;\r\n      transform: translateY(-50%);\r\n      color: var(--haider-bordeaux);\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      letter-spacing: .03em;\r\n      text-align: left;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .time-dot:nth-child(n+6)::after {\r\n      left: auto;\r\n      right: 30px;\r\n      text-align: right;\r\n    }\r\n\r\n    .time-dot[data-index=\"0\"]::after,\r\n    .time-dot[data-index=\"1\"]::after,\r\n    .time-dot[data-index=\"2\"]::after,\r\n    .time-dot[data-index=\"3\"]::after,\r\n    .time-dot[data-index=\"4\"]::after {\r\n      left: 34px;\r\n      right: auto;\r\n      text-align: left;\r\n    }\r\n\r\n    .time-dot[data-index=\"5\"]::after,\r\n    .time-dot[data-index=\"6\"]::after,\r\n    .time-dot[data-index=\"7\"]::after,\r\n    .time-dot[data-index=\"8\"]::after {\r\n      left: auto;\r\n      right: 34px;\r\n      text-align: right;\r\n    }\r\n\r\n    .time-dot.is-active {\r\n      background: var(--haider-turquoise);\r\n      box-shadow: 0 0 0 8px rgba(125, 202, 209, .18), 0 14px 34px rgba(70, 14, 21, .22);\r\n    }\r\n\r\n    .time-dot.is-active::after {\r\n      color: #1b6269;\r\n    }\r\n\r\n    .pointer {\r\n      position: absolute;\r\n      z-index: 4;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: calc(var(--wheel-size) * .455);\r\n      aspect-ratio: 760 \/ 1260;\r\n      transform-origin: 50% 69.5%;\r\n      transform: translate(-50%, -69.5%) rotate(calc(var(--line-angle) + 90deg));\r\n      transition: transform .7s cubic-bezier(.2, .7, .2, 1);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .pointer img {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      object-fit: contain;\r\n      filter: drop-shadow(0 24px 36px rgba(70, 14, 21, .18));\r\n    }\r\n\r\n    .story-card {\r\n      position: relative;\r\n      min-height: var(--story-card-min-height, 620px);\r\n      max-width: clamp(560px, 28vw, 680px);\r\n      padding: 28px 34px;\r\n      background: rgba(255, 250, 244, .78);\r\n      border-left: 6px solid var(--haider-turquoise);\r\n      box-shadow: 0 22px 60px rgba(70, 14, 21, .16);\r\n      overflow: hidden;\r\n      display: grid;\r\n      grid-template-rows: auto auto auto auto auto auto;\r\n    }\r\n\r\n    .story-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -80px;\r\n      bottom: -90px;\r\n      width: 260px;\r\n      height: 260px;\r\n      border: 36px solid rgba(70, 14, 21, .06);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .story-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n      color: #2d8f99;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .story-kicker::before {\r\n      content: \"\";\r\n      width: 44px;\r\n      height: 2px;\r\n      background: currentColor;\r\n    }\r\n\r\n    .story-year {\r\n      margin: 0 0 1px;\r\n      color: var(--haider-bordeaux);\r\n      font-family: \"SpaceGrotesk\", sans-serif;\r\n      font-size: clamp(26px, 3.1vw, 40px);\r\n      line-height: .95;\r\n      letter-spacing: 0;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .story-title {\r\n      margin: 0 0 1px;\r\n      color: var(--haider-bordeaux);\r\n      font-size: clamp(10px, 1.55vw, 20px);\r\n      line-height: 1.18;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .story-text {\r\n      margin: 0;\r\n      max-width: 54ch;\r\n      color: rgba(70, 14, 21, .76);\r\n      font-size: clamp(10px, .95vw, 13px);\r\n      line-height: 1.42;\r\n      font-weight: 550;\r\n      padding-right: 12px;\r\n    }\r\n\r\n    .story-text p {\r\n      margin: 0 0 .78em;\r\n    }\r\n\r\n    .story-text p:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .controls {\r\n      display: flex;\r\n      gap: 10px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .control {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 28px;\r\n      height:28px;\r\n      border: 1px solid rgba(70, 14, 21, .18);\r\n      background: white;\r\n      color: var(--haider-bordeaux);\r\n      font-size: 20px;\r\n      font-weight: 850;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .control:hover {\r\n      border-color: var(--haider-turquoise);\r\n      background: var(--haider-turquoise);\r\n      color: #10282b;\r\n    }\r\n\r\n    .hint {\r\n      margin-top: 12px;\r\n      color: rgba(70, 14, 21, .56);\r\n      font-size: 13px;\r\n      font-weight: 650;\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .history-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: clamp(28px, 6vw, 44px);\r\n        max-width: 760px;\r\n      }\r\n\r\n      .wheel-wrap {\r\n        min-height: clamp(330px, 56vw, 460px);\r\n        padding-inline: 0;\r\n      }\r\n\r\n      .orbit {\r\n        --wheel-size: clamp(300px, 54vw, 400px);\r\n        --orbit-radius: calc(var(--wheel-size) * .50);\r\n      }\r\n\r\n      .headline {\r\n        margin-bottom: clamp(24px, 5vw, 38px);\r\n      }\r\n\r\n      .story-card {\r\n        min-height: var(--story-card-min-height, 560px);\r\n        max-width: 580px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .history-stage {\r\n        padding: 24px 18px 34px;\r\n      }\r\n\r\n      .wheel-wrap {\r\n        min-height: clamp(270px, 68vw, 360px);\r\n      }\r\n\r\n      .orbit {\r\n        --wheel-size: min(66vw, 290px);\r\n        --orbit-radius: calc(var(--wheel-size) * .46);\r\n      }\r\n\r\n      .time-dot {\r\n        width: 18px;\r\n        height: 18px;\r\n        min-width: 18px;\r\n        min-height: 18px;\r\n        max-width: 18px;\r\n        max-height: 18px;\r\n        border-width: 3px;\r\n        transform:\r\n          rotate(var(--angle))\r\n          translateX(var(--orbit-radius))\r\n          rotate(calc(var(--angle) * -1))\r\n          translate(-50%, -50%);\r\n      }\r\n\r\n      .time-dot::after {\r\n        display: none;\r\n      }\r\n\r\n      .story-card {\r\n        height: auto;\r\n        min-height: var(--story-card-min-height, 500px);\r\n        padding: 24px 22px;\r\n        border-left-width: 6px;\r\n      }\r\n\r\n      .story-kicker {\r\n        margin-bottom: 16px;\r\n        font-size: 12px;\r\n      }\r\n\r\n      .story-year {\r\n        font-size: clamp(32px, 9vw, 40px);\r\n      }\r\n\r\n      .story-title {\r\n        font-size: clamp(19px, 5.3vw, 23px);\r\n      }\r\n\r\n      .story-text {\r\n        max-width: none;\r\n        padding-right: 0;\r\n        font-size: clamp(15px, 4vw, 16px);\r\n        line-height: 1.42;\r\n      }\r\n\r\n      .controls {\r\n        margin-top: 24px;\r\n      }\r\n\r\n      .control {\r\n        width: 44px;\r\n        height: 44px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <main class=\"history-stage\">\r\n    <h1 class=\"headline\">Unsere Geschichte<\/h1>\r\n\r\n    <section class=\"history-layout\" aria-label=\"Interaktive Unternehmensgeschichte\">\r\n      <div class=\"wheel-wrap\">\r\n        <div class=\"orbit\" aria-label=\"Zeitpunkte\">\r\n          <span class=\"pointer\" aria-hidden=\"true\">\r\n            <img decoding=\"async\" src=\"https:\/\/bayern-test.de\/beispiele\/wordpress\/haider-leiblfing\/wp-content\/uploads\/2026\/05\/uhrzeiger_rot.png\" alt=\"\">\r\n          <\/span>\r\n\r\n          <button class=\"logo-button\" type=\"button\" aria-label=\"Logo drehen und n\u00e4chsten Zeitpunkt anzeigen\">\r\n            <img decoding=\"async\" src=\"https:\/\/bayern-test.de\/beispiele\/wordpress\/haider-leiblfing\/wp-content\/uploads\/2026\/05\/logohonly.png\" alt=\"Haider H\">\r\n          <\/button>\r\n\r\n          <button class=\"time-dot is-active\" type=\"button\" style=\"--angle:-90deg\" data-index=\"0\" data-year=\"1927\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:-50deg\" data-index=\"1\" data-year=\"1933 - 1934\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:-10deg\" data-index=\"2\" data-year=\"1935 - 1945\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:30deg\" data-index=\"3\" data-year=\"1946 - 1950\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:70deg\" data-index=\"4\" data-year=\"1951 - 1960\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:110deg\" data-index=\"5\" data-year=\"1961 - 1970\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:150deg\" data-index=\"6\" data-year=\"1971 - 1979\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:190deg\" data-index=\"7\" data-year=\"1980 - 1999\"><\/button>\r\n          <button class=\"time-dot\" type=\"button\" style=\"--angle:230deg\" data-index=\"8\" data-year=\"2000 - Heute\"><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <article class=\"story-card\" aria-live=\"polite\">\r\n        <div class=\"story-kicker\">Zeitpunkt<\/div>\r\n        <h2 class=\"story-year\">1927<\/h2>\r\n        <h3 class=\"story-title\">Der Anfang<\/h3>\r\n        <div class=\"story-text\"><\/div>\r\n\r\n        <div class=\"controls\" aria-label=\"Geschichte steuern\">\r\n          <button class=\"control\" type=\"button\" data-dir=\"-1\" aria-label=\"Vorheriger Zeitpunkt\">\u2039<\/button>\r\n          <button class=\"control\" type=\"button\" data-dir=\"1\" aria-label=\"N\u00e4chster Zeitpunkt\">\u203a<\/button>\r\n        <\/div>\r\n        <div class=\"hint\">Logo anklicken oder ziehen, um durch die Zeitpunkte zu wechseln.<\/div>\r\n      <\/article>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <script>\r\n    const stories = [\r\n      {\r\n        year: \"1927\",\r\n        title: \"Der Anfang\",\r\n        paragraphs: [\r\n          \"In einer stillgelegten Kegelbahn in Leiblfing begann 1927 die Geschichte des Unternehmens Haider.\",\r\n          \"Hans Haider er\u00f6ffnete dort am 1. M\u00e4rz seine mechanische Reparaturwerkst\u00e4tte unterst\u00fctzt von seinen Br\u00fcdern Anton und Paul.\",\r\n          \"Repariert wurde alles, was auf H\u00f6fen und Feldern unverzichtbar war \u2013 von Landmaschinen \u00fcber Motoren bis hin zu Fahrr\u00e4dern und den ersten Automobilen.\",\r\n          \"Mit handwerklichem K\u00f6nnen, viel Einsatz und Leidenschaft entstand hier der Grundstein f\u00fcr ein Betrieb, der bis heute in Familienhand ist.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"1933 - 1934\",\r\n        title: \"Die ersten Schritte zum Unternehmen\",\r\n        paragraphs: [\r\n          \"Mit den Jahren wuchs nicht nur die Erfahrung, sondern auch die Nachfrage. 1933 begann Hans Haider mit dem Verkauf von Fahrr\u00e4dern, Motoren und landwirtschaftlichen Maschinen.\",\r\n          \"Im selben Jahr erwarb er das heutige Betriebsgel\u00e4nde und richtete dort eine Werkstatt ein, erg\u00e4nzt durch ein Ladengesch\u00e4ft f\u00fcr Hausger\u00e4te und landwirtschaftlichen Bedarf.\",\r\n          \"Gemeinsam mit seiner Ehefrau Rosa entwickelte sich der Betrieb stetig weiter. Neue Maschinen kamen hinzu, die ersten Automobile wurden verkauft und junge Mechaniker ausgebildet.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"1935 - 1945\",\r\n        title: \"Stabilit\u00e4t in bewegten Zeiten\",\r\n        paragraphs: [\r\n          \"In den 1930er Jahre entwickelte sich der Betrieb Schritt f\u00fcr Schritt weiter. Das Angebot wurde gr\u00f6\u00dfer, und neben Landmaschinen geh\u00f6rten nun auch Dreschmaschinen, Gras- und Getreidem\u00e4her sowie erste Automobile zum Alltag in Werkstatt und Verkauf.\",\r\n          \"Auch in den darauffolgenden schwierigen Jahren blieb die Werkstatt bestehen. F\u00fcr viele Landwirte und Kunden aus der Region war sie weiterhin eine wichtige Anlaufstelle \u2013 ein Ort, an dem repariert, geholfen und weitergearbeitet wurde.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"1946 - 1950\",\r\n        title: \"Aufbruch und neue M\u00f6glichkeiten\",\r\n        paragraphs: [\r\n          \"Nach den Kriegsjahren begann eine Zeit des Neuanfangs. Die Landwirtschaft wurde zunehmend mechanisiert \u2013 und Haider begleitete diesen Wandel aktiv.\",\r\n          \"Als Vertreter der Traktorenfabrik Eicher lieferte er die ersten Eicher-Traktor aus und auch die Teilnahme als Aussteller auf dem G\u00e4ubodenvolksfest in Straubing fiel in diese Zeit und machte den Betrieb \u00fcber die Region hinaus bekannt.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"1951 - 1960\",\r\n        title: \"Mobilit\u00e4t ver\u00e4ndert sich\",\r\n        paragraphs: [\r\n          \"In den 1950er Jahren wandelte sich die Mobilit\u00e4t deutlich \u2013 und damit auch das Angebot des Betriebs.\",\r\n          \"Neben NSU-Motorr\u00e4dern nahm Haider Volkswagen-PKW und weitere Fahrzeuge in sein Sortiment auf. Gleichzeitig entstand eine moderne Autowerkstatt mit Ersatzteillager und Pr\u00fcftechnik.\",\r\n          \"Aus der urspr\u00fcnglichen Reparaturwerkst\u00e4tte f\u00fcr Landmaschinen entwickelte sich so zunehmend ein vielseitiger Betrieb rund um Fahrzeuge und Mobilit\u00e4t.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"1961 - 1970\",\r\n        title: \"Generationenwechsel und Zukunftsplanung\",\r\n        paragraphs: [\r\n          \"1961 trat Hans Haider jun. in den Betrieb seines Vaters ein. Mit neuen Ideen und gro\u00dfem technischen Interesse brachte er frische Impulse ein und engagierte sich auch im Motorsport.\",\r\n          \"\u00dcber zwei Jahrzehnte f\u00fchrten Vater und Sohn den Betrieb gemeinsam weiter und planten bereits die n\u00e4chsten Schritte f\u00fcr die Zukunft. Im Oktober 1970 verstarb Firmengr\u00fcnder Hans Haider.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"1971 - 1979\",\r\n        title: \"Ausbau und neue Perspektiven\",\r\n        paragraphs: [\r\n          \"Anfang der 1970er Jahre wurden mehrere bauliche Ma\u00dfnahmen umgesetzt. So entstand z. B. die bis heute bestehende Werkstatthalle mit Verkaufsraum und Werkstattb\u00fcro.\",\r\n          \"Zudem \u00fcbernahm Haider die Peugeot-Vertretung und im Zuge der \u00d6lkrise 1973 erweiterte er sein Leistungsangebot um den Bereich der Kupplungsinstandsetzung.\",\r\n          \"Der Betrieb entwickelte sich zu einem modernen Service- und Mobilit\u00e4tspartner f\u00fcr die Region.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"1980 - 1999\",\r\n        title: \"Die n\u00e4chste Generation \u00fcbernimmt & die Geschichte geht weiter\",\r\n        paragraphs: [\r\n          \"Mit dem Einstieg von Martin Haider begann ein weiteres Kapitel der Unternehmensgeschichte.\",\r\n          \"Als Vertreter der dritten Generation brachte er neue Impulse ein und f\u00fchrte den Betrieb zugleich im Sinne bew\u00e4hrter Werte weiter: Verl\u00e4sslichkeit, handwerkliche Qualit\u00e4t und die Leidenschaft f\u00fcr Technik und Fahrzeuge.\",\r\n          \"Der Bau des heutigen Gesch\u00e4ftshauses im Jahr 1999 setzte dieser Entwicklung einen sichtbaren Meilenstein.\"\r\n        ]\r\n      },\r\n      {\r\n        year: \"2000 - Heute\",\r\n        title: \"Kontinuit\u00e4t und neue Impulse im Familienbetrieb\",\r\n        paragraphs: [\r\n          \"Der Familienbetrieb wurde 2019 unter Martin Haiders Leitung erweitert: Mit einer neuen Werkstatthalle konnte dem wachsenden Kundenbedarf noch besser entsprochen werden.\",\r\n          \"2022 feierte der Betrieb Haider sein 95-j\u00e4hriges Bestehen, und zugleich trat mit Johannes Haider die vierte Generation in das Unternehmen ein.\",\r\n          \"Am 30. M\u00e4rz 2024 verstarb Ehrenobermeister Hans Haider, eine Pers\u00f6nlichkeit, die das Unternehmen und die Region \u00fcber Jahrzehnte gepr\u00e4gt hatte.\"\r\n        ]\r\n      }\r\n    ];\r\n\r\n    const logoButton = document.querySelector(\".logo-button\");\r\n    const dots = Array.from(document.querySelectorAll(\".time-dot\"));\r\n    const line = document.querySelector(\".pointer\");\r\n    const year = document.querySelector(\".story-year\");\r\n    const title = document.querySelector(\".story-title\");\r\n    const text = document.querySelector(\".story-text\");\r\n    const controls = Array.from(document.querySelectorAll(\".control\"));\r\n    const storyCard = document.querySelector(\".story-card\");\r\n    let active = 0;\r\n    let dragStart = null;\r\n    let suppressLogoClick = false;\r\n    let resizeTimer = null;\r\n\r\n    function angleFor(index) {\r\n      return Number(dots[index].style.getPropertyValue(\"--angle\").replace(\"deg\", \"\"));\r\n    }\r\n\r\n    function renderParagraphs(target, paragraphs) {\r\n      target.replaceChildren(\r\n        ...paragraphs.map((paragraph) => {\r\n          const element = document.createElement(\"p\");\r\n          element.textContent = paragraph;\r\n          return element;\r\n        })\r\n      );\r\n    }\r\n\r\n    function measureLargestStoryCard() {\r\n      const clone = storyCard.cloneNode(true);\r\n      const cloneYear = clone.querySelector(\".story-year\");\r\n      const cloneTitle = clone.querySelector(\".story-title\");\r\n      const cloneText = clone.querySelector(\".story-text\");\r\n\r\n      clone.style.position = \"absolute\";\r\n      clone.style.left = \"-9999px\";\r\n      clone.style.top = \"0\";\r\n      clone.style.width = `${storyCard.getBoundingClientRect().width}px`;\r\n      clone.style.minHeight = \"0\";\r\n      clone.style.height = \"auto\";\r\n      clone.style.visibility = \"hidden\";\r\n      clone.style.pointerEvents = \"none\";\r\n      clone.style.overflow = \"visible\";\r\n\r\n      document.body.appendChild(clone);\r\n\r\n      let largest = 0;\r\n      stories.forEach((story) => {\r\n        cloneYear.textContent = story.year;\r\n        cloneTitle.textContent = story.title;\r\n        renderParagraphs(cloneText, story.paragraphs);\r\n        largest = Math.max(largest, clone.scrollHeight);\r\n      });\r\n\r\n      clone.remove();\r\n      storyCard.style.setProperty(\"--story-card-min-height\", `${Math.ceil(largest)}px`);\r\n    }\r\n\r\n    function setActive(index) {\r\n      active = (index + stories.length) % stories.length;\r\n\r\n      dots.forEach((dot, dotIndex) => {\r\n        dot.classList.toggle(\"is-active\", dotIndex === active);\r\n      });\r\n\r\n      const story = stories[active];\r\n      year.textContent = story.year;\r\n      title.textContent = story.title;\r\n      renderParagraphs(text, story.paragraphs);\r\n\r\n      logoButton.style.transform = `rotate(${active * 40}deg)`;\r\n      line.style.setProperty(\"--line-angle\", `${angleFor(active)}deg`);\r\n    }\r\n\r\n    logoButton.addEventListener(\"click\", () => {\r\n      if (suppressLogoClick) {\r\n        suppressLogoClick = false;\r\n        return;\r\n      }\r\n\r\n      setActive(active + 1);\r\n    });\r\n\r\n    dots.forEach((dot) => {\r\n      dot.addEventListener(\"click\", () => {\r\n        const next = Number(dot.dataset.index);\r\n        setActive(next);\r\n      });\r\n    });\r\n\r\n    controls.forEach((button) => {\r\n      button.addEventListener(\"click\", () => {\r\n        const dir = Number(button.dataset.dir);\r\n        setActive(active + dir);\r\n      });\r\n    });\r\n\r\n    logoButton.addEventListener(\"pointerdown\", (event) => {\r\n      dragStart = event.clientX;\r\n      logoButton.setPointerCapture(event.pointerId);\r\n    });\r\n\r\n    logoButton.addEventListener(\"pointerup\", (event) => {\r\n      if (dragStart === null) return;\r\n      const diff = event.clientX - dragStart;\r\n      dragStart = null;\r\n      if (Math.abs(diff) < 24) return;\r\n      suppressLogoClick = true;\r\n      setActive(active + (diff > 0 ? 1 : -1));\r\n    });\r\n\r\n    function syncStoryCardHeight() {\r\n      window.clearTimeout(resizeTimer);\r\n      resizeTimer = window.setTimeout(() => {\r\n        measureLargestStoryCard();\r\n        setActive(active);\r\n      }, 80);\r\n    }\r\n\r\n    if (document.fonts && document.fonts.ready) {\r\n      document.fonts.ready.then(syncStoryCardHeight);\r\n    } else {\r\n      syncStoryCardHeight();\r\n    }\r\n\r\n    window.addEventListener(\"resize\", syncStoryCardHeight);\r\n    setActive(0);\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b876474 elementor-widget elementor-widget-html\" data-id=\"b876474\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n  function initHistorySnap() {\r\n    const target = document.querySelector(\"#haider-geschichte\");\r\n    const header = document.querySelector(\"#header_pop\");\r\n    if (!target) return;\r\n\r\n    let isSnapping = false;\r\n    let lockUntil = 0;\r\n    let wheelDelta = 0;\r\n    let wheelTimer = null;\r\n\r\n    function headerOffset() {\r\n      return header ? header.getBoundingClientRect().height : 0;\r\n    }\r\n\r\n    function targetTop() {\r\n      return target.getBoundingClientRect().top + window.scrollY - headerOffset();\r\n    }\r\n\r\n    function releaseLock() {\r\n      window.setTimeout(() => {\r\n        isSnapping = false;\r\n        lockUntil = Date.now() + 250;\r\n        wheelDelta = 0;\r\n      }, 950);\r\n    }\r\n\r\n    function scrollToTop() {\r\n      isSnapping = true;\r\n      lockUntil = Date.now() + 950;\r\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n      releaseLock();\r\n    }\r\n\r\n    function scrollToHistory() {\r\n      isSnapping = true;\r\n      lockUntil = Date.now() + 950;\r\n      window.scrollTo({ top: targetTop(), behavior: \"smooth\" });\r\n      releaseLock();\r\n    }\r\n\r\n    window.addEventListener(\"wheel\", function (event) {\r\n      const now = Date.now();\r\n\r\n      if (isSnapping || now < lockUntil) {\r\n        event.preventDefault();\r\n        return;\r\n      }\r\n\r\n      wheelDelta += event.deltaY;\r\n\r\n      window.clearTimeout(wheelTimer);\r\n      wheelTimer = window.setTimeout(() => {\r\n        wheelDelta = 0;\r\n      }, 120);\r\n\r\n      if (Math.abs(wheelDelta) < 35) return;\r\n\r\n      const currentY = window.scrollY;\r\n      const historyTop = targetTop();\r\n\r\n      const nearTop = currentY < 180;\r\n      const nearHistory = Math.abs(currentY - historyTop) < 220;\r\n\r\n      if (wheelDelta > 0 && nearTop) {\r\n        event.preventDefault();\r\n        wheelDelta = 0;\r\n        scrollToHistory();\r\n        return;\r\n      }\r\n\r\n      if (wheelDelta < 0 && nearHistory) {\r\n        event.preventDefault();\r\n        wheelDelta = 0;\r\n        scrollToTop();\r\n      }\r\n    }, { passive: false });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initHistorySnap);\r\n  } else {\r\n    initHistorySnap();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eeea03b e-con-full e-flex e-con e-child\" data-id=\"eeea03b\" data-element_type=\"container\" data-e-type=\"container\" id=\"haider-umwelt\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6eac154 e-con-full umwelt-box e-flex e-con e-child\" data-id=\"6eac154\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-020c6e2 umwelt-kicker elementor-widget elementor-widget-heading\" data-id=\"020c6e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Verantwortung<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd169c7 umwelt-title elementor-widget elementor-widget-heading\" data-id=\"fd169c7\" 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\">Umwelt &amp; Nachhaltigkeit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1b3367 umwelt-text elementor-widget elementor-widget-text-editor\" data-id=\"b1b3367\" 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>Die Firma Haider zeigt seit Jahren einen hohen Einsatz an betrieblichem Umweltschutz und Nachhaltigkeit.\u00a0<strong>Ich kann nur den Hut ziehen, was alles in der Firma in Sachen Umweltschutz gemacht wurde.<\/strong>\u00a0Johannes Haider ist in Leiblfing ein echtes Vorbild.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-578471b umwelt-source elementor-widget elementor-widget-text-editor\" data-id=\"578471b\" 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>Josef Moll, B\u00fcrgermeister von Leiblfing<\/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-9101a8d e-con-full e-flex e-con e-parent\" data-id=\"9101a8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a66c13 elementor-widget elementor-widget-html\" data-id=\"4a66c13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"haider-side-actions\" aria-label=\"Schnellzugriff\">\r\n  <a class=\"haider-side-action\" href=\"tel:+499427952010\" aria-label=\"Telefon\">\r\n    <span class=\"haider-side-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.7.6 2.5a2 2 0 0 1-.5 2.1L8 9.5a16 16 0 0 0 6.5 6.5l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.6.5 2.5.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"haider-side-label\">09427 \/ 95 20 10<\/span>\r\n  <\/a>\r\n\r\n  <a class=\"haider-side-action\" href=\"mailto:haider@haider-leiblfing.de\" aria-label=\"E-Mail\">\r\n    <span class=\"haider-side-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\/><path d=\"m22 7-10 6L2 7\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"haider-side-label\">haider@haider-leiblfing.de<\/span>\r\n  <\/a>\r\n\r\n  <a class=\"haider-side-action\" href=\"\/beispiele\/wordpress\/haider-leiblfing\/index.php\/kontakt\/\" aria-label=\"Anfahrt\">\r\n    <span class=\"haider-side-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"haider-side-label\">Anfahrt & Kontakt<\/span>\r\n  <\/a>\r\n\r\n  <a class=\"haider-side-action\" href=\"#aktuelles\" aria-label=\"Aktuelles\">\r\n    <span class=\"haider-side-icon haider-news-icon\">NEWS<\/span>\r\n    <span class=\"haider-side-label\">Aktuelles & Termine<\/span>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.haider-side-actions {\r\n  position: fixed;\r\n  right: 0;\r\n  top: 42%;\r\n  transform: translateY(-50%);\r\n  z-index: 9999;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  pointer-events: none;\r\n}\r\n\r\n.haider-side-action {\r\n  pointer-events: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  height: 62px;\r\n  width: 62px;\r\n  margin-left: auto;\r\n  overflow: hidden;\r\n  background: #460E15;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 14px 34px rgba(70, 14, 21, 0.22);\r\n  transition: width 0.26s ease, background 0.22s ease;\r\n}\r\n\r\n.haider-side-action:hover {\r\n  width: 320px;\r\n  background: #5a121c;\r\n}\r\n\r\n.haider-side-icon {\r\n  flex: 0 0 62px;\r\n  width: 62px;\r\n  height: 62px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.haider-side-icon svg {\r\n  width: 30px;\r\n  height: 30px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.haider-news-icon {\r\n  font-family: \"SpaceGrotesk\", sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.haider-side-label {\r\n  flex: 1;\r\n  min-width: 0;\r\n  padding: 0 22px 0 10px;\r\n  background: rgba(255, 250, 244, 0.16);\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  color: #ffffff;\r\n  font-family: \"SpaceGrotesk\", sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 750;\r\n  white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .haider-side-actions {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\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>01 \/ Meisterbetrieb KFZ-MeisterbetriebPers\u00f6nlicher Service, ehrliche Beratung und saubere Arbeit f\u00fcr Fahrzeuge aus der Region.Mehr erfahren02 \/ Spezialgebiet KupplungstechnikErfahrung, Fachwissen und passende L\u00f6sungen rund um Kupplungen, Antrieb und Technik.Mehr erfahren03 \/ Service ErsatzteilserviceSchnell, verl\u00e4sslich und mit direktem Blick auf das Teil, das wirklich gebraucht wird.Mehr erfahren 01 KFZ-Meisterbetrieb Wartung, Reparatur, Diagnose 02 Kupplungstechnik Fachgebiet mit [&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-1219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/pages\/1219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/comments?post=1219"}],"version-history":[{"count":409,"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/pages\/1219\/revisions"}],"predecessor-version":[{"id":2437,"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/pages\/1219\/revisions\/2437"}],"wp:attachment":[{"href":"https:\/\/haider-leiblfing.de\/index.php\/wp-json\/wp\/v2\/media?parent=1219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}