{"id":19,"date":"2026-03-18T15:09:01","date_gmt":"2026-03-18T14:09:01","guid":{"rendered":"https:\/\/tmrgroup.ch\/?page_id=19"},"modified":"2026-03-23T13:42:07","modified_gmt":"2026-03-23T12:42:07","slug":"elementor-19","status":"publish","type":"page","link":"https:\/\/tmrgroup.ch\/","title":{"rendered":"Elementor #19"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3ec1e e-flex e-con-boxed e-con e-parent\" data-id=\"ec3ec1e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2acd5be e-con-full e-flex e-con e-parent\" data-id=\"2acd5be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beefb73 elementor-widget elementor-widget-html\" data-id=\"beefb73\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SEO & GEO OPTIMIZATION -->\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n<title>The Marketing Republic \u2013 B2B Marketing & KI-Automationen f\u00fcr KMU Schweiz | TMR<\/title>\r\n<meta name=\"description\" content=\"The Marketing Republic (TMR) ist strategischer Marketing- und Sales-Partner f\u00fcr ambitionierte KMU in der Schweiz. Wir implementieren KI-Automationen, entwickeln Marketingstrategien und bef\u00e4higen Sales- und Marketing-Teams zu messbarem Wachstum.\">\r\n<meta name=\"keywords\" content=\"B2B Marketing Schweiz, KI Automationen KMU, Marketing Strategie KMU Schweiz, Sales Marketing Partner, KI Implementierung Schweiz, Marketingagentur B2B, Marketing Automation Schweiz, Digitales Marketing KMU, The Marketing Republic, TMR Schweiz, Strategische Marketingberatung, Sales Enablement Schweiz\">\r\n<meta name=\"author\" content=\"The Marketing Republic GmbH\">\r\n<meta name=\"robots\" content=\"index, follow\">\r\n<meta name=\"language\" content=\"de-CH\">\r\n<meta name=\"geo.region\" content=\"CH-BL\">\r\n<meta name=\"geo.placename\" content=\"Lausen, Basel-Landschaft, Schweiz\">\r\n<meta name=\"geo.position\" content=\"47.4333;7.8833\">\r\n<meta name=\"ICBM\" content=\"47.4333, 7.8833\">\r\n\r\n<!-- Open Graph \/ Social Media -->\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:url\" content=\"https:\/\/tmrgroup.ch\/\">\r\n<meta property=\"og:title\" content=\"The Marketing Republic \u2013 B2B Marketing & KI-Automationen f\u00fcr KMU Schweiz\">\r\n<meta property=\"og:description\" content=\"Strategischer Marketing- und Sales-Partner f\u00fcr gr\u00f6ssere KMU. Wir implementieren KI-Automationen und entwickeln Strategien die messbares Wachstum erzeugen.\">\r\n<meta property=\"og:image\" content=\"https:\/\/tmrgroup.ch\/wp-content\/uploads\/tmr-og-image.jpg\">\r\n<meta property=\"og:locale\" content=\"de_CH\">\r\n<meta property=\"og:site_name\" content=\"The Marketing Republic\">\r\n\r\n<!-- Twitter Card -->\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"The Marketing Republic \u2013 B2B Marketing & KI-Automationen f\u00fcr KMU Schweiz\">\r\n<meta name=\"twitter:description\" content=\"Strategischer Marketing- und Sales-Partner f\u00fcr gr\u00f6ssere KMU. KI-Automationen, Strategieentwicklung und messbare Ergebnisse.\">\r\n\r\n<!-- Canonical -->\r\n<link rel=\"canonical\" href=\"https:\/\/tmrgroup.ch\/\">\r\n\r\n<!-- Schema.org Structured Data (GEO + Business) -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"ProfessionalService\",\r\n  \"name\": \"The Marketing Republic GmbH\",\r\n  \"alternateName\": \"TMR\",\r\n  \"url\": \"https:\/\/tmrgroup.ch\",\r\n  \"logo\": \"https:\/\/tmrgroup.ch\/wp-content\/uploads\/logo-tmr.png\",\r\n  \"description\": \"Strategischer Marketing- und Sales-Partner f\u00fcr ambitionierte KMU in der Schweiz. Wir implementieren KI-Automationen, entwickeln datengetriebene Marketingstrategien und bef\u00e4higen Sales- und Marketing-Teams zu nachhaltigem, messbarem Wachstum.\",\r\n  \"foundingDate\": \"2021\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"streetAddress\": \"Weidmattstrasse 33\",\r\n    \"addressLocality\": \"Lausen\",\r\n    \"postalCode\": \"4415\",\r\n    \"addressRegion\": \"Basel-Landschaft\",\r\n    \"addressCountry\": \"CH\"\r\n  },\r\n  \"geo\": {\r\n    \"@type\": \"GeoCoordinates\",\r\n    \"latitude\": 47.4333,\r\n    \"longitude\": 7.8833\r\n  },\r\n  \"contactPoint\": {\r\n    \"@type\": \"ContactPoint\",\r\n    \"telephone\": \"+41-76-580-98-99\",\r\n    \"contactType\": \"sales\",\r\n    \"email\": \"info@tmrgroup.ch\",\r\n    \"availableLanguage\": [\"German\", \"English\"]\r\n  },\r\n  \"areaServed\": {\r\n    \"@type\": \"Country\",\r\n    \"name\": \"Schweiz\"\r\n  },\r\n  \"hasOfferCatalog\": {\r\n    \"@type\": \"OfferCatalog\",\r\n    \"name\": \"B2B Marketing & KI Services\",\r\n    \"itemListElement\": [\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"KI-Automationen & Implementierung\",\"description\":\"Implementierung von KI-gest\u00fctzten Workflows und Automationen f\u00fcr Marketing- und Sales-Teams in KMU.\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"B2B Marketingstrategie\",\"description\":\"Entwicklung datengetriebener Marketingstrategien f\u00fcr gr\u00f6ssere KMU mit messbaren Wachstumszielen.\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Sales & Marketing Enablement\",\"description\":\"Strategische Partnerschaft f\u00fcr Sales- und Marketing-Teams: Prozesse, Tools und Content die konvertieren.\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Webdesign & Conversion\",\"description\":\"B2B-optimierte Websites und Landing Pages mit messbarem Conversion-Impact.\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Social Media & Content\",\"description\":\"B2B Content-Strategie und Social Media f\u00fcr LinkedIn, Instagram und weitere Kan\u00e4le.\"}}\r\n    ]\r\n  },\r\n  \"priceRange\": \"$$\"\r\n}\r\n<\/script>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display:ital@1&display=swap');\r\n\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --black:#0a0a0a;--dark:#111114;--card:#16161a;\r\n  --border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.12);\r\n  --w:#fff;--w2:rgba(255,255,255,.7);--w3:rgba(255,255,255,.7);--w4:rgba(255,255,255,.22);\r\n  --grad:linear-gradient(135deg,#6c63ff,#3ecfff,#3ecf8e);\r\n  --grad2:linear-gradient(90deg,#6c63ff,#3ecfff);\r\n  --ff:'DM Sans',sans-serif;--fser:'DM Serif Display',serif;\r\n  --max:1200px;--ease:cubic-bezier(0.16,1,0.3,1);\r\n}\r\nhtml{scroll-behavior:smooth}\r\n\r\n\/* iPhone Notch\/Dynamic Island \u2014 Inhalt geht bis ganz oben *\/\r\n@supports(padding-top: env(safe-area-inset-top)){\r\n  .hero{padding-top:env(safe-area-inset-top);margin-top:calc(-1 * env(safe-area-inset-top));}\r\n  nav#nav{top:env(safe-area-inset-top);}\r\n  #floatBurger{top:calc(2.5rem + env(safe-area-inset-top))!important;}\r\n  #heroMobLogo{top:calc(2.5rem + env(safe-area-inset-top))!important;}\r\n}\r\n\r\nbody{font-family:var(--ff);background:var(--black);color:var(--w);overflow-x:hidden}\r\na{color:inherit;text-decoration:none}\r\nimg{display:block;max-width:100%}\r\n.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}\r\n.tmr-wrap{overflow-x:hidden}\r\n\r\n\/* ============================================================\r\n   FULLWIDTH BREAKOUT \u2014 transform:translateX() NICHT verwenden!\r\n   Das bricht position:fixed bei Nav + Preloader (neuer Stacking Context).\r\n   Stattdessen: negative margin-Technik, funktioniert ohne fixed-Bruch.\r\n   ============================================================ *\/\r\n.tmr-wrap{\r\n  width: 100vw !important;\r\n  position: relative !important;\r\n  left: 0 !important;\r\n  transform: none !important;\r\n  margin-left: calc((100vw - 100%) \/ -2) !important;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* NAV *\/\r\nnav#nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:0 clamp(1.5rem,5vw,4rem);display:flex;align-items:center;justify-content:space-between;height:92px;transition:background .4s;}\r\nnav#nav.scrolled{background:rgba(10,10,10,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}\r\n.nav-logo{display:flex;align-items:center}\r\n.nav-logo svg{height:44px;width:auto}\r\n.nav-links{display:flex;align-items:center;gap:0;list-style:none}\r\n.nav-links a{font-size:1.21rem;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.7);padding:.5rem 1.4rem;display:block;transition:color .2s, transform .2s cubic-bezier(0.34,1.56,0.64,1);position:relative;}\r\n.nav-links a::after{content:'';position:absolute;bottom:0;left:1.4rem;right:1.4rem;height:1.5px;background:linear-gradient(90deg,#6c63ff,#3ecfff,#3ecf8e);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1);}\r\n.nav-links a:hover{color:#fff;transform:translateY(-1px);}\r\n.nav-links a:hover::after{transform:scaleX(1);}\r\n.nav-cta{font-size:1rem;font-weight:500;padding:.7rem 2rem;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;transition:all .25s;white-space:nowrap;border-radius:100px;}\r\n.nav-cta:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.5)}\r\n@media(max-width:768px){nav#nav{display:none!important}}\r\n\r\n\/* BURGER *\/\r\n#floatBurger{\r\n  display:none;position:fixed;top:2.5rem;right:1.1rem;z-index:100000;\r\n  width:48px;height:48px;align-items:center;justify-content:center;\r\n  flex-direction:column;gap:5px;cursor:pointer;\r\n  background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);\r\n  border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\r\n  transition:background .25s,border-color .25s;padding:0;outline:none;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n@media(max-width:768px){#floatBurger{display:flex!important}}\r\n#floatBurger.light{background:rgba(0,0,0,0.08);border-color:rgba(0,0,0,0.15)}\r\n#floatBurger.light span{background:#0a0a0a}\r\n#floatBurger span{display:block;width:20px;height:1.5px;background:#fff;border-radius:2px;transition:transform .35s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease,background .25s;}\r\n#floatBurger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}\r\n#floatBurger.open span:nth-child(2){opacity:0;transform:scaleX(0)}\r\n#floatBurger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}\r\n\r\n\/* MOBILE MENU *\/\r\n#mobMenu{\r\n  position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;\r\n  z-index:99999;background:#0a0a0a;\r\n  display:none;\r\n  flex-direction:column;justify-content:center;align-items:flex-start;\r\n  padding:5rem 2rem 4rem;\r\n  opacity:0;transform:translateY(-8px);\r\n  transition:opacity .35s ease,transform .35s ease;overflow:hidden;\r\n}\r\n#mobMenu.open{display:flex;opacity:1;transform:translateY(0);}\r\n.mob-logo{position:absolute;top:1.2rem;left:1.4rem}\r\n.mob-logo svg{height:32px;width:auto;opacity:.7}\r\n.mob-links{list-style:none;display:flex;flex-direction:column;gap:0;width:100%}\r\n.mob-links li{border-bottom:1px solid rgba(255,255,255,.07);transform:translateY(20px);opacity:0;transition:transform .4s ease,opacity .4s ease;}\r\n.mob-links li:first-child{border-top:1px solid rgba(255,255,255,.07)}\r\n#mobMenu.open .mob-links li:nth-child(1){transform:translateY(0);opacity:1;transition-delay:.1s}\r\n#mobMenu.open .mob-links li:nth-child(2){transform:translateY(0);opacity:1;transition-delay:.15s}\r\n#mobMenu.open .mob-links li:nth-child(3){transform:translateY(0);opacity:1;transition-delay:.2s}\r\n#mobMenu.open .mob-links li:nth-child(4){transform:translateY(0);opacity:1;transition-delay:.25s}\r\n.mob-links a{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0;font-size:clamp(1.6rem,7vw,2.4rem);font-weight:600;letter-spacing:-.02em;color:rgba(255,255,255,.6);text-decoration:none;transition:color .15s;-webkit-tap-highlight-color:transparent;}\r\n.mob-links a:hover,.mob-links a:active,.mob-links a:focus{color:#fff!important}\r\n.mob-links a .arr{font-size:1.2rem;color:rgba(255,255,255,.4)}\r\n.mob-cta{margin-top:2.5rem;display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1rem 2rem;background:#fff;color:#0a0a0a;border-radius:100px;text-decoration:none;-webkit-tap-highlight-color:transparent;transform:translateY(16px);opacity:0;transition:transform .4s ease .3s,opacity .4s ease .3s,background .2s;}\r\n#mobMenu.open .mob-cta{transform:translateY(0);opacity:1}\r\n.mob-cta:hover{background:rgba(255,255,255,.88)}\r\n.mob-accent{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6c63ff,#3ecfff,#3ecf8e);opacity:0;transition:opacity .4s .25s;}\r\n#mobMenu.open .mob-accent{opacity:1}\r\n\r\n\/* HERO *\/\r\n.hero{height:100vh;height:100dvh;min-height:600px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;isolation:isolate;}\r\n.hero-video{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;}\r\n.hero-video video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.01);width:100%;height:100%;object-fit:cover;display:block;}\r\n.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.45) 45%,rgba(10,10,10,.15) 100%)}\r\n.hero-body{position:relative;z-index:10;padding-top:clamp(6rem,14vh,10rem);display:block!important;visibility:visible!important;opacity:1!important}\r\n.hero-h1{font-family:var(--ff);font-size:clamp(2.8rem,6.5vw,6.5rem);font-weight:300;line-height:1.08;letter-spacing:-.025em;color:#fff!important;max-width:14ch;margin-bottom:2.5rem;display:block!important;visibility:visible!important;opacity:1!important;}\r\n.hero-h1 .line{display:block;overflow:visible;white-space:nowrap;}\r\n.hero-h1 .line span{display:block;animation:sup .9s var(--ease) both}\r\n.hero-h1 .line:nth-child(1) span{animation-delay:.2s}\r\n.hero-h1 .line:nth-child(2) span{animation-delay:.3s}\r\n.hero-h1 .line:nth-child(3) span{animation-delay:.4s}\r\n.hero-h1 .cycle-wrap{display:inline-block;position:relative;min-width:14ch;vertical-align:bottom;overflow:hidden;}\r\n.hero-h1 .cycle{position:absolute;left:0;bottom:0;white-space:nowrap;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s var(--ease)}\r\n.hero-h1 .cycle.show{opacity:1;transform:translateY(0);position:relative;white-space:nowrap;}\r\n.hero-scroll{display:flex;align-items:center;gap:1rem;animation:fup .8s var(--ease) .7s both}\r\n.hero-scroll-line{width:40px;height:1px;background:var(--w4)}\r\n.hero-scroll-txt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--w3)}\r\n.hero-down{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);z-index:11;width:44px;height:44px;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:heroPulse 2s ease infinite;}\r\n.hero-down svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\r\n@keyframes heroPulse{\r\n  0%{transform:translateX(-50%) scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.5)}\r\n  50%{transform:translateX(-50%) scale(1.08);box-shadow:0 0 0 14px rgba(255,255,255,0)}\r\n  100%{transform:translateX(-50%) scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0)}\r\n}\r\n@keyframes sup{from{transform:translateY(106%)}to{transform:translateY(0)}}\r\n@keyframes fup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* LOGO STRIP *\/\r\n.logo-strip{\r\n  padding:clamp(5rem,10vw,9rem) 0;\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n  border-bottom:1px solid rgba(0,0,0,.08);\r\n  position:relative;overflow:hidden;\r\n  background:#ffffff!important;\r\n}\r\n.logo-strip-statement{font-family:var(--ff);font-size:clamp(2.2rem,5.5vw,5.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-align:center;max-width:14ch;margin:0 auto 3.5rem;color:#0a0a0a;}\r\n.logo-strip-statement .fade-words{display:block;}\r\n.logo-strip-statement .fade-words span{color:rgba(0,0,0,.08);transition:color 0.05s ease;}\r\n.logo-strip-big{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(0.16,1,0.3,1),transform .9s cubic-bezier(0.16,1,0.3,1);}\r\n.logo-strip-big.logo-visible{opacity:.28;transform:translateY(0);}\r\n.logo-strip-big svg{height:clamp(2.5rem,8vw,5rem);width:auto}\r\n\r\n\/* HOW *\/\r\n.how{padding:clamp(4rem,8vw,7rem) 0;border-bottom:1px solid var(--border)}\r\n.how-header{margin-bottom:clamp(2.5rem,5vw,4rem)}\r\n.how-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.75rem;font-weight:400}\r\n.how-h2{font-family:var(--ff);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;letter-spacing:-.025em;color:#fff;line-height:1.1}\r\n.how-h2 strong{font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}\r\n.how-card{background:var(--dark);padding:2rem 1.75rem;position:relative;overflow:hidden;transition:background .3s;cursor:default;border-radius:16px;}\r\n.how-card:hover{background:var(--card)}\r\n.how-card-num{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.25);margin-bottom:1rem;}\r\n.how-card-title{font-family:var(--ff);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.15;margin-bottom:.6rem}\r\n.how-card-desc{font-size:.84rem;color:rgba(255,255,255,.6);line-height:1.7;font-weight:400}\r\n.how-card-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}\r\n.how-card:hover .how-card-bar{transform:scaleX(1)}\r\n@media(max-width:860px){.how-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:540px){.how-grid{grid-template-columns:1fr}}\r\n\r\n\/* SERVICES *\/\r\n.srv{padding:clamp(5rem,10vw,9rem) 0;border-bottom:1px solid var(--border)}\r\n.srv-headline{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}\r\n.srv-headline h2{font-family:var(--ff);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.1}\r\n.srv-tabs{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.12);border-radius:80px;overflow:hidden;margin-bottom:clamp(3rem,6vw,5rem);background:rgba(255,255,255,.02);}\r\n.srv-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.5rem .75rem;border-right:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .25s,color .25s;}\r\n.srv-tab:last-child{border-right:none}\r\n.srv-tab.active{background:#fff;border-radius:56px;}\r\n.srv-tab-icon{width:28px;height:28px;opacity:.4;transition:opacity .25s}\r\n.srv-tab.active .srv-tab-icon{opacity:1;filter:invert(1)}\r\n.srv-tab .srv-tab-icon{transition:transform .4s cubic-bezier(0.34,1.56,0.64,1), opacity .25s;}\r\n.srv-tab:nth-child(1):hover .srv-tab-icon{transform:rotate(90deg) scale(1.2);}\r\n.srv-tab:nth-child(2):hover .srv-tab-icon{transform:rotate(180deg) scale(1.2);}\r\n.srv-tab:nth-child(3):hover .srv-tab-icon{transform:translateY(-4px) scale(1.25);}\r\n.srv-tab:nth-child(4):hover .srv-tab-icon{transform:scale(1.3) rotate(-10deg);}\r\n.srv-tab:nth-child(5):hover .srv-tab-icon{transform:translateX(4px) scale(1.2);}\r\n.srv-tab.active .srv-tab-icon{transform:none!important;}\r\n.srv-tab-name{font-size:.75rem;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.5);transition:color .25s, transform .3s cubic-bezier(0.34,1.56,0.64,1);text-align:center;line-height:1.3;}\r\n.srv-tab:hover:not(.active) .srv-tab-name{transform:translateY(-2px);}\r\n.srv-tab.active .srv-tab-name{color:#000}\r\n.srv-tab:hover:not(.active){background:rgba(255,255,255,.04)}\r\n.srv-tab:hover:not(.active) .srv-tab-name{color:rgba(255,255,255,.75)}\r\n.srv-tab:hover:not(.active) .srv-tab-icon{opacity:.65}\r\n.srv-panel{display:none;grid-template-columns:5fr 7fr;gap:clamp(3rem,6vw,6rem);align-items:center}\r\n.srv-panel.active{display:grid}\r\n.srv-panel-title{font-family:var(--ff);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;letter-spacing:-.025em;color:#fff;margin-bottom:1.25rem;line-height:1.1}\r\n.srv-panel-desc{font-size:.95rem;color:var(--w3);line-height:1.85;font-weight:400;margin-bottom:2rem}\r\n.srv-panel-pts{display:flex;flex-direction:column;gap:.55rem;margin-bottom:2rem}\r\n.srv-panel-pt{display:flex;align-items:baseline;gap:.7rem;font-size:.88rem;color:rgba(255,255,255,.65)}\r\n.srv-panel-pt-n{font-size:.62rem;color:#6c63ff;font-weight:700;min-width:1.6rem;letter-spacing:.04em;flex-shrink:0}\r\n.srv-panel-btn{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.9rem 2rem;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:100px;transition:all .3s;cursor:pointer}\r\n.srv-panel-btn:hover{background:#fff;color:#000;border-color:#fff}\r\n.srv-panel-vis{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#0a0a0a;aspect-ratio:16\/10;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 40px 80px rgba(0,0,0,.5);}\r\n.srv-panel-vis::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,rgba(108,99,255,.1),transparent 70%)}\r\n@media(max-width:860px){\r\n  .srv-tabs{border-radius:16px;flex-wrap:wrap;}\r\n  .srv-tab{flex:1 1 50%;min-width:0;border-bottom:1px solid rgba(255,255,255,.08);min-height:80px;padding:1rem .5rem;}\r\n  .srv-tab:nth-child(5){flex:1 1 100%;}\r\n  .srv-tab.active{border-radius:12px}\r\n  .srv-panel.active{grid-template-columns:1fr}\r\n  .srv-tab-name{font-size:.68rem;}\r\n}\r\n\r\n\/* ABOUT *\/\r\n.about{padding:clamp(5rem,10vw,9rem) 0;border-bottom:1px solid var(--border)}\r\n.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);align-items:center}\r\n.about-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--w3);margin-bottom:1.25rem}\r\n.about-quote{font-family:var(--ff);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;letter-spacing:-.025em;color:#fff;line-height:1.2;margin-bottom:2rem;}\r\n.about-quote strong{font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.about-text{font-size:.9rem;color:var(--w3);line-height:1.85;font-weight:400;margin-bottom:2rem}\r\n.about-cta{display:inline-flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.85rem 2rem;background:#fff;color:var(--black);transition:all .25s;border-radius:100px;}\r\n.about-cta:hover{background:rgba(255,255,255,.88)}\r\n.about-cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}\r\n.about-cta:hover svg{transform:translate(3px,-3px)}\r\n.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}\r\n.stat-card{background:var(--dark);padding:2rem;transition:background .2s;border-radius:16px;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease);}\r\n.stat-card:hover{background:var(--card)}\r\n.stat-card.counted{opacity:1;transform:translateY(0);}\r\n.stat-n{display:block;font-family:var(--ff);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\r\n.stat-l{font-size:.72rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--w3);margin-top:.4rem}\r\n.stat-wide{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}\r\n.stat-wide-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}\r\n.stat-wide-sub{font-size:.82rem;color:var(--w3)}\r\n.stat-btn{font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 1.3rem;border:1px solid var(--border2);color:#fff;white-space:nowrap;transition:all .2s;border-radius:100px}\r\n.stat-btn:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}\r\n\r\n\/* CONTACT *\/\r\n.contact{padding:clamp(5rem,10vw,9rem) 0;background:var(--dark);border-bottom:1px solid var(--border)}\r\n.contact-grid{display:grid;grid-template-columns:5fr 7fr;gap:5rem;align-items:start}\r\n.contact-left h2{font-family:var(--ff);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;letter-spacing:-.025em;color:#fff;line-height:1.1;margin-bottom:1.25rem}\r\n.contact-left h2 strong{font-weight:700}\r\n.contact-left p{font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.85;max-width:32ch}\r\n.cinfo{margin-top:2.5rem;display:flex;flex-direction:column;gap:0}\r\n.ci{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border);transition:padding-left .3s}\r\n.ci:first-child{border-top:1px solid var(--border)}\r\n.ci:hover{padding-left:.4rem}\r\n.ci-dot{width:38px;height:38px;background:rgba(108,99,255,.12);border:1px solid rgba(108,99,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.ci-dot svg{width:13px;height:13px;stroke:#a89dff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}\r\n.ci-lbl{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:.15rem}\r\n.ci-val{font-size:.88rem;color:#fff;font-weight:600}\r\n.form-wrap{display:flex;flex-direction:column;gap:.85rem}\r\n.frow{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}\r\n.field{display:flex;flex-direction:column;gap:.3rem}\r\nlabel{font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}\r\ninput,textarea,select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#fff;font-family:var(--ff);font-size:.88rem;padding:.8rem 1.2rem;outline:none;transition:border-color .25s,background .25s;width:100%;resize:vertical;appearance:none;border-radius:10px}\r\ninput::placeholder,textarea::placeholder{color:rgba(255,255,255,.45)}\r\ninput:focus,textarea:focus,select:focus{border-color:rgba(108,99,255,.6);background:rgba(108,99,255,.06)}\r\ntextarea{min-height:110px}\r\nselect{color:#fff}select option{background:var(--dark);color:#fff}\r\n.form-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem;gap:1rem;flex-wrap:wrap}\r\n.priv{font-size:.66rem;color:rgba(255,255,255,.65)}\r\n.sbtn{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2.2rem;background:#fff;color:#000;border:none;cursor:pointer;transition:all .25s;font-family:var(--ff)}\r\n.sbtn:hover{background:rgba(255,255,255,.88)}\r\n.sbtn.sent{background:var(--card);color:var(--w3)}\r\n.fok{display:none;padding:.85rem;background:rgba(108,99,255,.08);border:1px solid rgba(108,99,255,.25);color:#a89dff;font-size:.82rem;text-align:center;margin-top:.5rem;border-radius:12px}\r\n\r\n\/* FOOTER *\/\r\nfooter{background:var(--black);border-top:1px solid var(--border);padding:clamp(3rem,6vw,5rem) 0 2rem}\r\n.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem;margin-bottom:3.5rem;align-items:start}\r\n.foot-col-title{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1.5rem}\r\n.foot-nav-list{display:flex;flex-direction:column;gap:0}\r\n.foot-nav-list a{font-size:1rem;font-weight:400;color:rgba(255,255,255,.6);padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.06);display:block;transition:color .2s}\r\n.foot-nav-list a:first-child{border-top:1px solid rgba(255,255,255,.06)}\r\n.foot-nav-list a:hover{color:#fff}\r\n.foot-contact-item{font-size:.92rem;color:rgba(255,255,255,.6);margin-bottom:.65rem;transition:color .2s;display:block}\r\n.foot-contact-item:hover{color:#fff}\r\n.foot-careers-link{display:flex;align-items:center;gap:.5rem;font-size:.92rem;color:rgba(255,255,255,.6);transition:color .2s;margin-top:.5rem}\r\n.foot-careers-link:hover{color:#fff}\r\n.foot-careers-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.foot-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}\r\n.foot-bottom-logo svg{height:22px;width:auto;opacity:.6}\r\n.foot-copy{font-size:.72rem;color:rgba(255,255,255,.25);text-align:center}\r\n.foot-soc{display:flex;gap:1.5rem}\r\n.foot-soc a{font-size:.8rem;color:rgba(255,255,255,.4);transition:color .2s;font-weight:400}\r\n.foot-soc a:hover{color:#fff}\r\n@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr;gap:2rem}.foot-grid .foot-col:first-child{grid-column:span 2}}\r\n@media(max-width:540px){.foot-grid{grid-template-columns:1fr}.foot-grid .foot-col:first-child{grid-column:span 1}}\r\n\r\n\/* REVEAL *\/\r\n.rev{opacity:0;transform:translateY(22px);transition:opacity .85s var(--ease),transform .85s var(--ease)}\r\n.rev.on{opacity:1;transform:none}\r\n.d1{transition-delay:.06s}.d2{transition-delay:.13s}.d3{transition-delay:.2s}\r\n.d4{transition-delay:.27s}.d5{transition-delay:.34s}.d6{transition-delay:.41s}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:3rem}.contact-grid{grid-template-columns:1fr;gap:3rem}}\r\n@media(max-width:860px){.frow{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-wide{grid-column:span 2}}\r\n@media(max-width:540px){.hero-h1{font-size:clamp(2.5rem,11vw,4rem)}.stats-grid{grid-template-columns:1fr 1fr}}\r\n\r\n\/* ============================================================\r\n   SEC-LIGHT \u2014 volle Breite durch tmr-wrap-Breakout bereits gegeben\r\n   ============================================================ *\/\r\n.sec-light{\r\n  background:#fff;\r\n  color:#0a0a0a;\r\n  border-top:none;\r\n  border-bottom:none;\r\n}\r\n.sec-light h2,.sec-light h3,.sec-light .how-h2,.sec-light .how-card-title,.sec-light .section-h2,.sec-light .about-quote,.sec-light .contact-left h2{color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;}\r\n.sec-light .srv-headline h2{color:#0a0a0a!important;}\r\n.sec-light .srv-headline h2 span[style]{-webkit-text-fill-color:transparent!important;}\r\n.sec-light .how-eyebrow,.sec-light .how-sub,.sec-light .how-card-desc,.sec-light p,.sec-light .about-text,.sec-light .contact-left p{color:rgba(0,0,0,.55)!important;}\r\n.sec-light .how-card{background:#f5f5f5;border-color:rgba(0,0,0,.08)!important;}\r\n.sec-light .how-card:hover{background:#eee}\r\n.sec-light .how-grid{background:rgba(0,0,0,.08)}\r\n.sec-light .how-card-num{color:rgba(0,0,0,.25)}\r\n.sec-light .srv-tabs{border-color:rgba(0,0,0,.15);background:rgba(0,0,0,.03)}\r\n.sec-light .srv-tab{border-right-color:rgba(0,0,0,.08)}\r\n.sec-light .srv-tab-name{color:rgba(0,0,0,.45)}\r\n.sec-light .srv-tab.active{background:#0a0a0a}\r\n.sec-light .srv-tab.active .srv-tab-name{color:#fff}\r\n.sec-light .srv-tab.active .srv-tab-icon{filter:none}\r\n.sec-light .srv-tab-icon{filter:invert(1)}\r\n.sec-light .srv-panel-title{color:#0a0a0a!important}\r\n.sec-light .srv-panel-desc{color:rgba(0,0,0,.6)!important}\r\n.sec-light .srv-panel-pt{color:rgba(0,0,0,.6)!important}\r\n.sec-light .srv-panel-pt-n{color:#6c63ff!important}\r\n.sec-light .srv-panel-btn{border-color:rgba(0,0,0,.2);color:#0a0a0a}\r\n.sec-light .srv-panel-btn:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a}\r\n.sec-light .how-card-bar{background:var(--grad)}\r\n.sec-light .about-cta{background:#0a0a0a;color:#fff}\r\n.sec-light .stats-grid{background:rgba(0,0,0,.1)}\r\n.sec-light .stat-card{background:#f5f5f5}\r\n.sec-light .stat-card:hover{background:#eee}\r\n.sec-light .stat-n{-webkit-text-fill-color:transparent!important}\r\n.sec-light .stat-l{color:rgba(0,0,0,.5)!important}\r\n.sec-light .stat-wide-title{color:#0a0a0a!important}\r\n.sec-light .stat-wide-sub{color:rgba(0,0,0,.5)!important}\r\n.sec-light .stat-btn{border-color:rgba(0,0,0,.2);color:#0a0a0a}\r\n.sec-light input,.sec-light textarea,.sec-light select{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15);color:#0a0a0a}\r\n.sec-light input::placeholder,.sec-light textarea::placeholder{color:rgba(0,0,0,.3)}\r\n.sec-light label{color:rgba(0,0,0,.5)!important}\r\n.sec-light .priv{color:rgba(0,0,0,.4)!important}\r\n.sec-light .sbtn{background:#0a0a0a;color:#fff}\r\n.sec-light .sbtn:hover{background:#333}\r\n.sec-light .ci{border-color:rgba(0,0,0,.1)}\r\n.sec-light .ci-lbl{color:rgba(0,0,0,.4)!important}\r\n.sec-light .ci-val{color:#0a0a0a!important}\r\n.sec-light .ci-dot{background:rgba(108,99,255,.1);border-color:rgba(108,99,255,.2)}\r\n.sec-light.srv{border-bottom:1px solid rgba(0,0,0,.08)!important}\r\n.sec-light.contact{border-bottom:1px solid rgba(0,0,0,.08)!important}\r\n.sec-light .about-eyebrow{color:rgba(0,0,0,.4)}\r\n\r\n\/* Elementor Widget-Handle und Container komplett verstecken *\/\r\n.elementor-widget-html:not(:has(.tmr-wrap)) ~ *,\r\n.elementor-element-overlay,\r\n.elementor-editor-element-settings,\r\n.elementor-widget-container:empty{\r\n  display:none!important;\r\n}\r\n\/* Alle Elementor Sections\/Container die VOR unserem Inhalt kommen auf 0 *\/\r\n.elementor-section:first-child:not(:has(.tmr-wrap)),\r\n.elementor-container:first-child:not(:has(.tmr-wrap)),\r\n.e-con:first-child:not(:has(.tmr-wrap)){\r\n  height:0!important;\r\n  max-height:0!important;\r\n  min-height:0!important;\r\n  padding:0!important;\r\n  margin:0!important;\r\n  overflow:hidden!important;\r\n  display:none!important;\r\n}\r\n\/* Elementor Header Template *\/\r\n[data-elementor-type=\"header\"],\r\n.elementor-location-header,\r\n.e-header{\r\n  display:none!important;\r\n  height:0!important;\r\n  max-height:0!important;\r\n  min-height:0!important;\r\n  padding:0!important;\r\n  margin:0!important;\r\n  overflow:hidden!important;\r\n}\r\n\/* WordPress Theme Header Spacing entfernen *\/\r\nhtml,body{margin-top:0!important;padding-top:0!important;}\r\nbody.admin-bar nav#nav{top:32px!important}\r\nbody.admin-bar .hero{margin-top:0!important;}\r\nbody.admin-bar{overflow-x:hidden;}\r\n\/* Den schwarzen Streifen oben \u2014 das ist der Theme-Header mit Hintergrundfarbe *\/\r\n\/* Wir machen ihn transparent und h\u00f6henlos *\/\r\n.site-header,#masthead,#site-header,.main-header,header.site-header{\r\n  background:transparent!important;\r\n  background-color:transparent!important;\r\n  min-height:0!important;\r\n  height:auto!important;\r\n  border:none!important;\r\n  box-shadow:none!important;\r\n}\r\n\r\n\/* LOGO STRIP TEXT REVEAL *\/\r\n#logoStrip{background:#fff!important}\r\n#logoStrip span{transition:color 0.05s ease !important}\r\n#logoStrip .stmt-char.hidden{color:rgba(0,0,0,0.07)!important;-webkit-text-fill-color:rgba(0,0,0,0.07)!important}\r\n#logoStrip .stmt-char.revealed{color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important}\r\n#logoStrip .stmt-char{color:rgba(0,0,0,0.07)!important}\r\n\r\n\/* ============================================================\r\n   WORDPRESS FULLWIDTH OVERRIDE\r\n   Zwingt alle m\u00f6glichen Theme-Container auf max-width:none\r\n   damit .tmr-wrap mit width:100vw + translateX(-50%) korrekt\r\n   die volle Browserbreite einnehmen kann.\r\n   ============================================================ *\/\r\n.site-content,.entry-content,.wp-block-group,.wp-block-post-content,\r\n.elementor-section-wrap,.et_pb_section,.fl-row-content-wrap,\r\narticle.page,.page-content,.post-content,.content-area,\r\n#content,#primary,.site-main,main,.wp-site-blocks,\r\n.is-layout-constrained,.is-layout-flow{\r\n  max-width: none !important;\r\n  padding-left: 0 !important;\r\n  padding-right: 0 !important;\r\n  overflow-x: visible !important;\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n     PRELOADER, NAV, BURGER \u2014 AUSSERHALB von .tmr-wrap\r\n     position:fixed funktioniert nur korrekt wenn kein transform()\r\n     auf einem Parent-Element sitzt. Deshalb stehen diese Elemente\r\n     direkt auf Body-Level, vor .tmr-wrap.\r\n     ============================================================ -->\r\n\r\n<!-- BURGER -->\r\n<button id=\"floatBurger\" aria-label=\"Men\u00fc \u00f6ffnen\" aria-expanded=\"false\">\r\n  <span><\/span><span><\/span><span><\/span>\r\n<\/button>\r\n\r\n<!-- MOBILE LOGO -->\r\n<div id=\"heroMobLogo\">\r\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 67 41\" style=\"height:38px;width:auto;display:block;overflow:visible\">\r\n    <polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/>\r\n    <polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/>\r\n    <polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/>\r\n    <polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/>\r\n  <\/svg>\r\n<\/div>\r\n<style>\r\n#heroMobLogo{display:none;position:fixed;top:2.5rem;left:1.4rem;z-index:2147483646;transform:none;transition:opacity .3s ease;pointer-events:none;}\r\n@media(max-width:768px){#heroMobLogo{display:block;}}\r\n<\/style>\r\n<script>\r\n(function(){\r\n  var el=document.getElementById('heroMobLogo');\r\n  if(!el)return;\r\n  document.body.appendChild(el);\r\n  function update(){\r\n    if(window.innerWidth>768){el.style.display='none';return;}\r\n    el.style.display='block';\r\n    el.style.position='fixed';\r\n    el.style.top='2.5rem';\r\n    el.style.left='1.4rem';\r\n    el.style.zIndex='2147483646';\r\n    el.style.transform='none';\r\n    el.style.margin='0';\r\n    \/\/ Verschwinden sobald man den Hero verl\u00e4sst\r\n    var heroH=window.innerHeight;\r\n    el.style.opacity=window.scrollY<heroH?'1':'0';\r\n  }\r\n  update();\r\n  window.addEventListener('scroll',update,{passive:true});\r\n  window.addEventListener('resize',update,{passive:true});\r\n})();\r\n<\/script>\r\n\r\n<!-- MOBILE MENU -->\r\n<nav id=\"mobMenu\" aria-hidden=\"true\">\r\n  <div class=\"mob-logo\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\">\r\n      <polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/>\r\n      <polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/>\r\n      <polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/>\r\n      <polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/>\r\n      <polygon fill=\"#fff\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/>\r\n      <polygon fill=\"#fff\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/>\r\n      <path fill=\"#fff\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <ul class=\"mob-links\">\r\n    <li><a href=\"#leistungen\" onclick=\"closeMenu()\">Leistungen <span class=\"arr\">\u2192<\/span><\/a><\/li>\r\n    <li><a href=\"#how\" onclick=\"closeMenu()\">Wie wir arbeiten <span class=\"arr\">\u2192<\/span><\/a><\/li>\r\n    <li><a href=\"#ueber\" onclick=\"closeMenu()\">\u00dcber TMR <span class=\"arr\">\u2192<\/span><\/a><\/li>\r\n    <li><a href=\"#kontakt\" onclick=\"closeMenu()\">Kontakt <span class=\"arr\">\u2192<\/span><\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"#kontakt\" class=\"mob-cta\" onclick=\"closeMenu()\">Projekt starten \u2192<\/a>\r\n  <div class=\"mob-accent\"><\/div>\r\n<\/nav>\r\n\r\n<!-- DESKTOP NAV -->\r\n<nav id=\"nav\" aria-label=\"Hauptnavigation\">\r\n  <a href=\"#\" class=\"nav-logo\" id=\"navLogo\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\" style=\"height:44px;width:auto;display:block;overflow:visible\">\r\n      <g id=\"navFlag\" style=\"transition:transform .5s cubic-bezier(0.34,1.56,0.64,1);transform-origin:0px 20px\">\r\n        <polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/>\r\n        <polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/>\r\n        <polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/>\r\n        <polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/>\r\n      <\/g>\r\n      <g id=\"navText\" style=\"transition:opacity .35s ease,transform .35s ease;transform-origin:70px 20px\">\r\n        <polygon fill=\"#fff\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/>\r\n        <polygon fill=\"#fff\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/>\r\n        <path fill=\"#fff\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#\">Home<\/a><\/li>\r\n    <li><a href=\"#leistungen\">Leistungen<\/a><\/li>\r\n    <li><a href=\"#how\">Wie wir arbeiten<\/a><\/li>\r\n    <li><a href=\"#ueber\">\u00dcber TMR<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"#kontakt\" class=\"nav-cta\">Kontakt<\/a>\r\n<\/nav>\r\n\r\n<!-- ============================================================\r\n     TMR PRELOADER \u2014 Logo wird mit % weisser, Regenbogen-Balken\r\n     ============================================================ -->\r\n<div id=\"tmrLoader\" style=\"position:fixed;top:0;left:0;width:100%;height:100%;z-index:2147483647;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;overflow:hidden;\">\r\n\r\n  <div id=\"loaderLogoWrap\" style=\"opacity:0;transform:translateY(10px);transition:transform .8s cubic-bezier(0.16,1,0.3,1);\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\" style=\"height:clamp(2.5rem,8vw,4.5rem);width:auto;display:block;\">\r\n      <polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/>\r\n      <polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/>\r\n      <polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/>\r\n      <polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/>\r\n      <polygon fill=\"#fff\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/>\r\n      <polygon fill=\"#fff\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/>\r\n      <path fill=\"#fff\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div id=\"loaderBarWrap\" style=\"width:clamp(160px,32vw,260px);display:flex;flex-direction:column;gap:.6rem;opacity:0;transition:opacity .5s ease .3s;\">\r\n    <div style=\"width:100%;height:2px;background:rgba(255,255,255,.08);border-radius:100px;overflow:hidden;\">\r\n      <div id=\"loaderProgress\" style=\"height:100%;width:0%;border-radius:100px;background:linear-gradient(90deg,#6c63ff,#3ecfff,#3ecf8e);transition:width .04s linear;\"><\/div>\r\n    <\/div>\r\n    <div style=\"display:flex;justify-content:space-between;\">\r\n      <span id=\"loaderPct\" style=\"font-family:'DM Sans',sans-serif;font-size:.6rem;letter-spacing:.14em;color:rgba(255,255,255,.3);\">0%<\/span>\r\n      <span style=\"font-family:'DM Sans',sans-serif;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.12);\">TMR<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var loader   = document.getElementById('tmrLoader');\r\n  var logoWrap = document.getElementById('loaderLogoWrap');\r\n  var barWrap  = document.getElementById('loaderBarWrap');\r\n  var progress = document.getElementById('loaderProgress');\r\n  var pctLabel = document.getElementById('loaderPct');\r\n  if(!loader) return;\r\n\r\n  \/\/ KEIN overflow:hidden \u2014 das stoppt das Video in manchen Browsern\r\n  \/\/ Stattdessen nur pointer-events sperren (verhindert Klicks unter dem Preloader)\r\n  document.body.style.pointerEvents = 'none';\r\n  loader.style.pointerEvents = 'all';\r\n\r\n  setTimeout(function(){\r\n    logoWrap.style.transform = 'translateY(0)';\r\n    barWrap.style.opacity = '1';\r\n  }, 120);\r\n\r\n  var pct = 0;\r\n  var iv = setInterval(function(){\r\n    var spd = pct < 30 ? 2.5 : pct < 78 ? 1.0 : 2.2;\r\n    pct = Math.min(100, pct + spd);\r\n    progress.style.width = pct + '%';\r\n    pctLabel.textContent = Math.floor(pct) + '%';\r\n    logoWrap.style.opacity = Math.pow(pct \/ 100, 1.6).toFixed(3);\r\n    if(pct >= 100){\r\n      clearInterval(iv);\r\n      setTimeout(function(){\r\n        loader.style.transition = 'opacity .6s ease';\r\n        loader.style.opacity = '0';\r\n        setTimeout(function(){\r\n          loader.style.display = 'none';\r\n          document.body.style.pointerEvents = '';\r\n        }, 620);\r\n      }, 300);\r\n    }\r\n  }, 40);\r\n\r\n  \/\/ Elementor Header verstecken \u2014 MutationObserver f\u00e4ngt ihn wann immer er erscheint\r\n  (function(){\r\n    function hideHeader(){\r\n      \/\/ Alle m\u00f6glichen Elementor Header Selektoren\r\n      var selectors = [\r\n        '[data-elementor-type=\"header\"]',\r\n        '.elementor-location-header',\r\n        '.e-header',\r\n        '#site-header',\r\n        '.site-header',\r\n        '#masthead',\r\n        'header:not(#nav):not(#mobMenu)'\r\n      ];\r\n      selectors.forEach(function(sel){\r\n        try{\r\n          document.querySelectorAll(sel).forEach(function(el){\r\n            el.style.setProperty('display','none','important');\r\n            el.style.setProperty('height','0','important');\r\n            el.style.setProperty('max-height','0','important');\r\n            el.style.setProperty('min-height','0','important');\r\n            el.style.setProperty('padding','0','important');\r\n            el.style.setProperty('margin','0','important');\r\n            el.style.setProperty('overflow','hidden','important');\r\n            el.style.setProperty('visibility','hidden','important');\r\n            el.style.setProperty('opacity','0','important');\r\n            el.style.setProperty('pointer-events','none','important');\r\n          });\r\n        }catch(e){}\r\n      });\r\n      \/\/ Body padding\/margin entfernen\r\n      document.body.style.setProperty('padding-top','0','important');\r\n      document.body.style.setProperty('margin-top','0','important');\r\n      document.documentElement.style.setProperty('padding-top','0','important');\r\n      document.documentElement.style.setProperty('margin-top','0','important');\r\n    }\r\n    hideHeader();\r\n    var obs = new MutationObserver(hideHeader);\r\n    obs.observe(document.documentElement, {childList:true, subtree:true, attributes:true});\r\n    window.addEventListener('load', hideHeader);\r\n    window.addEventListener('load', function(){ setTimeout(hideHeader, 300); });\r\n    window.addEventListener('load', function(){ setTimeout(hideHeader, 1000); });\r\n    window.addEventListener('load', function(){ setTimeout(hideHeader, 2000); });\r\n  })();\r\n})();\r\n<\/script>\r\n\r\n<!-- ============================================================\r\n     .tmr-wrap STARTET HIER \u2014 nach Nav, Burger, Preloader\r\n     Alle position:fixed Elemente sind jetzt ausserhalb\r\n     ============================================================ -->\r\n<div class=\"tmr-wrap\">\r\n\r\n<main>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-video\">\r\n    <video id=\"heroVid\" autoplay muted loop playsinline preload=\"auto\" fetchpriority=\"high\">\r\n      <source src=\"https:\/\/tmrgroup.ch\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-cropped.mp4\" type=\"video\/mp4\" fetchpriority=\"high\">\r\n    <\/video>\r\n    <div class=\"hero-video-overlay\"><\/div>\r\n  <\/div>\r\n  <div class=\"hero-body wrap\">\r\n    <h1 class=\"hero-h1\">\r\n      <span class=\"line\"><span>Wir entwickeln<\/span><\/span>\r\n      <span class=\"line\"><span><span class=\"cycle-wrap\">\r\n        <span class=\"cycle show\" id=\"c0\">Strategien<\/span>\r\n        <span class=\"cycle\" id=\"c1\">KI-Automationen<\/span>\r\n        <span class=\"cycle\" id=\"c2\">Kampagnen<\/span>\r\n        <span class=\"cycle\" id=\"c3\">Konzepte<\/span>\r\n      <\/span><\/span><\/span>\r\n      <span class=\"line\"><span>die wirken.<\/span><\/span>\r\n    <\/h1>\r\n  <\/div>\r\n  <div class=\"hero-down\" onclick=\"window.scrollTo({top:window.innerHeight,behavior:'smooth'})\" style=\"cursor:pointer\">\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- LOGO STRIP -->\r\n<div class=\"logo-strip\" id=\"logoStrip\" style=\"background:#fff!important\">\r\n  <div class=\"logo-strip-statement\" id=\"statementText\">\r\n    <span class=\"fade-words\" id=\"fadeWords\">\r\n      <span>W<\/span><span>i<\/span><span>r<\/span><span> <\/span><span>s<\/span><span>i<\/span><span>n<\/span><span>d<\/span><span> <\/span><span>d<\/span><span>e<\/span><span>i<\/span><span>n<\/span><span> <\/span><span>s<\/span><span>t<\/span><span>r<\/span><span>a<\/span><span>t<\/span><span>e<\/span><span>g<\/span><span>i<\/span><span>s<\/span><span>c<\/span><span>h<\/span><span>e<\/span><span>r<\/span><br>\r\n      <span>P<\/span><span>a<\/span><span>r<\/span><span>t<\/span><span>n<\/span><span>e<\/span><span>r<\/span><span> <\/span><span>f<\/span><span>\u00fc<\/span><span>r<\/span><span> <\/span><span>M<\/span><span>a<\/span><span>r<\/span><span>k<\/span><span>e<\/span><span>t<\/span><span>i<\/span><span>n<\/span><span>g<\/span><br>\r\n      <span>u<\/span><span>n<\/span><span>d<\/span><span> <\/span><span>S<\/span><span>a<\/span><span>l<\/span><span>e<\/span><span>s<\/span><span>.<\/span><span> <\/span><span>W<\/span><span>i<\/span><span>r<\/span><br>\r\n      <span>a<\/span><span>r<\/span><span>b<\/span><span>e<\/span><span>i<\/span><span>t<\/span><span>e<\/span><span>n<\/span><span> <\/span><span>m<\/span><span>i<\/span><span>t<\/span><span> <\/span><span style=\"color:#6c63ff\">a<\/span><span style=\"color:#6c63ff\">m<\/span><span style=\"color:#6c63ff\">b<\/span><span style=\"color:#7b74ff\">i<\/span><span style=\"color:#8a83ff\">t<\/span><span style=\"color:#99a0ff\">i<\/span><span style=\"color:#3ecfff\">o<\/span><span style=\"color:#3ecfff\">n<\/span><span style=\"color:#3ecfff\">i<\/span><span style=\"color:#3ecfff\">e<\/span><span style=\"color:#3ecf8e\">r<\/span><span style=\"color:#3ecf8e\">t<\/span><span style=\"color:#3ecf8e\">e<\/span><span style=\"color:#3ecf8e\">n<\/span><br>\r\n      <span>K<\/span><span>M<\/span><span>U<\/span><span> <\/span><span>i<\/span><span>n<\/span><span> <\/span><span>d<\/span><span>e<\/span><span>r<\/span><span> <\/span><span>S<\/span><span>c<\/span><span>h<\/span><span>w<\/span><span>e<\/span><span>i<\/span><span>z<\/span><span>,<\/span><br>\r\n      <span>u<\/span><span>m<\/span><span> <\/span><span>W<\/span><span>a<\/span><span>c<\/span><span>h<\/span><span>s<\/span><span>t<\/span><span>u<\/span><span>m<\/span><span> <\/span><span>p<\/span><span>l<\/span><span>a<\/span><span>n<\/span><span>b<\/span><span>a<\/span><span>r<\/span><br>\r\n      <span>z<\/span><span>u<\/span><span> <\/span><span>m<\/span><span>a<\/span><span>c<\/span><span>h<\/span><span>e<\/span><span>n<\/span><span>.<\/span>\r\n    <\/span>\r\n  <\/div>\r\n  <div class=\"logo-strip-big\" id=\"logoStripBig\">\r\n    <svg id=\"logoSvg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\" style=\"height:clamp(2.5rem,8vw,5rem);width:auto;overflow:visible\">\r\n      <g id=\"logoFlag\" style=\"transition:transform .6s cubic-bezier(0.34,1.56,0.64,1)\">\r\n        <polygon fill=\"#0a0a0a\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/>\r\n        <polygon fill=\"#0a0a0a\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/>\r\n        <polygon fill=\"#0a0a0a\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/>\r\n        <polygon fill=\"#0a0a0a\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/>\r\n      <\/g>\r\n      <g id=\"logoText\" style=\"transition:transform .6s cubic-bezier(0.34,1.56,0.64,1)\">\r\n        <polygon fill=\"#0a0a0a\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/>\r\n        <polygon fill=\"#0a0a0a\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/>\r\n        <path fill=\"#0a0a0a\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"srv\" id=\"leistungen\">\r\n  <div class=\"wrap\">\r\n    <div class=\"srv-headline\"><h2>Erfahre mehr \u00fcber <span style=\"font-weight:700;background:linear-gradient(135deg,#6c63ff,#3ecfff,#3ecf8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">unsere Leistungen<\/span><\/h2><\/div>\r\n    <div class=\"srv-tabs\">\r\n      <div class=\"srv-tab active\" onclick=\"switchTab(0)\"><svg class=\"srv-tab-icon\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"9\" height=\"9\" rx=\"2\" fill=\"white\"\/><rect x=\"16\" y=\"3\" width=\"9\" height=\"9\" rx=\"2\" fill=\"white\" opacity=\".5\"\/><rect x=\"3\" y=\"16\" width=\"9\" height=\"9\" rx=\"2\" fill=\"white\" opacity=\".5\"\/><rect x=\"16\" y=\"16\" width=\"9\" height=\"9\" rx=\"2\" fill=\"white\"\/><\/svg><span class=\"srv-tab-name\">Strategie &<br>Positionierung<\/span><\/div>\r\n      <div class=\"srv-tab\" onclick=\"switchTab(1)\"><svg class=\"srv-tab-icon\" viewBox=\"0 0 28 28\" fill=\"none\"><circle cx=\"14\" cy=\"14\" r=\"5\" fill=\"white\"\/><path d=\"M14 3v4M14 21v4M3 14h4M21 14h4M6.22 6.22l2.83 2.83M18.95 18.95l2.83 2.83M6.22 21.78l2.83-2.83M18.95 9.05l2.83-2.83\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span class=\"srv-tab-name\">KI-Systeme &<br>Automationen<\/span><\/div>\r\n      <div class=\"srv-tab\" onclick=\"switchTab(2)\"><svg class=\"srv-tab-icon\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"22\" height=\"15\" rx=\"2\" stroke=\"white\" stroke-width=\"2\"\/><path d=\"M9 23h10M14 20v3\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span class=\"srv-tab-name\">Webdesign &<br>Conversion<\/span><\/div>\r\n      <div class=\"srv-tab\" onclick=\"switchTab(3)\"><svg class=\"srv-tab-icon\" viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M5 8a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2H7a2 2 0 01-2-2V8z\" stroke=\"white\" stroke-width=\"2\"\/><circle cx=\"14\" cy=\"12\" r=\"3\" fill=\"white\"\/><path d=\"M3 22l4-4 14 4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span class=\"srv-tab-name\">Content, Film &<br>Animation<\/span><\/div>\r\n      <div class=\"srv-tab\" onclick=\"switchTab(4)\"><svg class=\"srv-tab-icon\" viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M4 20.5C4 17 8 14 14 14s10 3 10 6.5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"8\" r=\"4\" stroke=\"white\" stroke-width=\"2\"\/><path d=\"M20 4l4 4-4 4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span class=\"srv-tab-name\">Social<br>Media<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"srv-panel active\" id=\"srvPanel0\"><div class=\"srv-panel-left\"><h3 class=\"srv-panel-title\">Strategie & Positionierung<\/h3><p class=\"srv-panel-desc\">Wir analysieren Markt und Zielgruppe \u2014 und bauen eine Marketingstrategie, die zu deinem Business passt, nicht zu einem Template.<\/p><div class=\"srv-panel-pts\"><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">I.<\/span>Analyse & Marktlogik<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">II.<\/span>Positionierung & Messaging<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">III.<\/span>Go-to-Market & Kanalpriorit\u00e4ten<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">IV.<\/span>Kennzahlen- & Messkonzept<\/div><\/div><a href=\"#kontakt\" class=\"srv-panel-btn\">Mehr erfahren \u2192<\/a><\/div><div class=\"srv-panel-right\"><div class=\"srv-panel-vis\" style=\"padding:0;overflow:hidden;border-radius:16px\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?w=900&q=85\" alt=\"Strategie\" style=\"width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;filter:brightness(0.75) contrast(1.1);transition:transform .6s ease,filter .4s ease\"><\/div><\/div><\/div>\r\n    <div class=\"srv-panel\" id=\"srvPanel1\"><div class=\"srv-panel-left\"><h3 class=\"srv-panel-title\">KI-Systeme & Automationen<\/h3><p class=\"srv-panel-desc\">Marketing intelligent automatisieren \u2014 von Use-Case-Scoping bis zum fertigen Workflow inkl. Playbooks und Team-Schulung.<\/p><div class=\"srv-panel-pts\"><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">I.<\/span>Use-Case-Scoping<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">II.<\/span>Workflow-Design<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">III.<\/span>Integration & Rollout<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">IV.<\/span>Playbooks & Schulung<\/div><\/div><a href=\"#kontakt\" class=\"srv-panel-btn\">Mehr erfahren \u2192<\/a><\/div><div class=\"srv-panel-right\"><div class=\"srv-panel-vis\" style=\"padding:0;overflow:hidden;border-radius:16px\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=900&q=85\" alt=\"KI\" style=\"width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;filter:brightness(0.75) contrast(1.1);transition:transform .6s ease,filter .4s ease\"><\/div><\/div><\/div>\r\n    <div class=\"srv-panel\" id=\"srvPanel2\"><div class=\"srv-panel-left\"><h3 class=\"srv-panel-title\">Webdesign & Conversion<\/h3><p class=\"srv-panel-desc\">Sauberer Code, schnelle Ladezeiten, barrierefreie Umsetzung. Websites und Web-Apps, die performen und konvertieren.<\/p><div class=\"srv-panel-pts\"><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">I.<\/span>Struktur & Wireframes<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">II.<\/span>UI + Text (Conversion-Fokus)<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">III.<\/span>Tracking \/ Analytics<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">IV.<\/span>Launch & Optimierung<\/div><\/div><a href=\"#kontakt\" class=\"srv-panel-btn\">Mehr erfahren \u2192<\/a><\/div><div class=\"srv-panel-right\"><div class=\"srv-panel-vis\" style=\"padding:0;overflow:hidden;border-radius:16px\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507238691740-187a5b1d37b8?w=900&q=85\" alt=\"Webdesign\" style=\"width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;filter:brightness(0.75) contrast(1.1);transition:transform .6s ease,filter .4s ease\"><\/div><\/div><\/div>\r\n    <div class=\"srv-panel\" id=\"srvPanel3\"><div class=\"srv-panel-left\"><h3 class=\"srv-panel-title\">Content, Film & Animation<\/h3><p class=\"srv-panel-desc\">Format-Plan, Produktion, Motion\/3D \u2014 und Content-Pakete f\u00fcr Social, Ads und DOOH aus einer Hand.<\/p><div class=\"srv-panel-pts\"><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">I.<\/span>Format-Plan & Serienlogik<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">II.<\/span>Produktion (Regie, Dreh, Schnitt)<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">III.<\/span>Motion \/ 3D & Adaptionen<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">IV.<\/span>Content-Pakete f\u00fcr Social\/Ads\/DOOH<\/div><\/div><a href=\"#kontakt\" class=\"srv-panel-btn\">Mehr erfahren \u2192<\/a><\/div><div class=\"srv-panel-right\"><div class=\"srv-panel-vis\" style=\"padding:0;overflow:hidden;border-radius:16px\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492691527719-9d1e07e534b4?w=900&q=85\" alt=\"Content\" style=\"width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;filter:brightness(0.75) contrast(1.1);transition:transform .6s ease,filter .4s ease\"><\/div><\/div><\/div>\r\n    <div class=\"srv-panel\" id=\"srvPanel4\"><div class=\"srv-panel-left\"><h3 class=\"srv-panel-title\">Social Media<\/h3><p class=\"srv-panel-desc\">Pr\u00e4senz mit System und Wirkung \u2014 von der Kampagnenstrategie \u00fcber Sujets & Copy bis zur Distribution und Optimierung.<\/p><div class=\"srv-panel-pts\"><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">I.<\/span>Kampagnenstrategie<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">II.<\/span>Sujets & Copy<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">III.<\/span>Produktion & Distribution<\/div><div class=\"srv-panel-pt\"><span class=\"srv-panel-pt-n\">IV.<\/span>Tests & Optimierung<\/div><\/div><a href=\"#kontakt\" class=\"srv-panel-btn\">Mehr erfahren \u2192<\/a><\/div><div class=\"srv-panel-right\"><div class=\"srv-panel-vis\" style=\"padding:0;overflow:hidden;border-radius:16px\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1432888622747-4eb9a8efeb07?w=900&q=85\" alt=\"Social\" style=\"width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;filter:brightness(0.75) contrast(1.1);transition:transform .6s ease,filter .4s ease\"><\/div><\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- HOW -->\r\n<section class=\"how rev sec-light\" id=\"how\">\r\n  <div class=\"wrap\">\r\n    <div class=\"how-header rev\">\r\n      <p class=\"how-eyebrow\">Wie wir arbeiten<\/p>\r\n      <h2 class=\"how-h2\">So werden wir zum <strong>Wachstumsmotor<\/strong> f\u00fcr dein KMU.<\/h2>\r\n    <\/div>\r\n    <div class=\"how-grid\">\r\n      <div class=\"how-card rev d1\"><div class=\"how-card-num\">01<\/div><div class=\"how-card-title\">Wir kennen unsere Kunden.<\/div><div class=\"how-card-desc\">Unser Prozess integriert sich nahtlos in deinen Workflow \u2014 f\u00fcr maximale Konsistenz und echte Zusammenarbeit auf Augenh\u00f6he.<\/div><div class=\"how-card-bar\"><\/div><\/div>\r\n      <div class=\"how-card rev d2\"><div class=\"how-card-num\">02<\/div><div class=\"how-card-title\">Klare Anforderungen.<\/div><div class=\"how-card-desc\">Von Anfang an definieren wir klare Ziele und Deliverables \u2014 damit jedes Projekt p\u00fcnktlich und im Budget bleibt.<\/div><div class=\"how-card-bar\"><\/div><\/div>\r\n      <div class=\"how-card rev d3\"><div class=\"how-card-num\">03<\/div><div class=\"how-card-title\">Langfristig denken.<\/div><div class=\"how-card-desc\">Wir setzen auf langfristige Partnerschaften und helfen unseren Kunden, konsistent zu skalieren und gemeinsam zu wachsen.<\/div><div class=\"how-card-bar\"><\/div><\/div>\r\n      <div class=\"how-card rev d1\"><div class=\"how-card-num\">04<\/div><div class=\"how-card-title\">Wir werden Experten.<\/div><div class=\"how-card-desc\">Von klassischem Marketing zu KI-gest\u00fctzten Automationen \u2014 wir entwickeln uns kontinuierlich weiter und bleiben am Puls der Zeit.<\/div><div class=\"how-card-bar\"><\/div><\/div>\r\n      <div class=\"how-card rev d2\"><div class=\"how-card-num\">05<\/div><div class=\"how-card-title\">Wir testen alles.<\/div><div class=\"how-card-desc\">Egal ob grosse Kampagne oder kleines Update \u2014 alles durchl\u00e4uft unseren Qualit\u00e4tssicherungsprozess. Keine Kompromisse.<\/div><div class=\"how-card-bar\"><\/div><\/div>\r\n      <div class=\"how-card rev d3\"><div class=\"how-card-num\">06<\/div><div class=\"how-card-title\">Keine Warteschlangen.<\/div><div class=\"how-card-desc\">Wir sind nie ausgebucht. Unser Team passt sich schnell deinen Anforderungen an \u2014 f\u00fcr schnelle Lieferung und zuverl\u00e4ssige Ergebnisse.<\/div><div class=\"how-card-bar\"><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section class=\"about rev\" id=\"ueber\">\r\n  <div class=\"wrap\">\r\n    <div class=\"about-grid\">\r\n      <div>\r\n        <p class=\"about-eyebrow\">Wer wir sind<\/p>\r\n        <div class=\"about-quote\" id=\"aboutQuote\">The Marketing Republic ist dein strategischer Partner f\u00fcr Marketing und Sales. Wir arbeiten mit <strong>ambitionierten KMU<\/strong> zusammen \u2014 und implementieren KI-Automationen die Wachstum planbar machen.<\/div>\r\n        <p class=\"about-text\">TMR ist strategischer Marketing- und Sales-Partner f\u00fcr gr\u00f6ssere KMU in der Schweiz. Wir implementieren KI-Automationen, entwickeln datengetriebene Strategien und bef\u00e4higen Sales- und Marketing-Teams zu messbarem, nachhaltigem Wachstum \u2014 damit Marketing zur planbaren Wachstumsfunktion wird.<\/p>\r\n        <a href=\"#kontakt\" class=\"about-cta\">Mehr \u00fcber TMR <svg viewBox=\"0 0 24 24\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\r\n      <\/div>\r\n      <div class=\"stats-grid\">\r\n        <div class=\"stat-card rev d1\"><div class=\"stat-n\">5+<\/div><div class=\"stat-l\">Jahre Erfahrung<\/div><\/div>\r\n        <div class=\"stat-card rev d2\"><div class=\"stat-n\">80+<\/div><div class=\"stat-l\">Projekte<\/div><\/div>\r\n        <div class=\"stat-card rev d3\"><div class=\"stat-n\">100%<\/div><div class=\"stat-l\">Messbare KPIs<\/div><\/div>\r\n        <div class=\"stat-card rev d4\"><div class=\"stat-n\">5<\/div><div class=\"stat-l\">Service-Felder<\/div><\/div>\r\n        <div class=\"stat-card stat-wide rev d5\"><div class=\"stat-wide-text\"><div class=\"stat-wide-title\">Werde Teil von TMR<\/div><div class=\"stat-wide-sub\">Gestalte kreative L\u00f6sungen mit echtem Mehrwert.<\/div><\/div><a href=\"#\" onclick=\"event.preventDefault();openLegal('karriereOverlay')\" class=\"stat-btn\">Stellen ansehen \u2197<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section class=\"contact rev sec-light\" id=\"kontakt\">\r\n  <div class=\"wrap\">\r\n    <div class=\"contact-grid\">\r\n      <div class=\"contact-left\">\r\n        <h2>Lass uns<br><span id=\"ctaWord\" style=\"display:inline-block;overflow:hidden;position:relative\"><span id=\"ctaInner\" style=\"display:inline-block;transition:transform .5s cubic-bezier(0.16,1,0.3,1),opacity .4s ease;font-weight:700;white-space:nowrap\">starten.<\/span><\/span><\/h2>\r\n        <p>Kein Formular-Pingpong. Wir melden uns schnell und pers\u00f6nlich \u2014 mit konkreten n\u00e4chsten Schritten.<\/p>\r\n        <div class=\"cinfo\">\r\n          <div class=\"ci\"><div class=\"ci-dot\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.09 1.18 2 2 0 012 .09h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div><div><div class=\"ci-lbl\">Telefon<\/div><div class=\"ci-val\">+41 76 580 98 99<\/div><\/div><\/div>\r\n          <div class=\"ci\"><div class=\"ci-dot\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div><div><div class=\"ci-lbl\">E-Mail<\/div><div class=\"ci-val\" id=\"contactMail\"><\/div><\/div><\/div>\r\n          <div class=\"ci\"><div class=\"ci-dot\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><\/div><div><div class=\"ci-lbl\">Website<\/div><div class=\"ci-val\">www.tmrgroup.ch<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"form-wrap\">\r\n        <div class=\"frow\"><div class=\"field\"><label>Vorname<\/label><input type=\"text\" id=\"fn\" placeholder=\"Max\"><\/div><div class=\"field\"><label>Nachname<\/label><input type=\"text\" id=\"ln\" placeholder=\"Mustermann\"><\/div><\/div>\r\n        <div class=\"field\"><label>E-Mail<\/label><input type=\"email\" id=\"em\" placeholder=\"max@firma.ch\"><\/div>\r\n        <div class=\"field\"><label>Unternehmen<\/label><input type=\"text\" id=\"co\" placeholder=\"Muster AG\"><\/div>\r\n        <div class=\"field\" style=\"position:relative;\"><label>Service<\/label><select id=\"svc\" style=\"appearance:none;-webkit-appearance:none;padding-right:2.5rem;\"><option value=\"\" disabled selected>Service ausw\u00e4hlen\u2026<\/option><option>Strategie & Positionierung<\/option><option>KI-Systeme & Automationen<\/option><option>Webdesign & Conversion<\/option><option>Content, Film & Animation<\/option><option>Social Media<\/option><option>Gesamtpaket<\/option><\/select><svg viewBox=\"0 0 24 24\" style=\"position:absolute;right:.9rem;top:58%;transform:translateY(-50%);width:16px;height:16px;stroke:#0a0a0a;fill:none;stroke-width:2.5;stroke-linecap:round;pointer-events:none;\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n        <div class=\"field\"><label>Nachricht<\/label><textarea id=\"msg\" placeholder=\"Beschreibe dein Projekt und deine Ziele\u2026\"><\/textarea><\/div>\r\n        <div class=\"form-foot\"><span class=\"priv\">Deine Daten werden vertraulich behandelt.<\/span><button class=\"sbtn\" id=\"sb\" onclick=\"sf()\">Anfrage senden \u2192<\/button><\/div>\r\n        <div class=\"fok\" id=\"fok\">Danke! Wir melden uns innerhalb von 24 Stunden bei dir.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div class=\"foot-grid\">\r\n      <div class=\"foot-col\"><div class=\"foot-nav-list\"><a href=\"#leistungen\">Leistungen<\/a><a href=\"#how\">Wie wir arbeiten<\/a><a href=\"#ueber\">\u00dcber TMR<\/a><a href=\"#kontakt\">Kontakt<\/a><a href=\"#\" onclick=\"event.preventDefault();openLegal('impressumOverlay')\">Impressum<\/a><a href=\"#\" onclick=\"event.preventDefault();openLegal('datenschutzOverlay')\">Datenschutz<\/a><\/div><\/div>\r\n      <div class=\"foot-col\"><div class=\"foot-col-title\">Kontakt<\/div><a href=\"tel:+41765809899\" class=\"foot-contact-item\">+41 76 580 98 99<\/a><span class=\"foot-contact-item\" id=\"footerMail\"><\/span><a href=\"https:\/\/www.tmrgroup.ch\" class=\"foot-contact-item\">www.tmrgroup.ch<\/a><\/div>\r\n      <div class=\"foot-col\"><div class=\"foot-col-title\">Karriere<\/div><a href=\"#kontakt\" class=\"foot-contact-item\">Werde Teil von TMR!<\/a><a href=\"#\" onclick=\"event.preventDefault();openLegal('karriereOverlay')\" class=\"foot-careers-link\">Stellen ansehen <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a><\/div>\r\n    <\/div>\r\n    <div class=\"foot-bottom\">\r\n      <div class=\"foot-bottom-logo\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\"><polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/><polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/><polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/><polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/><polygon fill=\"#fff\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/><polygon fill=\"#fff\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/><path fill=\"#fff\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/><\/svg><\/div>\r\n      <span class=\"foot-copy\">\u00a92026 The Marketing Republic GmbH. Alle Rechte vorbehalten.<\/span>\r\n      <div class=\"foot-soc\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/div><!-- end .tmr-wrap -->\r\n\r\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script>\r\n<script>\r\n\/\/ MOBILE MENU\r\nlet isOpen=false;\r\nfunction toggleMenu(){isOpen?closeMenu():openMenu()}\r\nfunction openMenu(){\r\n  isOpen=true;\r\n  const btn=document.getElementById('floatBurger');\r\n  const menu=document.getElementById('mobMenu');\r\n  btn.classList.add('open');\r\n  menu.style.display='flex';\r\n  requestAnimationFrame(()=>requestAnimationFrame(()=>menu.classList.add('open')));\r\n  document.body.style.overflow='hidden';\r\n}\r\nfunction closeMenu(){\r\n  isOpen=false;\r\n  document.getElementById('floatBurger').classList.remove('open');\r\n  document.getElementById('mobMenu').classList.remove('open');\r\n  document.body.style.overflow='';\r\n  setTimeout(()=>{if(!isOpen)document.getElementById('mobMenu').style.display='none';},380);\r\n}\r\ndocument.getElementById('floatBurger').addEventListener('click',toggleMenu);\r\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape'&&isOpen)closeMenu();});\r\n\r\n\/\/ Burger Farbwechsel auf hellen Sektionen\r\n(function(){\r\n  const fb=document.getElementById('floatBurger');\r\n  function upd(){\r\n    if(window.innerWidth>768)return;\r\n    let onLight=false;\r\n    document.querySelectorAll('#logoStrip,.sec-light').forEach(el=>{const r=el.getBoundingClientRect();if(r.top<60&&r.bottom>0)onLight=true;});\r\n    fb.classList.toggle('light',onLight);\r\n  }\r\n  window.addEventListener('scroll',upd,{passive:true});upd();\r\n})();\r\nwindow.addEventListener('resize',()=>{if(window.innerWidth>768&&isOpen)closeMenu();});\r\n\r\n\/\/ SERVICE TABS\r\nfunction switchTab(idx){\r\n  document.querySelectorAll('.srv-tab').forEach((t,i)=>t.classList.toggle('active',i===idx));\r\n  document.querySelectorAll('.srv-panel').forEach((p,i)=>p.classList.toggle('active',i===idx));\r\n}\r\n\r\n\/\/ MOBILE TOUCH HIGHLIGHT\r\ndocument.querySelectorAll('.mob-links a').forEach(a=>{\r\n  a.addEventListener('touchstart',()=>a.style.color='#fff',{passive:true});\r\n  a.addEventListener('touchend',()=>setTimeout(()=>a.style.color='',300),{passive:true});\r\n});\r\n\r\n\/\/ ABOUT QUOTE REVEAL\r\n(function(){\r\n  const quote=document.getElementById('aboutQuote');if(!quote)return;\r\n  const units=[];\r\n  Array.from(quote.childNodes).forEach(node=>{\r\n    if(node.nodeType===3){\r\n      const parts=node.textContent.split(' ');const frag=document.createDocumentFragment();\r\n      parts.forEach((w,i)=>{if(w){const sp=document.createElement('span');sp.className='aword';sp.textContent=w;sp.style.cssText='display:inline-block;color:rgba(255,255,255,0.08);transition:color 0.04s ease';frag.appendChild(sp);units.push(sp);}if(i<parts.length-1)frag.appendChild(document.createTextNode(' '));});\r\n      node.parentNode.replaceChild(frag,node);\r\n    }else if(node.nodeType===1)units.push(node);\r\n  });\r\n  function upd(){const r=quote.getBoundingClientRect();const wh=window.innerHeight;const p=Math.max(0,Math.min(1,(wh-r.top)\/(r.height+wh*.4)));const n=Math.floor(p*units.length);units.forEach((u,i)=>{if(u.classList&&u.classList.contains('aword'))u.style.color=i<n?'#fff':'rgba(255,255,255,0.08)';});}\r\n  window.addEventListener('scroll',upd,{passive:true});upd();\r\n})();\r\n\r\n\/\/ STAT COUNTERS\r\n(function(){\r\n  function animateCount(el,target,suffix,dur){const start=performance.now();const isDec=String(target).includes('.');function upd(now){const p=Math.min((now-start)\/dur,1);const e=1-Math.pow(1-p,3);el.textContent=(isDec?(e*target).toFixed(1):Math.floor(e*target))+suffix;if(p<1)requestAnimationFrame(upd);}requestAnimationFrame(upd);}\r\n  const obs=new IntersectionObserver(entries=>{entries.forEach((e,i)=>{if(e.isIntersecting&&!e.target.classList.contains('counted')){setTimeout(()=>{e.target.classList.add('counted');const n=e.target.querySelector('.stat-n');if(!n)return;const t=n.textContent.trim();if(t.includes('5+'))animateCount(n,5,'+',1200);else if(t.includes('80+'))animateCount(n,80,'+',1500);else if(t.includes('100'))animateCount(n,100,'%',1800);else if(t.includes('5')&&!t.includes('+'))animateCount(n,5,'',1000);},i*120);}else if(!e.isIntersecting){e.target.classList.remove('counted');const n=e.target.querySelector('.stat-n');if(n){const t=n.textContent.trim();if(t.includes('+'))n.textContent=t.startsWith('8')?'80+':'5+';else if(t.includes('%'))n.textContent='100%';else n.textContent='5';}}});},{threshold:0.3});\r\n  document.querySelectorAll('.stat-card').forEach(c=>obs.observe(c));\r\n})();\r\n\r\n\/\/ CTA WORD CYCLE\r\n(function(){\r\n  const el=document.getElementById('ctaInner');if(!el)return;\r\n  const words=['starten.','skalieren.','wachsen.'];let i=0;\r\n  setInterval(()=>{el.style.transform='translateY(-100%)';el.style.opacity='0';setTimeout(()=>{i=(i+1)%words.length;el.textContent=words[i];el.style.transition='none';el.style.transform='translateY(100%)';el.style.opacity='0';requestAnimationFrame(()=>requestAnimationFrame(()=>{el.style.transition='transform .5s cubic-bezier(0.16,1,0.3,1),opacity .4s ease';el.style.transform='translateY(0)';el.style.opacity='1';}));},400);},2500);\r\n})();\r\n\r\n\/\/ SCROLL TO TOP FIX\r\nif(history.scrollRestoration)history.scrollRestoration='manual';\r\nwindow.scrollTo(0,0);\r\ndocument.addEventListener('DOMContentLoaded',()=>{window.scrollTo(0,0);});\r\nwindow.addEventListener('load',()=>{\r\n  window.scrollTo(0,0);\r\n  setTimeout(()=>window.scrollTo(0,0),50);\r\n  setTimeout(()=>window.scrollTo(0,0),200);\r\n});\r\nwindow.addEventListener('beforeunload',()=>{window.scrollTo(0,0);try{sessionStorage.setItem('scrollpos','0');}catch(e){}});\r\n\r\n\/\/ HERO VIDEO \u2014 sofort laden und abspielen, kein Warten\r\n(function(){\r\n  const v=document.getElementById('heroVid');if(!v)return;\r\n  \/\/ H\u00f6chste Priorit\u00e4t f\u00fcr Videoladen setzen\r\n  v.setAttribute('preload','auto');\r\n  v.setAttribute('playsinline','');\r\n  v.muted=true;\r\n  \/\/ Sofort laden starten\r\n  v.load();\r\n  \/\/ Abspielen sobald genug geladen\r\n  function tryPlay(){\r\n    v.muted=true;\r\n    var p=v.play();\r\n    if(p!==undefined)p.catch(function(){\r\n      \/\/ Autoplay blockiert \u2014 auf Userinteraktion warten\r\n      document.addEventListener('click',function(){v.muted=true;v.play().catch(function(){});},{once:true,passive:true});\r\n      document.addEventListener('touchstart',function(){v.muted=true;v.play().catch(function(){});},{once:true,passive:true});\r\n    });\r\n  }\r\n  \/\/ Schon bereit? Sofort spielen. Sonst auf canplay warten (nicht canplaythrough)\r\n  if(v.readyState>=2){tryPlay();}\r\n  else{v.addEventListener('canplay',tryPlay,{once:true});}\r\n  \/\/ Video nie pausieren lassen\r\n  v.addEventListener('pause',function(){\r\n    if(!document.hidden&&!v.seeking){\r\n      setTimeout(function(){v.play().catch(function(){});},50);\r\n    }\r\n  },{passive:true});\r\n  document.addEventListener('visibilitychange',function(){\r\n    if(!document.hidden){v.muted=true;v.play().catch(function(){});}\r\n  },{passive:true});\r\n})();\r\n\r\n\/\/ ============================================================\r\n\/\/ NAV SCROLL \u2014 FIX: updateNav() wird sofort beim Load aufgerufen\r\n\/\/ damit das Logo beim Seitenanfang korrekt nur als Flag angezeigt\r\n\/\/ wird (scrollY=0 \u2192 Flag skaliert, Text versteckt wenn scrolled)\r\n\/\/ ============================================================\r\nfunction updateNav(){\r\n  const nav=document.getElementById('nav');\r\n  if(nav)nav.classList.toggle('scrolled',scrollY>60);\r\n  const flag=document.getElementById('navFlag');\r\n  const text=document.getElementById('navText');\r\n  if(flag&&text){\r\n    if(scrollY>80){\r\n      text.style.opacity='0';\r\n      text.style.transform='translateX(14px)';\r\n      flag.style.transform='scale(1.45) translateX(6px)';\r\n    }else{\r\n      text.style.opacity='1';\r\n      text.style.transform='translateX(0)';\r\n      flag.style.transform='scale(1) translateX(0)';\r\n    }\r\n  }\r\n}\r\nwindow.addEventListener('scroll', updateNav);\r\nupdateNav(); \/\/ sofort beim Load \u2014 behebt das \"TMR immer sichtbar\" Problem\r\n\r\n\/\/ WORD CYCLE\r\nconst tmrWords=['Strategien','KI-Automationen','Kampagnen','Konzepte'];let wi=0;\r\nsetInterval(()=>{document.getElementById('c'+wi).classList.remove('show');wi=(wi+1)%tmrWords.length;document.getElementById('c'+wi).classList.add('show');},2600);\r\n\r\n\/\/ SCROLL REVEAL\r\nconst tmrObs=new IntersectionObserver(e=>e.forEach(x=>{if(x.isIntersecting)x.target.classList.add('on')}),{threshold:.07});\r\ndocument.querySelectorAll('.rev').forEach(el=>tmrObs.observe(el));\r\n\r\n\/\/ LOGO ANIMATION\r\n(function(){\r\n  const logo=document.getElementById('logoStripBig');const flag=document.getElementById('logoFlag');const text=document.getElementById('logoText');\r\n  if(!logo||!flag||!text)return;let vis=false;\r\n  const obs=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting&&!vis){vis=true;logo.classList.add('logo-visible');logo.style.opacity='1';flag.style.transform='translateX(-40px)';text.style.opacity='0';text.style.transform='translateX(20px)';setTimeout(()=>{flag.style.transform='scale(1.6) translateX(22px)';},180);}else if(!e.isIntersecting){vis=false;logo.classList.remove('logo-visible');logo.style.opacity='0';flag.style.transform='translateX(-40px)';text.style.opacity='0';}});},{threshold:0.5});\r\n  obs.observe(logo);\r\n})();\r\n\r\n\/\/ LOGOSTRIP TEXT REVEAL\r\n(function(){\r\n  function init(){\r\n    const strip=document.getElementById('logoStrip');if(!strip)return;\r\n    const SKIP=['#6c63ff','#7b74ff','#8a83ff','#99a0ff','#3ecfff','#3ecf8e'];\r\n    const plain=Array.from(strip.querySelectorAll('.fade-words span')).filter(s=>!SKIP.some(g=>(s.getAttribute('style')||'').includes(g)));\r\n    plain.forEach(s=>s.classList.add('stmt-char','hidden'));\r\n    function upd(){const r=strip.getBoundingClientRect();const wh=window.innerHeight;const p=Math.max(0,Math.min(1,(wh*0.8-r.top)\/(r.height*0.6)));const n=Math.floor(p*plain.length);plain.forEach((s,i)=>i<n?(s.classList.add('revealed'),s.classList.remove('hidden')):(s.classList.remove('revealed'),s.classList.add('hidden')));}\r\n    window.addEventListener('scroll',upd,{passive:true});upd();\r\n  }\r\n  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();\r\n})();\r\n\r\n\/\/ EMAIL (bypass spam protection)\r\n(function(){\r\n  const u='info';const d='tmrgroup.ch';const e=u+'@'+d;\r\n  const link='<a href=\"mailto:'+e+'\" style=\"color:inherit;text-decoration:none;\">'+e+'<\/a>';\r\n  ['contactMail','footerMail'].forEach(id=>{const el=document.getElementById(id);if(el)el.innerHTML=link;});\r\n})();\r\n\r\n\/\/ ============================================================\r\n\/\/ WORDPRESS FULLWIDTH PARENT BREAKOUT\r\n\/\/ Geht den DOM-Baum von .tmr-wrap nach oben und entfernt auf\r\n\/\/ jedem Parent alle Beschr\u00e4nkungen die die volle Breite\r\n\/\/ verhindern (max-width, overflow, padding). Funktioniert mit\r\n\/\/ ALLEN Themes unabh\u00e4ngig von CSS-Klassen.\r\n\/\/ ============================================================\r\n(function(){\r\n  function breakout(){\r\n    const wrap=document.querySelector('.tmr-wrap');\r\n    if(!wrap)return;\r\n    let el=wrap.parentElement;\r\n    while(el&&el!==document.body&&el!==document.documentElement){\r\n      const cs=window.getComputedStyle(el);\r\n      \/\/ Nur anpassen wenn n\u00f6tig \u2014 overflow:hidden\/clip oder max-width begrenzt\r\n      const ow=cs.overflowX;\r\n      const mw=cs.maxWidth;\r\n      if(ow==='hidden'||ow==='clip'||ow==='scroll'||(mw&&mw!=='none'&&parseInt(mw)<window.innerWidth)){\r\n        el.style.setProperty('max-width','none','important');\r\n        el.style.setProperty('overflow-x','visible','important');\r\n        el.style.setProperty('padding-left','0','important');\r\n        el.style.setProperty('padding-right','0','important');\r\n        el.style.setProperty('width','100%','important');\r\n      }\r\n      el=el.parentElement;\r\n    }\r\n  }\r\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',breakout);}\r\n  else{breakout();}\r\n  \/\/ Auch nach window.load nochmal (f\u00fcr lazy-loaded Theme-Scripts)\r\n  window.addEventListener('load',breakout);\r\n})();\r\n\r\n\/\/ FORMSPREE\r\nconst FORMSPREE='https:\/\/formspree.io\/f\/mreyjped';\r\n\r\n\/\/ CONTACT FORM\r\nasync function sf(){\r\n  const em=document.getElementById('em').value.trim();\r\n  if(!em){alert('Bitte E-Mail ausf\u00fcllen.');return;}\r\n  const btn=document.getElementById('sb');\r\n  btn.textContent='Wird gesendet\u2026';btn.disabled=true;\r\n  try{\r\n    const res=await fetch(FORMSPREE,{method:'POST',headers:{'Content-Type':'application\/json','Accept':'application\/json'},body:JSON.stringify({vorname:document.getElementById('fn').value,nachname:document.getElementById('ln').value,email:em,unternehmen:document.getElementById('co').value,service:document.getElementById('svc').value,nachricht:document.getElementById('msg').value,_replyto:em,_subject:'Neue Anfrage \u2013 The Marketing Republic'})});\r\n    if(res.ok){btn.textContent='Gesendet \u2713';btn.classList.add('sent');document.getElementById('fok').style.display='block';}\r\n    else{btn.textContent='Anfrage senden \u2192';btn.disabled=false;alert('Fehler beim Senden. Bitte erneut versuchen.');}\r\n  }catch(e){btn.textContent='Anfrage senden \u2192';btn.disabled=false;alert('Fehler beim Senden.');}\r\n}\r\n\r\n\/\/ CAREERS FORM\r\nasync function submitCareer(){\r\n  const name=document.getElementById('carName').value.trim();\r\n  const email=document.getElementById('carEmail').value.trim();\r\n  const stelle=document.getElementById('carStelle').value;\r\n  if(!name||!email||!stelle){alert('Bitte alle Pflichtfelder ausf\u00fcllen.');return;}\r\n  const btn=document.getElementById('carBtn');\r\n  btn.textContent='Wird gesendet\u2026';btn.disabled=true;\r\n  try{\r\n    const res=await fetch(FORMSPREE,{method:'POST',headers:{'Content-Type':'application\/json','Accept':'application\/json'},body:JSON.stringify({name:name,nachname:document.getElementById('carLname').value,email:email,telefon:document.getElementById('carTel').value,stelle:stelle,motivationsschreiben:document.getElementById('carMsg').value,_replyto:email,_subject:'Neue Bewerbung: '+stelle+' \u2013 The Marketing Republic'})});\r\n    if(res.ok){btn.textContent='Bewerbung eingegangen \u2713';btn.classList.add('sent');document.getElementById('carOk').style.display='block';}\r\n    else{btn.textContent='Bewerbung senden \u2192';btn.disabled=false;alert('Fehler beim Senden. Bitte erneut versuchen.');}\r\n  }catch(e){btn.textContent='Bewerbung senden \u2192';btn.disabled=false;alert('Fehler beim Senden.');}\r\n}\r\n\r\nfunction openLegal(id){document.getElementById(id).classList.add('open');document.body.style.overflow='hidden';document.getElementById(id).scrollTop=0;}\r\nfunction closeLegal(id){document.getElementById(id).classList.remove('open');document.body.style.overflow='';}\r\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape'){['impressumOverlay','datenschutzOverlay','karriereOverlay'].forEach(id=>closeLegal(id));}});\r\n\r\nfunction toggleJob(id){\r\n  const el=document.getElementById(id);\r\n  const isOpen=el.style.maxHeight&&el.style.maxHeight!=='0px';\r\n  document.querySelectorAll('.job-body').forEach(b=>{b.style.maxHeight='0px';b.style.opacity='0';});\r\n  document.querySelectorAll('.job-arrow').forEach(a=>a.style.transform='rotate(0deg)');\r\n  if(!isOpen){el.style.maxHeight=el.scrollHeight+'px';el.style.opacity='1';el.previousElementSibling.querySelector('.job-arrow').style.transform='rotate(180deg)';}\r\n}\r\n<\/script>\r\n\r\n<!-- KARRIERE OVERLAY -->\r\n<div id=\"karriereOverlay\" style=\"position:fixed;inset:0;z-index:999990;background:#0a0a0a;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;\">\r\n<style>\r\n#karriereOverlay.open{opacity:1!important;visibility:visible!important;transition:opacity .35s ease,visibility 0s linear 0s!important;}\r\n.job-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;margin-bottom:.75rem;transition:border-color .25s;}\r\n.job-card:hover{border-color:rgba(255,255,255,.18);}\r\n.job-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;cursor:pointer;gap:1rem;-webkit-tap-highlight-color:transparent;}\r\n.job-tag{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .75rem;border-radius:100px;background:rgba(108,99,255,.15);color:#a89dff;white-space:nowrap;}\r\n.job-title{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.01em;flex:1;}\r\n.job-arrow{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1);}\r\n.job-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;padding:0 1.75rem;}\r\n.job-body-inner{padding-bottom:1.75rem;border-top:1px solid rgba(255,255,255,.06);padding-top:1.25rem;}\r\n.job-desc{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.8;margin-bottom:1rem;}\r\n.job-list{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem;}\r\n.job-list li{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.6;padding-left:1rem;position:relative;}\r\n.job-list li::before{content:'\u2192';position:absolute;left:0;color:#6c63ff;font-size:.75rem;}\r\n.job-apply{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.7rem 1.5rem;background:linear-gradient(135deg,#6c63ff,#3ecfff);color:#fff;border-radius:100px;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;transition:opacity .2s;}\r\n.job-apply:hover{opacity:.85;}\r\n.car-form{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;margin-top:2.5rem;}\r\n.car-form h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em;}\r\n.car-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;}\r\n@media(max-width:600px){.car-fields{grid-template-columns:1fr;}}\r\n.car-field{display:flex;flex-direction:column;gap:.3rem;}\r\n.car-label{font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);}\r\n.car-input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;font-family:'DM Sans',sans-serif;font-size:.88rem;padding:.8rem 1.1rem;outline:none;border-radius:10px;transition:border-color .25s;}\r\n.car-input:focus{border-color:rgba(108,99,255,.6);}\r\n.car-input::placeholder{color:rgba(255,255,255,.3);}\r\n.car-submit{margin-top:1rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2.2rem;background:#fff;color:#000;border:none;cursor:pointer;border-radius:100px;font-family:'DM Sans',sans-serif;transition:all .25s;}\r\n.car-submit:hover{background:rgba(255,255,255,.88);}\r\n.car-ok{display:none;margin-top:1rem;padding:.85rem;background:rgba(108,99,255,.08);border:1px solid rgba(108,99,255,.25);color:#a89dff;font-size:.82rem;text-align:center;border-radius:12px;}\r\n<\/style>\r\n  <div class=\"legal-nav\">\r\n    <span onclick=\"closeLegal('karriereOverlay')\" style=\"cursor:pointer;display:flex;align-items:center;opacity:.8;transition:opacity .2s;\" onmouseover=\"this.style.opacity=1\" onmouseout=\"this.style.opacity=.8\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\"><polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/><polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/><polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/><polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/><polygon fill=\"#fff\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/><polygon fill=\"#fff\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/><path fill=\"#fff\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/><\/svg><\/span>\r\n    <button class=\"legal-close\" onclick=\"closeLegal('karriereOverlay')\">\u2190 Zur\u00fcck<\/button>\r\n  <\/div>\r\n  <div class=\"legal-wrap\">\r\n    <h1 class=\"legal-title\">Karriere<\/h1>\r\n    <p class=\"legal-p\" style=\"margin-bottom:2.5rem;\">Wir sind immer auf der Suche nach talentierten Menschen die mit uns TMR voranbringen wollen.<\/p>\r\n    <div style=\"background:rgba(108,99,255,.07);border:1px solid rgba(108,99,255,.2);border-radius:20px;padding:2.5rem;margin-bottom:2.5rem;\">\r\n      <p style=\"font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em;\">Aktuell keine offenen Stellen ausgeschrieben.<\/p>\r\n      <p class=\"legal-p\" style=\"margin-bottom:1rem;\">Wir wachsen stetig und schauen regelm\u00e4ssig ob neue Teammitglieder passen. Eine <strong style=\"color:#fff;\">Spontanbewerbung ist jederzeit willkommen<\/strong> \u2014 schreib uns einfach wer du bist und was dich antreibt.<\/p>\r\n      <p class=\"legal-p\">Wir freuen uns auf deine Nachricht an <a href=\"#\" onclick=\"(function(){window.location='mailto:inf'+'o@tmrgroup.ch'})()\" style=\"color:inherit;text-decoration:none;\">inf&#111;&#64;tmrgroup&#46;ch<\/a><\/p>\r\n    <\/div>\r\n    <div class=\"car-form\">\r\n      <h3>Jetzt bewerben<\/h3>\r\n      <div class=\"car-fields\">\r\n        <div class=\"car-field\"><label class=\"car-label\">Vorname *<\/label><input class=\"car-input\" id=\"carName\" type=\"text\" placeholder=\"Max\"><\/div>\r\n        <div class=\"car-field\"><label class=\"car-label\">Nachname *<\/label><input class=\"car-input\" id=\"carLname\" type=\"text\" placeholder=\"Mustermann\"><\/div>\r\n      <\/div>\r\n      <div class=\"car-fields\">\r\n        <div class=\"car-field\"><label class=\"car-label\">E-Mail *<\/label><input class=\"car-input\" id=\"carEmail\" type=\"email\" placeholder=\"max@beispiel.ch\"><\/div>\r\n        <div class=\"car-field\"><label class=\"car-label\">Telefon<\/label><input class=\"car-input\" id=\"carTel\" type=\"tel\" placeholder=\"+41 76 000 00 00\"><\/div>\r\n      <\/div>\r\n      <div class=\"car-field\" style=\"margin-bottom:.85rem;\">\r\n        <label class=\"car-label\">Stelle *<\/label>\r\n        <select class=\"car-input\" id=\"carStelle\">\r\n          <option value=\"\" disabled selected>Stelle ausw\u00e4hlen\u2026<\/option>\r\n          <option>Marketing Manager<\/option>\r\n          <option>KI \/ Automation Spezialist<\/option>\r\n          <option>Social Media Manager<\/option>\r\n          <option>Webdesigner \/ Developer<\/option>\r\n          <option>Praktikum \/ Trainee<\/option>\r\n          <option>Initiativbewerbung<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"car-field\" style=\"margin-bottom:.85rem;\">\r\n        <label class=\"car-label\">Motivationsschreiben<\/label>\r\n        <textarea class=\"car-input\" id=\"carMsg\" rows=\"4\" placeholder=\"Warum m\u00f6chtest du Teil von TMR werden?\"><\/textarea>\r\n      <\/div>\r\n      <button class=\"car-submit\" id=\"carBtn\" onclick=\"submitCareer()\">Bewerbung senden \u2192<\/button>\r\n      <div class=\"car-ok\" id=\"carOk\">Danke f\u00fcr deine Bewerbung! Wir melden uns bald bei dir.<\/div>\r\n    <\/div>\r\n    <div class=\"legal-footer\">\r\n      <span class=\"legal-copy\">\u00a92026 The Marketing Republic GmbH<\/span>\r\n      <div class=\"legal-links\">\r\n        <button onclick=\"closeLegal('karriereOverlay');openLegal('impressumOverlay')\">Impressum<\/button>\r\n        <button onclick=\"closeLegal('karriereOverlay');openLegal('datenschutzOverlay')\">Datenschutz<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- IMPRESSUM OVERLAY -->\r\n<div id=\"impressumOverlay\" style=\"position:fixed;inset:0;z-index:999990;background:#0a0a0a;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;\">\r\n<style>\r\n#impressumOverlay.open{opacity:1!important;visibility:visible!important;transition:opacity .35s ease,visibility 0s linear 0s!important;}\r\n.legal-nav{position:sticky;top:0;background:rgba(10,10,10,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:0 clamp(1.5rem,5vw,4rem);height:72px;display:flex;align-items:center;justify-content:space-between;z-index:10;}\r\n.legal-nav svg{height:28px;width:auto;cursor:pointer;opacity:.8;transition:opacity .2s;}\r\n.legal-nav svg:hover{opacity:1;}\r\n.legal-close{font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.6rem 1.4rem;border:1px solid rgba(255,255,255,.25);border-radius:100px;color:#fff;cursor:pointer;background:none;font-family:'DM Sans',sans-serif;transition:all .25s;}\r\n.legal-close:hover{background:rgba(255,255,255,.08);}\r\n.legal-wrap{max-width:800px;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,4rem) clamp(5rem,10vw,8rem);}\r\n.legal-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,#6c63ff,#3ecfff,#3ecf8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;}\r\n.legal-h2{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#fff;margin:2.5rem 0 .6rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);}\r\n.legal-h2:first-child{border-top:none;padding-top:0;margin-top:0;}\r\n.legal-p{font-size:.95rem;color:rgba(255,255,255,.65);line-height:1.85;margin-bottom:.75rem;}\r\n.legal-p strong{color:#fff;}\r\n.legal-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:2rem;margin-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\r\n.legal-copy{font-size:.72rem;color:rgba(255,255,255,.25);}\r\n.legal-links{display:flex;gap:1.5rem;}\r\n.legal-links button{font-size:.78rem;color:rgba(255,255,255,.4);background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:color .2s;}\r\n.legal-links button:hover{color:#fff;}\r\n<\/style>\r\n  <div class=\"legal-nav\">\r\n    <span onclick=\"closeLegal('impressumOverlay')\" style=\"cursor:pointer;display:flex;align-items:center;opacity:.8;transition:opacity .2s;\" onmouseover=\"this.style.opacity=1\" onmouseout=\"this.style.opacity=.8\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\"><polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/><polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/><polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/><polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/><polygon fill=\"#fff\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/><polygon fill=\"#fff\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/><path fill=\"#fff\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/><\/svg><\/span>\r\n    <button class=\"legal-close\" onclick=\"closeLegal('impressumOverlay')\">\u2190 Zur\u00fcck<\/button>\r\n  <\/div>\r\n  <div class=\"legal-wrap\">\r\n    <h1 class=\"legal-title\">Impressum<\/h1>\r\n    <h2 class=\"legal-h2\">Angaben zum Unternehmen<\/h2>\r\n    <p class=\"legal-p\"><strong>The Marketing Republic GmbH<\/strong><br>Weidmattstrasse 33<br>4415 Lausen<br>Schweiz<\/p>\r\n    <p class=\"legal-p\"><strong>Handelsregisternummer:<\/strong><br>CHE-159.814.916<\/p>\r\n    <h2 class=\"legal-h2\">Kontakt<\/h2>\r\n    <p class=\"legal-p\"><strong>Telefon:<\/strong> +41 76 580 98 99<br><strong>E-Mail:<\/strong> <a href=\"#\" onclick=\"(function(e){window.location='mailto:inf'+'o@tmrgroup.ch'})()\" style=\"color:inherit;text-decoration:none;\">inf&#111;&#64;tmrgroup&#46;ch<\/a><\/p>\r\n    <h2 class=\"legal-h2\">Streitschlichtung<\/h2>\r\n    <p class=\"legal-p\">Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.<\/p>\r\n    <h2 class=\"legal-h2\">Haftung f\u00fcr Inhalte<\/h2>\r\n    <p class=\"legal-p\">Als Diensteanbieter sind wir f\u00fcr eigene Inhalte auf diesen Seiten nach den allgemeinen Bestimmungen des schweizerischen Rechts verantwortlich, insbesondere nach den Vorschriften des Obligationenrechts (OR) und des Bundesgesetzes gegen den unlauteren Wettbewerb (UWG).<\/p>\r\n    <p class=\"legal-p\">Wir \u00fcbernehmen jedoch keine Gew\u00e4hr f\u00fcr die Aktualit\u00e4t, Richtigkeit und Vollst\u00e4ndigkeit der bereitgestellten Inhalte. Eine Haftung tritt jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung ein. Bei Bekanntwerden entsprechender Rechtsverletzungen werden wir die betroffenen Inhalte unverz\u00fcglich entfernen.<\/p>\r\n    <h2 class=\"legal-h2\">Urheberrecht<\/h2>\r\n    <p class=\"legal-p\">Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem Schweizer Urheberrecht. Downloads und Kopien dieser Seite sind nur f\u00fcr den privaten, nicht kommerziellen Gebrauch gestattet.<\/p>\r\n    <div class=\"legal-footer\">\r\n      <span class=\"legal-copy\">\u00a92026 The Marketing Republic GmbH<\/span>\r\n      <div class=\"legal-links\"><button onclick=\"closeLegal('impressumOverlay');openLegal('datenschutzOverlay')\">Datenschutz<\/button><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- DATENSCHUTZ OVERLAY -->\r\n<div id=\"datenschutzOverlay\" style=\"position:fixed;inset:0;z-index:999990;background:#0a0a0a;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;\">\r\n<style>#datenschutzOverlay.open{opacity:1!important;visibility:visible!important;transition:opacity .35s ease,visibility 0s linear 0s!important;}<\/style>\r\n  <div class=\"legal-nav\">\r\n    <span onclick=\"closeLegal('datenschutzOverlay')\" style=\"cursor:pointer;display:flex;align-items:center;opacity:.8;transition:opacity .2s;\" onmouseover=\"this.style.opacity=1\" onmouseout=\"this.style.opacity=.8\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 171.68 40.73\"><polygon fill=\"#fff\" points=\"36.37 30.55 26.19 20.37 0 20.37 0 30.55 36.37 30.55\"\/><polygon fill=\"#fff\" points=\"66.76 20.36 66.76 10.18 16 10.18 26.19 20.36 66.76 20.36\"\/><polygon fill=\"#fff\" points=\"66.76 40.73 66.76 30.55 36.37 30.55 46.55 40.73 66.76 40.73\"\/><polygon fill=\"#fff\" points=\"16 10.18 5.82 0 0 0 0 10.18 16 10.18\"\/><polygon fill=\"#fff\" points=\"81.55 17.57 70.52 17.57 70.52 10.17 100.86 10.17 100.86 17.57 89.78 17.57 89.78 40.7 81.55 40.7 81.55 17.57\"\/><polygon fill=\"#fff\" points=\"120.58 21.39 128.53 10.17 135.66 10.17 135.66 40.7 127.38 40.7 127.38 24.65 124.03 29.39 116.95 29.39 113.54 24.65 113.54 40.7 105.31 40.7 105.31 10.17 112.39 10.17 120.58 21.39\"\/><path fill=\"#fff\" d=\"M139.96,40.7V10.17h21.24c6.85,0,9.61,5.1,9.61,9.61,0,3.54-1.84,7.54-6.44,8.87,0,.05.05.05.05.09l7.26,11.95h-9.29l-6.99-11.58h-7.22v11.58h-8.23ZM148.18,21.71h13.01c.87,0,1.38-.64,1.38-1.65v-.83c0-1.01-.51-1.65-1.38-1.65h-13.01v4.14Z\"\/><\/svg><\/span>\r\n    <button class=\"legal-close\" onclick=\"closeLegal('datenschutzOverlay')\">\u2190 Zur\u00fcck<\/button>\r\n  <\/div>\r\n  <div class=\"legal-wrap\">\r\n    <h1 class=\"legal-title\">Datenschutz&shy;erkl\u00e4rung<\/h1>\r\n    <h2 class=\"legal-h2\">Allgemeine Hinweise<\/h2>\r\n    <p class=\"legal-p\">Der Schutz Ihrer pers\u00f6nlichen Daten ist der The Marketing Republic GmbH ein wichtiges Anliegen. Wir behandeln Ihre Personendaten vertraulich und gem\u00e4ss den geltenden datenschutzrechtlichen Vorschriften der Schweiz, insbesondere dem revidierten Bundesgesetz \u00fcber den Datenschutz (revDSG), sowie dieser Datenschutzerkl\u00e4rung.<\/p>\r\n    <h2 class=\"legal-h2\">Verantwortliche Stelle<\/h2>\r\n    <p class=\"legal-p\"><strong>The Marketing Republic GmbH<\/strong><br>Schweiz<br>E-Mail: <a href=\"#\" onclick=\"(function(){window.location='mailto:inf'+'o@tmrgroup.ch'})()\" style=\"color:inherit;text-decoration:none;\">inf&#111;&#64;tmrgroup&#46;ch<\/a><br>Website: www.tmrgroup.ch<\/p>\r\n    <h2 class=\"legal-h2\">Bearbeitete Personendaten<\/h2>\r\n    <p class=\"legal-p\">Wir bearbeiten Personendaten, die Sie uns aktiv mitteilen oder die beim Besuch unserer Website automatisch erhoben werden. Dazu geh\u00f6ren insbesondere: Kontaktangaben (Name, E-Mail-Adresse, Telefonnummer), Kommunikationsdaten sowie technische Daten (IP-Adresse, Browsertyp, Betriebssystem).<\/p>\r\n    <h2 class=\"legal-h2\">Zweck der Datenbearbeitung<\/h2>\r\n    <p class=\"legal-p\">Bereitstellung und Betrieb unserer Website, Beantwortung von Anfragen, Pflege von Gesch\u00e4ftsbeziehungen, Gew\u00e4hrleistung der Sicherheit der Website sowie Erf\u00fcllung gesetzlicher Verpflichtungen.<\/p>\r\n    <h2 class=\"legal-h2\">Hosting<\/h2>\r\n    <p class=\"legal-p\">Unsere Website wird bei einem Hosting-Anbieter betrieben. Dabei k\u00f6nnen Personendaten, insbesondere IP-Adressen, auf Servern in der Schweiz oder im europ\u00e4ischen Ausland bearbeitet werden.<\/p>\r\n    <h2 class=\"legal-h2\">Kontaktaufnahme<\/h2>\r\n    <p class=\"legal-p\">Wenn Sie uns per E-Mail oder \u00fcber ein Kontaktformular kontaktieren, werden Ihre Angaben zur Bearbeitung der Anfrage gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.<\/p>\r\n    <h2 class=\"legal-h2\">Cookies<\/h2>\r\n    <p class=\"legal-p\">Unsere Website verwendet notwendige Cookies f\u00fcr den Betrieb (WordPress, Elementor). Statistik-Cookies werden nur mit Ihrer Einwilligung gesetzt.<\/p>\r\n    <h2 class=\"legal-h2\">Datensicherheit<\/h2>\r\n    <p class=\"legal-p\">Wir treffen angemessene technische und organisatorische Sicherheitsmassnahmen, um Ihre Personendaten vor unbefugtem Zugriff, Verlust oder Missbrauch zu sch\u00fctzen.<\/p>\r\n    <h2 class=\"legal-h2\">Ihre Rechte<\/h2>\r\n    <p class=\"legal-p\">Sie haben das Recht auf Auskunft, Berichtigung, L\u00f6schung und Einschr\u00e4nkung der Bearbeitung Ihrer Personendaten sowie das Recht auf Widerruf einer Einwilligung. Anfragen richten Sie bitte an <a href=\"#\" onclick=\"(function(){window.location='mailto:inf'+'o@tmrgroup.ch'})()\" style=\"color:inherit;text-decoration:none;\">inf&#111;&#64;tmrgroup&#46;ch<\/a>.<\/p>\r\n    <p class=\"legal-p\">Sie haben zudem das Recht, sich beim Eidgen\u00f6ssischen Datenschutz- und \u00d6ffentlichkeitsbeauftragten (ED\u00d6B) zu beschweren.<\/p>\r\n    <h2 class=\"legal-h2\">\u00c4nderungen<\/h2>\r\n    <p class=\"legal-p\">Wir behalten uns vor, diese Datenschutzerkl\u00e4rung jederzeit anzupassen. <strong style=\"color:#fff;\">Stand: Februar 2026<\/strong><\/p>\r\n    <div class=\"legal-footer\">\r\n      <span class=\"legal-copy\">\u00a92026 The Marketing Republic GmbH<\/span>\r\n      <div class=\"legal-links\"><button onclick=\"closeLegal('datenschutzOverlay');openLegal('impressumOverlay')\">Impressum<\/button><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\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>The Marketing Republic \u2013 B2B Marketing &#038; KI-Automationen f\u00fcr KMU Schweiz | TMR Leistungen \u2192 Wie wir arbeiten \u2192 \u00dcber TMR \u2192 Kontakt \u2192 Projekt starten \u2192 Home Leistungen Wie wir arbeiten \u00dcber TMR Kontakt 0% TMR Wir entwickeln Strategien KI-Automationen Kampagnen Konzepte die wirken. Wir sind dein strategischer Partner f\u00fcr Marketing und Sales. Wir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":148,"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/tmrgroup.ch\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}