/* Headerbild auch auf Smartphone */
body > header {                                                                                                  
  display: block !important;                                                                                                  
}
@media only screen and (max-width:1024px) {
    .header-title-wrapper {
       display: none;
    }
}

body {
/*  background-image: url("../images/rasen.webp"); */
/*  background-repeat: no-repeat; */
/*  background-attachment: fixed; */
/*  background-size: cover; */
}
footer {
/*  color: white; */
}

#deutschland {
  background-color: #ffd700; /* For browsers that do not support gradients */
  background-image: linear-gradient(black, red, #ffd700);
  font-size: 1.2em;
  color: white;
  padding: 0.25em 0.25em 0.25em 0.5em;
  font-weight: bold;
  text-align: center;
}

#title {
  background-color: #ffd700; /* For browsers that do not support gradients */
  background-image: linear-gradient(black, red, #ffd700);
  font-size: 1.2em;
  color: white;
  padding: 0.25em 0.25em 0.25em 0.5em;
  font-weight: bold;
  text-align: center;
}

/* Hashtag */
.hashtag {
  font-size: 1.5em;
}

.black {
  color: black;
}

.red {
  color: red;
}

.gold {
  color: #ffd700;
}

/* Inhalt Zitate */
#zitat {
  text-align:left;
  font-size: 1em;
}

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

/* Inhalt News */
#news-title {
  text-align:left;
  float:left;
  font-size: 1.2em;
  font-weight: bold;
}
#news-date {
  text-align:right;
}

#news-name {
  text-align:right;
  font-style: italic;
  font-size: 0.8em;
}

/* Inhalt Song */
#song-title {
  text-align:center;
  font-style: italic;
  font-size: 0.8em;
}

.box-aussen {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.box {
  display: inline-block;
}

/* Shoutbox Hintergrundfarbe */
.odd\:bg-blue-200:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.even\:bg-blue-50:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    
}

/* tippübersicht Tendenzenfarben */
.tip-allocation-color-wrapper > .bg-red-500  {
    background-color: white;
}
.tip-allocation-color-wrapper > .bg-orange-300{
    background-color: white;
}
.tip-allocation-color-wrapper > .bg-green-500{
    background-color: white;
}