@charset "utf-8";
.container {
}

body {
  background: rgb(255,196,0);
  background: -moz-radial-gradient(circle, rgba(255,196,0,1) 0%, rgba(255,236,0,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(255,196,0,1) 0%, rgba(255,236,0,1) 100%);
  background: radial-gradient(circle, rgba(255,196,0,1) 0%, rgba(255,236,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc400",endColorstr="#ffec00",GradientType=1);
}

.shadow {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  border-radius: 10px;
  border-bottom: 5px solid #ffec00;
}


.main{
	width: 100%;
	height: 100%;
background-color: #fff!important;	
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
  border-radius: 10px;
 
	
}

.lauftext {
    font-family: 'Capriola', sans-serif!important;
    

}

.carousel-control-next a:hover{

  border-bottom: 0px;

}

p {
  font-family: 'Capriola', sans-serif!important;


}

a {

  background-image:linear-gradient(60deg, #ff0000, #fd6500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

a:hover{

  border-bottom: 2px solid #ffec00;
  text-decoration: none;
  color: red;

}

h1,h2,h3,h4,h5 {
    font-family: 'Capriola', sans-serif!important;
    

}

carousel-caption .p {
color:black;


}


h4 {

   color: black;
}

.unterschrift {
  font-family: 'La Belle Aurore', cursive!important;
  font-size: 30px;
}

.span{
	
	font-family: 'Capriola', sans-serif!important;
}

h5 {
	
  transform: rotate(-2deg);
  padding-bottom: 30px;

  font-weight: bold;
  
  }
  
  h5 span {
    padding:1rem;
    line-height: 2.3;
     background: linear-gradient(60deg, #ffec00, #f9d000);
    
  }

  .highlight {
    font-weight: 700;
    padding: 0.2rem;
     background: linear-gradient(60deg, #ffec00, #f9d000);
    
  }
  
  .turn {
    transform: rotate(-2deg);
  }
  
.asvg{

  width: 100%;
  max-width: 250px;


}

.confetti {
  width: 15px;
  height: 15px;
  background-color: #f2d74e;
  position: absolute;
  left: 50%;
  animation: confetti 5s ease-in-out -2s infinite;
  transform-origin: left top;
}
.confetti:nth-child(1) {
  background-color: #f2d74e; left: 10%; animation-delay: 0;
}
.confetti:nth-child(2) {
  background-color: #95c3de; left: 20%; animation-delay: -5s;
}
.confetti:nth-child(3) {
  background-color: #ff9a91; left: 30%; animation-delay: -3s;
}
.confetti:nth-child(4) {
  background-color: #f2d74e; left: 40%; animation-delay: -2.5s;
}
.confetti:nth-child(5) {
  background-color: #95c3de; left: 50%; animation-delay: -4s;
}
.confetti:nth-child(6) {
  background-color: #ff9a91; left: 60%; animation-delay: -6s;
}
.confetti:nth-child(7) {
  background-color: #f2d74e; left: 70%; animation-delay: -1.5s;
}
.confetti:nth-child(8) {
  background-color: #95c3de; left: 80%; animation-delay: -2s;
}
.confetti:nth-child(9) {
  background-color: #ff9a91; left: 90%; animation-delay: -3.5s;
}
.confetti:nth-child(10) {
  background-color: #f2d74e; left: 100%; animation-delay: -2.5s;
}

@keyframes confetti {
  0% { transform: rotateZ(15deg) rotateY(0deg) translate(0,0); }
  25% { transform: rotateZ(5deg) rotateY(360deg) translate(-5vw,20vh); }
  50% { transform: rotateZ(15deg) rotateY(720deg) translate(5vw,60vh); }
  75% { transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw,80vh); }
  100% { transform: rotateZ(15deg) rotateY(1440deg) translate(10vw,110vh); }
}

.insta {
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

}