.elementor-17805 .elementor-element.elementor-element-cdc827e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17805 .elementor-element.elementor-element-8657a85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-17805 .elementor-element.elementor-element-c330e11 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#CF2031 !important;color:#ffffff !important;}.elementor-17805 .elementor-element.elementor-element-c330e11 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor4 );}/* Start custom CSS for container, class: .elementor-element-cdc827e *//* Tricise Automic Survey 2026
   Scope: add class `tricise-survey-page` to the top-level Elementor container.
*/

.tricise-survey-page {
  --ts-bg: #0A0C11;
  --ts-bg-2: #10131A;
  --ts-bg-3: #161B25;
  --ts-line: rgba(255,255,255,.09);
  --ts-line-2: rgba(255,255,255,.17);
  --ts-text: #EEF1F6;
  --ts-soft: #AEB4C0;
  --ts-muted: #6E7585;
  --ts-red: #CF2031;
  --ts-red-glow: #FF3A4C;
  --ts-red-tint: rgba(207,32,49,.14);
  --ts-ai: #34E7D3;
  --ts-ai-tint: rgba(52,231,211,.12);
  --ts-ok: #41E0A3;
  --ts-radius: 14px;
  --ts-maxw: 1120px;
  margin: 0;
  color: var(--ts-text);
  background: var(--ts-bg);
  font-family: Inter, Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.tricise-survey-page *,
.tricise-survey-page *::before,
.tricise-survey-page *::after { box-sizing: border-box; }

.tricise-survey-page .ts-wrap {
  width: min(var(--ts-maxw), calc(100% - 52px));
  margin-inline: auto;
}

.tricise-survey-page .ts-anchor {
  position: relative;
  top: -20px;
}

/* HERO */
.tricise-survey-page .ts-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--ts-line);
  background: var(--ts-bg);
}

.tricise-survey-page .ts-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(640px 440px at 80% 26%, rgba(207,32,49,.16), transparent 62%),
    radial-gradient(520px 420px at 95% 66%, rgba(52,231,211,.11), transparent 60%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: auto, auto, 42px 42px, 42px 42px;
  -webkit-mask-image: linear-gradient(180deg,#000 60%,transparent);
  mask-image: linear-gradient(180deg,#000 60%,transparent);
}

.tricise-survey-page .ts-hero-in {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 46px;
  align-items: center;
  padding-block: 84px 92px;
}

.tricise-survey-page .ts-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  color: var(--ts-soft);
  background: rgba(255,255,255,.04);
  border: 1px solid var(--ts-line);
  padding: 8px 13px;
  border-radius: 999px;
  font: 600 12px/1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .14em;
}

.tricise-survey-page .ts-eyebrow b { color: var(--ts-red); }
.tricise-survey-page .ts-eyebrow i { color: var(--ts-ai); font-style: normal; }
.tricise-survey-page .ts-pulse {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--ts-ai);
  box-shadow: 0 0 0 0 rgba(52,231,211,.55);
  animation: ts-pulse 2.2s infinite;
}

@keyframes ts-pulse {
  0% { box-shadow: 0 0 0 0 rgba(52,231,211,.5); }
  70% { box-shadow: 0 0 0 9px rgba(52,231,211,0); }
  100% { box-shadow: 0 0 0 0 rgba(52,231,211,0); }
}

.tricise-survey-page .ts-hed {
  margin: 0;
  color: var(--ts-text);
  font-family: "Space Grotesk", Inter, Arial, system-ui, sans-serif;
  font-size: clamp(38px,5.2vw,62px);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.05;
}

.tricise-survey-page .ts-accent {
  background: linear-gradient(100deg,var(--ts-red),var(--ts-red-glow));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tricise-survey-page .ts-sub {
  max-width: 38em;
  margin: 24px 0 34px;
  color: var(--ts-soft);
  font-size: 18px;
}

.tricise-survey-page .ts-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-bottom: 36px;
}

.tricise-survey-page .ts-meta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ts-soft);
  font-size: 14px;
}

.tricise-survey-page .ts-meta svg { color: var(--ts-ai); }

.tricise-survey-page .ts-btn,
.tricise-survey-page .ff-btn,
.tricise-survey-page .ff-btn-submit,
.tricise-survey-page .step-nav button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  padding: 14px 26px !important;
  background: var(--ts-red) !important;
  color: #fff !important;
  font-family: "Space Grotesk", Inter, Arial, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .12s ease, background .15s ease, box-shadow .2s ease !important;
}

.tricise-survey-page .ts-btn:hover,
.tricise-survey-page .ff-btn:hover,
.tricise-survey-page .ff-btn-submit:hover,
.tricise-survey-page .step-nav button:hover {
  background: var(--ts-red-glow) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 0 30px rgba(207,32,49,.32) !important;
}

.tricise-survey-page .ff-btn-prev {
  background: transparent !important;
  border-color: var(--ts-line-2) !important;
  color: var(--ts-text) !important;
}

.tricise-survey-page .ff-btn-prev:hover {
  background: rgba(255,255,255,.05) !important;
  box-shadow: none !important;
}

/* GRAPH */
.tricise-survey-page .ts-graph { position: relative; }
.tricise-survey-page .ts-graph svg { width: 100%; height: auto; overflow: visible; }
.tricise-survey-page .ts-gtag {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: var(--ts-muted);
  font: 500 12px/1.2 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .22em;
}
.tricise-survey-page .ts-gtag b { color: var(--ts-red); }
.tricise-survey-page .ts-gtag i { color: var(--ts-ai); font-style: normal; }
.tricise-survey-page .ts-link { fill: none; stroke-width: 1.6; stroke-dasharray: 5 6; }
.tricise-survey-page .ts-link-r { stroke: rgba(207,32,49,.7); animation: ts-flow 1.4s linear infinite; }
.tricise-survey-page .ts-link-c { stroke: rgba(52,231,211,.7); animation: ts-flow 1.4s linear infinite reverse; }
@keyframes ts-flow { to { stroke-dashoffset: -44; } }
.tricise-survey-page .ts-nlabel { font-family: ui-monospace, monospace; font-size: 9.5px; letter-spacing: .04em; }
.tricise-survey-page .ts-auto-r { fill: rgba(207,32,49,.1); stroke: var(--ts-red); stroke-width: 1.4; }
.tricise-survey-page .ts-auto-t { fill: #FF9AA3; }
.tricise-survey-page .ts-ai-c { fill: rgba(52,231,211,.08); stroke: var(--ts-ai); stroke-width: 1.4; }
.tricise-survey-page .ts-ai-t { fill: #9AF0E6; }
.tricise-survey-page .ts-glow { animation: ts-glow 2.6s ease-in-out infinite; }
.tricise-survey-page .ts-delay-1 { animation-delay: 1.3s; }
.tricise-survey-page .ts-delay-2 { animation-delay: .6s; }
.tricise-survey-page .ts-delay-3 { animation-delay: 1.9s; }
@keyframes ts-glow { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
.tricise-survey-page .ts-core-ring { fill: none; stroke: #fff; stroke-width: 1.4; opacity: .5; transform-box: fill-box; transform-origin: center; animation: ts-ring 2.8s ease-in-out infinite; }
@keyframes ts-ring { 0%,100% { transform: scale(1); opacity: .5; } 50% { transform: scale(1.12); opacity: .15; } }
.tricise-survey-page .ts-core-x { font-family: "Space Grotesk", Arial, sans-serif; font-weight: 700; font-size: 22px; fill: #fff; }

/* FLUENT FORMS WRAPPER */
.tricise-survey-page .fluentform,
.tricise-survey-page .fluentform_wrapper,
.tricise-survey-page .frm-fluent-form {
  color: var(--ts-text);
}

.tricise-survey-page .fluentform_wrapper {
  width: min(var(--ts-maxw), calc(100% - 52px));
  margin-inline: auto;
  padding-block: 70px 100px;
}

.tricise-survey-page .frm-fluent-form {
  max-width: none !important;
}

/* Multi-step left tabs */
.tricise-survey-page .ff-step-titles {
  background: transparent !important;
  border: 0 !important;
}

.tricise-survey-page .ff-step-titles li,
.tricise-survey-page .ff-step-titles li::before {
  color: var(--ts-muted) !important;
  background: transparent !important;
  border-color: var(--ts-line-2) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.tricise-survey-page .ff-step-titles li.ff_active,
.tricise-survey-page .ff-step-titles li.ff_completed {
  color: var(--ts-text) !important;
}

.tricise-survey-page .ff-step-titles li.ff_active::before,
.tricise-survey-page .ff-step-titles li.ff_completed::before {
  border-color: var(--ts-red) !important;
}

.tricise-survey-page .ff-step-titles li.ff_completed::before {
  background: var(--ts-red) !important;
  color: #fff !important;
}

.tricise-survey-page .ff-step-titles li.ff_active::after,
.tricise-survey-page .ff-step-titles li.ff_completed::after {
  background: var(--ts-red) !important;
}

.tricise-survey-page .ff-el-progress {
  background: rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
  overflow: hidden;
}

.tricise-survey-page .ff-el-progress-bar {
  background: linear-gradient(90deg,var(--ts-red),var(--ts-red-glow)) !important;
  box-shadow: 0 0 12px rgba(207,32,49,.45);
}

/* One card per step: add ts-step-card to the 1-column container for each step */
.tricise-survey-page .ts-step-card {
  position: relative;
  overflow: hidden;
  padding: 30px 32px !important;
  background: var(--ts-bg-2) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: var(--ts-radius) !important;
}

.tricise-survey-page .ts-step-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg,var(--ts-red),transparent 70%);
  pointer-events: none;
}

/* Section title inside a Fluent Forms Section Break */
.tricise-survey-page .ff-el-section-title,
.tricise-survey-page .ff-el-section-break .ff-el-section-title {
  margin: 0 0 6px !important;
  color: var(--ts-text) !important;
  font-family: "Space Grotesk", Inter, Arial, system-ui, sans-serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em;
  line-height: 1.15 !important;
}

.tricise-survey-page .ff-el-section-break .ff-el-section-content {
  margin-bottom: 22px !important;
  color: var(--ts-muted) !important;
  font-size: 14px !important;
}

/* Labels */
.tricise-survey-page .ff-el-input--label label,
.tricise-survey-page .ff-el-input--label {
  color: var(--ts-text) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

.tricise-survey-page .ff-el-required { color: var(--ts-red) !important; }
.tricise-survey-page .ff-el-help-message { color: var(--ts-muted) !important; font-size: 12.5px !important; }

/* Inputs */
.tricise-survey-page .ff-el-form-control,
.tricise-survey-page select.ff-el-form-control,
.tricise-survey-page textarea.ff-el-form-control,
.tricise-survey-page input.ff-el-form-control {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--ts-line-2) !important;
  border-radius: 10px !important;
  background: #0D1119 !important;
  color: var(--ts-text) !important;
  padding: 12px 14px !important;
  font-family: Inter, Arial, system-ui, sans-serif !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

.tricise-survey-page textarea.ff-el-form-control { min-height: 108px; line-height: 1.55; }
.tricise-survey-page .ff-el-form-control::placeholder { color: #5B6172 !important; opacity: 1; }
.tricise-survey-page .ff-el-form-control:focus {
  outline: none !important;
  border-color: var(--ts-red) !important;
  box-shadow: 0 0 0 3px rgba(207,32,49,.2) !important;
}

/* Radio / checkbox cards */
.tricise-survey-page .ts-choice .ff-el-form-check {
  position: relative;
  margin: 0 0 9px !important;
  padding: 0 !important;
  border: 1px solid var(--ts-line-2) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.015) !important;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.tricise-survey-page .ts-choice .ff-el-form-check:hover {
  border-color: rgba(207,32,49,.55) !important;
}

.tricise-survey-page .ts-choice .ff-el-form-check.ff_item_selected,
.tricise-survey-page .ts-choice .ff-el-form-check:has(input:checked) {
  border-color: var(--ts-red) !important;
  background: var(--ts-red-tint) !important;
  box-shadow: 0 0 16px rgba(207,32,49,.16) !important;
}

.tricise-survey-page .ts-choice .ff-el-form-check-label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  width: 100%;
  margin: 0 !important;
  padding: 12px 14px !important;
  color: var(--ts-soft) !important;
  font-size: 14.5px !important;
  line-height: 1.35 !important;
  cursor: pointer;
}

.tricise-survey-page .ts-choice .ff-el-form-check-label:hover,
.tricise-survey-page .ts-choice .ff_item_selected .ff-el-form-check-label {
  color: var(--ts-text) !important;
}

.tricise-survey-page .ff-el-form-check-input { accent-color: var(--ts-red); }

/* Two-column checkbox/radio groups: add class ts-two-col together with ts-choice */
.tricise-survey-page .ts-two-col .ff-el-input--content {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 9px 12px;
}

.tricise-survey-page .ts-two-col .ff-el-form-check { margin: 0 !important; }

/* 1–5 scales: set field layout inline and add ts-scale */
.tricise-survey-page .ts-scale .ff-el-input--content {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(52px,1fr));
  gap: 8px;
}

.tricise-survey-page .ts-scale .ff-el-form-check {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ts-line-2) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.015) !important;
  text-align: center;
}

.tricise-survey-page .ts-scale .ff-el-form-check.ff_item_selected,
.tricise-survey-page .ts-scale .ff-el-form-check:has(input:checked) {
  border-color: var(--ts-red) !important;
  background: var(--ts-red-tint) !important;
  box-shadow: 0 0 16px rgba(207,32,49,.16) !important;
}

.tricise-survey-page .ts-scale .ff-el-form-check-label {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin: 0 !important;
  padding: 10px 6px !important;
  color: var(--ts-text) !important;
  cursor: pointer;
}

/* GDPR/consent row */
.tricise-survey-page .ts-consent .ff-el-form-check-label {
  color: var(--ts-muted) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}
.tricise-survey-page .ts-consent a { color: var(--ts-text) !important; text-decoration: underline; }

/* Errors and success */
.tricise-survey-page .ff-el-is-error .text-danger,
.tricise-survey-page .error.text-danger {
  color: #FF9AA3 !important;
  font-size: 13px !important;
}

.tricise-survey-page .ff-message-success {
  position: relative;
  overflow: hidden;
  max-width: 760px;
  margin: 40px auto 80px !important;
  padding: 46px 38px !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: var(--ts-radius) !important;
  background: var(--ts-bg-2) !important;
  color: var(--ts-text) !important;
  text-align: center;
  box-shadow: none !important;
}

.tricise-survey-page .ff-message-success::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(420px 240px at 50% 0,rgba(52,231,211,.12),transparent 65%);
}

.tricise-survey-page .ff-message-success h2,
.tricise-survey-page .ff-message-success h3 { color: var(--ts-text) !important; }
.tricise-survey-page .ff-message-success p { color: var(--ts-soft) !important; }

@media (max-width: 1024px) {
  .tricise-survey-page .ts-hero-in { grid-template-columns: 1fr; gap: 40px; padding-block: 54px 60px; }
  .tricise-survey-page .ts-graph { order: -1; max-width: 440px; margin-inline: auto; }
}

@media (max-width: 767px) {
  .tricise-survey-page .ts-wrap,
  .tricise-survey-page .fluentform_wrapper { width: min(100% - 32px, var(--ts-maxw)); }
  .tricise-survey-page .ts-hero-in { padding-block: 44px 52px; }
  .tricise-survey-page .ts-eyebrow { font-size: 10px; letter-spacing: .09em; }
  .tricise-survey-page .ts-sub { font-size: 16px; }
  .tricise-survey-page .fluentform_wrapper { padding-block: 44px 72px; }
  .tricise-survey-page .ts-step-card { padding: 24px 20px !important; }
  .tricise-survey-page .ts-two-col .ff-el-input--content { grid-template-columns: 1fr; }
  .tricise-survey-page .ts-scale .ff-el-input--content { grid-template-columns: repeat(5,minmax(44px,1fr)); gap: 5px; }
  .tricise-survey-page .ff-btn,
  .tricise-survey-page .ff-btn-submit,
  .tricise-survey-page .step-nav button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .tricise-survey-page *,
  .tricise-survey-page *::before,
  .tricise-survey-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-c330e11 *//* Fluent Forms – linke Step-Navigation */
.tricise-survey-page .ff-step-titles {
  background: #10131A !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  max-height: none !important;
  overflow: visible !important;
}

.tricise-survey-page .ff-step-titles ul,
.tricise-survey-page .ff-step-titles ol {
  background: transparent !important;
  max-height: none !important;
  overflow: visible !important;
}

.tricise-survey-page .ff-step-titles li {
  color: #AEB4C0 !important;
}

.tricise-survey-page .ff-step-titles li.ff_active,
.tricise-survey-page .ff-step-titles li.ff_completed {
  color: #EEF1F6 !important;
}
/* Weißen Wrapper um die linke Step-Navigation entfernen */
.tricise-survey-page *:has(> .ff-step-titles) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8657a85 */.tricise-survey-page {
  --fluentform-primary: #CF2031 !important;
}/* End custom CSS */