body {
    font-family: lato, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-image: linear-gradient(lightgreen, lightgreen);
}

#Youtubebutton {
    position: fixed;

    right: 10px;
    top: 60px;
    height: 120px;
    z-index: 9999;
}

#loading {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

#calendar {
    max-width: 100%;
    margin: 0 auto;
    background-color: lightblue;
}

#countdown {
    text-align: center;
    font-size: 80px;
}

@media only screen and (max-width: 480px) {
    #countdown {
        font-size: 60px;
    }

    .responsiv {
        max-width: 100%;
    }
}

/* Style the input */
.on-page-search {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #787d85;
    background-color: #fcfcfc;
    border: 1px solid #e0e1e1;
    padding: 5px 15px;
}

/* Style the list */
.demo-links {
    border-bottom: none;
    padding: 5px 5px;
    line-height: 36px;
}

/* Style the results */
.results {
    background: #de1919;
    color: white;
}

.results:hover {
    background: #333;
    color: white;
}

#aktraktionen {
    height: 200px;
    /*0 - 100%*/
    /*left: 30%;*/
    position: sticky;
}

.verschiebung {
    text-align: center;
}

@media only screen and (max-width: 580px) {
    .verschiebung {
    text-align: start;
    }
}


.clickbutton {
    padding: 15px 25px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #04AA6D;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
}

.clickbutton:hover {
    background-color: #3e8e41
}

.clickbutton:active {
    background-color: #3e8e41;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.wrap {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: inset 0 0 7px rgba(69, 78, 140, 0.5);
}

.jctkr-label {
    height: 35px;
    padding: 0 17px;
    line-height: 38px;
    background: rgba(200, 0, 0, 0.9);
    font-style: italic;
    font-size: 19px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(69, 78, 140, 1);
    cursor: default;
}

a {
    color: white;
}

.eyecatcher {
    font-size: 2em;
    font-style: bold;
}
/*
.fc-day-tue,
.fc-day-thu,
.fc-day-mon,
.fc-day-wed,
.fc-day-sat,
.fc-day-sun {
    background: red;
}

.fc-day-fri {
    background: green;
}
*/
td.fc-day-today {
    background: blue !important;
}
/*
.fc-day[data-date="2023-06-02"],
.fc-day[data-date="2023-06-09"],
.fc-day[data-date="2023-06-23"],
.fc-day[data-date="2023-07-07"],
.fc-day[data-date="2023-07-21"],
.fc-day[data-date="2023-07-28"],
.fc-day[data-date="2023-08-04"],
.fc-day[data-date="2023-11-02"],
.fc-day[data-date="2023-11-07"],
.fc-day[data-date="2023-11-09"] {
    background: red !important;
}
*/

.fc-day[data-date="2022-03-15"] {
    background: green !important;
}

#swrvideo {
    height: 740px;
}

@media only screen and (max-width: 600px) {
    #swrvideo {
        height: 250px;
    }
}

#title {
    top: 74px;
    position: absolute;
    width: 100%;
    color: rgb(255, 2, 2);
}

@media only screen and (max-width: 480px) {
    #title {
        top: 205px;
        color: rgb(254, 3, 3);
        text-shadow: 1px 0px 1px #CCCCAA, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCAA, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCAA, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCAA;
        font-size: 24px;
    }
}


.abschicken:hover {
    outline: 1px solid black;
}

.accordion-body {
    background-color: deepskyblue;
}

/* nicht ausgewählt */
.accordion-button {
    background-color: deepskyblue;
}

/** aktive gedrückt */
.accordion-button:not(.collapsed) {
    background-color: rgb(221, 1, 255);
}

.hamburger {
    width: 35px;
    height: 5px;
    background-color: black;
    margin: 6px 0;
}

.ParallaxVideo {
    height: 900px;
    /*padding-top: 50px;*/
    padding-bottom: 50px;
}

.ParallaxVideo video {
    min-width: 100%;
    position: fixed;
    /*top: 30px;*/
    z-index: -999;
}



@media only screen and (max-width: 480px) {
    .ParallaxVideo {
        height: 280px;
    }

    .ParallaxVideo video {
        top: 56px;
    }
    
}

.ParallaxVideo h1 {
    color: #fff;
    
    font-weight: 400;
    text-align: center;
    
}


.ParallaxContent {
     /*Hintergrund Webseite*/
    background: none repeat scroll 0 0 lightgreen;
    /*
        padding: 42px 0;
        color:#FFF;	
        */
        
}

.ParallaxContent h2 {
    color: #FFF;
}




/*farbübergang Hintergrund Webseite */
.section-light {
  background: linear-gradient(to bottom, lightgreen, rgb(40, 172, 216));
            color: #1e4620;
  padding: 40px 20px;
}




  .carousel-item img {
      height: 400px;
      object-fit: cover;
    }
    .feature-card {
      transition: transform 0.3s ease;
    }
    .feature-card:hover {
      transform: scale(1.03);
    }
    .event-link {
      position: relative;
      display: block;
      overflow: hidden;
      border-radius: 8px;
      text-decoration: none;
      color: inherit;
      height: 440px;
    }
    .event-link img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      object-position: top;
    }
    .event-info {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255,255,255,0.90);
      padding: 10px;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
      transform: translateY(0);
    }