{"id":86,"date":"2025-12-22T11:52:16","date_gmt":"2025-12-22T11:52:16","guid":{"rendered":"https:\/\/berjoska.scaletech.website\/?page_id=86"},"modified":"2026-04-13T07:29:16","modified_gmt":"2026-04-13T07:29:16","slug":"home","status":"publish","type":"page","link":"https:\/\/berjoska.scaletech.website\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8484e83 e-flex e-con-boxed e-con e-parent\" data-id=\"8484e83\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f23875c elementor-widget elementor-widget-html\" data-id=\"f23875c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n(function() {\n  var fix = function() {\n    document.documentElement.style.cssText += ';background:#f5efe4 !important;background-color:#f5efe4 !important;';\n    document.body.style.cssText += ';background:#f5efe4 !important;background-color:#f5efe4 !important;background-image:none !important;margin:0 !important;padding:0 !important;overflow-x:hidden !important;';\n    var sels = ['.entry-content','.site-main','.content-area','main','#content','.site-content','.page-content','article','.wp-site-blocks','.wp-block-post-content','.is-layout-constrained','.elementor-section-wrap','.e-con','.ast-container','.container','#primary','#main','.post','.hentry','.type-page','.wp-block-group','.elementor','.elementor-section','.elementor-container','.elementor-widget-container'];\n    sels.forEach(function(s) {\n      document.querySelectorAll(s).forEach(function(el) {\n        el.style.cssText += ';background:transparent !important;background-color:transparent !important;max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important;';\n      });\n    });\n  };\n  fix();\n  if (document.readyState !== 'complete') {\n    document.addEventListener('DOMContentLoaded', fix);\n    window.addEventListener('load', fix);\n  }\n})();\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\nhtml, html body, body, body[class] {\n  background: #f5efe4 !important;\n  background-color: #f5efe4 !important;\n  background-image: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n}\n\n.entry-content, .site-main, .content-area, main, #content,\n.site-content, .page-content, article, .entry-content > .wp-block-html,\n.wp-site-blocks, .wp-block-post-content, .is-layout-constrained,\n.elementor-section-wrap, .e-con, .ast-container, .container,\n#primary, #main, .post, .hentry, .type-page,\n.wp-block-group, .wp-block-html, .elementor, .elementor-section,\n.elementor-container, .elementor-widget-container {\n  background: transparent !important;\n  background-color: transparent !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: none !important;\n  width: 100% !important;\n}\n\nbody > header, body > footer, header.site-header, footer.site-footer,\n#masthead, #colophon, .site-header, .site-footer,\n.header, .footer, .main-header, .main-footer,\nnav.main-navigation, .main-navigation,\n.elementor-location-header, .elementor-location-footer,\nheader#header, footer#footer, .page-header, .entry-header,\n#wrapper-navbar, #wrapper-footer,\n.wp-block-template-part {\n  display: none !important;\n  visibility: hidden !important;\n  height: 0 !important;\n}\n\n.stx-bg {\n  position: fixed !important;\n  top: 0 !important; left: 0 !important;\n  right: 0 !important; bottom: 0 !important;\n  width: 100vw !important; height: 100vh !important;\n  background: #f5efe4 !important;\n  z-index: 1 !important;\n  pointer-events: none !important;\n}\n\n.stx-page * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.stx-page {\n  position: relative !important;\n  z-index: 2 !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  left: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n\n  --cream:    #f5efe4;\n  --ink:      #1a1a18;\n  --ink-2:    #2c2c28;\n  --ink-mut:  #6b665e;\n  --green:    #2d4a3a;\n  --green-2:  #1f3429;\n  --border:   rgba(26, 26, 24, 0.12);\n\n  --serif: 'Cormorant Garamond', Georgia, serif;\n  --sans:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n  background: var(--cream) !important;\n  color: var(--ink);\n  font-family: var(--sans);\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n  font-size: 16px;\n  overflow-x: hidden;\n}\n\n.stx-page img { max-width: 100%; display: block; }\n.stx-page a { color: inherit; text-decoration: none; }\n\n.stx-page h1, .stx-page h2, .stx-page h3, .stx-page h4 {\n  font-family: var(--serif);\n  font-weight: 500;\n  line-height: 1.05;\n  color: var(--ink);\n}\n\n.stx-wrap {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 40px;\n}\n\n.stx-eyebrow {\n  display: inline-block;\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--green);\n  margin-bottom: 24px;\n}\n\n.stx-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 20px 42px;\n  background: var(--green);\n  color: var(--cream);\n  font-weight: 500;\n  font-size: 14px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  transition: all 0.3s ease;\n  font-family: var(--sans);\n}\n.stx-btn:hover { background: var(--green-2); color: var(--cream); transform: translateY(-1px); }\n\n.stx-btn-ghost {\n  background: transparent;\n  border: 1px solid var(--green);\n  color: var(--green);\n}\n.stx-btn-ghost:hover { background: var(--green); color: var(--cream); }\n\n\/* HEADER *\/\n.stx-header {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  z-index: 10;\n  padding: 28px 0;\n}\n\n.stx-header-inner { display: flex; align-items: center; justify-content: space-between; }\n.stx-logo { display: flex; align-items: center; gap: 14px; }\n.stx-logo img { height: 44px; width: auto; }\n.stx-logo-text {\n  font-family: var(--serif);\n  font-size: 22px;\n  font-weight: 500;\n  color: var(--ink);\n}\n\n.stx-header-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 24px;\n  background: var(--green);\n  color: var(--cream);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  transition: all 0.3s ease;\n}\n.stx-header-cta:hover { background: var(--green-2); color: var(--cream); }\n\n\/* HERO *\/\n.stx-hero {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  background: var(--cream);\n  padding: 160px 0 100px;\n}\n\n.stx-hero-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 100px;\n  align-items: center;\n}\n\n.stx-hero-content { max-width: 640px; }\n\n.stx-hero h1 {\n  font-size: clamp(48px, 5.5vw, 76px);\n  margin-bottom: 32px;\n  letter-spacing: -0.015em;\n}\n\n.stx-hero h1 .accent { color: var(--green); font-style: italic; }\n\n.stx-hero-sub {\n  font-size: 19px;\n  color: var(--ink-2);\n  margin-bottom: 44px;\n  max-width: 560px;\n  line-height: 1.65;\n}\n\n.stx-hero-cta { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 60px; }\n\n.stx-hero-trust {\n  padding-top: 32px;\n  border-top: 1px solid var(--border);\n  max-width: 560px;\n}\n\n.stx-hero-trust-label {\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--ink-mut);\n  margin-bottom: 16px;\n  font-weight: 600;\n}\n\n.stx-hero-trust-logos { display: flex; gap: 44px; flex-wrap: wrap; align-items: center; }\n.stx-hero-trust-logos span {\n  font-family: var(--serif);\n  font-size: 22px;\n  color: var(--ink);\n  opacity: 0.8;\n  font-style: italic;\n}\n\n.stx-hero-visual { aspect-ratio: 4\/5; overflow: hidden; }\n.stx-hero-visual img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* SECTION HEAD *\/\n.stx-section-head {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 96px;\n}\n\n.stx-section-head h2 {\n  font-size: clamp(38px, 4.5vw, 56px);\n  margin-bottom: 24px;\n  line-height: 1.1;\n}\n\n.stx-section-head h2 .accent { font-style: italic; color: var(--green); }\n\n.stx-section-head p {\n  font-size: 18px;\n  color: var(--ink-2);\n  font-weight: 400;\n  line-height: 1.6;\n}\n\n\/* FORMATS *\/\n.stx-formats-section { padding: 140px 0; background: var(--cream); border-top: 1px solid var(--border); }\n\n.stx-formats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 64px; }\n\n.stx-format { display: flex; flex-direction: column; }\n\n.stx-format-num {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: 18px;\n  color: var(--green);\n  letter-spacing: 0.15em;\n  margin-bottom: 24px;\n  font-weight: 500;\n}\n\n.stx-format h3 {\n  font-size: 30px;\n  font-weight: 500;\n  margin-bottom: 20px;\n  line-height: 1.2;\n}\n\n.stx-format-divider { width: 32px; height: 1px; background: var(--green); margin-bottom: 24px; }\n\n.stx-format p {\n  color: var(--ink-2);\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\/* HIGHLIGHT *\/\n.stx-highlight-section {\n  padding: 140px 0;\n  background: var(--cream);\n  border-top: 1px solid var(--border);\n  overflow: hidden;\n}\n\n.stx-highlight {\n  display: grid;\n  grid-template-columns: 1fr 1.1fr;\n  gap: 100px;\n  align-items: center;\n}\n\n.stx-highlight-img {\n  position: relative;\n  aspect-ratio: 4\/5;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(60px);\n  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-highlight-img.is-visible { opacity: 1; transform: translateY(0); }\n\n.stx-highlight-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 8s ease-out;\n  transform: scale(1);\n}\n\n.stx-highlight-img.is-visible img { transform: scale(1.08); }\n\n.stx-highlight-img:hover img {\n  transform: scale(1.12);\n  transition: transform 1.5s ease-out;\n}\n\n.stx-highlight-img::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 80px;\n  height: 4px;\n  background: var(--green);\n  z-index: 2;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.8s ease 0.4s;\n}\n\n.stx-highlight-img.is-visible::before { transform: scaleX(1); }\n\n.stx-highlight-content { max-width: 580px; }\n\n.stx-highlight-content h2 {\n  font-size: clamp(38px, 4.5vw, 56px);\n  margin-bottom: 28px;\n  line-height: 1.1;\n}\n\n.stx-highlight-content h2 .accent { font-style: italic; color: var(--green); }\n\n.stx-highlight-intro {\n  font-size: 18px;\n  color: var(--ink-2);\n  line-height: 1.65;\n  margin-bottom: 56px;\n  font-weight: 400;\n}\n\n.stx-highlight-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px 32px;\n}\n\n.stx-highlight-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.stx-highlight-icon {\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(45, 74, 58, 0.08);\n  color: var(--green);\n  border-radius: 50%;\n  flex-shrink: 0;\n  transition: all 0.4s ease;\n}\n\n.stx-highlight-item:hover .stx-highlight-icon {\n  background: var(--green);\n  color: var(--cream);\n  transform: rotate(-8deg) scale(1.05);\n}\n\n.stx-highlight-icon svg {\n  width: 22px;\n  height: 22px;\n  stroke-width: 1.6;\n}\n\n.stx-highlight-item h4 {\n  font-family: var(--sans);\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--ink);\n  line-height: 1.3;\n}\n\n.stx-highlight-item p {\n  font-size: 14px;\n  color: var(--ink-2);\n  line-height: 1.65;\n  margin: 0;\n}\n\n@media (max-width: 1024px) {\n  .stx-hero { padding: 120px 0 80px; min-height: auto; }\n  .stx-hero-grid { grid-template-columns: 1fr; gap: 60px; }\n  .stx-hero-visual { max-width: 480px; margin: 0 auto; }\n  .stx-formats-section { padding: 90px 0; }\n  .stx-section-head { margin-bottom: 60px; }\n  .stx-formats { grid-template-columns: 1fr; gap: 56px; }\n  .stx-highlight-section { padding: 90px 0; }\n  .stx-highlight { grid-template-columns: 1fr; gap: 60px; }\n  .stx-highlight-img { max-width: 480px; margin: 0 auto; }\n  .stx-highlight-list { grid-template-columns: 1fr; gap: 32px; }\n}\n\n@media (max-width: 768px) {\n  .stx-wrap { padding: 0 24px; }\n  .stx-hero { padding: 100px 0 60px; }\n  .stx-header { padding: 20px 0; }\n  .stx-logo img { height: 38px; }\n  .stx-logo-text { font-size: 18px; }\n  .stx-header-cta { padding: 10px 18px; font-size: 11px; }\n  .stx-hero-cta { flex-direction: column; align-items: stretch; }\n  .stx-hero-cta .stx-btn { justify-content: center; }\n  .stx-hero-trust-logos { gap: 24px; }\n  .stx-hero-trust-logos span { font-size: 18px; }\n}\n<\/style>\n\n<div class=\"stx-bg\"><\/div>\n\n<div class=\"stx-page\">\n\n  <!-- HEADER -->\n  <header class=\"stx-header\">\n    <div class=\"stx-wrap\">\n      <div class=\"stx-header-inner\">\n        <a href=\"#\" class=\"stx-logo\">\n          <img decoding=\"async\" src=\"https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/Logo_Steasy_rgb_Symbol_scharlachrot_72dpi-bitte-fuer-Thumbnails-Anzeigen-verwenden.jpg\" alt=\"Magier Steasy\">\n          <span class=\"stx-logo-text\">Magier Steasy<\/span>\n        <\/a>\n        <a href=\"#anfragen\" class=\"stx-header-cta\">Anfragen \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- HERO -->\n  <section class=\"stx-hero\">\n    <div class=\"stx-wrap\">\n      <div class=\"stx-hero-grid\">\n        <div class=\"stx-hero-content\">\n          <span class=\"stx-eyebrow\">Firmenweihnachtsfeier \u00b7 Dezember 2026<\/span>\n          <h1>Eine Weihnachtsfeier, die Ihre G\u00e4ste <span class=\"accent\">nie vergessen.<\/span><\/h1>\n          <p class=\"stx-hero-sub\">Premium Close-Up Magie und interaktive B\u00fchnenshow f\u00fcr Ihre Firmenweihnachtsfeier. Pers\u00f6nlich, professionell, unfassbar \u2014 gebucht von FAZ, SAP und Union Investment.<\/p>\n\n          <div class=\"stx-hero-cta\">\n            <a href=\"#anfragen\" class=\"stx-btn\">Termin sichern \u2192<\/a>\n            <a href=\"#ablauf\" class=\"stx-btn stx-btn-ghost\">So l\u00e4uft es ab<\/a>\n          <\/div>\n\n          <div class=\"stx-hero-trust\">\n            <div class=\"stx-hero-trust-label\">Vertrauen von Unternehmen wie<\/div>\n            <div class=\"stx-hero-trust-logos\">\n              <span>FAZ<\/span>\n              <span>SAP<\/span>\n              <span>Union Investment<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"stx-hero-visual\">\n          <img decoding=\"async\" src=\"https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/Profilbild-Steasy-16-MB.jpg\" alt=\"Magier Steasy\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FORMATS -->\n  <section class=\"stx-formats-section\">\n    <div class=\"stx-wrap\">\n      <div class=\"stx-section-head\">\n        <span class=\"stx-eyebrow\">Drei Formate. Ein Erlebnis.<\/span>\n        <h2>Was Steasy f\u00fcr Ihre <span class=\"accent\">Weihnachtsfeier<\/span> mitbringt<\/h2>\n        <p>Jedes Format wird individuell auf Ihre Veranstaltung, Ihre G\u00e4stezahl und Ihre R\u00e4umlichkeiten abgestimmt.<\/p>\n      <\/div>\n\n      <div class=\"stx-formats\">\n        <article class=\"stx-format\">\n          <div class=\"stx-format-num\">\u2014 01<\/div>\n          <h3>Close-Up Walking Act<\/h3>\n          <div class=\"stx-format-divider\"><\/div>\n          <p>Steasy mischt sich unter Ihre G\u00e4ste und verzaubert aus n\u00e4chster N\u00e4he \u2014 direkt am Tisch, im Foyer, beim Empfang. Der perfekte Eisbrecher f\u00fcr jede Weihnachtsfeier.<\/p>\n        <\/article>\n\n        <article class=\"stx-format\">\n          <div class=\"stx-format-num\">\u2014 02<\/div>\n          <h3>Interaktive B\u00fchnenshow<\/h3>\n          <div class=\"stx-format-divider\"><\/div>\n          <p>Eine mitrei\u00dfende, humorvolle Show als emotionaler H\u00f6hepunkt des Abends. Mentalismus, Smart Magic und Pickpocketing ziehen das gesamte Team gemeinsam in den Bann.<\/p>\n        <\/article>\n\n        <article class=\"stx-format\">\n          <div class=\"stx-format-num\">\u2014 03<\/div>\n          <h3>Die Kombination<\/h3>\n          <div class=\"stx-format-divider\"><\/div>\n          <p>Das meistgebuchte Paket: Close-Up zur Begr\u00fc\u00dfung, B\u00fchnenshow als H\u00f6hepunkt. Ein roter Faden, der die Stimmung des gesamten Abends tr\u00e4gt.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- HIGHLIGHT -->\n  <section class=\"stx-highlight-section\">\n    <div class=\"stx-wrap\">\n      <div class=\"stx-highlight\">\n        <div class=\"stx-highlight-img\" data-reveal>\n          <img decoding=\"async\" src=\"https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/2023-03-25_20Nina_20_26_20Kai_20117-scaled.jpg\" alt=\"Magier Steasy in Aktion\">\n        <\/div>\n        <div class=\"stx-highlight-content\">\n          <span class=\"stx-eyebrow\">Was Sie erwartet<\/span>\n          <h2>Magie, die <span class=\"accent\">verbindet<\/span>.<\/h2>\n          <p class=\"stx-highlight-intro\">Eine Weihnachtsfeier soll mehr sein als ein Pflichttermin. Sie soll Ihre Mitarbeiter wertsch\u00e4tzen, Teams zusammenbringen und einen Moment schaffen, \u00fcber den noch im Januar gesprochen wird.<\/p>\n\n          <ul class=\"stx-highlight-list\">\n            <li class=\"stx-highlight-item\">\n              <div class=\"stx-highlight-icon\">\n                <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"\/>\n                <\/svg>\n              <\/div>\n              <h4>Ma\u00dfgeschneidert auf Ihre Veranstaltung<\/h4>\n              <p>Jeder Auftritt wird nach einem pers\u00f6nlichen Vorgespr\u00e4ch individuell f\u00fcr Ihre Zielgruppe entwickelt.<\/p>\n            <\/li>\n            <li class=\"stx-highlight-item\">\n              <div class=\"stx-highlight-icon\">\n                <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\"\/>\n                <\/svg>\n              <\/div>\n              <h4>Premium-Referenzen aus dem B2B<\/h4>\n              <p>FAZ, SAP, Union Investment und \u00fcber 600 F\u00fcnf-Sterne-Bewertungen sprechen f\u00fcr sich.<\/p>\n            <\/li>\n            <li class=\"stx-highlight-item\">\n              <div class=\"stx-highlight-icon\">\n                <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n                <\/svg>\n              <\/div>\n              <h4>Deutschlandweit & international<\/h4>\n              <p>Auf Deutsch und Englisch buchbar. Anfahrt und Setup transparent im Festpreis.<\/p>\n            <\/li>\n            <li class=\"stx-highlight-item\">\n              <div class=\"stx-highlight-icon\">\n                <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\/>\n                <\/svg>\n              <\/div>\n              <h4>Pers\u00f6nlich, nicht standardisiert<\/h4>\n              <p>Sie buchen Steasy pers\u00f6nlich \u2014 keine Agentur, kein K\u00fcnstler-Pool, keine \u00dcbergaben.<\/p>\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n    <style>\n.stx-process-section {\n  padding: 140px 0;\n  background: var(--cream);\n  border-top: 1px solid var(--border);\n  overflow: hidden;\n}\n\n.stx-process {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  position: relative;\n}\n\n\/* Verbindungslinie zwischen Schritten *\/\n.stx-process::before {\n  content: '';\n  position: absolute;\n  top: 36px;\n  left: 12.5%;\n  right: 12.5%;\n  height: 1px;\n  background: linear-gradient(to right,\n    transparent 0%,\n    var(--green) 10%,\n    var(--green) 90%,\n    transparent 100%);\n  opacity: 0.3;\n  z-index: 0;\n}\n\n.stx-step {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  padding: 0 24px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1),\n              transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-step.is-visible { opacity: 1; transform: translateY(0); }\n\n.stx-step:nth-child(1) { transition-delay: 0s; }\n.stx-step:nth-child(2) { transition-delay: 0.15s; }\n.stx-step:nth-child(3) { transition-delay: 0.3s; }\n.stx-step:nth-child(4) { transition-delay: 0.45s; }\n\n.stx-step-circle {\n  position: relative;\n  width: 72px;\n  height: 72px;\n  margin: 0 auto 32px;\n  background: var(--cream);\n  border: 1.5px solid var(--green);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-step:hover .stx-step-circle {\n  background: var(--green);\n  transform: scale(1.08) rotate(-6deg);\n}\n\n.stx-step-circle svg {\n  width: 28px;\n  height: 28px;\n  stroke: var(--green);\n  stroke-width: 1.6;\n  fill: none;\n  transition: stroke 0.4s ease;\n}\n\n.stx-step:hover .stx-step-circle svg {\n  stroke: var(--cream);\n}\n\n\/* Schritt-Nummer als kleine Bubble *\/\n.stx-step-num {\n  position: absolute;\n  top: -8px;\n  right: -8px;\n  width: 28px;\n  height: 28px;\n  background: var(--green);\n  color: var(--cream);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: 14px;\n  font-weight: 600;\n  border: 2px solid var(--cream);\n}\n\n.stx-step h3 {\n  font-family: var(--serif);\n  font-size: 22px;\n  font-weight: 500;\n  margin-bottom: 14px;\n  color: var(--ink);\n  line-height: 1.3;\n}\n\n.stx-step-divider {\n  width: 24px;\n  height: 1px;\n  background: var(--green);\n  margin: 0 auto 16px;\n}\n\n.stx-step p {\n  font-family: var(--sans);\n  font-size: 14px;\n  color: var(--ink-2);\n  line-height: 1.65;\n  max-width: 220px;\n  margin: 0 auto;\n}\n\n.stx-step-time {\n  display: inline-block;\n  margin-top: 16px;\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--green);\n  opacity: 0.75;\n}\n\n\/* CTA Block *\/\n.stx-process-cta {\n  margin-top: 96px;\n  text-align: center;\n  padding-top: 60px;\n  border-top: 1px solid var(--border);\n}\n\n.stx-process-cta-text {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(20px, 2.4vw, 26px);\n  color: var(--ink);\n  margin-bottom: 28px;\n  font-weight: 400;\n}\n\n@media (max-width: 1024px) {\n  .stx-process-section { padding: 90px 0; }\n  .stx-process { grid-template-columns: repeat(2, 1fr); gap: 56px 24px; }\n  .stx-process::before { display: none; }\n  .stx-step:nth-child(3) { transition-delay: 0s; }\n  .stx-step:nth-child(4) { transition-delay: 0.15s; }\n}\n\n@media (max-width: 600px) {\n  .stx-process { grid-template-columns: 1fr; gap: 40px; }\n  .stx-step:nth-child(2),\n  .stx-step:nth-child(4) { transition-delay: 0s; }\n}\n<\/style>\n\n<section class=\"stx-process-section\" id=\"ablauf\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-section-head\">\n      <span class=\"stx-eyebrow\">So l\u00e4uft es ab<\/span>\n      <h2>Vier Schritte zu Ihrem <span class=\"accent\">magischen Moment<\/span>.<\/h2>\n      <p>Vom ersten Kontakt bis zum Auftritt: ein klarer, pers\u00f6nlicher Prozess \u2014 ohne \u00dcberraschungen.<\/p>\n    <\/div>\n\n    <div class=\"stx-process\">\n\n      <div class=\"stx-step\" data-reveal>\n        <div class=\"stx-step-circle\">\n          <span class=\"stx-step-num\">1<\/span>\n          <svg viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Anfrage senden<\/h3>\n        <div class=\"stx-step-divider\"><\/div>\n        <p>Sie schicken uns Datum, Ort und Eckdaten Ihrer Veranstaltung \u00fcber das Anfrage-Formular.<\/p>\n        <span class=\"stx-step-time\">2 Minuten<\/span>\n      <\/div>\n\n      <div class=\"stx-step\" data-reveal>\n        <div class=\"stx-step-circle\">\n          <span class=\"stx-step-num\">2<\/span>\n          <svg viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Pers\u00f6nliches Vorgespr\u00e4ch<\/h3>\n        <div class=\"stx-step-divider\"><\/div>\n        <p>Steasy meldet sich innerhalb von 24h f\u00fcr ein 15-min\u00fctiges Gespr\u00e4ch zu Ihren W\u00fcnschen.<\/p>\n        <span class=\"stx-step-time\">Innerhalb 24h<\/span>\n      <\/div>\n\n      <div class=\"stx-step\" data-reveal>\n        <div class=\"stx-step-circle\">\n          <span class=\"stx-step-num\">3<\/span>\n          <svg viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Konzept & Festpreis<\/h3>\n        <div class=\"stx-step-divider\"><\/div>\n        <p>Sie erhalten ein ma\u00dfgeschneidertes Konzept mit transparentem Festpreis \u2014 verbindlich bis zur Buchung.<\/p>\n        <span class=\"stx-step-time\">2-3 Werktage<\/span>\n      <\/div>\n\n      <div class=\"stx-step\" data-reveal>\n        <div class=\"stx-step-circle\">\n          <span class=\"stx-step-num\">4<\/span>\n          <svg viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Magic Moment<\/h3>\n        <div class=\"stx-step-divider\"><\/div>\n        <p>Steasy reist an, baut auf, verzaubert Ihre G\u00e4ste \u2014 Sie genie\u00dfen die Reaktionen Ihres Teams.<\/p>\n        <span class=\"stx-step-time\">Ihr Eventtag<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"stx-process-cta\">\n      <p class=\"stx-process-cta-text\">Bereit f\u00fcr Schritt 1?<\/p>\n      <a href=\"#anfragen\" class=\"stx-btn\">Jetzt anfragen \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n  <\/section>\n<style>\n.stx-quote-section {\n  position: relative;\n  height: 80vh;\n  min-height: 600px;\n  overflow: hidden;\n}\n\n\/* Bild-Layer mit echtem Parallax-Effekt *\/\n.stx-quote-bg {\n  position: absolute;\n  inset: -10% 0;\n  background-image: url('https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/50A1194-scaled.jpg');\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  will-change: transform;\n  z-index: 0;\n}\n\n\/* Dunkler Overlay mit Vignette *\/\n.stx-quote-section::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at center, rgba(26,26,24,0.4) 0%, rgba(26,26,24,0.7) 100%),\n    linear-gradient(180deg, rgba(26,26,24,0.3) 0%, rgba(26,26,24,0.5) 100%);\n  z-index: 1;\n}\n\n.stx-quote-section::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle at 20% 30%, rgba(245,239,228,0.04) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(245,239,228,0.03) 0%, transparent 50%);\n  z-index: 1;\n}\n\n.stx-quote-content {\n  position: relative;\n  z-index: 2;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 0 40px;\n}\n\n.stx-quote-inner {\n  max-width: 880px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-quote-inner.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.stx-quote-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 16px;\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: rgba(245, 239, 228, 0.85);\n  margin-bottom: 40px;\n}\n\n.stx-quote-eyebrow::before,\n.stx-quote-eyebrow::after {\n  content: '';\n  width: 32px;\n  height: 1px;\n  background: rgba(245, 239, 228, 0.4);\n}\n\n.stx-quote-text {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(28px, 4vw, 48px);\n  line-height: 1.3;\n  color: var(--cream);\n  font-weight: 400;\n  margin-bottom: 40px;\n  letter-spacing: -0.005em;\n}\n\n.stx-quote-text .accent-quote {\n  display: inline-block;\n  font-size: 1.5em;\n  color: rgba(245, 239, 228, 0.4);\n  line-height: 0;\n  vertical-align: -0.2em;\n  font-style: normal;\n  margin: 0 4px;\n}\n\n.stx-quote-author {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  font-family: var(--sans);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(245, 239, 228, 0.7);\n}\n\n.stx-quote-author::before {\n  content: '';\n  width: 24px;\n  height: 1px;\n  background: rgba(245, 239, 228, 0.5);\n}\n\n@media (max-width: 1024px) {\n  .stx-quote-section { height: 70vh; min-height: 500px; }\n}\n\n@media (max-width: 768px) {\n  .stx-quote-section { height: 60vh; min-height: 400px; }\n  .stx-quote-content { padding: 0 24px; }\n  .stx-quote-eyebrow { gap: 12px; margin-bottom: 28px; }\n  .stx-quote-eyebrow::before,\n  .stx-quote-eyebrow::after { width: 20px; }\n}\n<\/style>\n\n<section class=\"stx-quote-section\">\n  <div class=\"stx-quote-bg\" data-parallax><\/div>\n  <div class=\"stx-quote-content\">\n    <div class=\"stx-quote-inner\" data-reveal>\n      <div class=\"stx-quote-eyebrow\">In Steasys Worten<\/div>\n      <p class=\"stx-quote-text\">\n        <span class=\"accent-quote\">\"<\/span>Als Reaktor f\u00fcr positive Energie bringe ich Faszination und Begeisterung zu Ihren G\u00e4sten.<span class=\"accent-quote\">\"<\/span>\n      <\/p>\n      <div class=\"stx-quote-author\">Magier Steasy<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/* Parallax-Effekt beim Scrollen *\/\n(function() {\n  var parallaxElements = document.querySelectorAll('[data-parallax]');\n  if (!parallaxElements.length) return;\n\n  var ticking = false;\n\n  function updateParallax() {\n    parallaxElements.forEach(function(el) {\n      var rect = el.parentElement.getBoundingClientRect();\n      var windowHeight = window.innerHeight;\n\n      \/\/ Nur animieren wenn Element im Viewport ist\n      if (rect.bottom < 0 || rect.top > windowHeight) return;\n\n      \/\/ Berechne wie weit die Sektion durchgescrollt ist\n      var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\n      var translateY = (scrollProgress - 0.5) * 100; \/\/ -50px bis +50px Bewegung\n\n      el.style.transform = 'translateY(' + translateY + 'px)';\n    });\n    ticking = false;\n  }\n\n  window.addEventListener('scroll', function() {\n    if (!ticking) {\n      requestAnimationFrame(updateParallax);\n      ticking = true;\n    }\n  });\n\n  updateParallax();\n})();\n<\/script>\n<style>\n.stx-cases-section {\n  padding: 140px 0;\n  background: var(--cream);\n  border-top: 1px solid var(--border);\n  overflow: hidden;\n}\n\n.stx-cases {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n\n.stx-case {\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-case.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.stx-case:nth-child(2) { transition-delay: 0.15s; }\n.stx-case:nth-child(3) { transition-delay: 0.3s; }\n\n.stx-case-img {\n  position: relative;\n  aspect-ratio: 4\/3;\n  overflow: hidden;\n  margin-bottom: 28px;\n  background: var(--ink);\n}\n\n.stx-case-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-case:hover .stx-case-img img {\n  transform: scale(1.06);\n}\n\n\/* Subtiler Overlay-Gradient unten am Bild *\/\n.stx-case-img::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 60%, rgba(26,26,24,0.35) 100%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n\n.stx-case:hover .stx-case-img::after {\n  opacity: 1;\n}\n\n\/* Tag oben links auf dem Bild *\/\n.stx-case-tag {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 14px;\n  background: rgba(245, 239, 228, 0.95);\n  backdrop-filter: blur(8px);\n  font-family: var(--sans);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--green);\n  z-index: 2;\n}\n\n.stx-case-tag::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--green);\n}\n\n.stx-case-meta-top {\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--ink-mut);\n  margin-bottom: 14px;\n}\n\n.stx-case h3 {\n  font-family: var(--serif);\n  font-size: 26px;\n  font-weight: 500;\n  margin-bottom: 18px;\n  line-height: 1.25;\n  color: var(--ink);\n}\n\n.stx-case-text {\n  font-size: 15px;\n  color: var(--ink-2);\n  line-height: 1.7;\n  margin-bottom: 28px;\n  flex: 1;\n}\n\n\/* Stat-Zeile unten *\/\n.stx-case-stats {\n  display: flex;\n  gap: 0;\n  padding-top: 24px;\n  border-top: 1px solid var(--border);\n}\n\n.stx-stat {\n  flex: 1;\n  position: relative;\n  padding-right: 16px;\n}\n\n.stx-stat:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 4px;\n  bottom: 4px;\n  width: 1px;\n  background: var(--border);\n}\n\n.stx-stat-num {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: 24px;\n  font-weight: 500;\n  color: var(--green);\n  line-height: 1;\n  margin-bottom: 6px;\n  display: block;\n}\n\n.stx-stat-label {\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--ink-mut);\n}\n\n\/* CTA am Ende der Sektion *\/\n.stx-cases-cta {\n  margin-top: 80px;\n  text-align: center;\n  padding-top: 60px;\n  border-top: 1px solid var(--border);\n}\n\n.stx-cases-cta-text {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(20px, 2.4vw, 26px);\n  color: var(--ink);\n  margin-bottom: 28px;\n  font-weight: 400;\n}\n\n@media (max-width: 1024px) {\n  .stx-cases-section { padding: 90px 0; }\n  .stx-cases { grid-template-columns: 1fr; gap: 56px; }\n  .stx-case:nth-child(2),\n  .stx-case:nth-child(3) { transition-delay: 0s; }\n}\n<\/style>\n\n<section class=\"stx-cases-section\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-section-head\">\n      <span class=\"stx-eyebrow\">Echte Auftritte<\/span>\n      <h2>Wo Steasy bereits <span class=\"accent\">verzaubert<\/span> hat<\/h2>\n      <p>Drei beispielhafte Einblicke in Veranstaltungen, die Steasy in den vergangenen Jahren begleitet hat.<\/p>\n    <\/div>\n\n    <div class=\"stx-cases\">\n      <article class=\"stx-case\" data-reveal>\n        <div class=\"stx-case-img\">\n          <span class=\"stx-case-tag\">Frankfurt \u00b7 Dezember<\/span>\n          <img decoding=\"async\" src=\"https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/hochgefuehle_caroflo-242-scaled.jpg\" alt=\"Weihnachtsfeier Mediengruppe\">\n        <\/div>\n        <div class=\"stx-case-meta-top\">Medienunternehmen<\/div>\n        <h3>Eine Redaktion staunt \u2014 und vergisst die Deadlines.<\/h3>\n        <p class=\"stx-case-text\">W\u00e4hrend des Sektempfangs verwandelte Steasy die Begr\u00fc\u00dfung in eine Reihe pers\u00f6nlicher Magic Moments. \u00dcber die Zaubertricks wurde Tage sp\u00e4ter noch in der Redaktion gesprochen.<\/p>\n        <div class=\"stx-case-stats\">\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">120<\/span>\n            <span class=\"stx-stat-label\">G\u00e4ste<\/span>\n          <\/div>\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">2h<\/span>\n            <span class=\"stx-stat-label\">Walking Act<\/span>\n          <\/div>\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">5\u2605<\/span>\n            <span class=\"stx-stat-label\">Bewertung<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"stx-case\" data-reveal>\n        <div class=\"stx-case-img\">\n          <span class=\"stx-case-tag\">Wiesbaden \u00b7 Dezember<\/span>\n          <img decoding=\"async\" src=\"https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/40.-Geburtstag-Julian-Bastian-229-scaled.jpg\" alt=\"B\u00fchnenshow Asset Manager\">\n        <\/div>\n        <div class=\"stx-case-meta-top\">Asset Management<\/div>\n        <h3>Ein Teammoment, der lange nach der Show wirkte.<\/h3>\n        <p class=\"stx-case-text\">Bei der Jahresabschluss-Veranstaltung kreierte Steasy mit B\u00fchnenshow und Smart Magic einen interaktiven Moment, in dem ein Teammitglied zum Mittelpunkt wurde.<\/p>\n        <div class=\"stx-case-stats\">\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">180<\/span>\n            <span class=\"stx-stat-label\">G\u00e4ste<\/span>\n          <\/div>\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">45'<\/span>\n            <span class=\"stx-stat-label\">B\u00fchnenshow<\/span>\n          <\/div>\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">5\u2605<\/span>\n            <span class=\"stx-stat-label\">Bewertung<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"stx-case\" data-reveal>\n        <div class=\"stx-case-img\">\n          <span class=\"stx-case-tag\">Walldorf \u00b7 Dezember<\/span>\n          <img decoding=\"async\" src=\"https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/Foto-Arndt-Falter.jpg\" alt=\"Tech-Konzern Weihnachtsfeier\">\n        <\/div>\n        <div class=\"stx-case-meta-top\">Technologie-Konzern<\/div>\n        <h3>Wenn die Uhr eines IT-Lead pl\u00f6tzlich verschwindet.<\/h3>\n        <p class=\"stx-case-text\">Auf der Tech-Weihnachtsfeier wurde ein Bereichsleiter Teil der Show. Sein Pickpocket-Moment wurde zum Talk of the Town des Abends \u2014 auch IT-Profis lassen sich gerne \u00fcberraschen.<\/p>\n        <div class=\"stx-case-stats\">\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">250<\/span>\n            <span class=\"stx-stat-label\">G\u00e4ste<\/span>\n          <\/div>\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">Kombi<\/span>\n            <span class=\"stx-stat-label\">Format<\/span>\n          <\/div>\n          <div class=\"stx-stat\">\n            <span class=\"stx-stat-num\">5\u2605<\/span>\n            <span class=\"stx-stat-label\">Bewertung<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n<div class=\"stx-cases-cta\">\n      <p class=\"stx-cases-cta-text\">Soll Ihre Weihnachtsfeier die n\u00e4chste Story werden?<\/p>\n      <a href=\"#anfragen\" class=\"stx-btn stx-btn-cases\">Jetzt anfragen \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.stx-counter-section {\n  position: relative;\n  padding: 120px 0;\n  background: var(--green);\n  color: var(--cream);\n  overflow: hidden;\n}\n\n\/* Subtile dekorative Hintergrund-Elemente *\/\n.stx-counter-section::before {\n  content: '';\n  position: absolute;\n  top: -100px;\n  right: -100px;\n  width: 400px;\n  height: 400px;\n  border: 1px solid rgba(245, 239, 228, 0.06);\n  border-radius: 50%;\n}\n\n.stx-counter-section::after {\n  content: '';\n  position: absolute;\n  bottom: -150px;\n  left: -150px;\n  width: 500px;\n  height: 500px;\n  border: 1px solid rgba(245, 239, 228, 0.04);\n  border-radius: 50%;\n}\n\n.stx-counter-head {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 80px;\n  position: relative;\n  z-index: 2;\n}\n\n.stx-counter-head .stx-eyebrow {\n  color: rgba(245, 239, 228, 0.8);\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.stx-counter-head .stx-eyebrow::before,\n.stx-counter-head .stx-eyebrow::after {\n  content: '';\n  width: 24px;\n  height: 1px;\n  background: rgba(245, 239, 228, 0.4);\n}\n\n.stx-counter-head h2 {\n  font-size: clamp(36px, 4.2vw, 52px);\n  color: var(--cream);\n  line-height: 1.15;\n  margin-top: 4px;\n}\n\n.stx-counter-head h2 .accent {\n  font-style: italic;\n  color: rgba(245, 239, 228, 0.7);\n}\n\n.stx-counter-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  position: relative;\n  z-index: 2;\n  margin-bottom: 80px;\n}\n\n.stx-counter-item {\n  position: relative;\n  text-align: center;\n  padding: 24px 20px;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-counter-item.is-visible { opacity: 1; transform: translateY(0); }\n\n.stx-counter-item:nth-child(1) { transition-delay: 0s; }\n.stx-counter-item:nth-child(2) { transition-delay: 0.1s; }\n.stx-counter-item:nth-child(3) { transition-delay: 0.2s; }\n.stx-counter-item:nth-child(4) { transition-delay: 0.3s; }\n\n.stx-counter-item:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 30%;\n  bottom: 30%;\n  width: 1px;\n  background: rgba(245, 239, 228, 0.15);\n}\n\n.stx-counter-num {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(56px, 6.5vw, 88px);\n  font-weight: 500;\n  color: var(--cream);\n  line-height: 1;\n  margin-bottom: 16px;\n  display: inline-block;\n  letter-spacing: -0.02em;\n}\n\n.stx-counter-num .suffix {\n  font-style: normal;\n  font-weight: 400;\n  margin-left: 2px;\n  color: rgba(245, 239, 228, 0.7);\n}\n\n.stx-counter-divider {\n  width: 28px;\n  height: 1px;\n  background: rgba(245, 239, 228, 0.4);\n  margin: 0 auto 16px;\n}\n\n.stx-counter-label {\n  font-family: var(--sans);\n  font-size: 12px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(245, 239, 228, 0.85);\n  font-weight: 500;\n  line-height: 1.5;\n}\n\n\/* CTA Block *\/\n.stx-counter-cta {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding-top: 60px;\n  border-top: 1px solid rgba(245, 239, 228, 0.12);\n}\n\n.stx-counter-cta-text {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(20px, 2.4vw, 26px);\n  color: rgba(245, 239, 228, 0.95);\n  margin-bottom: 28px;\n  font-weight: 400;\n}\n\n.stx-btn-light {\n  background: var(--cream);\n  color: var(--green) !important;\n}\n\n.stx-btn-light:hover {\n  background: #ffffff;\n  color: var(--green-2) !important;\n  transform: translateY(-1px);\n  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);\n}\n\n@media (max-width: 1024px) {\n  .stx-counter-section { padding: 80px 0; }\n  .stx-counter-head { margin-bottom: 56px; }\n  .stx-counter-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 0; margin-bottom: 56px; }\n  .stx-counter-item:nth-child(2)::after { display: none; }\n  .stx-counter-item:nth-child(3) { transition-delay: 0.1s; }\n  .stx-counter-item:nth-child(4) { transition-delay: 0.2s; }\n}\n\n@media (max-width: 768px) {\n  .stx-counter-grid { grid-template-columns: repeat(2, 1fr); gap: 32px 0; }\n  .stx-counter-item { padding: 16px 12px; }\n}\n<\/style>\n\n<section class=\"stx-counter-section\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-counter-head\">\n      <span class=\"stx-eyebrow\">Zahlen, die sprechen<\/span>\n      <h2>Erfahrung, die <span class=\"accent\">verzaubert<\/span>.<\/h2>\n    <\/div>\n\n    <div class=\"stx-counter-grid\">\n      <div class=\"stx-counter-item\" data-counter>\n        <span class=\"stx-counter-num\"><span data-target=\"600\">0<\/span><span class=\"suffix\">+<\/span><\/span>\n        <div class=\"stx-counter-divider\"><\/div>\n        <div class=\"stx-counter-label\">F\u00fcnf-Sterne-<br>Bewertungen<\/div>\n      <\/div>\n\n      <div class=\"stx-counter-item\" data-counter>\n        <span class=\"stx-counter-num\"><span data-target=\"500\">0<\/span><span class=\"suffix\">+<\/span><\/span>\n        <div class=\"stx-counter-divider\"><\/div>\n        <div class=\"stx-counter-label\">Verzauberte<br>Veranstaltungen<\/div>\n      <\/div>\n\n      <div class=\"stx-counter-item\" data-counter>\n        <span class=\"stx-counter-num\"><span data-target=\"10\">0<\/span><span class=\"suffix\">+<\/span><\/span>\n        <div class=\"stx-counter-divider\"><\/div>\n        <div class=\"stx-counter-label\">Jahre<br>B\u00fchnenerfahrung<\/div>\n      <\/div>\n\n      <div class=\"stx-counter-item\" data-counter>\n        <span class=\"stx-counter-num\"><span data-target=\"24\">0<\/span><span class=\"suffix\">h<\/span><\/span>\n        <div class=\"stx-counter-divider\"><\/div>\n        <div class=\"stx-counter-label\">Antwortzeit auf<br>Ihre Anfrage<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"stx-counter-cta\">\n      <p class=\"stx-counter-cta-text\">Werden Sie Teil dieser Geschichte.<\/p>\n      <a href=\"#anfragen\" class=\"stx-btn stx-btn-light\">Jetzt anfragen \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/* Counter-Animation beim Sichtbarwerden *\/\n(function() {\n  if (!('IntersectionObserver' in window)) return;\n\n  var counterObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (!entry.isIntersecting) return;\n\n      entry.target.classList.add('is-visible');\n\n      var numEl = entry.target.querySelector('[data-target]');\n      if (!numEl) return;\n\n      var target = parseInt(numEl.getAttribute('data-target'));\n      var duration = 2200;\n      var start = null;\n\n      function easeOutQuart(t) { return 1 - Math.pow(1 - t, 4); }\n\n      function step(timestamp) {\n        if (!start) start = timestamp;\n        var progress = Math.min((timestamp - start) \/ duration, 1);\n        var eased = easeOutQuart(progress);\n        var current = Math.floor(eased * target);\n        numEl.textContent = current;\n        if (progress < 1) requestAnimationFrame(step);\n        else numEl.textContent = target;\n      }\n\n      requestAnimationFrame(step);\n      counterObserver.unobserve(entry.target);\n    });\n  }, { threshold: 0.4 });\n\n  document.querySelectorAll('[data-counter]').forEach(function(el) {\n    counterObserver.observe(el);\n  });\n})();\n<\/script>\n<style>\n.stx-voices-section {\n  padding: 140px 0;\n  background: var(--cream);\n  border-top: 1px solid var(--border);\n  overflow: hidden;\n}\n\n.stx-voices {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n}\n\n.stx-voice {\n  position: relative;\n  padding: 80px 48px 56px;\n  background: var(--cream);\n  border: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1),\n              transform 1s cubic-bezier(0.16, 1, 0.3, 1),\n              border-color 0.4s ease,\n              box-shadow 0.4s ease;\n}\n\n.stx-voice.is-visible { opacity: 1; transform: translateY(0); }\n\n.stx-voice:nth-child(2) { transition-delay: 0.15s; }\n.stx-voice:nth-child(3) { transition-delay: 0.3s; }\n\n.stx-voice:hover {\n  border-color: var(--green);\n  box-shadow: 0 24px 48px rgba(45, 74, 58, 0.08);\n}\n\n.stx-voice::before {\n  content: '\"';\n  position: absolute;\n  top: -8px;\n  left: 36px;\n  font-family: var(--serif);\n  font-size: 110px;\n  line-height: 1;\n  color: var(--green);\n  font-weight: 600;\n  opacity: 0.18;\n  transition: opacity 0.4s ease, transform 0.4s ease;\n  pointer-events: none;\n}\n\n.stx-voice:hover::before {\n  opacity: 0.35;\n  transform: translateY(-4px);\n}\n\n.stx-voice::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 40px;\n  height: 2px;\n  background: var(--green);\n  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-voice:hover::after { width: 80px; }\n\n.stx-voice-rating {\n  display: flex;\n  gap: 5px;\n  margin-bottom: 32px;\n  position: relative;\n  z-index: 2;\n}\n\n.stx-voice-rating svg {\n  width: 16px;\n  height: 16px;\n  fill: var(--green);\n}\n\n.stx-voice-quote {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: 19px;\n  line-height: 1.6;\n  color: var(--ink);\n  margin-bottom: 48px;\n  font-weight: 400;\n  flex: 1;\n  position: relative;\n  z-index: 2;\n}\n\n.stx-voice-divider {\n  width: 36px;\n  height: 1px;\n  background: var(--green);\n  margin-bottom: 28px;\n}\n\n.stx-voice-author {\n  font-family: var(--sans);\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--ink);\n  margin-bottom: 6px;\n  letter-spacing: 0.01em;\n}\n\n.stx-voice-role {\n  font-family: var(--sans);\n  font-size: 12px;\n  color: var(--ink-mut);\n  letter-spacing: 0.05em;\n  margin-bottom: 18px;\n  line-height: 1.5;\n}\n\n.stx-voice-company {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: 17px;\n  color: var(--green);\n  font-weight: 500;\n}\n\n.stx-voice-company::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--green);\n  flex-shrink: 0;\n}\n\n.stx-voices-cta {\n  margin-top: 80px;\n  text-align: center;\n  padding-top: 60px;\n  border-top: 1px solid var(--border);\n}\n\n.stx-voices-cta-text {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(20px, 2.4vw, 26px);\n  color: var(--ink);\n  margin-bottom: 28px;\n  font-weight: 400;\n}\n\n@media (max-width: 1024px) {\n  .stx-voices-section { padding: 90px 0; }\n  .stx-voices { grid-template-columns: 1fr; gap: 24px; }\n  .stx-voice { padding: 64px 36px 44px; }\n  .stx-voice:nth-child(2),\n  .stx-voice:nth-child(3) { transition-delay: 0s; }\n}\n<\/style>\n\n<section class=\"stx-voices-section\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-section-head\">\n      <span class=\"stx-eyebrow\">Was Kunden sagen<\/span>\n      <h2>Stimmen, die <span class=\"accent\">nachklingen<\/span>.<\/h2>\n      <p>Drei Ausz\u00fcge aus \u00fcber 600 F\u00fcnf-Sterne-Bewertungen \u2014 von Auftraggebern, die genau wissen, was sie f\u00fcr ihre Mitarbeiter wollen.<\/p>\n    <\/div>\n\n    <div class=\"stx-voices\">\n\n      <article class=\"stx-voice\" data-reveal>\n        <div class=\"stx-voice-rating\">\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n        <\/div>\n        <p class=\"stx-voice-quote\">Steasys Auftritt war der unangefochtene H\u00f6hepunkt unserer Weihnachtsfeier. Selbst Kollegen, die sonst eher zur\u00fcckhaltend sind, waren begeistert dabei. Absolute Empfehlung f\u00fcr jedes Unternehmen, das einen wirklich besonderen Abend m\u00f6chte.<\/p>\n        <div class=\"stx-voice-divider\"><\/div>\n        <div class=\"stx-voice-author\">Dr. Markus Weber<\/div>\n        <div class=\"stx-voice-role\">Leitung HR \u00b7 Weihnachtsfeier 2025<\/div>\n        <div class=\"stx-voice-company\">Frankfurter Allgemeine Zeitung<\/div>\n      <\/article>\n\n      <article class=\"stx-voice\" data-reveal>\n        <div class=\"stx-voice-rating\">\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n        <\/div>\n        <p class=\"stx-voice-quote\">Steasy hat die Stimmung unseres gesamten Teams in wenigen Minuten transformiert. Was wir gebucht haben war Magie \u2014 was wir bekommen haben war ein echter Teammoment, der noch heute Gespr\u00e4chsthema ist.<\/p>\n        <div class=\"stx-voice-divider\"><\/div>\n        <div class=\"stx-voice-author\">Sabine Hartmann<\/div>\n        <div class=\"stx-voice-role\">Head of Internal Events \u00b7 Jahresfeier 2024<\/div>\n        <div class=\"stx-voice-company\">Union Investment<\/div>\n      <\/article>\n\n      <article class=\"stx-voice\" data-reveal>\n        <div class=\"stx-voice-rating\">\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n        <\/div>\n        <p class=\"stx-voice-quote\">Vom ersten Anruf bis zum Ende der Show \u2014 durchg\u00e4ngig professionell, pers\u00f6nlich und \u00fcberraschend. Steasy hat genau verstanden, was unser Team braucht. Selbst unsere skeptischsten Ingenieure waren am Ende sprachlos.<\/p>\n        <div class=\"stx-voice-divider\"><\/div>\n        <div class=\"stx-voice-author\">Thomas Berger<\/div>\n        <div class=\"stx-voice-role\">Head of Communications \u00b7 Tech-Weihnachtsfeier 2024<\/div>\n        <div class=\"stx-voice-company\">SAP SE<\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"stx-voices-cta\">\n      <p class=\"stx-voices-cta-text\">Lassen Sie Ihre Mitarbeiter so \u00fcber Sie sprechen.<\/p>\n      <a href=\"#anfragen\" class=\"stx-btn\">Jetzt anfragen \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.stx-rating-section {\n  padding: 80px 0;\n  background: var(--cream);\n  text-align: center;\n}\n\n.stx-rating-card {\n  display: inline-flex;\n  align-items: center;\n  gap: 36px;\n  padding: 32px 48px;\n  background: var(--cream);\n  border: 1px solid var(--border);\n  position: relative;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1),\n              transform 1s cubic-bezier(0.16, 1, 0.3, 1),\n              border-color 0.4s ease,\n              box-shadow 0.4s ease;\n}\n\n.stx-rating-card.is-visible { opacity: 1; transform: translateY(0); }\n\n.stx-rating-card:hover {\n  border-color: var(--green);\n  box-shadow: 0 24px 48px rgba(45, 74, 58, 0.08);\n}\n\n\/* Akzent-Linie oben *\/\n.stx-rating-card::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 2px;\n  background: var(--green);\n  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-rating-card:hover::after { width: 100px; }\n\n.stx-rating-icon {\n  width: 56px;\n  height: 56px;\n  flex-shrink: 0;\n}\n\n.stx-rating-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.stx-rating-stars {\n  display: flex;\n  gap: 4px;\n}\n\n.stx-rating-stars svg {\n  width: 18px;\n  height: 18px;\n  fill: var(--green);\n}\n\n.stx-rating-score-line {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n}\n\n.stx-rating-score {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: 32px;\n  font-weight: 500;\n  color: var(--ink);\n  line-height: 1;\n}\n\n.stx-rating-source {\n  font-family: var(--sans);\n  font-size: 12px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--ink-mut);\n  font-weight: 600;\n}\n\n.stx-rating-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 32px;\n  font-family: var(--sans);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--green);\n  border-bottom: 1px solid var(--green);\n  padding-bottom: 4px;\n  transition: gap 0.3s ease;\n}\n\n.stx-rating-link:hover { gap: 14px; }\n\n@media (max-width: 768px) {\n  .stx-rating-section { padding: 60px 0; }\n  .stx-rating-card { flex-direction: column; gap: 20px; padding: 28px 32px; align-items: center; text-align: center; }\n  .stx-rating-content { align-items: center; }\n}\n<\/style>\n\n<section class=\"stx-rating-section\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-rating-card\" data-reveal>\n      <svg class=\"stx-rating-icon\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill=\"#4285F4\" d=\"M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z\"\/>\n        <path fill=\"#34A853\" d=\"M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z\"\/>\n        <path fill=\"#FBBC05\" d=\"M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24c0 3.55.85 6.91 2.34 9.88l7.35-5.7z\"\/>\n        <path fill=\"#EA4335\" d=\"M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z\"\/>\n      <\/svg>\n      <div class=\"stx-rating-content\">\n        <div class=\"stx-rating-stars\">\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6.3L19 8l-5 4.5L15.5 19 10 15.6 4.5 19 6 12.5 1 8l6.4-.7z\"\/><\/svg>\n        <\/div>\n        <div class=\"stx-rating-score-line\">\n          <span class=\"stx-rating-score\">4.9 \/ 5.0<\/span>\n          <span class=\"stx-rating-source\">aus 600+ Bewertungen<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div>\n      <a href=\"https:\/\/www.provenexpert.com\/magier-steasy\/\" target=\"_blank\" rel=\"noopener\" class=\"stx-rating-link\">Alle Bewertungen ansehen \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.stx-form-section {\n  padding: 140px 0;\n  background: var(--green);\n  color: var(--cream);\n  position: relative;\n  overflow: hidden;\n}\n\n.stx-form-section::before { content: ''; position: absolute; top: -150px; right: -150px; width: 500px; height: 500px; border: 1px solid rgba(245, 239, 228, 0.05); border-radius: 50%; }\n.stx-form-section::after { content: ''; position: absolute; bottom: -200px; left: -200px; width: 600px; height: 600px; border: 1px solid rgba(245, 239, 228, 0.04); border-radius: 50%; }\n\n.stx-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.3fr;\n  gap: 100px;\n  align-items: start;\n  position: relative;\n  z-index: 2;\n}\n\n.stx-form-intro h2 {\n  font-size: clamp(38px, 4.5vw, 56px);\n  color: var(--cream);\n  line-height: 1.1;\n  margin-bottom: 28px;\n}\n.stx-form-intro h2 .accent { font-style: italic; color: rgba(245, 239, 228, 0.7); }\n.stx-form-intro .stx-eyebrow { color: rgba(245, 239, 228, 0.85); }\n\n.stx-form-intro-text {\n  font-size: 17px;\n  line-height: 1.65;\n  color: rgba(245, 239, 228, 0.9);\n  margin-bottom: 40px;\n}\n\n.stx-form-promise {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding-top: 32px;\n  border-top: 1px solid rgba(245, 239, 228, 0.15);\n}\n\n.stx-form-promise-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  font-size: 14px;\n  color: rgba(245, 239, 228, 0.92);\n}\n\n.stx-form-promise-item svg {\n  width: 18px;\n  height: 18px;\n  stroke: var(--cream);\n  stroke-width: 2;\n  fill: none;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.stx-form-card {\n  background: var(--cream);\n  padding: 56px 48px;\n  color: var(--ink);\n  position: relative;\n}\n\n.stx-form-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 80px;\n  height: 3px;\n  background: var(--green);\n}\n\n.stx-form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin-bottom: 24px;\n}\n\n.stx-form-field {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.stx-form-field label {\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--ink-mut);\n  margin-bottom: 10px;\n}\n\n.stx-form-field label .req { color: var(--green); margin-left: 4px; }\n\n.stx-form-field input,\n.stx-form-field select,\n.stx-form-field textarea {\n  font-family: var(--sans);\n  font-size: 15px;\n  color: var(--ink);\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid var(--border);\n  padding: 10px 0;\n  outline: none;\n  transition: border-color 0.3s ease;\n  -webkit-appearance: none;\n  border-radius: 0;\n}\n\n.stx-form-field textarea {\n  resize: vertical;\n  min-height: 100px;\n  font-family: var(--sans);\n}\n\n.stx-form-field input:focus,\n.stx-form-field select:focus,\n.stx-form-field textarea:focus {\n  border-bottom-color: var(--green);\n}\n\n.stx-form-field input::placeholder,\n.stx-form-field textarea::placeholder {\n  color: var(--ink-mut);\n  opacity: 0.5;\n}\n\n.stx-form-field select {\n  cursor: pointer;\n  background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%232d4a3a' stroke-width='2'><polyline points='6 9 12 15 18 9'\/><\/svg>\");\n  background-repeat: no-repeat;\n  background-position: right 0 center;\n  background-size: 16px;\n  padding-right: 28px;\n}\n\n.stx-form-consent {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  margin: 8px 0 32px;\n  font-size: 13px;\n  color: var(--ink-2);\n  line-height: 1.5;\n}\n\n.stx-form-consent input[type=\"checkbox\"] {\n  margin-top: 3px;\n  accent-color: var(--green);\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.stx-form-consent a { color: var(--green); text-decoration: underline; }\n\n.stx-form-submit {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: 100%;\n  padding: 22px 42px;\n  background: var(--green);\n  color: var(--cream);\n  font-family: var(--sans);\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.stx-form-submit:hover {\n  background: var(--green-2);\n  transform: translateY(-1px);\n  box-shadow: 0 16px 40px rgba(45, 74, 58, 0.3);\n}\n\n.stx-form-note {\n  text-align: center;\n  margin-top: 16px;\n  font-size: 12px;\n  color: var(--ink-mut);\n  letter-spacing: 0.05em;\n}\n\n@media (max-width: 1024px) {\n  .stx-form-section { padding: 90px 0; }\n  .stx-form-grid { grid-template-columns: 1fr; gap: 56px; }\n}\n\n@media (max-width: 600px) {\n  .stx-form-card { padding: 40px 28px; }\n  .stx-form-row { grid-template-columns: 1fr; gap: 0; margin-bottom: 0; }\n}\n<\/style>\n\n<section class=\"stx-form-section\" id=\"anfragen\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-form-grid\">\n\n      <div class=\"stx-form-intro\">\n        <span class=\"stx-eyebrow\">Jetzt anfragen<\/span>\n        <h2>Erz\u00e4hlen Sie uns von Ihrer <span class=\"accent\">Veranstaltung<\/span>.<\/h2>\n        <p class=\"stx-form-intro-text\">Je mehr wir \u00fcber Ihren Anlass wissen, desto pr\u00e4ziser k\u00f6nnen wir ein passendes Konzept und einen verbindlichen Festpreis vorbereiten.<\/p>\n\n        <div class=\"stx-form-promise\">\n          <div class=\"stx-form-promise-item\">\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <span>Antwort innerhalb von 24 Stunden<\/span>\n          <\/div>\n          <div class=\"stx-form-promise-item\">\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <span>Pers\u00f6nliches Vorgespr\u00e4ch mit Steasy direkt<\/span>\n          <\/div>\n          <div class=\"stx-form-promise-item\">\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <span>Kostenlos und unverbindlich<\/span>\n          <\/div>\n          <div class=\"stx-form-promise-item\">\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <span>Verbindlicher Festpreis \u2014 keine \u00dcberraschungen<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <form class=\"stx-form-card\" action=\"mailto:info@magier-steasy.com\" method=\"post\" enctype=\"text\/plain\">\n        <div class=\"stx-form-row\">\n          <div class=\"stx-form-field\">\n            <label>Vor- und Nachname<span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" name=\"name\" placeholder=\"Max Mustermann\" required>\n          <\/div>\n          <div class=\"stx-form-field\">\n            <label>Unternehmen<span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" name=\"company\" placeholder=\"Musterfirma GmbH\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"stx-form-row\">\n          <div class=\"stx-form-field\">\n            <label>E-Mail<span class=\"req\">*<\/span><\/label>\n            <input type=\"email\" name=\"email\" placeholder=\"max@musterfirma.de\" required>\n          <\/div>\n          <div class=\"stx-form-field\">\n            <label>Telefon<\/label>\n            <input type=\"tel\" name=\"phone\" placeholder=\"+49 ...\">\n          <\/div>\n        <\/div>\n\n        <div class=\"stx-form-row\">\n          <div class=\"stx-form-field\">\n            <label>Veranstaltungsdatum<span class=\"req\">*<\/span><\/label>\n            <input type=\"date\" name=\"date\" required>\n          <\/div>\n          <div class=\"stx-form-field\">\n            <label>Veranstaltungsort<span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" name=\"location\" placeholder=\"Stadt \/ PLZ\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"stx-form-row\">\n          <div class=\"stx-form-field\">\n            <label>Anzahl G\u00e4ste<span class=\"req\">*<\/span><\/label>\n            <select name=\"guests\" required>\n              <option value=\"\">Bitte w\u00e4hlen<\/option>\n              <option>bis 50<\/option>\n              <option>50\u2013100<\/option>\n              <option>100\u2013200<\/option>\n              <option>200\u2013500<\/option>\n              <option>\u00fcber 500<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"stx-form-field\">\n            <label>Gew\u00fcnschtes Format<\/label>\n            <select name=\"format\">\n              <option value=\"\">Bitte w\u00e4hlen<\/option>\n              <option>Close-Up Walking Act<\/option>\n              <option>B\u00fchnenshow<\/option>\n              <option>Kombination<\/option>\n              <option>Noch unentschieden<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div class=\"stx-form-field\">\n          <label>Ihre Nachricht<\/label>\n          <textarea name=\"message\" placeholder=\"Erz\u00e4hlen Sie uns mehr \u00fcber Ihre Veranstaltung \u2014 Anlass, Ablauf, besondere W\u00fcnsche...\"><\/textarea>\n        <\/div>\n\n        <label class=\"stx-form-consent\">\n          <input type=\"checkbox\" name=\"consent\" required>\n          <span>Ich stimme der <a href=\"#datenschutz\">Datenschutzerkl\u00e4rung<\/a> zu und bin mit der Verarbeitung meiner Daten zum Zweck der Anfrage-Bearbeitung einverstanden.<\/span>\n        <\/label>\n\n        <button type=\"submit\" class=\"stx-form-submit\">Anfrage absenden \u2192<\/button>\n\n        <p class=\"stx-form-note\">Antwort innerhalb von 24 Stunden \u2014 meist deutlich schneller.<\/p>\n      <\/form>\n\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.stx-faq-section {\n  padding: 140px 0;\n  background: var(--cream);\n  border-top: 1px solid var(--border);\n}\n\n.stx-faq-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr;\n  gap: 100px;\n  align-items: start;\n}\n\n.stx-faq-intro {\n  position: sticky;\n  top: 60px;\n}\n\n.stx-faq-intro h2 {\n  font-size: clamp(38px, 4.5vw, 56px);\n  margin-bottom: 24px;\n  line-height: 1.1;\n}\n.stx-faq-intro h2 .accent { font-style: italic; color: var(--green); }\n\n.stx-faq-intro p {\n  font-size: 17px;\n  color: var(--ink-2);\n  line-height: 1.65;\n  margin-bottom: 32px;\n}\n\n.stx-faq-contact {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--sans);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--green) !important;\n  border-bottom: 1px solid var(--green);\n  padding-bottom: 4px;\n  transition: gap 0.3s ease;\n}\n.stx-faq-contact:hover,\n.stx-faq-contact:focus,\n.stx-faq-contact:active,\n.stx-faq-contact:visited { gap: 16px; color: var(--green) !important; }\n\n.stx-faq-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.stx-faq-item {\n  border-bottom: 1px solid var(--border);\n}\n\n.stx-faq-item:first-child { border-top: 1px solid var(--border); }\n\n\/* Hover-Fix: Hello Elementor Standard-Linkfarbe (Rosa) \u00fcberschreiben *\/\n.stx-faq-question,\n.stx-faq-question:link,\n.stx-faq-question:visited {\n  color: var(--ink) !important;\n}\n\n.stx-faq-question:hover,\n.stx-faq-question:focus,\n.stx-faq-question:active {\n  color: var(--green) !important;\n}\n\n.stx-faq-item button,\n.stx-faq-item button:hover,\n.stx-faq-item button:focus,\n.stx-faq-item button:active,\n.stx-faq-item button:visited {\n  background: transparent !important;\n  border: none !important;\n  text-decoration: none !important;\n  outline: none !important;\n}\n\n.stx-faq-question {\n  width: 100%;\n  background: transparent;\n  border: none;\n  padding: 32px 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  cursor: pointer;\n  text-align: left;\n  font-family: var(--serif);\n  font-size: 22px;\n  font-weight: 500;\n  line-height: 1.3;\n  transition: color 0.3s ease;\n}\n\n.stx-faq-toggle {\n  position: relative;\n  width: 28px;\n  height: 28px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  border: 1px solid var(--green);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-faq-toggle::before,\n.stx-faq-toggle::after {\n  content: '';\n  position: absolute;\n  background: var(--green);\n  transition: all 0.3s ease;\n}\n\n.stx-faq-toggle::before {\n  top: 50%; left: 25%; right: 25%;\n  height: 1px;\n  transform: translateY(-50%);\n}\n\n.stx-faq-toggle::after {\n  left: 50%; top: 25%; bottom: 25%;\n  width: 1px;\n  transform: translateX(-50%);\n}\n\n.stx-faq-item.is-open .stx-faq-toggle {\n  background: var(--green);\n  transform: rotate(180deg);\n}\n\n.stx-faq-item.is-open .stx-faq-toggle::before { background: var(--cream); }\n.stx-faq-item.is-open .stx-faq-toggle::after { opacity: 0; }\n\n.stx-faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.stx-faq-answer-inner {\n  padding: 0 0 32px 0;\n  font-size: 16px;\n  line-height: 1.7;\n  color: var(--ink-2);\n  max-width: 720px;\n}\n\n.stx-faq-item.is-open .stx-faq-answer { max-height: 500px; }\n\n@media (max-width: 1024px) {\n  .stx-faq-section { padding: 90px 0; }\n  .stx-faq-grid { grid-template-columns: 1fr; gap: 48px; }\n  .stx-faq-intro { position: static; }\n  .stx-faq-question { font-size: 18px; padding: 24px 0; gap: 20px; }\n}\n<\/style>\n\n<section class=\"stx-faq-section\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-faq-grid\">\n\n      <div class=\"stx-faq-intro\">\n        <span class=\"stx-eyebrow\">H\u00e4ufige Fragen<\/span>\n        <h2>Antworten, bevor Sie <span class=\"accent\">fragen<\/span>.<\/h2>\n        <p>Die Fragen, die Auftraggeber im Vorgespr\u00e4ch am h\u00e4ufigsten stellen \u2014 ehrlich beantwortet.<\/p>\n        <a href=\"#anfragen\" class=\"stx-faq-contact\">Frage nicht dabei? Direkt anfragen \u2192<\/a>\n      <\/div>\n\n      <ul class=\"stx-faq-list\">\n\n        <li class=\"stx-faq-item\">\n          <button class=\"stx-faq-question\" type=\"button\">\n            Was kostet ein Auftritt?\n            <span class=\"stx-faq-toggle\"><\/span>\n          <\/button>\n          <div class=\"stx-faq-answer\">\n            <div class=\"stx-faq-answer-inner\">\n              Der Preis richtet sich nach Format, Dauer, G\u00e4stezahl und Anfahrt. Nach Ihrer Anfrage erstellen wir einen verbindlichen Festpreis \u2014 keine versteckten Kosten, keine \u00dcberraschungen. Als Orientierung: Premium-Walking-Acts beginnen ab 1.500 \u20ac, eine kombinierte L\u00f6sung mit B\u00fchnenshow bewegt sich typischerweise im vierstelligen Bereich.\n            <\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"stx-faq-item\">\n          <button class=\"stx-faq-question\" type=\"button\">\n            Wie kurzfristig ist eine Buchung m\u00f6glich?\n            <span class=\"stx-faq-toggle\"><\/span>\n          <\/button>\n          <div class=\"stx-faq-answer\">\n            <div class=\"stx-faq-answer-inner\">\n              Idealerweise drei bis sechs Monate vorher \u2014 vor allem f\u00fcr Termine im November und Dezember, wenn die Saison voll ist. Kurzfristige Buchungen sind m\u00f6glich, aber Termine im Q4 f\u00fcllen sich erfahrungsgem\u00e4\u00df fr\u00fch. Fragen Sie unverbindlich an, dann sehen wir, was m\u00f6glich ist.\n            <\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"stx-faq-item\">\n          <button class=\"stx-faq-question\" type=\"button\">\n            Funktioniert das auch bei kleinen Gruppen?\n            <span class=\"stx-faq-toggle\"><\/span>\n          <\/button>\n          <div class=\"stx-faq-answer\">\n            <div class=\"stx-faq-answer-inner\">\n              Ja. Steasys Repertoire reicht von intimen Runden ab 15 Personen bis zu Gro\u00dfveranstaltungen mit \u00fcber 500 G\u00e4sten. Bei kleinen Gruppen kommt der Walking Act besonders gut zur Geltung \u2014 die pers\u00f6nliche N\u00e4he macht hier den Unterschied.\n            <\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"stx-faq-item\">\n          <button class=\"stx-faq-question\" type=\"button\">\n            Welche technische Ausstattung wird ben\u00f6tigt?\n            <span class=\"stx-faq-toggle\"><\/span>\n          <\/button>\n          <div class=\"stx-faq-answer\">\n            <div class=\"stx-faq-answer-inner\">\n              F\u00fcr den Walking Act: nichts. Steasy bringt alles mit. F\u00fcr die B\u00fchnenshow ben\u00f6tigen wir abh\u00e4ngig von der G\u00e4stezahl ein Mikrofon, eine kleine B\u00fchne oder Showfl\u00e4che und eine Anschlussm\u00f6glichkeit f\u00fcr Musik. Details kl\u00e4ren wir im Vorgespr\u00e4ch \u2014 Sie m\u00fcssen sich um nichts k\u00fcmmern.\n            <\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"stx-faq-item\">\n          <button class=\"stx-faq-question\" type=\"button\">\n            Tritt Steasy auch auf Englisch auf?\n            <span class=\"stx-faq-toggle\"><\/span>\n          <\/button>\n          <div class=\"stx-faq-answer\">\n            <div class=\"stx-faq-answer-inner\">\n              Ja, ein Gro\u00dfteil von Steasys Auftritten findet auf Englisch statt \u2014 etwa f\u00fcr internationale Teams in Konzernen. Sprachwechsel innerhalb einer Show sind ebenfalls m\u00f6glich, falls gemischtsprachiges Publikum anwesend ist.\n            <\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"stx-faq-item\">\n          <button class=\"stx-faq-question\" type=\"button\">\n            K\u00f6nnen auch zur\u00fcckhaltende G\u00e4ste eingebunden werden?\n            <span class=\"stx-faq-toggle\"><\/span>\n          <\/button>\n          <div class=\"stx-faq-answer\">\n            <div class=\"stx-faq-answer-inner\">\n              Steasys Stil ist bewusst respektvoll und nie blo\u00dfstellend. Niemand wird vorgef\u00fchrt, niemand muss auf die B\u00fchne, der nicht m\u00f6chte. Im Gegenteil \u2014 gerade die zur\u00fcckhaltenden G\u00e4ste werden oft besonders begeistert eingebunden, weil das Gef\u00fchl entsteht, Teil eines pers\u00f6nlichen Moments zu sein.\n            <\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"stx-faq-item\">\n          <button class=\"stx-faq-question\" type=\"button\">\n            Reist Steasy auch deutschlandweit an?\n            <span class=\"stx-faq-toggle\"><\/span>\n          <\/button>\n          <div class=\"stx-faq-answer\">\n            <div class=\"stx-faq-answer-inner\">\n              Ja, Steasy tritt deutschlandweit und in der DACH-Region auf. Anfahrt und gegebenenfalls \u00dcbernachtung werden im Festpreis transparent ausgewiesen \u2014 keine versteckten Reisekosten.\n            <\/div>\n          <\/div>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  document.querySelectorAll('.stx-faq-question').forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      var item = btn.parentElement;\n      var wasOpen = item.classList.contains('is-open');\n      document.querySelectorAll('.stx-faq-item').forEach(function(i) { i.classList.remove('is-open'); });\n      if (!wasOpen) item.classList.add('is-open');\n    });\n  });\n})();\n<\/script>\n<style>\n\/* FINAL CTA *\/\n.stx-final-section {\n  padding: 160px 0 140px;\n  background: var(--cream);\n  border-top: 1px solid var(--border);\n  text-align: center;\n  position: relative;\n}\n\n.stx-final-content {\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.stx-final-content .stx-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n}\n.stx-final-content .stx-eyebrow::before,\n.stx-final-content .stx-eyebrow::after {\n  content: '';\n  width: 32px;\n  height: 1px;\n  background: var(--green);\n  opacity: 0.4;\n}\n\n.stx-final-content h2 {\n  font-size: clamp(44px, 5.5vw, 72px);\n  line-height: 1.05;\n  margin: 8px 0 32px;\n  letter-spacing: -0.015em;\n}\n\n.stx-final-content h2 .accent { font-style: italic; color: var(--green); }\n\n.stx-final-content p {\n  font-size: 19px;\n  color: var(--ink-2);\n  line-height: 1.65;\n  margin-bottom: 48px;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.stx-final-cta {\n  display: flex;\n  gap: 18px;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: 40px;\n}\n\n.stx-final-trust {\n  font-family: var(--sans);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--ink-mut);\n}\n\n\/* FOOTER *\/\n.stx-footer {\n  background: var(--ink);\n  color: rgba(245, 239, 228, 0.85);\n  padding: 80px 0 32px;\n}\n\n.stx-footer-grid {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\n  gap: 64px;\n  margin-bottom: 64px;\n}\n\n.stx-footer-brand img {\n  height: 48px;\n  width: auto;\n  margin-bottom: 24px;\n}\n\n.stx-footer-brand .stx-logo-text {\n  font-family: var(--serif);\n  font-size: 24px;\n  color: var(--cream);\n  display: block;\n  margin-bottom: 16px;\n}\n\n.stx-footer-tagline {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: 16px;\n  color: rgba(245, 239, 228, 0.7);\n  line-height: 1.5;\n  max-width: 320px;\n}\n\n.stx-footer h4 {\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--cream);\n  margin-bottom: 24px;\n}\n\n.stx-footer ul { list-style: none; padding: 0; margin: 0; }\n\n.stx-footer ul li {\n  margin-bottom: 12px;\n  font-size: 14px;\n}\n\n.stx-footer ul li a {\n  color: rgba(245, 239, 228, 0.7);\n  transition: color 0.3s ease;\n}\n\n.stx-footer ul li a:hover { color: var(--cream); }\n\n.stx-footer-contact {\n  font-size: 14px;\n  line-height: 1.7;\n  color: rgba(245, 239, 228, 0.7);\n}\n\n.stx-footer-contact a { color: rgba(245, 239, 228, 0.7); transition: color 0.3s ease; }\n.stx-footer-contact a:hover { color: var(--cream); }\n\n.stx-footer-bottom {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 32px;\n  border-top: 1px solid rgba(245, 239, 228, 0.12);\n  font-size: 12px;\n  color: rgba(245, 239, 228, 0.5);\n  letter-spacing: 0.05em;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.stx-footer-legal {\n  display: flex;\n  gap: 24px;\n}\n\n.stx-footer-legal a {\n  color: rgba(245, 239, 228, 0.5);\n  transition: color 0.3s ease;\n}\n.stx-footer-legal a:hover { color: var(--cream); }\n\n@media (max-width: 1024px) {\n  .stx-final-section { padding: 100px 0 90px; }\n  .stx-footer-grid { grid-template-columns: 1fr 1fr; gap: 48px; }\n  .stx-footer { padding: 64px 0 24px; }\n}\n\n@media (max-width: 600px) {\n  .stx-final-cta { flex-direction: column; align-items: stretch; }\n  .stx-final-cta .stx-btn { justify-content: center; }\n  .stx-footer-grid { grid-template-columns: 1fr; gap: 40px; }\n  .stx-footer-bottom { flex-direction: column; align-items: flex-start; text-align: left; }\n}\n<\/style>\n\n<section class=\"stx-final-section\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-final-content\">\n      <span class=\"stx-eyebrow\">Bereit, zu verzaubern?<\/span>\n      <h2>Sichern Sie sich Ihren <span class=\"accent\">Termin<\/span>.<\/h2>\n      <p>Die sch\u00f6nsten Termine im Dezember sind oft schon im Sommer vergeben. Eine kurze Anfrage gen\u00fcgt \u2014 und Sie wissen innerhalb von 24 Stunden, ob Ihr Wunschdatum noch verf\u00fcgbar ist.<\/p>\n      <div class=\"stx-final-cta\">\n        <a href=\"#anfragen\" class=\"stx-btn\">Jetzt anfragen \u2192<\/a>\n        <a href=\"tel:+4915228440101\" class=\"stx-btn stx-btn-ghost\">Direkt anrufen<\/a>\n      <\/div>\n      <div class=\"stx-final-trust\">600+ F\u00fcnf-Sterne-Bewertungen \u00b7 Antwort in 24h<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer class=\"stx-footer\">\n  <div class=\"stx-wrap\">\n    <div class=\"stx-footer-grid\">\n\n      <div class=\"stx-footer-brand\">\n        <img decoding=\"async\" src=\"https:\/\/berjoska.scaletech.website\/wp-content\/uploads\/2026\/04\/Logo_Steasy_rgb_Symbol_scharlachrot_72dpi-bitte-fuer-Thumbnails-Anzeigen-verwenden.jpg\" alt=\"Magier Steasy\">\n        <span class=\"stx-logo-text\">Magier Steasy<\/span>\n        <p class=\"stx-footer-tagline\">Premium Close-Up Magie und interaktive B\u00fchnenshow f\u00fcr Firmenevents.<\/p>\n      <\/div>\n\n      <div>\n        <h4>Anl\u00e4sse<\/h4>\n        <ul>\n          <li><a href=\"#\">Firmenweihnachtsfeier<\/a><\/li>\n          <li><a href=\"#\">Sommerfest<\/a><\/li>\n          <li><a href=\"#\">Jubil\u00e4um<\/a><\/li>\n          <li><a href=\"#\">Kick-off & Tagung<\/a><\/li>\n          <li><a href=\"#\">Galaabend<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div>\n        <h4>Magier Steasy<\/h4>\n        <ul>\n          <li><a href=\"#\">\u00dcber Steasy<\/a><\/li>\n          <li><a href=\"#ablauf\">So l\u00e4uft es ab<\/a><\/li>\n          <li><a href=\"#\">Referenzen<\/a><\/li>\n          <li><a href=\"#anfragen\">Anfragen<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div>\n        <h4>Kontakt<\/h4>\n        <div class=\"stx-footer-contact\">\n          <a href=\"mailto:info@magier-steasy.com\">info@magier-steasy.com<\/a><br>\n          <a href=\"tel:+4915228440101\">+49 152 28440101<\/a><br><br>\n          Frankfurt am Main<br>\n          Deutschland\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"stx-footer-bottom\">\n      <div>\u00a9 2026 Magier Steasy \u00b7 Stefan Seidlitz<\/div>\n      <div class=\"stx-footer-legal\">\n        <a href=\"#impressum\">Impressum<\/a>\n        <a href=\"#datenschutz\">Datenschutz<\/a>\n        <a href=\"#agb\">AGB<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n<\/div>\n\n<script>\n(function() {\n  if (!('IntersectionObserver' in window)) return;\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  document.querySelectorAll('[data-reveal]').forEach(function(el) {\n    observer.observe(el);\n  });\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Magier Steasy Anfragen \u2192 Firmenweihnachtsfeier \u00b7 Dezember 2026 Eine Weihnachtsfeier, die Ihre G\u00e4ste nie vergessen. Premium Close-Up Magie und interaktive B\u00fchnenshow f\u00fcr Ihre Firmenweihnachtsfeier. Pers\u00f6nlich, professionell, unfassbar \u2014 gebucht von FAZ, SAP und Union Investment. Termin sichern \u2192 So l\u00e4uft es ab Vertrauen von Unternehmen wie FAZ SAP Union Investment Drei Formate. Ein Erlebnis. Was [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=86"}],"version-history":[{"count":322,"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":643,"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions\/643"}],"wp:attachment":[{"href":"https:\/\/berjoska.scaletech.website\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}