.elementor-4290 .elementor-element.elementor-element-0cd880a{--display:flex;--min-height:850px;--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-4290 .elementor-element.elementor-element-0cd880a:not(.elementor-motion-effects-element-type-background), .elementor-4290 .elementor-element.elementor-element-0cd880a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/06/WSM-Wohnbausystem-Kontakt-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4290 .elementor-element.elementor-element-6adbcf0{--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-heading .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 );color:var( --e-global-color-primary );}.elementor-4290 .elementor-element.elementor-element-4177088{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4290 .elementor-element.elementor-element-4177088 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-accent );}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4290 .elementor-element.elementor-element-dfa8b13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"EB Garamond", Sans-serif;font-size:70px;font-weight:200;line-height:70px;}.elementor-4290 .elementor-element.elementor-element-329de82{text-align:center;font-family:"Inter", Sans-serif;font-size:20px;font-weight:200;}.elementor-4290 .elementor-element.elementor-element-939a798{--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-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{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-widget-form .elementor-field-type-html{color:var( --e-global-color-text );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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{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-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{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-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;border-style:none;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2.elementor-element{--align-self:center;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:15px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-15px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-html{padding-bottom:0px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-primary );border-color:var( --e-global-color-text );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-text );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-text );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;letter-spacing:2px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-text );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-text );color:#ffffff;border-color:var( --e-global-color-text );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-text );color:#ffffff;border-color:var( --e-global-color-text );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4290 .elementor-element.elementor-element-4177088{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-4290 .elementor-element.elementor-element-dfa8b13{padding:0px 20px 0px 20px;}.elementor-4290 .elementor-element.elementor-element-329de82{padding:0px 20px 0px 20px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-4290 .elementor-element.elementor-element-0cd880a{--min-height:400px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4290 .elementor-element.elementor-element-4177088{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4290 .elementor-element.elementor-element-4177088 .elementor-heading-title{font-size:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-4290 .elementor-element.elementor-element-dfa8b13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:40px;line-height:40px;}.elementor-4290 .elementor-element.elementor-element-329de82{font-size:18px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-4290 .elementor-element.elementor-element-a6ebfe2{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}}@media(min-width:768px){.elementor-4290 .elementor-element.elementor-element-6adbcf0{--content-width:1200px;}.elementor-4290 .elementor-element.elementor-element-939a798{--content-width:800px;}}/* Start custom CSS for container, class: .elementor-element-0cd880a *//* ==========================================
   WSM AI LOGO
   TRANSPARENT + HEX-FARBE EINSTELLBAR
   ========================================== */

.elementor-4290 .elementor-element.elementor-element-0cd880a {

  /* HIER DEINE LOGOFARBE ÄNDERN */
  --wsm-ai-farbe: #ffffff;

  position: relative;
}

/* AI LOGO RECHTS UNTEN */

.elementor-4290 .elementor-element.elementor-element-0cd880a::after {
  content: "";
  position: absolute;

  right: 5px;
  bottom: 7px;
  z-index: 30;

  width: 32px;
  height: 32px;

  /* EINHEITLICHE LOGOFARBE */
  background-color: var(--wsm-ai-farbe);

  /* LOGO ALS MASKE */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M66 14 H27 Q12 14 12 30 V71 Q12 87 28 87 H73 Q88 87 88 71 V56' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ctext x='49' y='69' text-anchor='middle' font-family='Arial,sans-serif' font-size='43' font-weight='700' fill='white'%3EAI%3C/text%3E%3Cpath d='M76 4 Q77 19 90 20 Q77 22 76 36 Q74 22 61 20 Q74 18 76 4Z' fill='white'/%3E%3Cpath d='M92 24 Q92 32 99 33 Q92 34 92 42 Q91 34 84 33 Q91 32 92 24Z' fill='white'/%3E%3C/svg%3E");

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M66 14 H27 Q12 14 12 30 V71 Q12 87 28 87 H73 Q88 87 88 71 V56' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ctext x='49' y='69' text-anchor='middle' font-family='Arial,sans-serif' font-size='43' font-weight='700' fill='white'%3EAI%3C/text%3E%3Cpath d='M76 4 Q77 19 90 20 Q77 22 76 36 Q74 22 61 20 Q74 18 76 4Z' fill='white'/%3E%3Cpath d='M92 24 Q92 32 99 33 Q92 34 92 42 Q91 34 84 33 Q91 32 92 24Z' fill='white'/%3E%3C/svg%3E");

  -webkit-mask-size: contain;
  mask-size: contain;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  /* KEIN HINTERGRUND ODER RAHMEN */
  border: none;
  box-shadow: none;

  opacity: 0.85;
  pointer-events: none;
}

/* HANDY */

@media (max-width: 767px) {
  .elementor-4290 .elementor-element.elementor-element-0cd880a::after {
    right: 3px;
    bottom: 5px;
    width: 20px;
    height: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-a6ebfe2 *//* ===================================================
   1. MAIN LABEL (Neubau & Renovierung in Inter 22)
   =================================================== */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 25px !important;
    display: block !important;
}

/* Der äußere Kasten des gesamten Formulars */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 {
    background-color: #fdfdfd !important;
    border: 1px solid rgba(157, 126, 74, 0.35) !important;
    padding: 60px 50px !important;
    box-sizing: border-box !important;
    box-shadow: 0 30px 70px rgba(157, 126, 74, 0.03) !important;
}

/* ===================================================
   2. BACKEND-SICHERE ZWISCHENÜBERSCHRIFTEN
   =================================================== */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-html {
    font-family: 'Inter', sans-serif !important;
    font-size: 9.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    color: #9d7e4a !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgba(157, 126, 74, 0.15) !important;
    padding-bottom: 12px !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group:first-child.elementor-field-type-html {
    margin-top: 0 !important;
}

/* ===================================================
   3. KATEGORIE-TABS: INNEN WEISS, RAHMEN 2PX SCHWARZ
   =================================================== */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-subgroup {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 15px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-option {
    flex: 1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-option input[type="radio"] {
    display: none !important;
}

/* Ruhezustand: Weiß mit hartem 2px Rahmen */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-option label {
    display: block !important;
    background-color: #ffffff !important;
    border: 1px solid #1a1a1a !important; /* Härterer 2px Rahmen */
    padding: 16px 10px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    cursor: pointer !important;
    transition: all 0.25s ease-in-out !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Wenn HOVER oder ANGEKLICKT (Aktiv): Komplett schwarz mit weißem Text */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-option label:hover,
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-option:has(input[type="radio"]:checked) label {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Stell sicher, dass auch der Text-Span im Label die weiße Farbe übernimmt */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-option:has(input[type="radio"]:checked) label span,
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-option label:hover span {
    color: #ffffff !important;
}

/* ===================================================
   4. MINIMALISTISCHE TEXTFELDER (Feine Linien bleiben)
   =================================================== */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group:not(.elementor-field-type-radio):not(.elementor-field-type-acceptance):not(.elementor-field-type-html) .elementor-field-label {
    display: none !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-textual:not(textarea) {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    background: transparent !important;
    padding: 15px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14.5px !important;
    color: #1a1a1a !important;
    outline: none !important;
    transition: border-color 0.4s ease !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-textual:not(textarea):focus {
    border-bottom-color: #9d7e4a !important;
}

/* ===================================================
   5. DIGITALES REISSBRETT CANVAS
   =================================================== */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group-message {
    background-color: #fafafa !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 25px !important;
    background-image: radial-gradient(rgba(157, 126, 74, 0.18) 1px, transparent 1px) !important;
    background-size: 22px 22px !important;
    transition: all 0.4s ease !important;
    margin-top: 20px !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group-message textarea {
    width: 100% !important;
    height: 140px !important;
    border: none !important;
    background: transparent !important;
    resize: none !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    
    /* KILLT DEN INNEREN RAHMEN BEIM ANKLICKEN */
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
}

/* Verfärbt beim Reinklicken nur die zarte Außenlinie zu WSM Gold, kein Innenrahmen! */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-group-message:has(textarea:focus) {
    border-color: #9d7e4a !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}
/* ===================================================
   6. PRIVACY & ABSENDEBUTTON
   =================================================== */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-acceptance .elementor-field-option {
    display: flex !important;
    align-items: flex-start !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-acceptance input[type="checkbox"] {
    accent-color: #9d7e4a !important;
    margin-top: 2px !important;   
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-acceptance .elementor-field-option label,
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-acceptance .elementor-field-option .elementor-field-label {
    margin: 0 !important;
    padding-left: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;     
    line-height: 1.6 !important;
    color: #666666 !important;
    font-weight: 300 !important;
}

/* Der Button im Ruhezustand: Weiß, Rahmen 2px schwarz */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-button {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
    padding: 18px 0 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Hover-Zustand: Wird schwarz, Text weiß und hüpft nach oben */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-button:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* ===================================================
   7. RESPONSIVE
   =================================================== */
@media (max-width: 767px) {
    .elementor-4290 .elementor-element.elementor-element-a6ebfe2 { padding: 40px 20px !important; }
    .elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-field-type-radio .elementor-field-subgroup { flex-direction: column !important; gap: 10px !important; }
    .elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-form-fields-wrapper .elementor-field-group:not(.elementor-field-type-html) { width: 100% !important; }
}
/* ===================================================
   8. ERFOLGSMELDUNG AUSBLENDEN & BROWSER-VALIDIERUNG KILLEN
   =================================================== */

/* Blendet die grüne Standard-Erfolgsmeldung aus */
.elementor-4290 .elementor-element.elementor-element-a6ebfe2 .elementor-message-success {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* ===================================================
   9. POPUP-ZENTRIERUNG (BOMBENFEST IN DER MITTE)
   =================================================== */

/* Trifft den äußeren Wrapper des Elementor-Popups */
.elementor-popup-modal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}

/* Trifft das eigentliche Popup-Fenster im Inneren */
.elementor-popup-modal .elementor-dialog-message {
    margin: auto !important; /* Automatische Ränder zwingen das Element in die Mitte */
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important; /* Setzt fehlerhafte Verschiebungen zurück */
}

/* ===================================================
   10. SICHERER OVERLAY-FIX (NUR BEIM SCHLIESSEN)
   =================================================== */

/* Zwingt das leere, hängengebliebene Overlay unsichtbar zu werden, wenn kein Popup-Inhalt mehr da ist */
.elementor-popup-modal:has(.elementor-dialog-message:empty),
.elementor-popup-modal[style*="display: none"] {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Stellt sicher, dass die Website nach dem Schließen sofort wieder scrollbar ist */
body {
    overflow: unset !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6390c24 */#button-test-popup {
    display: none;
}/* End custom CSS */
/* Start custom CSS *//* Nur Tablet und Mobil */
@media screen and (max-width: 1024px) {

  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Elementor-Seiteninhalt */
  body.elementor-page-4290 {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.elementor-page-4290 *,
  body.elementor-page-4290 *::before,
  body.elementor-page-4290 *::after {
    box-sizing: border-box;
  }

  /* Nur Medien und Widgets begrenzen,
     nicht die normalen Elementor-Containerbreiten */
  body.elementor-page-4290 .elementor-widget,
  body.elementor-page-4290 .elementor-widget-container,
  body.elementor-page-4290 form,
  body.elementor-page-4290 iframe,
  body.elementor-page-4290 img,
  body.elementor-page-4290 video,
  body.elementor-page-4290 svg {
    max-width: 100% !important;
  }

  body.elementor-page-4290 [style*="100vw"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.elementor-page-4290 input,
  body.elementor-page-4290 textarea,
  body.elementor-page-4290 select,
  body.elementor-page-4290 button {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'EB Garamond';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/EBGaramond-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/EBGaramond-Regular-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/Inter_Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/Inter_BlackItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/Inter_Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/Inter_MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/Inter_ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.wsm-wohnbausystem.de/wp-content/uploads/2026/05/Inter_ExtraLightItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */