/* Aktiviert Silbentrennung für die gesamte Seite */
html {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

/* Footer Styling */
.footer {
    display: flex;
    justify-content: center; /* Zentriert die Elemente horizontal */
    align-items: center; /* Zentriert die Elemente vertikal */
    gap: 1.25rem; /* Abstand zwischen den Elementen (1.25rem = 20px bei Standard-Schriftgröße) */
    padding: 1rem; /* Fügt etwas Innenabstand hinzu */
}

.footer a {
    text-decoration: none; /* Entfernt die Unterstreichung der Links */
    color: inherit;
}

.footer p {
    margin: 0; /* Entfernt den Standardabstand des <p>-Elements */
}

/* Mobile-Ansicht */
@media (max-width: 37.5em) {
    /* 37.5em entspricht 600px bei einer Standard-Schriftgröße von 16px */
    .footer {
        flex-direction: column; /* Stapelt die Elemente vertikal */
        text-align: center;
        gap: 0.75rem; /* Reduzierter Abstand zwischen den Elementen */
    }

    .footer a {
        margin-bottom: 0.5rem; /* Abstand zwischen den Links (0.5rem = 8px bei Standard-Schriftgröße) */
    }
}

/* Abstand zwischen Bildern und Text in Infoboxen */

.inline-image-left img, .inline-image-left-without-top-margin img {
    margin-right: 15px !important;
}

.inline-image-right img, .inline-image-right-without-top-margin img {
    margin-left: 15px !important;
}

.inline-image-right-without-top-margin {
    margin-top: 0 !important;
}

.inline-image-left-without-top-margin {
    margin-top: 0 !important;
}
/*

/* Darstellung der Release Version in grünem Kästchen */
.release-version {
    color: white;
    background-color: #266429;
    padding: 4px;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    margin-top: 0!important;
    margin-bottom: 1.1em!important;
}

/* Extra Überschriften für Infoboxen verstecken, aber im Inhaltsverzeichnis aufführen */
.hidden-heading{
    margin-top: 0!important;
}

/* Nur Elemente innerhalb von .hidden-heading ansprechen */
.hidden-heading > h1,
.hidden-heading > h2,
.hidden-heading > h3,
.hidden-heading > h4,
.hidden-heading > h5 {
    visibility: hidden;
    position: relative;
    margin: 0!important;
    padding: 0!important;
    line-height: 0!important;
}


.hidden-heading .anchor {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}

/*
.yellow-infobox {
    background-color: #FFFDF6 !important;
    border: solid 1px gold !important;
}
*/

.yellow-infobox {
    background-color: lightyellow !important;
    border: solid 1px gold !important;
}

.green-infobox {
    background-color: #F3F9F5 !important;
    border: solid 1px #BBC5BD !important;
}

table tr th{
    background-color: #F4F5F7  !important;
}

.bigger-font-size {
    font-size: .94444rem!important;
}

.table-header{
    font-weight: bold;
    background-color: grey;
}

.green-icon {
    color: green;
}

/* Links unterstreichen für Barrierefreiheit */
main a {
    text-decoration: underline;
}