{"id":63240,"date":"2025-10-21T20:07:59","date_gmt":"2025-10-21T20:07:59","guid":{"rendered":"https:\/\/discover.restek.com\/?p=63240"},"modified":"2026-03-13T14:22:53","modified_gmt":"2026-03-13T14:22:53","slug":"restek40","status":"publish","type":"post","link":"https:\/\/discover.restek.com\/de\/artikel\/gnlp4540\/restek40","title":{"rendered":"40 Jahre Restek"},"content":{"rendered":"\n<style>\n  \/*WordPress Customization*\/\n  .single-post h1 {\n    display: none;\n  }\n\n  .single-post .author-down {\n    display: none;\n}\n\n.cat-name {\n    display: none;\n    margin-top: 0px !important;\n}\n  \n  .single-post p.cat-name {\n    display: none;\n}\n\n  .single-post p.date {\n    display: none;\n}\n\nnav.breadcrumbs {\n    display:none;\n}\n\n.content-area {\n    background-color: white;\n    margin-top: 0px !important;\n}\n\n.post-content {\n    margin-top: 0px !important;\n}\n\n.kt-clear {\n    margin-top: -10px;\n}\n\n.site-container {\n    width: auto;\n    max-width: 100% !important;\n    box-sizing: inherit;\n    padding: 0px !important;\n}\n\n.author-details-info {\n  display: none;\n  margin: auto;\n  max-width:1200px;\n}\n\n\/*.site-footer-row-container-inner h2 {\nfont-size: 36px !important;\ncolor: white !important;\n}*\/\n\n\/* Background Color CSS *\/\n\n.background-top {\n    background-color: #ffffff;\n    background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-bottom: 5px;\n}\n\n.background-anniversary-videos {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 40px;\n}\n\n.background-social {\n    background-color: #FFFFFF;\n    padding-top: 55px;\n    padding-bottom: 10px;\n}\n\n.background-timeline {\n    background: #d9eefc;\n    padding-top: 30px;\n    padding-bottom: 30px;\n}\n\n.background-timeline-activities {\n    background-color: #ebf2fc;\n    padding-top: 20px;\n    padding-bottom: 40px;\n}\n\n.background-webinars {\n    background-color: #ffffff;\n    padding-top: 50px;\n    padding-bottom: 100px;\n}\n\n.background-quiz {\n    background-color: #ffffff;\n        background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: 120px;\n    padding-bottom: 150px;\n}\n\n.background-testimonials {\n    background-color: #ffffff;\n    padding-top: 30px;\n    padding-bottom: 90px;\n}\n\n.background-events {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-events-no-quiz {\n    background-color: #ffffff;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-end {\n    background: #ffffff;\n    padding-top: 5px;\n    padding-bottom: 5px;\n}\n\n\n\n\/* Full-Width Template CSS *\/\n\n  \n  @media (min-width: 1200px) {\n  .content {\n      width: 80%;\n  }\n\n  }\n\n\n.banner-video {\n    width: 1300px;\n    height: auto;\n    display: block;\n    margin:0 auto;\n    border-bottom-left-radius: 30px;\n    border-bottom-right-radius: 30px;\n}\n\n.banner-image {\n    display: none;\n    width: 100%;\n    height: auto;\n    margin:0 auto;\n}\n\n@media (max-width: 767px) {\n  .banner-video {\n    display: none;\n  }\n\n  .banner-image {\n    display: block;\n  }\n}\n\n  \nbody {\n  font-family: sans-serif;\n  margin: 0;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  font-size: 110% !important;\n}\n\n.custom-h2 h2 {\nfont-size: 36px !important;\ncolor: rgb(1, 80, 184) !important;\n}\n\n\n\np {\n    font-size: 105% !important;\n}\n\n.signature-p {\n  font-size:120% !important;\n  margin-bottom: 20px;\n}\n\n.hero img {\n  max-width: 1350px;\n  width: 100%;\n  height: auto;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n  border-bottom-left-radius: 30px;\n  border-bottom-right-radius: 30px;\n}\n\n.sticky-nav {\n  width: 100%;\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(5px);\n  border-radius: 5px;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.sticky-nav ul {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 10px;\n}\n\n.sticky-nav li {\n  margin: 0 15px;\n}\n\n.sticky-nav a {\n  text-decoration: none;\n  color: #004b87;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.sticky-nav a:hover {\n  text-decoration: solid underline #004b87 2px;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.content-section {\n  padding: 5px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1200px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section a {\n  color: inherit;\n}\n\n.content-section-video {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section-social {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section h2, .content-section-video, .content-section-social h2{\n  text-align: center;\n}\n\n.content-section-blue {\n  padding: 40px 20px;\n  \/*background: rgba(108, 200, 250, 0.74);*\/\n  backdrop-filter: blur(5px); \n  border: solid 3px rgb(255, 255, 255);\n  margin: 20px auto;\n  max-width: 1200px;\n  border-radius: 8px;\n    position:relative;\n  z-index:1;\n}\n\n\/* Anniversary Video Section *\/\n\n.video-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n}\n\n.video-item {\n  flex: 1 1 300px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  animation: fadeInUp 1s ease-in-out;\n}\n\n.video-item iframe {\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n}\n\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n  .video-grid {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\n\/* Webinars *\/\n\n.webinar-content-section {\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  text-align: center;\n}\n\n.webinar-carousel-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 50px;\n}\n\n.webinar-carousel {\n  display: flex;\n  gap: 60px;\n  scroll-snap-type: x mandatory;\n  overflow-x: auto;\n  padding-top: 50px;\n  padding-bottom: 50px;\n  max-width: 100%;\n  justify-content: center;\n  flex-wrap: nowrap;\n}\n\n.webinar-card-link-wrapper {\n  flex: 0 0 auto;\n  scroll-snap-align: start;\n  text-decoration: none;\n  color: inherit;\n  width: 400px;\n}\n\n\/* Responsive: stack cards vertically on small screens *\/\n@media (max-width: 600px) {\n  .webinar-carousel {\n    flex-direction: column;\n    align-items: center;\n    overflow-x: hidden;\n  }\n\n  .webinar-card-link-wrapper {\n    width: 90%;\n  }\n}\n\n.webinar-custom-card {\n  background-color: #ffffff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: sans-serif;\n}\n\n.webinar-custom-card:hover {\n  transform: scale(1.01);\n  box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n}\n\n.webinar-card-image img {\n  width: 160%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n}\n\n.webinar-card-content {\n  padding: 1.5rem;\n  flex-grow: 1;\n}\n\n.webinar-card-content h2 {\n  font-size: 18px !important;\n  text-align: left;\n  margin-bottom: 0.5rem;\n}\n\n.webinar-card-content p {\n  font-size: 100% !important;\n  text-align: left;\n  color: #333;\n  margin-bottom: 1rem;\n}\n\n.webinar-card-footer {\n  background-color: #0071e3;\n  color: white;\n  text-align: center;\n  padding: 1rem;\n  font-weight: bold;\n}\n\n\/*Three-Columns *\/\n.three-column-block {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 20px;\n    margin: 40px auto;\n    max-width: 1000px;\n    padding: 20px;\n    \n}\n\n.column-three-column {\n    flex: 1 1 30%;\n    background: #fff;\n    border: 1px solid #dddddd98;\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    text-align: center;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column {\n    background-color: #f0f8ff;\n    border: 2px solid #004a87a1;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column button {\n    background-color: #004b87;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-top: 15px;\n}\n\n.special-column button:hover {\n    background-color: #003b6f;\n}\n\n@media (max-width: 768px) {\n    .three-column-block {\n        flex-direction: column;\n    }\n\n    .column-three-column {\n        flex: 1 1 100%;\n    }\n}\n\n\n\/* Bill Video Section *\/\n.video-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  margin: 0 auto;\n}\n\n.video-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.video-section-main {\n  padding: 20px 30px;\n  \/*background: linear-gradient(90deg, #0b2957, #0055b3);*\/\n  color: white;\n  margin: 10px auto 5px;\n  max-width: 1100px;\n  border-radius: 5px;\n  position: relative;\n  overflow: visible;\n}\n\n.video-section-main h2, .video-section-main p {\n  color: white;\n}\n\n.video-flex-container {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n}\n\n.video-column {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.content-column {\n  flex: 0 0 55%;\n  align-items: center;\n  display: block;\n}\n\n.thumbnail-column {\n  flex: 0 0 45%;\n  max-width: 45%;\n  justify-content: center;\n  align-items: center;\n}\n\n.video-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(5px);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  z-index: 2147483647;\n  border-radius: 0;\n  padding: 0;\n}\n\n.video-popup {\n  position: relative;\n  width: 80%;\n  max-width: 960px;\n  aspect-ratio: 16 \/ 9;\n}\n\n.video-popup iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 8px;\n}\n\n.close-text {\n  margin-top: 20px;\n  background: none;\n  border: 2px solid #fff;\n  color: #fff;\n  padding: 10px 20px;\n  font-size: 16px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background 0.3s ease;\n}\n\n.close-text:hover {\n  background: #fff !important;\n  color: #000 !important;\n}\n\n@media (max-width: 768px) {\n  .content-column,\n  .thumbnail-column {\n    flex: 0 0 100%;\n  }\n\n  .video-flex-container {\n    flex-direction: column;\n  }\n\n  .video-thumbnail {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n\/*Promo Block *\/\n\n.promo-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n}\n\n.promo-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.promo-thumbnail-trio {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n\n.promo-thumbnail-trio:hover {\n  transform: scale(1.03);\n}\n\n\n\n\/* Videos Section *\/\n\n    .video-grid-trio {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, 300px);\n      gap: 20px;\n      max-width: 1900px;\n      margin: 0 auto;\n      justify-content: center;\n    }\n\n\n    .video-thumbnail-trio {\n    width: 100%;\n    max-width: 350px;\n    cursor: pointer;\n    border-radius: 8px;\n    transition: transform 0.3s ease;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n    }\n\n\n    .video-thumbnail-trio:hover {\n      transform: scale(1.03);\n    }\n\n    .video-overlay-trio {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      background-color: rgba(0, 0, 0, 0.5);\n      backdrop-filter: blur(8px);\n      justify-content: center;\n      align-items: center;\n      flex-direction: column;\n      z-index: 2147483647;\n    }\n\n    .video-popup-trio {\n      position: relative;\n      width: 80%;\n      max-width: 960px;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .video-popup-trio iframe {\n      width: 100%;\n      height: 100%;\n      border: none;\n      border-radius: 8px;\n    }\n\n    .close-btn-trio {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n      background: #fff;\n      color: #000;\n      border: none;\n      font-size: 24px;\n      cursor: pointer;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n      line-height: 40px;\n    }\n\n    .close-text-trio {\n      margin-top: 20px;\n      background: none;\n      border: 2px solid #fff;\n      color: #fff;\n      padding: 10px 20px;\n      font-size: 16px;\n      cursor: pointer;\n      border-radius: 6px;\n      transition: background 0.3s ease;\n    }\n\n    .close-text-trio:hover {\n      background: #fff;\n      color: #000;\n    }\n\n\/* Responsive styles *\/\n@media (max-width: 768px) {\n  .hero {\n    padding: 40px 10px;\n  }\n\n  .sticky-nav ul {\n    flex-direction: column;\n    align-items: center;\n    display:none;\n  }\n\n  .sticky-nav li {\n    margin: 10px 0;\n  }\n\n\n}\n\n@media (max-width: 480px) {\n  .hero h1 {\n    font-size: 1.5rem;\n  }\n\n  .hero p {\n    font-size: 1rem;\n  }\n\n  .content-section {\n    padding: 20px 10px;\n  }\n}\n\n\n\/*Letter *\/\n\n    .custom-letter-wrapper {\n      max-width: 1200px;\n      margin: 40px auto 0 auto;\n      font-family: sans-serif;\n      padding-bottom: 40px;\n      \n    }\n\n    .custom-letter-box {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: rgba(255, 255, 255, 0.8);\n      color: white;\n      padding-top: 20px;\n      padding-left: 50px;\n      padding-right: 50px;\n      padding-bottom: 30px;\n      border-radius: 8px;\n      cursor: pointer;\n      flex-wrap: wrap;\n      transition: border-radius 0.3s ease;\n    }\n\n    .custom-letter-box.expanded {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    .custom-letter-box h2 {\n      margin: 0;\n      font-size: 34px;\n    }\n\n    .custom-letter-box p {\n      margin: 5px 0 0;\n    }\n\n    .custom-letter-box .custom-letter-thumbnail img {\n      width: 100%;\n      height: auto;\n      display: block;\n      box-shadow: 0px 0px 20px rgba(0, 17, 255, 0.7);\n      animation: shadowColorChangeLetter 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeLetter {\n      0% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal*\/\n      }\n      50% {\n        box-shadow: 0 0 40px rgba(0, 0, 255, 0.5); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal *\/\n      }\n    }\n\n\n    .custom-letter-thumbnail img:hover {\n      transform: scale(1.04);\n      transition: transform 0.3s;\n    }\n\n    .custom-letter-box .custom-letter-text {\n      flex: 1;\n      min-width: 250px;\n      margin-right: 20px;\n    }\n\n    .custom-letter-content {\n      width: 80%;\n      margin: auto;\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transition: opacity 0.5s ease, max-height 0.5s ease, padding 0.5s ease;\n      background-color: #f8fcfdde;\n      background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryLetterTexture.png\");\n      color: black;\n      padding: 0 20px;\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n      box-shadow: 0px 5px 10px rgba(0,0,0,0.2);\n    }\n\n\n    .custom-letter-content p, .custom-letter-text p, .custom-letter-text h2 {\n      color: black;\n    }\n\n    .custom-letter-content.show {\n      opacity: 1;\n      max-height: 2500px;\n      width: 80%;\n      margin:auto;\n      padding-left: 20px;\n      padding-right: 20px;\n      padding-bottom: 30px;\n      padding-top: 50px;\n      border-radius: 10px;\n    }\n\n    .custom-letter-content p {\n      padding-left: 10%;\n      padding-right: 10%;\n      margin: 0 0 1em;\n    }\n\n    .custom-letter-content a {\n      color: #2c2c2cbe;\n      text-decoration: none;\n    }\n\n\n    .read-letter-button {\n        margin-top: 50px;\n        color: #5897f5 !important;\n        font-size: 90%;\n        font-weight: bold !important;\n    }\n\n    @media (max-width: 768px) {\n      .custom-letter-box {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .custom-letter-box .custom-letter-thumbnail {\n        width: 100%;\n        max-width: none;\n        margin-top: 20px;\n      }\n\n      .custom-letter-box .custom-letter-text {\n        margin-right: 0;\n      }\n\n      .custom-letter-box h2 {\n        font-size: 28px;\n      }\n    }\n\n\n\/*Mastermind game*\/\n\n.gradient-border-wrapper {\n  position: relative;\n  padding: 4px; \/* border thickness *\/\n  border-radius: 20px;\n  background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);\n  background-size: 400% 400%;\n  animation: gradientBorder 6s ease infinite;\n}\n\n.gradient-border-content {\n  background: #cbe7fc;\n  border-radius: 15px; \/* slightly smaller to fit inside *\/\n  padding: 100px;\n  position: relative;\n  color: white;\n  text-align: right;\n  z-index: 1;\n}\n\n@keyframes gradientBorder {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\n\/*Quiz*\/\n\n.quiz-block {\n  display: flex;\n  flex-direction: row;\n  border-radius: 20px;\n  overflow: hidden;\n  background-color: #0e4983; \/* pastel blue background *\/\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 10px;\n}\n\n.quiz-block {\n      animation: shadowColorChangeQuiz 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeQuiz {\n      0% {\n        box-shadow: 0 0 70px rgba(255, 0, 0, 0.6); \/* Red *\/\n      }\n      33% {\n        box-shadow: 0 0 70px rgba(0, 255, 0, 0.6); \/* Green *\/\n      }\n      66% {\n        box-shadow: 0 0 70px rgba(0, 0, 255, 0.8); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 70px rgba(255, 0, 255, 0.6); \/* Purple *\/\n      }\n    }\n\n.quiz-image {\n  flex: 0 0 40%;\n  height: auto;\n  margin: auto;\n  align-items: center;\n  text-align: center;\n  display: block;\n}\n\n.quiz-content,\n.quiz-image {\n  box-sizing: border-box;\n}\n\n\n.quiz-image img {\n\n  width: 90%;\n}\n\n.quiz-content {\n  flex: 0 0 60%;\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background-color: transparent;\n  align-items: flex-start;\n}\n\n.quiz-content h2 {\n  color: #ffffff;\n  margin-bottom: 5px;\n  margin-top: 0px;\n}\n\n.quiz-content p {\n  font-size: 1.1em;\n  color: #ffffff;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  margin-top: 0px;\n}\n\n.quiz-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.quiz-button:hover {\n  background: #00223d !important;\n  color: white !important;\n}\n\n\/*Arrow Animation*\/\n.quiz-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.quiz-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n\/* Responsive Design *\/\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n    margin:auto;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n    text-align: center !important;\n  }\n\n  .quiz-image {\n    width: 60%;\n    margin:auto;\n\n  }\n\n    .quiz-content {\n    padding: 20px 10px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n\n    .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n        text-align: center !important;\n  }\n\n  .quiz-content {\n    padding: 30px 20px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n  .quiz-content h2 {\n    font-size: 1.6em;\n        text-align: center !important;\n  }\n\n  .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n\/*Social Carousel *\/\n.carousel-container {\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n    padding: 0px 0;\n    position: relative;\n  }\n\n  .carousel-wrapper {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n  }\n\n  .carousel-track {\n    display: flex;\n    gap: 60px;\n  }\n\n  .carousel-item {\n    flex: 0 0 auto;\n    width: 400;\n    height: 480;\n    margin-right: 10px;\n    background-color: #fff;\n    \/*box-shadow: 0 2px 6px rgba(0,0,0,0.1);*\/\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .carousel-item:last-child {\n  margin-right: 30px; \/* Adjust as needed *\/\n  }\n\n  .carousel-track img {\n    height: 60px;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .carousel-track img:last-child {\n  margin-right: 50px; \/* Adjust as needed *\/\n}\n\n  .carousel-track:last-child {\n  margin-right: 100px; \/* Adjust as needed *\/\n}\n\n\n\/*CSS for back-to-top nav buttons*\/\n  .back-to-top {\n      text-align: center;\n      margin-top: 30px;\n  }\n\n      \/*Color back-to-top nav buttons (link)*\/\n    a.back-to-top {\n        color: rgb(130, 130, 130) !important;\n        text-decoration: none;\n    }\n\n\n\n\/*Dividers*\/\n\n    .divider {\n      display: block;\n      width: 100%;\n      height: auto;\n      line-height: 0;\n    }\n\n    .divider.flip {\n      transform: scaleY(-1);\n    }\n\n    .divider-shape-video {\n  fill: #ebf9fc; \/* You can change this to any color you like *\/\n}\n\n    .divider-shape-timeline {\n  fill: #d9eefc; \/* You can change this to any color you like *\/\n}\n\n\n\n\/*Social-Temp*\/\n\n.social-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.social-left-column {\n  width: 35%;\n  padding: 10px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column h2{\n  text-align: right;\n}\n\n\n.social-left-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .social-container {\n    flex-direction: column;\n  }\n\n  .social-left-column {\n    width: 100%;\n    text-align: center !important;\n  }\n  .social-right-column {\n    width: 100%;\n    text-align: center !important;\n  }\n\n  .social-right-column h2{\n  text-align: center !important;\n}\n\n\n}\n\n.social-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.social-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n\/*Arrow Animation*\/\n.social-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.social-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n@media (max-width: 768px) {\n.social-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n}\n}\n\n\n\n\/*Timeline*\/\n\n.timeline-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.timeline-left-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n}\n\n.timeline-right-column {\n  width: 35%;\n  padding-right: 20px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.timeline-right-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .timeline-container {\n    flex-direction: column;\n  }\n\n  .timeline-left-column,\n  .timeline-right-column {\n    width: 100%;\n    text-align: center;\n  }\n\n  .timeline-left-column h2{\n  text-align: center !important;\n}\n\n.timeline-right-column img{\n    width: 50%;\n  }\n\n}\n\n.timeline-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.timeline-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n@media (max-width: 768px) {\n.timeline-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n    margin: 20px\n}\n}\n\n\/*Arrow Animation*\/\n.timeline-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.timeline-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n<\/style>\n\n\n<body>\n\n<div class=\"background-top\">\n\n<div class=\"banner\">\n<video class=\"banner-video\" autoplay loop muted playsinline preload=\"none\">\n  <source src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek40-Header-Video.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n<img decoding=\"async\" class=\"banner-image\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40thanniversary-LP-MOBILE.jpg\" alt=\"Futuristic cityscape with fireworks.\" title=\"-\"><\/img>\n<\/div>\n\n\n\n<div class=\"custom-letter-wrapper\"> <!-- A MESSAGE FROM BILL -->\n    <div id=\"customLetterBox\" class=\"custom-letter-box\">\n      <div class=\"custom-letter-text\">\n        <h1 style=\"line-height: 50px; margin-bottom: 20px; color: rgb(1, 80, 184); font-size: 43px;\">Tradition der Innovation,<br>Vision f\u00fcr die Zukunft.<\/h1>\n        <p>Seit unserer Gr\u00fcndung im Jahr 1985 bis hin zu unserem Aufstieg zu einem globalen Unternehmen, das zu 100 % im Besitz der Mitarbeiter ist, haben wir in unserer 40-j\u00e4hrigen Geschichte einen langen Weg zur\u00fcckgelegt.<\/p>\n        <p style=\"margin-top:10px;\"><strong>Feiern Sie mit uns die Erfolgsgeschichte von Restek!<\/strong> Entdecken Sie vier Jahrzehnte Restek-Geschichte und erfahren Sie, was dieses Unternehmen so besonders macht. H\u00f6ren Sie von Head Coach Bill Arrowsmith mehr \u00fcber diesen spannenden Meilenstein und lesen Sie unseren Dankesbrief von den Mitarbeitern und Eigent\u00fcmern von Restek.<\/p>\n        <p class=\"read-letter-button\" id=\"customToggleText\" style=\"margin-top:20px;\"> Brief \u00f6ffnen \u2192<\/p>\n      <\/div>\n     <div class=\"video-column thumbnail-column custom-letter-thumbnail\">\n      <img decoding=\"async\"\n        src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Bill-40-years3.jpg\"\n        alt=\"Video Thumbnail\"\n        class=\"video-thumbnail\"\n        data-video-id=\"FYI0256DQUA\"\n        id=\"videoThumbnail\"\n        style=\"height: 200px; width:auto;\"\n      \/>\n    <div class=\"video-overlay\" id=\"videoOverlay\">\n      <div class=\"video-popup\">\n        <iframe\n          id=\"youtubePlayer\"\n          allow=\"autoplay; encrypted-media\"\n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n      <button class=\"close-text\" id=\"videoThumbnail\">Video schlie\u00dfen<\/button>\n    <\/div>\n  <\/div>\n  <\/div>\n\n    <div id=\"customLetterContent\" class=\"custom-letter-content\">\n    <p>Unser 40-j\u00e4hriges Jubil\u00e4um ist mehr als nur ein Meilenstein. Es ist eine Feier unserer Tradition von Qualit\u00e4t, Innovation und Gemeinschaft, die uns dorthin gebracht hat, wo wir heute stehen, und die sich in den kommenden Jahren nur noch fortsetzen und verst\u00e4rken wird.<\/p>\n    <p>Als Unternehmen im Besitz seiner Mitarbeiter stehen die Menschen im Mittelpunkt unseres Handelns. Nach 40 bemerkenswerten Jahren gibt es viele Menschen, denen wir zu danken haben.<\/p>\n    <p><strong>An unsere Kunden:<\/strong> Vielen Dank f\u00fcr Ihre langj\u00e4hrige Treue und Ihr unersch\u00fctterliches Vertrauen. Wir bedanken uns, dass Sie sich f\u00fcr Restek entschieden haben, und sind stolz darauf, einen Beitrag dazu zu leisten, die Welt sicherer und ges\u00fcnder zu machen.<\/p>\n    <p><strong>An unsere engagierten Vertriebspartner:<\/strong> Vielen Dank f\u00fcr Ihre wertvolle Partnerschaft und daf\u00fcr, dass Sie Restek weltweit bei Ihren Kunden vertreten.<\/p>\n    <p><strong>An ehemalige und aktuelle Mitarbeiter:<\/strong> Vielen Dank daf\u00fcr, dass Sie eine wirklich einzigartige und unverwechselbare Kultur der gegenseitigen Verpflichtung und des Engagements f\u00fcr unsere Kunden geschaffen haben. Ihre jahrelange F\u00fchrung und F\u00fcrsorge haben das Fundament f\u00fcr unser globales Wachstum, unsere Unabh\u00e4ngigkeit und unseren langfristigen Erfolg gelegt.<\/p>\n    <p style=\"margin-bottom: 30px;\"><strong>Und an Sie:<\/strong> Vielen Dank, dass Sie an unseren Feierlichkeiten teilnehmen. Wir hoffen, dass Ihnen dieser R\u00fcckblick auf die letzten vier Jahrzehnte gef\u00e4llt und Sie unsere Begeisterung und Vorfreude auf das, was vor uns liegt teilen.<\/p>\n    <p class=\"signature-p\"><strong>Die Mitarbeiter von Restek<\/strong><\/p>\n      <p style=\"text-align: center; margin-top: 50px;\">\n        <a href=\"#\"><em>Brief schlie\u00dfen<\/em><\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- ANNIVERSARY VIDEOS -->\n <div class=\"background-anniversary-videos\">\n <section id=\"videos\" class=\"content-section\">\n  <h2 class=\"custom-h2\" style=\"margin-top:0px; margin-bottom: 0px;\">Feiern Sie mit uns weltweit<\/h2>\n  <p style=\"text-align: center; margin-bottom: 30px;\">Unsere Mitarbeiter wissen, wie man feiert! Sehen Sie sich an, wie unser globales Team in acht L\u00e4ndern das feiert, was Restek so besonders macht!<\/p>\n <div class=\"video-grid-trio\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-restek-history-GNAV4338-DE.jpg\" style=\"width:95%;\" alt=\"Video 1\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"upVLqwKBk3c\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-column-toss-DE.jpg\" style=\"width:95%;\" alt=\"Video 2\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"r0WMoHzTexs\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-innovation-corp-cap-NO-logo-GNAV4880-DE.jpg\" style=\"width:95%;\" alt=\"Video 3\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"6sgJDOgaJ5k\" onclick=\"showVideo(this)\" title=\"-\">\n  <\/div>\n\n  <div class=\"video-overlay\" id=\"videoOverlay\">\n    <div class=\"video-popup\">\n      <iframe id=\"youtubePlayer\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n      <button class=\"close-btn\" onclick=\"hideVideo()\">\u00d7<\/button>\n    <\/div>\n    <button class=\"close-text\" onclick=\"hideVideo()\">Video schlie\u00dfen<\/button>\n  <\/div>\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n\n<!-- Social Temp -->\n<div class=\"background-social\">\n<div class=\"content-section\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n            <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40Anniversary-LP-social-share.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\">\n\n    <\/div>\n    <div class=\"social-right-column\">\n\n    \n        <h2 class=\"custom-h2\">Liken, abonnieren und teilen!<\/h2>\n<p>Haben Sie einen besonderen Restek-Moment, den Sie teilen m\u00f6chten?<br>Markieren Sie Ihren LinkedIn-Beitrag mit #Restek40, um teilzunehmen&mdash;und folgen Sie uns!<\/p>\n\n<a href=\"https:\/\/www.linkedin.com\/company\/restek-gmbh\/\" class=\"social-button\" target=\"_blank\" rel=\"noopener\"><strong>Folgen Sie Restek<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<!-- Social Carousel\n<div class=\"background-social\">\n<div class=\"carousel-container\" style=\"margin-bottom:50px;\">\n  <h2 class=\"custom-h2\" style=\"text-align: center;\">Liken, abonnieren und teilen<\/h2>\n    <p style=\"text-align: center; margin-bottom: 30px;\">Haben Sie einen besonderen Restek-Moment, den Sie teilen m\u00f6chten? Markieren Sie Ihren LinkedIn-Beitrag mit #Restek40, um teilzunehmen.<\/p>\n  <div class=\"carousel-wrapper\" id=\"carouselWrapper\">\n  <div class=\"carousel-track\" id=\"carouselTrack\">\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348713881860538369?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348048560472436736?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\" style=\"margin-right: 50px;\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n-->\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- TIMELINE -->\n<div class=\"background-timeline\">\n<div class=\"content-section\">\n    <div class=\"timeline-container\">\n    <div class=\"timeline-left-column\">\n    <h2 class=\"custom-h2\" style=\"text-align: left;\">Ins Weltall und dar\u00fcber hinaus<\/h2>\n<p style=\"color:rgb(0, 0, 0);\">Wussten Sie, dass Restek in einer ehemaligen Grundschule gegr\u00fcndet wurde?  <br>Oder dass unsere GC-S\u00e4ulen das Sonnensystem erforscht haben? <\/p>\n<p style=\"color:rgb(0, 0, 0);\">Entdecken Sie unsere spannende Geschichte als Technologief\u00fchrer, Unternehmen im Besitz der Mitarbeiter und weltweit wachsendes Unternehmen.<\/p>\n<a href=\"https:\/\/de.restek.com\/pages\/die-restek-geschichte\" class=\"timeline-button\" target=\"_blank\" rel=\"noopener\"><strong>Timeline ansehen<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    <\/div>\n    <div class=\"timeline-right-column\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-to-space-and-beyond.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\"><\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n<!-- Testimonials -->\n<div class=\"background-quiz\">\n<div class=\"content-section\" style=\"background-color: #ffffff9c;\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n\n<video autoplay loop muted playsinline preload=\"none\" style=\"max-width: 100%; height: auto; border-radius: 8px; padding-right: 150px;\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40Anniversary-LP-restek-love.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n\n\n\n    <\/div>\n    <div class=\"social-right-column\">\n    \n        <h2 class=\"custom-h2\">Warum Labore Restek lieben<\/h2>\n<p>Labore verlassen sich t\u00e4glich auf unsere branchenf\u00fchrende technische Kompetenz. Erfahren Sie, warum sie gerne mit uns arbeiten.\n<\/p>\n<a href=\"https:\/\/discover.restek.com\/de\/artikel\/gnot5445\/warum-labore-restek-lieben\" class=\"social-button\"><strong>Customer Experience<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- EVENTS -->\n<div class=\"background-events\">\n<section id=\"products\" class=\"content-section\">\n  <h2 class=\"custom-h2\">Wir feiern weiter!<\/h2>\n  <p style=\"text-align: center;\">Unsere globalen Teams sind immer unterwegs! Besuchen Sie uns bei einer Veranstaltung in Ihrer N\u00e4he.<\/p>\n\n<!-- Elfsight Event Calendar | Events Calendar for 40th Anniversary-->\n<div class=\"elfsight-app-fdbeedd1-7366-4987-86ed-e0417aa12d03\" data-elfsight-app-lazy><\/div> \n\n\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- FINAL CTA -->\n<div class=\"background-end\">\n  <p style=\"display: flex; margin-top:90px; text-align: center; font-size:95%; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-40thAnniversary-LP-PeakPersonTest-1.png\" alt=\"A cute, anthrophized chromatogram peak celebrating with a party hat and balloon.\" style=\"max-width: 200px;\" title=\"-\"><\/p>\n<\/div>\n\n\n<script>\n\n\/************************************************************\n * 1) Your re-entrant initializer (safe to call many times)\n ************************************************************\/\nfunction initRestek40() {\n  \/\/ Prevent duplicate init for the current view\n  if (document.documentElement.dataset.restek40Init === \"1\") return;\n  document.documentElement.dataset.restek40Init = \"1\";\n\n  \/* === Your page logic START === *\/\n\n  \/\/ Toggle Letter\n  function toggleLetter() {\n    const content = document.getElementById(\"customLetterContent\");\n    const toggleText = document.getElementById(\"customToggleText\");\n    const box = document.getElementById(\"customLetterBox\");\n    if (!content || !toggleText || !box) return;\n\n    content.classList.toggle(\"show\");\n    box.classList.toggle(\"expanded\");\n    toggleText.textContent = content.classList.contains(\"show\")\n      ? \"Close letter \u2192\"\n      : \"Read letter \u2192\";\n  }\n\n  \/\/ Bind click on the letter box\n  const letterBox = document.getElementById(\"customLetterBox\");\n  if (letterBox && !letterBox.dataset.restek40Bound) {\n    letterBox.dataset.restek40Bound = \"1\";\n    letterBox.addEventListener(\"click\", function (event) {\n      if (event.target.closest(\".custom-letter-thumbnail\")) return;\n      toggleLetter();\n    });\n  }\n\n  \/\/ Bind click on the \"Close letter\" link inside the content\n  const closeLink = document.querySelector(\"#customLetterContent a\");\n  if (closeLink && !closeLink.dataset.restek40Bound) {\n    closeLink.dataset.restek40Bound = \"1\";\n    closeLink.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      toggleLetter();\n    });\n  }\n\n  \/\/ Video overlays (delegation; works for dynamically injected nodes)\n  if (!document.body.dataset.restek40VideoBound) {\n    document.body.dataset.restek40VideoBound = \"1\";\n    document.body.addEventListener(\"click\", function (e) {\n      const thumb = e.target.closest(\".video-thumbnail\");\n      if (thumb) {\n        const videoId = thumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayer\");\n        const overlay = document.getElementById(\"videoOverlay\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      const trioThumb = e.target.closest(\".video-thumbnail-trio\");\n      if (trioThumb) {\n        const videoId = trioThumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayerTrio\");\n        const overlay = document.getElementById(\"videoOverlayTrio\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      if (e.target.closest(\".close-btn, .close-text\")) {\n        const iframe1 = document.getElementById(\"youtubePlayer\");\n        const overlay1 = document.getElementById(\"videoOverlay\");\n        const iframe2 = document.getElementById(\"youtubePlayerTrio\");\n        const overlay2 = document.getElementById(\"videoOverlayTrio\");\n        if (iframe1 && overlay1) { iframe1.src = \"\"; overlay1.style.display = \"none\"; }\n        if (iframe2 && overlay2) { iframe2.src = \"\"; overlay2.style.display = \"none\"; }\n      }\n    });\n  }\n\n  \/\/ Carousel (guard so we don\u2019t clone\/animate twice)\n  const track = document.getElementById(\"carouselTrack\");\n  const wrapper = document.getElementById(\"carouselWrapper\");\n  if (track && wrapper && !wrapper.dataset.restek40Carousel) {\n    wrapper.dataset.restek40Carousel = \"1\";\n    const clone = track.cloneNode(true);\n    wrapper.appendChild(clone);\n\n    let position = 0;\n    (function animate() {\n      position -= 0.5;\n      wrapper.style.transform = `translateX(${position}px)`;\n      if (Math.abs(position) >= track.offsetWidth) position = 0;\n      requestAnimationFrame(animate);\n    })();\n  }\n\n  \/* === Your page logic END === *\/\n}\n\n\/************************************************************\n * 2) Run on initial load (handles normal page loads)\n ************************************************************\/\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initRestek40, { once: true });\n} else {\n  initRestek40();\n}\n\n\/************************************************************\n * 3) Run on bfcache restores (Back\/Forward navigation)\n ************************************************************\/\nwindow.addEventListener(\"pageshow\", function (e) {\n  if (e.persisted) {\n    delete document.documentElement.dataset.restek40Init;\n    initRestek40();\n  }\n});\n\n\/************************************************************\n * 4) Run on SPA navigations (History API hook)\n ************************************************************\/\n(function () {\n  if (window.__restek40PatchedHistory) return;\n  window.__restek40PatchedHistory = true;\n\n  const _ps = history.pushState;\n  const _rs = history.replaceState;\n  const fire = () => window.dispatchEvent(new Event(\"locationchange\"));\n\n  history.pushState = function () { _ps.apply(this, arguments); fire(); };\n  history.replaceState = function () { _rs.apply(this, arguments); fire(); };\n  window.addEventListener(\"popstate\", fire);\n})();\n\nwindow.addEventListener(\"locationchange\", function () {\n  delete document.documentElement.dataset.restek40Init;\n  initRestek40();\n});\n\n\/************************************************************\n * 5) Re-init if key elements are injected later\n ************************************************************\/\n(function () {\n  const targets = [\"customLetterBox\", \"carouselTrack\", \"carouselWrapper\"];\n  const mo = new MutationObserver(() => {\n    if (targets.some(id => document.getElementById(id))) {\n      delete document.documentElement.dataset.restek40Init;\n      initRestek40();\n    }\n  });\n  mo.observe(document.documentElement, { childList: true, subtree: true });\n})();\n\n\/\/ elf.js\nconst script = document.createElement('script');\nscript.src = 'https:\/\/elfsightcdn.com\/platform.js';\nscript.async = true;\ndocument.head.appendChild(script);\n\n<\/script>\n\n<\/body>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Feiern Sie mit uns das 40-j\u00e4hrige Jubil\u00e4um von Restek! Entdecken Sie vier Jahrzehnte Restek-Geschichte und erfahren Sie, was dieses Unternehmen so besonders macht.<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[787],"tags":[],"industries-application":[],"post-badge":[],"resource-type":[],"product-library":[],"resource-technique":[],"hf_cat_post":[],"ppma_author":[414],"class_list":["post-63240","post","type-post","status-publish","format-standard","hentry","category-artikel"],"acf":[],"taxonomy_info":{"category":[{"value":787,"label":"Artikel"}]},"featured_image_src_large":false,"author_info":{"display_name":"Restek Corporation","author_link":"https:\/\/discover.restek.com\/de\/author\/restek-corporation\/"},"comment_info":0,"category_info":[{"term_id":787,"name":"Artikel","slug":"artikel","term_group":0,"term_taxonomy_id":787,"taxonomy":"category","description":"","parent":0,"count":467,"filter":"raw","cat_ID":787,"category_count":467,"category_description":"","cat_name":"Artikel","category_nicename":"artikel","category_parent":0}],"tag_info":false,"authors":[{"term_id":414,"user_id":11,"is_guest":0,"slug":"restek-corporation","display_name":"Restek Corporation","avatar_url":{"url":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg","url2x":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/posts\/63240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/comments?post=63240"}],"version-history":[{"count":9,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/posts\/63240\/revisions"}],"predecessor-version":[{"id":90662,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/posts\/63240\/revisions\/90662"}],"wp:attachment":[{"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/media?parent=63240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/categories?post=63240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/tags?post=63240"},{"taxonomy":"industries-application","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/industries-application?post=63240"},{"taxonomy":"post-badge","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/post-badge?post=63240"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/resource-type?post=63240"},{"taxonomy":"product-library","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/product-library?post=63240"},{"taxonomy":"resource-technique","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/resource-technique?post=63240"},{"taxonomy":"hf_cat_post","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/hf_cat_post?post=63240"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/discover.restek.com\/de\/wp-json\/wp\/v2\/ppma_author?post=63240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}