@import url('/typo3conf/ext/schwimmwerk_memmingen/Resources/Public/Css/styles.css');

.hero-video .hero-background img {
	height: 100vh;
	object-fit: cover;
}

.text-wrap {
	margin-bottom: 50px;
}

.slogan {
	color: var(--weiss);
	font-family: 'Prata';
	font-weight: 400;
	font-size: 90px;
	text-align: center;
	line-height: 100px;
}

.freitext {
	color: var(--weiss);
	font-size: 25px;
	line-height: 33px;
	margin-top: 50px;
	padding: 0px 10px 0px 10px;
	max-width: 900px;
	left: 50%;
	position: relative;
	margin-left: -450px;
}

.stoererbkg {
	width: 182px;
	height: 182px;
	background: url(/typo3conf/ext/schwimmwerk_memmingen/Resources/Public/Images/Template/stoerer.svg) no-repeat;
	position: absolute;
	right: 37px;
	top: 37px;
	animation: animName 7s linear infinite;
}

@keyframes animName {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.stoerer {
	background: var(--sekundaer);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	margin-right: 50px;
	width: 155px;
	height: 155px;
}

.stoerer-text {
	color: var(--weiss);
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	padding-top: 12px;
}

.stoerer-text p {
	margin-bottom: 0;
	transform: rotate(15deg);
}

/*------------------------------------*\
  #MEDIA-QUERIES
\*------------------------------------*/
@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
	.freitext {
		max-width: 100%;
		width: 100%;
		left: 0;
		margin-left: unset;
	}
}

@media (max-width: 767.98px) {
	.slogan {
		font-size: 60px;
		line-height: 75px;
	}

	.stoerer {
		margin-top: 44px !important;
		margin-right: 44px !important;
	}

	.stoererbkg {
		right: 30px !important;
		top: 30px !important;
	}

	.stoerer-text {
		padding-top: 0;
		padding-left: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 575.98px) {
	.slogan {
		font-size: 32px;
		line-height: 40px;
	}

	.freitext {
		font-size: 20px;
		line-height: 26px;
	}

	.stoerer {
		background: none;
	}

	.stoererbkg {
		background-size: 162px;
	}

	.stoererbkg {
		width: 162px;
		height: 162px;
	}

	.stoerer-text {
		line-height: 22px;
		padding-top: 0;
	}
}