@charset "utf-8";
/* CSS Document */
/* Footer */
footer {
	width: 100%;
	background-image: url("../Bilder/bg_footer.jpg");
	padding-bottom: 50px;
	background-size: cover;
}
.rowfooter {
	width: 100%;
	display: block;
}
.rowfooter_2 {
	width: 100%;
	display: block;
}

.rowfooter *{
	color: #fff;
}
.rowfooter p {
	font-size: 20px;
	line-height: 1.33;
	margin-bottom: 1.5rem;
	font-weight: 500;
}
.rowfooter h2 {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 500;
}

.rowfooter ul,li,a {
	text-decoration: none;
	text-align: left;
	line-height: 1.5;
	display: block;	
	font-size: 18px;
	font-weight: 500;
}
.rowfooter a:hover {
	text-decoration: underline;
}
.colorstrip {
	width: 100%;
	height: 50px;
	background-color: #e30613;
}
/* Kontakt */
.contact {
	width: 100%;
	padding-left: 80px;
	padding-top: 60px;
	padding-right: 32px;
	padding-bottom: 20px;
}
.contactcontent td {
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	padding-right: 10px;
}
.contactcontent td a {
	text-align: left;
	font-size: 16px;
}

/* Überblick */
.overview {
	width: 100%;
	padding-left: 80px;
	padding-top: 60px;
	padding-right: 32px;
	padding-bottom: 20px;
}
/* Links */
.link {
	width: 100%;		
	padding-top: 60px;
	padding-right: 32px;
	padding-bottom: 20px;
}
.link h2 {
	text-align: center;
}
/* Bottem-Social Media */
.socialfooter {
	display: flex;
	justify-content: center;
	padding-bottom: 30px;
}
.socialiconfooter {
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;	
	padding-right: 20px;
	padding-left: 20px;
}
.socialiconfooter img {
	height: 30px;
	width: auto;
	opacity: 0.8;
}
.socialiconfooter img:hover {
	opacity: 1;
}
/* Bottem Logo */
.logofooter {
	padding-top: 50px;
}
.logofooter a {
	width: 100%;
	text-align:  center;	
}
.logofooter img {
	height: 130px;	
	width: auto;
}
.h3container {
	margin-bottom: 20px;
}

/*Table View*/

@media (min-width: 768px){
	.rowfooter_2 {
		display: flex;
	}
	/* Kontakt */
	.contact {
		width: 50%;
	}
	/* Überblick */
	.overview {
		width: 50%;
	}
}

/*Desktop View*/

@media (min-width: 1150px){	
	.rowfooter {
		display: flex;
	}
	.rowfooter_2 {
		width: 100%;
	}
	/* Kontakt */
	.contact {
		width: 100%;
	}
	/* Überblick */
	.overview {
		width: 100%;		
	}
	/* Links */
	.links {
		width: 25%;
	}
}