.elementor-6026 .elementor-element.elementor-element-40f0f18{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6026 .elementor-element.elementor-element-6859a71{--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;--padding-top:248px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-6026 .elementor-element.elementor-element-6859a71:not(.elementor-motion-effects-element-type-background), .elementor-6026 .elementor-element.elementor-element-6859a71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c5352bd );}.elementor-6026 .elementor-element.elementor-element-cf2d1ac.elementor-element{--align-self:center;}.elementor-6026 .elementor-element.elementor-element-cf2d1ac{text-align:center;}.elementor-6026 .elementor-element.elementor-element-cf2d1ac .elementor-heading-title{font-family:var( --e-global-typography-15b76ab-font-family ), Sans-serif;font-size:var( --e-global-typography-15b76ab-font-size );line-height:var( --e-global-typography-15b76ab-line-height );color:var( --e-global-color-primary );}.elementor-6026 .elementor-element.elementor-element-dbe57ed{--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;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--padding-top:88px;--padding-bottom:88px;--padding-left:16px;--padding-right:16px;}.elementor-6026 .elementor-element.elementor-element-dbe57ed:not(.elementor-motion-effects-element-type-background), .elementor-6026 .elementor-element.elementor-element-dbe57ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-6026 .elementor-element.elementor-element-52a0208{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6026 .elementor-element.elementor-element-1e9a312{background-color:var( --e-global-color-secondary );padding:8px 16px 8px 16px;border-radius:100px 100px 100px 100px;text-align:start;font-family:var( --e-global-typography-fbcc19c-font-family ), Sans-serif;font-size:var( --e-global-typography-fbcc19c-font-size );text-transform:var( --e-global-typography-fbcc19c-text-transform );line-height:var( --e-global-typography-fbcc19c-line-height );letter-spacing:var( --e-global-typography-fbcc19c-letter-spacing );color:var( --e-global-color-c5352bd );}.elementor-6026 .elementor-element.elementor-element-1e9a312.elementor-element{--align-self:flex-start;}.elementor-6026 .elementor-element.elementor-element-9868d27{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-ab89558-font-family ), Sans-serif;font-size:var( --e-global-typography-ab89558-font-size );line-height:var( --e-global-typography-ab89558-line-height );letter-spacing:var( --e-global-typography-ab89558-letter-spacing );color:var( --e-global-color-97749af );}.elementor-6026 .elementor-element.elementor-element-8d7d1b1{--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;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-6026 .elementor-element.elementor-element-8d7d1b1:not(.elementor-motion-effects-element-type-background), .elementor-6026 .elementor-element.elementor-element-8d7d1b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-6026 .elementor-element.elementor-element-2a454f4{--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;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6026 .elementor-element.elementor-element-2a454f4:not(.elementor-motion-effects-element-type-background), .elementor-6026 .elementor-element.elementor-element-2a454f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mts-bodenmarkierung.de/wp-content/uploads/2025/02/MTS_Hintergrund_Strasse.webp");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-6026 .elementor-element.elementor-element-2a454f4::before, .elementor-6026 .elementor-element.elementor-element-2a454f4 > .elementor-background-video-container::before, .elementor-6026 .elementor-element.elementor-element-2a454f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-6026 .elementor-element.elementor-element-2a454f4 > .elementor-background-slideshow::before, .elementor-6026 .elementor-element.elementor-element-2a454f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6026 .elementor-element.elementor-element-2a454f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-97749af );--background-overlay:'';}@media(max-width:1024px){.elementor-6026 .elementor-element.elementor-element-cf2d1ac .elementor-heading-title{font-size:var( --e-global-typography-15b76ab-font-size );line-height:var( --e-global-typography-15b76ab-line-height );}.elementor-6026 .elementor-element.elementor-element-1e9a312{font-size:var( --e-global-typography-fbcc19c-font-size );line-height:var( --e-global-typography-fbcc19c-line-height );letter-spacing:var( --e-global-typography-fbcc19c-letter-spacing );}.elementor-6026 .elementor-element.elementor-element-9868d27{font-size:var( --e-global-typography-ab89558-font-size );line-height:var( --e-global-typography-ab89558-line-height );letter-spacing:var( --e-global-typography-ab89558-letter-spacing );}}@media(max-width:767px){.elementor-6026 .elementor-element.elementor-element-6859a71{--padding-top:248px;--padding-bottom:54px;--padding-left:16px;--padding-right:16px;}.elementor-6026 .elementor-element.elementor-element-cf2d1ac .elementor-heading-title{font-size:var( --e-global-typography-15b76ab-font-size );line-height:var( --e-global-typography-15b76ab-line-height );}.elementor-6026 .elementor-element.elementor-element-dbe57ed{--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-6026 .elementor-element.elementor-element-52a0208{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-6026 .elementor-element.elementor-element-1e9a312{font-size:var( --e-global-typography-fbcc19c-font-size );line-height:var( --e-global-typography-fbcc19c-line-height );letter-spacing:var( --e-global-typography-fbcc19c-letter-spacing );}.elementor-6026 .elementor-element.elementor-element-9868d27{width:100%;max-width:100%;font-size:var( --e-global-typography-ab89558-font-size );line-height:var( --e-global-typography-ab89558-line-height );letter-spacing:var( --e-global-typography-ab89558-letter-spacing );}.elementor-6026 .elementor-element.elementor-element-8d7d1b1{--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}}@media(min-width:2400px){.elementor-6026 .elementor-element.elementor-element-cf2d1ac .elementor-heading-title{font-size:var( --e-global-typography-15b76ab-font-size );line-height:var( --e-global-typography-15b76ab-line-height );}.elementor-6026 .elementor-element.elementor-element-1e9a312{font-size:var( --e-global-typography-fbcc19c-font-size );line-height:var( --e-global-typography-fbcc19c-line-height );letter-spacing:var( --e-global-typography-fbcc19c-letter-spacing );}.elementor-6026 .elementor-element.elementor-element-9868d27{font-size:var( --e-global-typography-ab89558-font-size );line-height:var( --e-global-typography-ab89558-line-height );letter-spacing:var( --e-global-typography-ab89558-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-e8bef87 */.fluentform_wrapper_25{
  --asphalt:#17181b;
  --asphalt-2:#1f2125;
  --card:#26282d;
  --line:#3a3d44;
  --gelb:#ffcc00;
  --weiss:#ffffff;
  --grau:#a6abb4;
  --radius:14px;

  position:relative;
  border-radius:var(--radius);
  padding:64px 40px 72px;
  overflow:hidden;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--weiss);
}

/* Google-Translate-Artefakt aus dem HTML-Feld ausblenden */
.fluentform_wrapper_25 #gtx-trans{display:none!important}

/* ---------- Smiley-Zeile ---------- */
.fluentform_wrapper_25 .smiles{
  align-items:center;
  margin-bottom:10px;
}
.fluentform_wrapper_25 .smiles img{
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));
}

/* ---------- Frage-Label über der Tabelle ---------- */
.fluentform_wrapper_25 .feedback-tabelle .ff-el-input--label{
  display:block!important;
  margin-bottom:22px;
}
.fluentform_wrapper_25 .feedback-tabelle .ff-el-input--label label{
  font-family:'Archivo',sans-serif!important;
  font-weight:900;
  font-stretch:75%;
  text-transform:uppercase;
  font-size:clamp(26px,3.5vw,40px)!important;
  line-height:1.05;
  color:var(--weiss)!important;
  position:relative;
  padding-left:56px;
}
.fluentform_wrapper_25 .feedback-tabelle .ff-el-input--label label::before{
  content:"";
  position:absolute;left:0;top:.52em;
  width:42px;height:4px;background:var(--gelb);
}

/* ---------- Bewertungs-Tabelle ---------- */
.fluentform_wrapper_25 .ff-table{
  background:var(--asphalt-2);
  border:1px solid var(--line);
  border-left:6px solid var(--gelb);
  border-radius:var(--radius);
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
}
.fluentform_wrapper_25 .ff-table thead th{
  background:var(--card);
  color:#000;
  font-family:'Archivo',sans-serif;
  font-weight:700;
  font-size:12.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:16px 14px;
  border-bottom:1px solid var(--line);
  text-align:center;
}
.fluentform_wrapper_25 .ff-table tbody td{
  padding:15px 14px;
  border-bottom:1px solid var(--line);
  background:transparent;
  color:var(--weiss);
  text-align:center;
  vertical-align:middle;
}
.fluentform_wrapper_25 .ff-table tbody tr:last-child td{border-bottom:none}
.fluentform_wrapper_25 .ff-table tbody tr:hover td{background:rgba(255,204,0,1)}
.fluentform_wrapper_25 .ff-table .ff_grid_header{
  text-align:left;
  font-size:14.5px;
  font-weight:500;
  color:#d7dade;
  line-height:1.5;
}

/* Radio-Buttons im Markierungsgelb */
.fluentform_wrapper_25 .ff-table input[type="radio"]{
  appearance:none;
  -webkit-appearance:none;
  width:22px;height:22px;
  border:2px solid var(--grau);
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  display:inline-block;
  position:relative;
  transition:border-color .2s ease, box-shadow .2s ease;
  margin:0;
}
.fluentform_wrapper_25 .ff-table input[type="radio"]:hover{
  border-color:var(--gelb);
}
.fluentform_wrapper_25 .ff-table input[type="radio"]:checked{
  border-color:var(--gelb);
}
.fluentform_wrapper_25 .ff-table input[type="radio"]:checked::after{
  content:"";
  position:absolute;inset:4px;
  border-radius:50%;
  background:var(--gelb);
}
.fluentform_wrapper_25 .ff-table input[type="radio"]:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,204,0,.35);
}

/* ---------- Zwischentitel „Wie denken Sie sonst über uns?" ---------- */
.fluentform_wrapper_25 .c-title{margin:44px 0 6px}
.fluentform_wrapper_25 .c-title h3{
  font-family:'Archivo',sans-serif!important;
  font-weight:900;
  font-stretch:75%;
  text-transform:uppercase;
  font-size:clamp(22px,2.8vw,32px)!important;
  color:var(--weiss)!important;
  margin:0 0 8px!important;
}
.fluentform_wrapper_25 .c-title p{
  color:var(--grau)!important;
  font-size:15px;
  margin:0!important;
}

/* ---------- Freitext / Datenschutz-Label ---------- */
.fluentform_wrapper_25 textarea.ff-el-form-control{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius)!important;
  color:var(--weiss)!important;
  font-family:'Inter',sans-serif;
  font-size:15px;
  padding:16px 18px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.fluentform_wrapper_25 textarea.ff-el-form-control::placeholder{color:var(--grau)}
.fluentform_wrapper_25 textarea.ff-el-form-control:focus{
  border-color:var(--gelb)!important;
  box-shadow:0 0 0 3px rgba(255,204,0,.2)!important;
  outline:none;
}

/* ---------- Submit-Button (analog zum Google-CTA) ---------- */
.fluentform_wrapper_25 .ff_submit_btn_wrapper{margin-top:30px}
.fluentform_wrapper_25 .ff-btn-submit{
  font-family:'Archivo',sans-serif!important;
  font-weight:700!important;
  font-size:15px!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:var(--gelb)!important;
  color:#17181b!important;
  border:none!important;
  border-radius:999px!important;
  padding:17px 38px!important;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
.fluentform_wrapper_25 .ff-btn-submit:hover{
  transform:translateY(-2px);
  background:var(--gelb)!important;
}

/* ---------- Fehlermeldungen ---------- */
.fluentform_wrapper_25 .error,
.fluentform_wrapper_25 .ff-el-is-error .text-danger{
  color:#ff8a80!important;
}

/* ---------- Responsive ---------- */
@media (max-width:768px){
  .fluentform_wrapper_25{padding:0px 20px 60px}
  .fluentform_wrapper_25 .feedback-tabelle .ff-el-input--label label{
    padding-left:0;
  }
  .fluentform_wrapper_25 .feedback-tabelle .ff-el-input--label label::before{
    position:static;display:block;margin-bottom:12px;
  }
  /* Fluent stapelt die Tabelle mobil – Zeilen als Karten */
  .fluentform_wrapper_25 .ff_flexible_table tbody td{
    text-align:left;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
  }
  .fluentform_wrapper_25 .ff_flexible_table td[data-label]::before{
    color:var(--grau);
    font-size:13px;
  }
}

@media (prefers-reduced-motion:reduce){
  .fluentform_wrapper_25 .ff-btn-submit,
  .fluentform_wrapper_25 .ff-table input[type="radio"]{transition:none}
}/* End custom CSS */