/* ConCarne GDNGS */

body > header {
    display: block !important;
}

a {
    color: #124019;
}

a:hover {
    color: #1e692a;
}

.header-navigation-wrapper a {
    color: white;
}

#page-header {
    background-color: rgb(0, 122, 51);
}

#navigation-wrapper {
    background-color: rgb(0, 122, 51);
}

.nav-item {
    background-color: rgb(0, 122, 51);
}

.dropdown-item {
    background-color: rgb(0, 122, 51);
}

.dropdown-menu {
    background-color: rgb(0, 122, 51);
}

#league-selection-box {
    background-color: rgb(0, 122, 51);
}

h1 {
    background-color: rgb(203 213 225);
    font-weight: 700;
    font-size: 1.25rem;
    padding: 0.25em 0.25em 0.25em 0.5em;
    text-align: center;
}

/* Tippspiel zurücksetzen Button (temporär) ausblenden */
.btn-normal-danger {
    display: none;
}

[data-view="news-detail"] ul {
    list-style-type: disc;
    padding-left: 1.5em;
}

[data-view="news-detail"] p {
    margin-top: 1em;
}

[data-view="news-detail"] tr {
    border-bottom: 1px solid rgb(203 213 225);
}

[data-view="home-index"] {
    .shoutbox-content-wrapper {
        font-size: 0.75em;
        /* max-height: 11rem; */
    }
}

[data-view="shoutbox-index"] {
    .shoutbox-content-wrapper {
        max-height: 31rem;
    }
}
.zitat, .stats {
    background-color: rgb(255 249 228 / var(--tw-bg-opacity));
}

#zitat {
    text-align: left;
    font-size: 1em;
}

#zitat-quelle {
    text-align: right;
    font-style: italic;
    font-size: 0.8em;
}

@media only screen and (min-width: 1024px){
    .gdngs-hamburger-note {
        display: none;
    }
}

/* Frage zentriert bei Tippuebersicht Bonus */
@media (max-width: 768px) {
    .sm\:text-left {
        text-align: center;
    }
}

@media only screen and (max-width: 639px) {
    .grid-cols-\[10\%_70\%_10\%_10\%\] {
        grid-template-columns: 20% 60% 10% 10%;
    }
    .grid-cols-\[10\%_66\%_19\%_5\%\] {
        grid-template-columns: 20% 56% 19% 5%;
    }
}

.header-image-wrapper {
    display: block;
}

.header-title-wrapper {
    display: none;
}
.bg-gray-100 {
    background-color: rgb(100 100 100 / var(--tw-bg-opacity));
}

.bg-blue-900 {
    background-color: rgb(205 114 47 / var(--tw-bg-opacity));
}

.bg-gray-300 {
    background-color: rgb(255 160 57 / var(--tw-bg-opacity));
}

.bg-red-500 {
    background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important;
}