/* 1. Logo im Menü vergrößern */
#masthead.masthead-logo-in-menu .logo img {
    max-height: 60px !important;
    height: 60px !important;
    width: auto !important;
}

/* 2. Innenabstand des Menüs auf Null */
#masthead.masthead-logo-in-menu .main-navigation {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 3. Alle Rahmen, Linien und Schatten unter dem Header entfernen */
#masthead,
#masthead.masthead-logo-in-menu,
.main-navigation,
.main-navigation ul,
.main-navigation li {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 4. Abstände und Rahmen des Inhaltsbereichs auf Null setzen */
#masthead-widgets,
#main {
    border-top: none !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}
/* Contact Form 7 - Zweispaltiges Raster */
.cf7-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.cf7-column {
    flex: 1 1 50%;
    padding: 0 10px;
    box-sizing: border-box;
}

/* Auf Mobilgeräten (unter 768px) wieder einspaltig anzeigen */
@media (max-width: 768px) {
    .cf7-column {
        flex: 1 1 100%;
    }
}
/* Contact Form 7 - Texte/Beschriftungen auf Weiß setzen */
.wpcf7 label,
.wpcf7 p {
    color: #ffffff !important;
}

/* Eingabefelder-Text lesbar halten (Dunkler Text im weißen Feld) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    color: #111111 !important;
    background-color: #ffffff !important;
}
/* Contact Form 7 Submit-Button exakt wie den oberen Button stylen */
.wpcf7 input[type="submit"] {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 15px 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}
/* Hover-Effekt (leichtes Abdunkeln beim Drüberfahren) */
.wpcf7 input[type="submit"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}
/* 1. Den alten Theme-Footer (unten) komplett ausblenden */
#colophon .site-info,
.site-info {
    display: none !important;
}

/* 2. Den gesamten Footer-Bereich tiefschwarz färben */
#colophon,
footer.site-footer,
#footer-widgets {
    background-color: #000000 !important;
    background: #000000 !important;
    border: none !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 3. Links im Widget beim Drüberfahren auf Weiß auffrischen */
#colophon a:hover {
    color: #ffffff !important;
}
/* Den untersten SiteOrigin-Container komplett ausradieren */
#colophon .site-info,
footer#colophon .site-info,
#site-info {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}