/*
 Theme Name: Nilla
 Theme URI: http://www.nilla.ms-wo.de
 Description: Divi Child Theme
 Author: E. Worseck
 Author URI: http://www.nilla.ms-wo.de
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/**
 * Silbentrennung deaktivieren auf deiner Website
 * https://wp-bibel.de/tutorial/silbentrennung-auf-deiner-website/
 */

body {
    -ms-hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -o-hyphens: none !important;
    hyphens: none !important;
}
h1, h2 {
    -ms-hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -o-hyphens: auto !important;
    hyphens: auto !important;
}

/**
 * Versuche Divimenü im mobilen zu scrollen
 */
header#main-header .et_mobile_menu {
    left: 0;
    max-height: calc(100vh - 95px);
    overflow: scroll;
    position: fixed;
    top: 95px !important;
    width: 100%;
}

body.mobile_nav-opened {
    overflow: hidden;
}

/* Divi mobiles Menü nicht einklappen */
@media (max-width: 980px){
    .dt-no-menu-collapse.et_pb_menu .et_pb_menu__menu,
    .dt-no-menu-collapse.et_pb_fullwidth_menu .et_pb_menu__menu {
        display: block;
    }
    .dt-no-menu-collapse.et_pb_menu .et_mobile_nav_menu,
    .dt-no-menu-collapse.et_pb_fullwidth_menu .et_mobile_nav_menu {
        display: none;
    }
}

/* Kontaktformular */

:root {
  --forms-button-background-color: transparent;
  --forms-button-border-radius: 11px;
  --forms-button-border: 0px solid #000000;
  --forms-button-box-shadow: 3px 4px 8px 4px rgba(0,0,0,0.2);
  --forms-button-color: #000000;
  --forms-button-font-family: inherit;
  --forms-button-font-size: 1rem;
  --forms-button-font-weight: 400;
  --forms-button-hover-background-color: #eae4ad;
  --forms-button-hover-border-radius: 11px;
  --forms-button-hover-border: 0px solid #000000;
  --forms-button-hover-box-shadow: 3px 4px 8px 4px rgba(0,0,0,0.2);
  --forms-button-hover-color: #000000;
  --forms-button-hover-padding: 9px 25px;
  --forms-button-letter-spacing: 0px;
  --forms-button-margin-top: 1rem;
  --forms-button-padding: 9px 25px;
  --forms-button-text-transform: uppercase;
  --forms-button-transition-duration: 300ms;
  --forms-checkbox-gap: 2px 20px;
  --forms-form-color: #000000;
  --forms-input-background: #fff;
  --forms-input-border: 1px solid #ABA8A8;
  --forms-input-border-radius: 0;
  --forms-input-box-shadow: none;
  --forms-input-color: #000000;
  --forms-input-focus-background: transparent;
  --forms-input-focus-border: 2px solid #000000;
  --forms-input-focus-border-radius: 0;
  --forms-input-focus-box-shadow: 0 0 5px 0 #000000;
  --forms-input-focus-color: #000000;
  --forms-input-font-family: inherit;
  --forms-input-font-size: 1rem;
  --forms-input-padding: 10px;
  --forms-input-placeholder-color: #808080;
  --forms-input-placeholder-opacity: 0.8;
  --forms-label-color: #000000;
  --forms-link-color: #0d0;
}

/* Stop touching the code!!! */
/* #region Button Design */
form.wpcf7-form input.wpcf7-submit {
  background-color: var(--forms-button-background-color);
  border-radius: var(--forms-button-border-radius);
  border: var(--forms-button-border);
  box-shadow: var(--forms-button-box-shadow);
  cursor: pointer;
  color: var(--forms-button-color);
  font-family: var(--forms-button-font-family);
  font-size: var(--forms-button-font-size);
  font-weight: var(--forms-button-font-weight);
  letter-spacing: var(--forms-button-letter-spacing);
  margin-top: var(--forms-button-margin-top);
  padding: var(--forms-button-padding);
  text-transform: var(--forms-button-text-transform);
  transition: all var(--forms-button-transition-duration) ease;
}
form.wpcf7-form input.wpcf7-submit:hover {
  background-color: var(--forms-button-hover-background-color);
  border-radius: var(--forms-button-hover-border-radius, var(--forms-button-border-radius));
  border: var(--forms-button-hover-border, var(--forms-button-border));
  box-shadow: var(--forms-button-hover-box-shadow, var(--forms-button-box-shadow));
  color: var(--forms-button-hover-color, var(--forms-button-color));
  padding: var(--forms-button-hover-padding, var(--forms-button-padding));
}

/* #endregion Button Design */
/* #region Placeholder Pseudo Class */
form.wpcf7-form input[type=email]::-webkit-input-placeholder,
form.wpcf7-form input[type=text]::-webkit-input-placeholder,
form.wpcf7-form input[type=date]::-webkit-input-placeholder,
form.wpcf7-form input[type=tel]::-webkit-input-placeholder,
form.wpcf7-form input[type=password]::-webkit-input-placeholder,
form.wpcf7-form textarea::-webkit-input-placeholder {
  color: var(--forms-input-placeholder-color);
  opacity: var(--forms-input-placeholder-opacity);
}
form.wpcf7-form input[type=email]::-moz-placeholder,
form.wpcf7-form input[type=text]::-moz-placeholder,
form.wpcf7-form input[type=date]::-moz-placeholder,
form.wpcf7-form input[type=tel]::-moz-placeholder,
form.wpcf7-form input[type=password]::-moz-placeholder,
form.wpcf7-form textarea::-moz-placeholder {
  color: var(--forms-input-placeholder-color);
  opacity: var(--forms-input-placeholder-opacity);
}
form.wpcf7-form input[type=email]:-ms-input-placeholder,
form.wpcf7-form input[type=text]:-ms-input-placeholder,
form.wpcf7-form input[type=date]:-ms-input-placeholder,
form.wpcf7-form input[type=tel]:-ms-input-placeholder,
form.wpcf7-form input[type=password]:-ms-input-placeholder,
form.wpcf7-form textarea:-ms-input-placeholder {
  color: var(--forms-input-placeholder-color);
  opacity: var(--forms-input-placeholder-opacity);
}
form.wpcf7-form input[type=email]:-moz-placeholder,
form.wpcf7-form input[type=text]:-moz-placeholder,
form.wpcf7-form input[type=date]:-moz-placeholder,
form.wpcf7-form input[type=tel]:-moz-placeholder,
form.wpcf7-form input[type=password]:-moz-placeholder,
form.wpcf7-form textarea:-moz-placeholder {
  color: var(--forms-input-placeholder-color);
  opacity: var(--forms-input-placeholder-opacity);
}

/* #endregion */




form.wpcf7-form {
  color: var(--forms-form-color);
}
form.wpcf7-form input[type=email],
form.wpcf7-form input[type=text],
form.wpcf7-form input[type=date],
form.wpcf7-form input[type=tel],
form.wpcf7-form input[type=password],
form.wpcf7-form textarea {
  background: var(--forms-input-background);
  border: var(--forms-input-border);
  border-radius: var(--forms-input-border-radius);
  box-shadow: var(--forms-input-box-shadow);
  color: var(--forms-input-color);
  font-family: var(--forms-input-font-family);
  font-size: var(--forms-input-font-size);
  padding: var(--forms-input-padding);
  width: 100%;
}
form.wpcf7-form input[type=email]:focus,
form.wpcf7-form input[type=text]:focus,
form.wpcf7-form input[type=date]:focus,
form.wpcf7-form input[type=tel]:focus,
form.wpcf7-form input[type=password]:focus,
form.wpcf7-form textarea:focus {
  background: var(--forms-input-focus-background, var(--forms-input-background));
  border: var(--forms-input-focus-border, var(--forms-input-border));
  border-radius: var(--forms-input-focus-border-radius, var(--forms-input-border-radius));
  box-shadow: var(--forms-input-focus-box-shadow, var(--forms-input-box-shadow));
  color: var(--forms-input-focus-color, var(--forms-input-color));
}
form.wpcf7-form a {
  color: var(--forms-link-color);
}
form.wpcf7-form label {
  color: var(--forms-label-color);
}
form.wpcf7-form .wpcf7-checkbox {
  display: flex;
  flex-flow: row wrap;
  gap: var(--forms-checkbox-gap);
}
form.wpcf7-form .wpcf7-checkbox > .wpcf7-list-item {
  margin-left: 0;
}
form.wpcf7-form .dscf7 .wpcf7-checkbox {
  display: inline-block;
}


