/**
 * Custom Components - Extrahierte Inline Styles
 * Diese Klassen ersetzen inline style-Attribute für bessere Wartbarkeit
 */

/* Typography */
.title-band {
    font-weight: 900;
}

/* H1 in title partial - soll wie H3 aussehen (für semantisch korrekte Hierarchie) */
.mx-auto.text-center h1 {
    font-size: 1.75rem; /* Bootstrap H3 Größe */
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

/* Spacing utilities */
.min-h-200 {
    min-height: 200px;
}

.min-h-400 {
    min-height: 400px;
}

.spacer-5em {
    width: 50%;
    height: 5em;
}

.spacer-15em {
    width: 50%;
    height: 15em;
}

/* Container styles */
.content-container-centered {
    max-width: 90%;
    margin: auto;
}

.image-container-rounded {
    max-width: 1200px;
    border-radius: 10px;
}

/* Figure caption */
.figure-caption-block {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}

/* Badge utilities */
.badge-nowrap {
    white-space: nowrap;
}

/* Table utilities */
.table-head-translucent {
    opacity: 0.8;
}

.table-row-clickable {
    cursor: pointer;
}

/* Button-styled links (for fixing Link-in-Button antipattern) */
a.btn[role="button"] {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    user-select: none;
}

a.btn[role="button"]:hover,
a.btn[role="button"]:focus {
    text-decoration: none;
}