/*
Theme Name:  Twenty Twenty-Five Child
Template:    twentytwentyfive
Version:     1.0.0
Description: Child-Theme für Twenty Twenty-Five – .netperfection
Author:      .netperfection
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

/* ──────────────────────────────────────────────
   FIXE NAVIGATION
   ────────────────────────────────────────────── */

/* Template-Part "header" – Twenty Twenty-Five rendert ihn als <header>
   mit der Klasse .wp-block-template-part */
.wp-block-template-part.site-header,
header.wp-block-template-part,
.wp-block-template-part[class*="header"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}

/* Platz für den fixierten Header freigeben.
   Den Wert ggf. an die tatsächliche Header-Höhe anpassen. */
body {
    padding-top: 80px;
}

/* ──────────────────────────────────────────────
   FARBE #ADEEC5  –  Links & Hover
   ────────────────────────────────────────────── */

a,
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
    color: #ADEEC5;
    text-decoration-color: #ADEEC5;
}

a:hover,
a:focus,
.wp-block-navigation a:hover,
.wp-block-navigation a:focus,
.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #8fdcb0;          /* leicht abgedunkelt für Kontrast */
    text-decoration-color: #8fdcb0;
}

/* Aktiver Nav-Link */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
    color: #ADEEC5;
    border-bottom: 2px solid #ADEEC5;
}

/* ──────────────────────────────────────────────
   FARBE #ADEEC5  –  Überschriften H1 – H6
   ────────────────────────────────────────────── */

h1, .wp-block-heading h1,
h2, .wp-block-heading h2,
h3, .wp-block-heading h3,
h4, .wp-block-heading h4,
h5, .wp-block-heading h5,
h6, .wp-block-heading h6,
.wp-block-post-title,
.wp-block-query-title {
    color: #1fb5ae;
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.40);*/
}

/* ──────────────────────────────────────────────
   SLIDE-IN VON UNTEN  –  .np_slide_in
   ────────────────────────────────────────────── */

.np_slide_in {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.np_slide_in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Verzögerungen für gestaffelte Gruppen */
.np_slide_in:nth-child(2) { transition-delay: 0.1s; }
.np_slide_in:nth-child(3) { transition-delay: 0.2s; }
.np_slide_in:nth-child(4) { transition-delay: 0.3s; }
.np_slide_in:nth-child(5) { transition-delay: 0.4s; }

/* Barrierefreiheit: Animation deaktivieren wenn Nutzer das bevorzugt */
@media (prefers-reduced-motion: reduce) {
    .np_slide_in {
        opacity: 1;
        transform: none;
        transition: none;
    }
}