/* =========================================================================
   Eigene Anpassungen – ersetzt die früheren style="..."-Attribute im HTML.
   Wird als letztes Stylesheet geladen und überschreibt daher style.css.
   ========================================================================= */

:root {
    --innomat-dark: #373a6d;
    --innomat-container: 1024px;
}

body {
    font-family: 'Quicksand', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Früher stand an jedem Container style="max-width:1024px" */
.container {
    max-width: var(--innomat-container);
}

/* Dunkler Hintergrund für IWW-Tag-Sektion und Footer */
.bg-primary,
.site-footer.bg-primary {
    background-color: var(--innomat-dark) !important;
}

/* Sprunglink für Tastatur- und Screenreader-Nutzung */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 2000;
    padding: 0.75rem 1.25rem;
    background: #fff;
    color: var(--innomat-dark);
}
.skip-link:focus {
    left: 0;
}

/* Buttons, die früher <a href="#"> waren */
.btn-reset {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    line-height: 1;
}
.btn-reset:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* Honeypot – für Menschen unsichtbar, aber nicht display:none
   (manche Bots ignorieren display:none-Felder) */
.hp-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Bilder nie über den Container hinaus, kein Layout-Sprung */
img,
video {
    max-width: 100%;
    height: auto;
}

figure img {
    width: 100%;
}

/* Akkordeon-Überschriften wieder in Überschriftengröße, nachdem die
   ungültigen <h4>-Elemente in den Buttons entfernt wurden */
.accordion-button {
    font-size: 1.25rem;
    font-weight: 700;
}

/* Sichtbarer Fokus für Tastaturbedienung */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--innomat-dark);
    outline-offset: 2px;
}

/* Nutzer mit reduzierter Bewegungspräferenz respektieren */
@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;
    }
}