a {
  color: #ffffff;
}

strong {
  text-align: right;
}

.wp-element-caption {
  text-align: center;
  font-size: 15px;
}

.component-wrap {
  visibility: hidden;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 90%;
  border-radius: 10px;
}

.wpcf7-form-control.wpcf7-textarea {
  width: 95%;
  border-radius: 10px;
}

/* Nur auf Desktop-Bildschirmen fixieren */
@media (min-width: 961px) {
    .header-top {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        width: 100% !important;
        z-index: 9999;
        background-color: #000000 !important;
        height: 50px !important;
    }

    /* Zwingt das Menü, sich als Text und nicht als Button zu zeigen */
    .header-top .header-menu-sidebar {
        display: none !important;
    }
    
    .header-top .item--component-main_menu {
        display: block !important;
    }

    /* Das Logo nach unten schieben */
    .header-main {
        margin-top: 50px !important;
    }
}

/* --- 2. TEIL: MOBIL (Hier den neuen Code einfügen) --- */
@media (max-width: 960px) {
    .header-top {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: #000000 !important;
        min-height: 50px !important;
    }

    /* Das Logo soll NICHT kleben bleiben */
    .header-main {
        position: relative !important;
        margin-top: 50px !important; 
        z-index: 1 !important;
    }

    /* Verhindert, dass der gesamte Header-Bereich fixiert wird */
    .header.header-mobile {
        position: relative !important;
    }
}