/* CSS Document */
.header {
	width: 100%;
	height:85px;
	margin-top:1px;
	margin-bottom:5px;
	background:url(../pics/layout/logo.png);
	background-position:right;
	background-repeat:no-repeat;
	vertical-align:bottom;

	/*<img src="pics/layout/logo.png" width="80" height="76" />*/

}

.header-text {
	font-size:14px;
	border: 0px solid red;
	text-align:right;
	margin-right:65px;
	padding-top:66px;
	font-family:Karma, sans-serif;	
	color:#CCCCCC;
	vertical-align:bottom;
	
}

.container {
	display: grid;
    grid-gap: 15px;
    /*grid-template-columns: repeat(auto-fit, 350px);*/
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: repeat(4, 700px);
	
}

.container > div > img {
    width: 100%;
    height: 60%;
    object-fit: cover;

		
	
}

.buttons {
	padding-right:80px;
	padding-left:150px;
	background-color:#FFFFFF;
	text-align:right;

}

.button-left {
	background-color:#FFFFFF;
	float:left;
	
}

.button-right {
	background-color:#FFFFFF;	

}
	


.home {
	background-color:#FFFFFF;
	overflow:hidden;
}

.home-text-head {
	padding:10px;
	vertical-align:central;
	background-color:#680001;
	font-family:Karma, sans-serif;
	font-size:22px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;		
}

.home-text {
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	color:#333333;	
}

.oeffnungszeiten {
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	color:#333333;
	padding-left:18px;
	padding-right:15px;
	padding-top:50px;
	border: 0px solid red;
	
}

.kontakt {
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	font-size:12px;
	color:#333333;
	padding-left:18px;
	padding-right:15px;
	padding-top:5px;
	border: 0px solid red;
	
}



.service {
	background-color:#FFFFFF;
	overflow:hidden;
}

.service-text-head {
	padding:10px;
	vertical-align:central;
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	font-size:22px;
	text-align:center;
	color:#333333;		
}

.service-text {
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	color:#333333;	
}

.danskan {
	/* background-color:#FFFFFF; */
	overflow:hidden;
}

.danskan-text-head {
	padding:10px;
	vertical-align:central;
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	font-size:22px;
	text-align:center;
	color:#333333;
	background-color:#FFCC23;	
}

.danskan-logo {
	margin-top:5px;
	margin-left:5px;
	border:0px solid red;
	position:absolute;
	height:30px;
	width: 100px;
	background-color:#FFCC23;
	background-image:url(../pics/layout/danskan-logo.jpg);
}

.danskan-text {
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	color:#333333;
	padding-left:15px;
}

.hwam {
	background-color:#FFFFFF;
	overflow:hidden;
}
.hwam-text-head {
	padding:10px;
	vertical-align:central;
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	font-size:22px;
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;	
}

.hwam-logo {
	margin-top:5px;
	margin-left:5px;
	border:0px solid red;
	position:absolute;
	height:30px;
	width: 100px;
	background-color:#000000;
	background-image:url(../pics/layout/wham-logo.jpg);
}

.hwam-text {
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	color:#333333;
}

.wiking {
	background-color:#FFFFFF;
	overflow:hidden;
}
.wiking-text-head {
	padding:10px;
	vertical-align:central;
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	font-size:22px;
	text-align:center;
	color:#333333;
	background-color:#8FAA7D;	
}

.wiking-logo {
	margin-top:5px;
	margin-left:5px;
	border:0px solid red;
	position:absolute;
	height:30px;
	width: 100px;
	background-color:#8FAA7D;
	background-image:url(../pics/layout/wiking-logo.jpg);
}

.wiking-text {
	background-color:#FFFFFF;
	font-family:Karma, sans-serif;
	color:#333333;
}