/**
 * Mod Fusszeile – Frontend CSS (für Joomla 6)
 * Mit Klassen aus der aktualisierten default.php
 */

/* ---------------------------------------------------------
   GRUNDLAYOUT
--------------------------------------------------------- */
.mod-fusszeile-wrapper {
    color: white;
    padding: 40px 20px;
}

.mod-fusszeile-inner {
    margin: 0 auto;
}

.mod-fusszeile-cols {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.mod-fusszeile-col {
    flex: 1 1 250px;
}

.mod-fusszeile-contact-icon {
    width: 30px;
}

/* ---------------------------------------------------------
   TITEL & TEXT
--------------------------------------------------------- */
.mod-fusszeile-contact-title,
.mod-fusszeile-contact-text,
.mod-fusszeile-contact-title-last {
    color: #ffffff;
}

.mod-fusszeile-contact-text {
    margin-bottom: 0;
}

.mod-fusszeile-contact-street{
    margin-bottom: 0px;
    line-height: 1.4;
}

.mod-fusszeile-contact-zip {
    margin-bottom: 0px;
    line-height: 1.4;
    padding-bottom: 20px;
}

.mod-fusszeile-contact-item {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.025rem;
    text-decoration: none;
    margin-bottom: 0px;
}

/* ---------------------------------------------------------
   LINKS & LISTEN
--------------------------------------------------------- */
.mod-fusszeile-col-text {
    margin-bottom: 6px;
    line-height: 1.4;
}

.mod-fusszeile-linklist {
    list-style-type: none; /* Entfernt die Standardpunkte */
    padding-left: 0;       /* Entfernt den linken Einzug, falls nötig */
}

.mod-fusszeile-col-link {
    margin-left: 0;        /* Verhindert, dass zusätzliche Abstände links entstehen */
}

/* Pfeil vor dem Text */
.link-symbol::before {
    content: "\f061";               /* FontAwesome Icon: arrow-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;               /* 900 = Solid Icons */
    transition: transform .2s;
}

.link-symbol {
    font-size: 0.9rem;  /* Beispiel: Größe des >-Symbols anpassen */
    color: #fff;        /* Farbe des >-Symbols */
    margin-right: 5px;  /* Abstand zwischen Symbol und Link */
}

.mod-fusszeile-linklist {
    margin: 0;
    padding-left: 0px;
}

.mod-fusszeile-col-link {
    margin-bottom: 0px;
}

.mod-fusszeile-col-link a,
.mod-fusszeile-contact-item a {
    color: white;
    text-decoration: none;
    transition: 0.2s ease;
}

.mod-fusszeile-col-link a:hover,
.mod-fusszeile-contact-item a:hover {
    text-decoration: underline;
    opacity: 0.9;
}

/* ---------------------------------------------------------
   FOOTER-ABSCHNITT
--------------------------------------------------------- */
.mod-fusszeile-footer {
    margin-top: 40px;
    text-align: right;
    font-size: 0.9rem;
    opacity: 0.9;
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */
@media (max-width: 600px) {
    .mod-fusszeile-cols {
        gap: 20px;
    }
    .mod-fusszeile-col {
        flex: 1 1 100%;
    }
}