/* Transparente Buttons mit schwarzem Text + schwarzer Outline */
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"] {
    background-color: transparent !important;
    color: #000000 !important; /* Text schwarz */
    border: 1px solid #000000 !important; /* Rahmen schwarz */
    box-shadow: none !important;
    border-radius: 4px; /* harmonische Rundung */
    padding: 10px 20px;
    transition: all 0.2s ease-in-out;
}

/* Hover-Effekt */
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

    background-color: rgba(0,0,0,0.05) !important; /* leichtes Hover-Grau */
    color: #000000 !important;
    border-color: #000000 !important;/* Dropdown-Container vorbereiten */ .custom-nav .dropdown-menu { opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; } /* Sichtbar beim Hover */ .custom-nav .dropdown:hover .dropdown-menu { opacity: 1; transform: translateY(0); pointer-events: auto; } /* Feiner Schatten für Premium-Look */ .custom-nav .dropdown-menu { background: #ffffff; border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 10px 0; } /* Menülinks */ .custom-nav .dropdown-menu li a { padding: 10px 18px; color: #333; transition: background 0.2s ease; } /* Hover-Effekt für Links */ .custom-nav .dropdown-menu li a:hover { background: rgba(0,0,0,0.05); }
}/* Dropdown-Container vorbereiten */ .custom-nav .dropdown-menu { opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; } /* Sichtbar beim Hover */ .custom-nav .dropdown:hover .dropdown-menu { opacity: 1; transform: translateY(0); pointer-events: auto; } /* Feiner Schatten für Premium-Look */ .custom-nav .dropdown-menu { background: #ffffff; border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 10px 0; } /* Menülinks */ .custom-nav .dropdown-menu li a { padding: 10px 18px; color: #333; transition: background 0.2s ease; } /* Hover-Effekt für Links */ .custom-nav .dropdown-menu li a:hover { background: rgba(0,0,0,0.05); }