/*
 * Unicon 2026 – Ergaenzungen zum Altbestand (app.css / unicon.css)
 *
 * Hier liegen ausschliesslich Regeln, die vorher als Inline-Styles
 * in den Templates standen, sowie kleine Korrekturen. Die
 * Darstellung bleibt dadurch unveraendert.
 *
 * Die Abstaende stehen bewusst in em, nicht in rem: die urspruenglichen
 * Inline-Styles waren em-basiert und beziehen sich damit auf die
 * Schriftgroesse des jeweiligen Elements.
 */

:root {
    /* Markenrot aus unicon.css */
    --color-primary: #cf003d;
}

/* Textspalte im roten Kasten des Bild-Text-Containers */
.redBild__text {
    padding: 0.5em 1.2em;
}

/* Abstand des Zusatzblocks unter dem Bild-Text-Container */
.subBild {
    margin-block-start: 1em;
}

/* Name im Team-Akkordeon */
.teamItem__name {
    padding-block-start: 0.7em;
    margin-block-end: 0;
}

/*
 * Logo in der Sticky-Leiste.
 * Im Altbestand war es auf der Startseite ein blosses <img>, auf Folgeseiten
 * ein <a><img></a>. Der Link bringt Foundations Topbar-Padding mit, wodurch
 * das Bild ueber max-width:100% auf ~161px gestaucht wurde. Beide Templates
 * nutzen jetzt den Link (erreichbar, konsistent); das Padding wird hier
 * zurueckgenommen, damit das Logo seine natuerliche Groesse behaelt.
 *
 * !important ist noetig, weil unicon.css das Padding selbst mit !important
 * setzt (.top-bar-section #mainMenu > li:not(.has-form) > a:not(.button)).
 */
.top-bar-section #mainMenu > li.logo:not(.has-form) > a:not(.button) {
    padding-inline: 0 !important;
    background: none !important;
}

/* Footer-Adresse: address ist semantisch richtig, soll aber nicht kursiv sein */
footer address {
    font-style: normal;
}

/* Tastaturfokus sichtbar halten */
:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
