.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(10, 10, 10, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
    transition: all 0.3s ease;
}

body {
    padding-top: 100px;
}

/* Navigation Grundstil */
.site-header .site-navigation a {
    color: rgba(255, 255, 255, 0.85);
    transition: all 0.3s ease;
}

/* Hover Effekt – stärker, satter */
.site-header .site-navigation a:hover,
.site-header .site-navigation a:focus {
    color: #ff1f1f;
    letter-spacing: 0.04em;
    text-shadow:
        0 0 8px rgba(255, 20, 20, 0.85),
        0 0 18px rgba(255, 0, 0, 0.6),
        0 0 32px rgba(120, 0, 0, 0.5);
}

/* Aktiver Menüpunkt – dauerhaftes Glühen */
.site-header .current-menu-item > a,
.site-header .current_page_item > a,
.site-header .current-menu-ancestor > a,
.site-header .current_page_parent > a,
.site-header .current_page_ancestor > a {
    color: #ff4d4d !important;
    letter-spacing: 0.04em;
    text-shadow:
        0 0 10px rgba(255, 30, 30, 0.8),
        0 0 22px rgba(255, 0, 0, 0.55),
        0 0 40px rgba(100, 0, 0, 0.45);
}
/* ========================= */
/* BUTTONS */
/* ========================= */

button,
.elementor-button,
.wp-block-button__link {
    background: rgba(20, 20, 20, 0.9);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 22px;
    letter-spacing: 0.04em;
    transition: all 0.3s ease;
}

button:hover,
.elementor-button:hover,
.wp-block-button__link:hover {
    background: rgba(30, 0, 0, 0.95);
    color: #ff2a2a;
    border-color: rgba(255, 50, 50, 0.3);
    text-shadow:
        0 0 8px rgba(255, 40, 40, 0.6),
        0 0 18px rgba(255, 0, 0, 0.4);
    box-shadow:
        0 0 12px rgba(255, 0, 0, 0.2);
}


/* ========================= */
/* LINKS (Fließtext etc.) */
/* ========================= */

a {
    transition: all 0.25s ease;
}

a:hover {
    color: #ff2a2a;
    text-shadow:
        0 0 6px rgba(255, 40, 40, 0.5),
        0 0 12px rgba(255, 0, 0, 0.3);
}


/* ========================= */
/* INPUT FELDER (Newsletter etc.) */
/* ========================= */

input,
textarea {
    background: rgba(15, 15, 15, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
    padding: 10px;
    transition: all 0.3s ease;
}

input:focus,
textarea:focus {
    border-color: rgba(255, 40, 40, 0.4);
    box-shadow:
        0 0 8px rgba(255, 0, 0, 0.2);
    outline: none;
}


/* ========================= */
/* FOOTER */
/* ========================= */

footer {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 20px;
}

footer a:hover {
    color: #ff2a2a;
}


/* ========================= */
/* SOCIAL ICONS */
/* ========================= */

.elementor-social-icon:hover {
    transform: scale(1.1);
    box-shadow:
        0 0 10px rgba(255, 0, 0, 0.3);
}
.legal-text-fix {
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (max-width: 767px) {
  .maze-mobile-text * {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }
}
/* Komplettes mobiles Menü hart überschreiben */
.site-navigation-dropdown.show,
.site-navigation-dropdown.show * {
  background: #0a0a0a !important;
}

/* Schrift sichtbar machen */
.site-navigation-dropdown.show a {
  color: #f2f2f2 !important;
}

/* Aktiver Punkt */
.site-navigation-dropdown.show .current-menu-item > a {
  color: #ff2a2a !important;
}
/* X / Close-Icon im mobilen Menü rot */
.site-navigation-toggle.close,
.site-navigation-toggle.close span,
.site-navigation-toggle.close::before,
.site-navigation-toggle.close::after,
button.site-navigation-toggle[aria-expanded="true"],
button.site-navigation-toggle[aria-expanded="true"] span,
button.site-navigation-toggle[aria-expanded="true"]::before,
button.site-navigation-toggle[aria-expanded="true"]::after {
  color: #ff2a2a !important;
  background-color: transparent !important;
  border-color: #ff2a2a !important;
}

/* Falls das X als Icon-Schrift eingebunden ist */
.site-navigation-toggle[aria-expanded="true"] {
  color: #ff2a2a !important;
  text-shadow: 0 0 8px rgba(255, 0, 0, 0.35);
}
.grecaptcha-badge {
  opacity: 0.3 !important;
  transform: scale(0.85);
}