@charset "UTF-8";
/* CSS Document */

/* script #slide in. on scroll */
.module {
	width: 100%;
	position: relative;
	opacity: 0;  animation: zeige 0.8s ease forwards;

}
.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
	opacity:1
}
@keyframes zeige {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
   }
  100% {
    opacity: 1;
   }	
}

@keyframes come-in {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
	transform: translateY(150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }	
}

/*rechts*/

.element-rechts {
	width: 100%;
	position: relative;
	opacity: 0;
}
.come-in-rechts {
  transform: translateX(150px);
  animation: come-in-rechts 0.8s ease forwards;
  /*opacity:1*/	
}

@keyframes come-in-rechts {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
	transform: translateX(150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }	
}



/*links*/

.element-links {
	width: 100%;
	position: relative;
	opacity: 0;
}
.come-in-links {
  transform: translateX(-150px);
  animation: come-in-links 0.8s ease forwards;
  /*opacity:1*/	
}

@keyframes come-in-links {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
	transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }	
}


#ablauf h2 {
    text-align: center;
    font-size: 2rem;
    color: /*#fff*/ #fff;
	/*margin:40px 0*/
}

#ablauf p {
  color: /*#fff*/ #000;
	font-size:1.25rem;
 
    /*text-transform: uppercase;*/
    letter-spacing: 0.03rem;
	    line-height: 1.75rem;

}
#ablauf p strong {
	color: /*#fff*/ #000;
	font-size:1.5rem;
     font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.03rem}


@media screen and (max-width: 781px) {
#ablauf p {
  color: /*#fff*/ #000;
	font-size:1.125rem;
 
    text-transform: uppercase;
    letter-spacing: 0.03rem
}
#ablauf p strong {
	color: /*#fff*/ #000;
	font-size:1.25rem;
     font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.03rem}
}

#ablauf .wp-block-columns:nth-child(2) .wp-block-column .wp-block-columns .wp-block-column:nth-child(1) figure {
  background-color: #fff;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 781px) {
	
/*	#block-ablauf .wp-block-columns:nth-child(2) .wp-block-column .wp-block-columns .wp-block-column:nth-child(1) figure {
  background-color: #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
}*/
}

#ablauf .wp-block-columns:nth-child(2) > .wp-block-column .wp-block-columns {
  gap: 32px;
  margin-bottom: 32px;
  border-bottom: 3px solid #fff;
  padding-bottom: 32px;
}

/**/

#ablauf .wp-block-columns:nth-child(1) .wp-block-column .wp-block-columns .wp-block-column:nth-child(1) figure {
  background-color: rgba(4, 84, 147, 0.2);
  border-radius: 50%;
  height: 80px;
  width: 80px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
	    align-items: center;
}
@media screen and (max-width: 781px) {
	/*
	#block-ablauf .wp-block-columns:nth-child(1) .wp-block-column .wp-block-columns .wp-block-column:nth-child(1) figure {
  background-color: #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
}*/
}
#ablauf .wp-block-columns:nth-child(1) > .wp-block-column .wp-block-columns {
  gap: 32px;
  margin-bottom: 32px;
  border-bottom: 3px solid /*#fff*/ #000;
  padding-bottom: 32px;
}

#ablauf > .wp-block-element-max-breite > .wp-block-inline > .wp-block-columns:nth-child(1) > .wp-block-column .wp-block-columns:nth-child(odd){
    left: -64px;
    position: relative;
}
#ablauf > .wp-block-element-max-breite > .wp-block-inline > .wp-block-columns:nth-child(1) > .wp-block-column .wp-block-columns:nth-child(even){
    right: -64px;
    position: relative; justify-content: flex-end;
}

@media screen and (max-width: 781px) {
	
	#ablauf > .wp-block-element-max-breite > .wp-block-inline > .wp-block-columns:nth-child(1) > .wp-block-column .wp-block-columns:nth-child(odd){
    left: 0;
    position: relative;
}
#ablauf > .wp-block-element-max-breite > .wp-block-inline > .wp-block-columns:nth-child(1) > .wp-block-column .wp-block-columns:nth-child(even){
    right: unset; left:0;
    position: relative; justify-content: flex-start;
}
}