@charset "utf-8";

@media (max-width: 1200px) {
	#main .teaser_slider {
		height: 570px !important;
	}

	#main .teaser_slider *:not(.container *):not(.slick-dots-container *):not(#slick-pause-container *):not(#slick-pause-container):not(.slick-dots-container) {
		max-height: 570px;
		height: 570px;
	}

	#main .teaser_slider .container .title {
		bottom: 75px;
	}

	#main .slick-dots-container {
		right: 50%;
		transform: translate(50%);
		bottom: 10px;
	}

	#main #slick-pause-container {
		right: 20px;
		bottom: 10px;
	}
}

@media (max-width: 512px) {
	#main .teaser_slider {
		height: 570px !important;
	}

	#main .teaser_slider *:not(.container *):not(.slick-dots-container *):not(#slick-pause-container *):not(#slick-pause-container):not(.slick-dots-container) {
		max-height: 570px;
		height: 570px;
	}

	#main .slick-dots-container .slick-dots {
		margin-right: 0;
	}
}

@media all {
	#main .teaser_slider .slick-slide .link > p {
		position: relative;
		display: block;
		line-height: 1;
		font-weight: var(--font-weight-bold);
		color: var(--highlight-text-color);
		font-size: var(--font-size-h3);
		font-family: var(--font-family-h3);
		margin: 0;
	}

	.teaser_slider {
		background-color: transparent;
		padding: 0;
		overflow: hidden;
		position: relative;
		height: 300px !important;
	}

	.teaser_slider * {
		max-height: 300px;
	}

	.teaser_slider .slick-track {
		gap: 0;
	}

	.teaser_slider .container .title {
		position: absolute;
		bottom: 30px;
	}

	.teaser_slider .container .title a {
		display: flex;
		min-height: 66px;
		background-color: var(--white);
	}

	.teaser_slider .container .title a > *:first-of-type {
		width: 66px;
		background-color: var(--highlight-text-color);
		color: var(--white);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.teaser_slider .container .title a > *:not(:first-of-type) {
		display: flex;
		align-items: center;
		padding: 0 17px;
	}

	.teaser_slider .container .title a > *:not(:first-of-type) h3 {
		margin: 0;
	}

	.teaser_slider .container .title a > *:first-of-type > span:nth-of-type(2){
		line-height: 10px;
	}

	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}

	.teaser_slider .slick-dots > li {
		border: 2px solid var(--highlight-text-color);
	}

	.teaser_slider .slick-dots > li.slick-active {
		background-color: var(--highlight-text-color);
	}

	.teaser_slider .slick-dots li button .slick-dot-icon,
	.teaser_slider .slick-dots li.slick-active button .slick-dot-icon {
		display: none;
	}

	.teaser_slider .slick-arrow svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	.teaser_slider .slick-next,
	.teaser_slider .slick-prev {
		font-size: 42px;
		color: var(--highlight-text-color);
	}

	.teaser_slider .slick-prev {
		left: -25px !important;
	}

	.teaser_slider .slick-next {
		right: -25px !important;
	}

	.teaser_slider .slick-dots-container,
	.teaser_slider #slick-pause-container {
		position: absolute;
		display: flex;
		align-items: center;
		bottom: 30px;
		text-align: right;
		margin-bottom: 0;
		right: 150px;
		justify-content: flex-end;
	}

	.teaser_slider #slick-pause-container,
	.teaser_slider .slick-dots-container {
		height: 60px;
	}

	.teaser_slider .slick-dots-container .slick-dots {
		position: initial;
		width: min-content;
		margin-right: 75px;
		display: flex;
	}

	.teaser_slider #slick-pause-container .container {
		height: 52px;
	}

	.teaser_slider #slick-pause-container button {
		position: relative;
		right: 5px;
		background-color: transparent;
		width: 52px;
		height: 52px;
		padding: 0;
		z-index: 1;
	}

	.teaser_slider #slick-pause-container button > * {
		pointer-events: none;
	}

	.teaser_slider #slick-pause-container button svg.pause,
	.teaser_slider #slick-pause-container button svg.play {
		width: 52px;
		height: 52px;
		fill: var(--highlight-text-color);
	}

	.teaser_slider #slick-pause-container button.playing .pause,
	.teaser_slider #slick-pause-container button:not(.playing) .play {
		display: inline-block;
	}

	.teaser_slider #slick-pause-container button:not(.playing) .pause,
	.teaser_slider #slick-pause-container button.playing .play {
		display: none;
	}

	.teaser_slider .slick-autoplay-toggle-button {
		display: none;
	}
}