* {
	margin: 0;
	padding: 0;
}	

html, body {
	font: 100% Arial, Helvetica, sans-serif;
}	

#balken1 {
	background-color: white;
	top: 0;
	left: 0;
	width: 170px;
	height: 1210px;
	position: absolute;
	opacity: 0.2;
}
.headerlogo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  
}
.logo-img{
    height: 40px;
}

#balken2 {
	background-color: white;
	top: 0;
	right: 0;
	width: 170px;
	height: 1210px;
	position: absolute;
	opacity: 0.2;
}

.telefon{
	color: white;
	text-decoration: none;

}

#balken1service {
	background-color: white;
	top: 0;
	left: 0;
	width: 170px;
	height: 2140px;
	position: absolute;
	opacity: 0.2;
}

#balken2service {
	background-color: white;
	top: 0;
	right: 0;
	width: 170px;
	height: 2140px;
	position: absolute;
	opacity: 0.2;
}

#balken1team {
	background-color: white;
	top: 0;
	left: 0;
	width: 170px;
	height: 1530px;
	position: absolute;
	opacity: 0.2;
}

#balken2team {
	background-color: white;
	top: 0;
	right: 0;
	width: 170px;
	height: 1530px;
	position: absolute;
	opacity: 0.2;
}

#balken1imp {
	background-color: white;
	top: 0;
	left: 0;
	width: 170px;
	height: 3250px;
	position: absolute;
	opacity: 0.2;
}

#balken2imp {
	background-color: white;
	top: 0;
	right: 0;
	width: 170px;
	height: 3250px;
	position: absolute;
	opacity: 0.2;
}

#header {
	background-color: black;
	position: sticky;
	top: 0;
}

#header p {
	color: white;
	text-align: center;
	font-size: 0.8em;
	padding: 1.1em 0 1.1em 0;
}

#header a {
	color: white;
	text-align: center;
	font-size: 1em;
	padding: 1.1em 0 1.1em 0;
	text-decoration:none;
}

#logo {
	background-image:url(logo_komplett.jpg);
	height: 235px;
	background-position:center;
	background-repeat:no-repeat;
}

#logo p {
	color: #9b1e2c;
	text-align: center;
	font-size: 1.1em;
	padding: 11em 0 0 0;
}

#image {
	background-image:url(image_start.jpg);
	background-position:center;
	height: 300px;	
}

#image p {
	color: white;
	text-align: center;
	font-size: 1.5em;
	padding: 5.8em 0 1em 0;
}

#imageservice {
	background-image:url(image_service.jpg);
	background-position:center;
	height: 300px;
}

#imageservice p {
	color: white;
	text-align: left;
	margin-left: 250px;
	font-size: 1.5em;
	padding: 5.8em 0 1em 0;
}

#imageteam {
	background-image:url(image_team.jpg);
	background-position:center;
	height: 300px;	
}

#imageteam p {
	color: white;
	text-align: right;
	margin-right: 250px;
	font-size: 1.5em;
	padding: 5.8em 0 1em 0;
}



#inhalt {
	background-color: black;
}

#inhalt h1 {
	color: #9b1e2c;
	text-align: center;
	font-size: 1.5em;
	padding: 0.5em 0 0.5em 0;
}

#inhalt p {
	color: white;
	text-align: center;
	font-size: 0.9em;
	padding: 0.5em 0 2.5em 0;
}

#inhalt a {
	color: white;
	text-align: center;
	text-decoration: none;
}

#inhaltservice {
	background-color: black;
}

#inhaltservice h2 {
	color: #9b1e2c;
	text-align: center;
	font-size: 1em;
	padding: 0.5em 0 0.5em 0;
}

#inhaltservice p {
	color: white;
	text-align: center;
	font-size: 0.9em;
	padding: 0.5em 0 2.5em 0;
}

#inhaltservice a {
	color: white;
	text-align: center;
	text-decoration:none;
}

#inhaltimp {
	background-color: black;
}

#inhaltimp h1 {
	color: #9b1e2c;
	text-align: center;
	font-size: 1.5em;
	padding: 0.5em 0 0.5em 0;
}

#inhaltimp p {
	color: white;
	text-align: center;
	font-size: 0.9em;
	padding: 0.5em 18em 2.5em 18em;
}

#inhaltimp a {
	color: white;
	text-align: center;
	text-decoration: none;
}

#inhaltimp ul {
	color: white;
}

#inhaltimp li {
	font-size: 0.9em;
	text-align: left;
	list-style: none;
}


#slideshow {
	background-color: black;
	padding: 0 0 3em 0;
}

#marken {
	background-color: black;
    padding: 0 0 1.5em 0;
}

#marken p {
	color: white;
	text-align: center;
	font-size: 0.8em;
	padding: 1.1em 0 1.1em 0;
}

#footer {
	background-color: black;
}

#footer p {
	color: white;
	text-align: center;
	font-size: 0.8em;
	padding: 1.1em 0 1.1em 0;
}

#footer-cookie,
#footer-cookie * {
	box-sizing: border-box;
}

#footer-cookie {
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	
	padding-left: 30px;
	padding-right: 30px;
	line-height: 20px;
	background: black;
	color: white;
	z-index: 400;
}

#footer-cookie a {
	color: white;
}

#footer-cookie #description {
	float: left;
}

#footer-cookie #accept {
	float: right;
	padding-right: 170px;
}

#footer-cookie #accept a {
	width: 100%;
	display: block;
	text-align: center;
}

#impressumcenter{
	display: flex;
	justify-content: center;
}

/* ################################# */


h2 {
	vertical-align: center;
	text-align: center;
}

html, body {
	margin: 0;
	height: 100%;
}

* {

	box-sizing: border-box;
}

.top-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: Black;

	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #FFF;
	height: 50px;
	padding: 1em;
}

.menu {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu > li {
	margin: 0 1rem;
	overflow: hidden;

}

.menu li a{
	text-decoration: none;
	color: white;
	font-size: 0.8rem;
}


.menu-button-container {
	display: none;
	height: 100%;
	width: 30px;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#menu-toggle {
	display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
	display: block;
	background-color: #fff;
	position: absolute;
	height: 4px;
	width: 30px;
	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 2px;
}

.menu-button::before {
	content: '';
	margin-top: -8px;
}

.menu-button::after {
	content: '';
	margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
	margin-top: 0px;
	transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
	background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
	margin-top: 0px;
	transform: rotate(-405deg);
}

@media  screen and (min-width:601px) {
	.headerleft{
		display: none;
	
	}
	.headerlogo{
		display: none;
	}
}
@media screen and (min-width: 480px){
	
}
@media only screen and (max-width: 600px) {
	.menu-button-container {
		display: flex;
	}
	.top-nav{
		position: fixed;
		top: 0;
		background-color: black;
		width: 100%;
		justify-content: space-between;
	}
	#header{
		display: none;
	}
	.menu {
		position: absolute;
		top: 0;
		margin-top: 50px;
		left: 0;
		flex-direction: column;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	#menu-toggle ~ .menu li {
		height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	#menu-toggle:checked ~ .menu li {
		border: 1px solid #333;
		height: 2.5em;
		padding: 0.5em;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.menu > li {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 0.5em 0;
		width: 100%;
		color: white;
		background-color: #000000;
	}
	.menu > li:not(:last-child) {
		border-bottom: 1px solid #000000;
	}
	#balken1, #balken2{
		display: none;
	}

	#balken1, #balken2, #balken1imp, #balken2imp, #balken1service, #balken2service, #balken2team, #balken1team{
		display: none;
	}

	#inhaltimp p {
		padding: 0 0 0 0;
	}
	#inhaltimp li{
		padding-left: 1em;
		text-align: left;
		list-style: none;
	}
	.headerleft{
		display: grid;
	 }
	

}