.elementor-12433 .elementor-element.elementor-element-e0d0808{padding:0px 0px 0px 0px;}.elementor-12433 .elementor-element.elementor-element-29489533 .elementor-button{background-color:#02010100;fill:#02010100;color:#02010100;padding:41px 10px 0px 11px;}.elementor-12433 .elementor-element.elementor-element-29489533 .elementor-button:hover, .elementor-12433 .elementor-element.elementor-element-29489533 .elementor-button:focus{background-color:#02010100;color:#02010100;}.elementor-12433 .elementor-element.elementor-element-29489533{width:auto;max-width:auto;bottom:30px;z-index:200;}.elementor-12433 .elementor-element.elementor-element-29489533 > .elementor-widget-container{background-image:url("https://i0.wp.com/joppek.com/wp-content/uploads/2022/10/up.png?fit=20%2C62&ssl=1");background-position:3px 7px;background-repeat:no-repeat;background-size:15px auto;transition:background 0.3s;}.elementor-12433 .elementor-element.elementor-element-29489533:hover .elementor-widget-container{background-image:url("https://i0.wp.com/joppek.com/wp-content/uploads/2022/10/up.png?fit=20%2C62&ssl=1");background-position:3px 0px;background-repeat:no-repeat;background-size:15px auto;}body:not(.rtl) .elementor-12433 .elementor-element.elementor-element-29489533{right:20px;}body.rtl .elementor-12433 .elementor-element.elementor-element-29489533{left:20px;}.elementor-12433 .elementor-element.elementor-element-29489533 .elementor-button:hover svg, .elementor-12433 .elementor-element.elementor-element-29489533 .elementor-button:focus svg{fill:#02010100;}.elementor-12433 .elementor-element.elementor-element-4de099ac:not(.elementor-motion-effects-element-type-background), .elementor-12433 .elementor-element.elementor-element-4de099ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2029;}.elementor-12433 .elementor-element.elementor-element-4de099ac{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:180px 50px 0px 50px;}.elementor-12433 .elementor-element.elementor-element-4de099ac > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12433 .elementor-element.elementor-element-41963205{padding:0px 0px 60px 0px;}.elementor-12433 .elementor-element.elementor-element-2987ff72 > .elementor-widget-container{margin:0px 0px -110px -60px;}.elementor-12433 .elementor-element.elementor-element-2987ff72{z-index:1;text-align:start;}.elementor-12433 .elementor-element.elementor-element-2987ff72 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;line-height:130px;color:#86879F33;}.elementor-12433 .elementor-element.elementor-element-5103ce7a > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-12433 .elementor-element.elementor-element-5103ce7a{text-align:start;}.elementor-12433 .elementor-element.elementor-element-5103ce7a .elementor-heading-title{font-weight:900;}.elementor-12433 .elementor-element.elementor-element-6da347ae{z-index:2;text-align:start;}.elementor-12433 .elementor-element.elementor-element-6da347ae .elementor-heading-title{color:#B5B6C7;}.elementor-bc-flex-widget .elementor-12433 .elementor-element.elementor-element-23bb9c63.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12433 .elementor-element.elementor-element-23bb9c63.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12433 .elementor-element.elementor-element-23bb9c63.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-12433 .elementor-element.elementor-element-c5d9d55:not(.elementor-motion-effects-element-type-background), .elementor-12433 .elementor-element.elementor-element-c5d9d55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2029;}.elementor-12433 .elementor-element.elementor-element-c5d9d55{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:180px 50px 0px 50px;}.elementor-12433 .elementor-element.elementor-element-c5d9d55 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12433 .elementor-element.elementor-element-3384688{padding:0px 0px 60px 0px;}.elementor-12433 .elementor-element.elementor-element-dbf1417 > .elementor-widget-container{margin:0px 0px -110px -60px;}.elementor-12433 .elementor-element.elementor-element-dbf1417{z-index:1;text-align:start;}.elementor-12433 .elementor-element.elementor-element-dbf1417 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;line-height:130px;color:#86879F33;}.elementor-12433 .elementor-element.elementor-element-43c59f4 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-12433 .elementor-element.elementor-element-43c59f4{z-index:2;text-align:start;}.elementor-12433 .elementor-element.elementor-element-43c59f4 .elementor-heading-title{font-weight:900;}.elementor-12433 .elementor-element.elementor-element-3096b0c{z-index:2;text-align:start;}.elementor-12433 .elementor-element.elementor-element-3096b0c .elementor-heading-title{color:#B5B6C7;}.elementor-bc-flex-widget .elementor-12433 .elementor-element.elementor-element-a748ac3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12433 .elementor-element.elementor-element-a748ac3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12433 .elementor-element.elementor-element-a748ac3.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-12433 .elementor-element.elementor-element-b37ded0{width:var( --container-widget-width, 99.375% );max-width:99.375%;--container-widget-width:99.375%;--container-widget-flex-grow:0;}.elementor-12433 .elementor-element.elementor-element-b37ded0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form label{color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form label span{color:#777777;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form select{width:100%;height:50px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form textarea{width:100%;height:176px;margin-bottom:20px;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form .ekit-form-input, .elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form select, .elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input{margin-bottom:20px;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .wpcf7-form textarea{color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-wid-con .ekit-form form textarea{color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-moz-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form textarea::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form textarea::-moz-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form textarea:-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form textarea:-moz-placeholder{font-size:14px;color:#000000;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form > p{text-align:left;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input[type="submit"]{color:#ffffff;}.elementor-12433 .elementor-element.elementor-element-b37ded0 .ekit-form form input[type="submit"]:hover{color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-12433 .elementor-element.elementor-element-f5942d1{width:65%;}.elementor-12433 .elementor-element.elementor-element-23bb9c63{width:35%;}.elementor-12433 .elementor-element.elementor-element-cc73906{width:65%;}.elementor-12433 .elementor-element.elementor-element-a748ac3{width:35%;}}@media(max-width:1024px){.elementor-12433 .elementor-element.elementor-element-29489533 > .elementor-widget-container{background-position:0px 0px;}.elementor-12433 .elementor-element.elementor-element-29489533:hover .elementor-widget-container{background-position:0px 0px;}.elementor-12433 .elementor-element.elementor-element-4de099ac{padding:120px 10px 0px 10px;}.elementor-12433 .elementor-element.elementor-element-41963205{padding:0px 0px 50px 0px;}.elementor-12433 .elementor-element.elementor-element-2987ff72 > .elementor-widget-container{margin:0px 0px -110px -25px;}.elementor-12433 .elementor-element.elementor-element-2987ff72 .elementor-heading-title{font-size:110px;}.elementor-12433 .elementor-element.elementor-element-c5d9d55{padding:120px 10px 0px 10px;}.elementor-12433 .elementor-element.elementor-element-3384688{padding:0px 0px 50px 0px;}.elementor-12433 .elementor-element.elementor-element-dbf1417 > .elementor-widget-container{margin:0px 0px -110px -25px;}.elementor-12433 .elementor-element.elementor-element-dbf1417 .elementor-heading-title{font-size:110px;}}@media(max-width:767px){.elementor-12433 .elementor-element.elementor-element-29489533 > .elementor-widget-container{background-position:0px 0px;}.elementor-12433 .elementor-element.elementor-element-29489533:hover .elementor-widget-container{background-position:0px 0px;}.elementor-12433 .elementor-element.elementor-element-4de099ac{padding:100px 10px 0px 10px;}.elementor-12433 .elementor-element.elementor-element-2987ff72 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-12433 .elementor-element.elementor-element-2987ff72{text-align:center;}.elementor-12433 .elementor-element.elementor-element-2987ff72 .elementor-heading-title{font-size:70px;line-height:70px;}.elementor-12433 .elementor-element.elementor-element-5103ce7a{text-align:center;}.elementor-12433 .elementor-element.elementor-element-6da347ae{text-align:center;}.elementor-12433 .elementor-element.elementor-element-23bb9c63.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12433 .elementor-element.elementor-element-c5d9d55{padding:0px 10px 0px 10px;}.elementor-12433 .elementor-element.elementor-element-3384688{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-12433 .elementor-element.elementor-element-dbf1417 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-12433 .elementor-element.elementor-element-dbf1417{text-align:center;}.elementor-12433 .elementor-element.elementor-element-dbf1417 .elementor-heading-title{font-size:34px;line-height:70px;}.elementor-12433 .elementor-element.elementor-element-43c59f4{text-align:center;}.elementor-12433 .elementor-element.elementor-element-3096b0c{text-align:center;}.elementor-12433 .elementor-element.elementor-element-3096b0c .elementor-heading-title{font-size:18px;}.elementor-12433 .elementor-element.elementor-element-a748ac3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12433 .elementor-element.elementor-element-b37ded0 > .elementor-widget-container{padding:10px 10px 10px 10px;}}/* Start custom CSS for elementskit-contact-form7, class: .elementor-element-b37ded0 *//* ════════════════════════════════════════════════════
   CF7 Formular – Jotform-Look (Card mit dunklem Rahmen)
   Für Elementor → Erweitert → Eigenes CSS einfügen
   ════════════════════════════════════════════════════ */

/* ── Äußerer Rahmen + Card-Hintergrund ── */
.elementor-widget-wp-widget-contact-form-cf7 .wpcf7,
.wpcf7-form-wrapper {
  background: #F4F0EA;
  border: 14px solid #1A1B23;
  border-radius: 10px;
  padding: 2.5rem 2.5rem 3rem;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .elementor-widget-wp-widget-contact-form-cf7 .wpcf7,
  .wpcf7-form-wrapper {
    border-width: 8px;
    padding: 1.5rem 1.25rem 2rem;
  }
}

/* ── Überschriften ── */
.wpcf7-form-wrapper h4,
.ekit-form h4,
.elementor-widget-container h4 {
  color: #4e7c7c !important;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.wpcf7-form-wrapper h4 + h4 {
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.wpcf7-form-wrapper hr {
  border: none;
  border-top: 1px solid #ddd6cc;
  margin: 1.75rem 0;
}

/* ── Sektionen ── */
.cf7-section {
  border: none;
  padding: 0;
  margin: 0 0 2rem 0;
}

.cf7-legend {
  font-weight: 700;
  color: #4e7c7c !important;
  margin-bottom: 1rem;
  padding-bottom: 0;
  border-bottom: none;
  width: 100%;
  display: block;
}

.cf7-legend-note {
  font-weight: 400;
  color: #6b9999;
}

/* ── Zweispaltiges Name-Layout ── */
.cf7-name-row {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.cf7-name-row .cf7-field-group {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 180px;
}

/* ── Einzelnes Feld ── */
.cf7-field-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}

.cf7-field-group label {
  font-weight: 600;
  color: #4e7c7c !important;
  margin-bottom: 0.5rem;
}

.cf7-field-group abbr {
  text-decoration: none;
  color: #c0392b;
  margin-left: 2px;
}

/* Halbe Breite für einzelne Felder (E-Mail, Datum) */
.cf7-field-half {
  max-width: calc(50% - 0.75rem);
}

@media (max-width: 600px) {
  .cf7-field-half {
    max-width: 100%;
  }
  .cf7-name-row .cf7-field-group {
    flex: 1 1 100%;
  }
}

/* ── Input-Felder – Blaugrün wie joppek.com Kontaktformular ──
   Dieses Formular läuft über das Elementor-Kit "ekit-form" Widget,
   dessen widget-styles.css sehr spezifische Selektoren wie
   .elementor-XXXX .elementor-element.elementor-element-XXXXXX
   .ekit-form form input:not(...) nutzt. Normale Klassen-Selektoren
   werden dagegen überschrieben – daher hier per !important erzwungen. */
.ekit-form form input[type="text"],
.ekit-form form input[type="email"],
.ekit-form form input[type="date"],
.cf7-section input[type="text"],
.cf7-section input[type="email"],
.cf7-section input[type="date"],
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="date"] {
  width: 100% !important;
  padding: 0.85rem 1rem !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 5px !important;
  background: #4e7c7c !important;
  background-color: #4e7c7c !important;
  box-sizing: border-box !important;
  transition: background 0.2s !important;
  font-family: inherit !important;
  font-size: inherit !important;
}

.ekit-form form input::placeholder,
.cf7-section input::placeholder,
.wpcf7-form input::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

.ekit-form form input:focus,
.cf7-section input:focus,
.wpcf7-form input:focus {
  background: #3d6b6b !important;
  background-color: #3d6b6b !important;
  outline: none !important;
}

/* Datumswert und Kalender-Icon in weiß auf blaugrünem Hintergrund */
.cf7-section input[type="date"]::-webkit-datetime-edit {
  color: #ffffff;
}
.cf7-section input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.75;
}

/* Readonly-Datumsfeld (sig-datum) */
#sig-datum {
  text-align: left !important;
  color: rgba(255, 255, 255, 0.85) !important;
  cursor: default;
  pointer-events: none;
}
#sig-datum::-webkit-date-and-time-value {
  text-align: left !important;
  margin: 0 !important;
}

/* ── Hinweistexte ── */
.cf7-hint {
  color: #4e7c7c !important;
  margin-bottom: 0.5rem;
}

.cf7-hint--warning {
  font-weight: 700;
  color: #4e7c7c !important;
}

/* ── Datei-Upload ── */
.cf7-section .wpcf7-form-control-wrap.sSelfie {
  display: block;
}

.cf7-section input[type="file"] {
  display: inline-block;
}

/* ── DSGVO-Liste ── */
#dsgvo-ul.dsgvo-person {
  padding-left: 1.25rem;
  margin-bottom: 1.25rem;
}

#dsgvo-ul.dsgvo-person li {
  color: #4e7c7c !important;
  margin-bottom: 0.6rem;
  line-height: 1.6;
}

/* ── Acceptance-Checkboxen ── */
.cf7-acceptance-label {
  font-weight: 700 !important;
  color: #4e7c7c !important;
  display: block;
  margin-bottom: 0.75rem;
}

.cf7-acceptance-label strong {
  font-weight: 700 !important;
}

/* Variante mit zusätzlichem Abstand nach unten, damit das Radio-Feld
   eine Zeile tiefer beginnt statt direkt unter dem Label zu kleben */
.cf7-acceptance-label--spaced {
  margin-bottom: 1.25rem;
}

.cf7-acceptance-group .wpcf7-acceptance {
  color: #4e7c7c !important;
}

/* CF7-Struktur: .wpcf7-list-item > label > input + span.wpcf7-list-item-label
   uacf7-frontend.css setzt label { display: block } – wird hier überschrieben */
.cf7-acceptance-group .wpcf7-acceptance,
.cf7-acceptance-group .wpcf7-list-item {
  display: block;
}

.wpcf7-form .cf7-acceptance-group label,
.cf7-acceptance-group .wpcf7-list-item label {
  display: flex !important;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0 !important;
  cursor: pointer;
}

.cf7-acceptance-group .wpcf7-list-item-label {
  display: inline;
  line-height: 1.5;
  color: #4e7c7c !important;
}

.cf7-acceptance-group input[type="checkbox"] {
  margin: 2px 0 0 0;
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  border: 1px solid #4e7c7c;
  border-radius: 4px;
  accent-color: #4e7c7c !important;
}

/* ── Fehlermeldungen bei Pflicht-Checkboxen ──
   CF7-Struktur: .wpcf7-form-control-wrap enthält als direkte Kinder
   .wpcf7-acceptance UND .wpcf7-not-valid-tip als Geschwister-Spans.
   Statt mit flex/order zu arbeiten (das durch konkurrierende Regeln
   aus widget-styles.css/uacf7-frontend.css überschrieben werden kann),
   wird hier mit display:block + kontrolliertem margin direkt gearbeitet,
   was robuster gegen Fremd-CSS ist. */
.cf7-acceptance-group .wpcf7-form-control-wrap {
  display: block !important;
  position: static !important;
  margin: 0.6rem 0 0 0 !important;
  padding: 0.4rem 0.6rem !important;
  border-radius: 6px;
}

.cf7-acceptance-group .wpcf7-form-control-wrap:first-child {
  margin-top: 0 !important;
}

.cf7-acceptance-group .wpcf7-form-control-wrap:has(.wpcf7-not-valid) {
  background: #fdecea;
  margin-bottom: 0 !important;
}

.cf7-acceptance-group .wpcf7-form-control-wrap > .wpcf7-acceptance {
  display: block !important;
  margin: 0 !important;
}

.cf7-acceptance-group .wpcf7-not-valid-tip {
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0.3rem 0 0 1.8rem !important;
  padding: 0 !important;
  font-size: 0.85em !important;
  color: #c0392b !important;
}

/* ── Radio-Buttons (z.B. "Grund der Einwilligungserklärung")
   Gleiche CF7-Verschachtelung wie bei Acceptance-Checkboxen:
   .wpcf7-form-control-wrap > .wpcf7-form-control.wpcf7-radio
     > .wpcf7-list-item > label > input + span.wpcf7-list-item-label ── */
.cf7-field-group .wpcf7-form-control.wpcf7-radio,
.cf7-field-group .wpcf7-form-control-wrap,
.cf7-field-group .wpcf7-radio .wpcf7-list-item {
  display: block !important;
}

.wpcf7-form .cf7-field-group .wpcf7-radio label {
  display: flex !important;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0 0 0.75rem 0 !important;
  cursor: pointer;
}

.cf7-field-group .wpcf7-radio .wpcf7-list-item-label {
  display: inline;
  line-height: 1.5;
  color: #4e7c7c !important;
}

.cf7-field-group .wpcf7-radio input[type="radio"] {
  margin: 2px 0 0 0;
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  border: 1px solid #4e7c7c;
  accent-color: #4e7c7c !important;
}

/* ── Info-Block ── */
.cf7-info-block {
  background: transparent;
  border-left: none;
  padding: 0;
  margin: 1.5rem 0;
}

.cf7-info-block p {
  color: #4e7c7c !important;
  margin-bottom: 0.9rem;
  line-height: 1.7;
}

.cf7-info-block p:last-child {
  margin-bottom: 0;
}

.cf7-info-block p strong {
  font-weight: 700;
}

/* ── Einleitungstext Bestätigung ── */
.cf7-confirm-intro {
  font-weight: 700;
  color: #4e7c7c !important;
  margin-bottom: 0.75rem;
}

/* ── Signaturfeld ── */
.cf7-section .uacf7-signature-wrap,
.cf7-section .uacf7-sig-pad-wrap {
  background: #fff;
  border: 1px solid #c9c3b8;
  border-radius: 5px;
  padding: 0.5rem;
}

/* ── Submit-Button – Blaugrün wie joppek.com ── */
.ekit-form form input[type="submit"],
.wpcf7-submit {
  display: inline-block !important;
  width: auto !important;
  min-width: 220px;
  margin-top: 1.5rem;
  padding: 0.95rem 2rem !important;
  background: #4e7c7c !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer;
  transition: background 0.2s;
  font-family: inherit;
  font-size: inherit;
}

.ekit-form form input[type="submit"]:hover,
.wpcf7-submit:hover {
  background: #3d6b6b !important;
}

@media (max-width: 600px) {
  .ekit-form form input[type="submit"],
  .wpcf7-submit {
    width: 100% !important;
    min-width: 0;
  }
}

/* ── Clear-Button (Signatur "Clear"-Button, tatsächliche Klasse: clear-button)
   Verhält sich identisch zum Senden-Button: grün gefüllt, gleiche Breite,
   bei Hover dunkler. ── */
.cf7-section .clear-button,
.cf7-section button[type="button"],
.cf7-section .uacf7-clear-btn,
.cf7-section input[type="reset"],
.ekit-form form input[type="reset"] {
  display: inline-block !important;
  width: auto !important;
  min-width: 220px;
  padding: 0.95rem 2rem !important;
  background: #4e7c7c !important;
  background-color: #4e7c7c !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer;
  transition: background 0.2s;
  font-family: inherit !important;
  font-size: inherit !important;
}

.cf7-section .clear-button:hover,
.cf7-section button[type="button"]:hover,
.cf7-section .uacf7-clear-btn:hover,
.cf7-section input[type="reset"]:hover,
.ekit-form form input[type="reset"]:hover {
  background: #3d6b6b !important;
  background-color: #3d6b6b !important;
  color: #ffffff !important;
}

@media (max-width: 600px) {
  .cf7-section .clear-button,
  .cf7-section button[type="button"],
  .cf7-section .uacf7-clear-btn,
  .cf7-section input[type="reset"],
  .ekit-form form input[type="reset"] {
    width: 100% !important;
    min-width: 0;
  }
}

/* Datums-Signaturfeld: linksbündige Ausrichtung auch auf iOS Safari */
#sig-datum {
  text-align: left !important;
  -webkit-text-align: left !important;
  direction: ltr !important;
}

/* Safari iOS rendert den Wert bei readonly date-Feldern
   über einen internen Shadow-DOM-Part – dieser Selector
   spricht ihn direkt an */
#sig-datum::-webkit-date-and-time-value {
  text-align: left !important;
  margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-db4a503 */class:Namearea_7/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3612c11 */html, body {
    overflow-x: hidden;
    max-width: 100%;
}

.grecaptcha-badge {
    z-index: 999;
    right: 0 !important;
    max-width: 70px;
    overflow: hidden;
}

.wpcf7-form {
    max-width: 100%;
    overflow-x: hidden;
}/* End custom CSS */