/* SWIPER-SLIDER 14 (Block-Styles "Topslider" und "Inhaltsslider", Ersatz für Gutenslider) */
/* aufbau (geschrieben in includes/class-dpm-swiper.php):
div.dpm-swiper.dpm-swiper--top|--content (ggf. .is-single)
+ div.swiper
++ div.swiper-wrapper
+++ div.swiper-slide
++++ topslider: div.wp-block-cover / inhaltsslider: div.wp-block-group
++ div.swiper-pagination
+ div.swiper-button-prev
+ div.swiper-button-next
gesteuert wird überwiegend über die css-variablen von swiper
*/

.dpm-childtheme .dpm-swiper {
	position: relative;
	/* pfeile */
	--swiper-navigation-size: 60px;
	--swiper-navigation-color: #ffffff;
	--swiper-navigation-sides-offset: 4px;
	/* punkte */
	--swiper-pagination-color: #ffffff;
	--swiper-pagination-bullet-inactive-color: #ffffff;
	--swiper-pagination-bullet-inactive-opacity: 0.5;
	--swiper-pagination-bullet-size: 12px;
	--swiper-pagination-bullet-horizontal-gap: 6px;
	--swiper-pagination-bottom: 8px;
}
.dpm-childtheme .dpm-swiper .swiper-slide {
	height: auto;
}
.dpm-childtheme .dpm-swiper.is-single .swiper-pagination,
.dpm-childtheme .dpm-swiper.is-single .swiper-button-prev,
.dpm-childtheme .dpm-swiper.is-single .swiper-button-next {
	display: none;
}

/* pfeile: icomoon-pfeil wie beim bisherigen slider (swiper-svg ist per addIcons:false abgeschaltet) */
.dpm-childtheme .dpm-swiper .swiper-button-prev,
.dpm-childtheme .dpm-swiper .swiper-button-next {
	width: 30px;
	outline: none;
}
.dpm-childtheme .dpm-swiper .swiper-button-prev::after,
.dpm-childtheme .dpm-swiper .swiper-button-next::after {
	font-family: 'icomoon' !important;
	font-size: 60px;
	font-weight: 300;
	line-height: 1;
	content: "\e904";
	display: inline-block;
	transform: scaleX(0.6);
}
.dpm-childtheme .dpm-swiper .swiper-button-prev::after {
	transform: rotate(180deg) scaleX(0.6);
}
.dpm-childtheme .dpm-swiper .swiper-button-prev:hover,
.dpm-childtheme .dpm-swiper .swiper-button-next:hover,
.dpm-childtheme .dpm-swiper .swiper-button-prev:focus-visible,
.dpm-childtheme .dpm-swiper .swiper-button-next:focus-visible {
	opacity: 0.65;
	background-color: transparent;
	-webkit-tap-highlight-color: transparent;
}

/* TOPSLIDER STARTSEITE */
.dpm-childtheme .dpm-swiper--top {
	margin-top: 0;
	margin-bottom: 0;
	--swiper-navigation-sides-offset: calc((100% - 1000px) / 2 - 85px);
	--swiper-pagination-bottom: 160px;
}
.dpm-childtheme .dpm-swiper--top .wp-block-cover {
	min-height: 780px;
	margin: 0;
}

/* INHALTSSLIDER (referenzen): keine pfeile, punkte unter dem inhalt */
.dpm-childtheme .dpm-swiper--content {
	--swiper-pagination-bottom: 0px;
}
.dpm-childtheme .dpm-swiper--content .swiper-button-prev,
.dpm-childtheme .dpm-swiper--content .swiper-button-next {
	display: none;
}
.dpm-childtheme .dpm-swiper--content .swiper-slide > .wp-block-group {
	margin: 0;
	padding-bottom: 50px;
}
.dpm-childtheme .dpm-references-slider-container .dpm-swiper--content p {
	font-size: 21px;
	line-height: 33px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 31px !important;
}
.dpm-childtheme .dpm-references-slider-container .dpm-swiper--content p.has-dpm-large-font-size {
	font-size: 35px;
	line-height: 45px;
	font-weight: 300;
}
.dpm-childtheme .dpm-references-slider-container .dpm-swiper--content .wp-block-image {
	margin-top: 0;
	margin-bottom: 0;
}

/* desktop-small */
@media only screen and (max-width: 1260px) {
	.dpm-childtheme .dpm-swiper--top {
		--swiper-navigation-sides-offset: calc((100% - 940px) / 2);
	}
}
/* tablet-portrait */
@media only screen and (max-width: 1023px) {
	.dpm-childtheme .dpm-swiper--top {
		--swiper-navigation-sides-offset: 25px;
		--swiper-pagination-bottom: 20px;
	}
	.dpm-childtheme .dpm-swiper--top .wp-block-cover {
		min-height: 50vh;
	}
}
/* mobile-large */
@media only screen and (max-width: 600px) {
	.dpm-childtheme .dpm-swiper .swiper-button-prev,
	.dpm-childtheme .dpm-swiper .swiper-button-next {
		display: none;
	}
}
/* mobile */
@media only screen and (max-width: 480px) {
	.dpm-childtheme .dpm-references-slider-container .dpm-swiper--content p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 25px !important;
	}
	.dpm-childtheme .dpm-references-slider-container .dpm-swiper--content p.has-dpm-large-font-size {
		font-size: 24px;
		line-height: 34px;
	}
	.dpm-childtheme .dpm-references-slider-container .dpm-swiper--content .wp-block-image {
		margin-bottom: 30px;
	}
}