.elementor-3833 .elementor-element.elementor-element-421f6f3{--display:flex;}.elementor-3833 .elementor-element.elementor-element-421f6f3:not(.elementor-motion-effects-element-type-background), .elementor-3833 .elementor-element.elementor-element-421f6f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3833 .elementor-element.elementor-element-1d3c0fd{--display:flex;}.elementor-3833 .elementor-element.elementor-element-1d3c0fd:not(.elementor-motion-effects-element-type-background), .elementor-3833 .elementor-element.elementor-element-1d3c0fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3833 .elementor-element.elementor-element-32e8551.elementor-element{--align-self:center;}.elementor-3833 .elementor-element.elementor-element-32e8551{text-align:center;}.elementor-3833 .elementor-element.elementor-element-32e8551 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:700;letter-spacing:1.7px;}.elementor-3833 .elementor-element.elementor-element-95df1d7{--display:flex;}.elementor-3833 .elementor-element.elementor-element-d8c5e6f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3833 .elementor-element.elementor-element-8a516e4{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3833 .elementor-element.elementor-element-9df9f7a{--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-3833 .elementor-element.elementor-element-9df9f7a:not(.elementor-motion-effects-element-type-background), .elementor-3833 .elementor-element.elementor-element-9df9f7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3833 .elementor-element.elementor-element-541e778{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3833 .elementor-element.elementor-element-541e778:not(.elementor-motion-effects-element-type-background), .elementor-3833 .elementor-element.elementor-element-541e778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3833 .elementor-element.elementor-element-6c3fbb8{--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-3833 .elementor-element.elementor-element-6c3fbb8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3833 .elementor-element.elementor-element-f793804.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-3833 .elementor-element.elementor-element-a628026{--spacer-size:12px;}.elementor-3833 .elementor-element.elementor-element-2ce8422{--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-3833 .elementor-element.elementor-element-2ce8422.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3833 .elementor-element.elementor-element-4183efa .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3833 .elementor-element.elementor-element-25c748a{color:var( --e-global-color-text );}.elementor-3833 .elementor-element.elementor-element-25c748a a{color:var( --e-global-color-text );}.elementor-3833 .elementor-element.elementor-element-6c8019c{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3833 .elementor-element.elementor-element-6c8019c .elementor-widget-container{text-align:center;}.elementor-3833 .elementor-element.elementor-element-6c8019c.elementor-element{--align-self:flex-start;}.elementor-3833 .elementor-element.elementor-element-6c8019c .elementor-social-icon{background-color:var( --e-global-color-text );}.elementor-3833 .elementor-element.elementor-element-6c8019c .elementor-social-icon i{color:var( --e-global-color-921258a );}.elementor-3833 .elementor-element.elementor-element-6c8019c .elementor-social-icon svg{fill:var( --e-global-color-921258a );}.elementor-3833 .elementor-element.elementor-element-b9af3f0{--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-3833 .elementor-element.elementor-element-b9af3f0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3833 .elementor-element.elementor-element-c6f2743{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3833 .elementor-element.elementor-element-c6f2743 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3833 .elementor-element.elementor-element-870e81e{--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-3833 .elementor-element.elementor-element-870e81e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3833 .elementor-element.elementor-element-b4b3f9f{--spacer-size:50px;}.elementor-3833 .elementor-element.elementor-element-4b62a4d.elementor-element{--order:0;}@media(min-width:768px){.elementor-3833 .elementor-element.elementor-element-6c3fbb8{--width:21.89%;}.elementor-3833 .elementor-element.elementor-element-2ce8422{--width:27.635%;}.elementor-3833 .elementor-element.elementor-element-b9af3f0{--width:24.62%;}.elementor-3833 .elementor-element.elementor-element-870e81e{--width:22.002%;}}@media(max-width:1024px){.elementor-3833 .elementor-element.elementor-element-d8c5e6f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3833 .elementor-element.elementor-element-8a516e4{font-size:var( --e-global-typography-text-font-size );}.elementor-3833 .elementor-element.elementor-element-4183efa .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:767px){.elementor-3833 .elementor-element.elementor-element-d8c5e6f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3833 .elementor-element.elementor-element-8a516e4{font-size:var( --e-global-typography-text-font-size );}.elementor-3833 .elementor-element.elementor-element-4183efa .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-b8a573d *//* ============================================================
   CUSTOM CSS für Elementor
   Einfügen unter: Elementor > Site-Einstellungen > Custom CSS
   (oder auf der einzelnen Seite: Seite bearbeiten > Erweitert > Custom CSS)

   Diese Klassen stylen dein WPForms- bzw. Contact-Form-7-Formular
   in den Brand-Farben von Beckenboden Simone Wild.
   Falls die Klassennamen bei dir abweichen: im Browser mit
   Rechtsklick > "Untersuchen" auf ein Feld die tatsächliche
   Klasse ablesen und hier ersetzen.
   ============================================================ */

:root{
  --primary-deep-blue: #223845;
  --primary-sand-beige: #E8DECF;
  --secondary-petrol: #0D2C2E;
  --accent-gold: #D4AF37;
  --accent-teal: #6E8782;
}

/* ---------- WPForms ---------- */

.wpforms-container .wpforms-form label.wpforms-field-label{
  color: var(--primary-deep-blue);
  font-weight: 600;
}

.wpforms-container .wpforms-form input[type=text],
.wpforms-container .wpforms-form input[type=email],
.wpforms-container .wpforms-form textarea{
  background: var(--primary-sand-beige);
  border: 1px solid rgba(34,56,69,0.25);
  border-radius: 8px;
  color: var(--secondary-petrol);
  padding: 12px 14px;
}

.wpforms-container .wpforms-form input[type=text]:focus,
.wpforms-container .wpforms-form input[type=email]:focus,
.wpforms-container .wpforms-form textarea:focus{
  border-color: var(--primary-deep-blue);
  outline: none;
}

/* Checkbox-Zeile für den Widerrufs-Bestätigungstext */
.wpforms-container .wpforms-form .wpforms-field-checkbox ul li{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

/* Der eigentliche Widerrufs-Button (Submit) — hoher Kontrast, klar sichtbar */
.wpforms-container .wpforms-form button[type=submit].wpforms-submit{
  background: var(--accent-gold) !important;
  color: var(--primary-deep-blue) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 16px 20px !important;
  width: 100%;
}

.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover{
  filter: brightness(0.95);
}

/* ---------- Contact Form 7 (falls stattdessen genutzt) ---------- */

.wpcf7-form label{
  color: var(--primary-deep-blue);
  font-weight: 600;
  display:block;
  margin: 16px 0 6px;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea{
  background: var(--primary-sand-beige);
  border: 1px solid rgba(34,56,69,0.25);
  border-radius: 8px;
  color: var(--secondary-petrol);
  padding: 12px 14px;
  width: 100%;
}

.wpcf7-form input[type=submit]{
  background: var(--accent-gold) !important;
  color: var(--primary-deep-blue) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 16px 20px !important;
  width: 100%;
  cursor: pointer;
}

/* ---------- Footer-Link "Vertrag widerrufen" ---------- */
/* Falls dein Footer ein Elementor-Menü/Text-Widget ist: diese Klasse
   auf den Link-Button anwenden (z. B. über "CSS-Klassen" im Elementor-Panel
   des jeweiligen Link-Elements: widerruf-footer-link) */

a.widerruf-footer-link{
  display:inline-block;
  font-weight: 700;
  color: var(--primary-deep-blue) !important;
  background: var(--accent-gold);
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none !important;
}

a.widerruf-footer-link:hover{
  filter: brightness(0.95);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6a89071 *//* ============================================================
   CUSTOM CSS für Elementor
   Einfügen unter: Elementor > Site-Einstellungen > Custom CSS
   (oder auf der einzelnen Seite: Seite bearbeiten > Erweitert > Custom CSS)

   Diese Klassen stylen dein WPForms- bzw. Contact-Form-7-Formular
   in den Brand-Farben von Beckenboden Simone Wild.
   Falls die Klassennamen bei dir abweichen: im Browser mit
   Rechtsklick > "Untersuchen" auf ein Feld die tatsächliche
   Klasse ablesen und hier ersetzen.
   ============================================================ */

:root{
  --primary-deep-blue: #223845;
  --primary-sand-beige: #E8DECF;
  --secondary-petrol: #0D2C2E;
  --accent-gold: #D4AF37;
  --accent-teal: #6E8782;
}

/* ---------- WPForms ---------- */

.wpforms-container .wpforms-form label.wpforms-field-label{
  color: var(--primary-deep-blue);
  font-weight: 600;
}

.wpforms-container .wpforms-form input[type=text],
.wpforms-container .wpforms-form input[type=email],
.wpforms-container .wpforms-form textarea{
  background: var(--primary-sand-beige);
  border: 1px solid rgba(34,56,69,0.25);
  border-radius: 8px;
  color: var(--secondary-petrol);
  padding: 12px 14px;
}

.wpforms-container .wpforms-form input[type=text]:focus,
.wpforms-container .wpforms-form input[type=email]:focus,
.wpforms-container .wpforms-form textarea:focus{
  border-color: var(--primary-deep-blue);
  outline: none;
}

/* Checkbox-Zeile für den Widerrufs-Bestätigungstext */
.wpforms-container .wpforms-form .wpforms-field-checkbox ul li{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

/* Der eigentliche Widerrufs-Button (Submit) — hoher Kontrast, klar sichtbar */
.wpforms-container .wpforms-form button[type=submit].wpforms-submit{
  background: var(--accent-gold) !important;
  color: var(--primary-deep-blue) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 16px 20px !important;
  width: 100%;
}

.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover{
  filter: brightness(0.95);
}

/* ---------- Contact Form 7 (falls stattdessen genutzt) ---------- */

.wpcf7-form label{
  color: var(--primary-deep-blue);
  font-weight: 600;
  display:block;
  margin: 16px 0 6px;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea{
  background: var(--primary-sand-beige);
  border: 1px solid rgba(34,56,69,0.25);
  border-radius: 8px;
  color: var(--secondary-petrol);
  padding: 12px 14px;
  width: 100%;
}

.wpcf7-form input[type=submit]{
  background: var(--accent-gold) !important;
  color: var(--primary-deep-blue) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 16px 20px !important;
  width: 100%;
  cursor: pointer;
}

/* ---------- Footer-Link "Vertrag widerrufen" ---------- */
/* Falls dein Footer ein Elementor-Menü/Text-Widget ist: diese Klasse
   auf den Link-Button anwenden (z. B. über "CSS-Klassen" im Elementor-Panel
   des jeweiligen Link-Elements: widerruf-footer-link) */

a.widerruf-footer-link{
  display:inline-block;
  font-weight: 700;
  color: var(--primary-deep-blue) !important;
  background: var(--accent-gold);
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none !important;
}

a.widerruf-footer-link:hover{
  filter: brightness(0.95);
}/* End custom CSS */