/* ==========================================================================
   NUR MENÜ- & NAMENS-STYLING (Ändert absolut nichts am Content-Bereich)
   ========================================================================= */

/* 1. Der Name wird NUR beim Drüberfahren (Hover) blau */
#aside-nav-wrapper .branding-text h3 a.site-title:hover,
#aside-nav-wrapper .branding-text h3 a:hover,
.branding-text h3 a:hover,
a.site-title:hover {
    color: #0073aa !important;
    text-decoration: none !important;
}


/* 2. Alte Theme-Balken, Hintergründe und grüne Rahmen im Menü komplett löschen */
#aside-nav-wrapper #navbar ul > li,
#aside-nav-wrapper #navbar ul > li > a,
#aside-nav-wrapper #navbar ul > li.current_page_item > a,
#aside-nav-wrapper #navbar ul > li.current-menu-item > a,
#aside-nav-wrapper #navbar ul > li.current_page_ancestor > a {
    border: none !important;
    border-left: none !important;
    box-shadow: none !important; 
    background: none !important;
}

/* 3. Versteckte grüne Theme-Elemente (Deko-Linien) restlos deaktivieren */
#aside-nav-wrapper #navbar ul > li::before,
#aside-nav-wrapper #navbar ul > li::after,
#aside-nav-wrapper #navbar ul > li > a::before,
#aside-nav-wrapper #navbar ul > li > a::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 4. Standard-Aussehen der Menüpunkte festlegen (Normaler Zustand) */
#aside-nav-wrapper #navbar ul > li > a {
    color: #333333 !important;
    font-weight: 500 !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    padding: 12px 20px 12px 20px !important;
    border-left: 3px solid transparent !important; /* Platzhalter für den blauen Balken */
}

/* 5. Hover-Effekt im Menü (Wenn du mit der Maus über einen Menüpunkt fährst) */
#aside-nav-wrapper #navbar ul > li > a:hover {
    background-color: #f8f9fa !important;
    color: #0073aa !important; /* Text wird blau */
    border-left: 3px solid #0073aa !important; /* Blauer Balken links erscheint */
    padding-left: 25px !important; /* Schiebt den Text leicht nach rechts */
}

/* 6. Aktiver Zustand im Menü (Die Seite, auf der du gerade bist) */
#aside-nav-wrapper #navbar ul > li.current_page_item > a,
#aside-nav-wrapper #navbar ul > li.current-menu-item > a,
#aside-nav-wrapper #navbar ul > li.current_page_ancestor > a,
#aside-nav-wrapper #navbar ul > li.active > a {
    color: #0073aa !important; /* Text bleibt blau */
    font-weight: bold !important;
    background-color: #f1f1f1 !important; /* Leichter grauer Hintergrund */
    border-left: 3px solid #0073aa !important; /* Blauer Balken bleibt stehen */
}

/* ==========================================================================
   BUTTON-STYLING ("Über mich" Button schöner machen)
   ========================================================================== */

/* Standard-Zustand des Buttons */
.wp-block-button .wp-block-button__link,
a.wp-block-button__link {
    background-color: #0073aa !important; /* Das passende Blau als Hintergrund */
    color: #ffffff !important;            /* Weißer Text */
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 28px !important;        /* Schönere Proportionalität (Abstände innen) */
    border-radius: 50px !important;       /* Perfekt abgerundete "Pillen"-Form */
    text-decoration: none !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important; /* Minimaler, edler Schatten */
    transition: all 0.25s ease-in-out !important; /* Macht den Übergang beim Hovern flüssig */
}

/* Hover-Zustand (Wenn du mit der Maus drüberfährst) */
.wp-block-button .wp-block-button__link:hover,
a.wp-block-button__link:hover {
    background-color: #005580 !important; /* Ein etwas dunkleres Blau beim Hovern */
    color: #ffffff !important;
    box-shadow: 0 6px 12px rgba(0, 115, 170, 0.2) !important; /* Der Schatten wird leicht blau und tiefer */
    transform: translateY(-2px) !important; /* Der Button hebt sich minimal an */
}

/* ==========================================================================
   GEZIELTE FARB-ANPASSUNG (Ändert NUR das Theme-Grün zu Blau)
   ========================================================================== */

/* Überschreibt ausschließlich die Variable, die das Theme für das Grün nutzt */
:root, 
body, 
#page {
    --secondary-color: #0073aa !important; /* Hier saß das Grün – jetzt dein Blau! */
}

/* Falls das Theme an manchen Stellen im Inhalt das Grün fest im Code verbaut hat: */
#content .green-text,
#content .theme-accent-color {
    color: #0073aa !important;
}

#content .green-bg,
#content .theme-accent-bg {
    background-color: #0073aa !important;
}