/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

#erecht {
    color: #fff !important;
    font-size: 1.25em;
}
#erecht  a {
    color: #fff !important;
    font-size: 1.25em;
}
#erecht h1 {
    color: #fff !important;
    font-size: 2.2em !important;
}
#erecht h2 {
    color: #fff !important;
    font-size: 2em !important;
}
#erecht h3 {
    color: #fff !important;
    font-size: 1.8em !important;
}
#erecht h4 {
    color: #fff !important;
    font-size: 1.6em !important;
}
#erecht h5 {
    color: #fff !important;
    font-size: 1.4em !important;
}
#erecht h6 {
    color: #fff !important;
    font-size: 1.2em !important;
}

/* Responsive Anpassung für Mobilgeräte */
@media (max-width: 768px) {
    #erecht h1 {
        font-size: 2em !important;   /* wie h2 */
    }
    #erecht h2 {
        font-size: 1.8em !important; /* wie h3 */
    }
    #erecht h3 {
        font-size: 1.6em !important; /* wie h4 */
    }
    #erecht h4 {
        font-size: 1.4em !important; /* wie h5 */
    }
    #erecht h5 {
        font-size: 1.2em !important; /* wie h6 */
    }
    #erecht h6 {
        font-size: 1em !important;   /* eine Stufe kleiner */
    }
}

/* Placeholder-Schriftgröße im Contact Form 7 */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  font-size: 18px; /* Schriftgröße anpassen nach Wunsch */
  color: #ccc;     /* Optional: Farbe heller für dunklen Hintergrund */
}

/* Optional: Fokuszustand stilisieren */
.wpcf7 input:focus::placeholder,
.wpcf7 textarea:focus::placeholder {
  color: #999;
}

/* Stil für den Submit-Button von Contact Form 7 */
.wpcf7 input[type="submit"] {
  font-size: 18px;        /* Schriftgröße */
  padding: 12px 24px;     /* Abstand oben/unten und seitlich */
  background-color: white; /* Hintergrundfarbe */
  color: black;           /* Textfarbe */
  border: 2px solid white; /* Rahmen */
  cursor: pointer;        /* Zeiger ändern bei Hover */
  transition: all 0.3s ease;
}

/* Hover-Zustand für den Button */
.wpcf7 input[type="submit"]:hover {
  background-color: #ccc; /* Beispiel: grauer Hover-Effekt */
  color: black;
}
#make-up-image {
    color: #fff !important;
    background-color: #181818 !important;
}