/* Funnel-Ergänzungen: natives Select im Onepage-Look, Fehlermeldung, Danke-Schritt */
/* Maße/Schrift wie die übrigen Felder (am Original vermessen:
   Höhe 56px, Padding 15px 16px, Radius 4px, 16px Open Sans, Platzhalter 30% Schwarz) */
.funnel-native-select {
  width: 100%;
  height: 56px;
  box-sizing: border-box;
  border: 1px solid rgba(22, 22, 22, 0.1);
  border-radius: 4px;
  background: #fff;
  color: #000;
  font-size: 16px;
  font-family: "Open Sans", "Source Sans 3", Arial, sans-serif;
  padding: 15px 40px 15px 16px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.43301 5.25C4.24056 5.58333 3.75944 5.58333 3.56699 5.25L0.968911 0.75C0.776461 0.416666 1.01702 0 1.40192 0L6.59808 0C6.98298 0 7.22354 0.416667 7.03109 0.750001L4.43301 5.25Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  cursor: pointer;
}
.funnel-native-select:hover { border-color: rgba(22, 22, 22, 0.2); }
.funnel-native-select:invalid { color: rgba(0, 0, 0, 0.3); }

/* Dropdown-Feld: gleiche Box-Höhe und Abstand wie die übrigen Felder */
[data-funnel] .con-kit-component-label-input--type-dropdown {
  margin-bottom: 22px;
  display: block;
}

.funnel-error {
  color: #fff;
  background: rgba(249, 45, 23, 0.92);
  border-radius: 8px;
  padding: 10px 16px;
  margin: 16px auto 0;
  max-width: 550px;
  font-size: 15px;
  text-align: center;
}
.funnel-error:empty, .funnel-error[style*="display: none"] { display: none; }

[data-funnel-danke] .con-kit-component-quiz-step__fields-text { text-align: center; padding: 48px 0 64px; }