/*
 Theme Name:   Zuperla Child
 Theme URI:    https://themeforest.net/user/euthemians
 Description:  Zuperla Child Theme
 Version:      2.5.0
 Author:       Euthemians Team
 Author URI:   https://euthemians.com
 Template:     zuperla
*/


#eut-theme-wrapper input[type="text"],
#eut-theme-wrapper input[type="input"],
#eut-theme-wrapper input[type="password"],
#eut-theme-wrapper input[type="number"],
#eut-theme-wrapper input[type="email"],
#eut-theme-wrapper input[type="number"],
#eut-theme-wrapper input[type="url"],
#eut-theme-wrapper input[type="tel"],
#eut-theme-wrapper input[type="search"],
#eut-theme-wrapper input[type="date"],
#eut-theme-wrapper textarea,
#eut-theme-wrapper select,
#eut-theme-wrapper .select2-choice {
	-webkit-appearance: none;
	-moz-appearance:    none;
	border: 1px solid !important;
	padding: 16px 20px;
	outline: none;
	color: inherit;
	margin: 0;
	width: 100%;
	font-size: 15px;
	font-family: inherit;
	margin-bottom: 20px;
	background: transparent;
	border-radius: 5px !important;
	border-color: #6d665f !important;
	min-height: 42px;
	display: block;
}

/* Global Modal Contact RED */

.eut-modal .wpcf7,
.eut-modal .eut-modal-content,
.eut-modal .eut-modal-inner {
  background: #ffffff;
  padding: 60px;
  border-radius: 6px;
  max-width: 900px;
  margin: 0 auto;
}

/* CF7 im Modal sichtbar machen */
.eut-modal .wpcf7,
.eut-modal .wpcf7 p,
.eut-modal .wpcf7 label {
  opacity: 1 !important;
  visibility: visible !important;
  display: block;
  color: #000;
}

/* ======================================================
   WPBakery – Explicit Mobile Layout Classes
   ====================================================== */

@media (max-width: 767px) {

  /* --- MOBILE ROW ---
     Neutralisiert Zuperla/WPB Grid-Verhalten
  */
  /*.mobile-row {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* ============================
   MOBILE COLUMN FIX (ZUPERLA)
   ============================ */
@media (max-width: 767px) {

  .mobile-row .mobile-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    box-sizing: border-box;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .eut-fullwidth .eut-container {
    display: block;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .eut-column-wrapper {
    margin: 0 -25px;
    padding: 0 25px;
  }

}




