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

.fullscreen-bg {
	background: url(/typo3conf/ext/schwimmwerk_memmingen/Resources/Public/Images/Template/Stoerer-Banner-02.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.cb-fullscreen-wrap {
	color: var(--weiss);
	margin-bottom: 50px;
	width: 800px;
	padding-top: 75px;
	padding-bottom: 75px;
}

.cb-fullscreen-wrap.mittig-ausrichten {
	position: relative;
}

.cb-fullscreen-wrap a.btn {
	background: var(--weiss);
	color: var(--primaer);
	border-radius: 50px;
	font-size: 20px;
	font-weight: 700;
	padding: 12px 15px;
	min-width: 200px;
}

.cb-fullscreen-wrap a.btn:hover {
	background: var(--sekundaer);
	color: var(--weiss);
}

.cb-fullscreen-wrap .stoerer-wrap {
	position: absolute;
}

.subheader {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 30px;
}

.header {
	font-family: 'Prata', serif;
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 25px;
}

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

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

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


.stoerer.fullscreen {
	background: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	margin-right: 40px;
	width: 252px;
	height: 241px;
}

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

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

.cb-fullscreen-wrap .top-50 {
	bottom: unset;
	overflow: hidden;
	padding: 10px 10px;
}

@media (max-width: 1199.98px) {
	.cb-asyncbildtext-text-links {
		margin-right: 0;
	}

	.cb-asyncbildtext-text-rechts {
		margin-left: 0;
	}

	.stoerer-text.fullscreen {
		font-size: 20px;
	}
}

@media (max-width: 1099.98px) {
	.stoerer.fullscreen {
		width: 200px;
		height: 182px;
	}

	.stoererbkg.fullscreen {
		width: 200px;
		height: 200px;
		right: 60px;
	}

	.cb-fullscreen-wrap {
		padding-top: 150px;
		padding-bottom: 100px;
		width: 100%;
	}

	.cb-fullscreen-wrap.mittig-ausrichten {
		left: unset;
		margin-left: unset;
	}

	.cb-fullscreen-wrap .top-50 {
		top: 130px !important;
		bottom: unset;
	}

	.cb-fullscreen-wrap.text-start .text {
		width: 70vw;
	}
}

@media (max-width: 991.98px) {
	#c23 .cb-asyncbildtext-wrap.text-start {
		width: auto;
	}

	.cb-fullscreen-wrap {
		padding-top: 250px;
	}
}

@media (max-width: 767.98px) {
	.cb-fullscreen-wrap.text-start .header {
		margin-top: 145px;
	}

	.cb-fullscreen-wrap.text-start {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.cb-fullscreen-wrap .top-50 {
		top: 120px !important;
	}

	.cb-fullscreen-wrap.text-start .subheader {
		max-width: 70% !important;
	}

	.stoerer-text.fullscreen {
		font-size: 16px;
	}

	.fullscreen-bg .cb-fullscreen-wrap .stoerer {
		margin-top: 35px !important;
		margin-right: 35px !important;
	}
}

@media (max-width: 675.98px) {
	.cb-fullscreen-wrap .top-50 {
		bottom: unset;
	}

	.cb-fullscreen-wrap.text-start .subheader {
		max-width: 50% !important;
	}
}

@media (max-width: 575.98px) {
	.cb-fullscreen-wrap .top-50 {
		top: 105px !important;
	}

	.stoererbkg.fullscreen {
		width: 180px;
		height: 180px;
	}

	.cb-fullscreen-wrap {
		padding-top: 220px;
	}

	.fullscreen-bg .cb-fullscreen-wrap .stoerer {
		margin-top: 25px !important;
		margin-right: 15px !important;
	}

	.cb-fullscreen-wrap.text-start .subheader {
		max-width: 40% !important;
		hyphens: auto;
	}

	#c13,
	#c14,
	#c15 {
		text-align: center;
	}
}