@charset "utf-8";

body {
    overflow-x: hidden;
}
.title { 
  font-family: "cabazon",sans-serif;
	font-style: normal;
	font-size: 1.5rem;
	color: #FBFBFB;
	text-shadow: 0px 0.5rem 0.5rem;
}
.menülinks {
    font-family: "givry",fantasy;
	font-style: normal;
	font-size: 1.4rem;
    color: #3CF00F;
}
.nav-link:hover {
    color: #FBFBFB;
}
.nav-link { 
    text-align: center;
}
h1.gallery {
    padding-top: 8rem;
}
h5.color.caption {
    color: #000000;
}
h2.event {
    margin-top: 2.5rem;                                      
}
p.startseite {
	color: #999999;
	font-size: 1.25rem;
	font-style: oblique;
	line-height: 1.5em;
    padding-bottom: 0.8rem;
    text-align: center;
}
p.lead {
    color: #999999;
	font-size: 1.25rem;
	font-style: oblique;
	line-height: 1.5em;
    font-weight: 400;
}
.cont {
    padding-left: 6rem;
}
li.lead {
    font-weight: 400; 
    color: #999999;
	font-size: 1.25rem;
	font-style: oblique;
	line-height: 1.5em; 
}
.info {
  color: #999999;
	font-size: 1.04rem;
	font-style: oblique;
	line-height: 1.5em;
    font-weight: 400;
    text-align: center;
}
.audio_with_controls {
    width: 9rem;
}
.socials {
  text-align: center;
}
.insta {
  padding-left: 0.5rem;
  padding-top: 0.5rem;
}
.blog {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
a.link-seite {
  color: #3CF00F;
  font-size: 1.25rem;
  font-style: oblique;
  font-weight: 400;
}
.link-seite:focus { 
  color: black;
}
.link-seite:hover   { 
  color: #FBFBFB; 
}
.link-seite:active  {  
  color: black; 
}
h6.tabletitel {
  color: #3CF00F;
}
.link-imp {
  color: #3CF00F;
  font-size: 1.15rem;
  font-style: oblique;
  font-weight: 400;
}
.link-imp:focus { 
  color: black;
}
.link-imp:hover   { 
  color: #FBFBFB; 
}
.link-imp:active  {  
  color: black; 
}
.info-akt {
    color: #999999;
	font-size: 1.25rem;
	font-style: oblique;
	line-height: 1.5em;
    font-weight: 400;
    margin: 2.5rem;
}
.center {
  text-align: center;
}
.geschichte {
  padding-top: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}
.masken {
  padding-top: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}
.verein {
  padding-top: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}
.ausstellung {
  padding-top: 2rem;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  padding-bottom: 2rem;
}
h1.brauchtum {
  padding-top: 8rem;
}
span.text-body-secondary.untertitel {
  font-size: 1.60rem;
}
h2.titelanimation { 
    padding-top: 6rem;
}
h2.section {
  color: #3CF00F;
}
h1.titelanimation {
  padding-top: 6rem;
}
.quellenangabe {
  color: #999999;
  font-size: 12px;
  font-style: oblique;
  line-height: 1.5em;
  padding-top: 1.5rem;
}
.birkenbaum {
  text-align: center;
  padding-top: 2rem;
}
h4.abstandanimation {
	margin-bottom: 3.5rem;
  font-style: normal;
	font-size: 1.5rem;
	font-weight: 200;
	text-align: center;
	font-family: "givry", fantasy;
  color: #3CF00F;
}
h2 {
   max-width: 40ch;
   text-align: center;
   transform: scale(0.94);
   animation: scale 3 forwards cubic-bezier(0.5, 1, 0.89, 1);
   font-family: "cabazon",sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 3rem;
   color: #3CF00F;
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}

span {
  display: inline-block;
  opacity: 0;
}
span:nth-child(1) {
  animation: fade-in 0.15s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(2) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(3) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(4) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(5) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(6) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(7) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(8) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(9) {
  animation: fade-in 0.8s 0.10s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.buttonLink {
  float: right;
  padding-left: 10rem;
  padding-top: 6rem;
}
.bi.bi-caret-left { 
   color: #3CF00F;
}
.bi.bi-caret-right { 
  color: #3CF00F;
}
.carousel-caption h5 {
	font-family: "givry", fantasy;
	font-style: normal;
	font-weight: 700;
	font-size: 1.5rem;
    color: #FBFBFB;
}
.carousel-indicators button {
    background-color: #3CF00F !important;
    margin-bottom: 2rem;
}
.carousel-indicators.active {
    color: #3CF00F !important;
}
.carousel-item img {  
   object-fit: contain;
   object-position: center;
   overflow: hidden;   
}

hr.featurette-divider { 
    color: #3CF00F;
    height: 2px;
    background: #3CF00F;
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
       .carousel {
          margin-top:-8rem; 
       }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
       .carousel {
          margin-top:-4rem; 
       }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
       .carousel {
          margin-top:-8rem;
          margin-bottom: 20rem; 
       }
}

@media (max-width: 767px) {
  .carousel {
    margin-bottom: 7%;
  }   
  .carousel-indicators {
    bottom: auto;
    top: 80%;
  }
  .carousel-indicators button {
    border-color: #666;
  }
  .carousel-indicators .active {
    background-color: #666;
  }
}