h2.highlight {
	background: #db4405;
	color: #fff;
	padding: 10px;
	font-weight: 600;
	margin: 40px 0 25px 0;
}

/* BUTTON */

#slider-alert {
	position: absolute;
	top: 20px;
	left: 5%;
}

#slider-alert .swiper-alert {
	width: 160px !important;
	height: 160px !important;
	padding: 0 !important;
	transition: all .2s ease-in-out;
}

#slider-alert .swiper-alert:hover {
	transform: scale(1.1);	
}

#slider-alert .swiper-slide {
	font-family: "CeraPro-Bold";
	padding: 15px;
	display: flex;
	background: #4cad62;	
	border-radius: 50%;	
	opacity: 0.8; 	
}

#slider-alert .swiper-slide:hover {
	opacity: 1; 
}

#slider-alert .swiper-slide:nth-child(1) {
	background: #3670b9;
	/* blue */
}

#slider-alert .swiper-slide:nth-child(2) {
	background: #db4405;
	/* orange */
}

#slider-alert .swiper-slide:nth-child(3) {
	background: #4cad62;
	/* green */
}

#slider-alert .swiper-slide:nth-child(4) {
	background: #c00010;
	/* red */
}

#slider-alert .swiper-slide:nth-child(5) {
	background: #3670b9;
	/* blue */	
}

#slider-alert .swiper-slide:nth-child(6) {
	background: #db4405;
	/* orange */	
}

#slider-alert .swiper-slide:nth-child(7) {
	background: #4cad62;
	/* green */
}

#slider-alert .swiper-slide:nth-child(8) {
	background: #c00010;
	/* red */
}

#slider-alert .swiper-slide a {
	color: #fff !important;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;	
	width: 100%;
	height: 100%;	
}

/* BOXEN */

#box-wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}	

#box-wrapper a {
	width: 100%;
	height: 100%;
	padding: 0;
	display: flex;
	justify-content: center;	
	flex-wrap: wrap;
}

#box-wrapper a div img {
	display: block;
	width: 270px;
	margin: 0;
}

#box-wrapper a:hover {
	text-decoration: none;
}

#box-wrapper .box {
	margin: 0;
	padding: 0 5px;
	flex: 0 0 50%;
	transition: all .3s ease-in-out;
	display: flex;
	justify-content: center;		
}

/* INTRO */

#intro {
	margin: 0 auto;
	padding: 30px 15px 15px 15px;
	width: 100%;
}

#intro h2 {
	font-size: 1.6rem;
}

#intro h3 {
	font-family: "CeraPro-Medium";
	font-size: 1.6rem;
}

/* AKTUELL */

#aktuell {
	margin: 0 auto;
	padding: 20px 0 0 0 ;
	width: 100%;
	overflow: visible;
}

#aktuell h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	font-family: "CeraPro-Medium";	
}

#aktuell-background {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 300px;
	background: url(/img/bigimage/webp/Begemann_389_600px.webp) center/cover no-repeat;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}

.slider-wrapper {
	position: relative;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background: rgba(255,255,255,.85);		
	overflow: auto;	
	z-index: 2;
	transform: translate3d(0,0,0);
}

.slider {
	margin: 0 auto;
	padding: 40px 0;
	width: 100%;
}		

.swiper-container, .swiper-container2 {	
	width: 100%;
	height: 100%;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}

.swiper-wrapper {	
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.swiper-slide {
	padding: 0;
	margin: 0;
	padding: 0 30px;
}

#aktuell .swiper-slide-img  {	
	max-height: 250px;
	overflow: hidden;
}

#aktuell .swiper-slide-img img {	
	object-fit: cover;
	width: 500px;
	height: 250px;
}

.swiper-slide a {
	color: #000 !important;
	display: block;
	font-size: 1em;
	hyphens: auto !important;
}

.swiper-slide a:hover {
	text-decoration: none;
}

#kontakt {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.kontakt-wrapper {
	margin: 0 auto;
	padding: 60px;
	width: 100%;
	overflow: auto;
	background: #4cad62;
	border-bottom: 2px solid #000;
}

.kontakt-wrapper div {
	color: #fff;
	text-align: center;
	padding: 15px;
}

.kontakt-wrapper h2 {
	margin: 30px 0 15px 0 !important;
}

.kontakt-wrapper a {
	color: #fff;
}

.kontakt-wrapper a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.home-icon {
	width: 120px;
	height: 120px;
	color: #fff;
	background: rgba(255,255,255,.5);
	overflow: auto;
	padding: 20px;
	border-radius: 50%;
	vertical-align: middle;
	display: table-cell;
	text-align: center; 
	font-size: 3rem;
}


@media only screen and (min-width: 768px) {

	#topimage {
		padding: 30px;
	}

	#slider-alert {
		display: block;
	}

	#slider-alert .swiper-alert {
		width: 200px !important;
		height: 200px !important;
	}

	#intro {
		padding: 60px 30px 30px 30px;
		max-width: 960px;
	}

	#intro h1 {
		font-size: 2.2rem;
	}

	#box-wrapper {
		bottom: 30px;
		padding: 0;
		max-width: 900px;
	}	

	#box-wrapper a {
		padding: 0;
		justify-content: space-between;
		min-height: 120px;
	}	

	#box-wrapper .box {
		margin: 0;
		padding: 0;
		flex: 0 0 24%;
	}

	#aktuell-background {
		background: url(/img/bigimage/Begemann_389_2000px.jpg) 50% 25%/cover no-repeat;		
		height: 750px;
	}

	.slider {
		max-width: 1200px;
	}	

	.swiper-container {	
		padding: 0 45px;
	}

	.swiper-slide {
		padding: 0 15px;
	}

	#aktuell .swiper-slide-img  {	
		max-height: 200px;
		overflow: hidden;
	}

	#aktuell .swiper-slide-img img {	
		object-fit: cover;
	}

	.kontakt-wrapper {
		margin: 0 auto;
		padding: 60px;
		width: 100%;
		overflow: auto;
		background: #4cad62;
		display: flex;
		justify-content: center;
	}

	.kontakt-wrapper div {
		flex: 0 0 30%;
		color: #fff;
		text-align: center;
		padding: 15px;
		max-width: 400px;
	}

}

@media only screen and (min-width: 1300px) {

	#box-wrapper {
		max-width: 1200px;	
		padding: 0;
		overflow: auto;
	}	

	#box-wrapper a {
		min-height: 165px;
	}

	#box-wrapper a div img {
		width: 300px;
		height: auto;
	}

	#slider-alert {
		top: 60px;
	}	

	#slider-alert .swiper-alert {
		width: 250px !important;
		height: 250px !important;
		font-size: 1.2em !important;
	}

}