/* assets/style-footer.css */
 /* 1. Hintergrund erzwingen */
    footer.site-footer {
        background-color: #080808 !important; /* Fast Schwarz */
        background-image: none !important;    /* Falls ein Bild im Body ist */
        border-top: 2px solid #00e676 !important;
        margin-top: 50px !important;
        padding-top: 60px !important;
        padding-bottom: 20px !important;
        color: #cccccc !important;
        width: 100%;
        position: relative;
        z-index: 100;
    }

    /* 2. Listenpunkte entfernen (die Punkte links) */
    ul.footer-links, 
    ul.footer-specs {
        list-style-type: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* 3. Links reparieren (weg mit dem Standard-Blau) */
    ul.footer-links li a {
        color: #bbbbbb !important;
        text-decoration: none !important;
        font-size: 15px;
        transition: 0.3s;
        display: block;
        margin-bottom: 8px;
    }

    /* Hover Effekt (Grün) */
    ul.footer-links li a:hover {
        color: #00e676 !important;
        padding-left: 8px;
    }

    /* 4. Icons und Specs */
    ul.footer-specs li {
        margin-bottom: 12px;
        color: #aaaaaa;
        display: flex;
        align-items: center;
    }
    ul.footer-specs li i {
        color: #00e676 !important;
        margin-right: 10px;
        width: 20px;
        text-align: center;
    }

    /* 5. Überschriften */
    .footer-heading {
        color: #ffffff !important;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 20px;
        border-bottom: 1px solid #333;
        padding-bottom: 10px;
        display: inline-block;
    }

    /* 6. Copyright Leiste ganz unten */
    .footer-bottom {
        background-color: #000000 !important;
        padding: 15px 0;
        margin-top: 40px;
        border-top: 1px solid #222;
        font-size: 13px;
        color: #666;
    }
	/* 1. Mehr Abstand zwischen Icon und Text */
    ul.footer-specs li i {
    color: #00e676 !important;
    margin-right: 15px !important;  /* Hier mehr Platz! */
    width: 25px !important;         /* Damit alles untereinander steht */
    text-align: center !important;
}

/* 2. Social Media Icons (Weiß statt Dunkelblau) */
    .social-icons a {
    color: #ffffff !important;      /* Weiß */
    font-size: 20px !important;     /* Etwas größer */
    margin-right: 15px !important;  /* Abstand dazwischen */
    text-decoration: none !important;
    transition: 0.3s;
}

    .social-icons a:hover {
    color: #00e676 !important;      /* Grün beim Drüberfahren */
}

/* 3. Zeilenabstand für bessere Lesbarkeit */
     ul.footer-specs li {
    margin-bottom: 15px !important; /* Mehr Luft zwischen den Zeilen */
    display: flex !important;
    align-items: center !important;
}