{"id":42,"date":"2026-10-12T10:54:27","date_gmt":"2026-10-12T08:54:27","guid":{"rendered":"https:\/\/wptele.teleskopeffekt.de\/?page_id=42"},"modified":"2026-11-04T14:59:08","modified_gmt":"2026-11-04T13:59:08","slug":"startseite","status":"publish","type":"page","link":"https:\/\/wptele.teleskopeffekt.de\/et\/startseite\/","title":{"rendered":"Avaleht"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"42\" class=\"elementor elementor-42\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86c82ab e-con-full e-flex e-con e-parent\" data-id=\"86c82ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a274dc6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a274dc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\thtml\r\n<style>\r\n\/* ==========================================\r\n   TELESKOPEFFEKT \u2013 HOMEPAGE\r\n   Farben:\r\n   Off-White: #EBEBE0\r\n   Dunkelblau: #132644\r\n   Lime:       #DDE466\r\n   Wei\u00df:       #FFFFFF\r\n   ========================================== *\/\r\n\r\n.te-home {\r\n  --te-offwhite: #EBEBE0;\r\n  --te-navy: #132644;\r\n  --te-lime: #DDE466;\r\n  --te-white: #FFFFFF;\r\n  --te-text: #132644;\r\n  --te-muted: #586477;\r\n\r\n  font-family: inherit;\r\n  color: var(--te-text);\r\n  background: var(--te-offwhite);\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.te-home *,\r\n.te-home *::before,\r\n.te-home *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.te-home h1,\r\n.te-home h2,\r\n.te-home h3,\r\n.te-home p {\r\n  margin-top: 0;\r\n}\r\n\r\n.te-home h1,\r\n.te-home h2,\r\n.te-home h3 {\r\n  font-family: inherit;\r\n  font-weight: 600;\r\n  line-height: 1.15;\r\n}\r\n\r\n.te-home p {\r\n  line-height: 1.65;\r\n}\r\n\r\n.te-home a {\r\n  text-decoration: none;\r\n}\r\n\r\n.te-home .te-container {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n.te-home .te-eyebrow {\r\n  display: block;\r\n  margin-bottom: 16px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n  line-height: 1.4;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.te-home .te-section {\r\n  padding: 92px 0;\r\n}\r\n\r\n.te-home .te-section-heading {\r\n  max-width: 760px;\r\n  margin: 0 auto 48px;\r\n  text-align: center;\r\n}\r\n\r\n.te-home .te-section-heading h2 {\r\n  margin-bottom: 18px;\r\n  font-size: clamp(30px, 4vw, 46px);\r\n}\r\n\r\n.te-home .te-section-heading p {\r\n  max-width: 690px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.te-home .te-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 50px;\r\n  padding: 14px 23px;\r\n  border: 1px solid transparent;\r\n  border-radius: 0;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  text-align: center;\r\n  transition: background .2s ease, color .2s ease,\r\n              border-color .2s ease, transform .2s ease;\r\n}\r\n\r\n.te-home .te-button:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.te-home .te-button-primary {\r\n  background: var(--te-lime);\r\n  color: var(--te-navy);\r\n  border-color: var(--te-lime);\r\n}\r\n\r\n.te-home .te-button-primary:hover {\r\n  background: #E8ED9A;\r\n  border-color: #E8ED9A;\r\n  color: var(--te-navy);\r\n}\r\n\r\n.te-home .te-button-outline {\r\n  color: var(--te-white);\r\n  border-color: rgba(255,255,255,.8);\r\n  background: transparent;\r\n}\r\n\r\n.te-home .te-button-outline:hover {\r\n  background: var(--te-white);\r\n  color: var(--te-navy);\r\n  border-color: var(--te-white);\r\n}\r\n\r\n.te-home .te-button-dark-outline {\r\n  color: var(--te-navy);\r\n  border-color: var(--te-navy);\r\n  background: transparent;\r\n}\r\n\r\n.te-home .te-button-dark-outline:hover {\r\n  color: var(--te-white);\r\n  background: var(--te-navy);\r\n}\r\n\r\n\/* ==========================================\r\n   1. HERO\r\n   Bild-URL ersetzen:\r\n   HERO-BILD-URL-HIER-EINSETZEN\r\n   ========================================== *\/\r\n\r\n.te-home .te-hero {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\nheight: 88vh;\r\nmin-height: 650px;\r\nmax-height: 900px;\r\npadding: 100px 0;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  background-color: var(--te-navy);\r\n  background-image:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(19,38,68,.80) 0%,\r\n      rgba(19,38,68,.66) 55%,\r\n      rgba(19,38,68,.42) 100%\r\n    ),\r\n    url(\"https:\/\/wptele.teleskopeffekt.de\/wp-content\/uploads\/2026\/10\/werkbankheader.jpg\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  color: var(--te-white);\r\n}\r\n\r\n.te-home .te-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 22px;\r\n  background: var(--te-offwhite);\r\n}\r\n\r\n.te-home .te-hero-content {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.te-home .te-hero .te-eyebrow {\r\n  color: var(--te-lime);\r\n}\r\n\r\n.te-home .te-hero h1 {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  margin: 0 auto 24px !important;\r\n  padding: 0;\r\n  text-align: center !important;\r\n  font-size: clamp(42px, 6vw, 76px);\r\n  letter-spacing: -.035em;\r\n  color: #FFFFFF;\r\n}\r\n\r\n.te-home .te-hero p {\r\n  max-width: 600px;\r\n  margin: 0 auto 30px;\r\n  color: rgba(255,255,255,.9);\r\n  font-size: clamp(17px, 2vw, 20px);\r\n  text-align: center;\r\n}\r\n\r\n.te-home .te-hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n\/* ==========================================\r\n   2. LEISTUNGEN\r\n   ========================================== *\/\r\n\r\n.te-home .te-services {\r\n  padding: 76px 0 96px;\r\n  background: var(--te-offwhite);\r\n}\r\n\r\n.te-home .te-services .te-section-heading {\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.te-home .te-services .te-eyebrow {\r\n  color: var(--te-muted);\r\n}\r\n\r\n.te-home .te-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  gap: 16px;\r\n}\r\n\r\n.te-home .te-service-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  min-width: 0;\r\n  min-height: 285px;\r\n  padding: 28px 20px 24px;\r\n  border: 1px solid var(--te-navy);\r\n  background: var(--te-navy);\r\n  color: var(--te-white);\r\n  text-align: center;\r\n  transition: transform .2s ease, background .2s ease;\r\n}\r\n\r\n.te-home .te-service-card:hover {\r\n  transform: translateY(-5px);\r\n  background: #1D3658;\r\n}\r\n\r\n.te-home .te-service-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 50px;\r\n  height: 50px;\r\n  margin-bottom: 23px;\r\n  color: var(--te-lime);\r\n}\r\n\r\n.te-home .te-service-icon svg {\r\n  width: 42px;\r\n  height: 42px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.te-home .te-service-card h3 {\r\n  margin-bottom: 13px;\r\n  color: var(--te-white);\r\n  font-size: 18px;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n  min-height: 3em;\r\nline-height: 1.5;\r\n}\r\n\r\n.te-home .te-service-card p {\r\n  margin-bottom: 22px;\r\n  color: rgba(255,255,255,.82);\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.te-home .te-service-arrow {\r\n  margin-top: auto;\r\n  color: var(--te-lime);\r\n  font-size: 22px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* ==========================================\r\n   3. REFERENZEN \/ PARTNERLOGOS\r\n   ========================================== *\/\r\n\r\n.te-home .te-references {\r\n  padding: 58px 0 76px;\r\n  background: var(--te-white);\r\n}\r\n\r\n.te-home .te-references .te-eyebrow {\r\n  margin-bottom: 34px;\r\n  color: var(--te-muted);\r\n  text-align: center;\r\n}\r\n\r\n.te-home .te-logo-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  gap: 18px;\r\n  align-items: stretch;\r\n}\r\n\r\n.te-home .te-logo-placeholder {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 92px;\r\n  padding: 16px;\r\n  border: 1px dashed #B9BEBC;\r\n  background: #F7F7F2;\r\n  color: #737B83;\r\n  font-size: 12px;\r\n  text-align: center;\r\n}\r\n\r\n.te-home .te-logo-placeholder img {\r\n  display: block;\r\n  max-width: 100%;\r\n  max-height: 58px;\r\n  width: auto;\r\n  height: auto;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* ==========================================\r\n   4. BANK INNOVATIV TAG\r\n   Bild-URL ersetzen:\r\n   EVENT-BILD-URL-HIER-EINSETZEN\r\n   ========================================== *\/\r\n\r\n.te-home .te-bit {\r\n  padding: 92px 0;\r\n  background: var(--te-navy);\r\n  color: var(--te-white);\r\n}\r\n\r\n.te-home .te-bit-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);\r\n  gap: 70px;\r\n  align-items: center;\r\n}\r\n\r\n.te-home .te-bit-copy .te-eyebrow {\r\n  color: var(--te-lime);\r\n}\r\n\r\n.te-home .te-bit-copy h2 {\r\n  margin-bottom: 24px;\r\n  font-size: clamp(34px, 4.5vw, 52px);\r\n}\r\n\r\n.te-home .te-bit-copy p {\r\n  margin-bottom: 28px;\r\n  color: rgba(255,255,255,.86);\r\n  font-size: 16px;\r\n}\r\n\r\n.te-home .te-bit-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n.te-home .te-bit-image {\r\n  position: relative;\r\n  min-height: 400px;\r\n  overflow: hidden;\r\n  background-color: #263D5B;\r\n  background-image:\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(19,38,68,.18),\r\n      rgba(19,38,68,.05)\r\n    ),\r\n    url(\"EVENT-BILD-URL-HIER-EINSETZEN\");\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n\r\n\/* ==========================================\r\n   5. ARBEITSWEISE\r\n   ========================================== *\/\r\n\r\n.te-home .te-approach {\r\n  padding: 96px 0;\r\n  background: var(--te-offwhite);\r\n}\r\n\r\n.te-home .te-approach .te-section-heading {\r\n  max-width: 820px;\r\n  margin-bottom: 58px;\r\n}\r\n\r\n.te-home .te-approach .te-eyebrow {\r\n  color: var(--te-muted);\r\n}\r\n\r\n.te-home .te-approach .te-section-heading p {\r\n  color: #34435A;\r\n  font-size: 16px;\r\n}\r\n\r\n.te-home .te-approach-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 38px;\r\n}\r\n\r\n.te-home .te-approach-item {\r\n  text-align: center;\r\n}\r\n\r\n.te-home .te-approach-circle {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 150px;\r\n  height: 150px;\r\n  margin: 0 auto 25px;\r\n  border: 1px solid var(--te-navy);\r\n  border-radius: 50%;\r\n  color: var(--te-navy);\r\n  font-size: 42px;\r\n  font-weight: 600;\r\n  letter-spacing: -.04em;\r\n  position: relative;\r\n}\r\n\r\n.te-home .te-approach-circle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 12px;\r\n  right: 8px;\r\n  width: 17px;\r\n  height: 17px;\r\n  border-radius: 50%;\r\n  background: var(--te-lime);\r\n}\r\n\r\n.te-home .te-approach-item h3 {\r\n  margin-bottom: 12px;\r\n  font-size: 21px;\r\n}\r\n\r\n.te-home .te-approach-item p {\r\n  max-width: 300px;\r\n  margin: 0 auto;\r\n  color: var(--te-muted);\r\n  font-size: 14px;\r\n}\r\n\r\n\/* ==========================================\r\n   6. KONTAKT \/ TEAM\r\n   Bild-URL ersetzen:\r\n   MITARBEITER-BILD-URL-HIER-EINSETZEN\r\n   ========================================== *\/\r\n\r\n.te-home .te-contact {\r\n  position: relative;\r\n  padding: 74px 0 0;\r\n  overflow: visible;\r\n  background: var(--te-lime);\r\n  color: var(--te-navy);\r\n}\r\n\r\n.te-home .te-contact-grid {\r\n    position: relative;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);\r\n  gap: 40px;\r\n  align-items: end;\r\n}\r\n\r\n.te-home .te-contact-copy {\r\n  padding: 0 0 74px;\r\n}\r\n\r\n.te-home .te-contact .te-eyebrow {\r\n  color: #34435A;\r\n}\r\n\r\n.te-home .te-contact h2 {\r\n  max-width: 650px;\r\n  margin-bottom: 20px;\r\n  font-size: clamp(34px, 4.5vw, 52px);\r\n}\r\n\r\n.te-home .te-contact p {\r\n  max-width: 620px;\r\n  margin-bottom: 27px;\r\n  color: #26344A;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n}\r\n\r\n.te-home .te-contact .te-button {\r\n  background: var(--te-navy);\r\n  color: var(--te-white);\r\n  border-color: var(--te-navy);\r\n}\r\n\r\n.te-home .te-contact .te-button:hover {\r\n  background: #263D5B;\r\n  border-color: #263D5B;\r\n}\r\n\r\n.te-home .te-contact-image {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 38%;\r\n  height: 140%;\r\n  min-height: 0;\r\n  background-image: url(\"https:\/\/wptele.teleskopeffekt.de\/wp-content\/uploads\/2026\/10\/Dominik_2-1.png\");\r\n  background-position: center bottom;\r\n  background-repeat: no-repeat;\r\n  background-size: contain;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n   ========================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .te-home .te-services-grid {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  .te-home .te-service-card {\r\n    min-height: 255px;\r\n  }\r\n\r\n  .te-home .te-logo-grid {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n\r\n  .te-home .te-bit-grid {\r\n    gap: 38px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .te-home .te-container {\r\n    width: calc(100% - 36px);\r\n  }\r\n\r\n  .te-home .te-section {\r\n    padding: 64px 0;\r\n  }\r\n\r\n  .te-home .te-hero {\r\n    min-height: 540px;\r\n    padding: 80px 0 95px;\r\n    background-position: center;\r\n    background-image:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(19,38,68,.82) 0%,\r\n        rgba(19,38,68,.72) 100%\r\n      ),\r\n      url(\"HERO-BILD-URL-HIER-EINSETZEN\");\r\n  }\r\n\r\n  .te-home .te-hero h1 {\r\n    font-size: clamp(40px, 10vw, 58px);\r\n  }\r\n\r\n  .te-home .te-hero-actions,\r\n  .te-home .te-bit-actions {\r\n    align-items: stretch;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .te-home .te-hero-actions .te-button,\r\n  .te-home .te-bit-actions .te-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .te-home .te-services {\r\n    padding: 60px 0 66px;\r\n  }\r\n\r\n  .te-home .te-services-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .te-home .te-service-card {\r\n    min-height: 260px;\r\n    padding: 24px 14px 20px;\r\n  }\r\n\r\n  .te-home .te-service-card h3 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .te-home .te-service-card p {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .te-home .te-logo-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .te-home .te-logo-placeholder {\r\n    min-height: 76px;\r\n  }\r\n\r\n  .te-home .te-bit-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n  }\r\n\r\n  .te-home .te-bit-image {\r\n    min-height: 270px;\r\n    grid-row: 1;\r\n  }\r\n\r\n  .te-home .te-approach-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 42px;\r\n  }\r\n\r\n  .te-home .te-approach-circle {\r\n    width: 128px;\r\n    height: 128px;\r\n    font-size: 36px;\r\n  }\r\n\r\n  .te-home .te-contact {\r\n    padding-top: 58px;\r\n  }\r\n\r\n  .te-home .te-contact-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n\r\n  .te-home .te-contact-copy {\r\n    padding-bottom: 34px;\r\n  }\r\n\r\n  .te-home .te-contact-image {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 280px;\r\n  min-height: 280px;\r\n  margin: 0 auto;\r\n  background-size: contain;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .te-home .te-services-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .te-home .te-service-card {\r\n    min-height: 0;\r\n    padding: 26px 22px;\r\n  }\r\n\r\n  .te-home .te-service-card p {\r\n    max-width: 280px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .te-home .te-hero h1 {\r\n    font-size: 39px;\r\n  }\r\n}\r\n\/* Hero: \u00dcberschriften und Text in Wei\u00df *\/\r\n.te-home .te-hero h1 {\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n\/* Bank Innovativ Tag: \u00dcberschrift in Wei\u00df *\/\r\n.te-home .te-bit h2 {\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n\/* Arbeitsweise: gelbe Kreispunkte entfernen *\/\r\n.te-home .te-approach-circle::after {\r\n  display: none !important;\r\n}\r\n.te-home .te-bit-slideshow {\r\n  background-image: none;\r\n}\r\n\r\n.te-home .te-bit-slide {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  transition: opacity .6s ease;\r\n}\r\n\r\n.te-home .te-bit-slide.is-active {\r\n  opacity: 1;\r\n}\r\n\r\n.te-home .te-bit-arrow {\r\n    display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  padding-bottom: 6px;\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 42px;\r\n  height: 42px;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  background: rgba(19, 38, 68, .8);\r\n  color: #fff;\r\n  font-size: 30px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.te-home .te-bit-prev {\r\n  left: 16px;\r\n}\r\n\r\n.te-home .te-bit-next {\r\n  right: 16px;\r\n}\r\n\r\n.te-home .te-bit-dots {\r\n  position: absolute;\r\n  z-index: 2;\r\n  bottom: 18px;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 9px;\r\n}\r\n\r\n.te-home .te-bit-dots button {\r\n  width: 9px;\r\n  height: 9px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, .55);\r\n  cursor: pointer;\r\n}\r\n\r\n.te-home .te-bit-dots button.is-active {\r\n  background: #DDE466;\r\n}\r\n\r\n\r\n.te-home .te-hero-scroll {\r\n  position: absolute;\r\n  bottom: 58px;\r\n  left: calc(50% - 15px);\r\n  transform: translateX(-50%);\r\n  z-index: 5;\r\n\r\n  width: 38px;\r\n  height: 24px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  color: #DDE466;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n\r\n  animation: te-arrow-bounce 2.2s ease-in-out infinite;\r\n  transition: color .25s ease;\r\n}\r\n\r\n.te-home .te-hero-scroll span {\r\n  display: block;\r\n  width: 31px;\r\n  height: 31px;\r\n  border-right: 5px solid currentColor;\r\n  border-bottom: 5px solid currentColor;\r\n  transform: rotate(45deg) translate(-3px, -3px);\r\n  transition: transform .25s ease;\r\n}\r\n\r\n.te-home .te-hero-scroll:hover {\r\n  color: #FFFFFF;\r\n}\r\n\r\n.te-home .te-hero-scroll:hover span {\r\n  transform: rotate(45deg) translate(0, 0);\r\n}\r\n\r\n@keyframes te-arrow-bounce {\r\n  0%, 100% { translate: 0 0; }\r\n  50% { translate: 0 5px; }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"te-home\">\r\n\r\n  <!-- 1. HERO -->\r\n  <section class=\"te-hero\">\r\n    <div class=\"te-container\">\r\n      <div class=\"te-hero-content\">\r\n        <span class=\"te-eyebrow\">TeleskopEffekt \u00b7 Zukunft gestalten<\/span>\r\n        <h1>Kujunda tulevikku.<br>Piire nihutama.<\/h1>\r\n        <p>\r\n          Wir begleiten Regionalbanken dabei, neue Perspektiven zu entwickeln,\r\n          Ver\u00e4nderungen anzusto\u00dfen und Zukunftsthemen wirksam in den Alltag zu bringen.\r\n        <\/p>\r\n      <\/div>\r\n<a class=\"te-hero-scroll\" href=\"#handlungsfelder\" aria-label=\"Zu unseren Handlungsfeldern scrollen\">\r\n  <span aria-hidden=\"true\"><\/span>\r\n<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- 2. LEISTUNGEN -->\r\n  <section class=\"te-services te-section\">\r\n    <div class=\"te-container\" id=\"handlungsfelder\">\r\n\r\n      <div class=\"te-section-heading\">\r\n        <span class=\"te-eyebrow\">Was wir bewegen<\/span>\r\n        <h2>Gemeinsam Zukunft gestalten<\/h2>\r\n        <p>\r\n          Von der ersten Idee bis zur Umsetzung: Wir verbinden Wissen,\r\n          Menschen und Perspektiven, damit aus einer Idee konkrete Wirkung wird.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"te-services-grid\">\r\n\r\n        <a class=\"te-service-card\" href=\"\/et\/learning-journeys\/\">\r\n          <div class=\"te-service-icon\">\r\n            <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <circle cx=\"24\" cy=\"24\" r=\"16\"><\/circle>\r\n              <path d=\"M8 24h32M24 8c5 5 7 10 7 16s-2 11-7 16M24 8c-5 5-7 10-7 16s2 11 7 16\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Learning Journeys<\/h3>\r\n          <p>Neue Perspektiven entdecken und Innovationen dort erleben, wo sie bereits Realit\u00e4t sind.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"te-service-card\" href=\"\/et\/qualifizierung\/\">\r\n          <div class=\"te-service-icon\">\r\n            <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <path d=\"M6 18 24 9l18 9-18 9L6 18Z\"><\/path>\r\n              <path d=\"M13 22v10c7 6 15 6 22 0V22M42 18v13\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Innovations-Qualifizierung<\/h3>\r\n          <p>Kompetenzen st\u00e4rken und Menschen bef\u00e4higen, Zukunftsthemen aktiv mitzugestalten.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"te-service-card\" href=\"\/et\/beteiligungsstrategie\/\">\r\n          <div class=\"te-service-icon\">\r\n            <svg viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M7 40H42\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n  <path d=\"M9 34L19 24L27 29L40 12\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M30 12H40V22\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n          <\/div>\r\n          <h3>Beteiligungsmanagement<\/h3>\r\n          <p>Innovative Unternehmen und Ideen erkennen, begleiten und strategisch verbinden.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"te-service-card\" href=\"\/et\/change-unterstuetzung\/\">\r\n          <div class=\"te-service-icon\">\r\n            <svg viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M36 17A15 15 0 0 0 10 15L7 19\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M7 11V19H15\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M12 31A15 15 0 0 0 38 33L41 29\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M41 37V29H33\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Change-Unterst\u00fctzung<\/h3>\r\n          <p>Ver\u00e4nderungen gemeinsam gestalten und neue Arbeitsweisen nachhaltig verankern.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"te-service-card\" href=\"\/et\/ikt-revision\/\">\r\n          <div class=\"te-service-icon\">\r\n            <svg viewbox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <path d=\"M24 6 39 12v11c0 10-6 16-15 20C15 39 9 33 9 23V12l15-6Z\"><\/path>\r\n              <path d=\"m17 24 5 5 10-11\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>IKT-Revision<\/h3>\r\n          <p>Regulatorische Anforderungen sicher pr\u00fcfen und Wissen f\u00fcr die Praxis nutzbar machen.<\/p>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- 3. REFERENZEN \/ PARTNER -->\r\n  <section class=\"te-references\">\r\n    <div class=\"te-container\">\r\n      <span class=\"te-eyebrow\">Gemeinsam Zukunft gestalten<\/span>\r\n\r\n      <div class=\"te-logo-grid\">\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 01<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 02<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 03<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 04<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 05<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 06<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 07<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 08<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 09<\/div>\r\n        <div class=\"te-logo-placeholder\">Partnerlogo 10<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- 4. BANK INNOVATIV TAG -->\r\n  <section class=\"te-bit\">\r\n    <div class=\"te-container\">\r\n      <div class=\"te-bit-grid\">\r\n\r\n        <div class=\"te-bit-copy\">\r\n          <span class=\"te-eyebrow\">Neugier trifft Mut<\/span>\r\n          <h2>Bank Innovativ Tag<\/h2>\r\n          <p>\r\n            Neue Impulse, offene Perspektiven und Menschen, die Banking gemeinsam\r\n            weiterdenken. Beim Bank Innovativ Tag kommen Entscheider und\r\n            Umsetzungsverantwortliche zusammen, um Ideen auszutauschen und\r\n            Innovation in die Praxis zu bringen. <b>#BeInnovativeToday<\/b>\r\n          <\/p>\r\n\r\n          <div class=\"te-bit-actions\">\r\n            <a class=\"te-button te-button-primary\" href=\"\/et\/bank-innovativ-tag\/\">\r\n              Bank Innovativ Tag 2027\r\n            <\/a>\r\n            <a class=\"te-button te-button-outline\" href=\"\/et\/bank-innovativ-tag\/archiv\/\">\r\n              Vergangene Bank Innovativ Tage\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"te-bit-image te-bit-slideshow\">\r\n            <div class=\"te-bit-slide is-active\"\r\n            style=\"background-image: url('https:\/\/wptele.teleskopeffekt.de\/wp-content\/uploads\/2026\/10\/BIT2026-253-1.jpg');\"><\/div>\r\n            <div class=\"te-bit-slide\"\r\n            style=\"background-image: url('https:\/\/wptele.teleskopeffekt.de\/wp-content\/uploads\/2026\/10\/BIT2026-12-1.jpg');\"><\/div>\r\n            <div class=\"te-bit-slide\"\r\n            style=\"background-image: url('https:\/\/wptele.teleskopeffekt.de\/wp-content\/uploads\/2026\/10\/BIT2026-106-1.jpg');\"><\/div>\r\n\r\n            <button class=\"te-bit-arrow te-bit-prev\" type=\"button\" aria-label=\"Vorheriges Bild\">\u2039<\/button>\r\n            <button class=\"te-bit-arrow te-bit-next\" type=\"button\" aria-label=\"N\u00e4chstes Bild\">\u203a<\/button>\r\n\r\n            <div class=\"te-bit-dots\">\r\n                <button class=\"is-active\" type=\"button\" aria-label=\"Bild 1\"><\/button>\r\n                <button type=\"button\" aria-label=\"Bild 2\"><\/button>\r\n                <button type=\"button\" aria-label=\"Bild 3\"><\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- 5. ARBEITSWEISE -->\r\n  <section class=\"te-approach\">\r\n    <div class=\"te-container\">\r\n\r\n      <div class=\"te-section-heading\">\r\n        <span class=\"te-eyebrow\">Wie wir arbeiten<\/span>\r\n        <h2>Unsere Arbeitsweise<\/h2>\r\n        <p>\r\n          Wir verbinden Zukunftsthemen mit den Herausforderungen des Bankalltags.\r\n          Gemeinsam mit unseren Partnern und Kunden entwickeln wir Perspektiven, erproben\r\n          L\u00f6sungen und begleiten Ver\u00e4nderungen bis in die Umsetzung. Dabei verstehen\r\n          wir Innovation nicht nur technologisch, sondern auch strategisch,\r\n          organisatorisch und kulturell.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"te-approach-grid\">\r\n\r\n        <div class=\"te-approach-item\">\r\n          <div class=\"te-approach-circle\" aria-hidden=\"true\">01<\/div>\r\n          <h3>Relevanz vor Hype<\/h3>\r\n          <p>Wir schauen genau hin, welche Entwicklungen wirklich wichtig sind und wo sich ein genauerer Blick lohnt.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"te-approach-item\">\r\n          <div class=\"te-approach-circle\" aria-hidden=\"true\">02<\/div>\r\n          <h3>Umsetzung statt Konzeptablage<\/h3>\r\n          <p>Wir bringen Ideen in die Praxis, testen Ans\u00e4tze und machen aus Erkenntnissen konkrete n\u00e4chste Schritte.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"te-approach-item\">\r\n          <div class=\"te-approach-circle\" aria-hidden=\"true\">03<\/div>\r\n          <h3>Gemeinsam wirksam werden<\/h3>\r\n          <p>Wir arbeiten auf Augenh\u00f6he und verbinden unterschiedliche Kompetenzen f\u00fcr tragf\u00e4hige Ver\u00e4nderungen.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- 6. KONTAKT -->\r\n  <section class=\"te-contact\">\r\n    <div class=\"te-container\">\r\n      <div class=\"te-contact-grid\">\r\n\r\n        <div class=\"te-contact-copy\">\r\n          <span class=\"te-eyebrow\">Der n\u00e4chste Schritt<\/span>\r\n          <h2>Du willst Zukunft nicht nur beobachten, sondern gestalten?<\/h2>\r\n          <p>\r\n            Lass uns ins Gespr\u00e4ch kommen. Gemeinsam finden wir heraus,\r\n            welche Themen f\u00fcr dich und deine Organisation jetzt den Unterschied machen.\r\n          <\/p>\r\n          <a class=\"te-button\" href=\"\/et\/kontakt\/\">\r\n            Unverbindliches Gespr\u00e4ch vereinbaren\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"te-contact-image\" role=\"img\"><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.te-home .te-bit-slideshow').forEach(function(slideshow) {\r\n  if (slideshow.dataset.initialized === 'true') return;\r\n  slideshow.dataset.initialized = 'true';\r\n\r\n  const slides = Array.from(slideshow.querySelectorAll('.te-bit-slide'));\r\n  const dots = Array.from(slideshow.querySelectorAll('.te-bit-dots button'));\r\n  const prev = slideshow.querySelector('.te-bit-prev');\r\n  const next = slideshow.querySelector('.te-bit-next');\r\n\r\n  if (slides.length < 2) return;\r\n\r\n  let current = 0;\r\n  let timer;\r\n\r\n  function showSlide(index) {\r\n    current = (index + slides.length) % slides.length;\r\n\r\n    slides.forEach((slide, i) => {\r\n      slide.classList.toggle('is-active', i === current);\r\n    });\r\n\r\n    dots.forEach((dot, i) => {\r\n      dot.classList.toggle('is-active', i === current);\r\n    });\r\n  }\r\n\r\n  function restartTimer() {\r\n    clearInterval(timer);\r\n    timer = setInterval(() => showSlide(current + 1), 5000);\r\n  }\r\n\r\n  prev.addEventListener('click', () => {\r\n    showSlide(current - 1);\r\n    restartTimer();\r\n  });\r\n\r\n  next.addEventListener('click', () => {\r\n    showSlide(current + 1);\r\n    restartTimer();\r\n  });\r\n\r\n  dots.forEach((dot, i) => {\r\n    dot.addEventListener('click', () => {\r\n      showSlide(i);\r\n      restartTimer();\r\n    });\r\n  });\r\n\r\n  showSlide(0);\r\n  restartTimer();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>html TeleskopEffekt \u00b7 Zukunft gestalten Zukunft gestalten.Grenzen erweitern. Wir begleiten Regionalbanken dabei, neue Perspektiven zu entwickeln, Ver\u00e4nderungen anzusto\u00dfen und Zukunftsthemen wirksam in den Alltag zu bringen. Was wir bewegen Gemeinsam Zukunft gestalten Von der ersten Idee bis zur Umsetzung: Wir verbinden Wissen, Menschen und Perspektiven, damit aus einer Idee konkrete Wirkung wird. Learning Journeys Neue [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"_links":{"self":[{"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":72,"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/pages\/42\/revisions\/233"}],"wp:attachment":[{"href":"https:\/\/wptele.teleskopeffekt.de\/et\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}