/* Vorteile im Hero-Bereich */

#hero-vorteile {
}

#hero-vorteile ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#hero-vorteile ul li {
	display: inline-block;
	margin: 0 40px 0 0;
	background: rgba(255,255,255,0.2);
	padding: 10px 20px;
	border-radius: 3px;
}

#hero-vorteile ul li:last-child {
	margin-right: 0;
}


@media only screen and (max-width: 640px) {
	#hero-vorteile ul li {
		display: block;
		width: fit-content;
		margin: 0 0 20px 0;
		text-align: left;
	}
}




/* Zertifikate Slider */

.zertifikate-slider .elementor-testimonial__content {
  display: flex;
  flex-direction: column;
}

.zertifikate-slider .elementor-testimonial__content .elementor-testimonial__text {
  order: 2;
}

.zertifikate-slider .elementor-testimonial__content .elementor-testimonial__cite {
  order: 1;
  margin: 0 0 15px 0!important;
}

.zertifikate-slider .elementor-testimonial__image img {
	width: auto!important;
}


@media only screen and (max-width: 640px) {
	.zertifikate-slider .elementor-main-swiper {
		width: 100%!important;
	}
	
	.zertifikate-slider .elementor-swiper-button {
		display: none!important /* arrows */
	}
	
	.zertifikate-slider .swiper-slide {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.zertifikate-slider .elementor-testimonial__content .elementor-testimonial__text {
	 	text-align: left!important;
		font-size: 95%!important;
	}
}




/* Testimonials Slider */

.testimonials .elementor-testimonial__text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
   	-webkit-line-clamp: 6; /* number of lines to show */
    line-clamp: 6; 
   -webkit-box-orient: vertical;
}

.testimonials .elementor-testimonial__text.show-text {
	overflow: visible;
	text-overflow: clip;
	display: block;
}

/*.testimonials .elementor-testimonial__cite::before {
	content: '... mehr anzeigen';
	display: block;
	font-family: Montserrat;
	font-weight: 400;
	font-size: 12px;
	margin: -10px auto 20px auto;
	color: #666;
	cursor: pointer!important;
	pointer-events: all;
}*/


@media only screen and (max-width: 640px) {
	.testimonials .elementor-widget-container {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.testimonials .elementor-main-swiper {
		width: 100%!important;
	}
	
	.testimonials .elementor-swiper-button {
		display: none!important /* arrows */
	}
	
	.testimonials .elementor-testimonial__text {
	 	text-align: left!important;
		font-size: 95%!important;
	}
}




/* logos-slider */

.logos-slider .slick-slide img {
	max-width: 180px!important;
	max-height: 90px;
	width: auto;
	height: auto;
}



/* Timeline */

.timeline .eael-content-timeline-img.eael-picture {
	box-shadow: none;
	z-index: 2;
}

.timeline .eael-content-timeline-container {
		counter-reset: timeline;
}

.timeline:not(.no-numbers) .eael-content-timeline-container .eael-content-timeline-block .eael-content-timeline-img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.timeline .eael-content-timeline-img i {
	display: block!important;
}

.timeline:not(.no-numbers) .eael-content-timeline-container .eael-content-timeline-block .eael-content-timeline-img::after {
	counter-increment: timeline;
	content: counter(timeline);
	font-family: Montserrat;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
}

.timeline:not(.no-numbers) .eael-content-timeline-container .eael-content-timeline-block .eael-content-timeline-img::after {
	color: #ccc;
}

.timeline:not(.no-numbers) .eael-content-timeline-container .eael-content-timeline-block.eael-highlight .eael-content-timeline-img::after {
	color: #fff;
}

@media only screen and (min-width: 992px) {
	.timeline:not(.left) .eael-content-timeline-block:nth-child(odd) .eael-content-timeline-content, 
	.timeline:not(.left) .eael-content-timeline-block:nth-child(odd) .eael-content-timeline-content p, 
	.timeline:not(.left) .eael-content-timeline-block:nth-child(odd) .eael-content-timeline-content h3 {
		text-align: right!important;
	}
	
	.timeline .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content {
		text-align: left;
	}
}

@media only screen and (max-width: 991px) {
	.timeline:not(.left) .eael-content-timeline-block .eael-content-timeline-content {
		margin-left: 50px!important;
	}
	
	.timeline:not(.left) .eael-content-timeline-container .eael-content-timeline-block .eael-content-timeline-img {
		margin-left: -22px!important;
	}
}


@media only screen and (max-width: 640px) {
	.timeline .eael-content-timeline-block .eael-content-timeline-content, 
	.timeline .eael-content-timeline-block .eael-content-timeline-content h3 {
		text-align: left!important;
	}

	.timeline .eael-content-timeline-container .eael-content-timeline-block .eael-content-timeline-img {
		width: 60px!important;
		height: 60px!important;
		margin-left: -32px!important;
		margin-top: 0!important;
	}
	
	.timeline.konferenz:not(.left) .eael-content-timeline-container .eael-content-timeline-block .eael-content-timeline-img {
		margin-left: -30px!important;
	}
	
	.timeline .eael-content-timeline-block .eael-content-timeline-line {
		left: 0!important;
	}
}


/* Beliebte Artikel */

.beliebte-artikel ul.wpp-list {
	margin: 0;
}

.beliebte-artikel ul.wpp-list li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
			   
	margin: 16px 0;
	padding: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.beliebte-artikel ul.wpp-list li a {
	color: #000;
	background: #f2f2f2;
	display: block;
	padding: 10px 20px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.beliebte-artikel ul.wpp-list li a:hover {
	background: #FFA200;
	color: #fff;
}


/* Box mit Bild */

.box-mit-bild:not(.links) {
	display: flex;
	height: 100%;
}

.box-mit-bild .elementor-widget-container {
	overflow: hidden; /* wegen border-radius oben für Bild */
}

.box-mit-bild .elementor-widget-container:hover {
	box-shadow: 0px 15px 40px 2px rgba(18, 21, 154, 0.15);
}

.box-mit-bild:not(.links) .elementor-image-box-content {
	padding: 0 30px 30px 30px;
}

.box-mit-bild.links .elementor-image-box-content {
	padding: 30px;
}

.box-mit-bild:not(.links) .elementor-image-box-content h3 {
	margin-top: 20px;
}

.box-mit-bild:not(.links) .elementor-image-box-img img {
	object-fit: contain;
	max-height: 150px;
	margin: 20px auto 0 auto;
}

/* Box mit Bild links */
.box-mit-bild.links .elementor-widget-container, 
.box-mit-bild.links .elementor-image-box-wrapper, 
.box-mit-bild.links .elementor-image-box-img {
	display: flex;
	height: 100%;
}

.box-mit-bild.links .elementor-image-box-img img {
	object-fit: contain;
	height: 100%;
}

.box-mit-bild.links .elementor-image-box-content {
	padding: 30px;
}

.box-mit-bild.links .elementor-image-box-content h3 {
	margin-top: 0;
}

@media only screen and (max-width: 640px) {
	.box-mit-bild.links .elementor-image-box-img {
		width: 100%!important;
	}

	.box-mit-bild.links .elementor-image-box-wrapper {
		flex-direction: column;
	}
	
	.box-mit-bild .elementor-image-box-content .elementor-image-box-description {
		text-align: left!important;
	}
	
	.box-mit-bild.links .elementor-image-box-content {
		padding: 20px 5px 5px 5px!important;
	}
}





/* Team-Member */

.team-member .eael-team-item-inner {
	display: flex;
    flex-wrap: wrap;
	background: #f2f2f2;
	padding: 40px;
}

.team-member .eael-team-item-inner .eael-team-content {
	width: calc(100% - 150px);
	padding-left: 30px!important;
}

.team-member .eael-team-item-inner .eael-team-text {
	margin-top: 20px;
}

.team-member .eael-team-item-inner .eael-team-image img {
	width: 150px!important;
	height: 150px!important;
	object-fit: cover;
}

@media all and (max-width:840px) {
	.team-member .eael-team-item-inner {
		flex-direction: row;
		padding: 30px;
	}
	
	.team-member .eael-team-item-inner .eael-team-image {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.team-member .eael-team-item-inner .eael-team-content {
		width: 100%;
		padding-left: 0!important;
	}
}


/********** row min height for mobile *************/

@media only screen and (max-width: 640px) {
	.mobile-min-height {
		min-height: 240px!important;
	}
}


