.k11abstand {
    padding: 50px 0;
}

.bg-blue {
    background-color: #133bfc;
}
.bg-green {
    background-color: #198754;
}

.bg-black {
    background-color: #000;
}

/*#Accordion*/
.accordion-title {
    display: block;
    border-bottom: 1px solid #c5c5c5;
    padding-left: 1vw;
    transition: border .3s;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    font-weight: 700;
}

.accordion-contain .accordion-title {
    padding: 25px 35px 25px 35px;
    cursor: pointer;
}

@media only screen and (max-width: 990px) {
    .accordion-contain .accordion-title {
        padding: 20px 10px 20px 10px;
		font-size: 1.05rem;
    }
}

.accordion-contain .accordion-title::after {
    content: "\203A";
    float: left;
    margin-right: 1vw;
    margin-top: -7px;
    transition: 400ms;
    transform: rotate(0deg);
    color: #000;
}


.accordion-contain:hover .accordion-title::after {
    transform: rotate(90deg);
}

.accordion-contain {
    position: relative;
}

.accordion-contain .accordion-body .accordion-content {
    opacity: 0;
    height: 0;
    padding: 0px 30px 0px 75px;
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: auto 5;
    hyphenate-limit-lines: 2;
    line-height: 1.75;
    font-size: 1.13rem;
}

@media only screen and (max-width: 990px) {
    .accordion-contain .accordion-body .accordion-content {
        padding: 0px 10px 0px 10px;
    }
}


.accordion-contain .accordion-body {
    opacity: 0;
    height: 0;
    transition: padding-top .4s, padding-bottom .4s;
    position: absolute;
    top: 0;
}

.accordion-contain:hover .accordion-title {
    border-bottom-color: transparent;
}

.accordion-contain:hover .accordion-title~.accordion-body {
    opacity: 1;
    height: 100%;
    padding: 10px;
    position: inherit;
}

.accordion-contain:hover .accordion-title~.accordion-body .accordion-content {
    opacity: 1;
    height: 100%;
}

.bold-big {
    font-size: 2.5rem;
    color: #000;
}

.blue {
    color: #133bfc;
}

.green {
    color: #198754;
}

.smaller {
    max-width: 200px;
}

.hoehe {
    margin-bottom:18rem;
}

.gross {
    font-size:1.6rem;
	font-weight: 500;
    letter-spacing: 0.8px;
}

.message {
    font-size:2rem;
    letter-spacing: 0.8px;
	padding-left: 60px;
	padding-right: 60px;
	color: #fff;
	text-align: center;
}

@media only screen and (max-width: 990px) {
    .message {
        font-size:1.4rem;
    	padding-left: 20px;
		padding-right: 20px;
    }
}

.grosser {
    font-size:2rem;
	font-weight: 500;
    letter-spacing: 0.8px;
}

/*#text bouncing  Copyright (c) 2025 by Oluwadare Seyi (https://codepen.io/oluwadareseyi/pen/wvMZpyd) */ 
.ml9 {
  position: relative;
  font-size: 2.2em;
}

.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}

/*button* Copyright (c) 2025 by Haneen Krimly (https://codepen.io/hkrimly/pen/WNeRXdj)*/
.button {
  position: relative;
  color: white;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid white;
  border-radius: 1000px;
  padding: 10px 20px;
  margin: 25px;
  box-shadow: 0 2px 5px 0 rgba(3,6,26,0.15);
  transition: .5s all ease-in-out;
}

.button:hover {
  cursor: pointer;
  background: white;
  color: #626262;
  animation: none;
  animation-play-state: paused;
}

.button-float {
  animation: float 1.5s linear alternate infinite;
}

@keyframes float {
	50% {
    transform: translateY(-px);
  }
  100% {
    transform: translateY(-18px);
  }
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media only screen and (max-width: 990px) {
  .vibrate-3 {
    animation: none !important;
    transform: none !important;
  }
}	

.videotext {
 	margin-top: -25rem;
    max-width: 500px;
	font-size:3.5rem;
	font-weight: 500;
	letter-spacing: 1px;
	margin-left: 57rem;
	position: absolute;
	z-index: 1;
	max-width: 350px;
}

@media only screen and (max-width: 990px) {
.videotext {
 	margin-top: -8rem;
	margin-left: 6rem;
        position: fixed;
        display: contents;}
}	

@media only screen and (max-width: 990px) {
.videoh2 {
	font-size: 2rem !important;}
	}

.videoh2 {
font-size: 3.5rem;
	}
.tesocon {
  color: #f09f9e;
}

.tesocon:hover,
.tesocon:focus {
  color: #fff;
}