a {
    text-decoration: none;
    color: unset;
}

html {
    background-color: var(--fgd);
    color: var(--bg);
}

.homesite {
    width: 100vw;
    height: fit-content;
    position: relative;
    overflow-x: hidden;
}

/* .slideshow-container {
  width: 100vw;
  height: max-content;
  overflow-y: hidden;
  position: relative;
}
.defauldSlide {
  opacity: 0;
  user-select: none;
  width: 100vw;
  height: fit-content;
  z-index: -1;
}
.mySlides {
  opacity: 0;
  position: absolute;
  inset: 0 0 auto 0;
  user-select: none;
}
.imgSlideshow {
  width: 100vw;
  height: fit-content;
} */

/* test slideshow */
.slideshow-container {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
}

.slideshow {
  display: flex;
}

.slide {
  display: none;
  width: 100%;
  opacity: 0;
  animation: fade 0.5s 7.5s;
}

.slide.active {
  display: block;
  opacity: 1;
}

@keyframes fade {
  0% {opacity: 1;}
  100% {opacity: 0.1;}
}
/* test slideshow[end] */

.description {
    position: absolute;
    inset: auto auto 7vh 4.5vw;
    display: flex;
    flex-direction: column;
    gap: 0.5vmin;
}
.titleDes {
    background-color: var(--fgd);
    margin: 0;
    font-family: 'Bruno Ace SC', cursive;
    width: fit-content;
    padding: 1vmin;
    border-radius: 0.5vmin;
}
.fTitle {
    color: var(--ac);
    font-size: 4.9vmin;
    font-weight: bold;
}
.sTitle {
    color: var(--bg);
    font-size: 3.6vmin;
    font-weight: bold;
    font-family: var(--Head2);
}

/* News Sec */

#container {
    display: flex;
    width: 100vw;
    height: max-content;
    justify-content: center;
    gap: 8vmin;
  }

/* Middel Content */

#middleContent {
    margin-top: 12vh;
    background-color: var(--fgd);
    border-radius: 1vw;
    width: 60vw;
    height: max-content;
    overflow: hidden;
    
    display: flex;
    flex-direction: column;
    gap: 7vh;
  }

  /* Newest News */

  #newsContainer {
    display: flex;
    flex-direction: column;
    gap: 2vh;
  }
  .newestPost {
    position: relative;
    box-sizing: border-box;
    background-color: var(--fg);
    border-radius: 1vw;
    max-width: 100%;
    height: max-content;
    overflow-x: hidden;
    padding: 2vw;

    display: flex;
    flex-direction: column;
  } .newestPost::-webkit-scrollbar{
    border-top-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
    }.newestPost::-webkit-scrollbar-thumb{
        border-radius: 1vw;
    }

  #newsHeadline {
    display: flex;
    align-items: center;
  }
  #newsHeadlinePara {
    margin: 0;
    font-size: 1.7vw;
    font-family: var(--Head2);
    font-weight: bold;
  }

  #newsDate {
    display: flex;
    align-items: center;
  }
  #newsDatePara {
    margin: 0.5vw 0vw 1vw 0vw;
    font-size: 0.9vw;
    font-family: var(--Head2);
    color: var(--ac);
  }

  #newsContent {
    display: flex;
    flex-direction: column;
    padding: 0 1vw;
    max-height: 90vh;
    overflow-y: auto;
  }
  #newsContentPara {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-size: 1vw;
    font-family: Arial, Helvetica, sans-serif;
  }

  #newsAuthor {
    display: flex;
    align-items: center;
    color: var(--ac);
  }
  #newsAuthorPara {
    font-size: 0.7vw;
    font-family: var(--Head2);

  }
  #newsAuthorPara {
    font-size: 0.8vw;
    font-family: var(--Head2);
  }
  #newsAuthorParaI {
    margin-left: 0.5vw;
    font-size: 0.8vw;
    font-family: 'Roboto', sans-serif;
  }

  /* Training Box */
  .rightContent {
    margin-top: 12vh;
    width: 30vw;
    display: flex;
    flex-direction: column;
    gap: 8vmin;
  }

  #training {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    height: max-content;

    display: flex;
    align-items: center;
  }

  #t-infos {
    width: max-content;
    height: max-content;
    background-color: var(--fg);
    border-radius: 2vmin;
    display: flex;
    align-items: center;
}
#t-infos-items {
    padding: 3vmin;
}

#t-headline {
    font-size: 1.7vw;
    font-family: 'Bruno Ace', cursive;
    margin: 0;
    color: var(--ac);
}
#jugend-headline {
    font-size: 1.5vw;
    margin: 1vw 0 0.4vw 0;
}

#herren-headline {
    font-size: 1.5vw;
    margin: 1vmin 0 0.4vw 0;
}

.trainingTableHome {
  border: none;
}
.trainingTableHome tr td {
   height: 1.5vw;
   font-size: 1vw;
   border: none;
}
.td-right {
    padding-left: 0.5vw;
}

/* Info Box */

.infoBoxHP {
  width: 100%;
  height: max-content;
  background-color: var(--fg);
  border-radius: 2vmin;
}
.innerInfoHP {
  padding: 3vmin;
  display: flex;
  flex-direction: column;
  gap: 2vmin;
}
.infoHeadlinePara {
  margin: 0 0 1vmin 0;
  font-size: 1.7vw;
  font-family: var(--Head2);
  color: var(--ac);
}
.newInfoBox {
  position: relative;
  width: 100%;
  border-radius: 2vmin;
  background-color: var(--fgd);
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 1.3vmin 0; */
}
.newInfoBoxPara {
  padding: 1.2vmin;
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1vw;
  display: flex;
  align-items: center;
}
.newInfoBoxError {
  width: 100%;
  border-radius: 2vmin;
  background-color: var(--fgd);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.3vmin 0;
}
.newInfoBoxParaError {
  margin: 0;
  font-family: var(--Head2);
  font-size: 1.1vw;
}

/* Infobox mobile */

.infoBoxHP2 {
  width: 100%;
  height: max-content;
  background-color: var(--fg);
  border-radius: 2vmin;
  display: none;
}
.innerInfoHP2 {
  padding: 3vmin;
  display: flex;
  flex-direction: column;
  gap: 2vmin;
}
.infoHeadlinePara2 {
  margin: 0 0 1vmin 0;
  font-size: 4.7vw;
  font-family: var(--Head2);
  color: var(--ac);
}
.newInfoBox2 {
  position: relative;
  width: 100%;
  border-radius: 2vmin;
  background-color: var(--fgd);
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 1.3vmin 0; */
}
.newInfoBoxPara2 {
  padding: 3.2vmin;
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3vw;
  display: flex;
}
.newInfoBoxError2 {
  width: 100%;
  border-radius: 2vmin;
  background-color: var(--fgd);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vmin 0;
}
.newInfoBoxParaError2 {
  margin: 0;
  font-family: var(--Head2);
  font-size: 3.2vw;
}
.deleteIconInfo {
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
  color: var(--ac);
  font-size: 3.5vw;
}

/* Training mobile */

#traintime {
    display: none;
}

#t-infos2 {
    box-sizing: border-box;
    width: 100%;
    height: max-content;
    background-color: var(--fg);
    border-radius: 2vmin;
    padding: 2vmin 0;
    /* display: flex;
    align-items: center;
    justify-content: space-around; */
    overflow: hidden;
}
#t-headline2-Div {
    width: 95%;
    display: flex;
    align-items: center;
    margin: 2vmin 0 0 8vmin;
    color: var(--ac);
}
#t-infos-items2 {
    padding: 3vw 2vmin;
    display: flex;
    justify-content: space-around;
    font-family: Arial, Helvetica, sans-serif;
}

#t-headline2 {
    font-size: 4vmin;
    font-family: 'Bruno Ace', cursive;
    margin: 0;
}
#jugend-headline2 {
    font-size: 3vmin;
    margin: 1vw 0 0.4vw 0;
}

#herren-headline2 {
    font-size: 3vmin;
    margin: 1vmin 0 0.4vw 0;
}

.td-left2 {
    font-size: 2vmin !important;
    padding: 1vmin;
}
.td-right2 {
    font-size: 2vmin !important;
}

/* Sponsoren */
.sponsorSec {
  width: calc(90vw + 8vmin);
  margin: 10vh auto 4vh auto;
  padding: 3vmin;
  box-sizing: border-box;
  background-color: var(--fgd);
  border-radius: 1vw;
}
.sponsorHeadline {
  margin: 0 0 3vmin 0;
  font-size: 1.7vw;
  font-family: var(--Head2);
  color: var(--ac);
}
.sponsorList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3vmin;
}
.sponsorItem {
  flex: 1 1 250px;
  max-width: 450px;
  min-height: 14vmin;
  padding: 2vmin;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--fg);
  border-radius: 2vmin;
  border: 2px solid transparent;
  text-decoration: none;
  transition: 300ms;
}
.sponsorItem:hover {
  border-color: var(--ac);
}
/* Logos sind meist fuer hellen Hintergrund gemacht */
.sponsorItemLogo {
  background-color: #ffffff;
}
.sponsorLogo {
  max-width: 100%;
  max-height: 10vmin;
  object-fit: contain;
}
.sponsorName {
  margin: 0;
  font-size: 1.3vw;
  font-family: var(--Head2);
  color: var(--bg);
  text-align: center;
}

/* Media query */
@media screen and (max-width: 1530px) {
  .slideshow-container{
    margin-top: 7vh;
}

.description{
    display: none;
}
}

@media screen and (max-width: 1100px) {

/* Middle Content */
    #sponsor {
        display: none;
    }

    #training {
        display: none;
    }

    #middleContent {
        width: 90vw;
        margin-top: 4.5vh;
        gap: 8vmin;
    }

    #container {
        display: flex;
        justify-content: center;
    }

    /* right Content */
    .rightContent {
      display: none;
    }

    /* Posts */

    .newestPost {
        max-height: 70vmax;
    }

      #newsHeadlinePara {
        font-size: 3vmin;
      }

      #newsDatePara {
        margin: 0.5vw 0vw 1vw 0vw;
        font-size: 2vmin;
        font-family: var(--Head2);
      }

      #newsContent {
        padding: 0 2vw;
      }
      #newsContentPara {
        font-size: 2.6vmin;
      }

      #newsAuthorPara {
        font-size: 2vmin;
      }
      #newsAuthorParaI {
        margin-left: 1vw;
        font-size: 2vmin;
    }

    /* News Attachment */

    #newsAttachmentPara {
        padding: 1.5vmin;
        font-size: 3vw;
        transform: scaleY(1.1);
    }

    /* Infobox mobile */

    .infoBoxHP2 {
      display: block;
    }
    .infoHeadlinePara2 {
      font-size: 3vmin;
    }
    .newInfoBoxPara2 {
      font-size: 2.2vmin;
    }
    .deleteIconInfo {
      font-size: 2.3vmin;
    }
    .newInfoBoxParaError2 {
      font-size: 2.3vmin;
    }

    /* Trainings Box */

    #traintime {
        display: flex;
    }
    .t-headline2 {
      font-size: 3vmin;
    }

    /* footer */
    #footer {
        font-size: 2.0vmin;
    }

    /* Sponsoren */
    .sponsorSec {
        width: 90vw;
        margin-top: 6vh;
        border-radius: 2vmin;
    }
    .sponsorHeadline {
        font-size: 4.5vmin;
    }
    .sponsorItem {
        flex-basis: 100%;
        min-height: 18vmin;
    }
    .sponsorName {
        font-size: 4vmin;
    }
    .sponsorLogo {
        max-height: 14vmin;
    }
}