/*Styling-Angaben zu Cursor*/
@media only screen and (max-width: 1030px) {
	.cursor.cursor-follower{display:none;}
	.cursor .cursor-dot{display:none;}
	body { cursor:circle; }
	
}
.cursor.cursor-follower {
  background: #98fb98;
  transition: top .1s, left .1s, 
              width .1s, height .1s;
  transition-timing-function: ease-out;
}
.cursor {
  width: 8px;
  height: 8px;
  background: none;
  z-index: 1;
  border-radius: 50%;
  position: absolute;
	 transition: width .1s, height .1s;
	
	margin-top: -10px;
	margin-left:-10px;

}

.cursor:hover {
	display: none;
}

/*Marquee-Effekt*/
.marquee {
	display:flex;
	overflow:hidden;
	gap:40px;
	position:relative;
	user-select:none;
	 line-height: 1;
}

.marquee2 {
	display:flex;
	overflow:hidden;
	gap:0px;
	position:relative;
	user-select:none;
	line-height: 1;
}

.marquee-content2 {
	flex-shrink:0;
	display:flex;
	justify-content:space-around;
	min-width:100%;
	gap: 0px; 
 }
.marquee-content {
	flex-shrink:0;
	display:flex;
	justify-content:space-around;
	min-width:100%;
	gap: 40px; 
 }

@keyframes scroll {
  from {
    transform: translateX(calc(-100% - 1rem));
  }
  to {
    transform: translateX(0);
  }
}

@keyframes scroll2 {
  from {
    transform:  translateX(0);
  }
  to {
    transform:translateX(calc(-100% - 1rem));
  }
}

.scroll {
  animation: scroll 50s linear infinite;
}

.scroll2 {
  animation: scroll2 80s linear infinite;
}
.scroll3 {
  animation: scroll2 60s linear infinite;
}
.scroll4 {
  animation: scroll2 250s linear infinite;
}

.reverse {
  animation-direction: reverse;
}


/*Cookie Consent*/
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 50px !important;
}