/*
 * Eigene Anpassungen an Bootstrap fuer kskclan.com
 *
 * Diese Werte standen vorher direkt in einer veraenderten bootstrap.min.css (4.3.1).
 * bootstrap.min.css ist jetzt die unveraenderte Originaldatei 4.6.2, die Anpassungen
 * stehen hier und werden direkt danach geladen. Bei einem Bootstrap-Update muss nur
 * bootstrap.min.css ersetzt werden, diese Datei bleibt.
 */

body {
    font-size: 14px;
}

a {
    color: #faffa9;
    word-break: break-all;
}

a:hover {
    color: #bc2317;
}

h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 26px; }
h4, .h4 { font-size: 22px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }

.lead {
    font-size: 18px;
    text-transform: uppercase;
}

/* Logo-/Menüspalten 22 % / 78 % statt 25 % / 75 %.
   Ab 992px gelten bei Spalten mit zusätzlicher col-lg-*-Klasse (z. B. Kopfzeile mit Willkommen/Punkte)
   wieder die Bootstrap-Breiten, wie in der früher angepassten bootstrap.min.css. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .col-md-3 {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .col-md-9 {
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%;
    }
}

@media (min-width: 992px) {
    .col-md-3:not([class*="col-lg-"]) {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .col-md-9:not([class*="col-lg-"]) {
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%;
    }
}

.table {
    margin-bottom: 16px;
}

.table td,
.table th {
    padding: 10px 12px;
}

.dropdown-menu.show {
    padding-bottom: 10px !important;
}

.nav-link {
    display: inline-block !important;
    padding: 0 1rem;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #bc2317;
}

.alert {
    padding: .4rem .25rem;
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.carousel-indicators {
    bottom: 17px;
}

.carousel-indicators li {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}