/*-----------------------------
    Links
-----------------------------*/
/* normaler Link in den Hauptfarben*/
section a, a.icon-link-blue, a.icon-link-orange {
    color: var(--blue);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease-in-out, text-decoration-color 0.2s;
}
section a.icon-link-blue {
    text-decoration: none;
}
section a.icon-link-orange {
    text-decoration: none;
    color: var(--orange);
}
section a.icon-link-blue::before, section a.icon-link-orange::before {
    font-family: 'bootstrap-icons';
    text-decoration: none;
    content: "\F280"; /* \F471 = Linksymbol, \F1C5 = external Link, \F133 = circle-right, */
    margin-right: 3px; /* Abstand zum Text */
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}
section a:hover, a.icon-link-blue:hover, a.icon-link-orange:hover {
    text-decoration: underline;
}
section a:hover, section a.icon-link-blue:hover {
    color: var(--orange);
}
section a.icon-link-orange:hover {
    color: var(--blue);
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 15px;
}

.footer-links a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.85;
    transition: 0.3s;
}

.footer-links a:hover {
    opacity: 1;
    text-decoration: underline;
}