* { margin: 0; padding: 0; border: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; width: 100%; font-family: 'Quicksand', sans-serif; font-size:18px; line-height:23px; text-align: center; background-color:#FFFFFF; color: #000000; }
a { color: #000000; text-decoration: none; }
a:hover { font-weight: bold; }
img { width: 100%; height:auto;}
h1 {font-size: 20px; text-transform:uppercase; margin: 0px 0px 15px 0px; }
span.arial { font-family: Arial; font-size:16px; line-height:23px; }

#start { position:fixed; background: url(../img/start.jpg) no-repeat center center fixed; display: table; height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 100%; min-height: 100%; z-index: 1; }

#background { position:fixed; background: url(../img/background.jpg) no-repeat center center fixed; display: table; height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 100%; min-height: 100%; z-index: 1; }

#slider { position:fixed; z-index: 2; white-space:nowrap; font-size: 0; width: 100%; height: 100%; min-height: 100%; min-width: 100%; }
#slider div { display:inline-block; width: 100%; height: 100%; min-height: 100%; min-width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; vertical-align: bottom; }
#slider div.pright { background-position: 80% center; }
#slider div img{ width: 45%; max-width: 552px; margin-bottom: 0px;  }
#slider div div{ display: table; height: 100%; width: 100%; }
#slider div div div{ display: table-row; height: 100%; width: 100%; }
#slider div div div div{ display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; }

@media all and (min-width:790px){
	#slider div img{ width: 50%; margin-bottom: 0px; }
	#slider div div div div{ display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; }
}

@media all and (min-width:900px){
	#slider div.pright { background-position: center center; }
}

#main { position: relative; z-index: 3; text-align: left; }

@media all and (min-width:790px){
	#main { margin-top: 0px; }
}

#logo { display: none; width: 96%; max-width: 900px; margin-left: 2%; margin-top: 40px; }
#logomobil { width: 96%; max-width: 900px; margin-left: 2%; margin-top: 40px; }
@media all and (min-width:400px){
	/* #logo { width: 98%; } */
}

@media all and (min-width:550px){
	/* #logo { width: 90%; } */
	#logo { display: inline;  }
	#logomobil { display: none; }
}

@media all and (min-width:790px){
	#logo { position: absolute; top:80px; left:0px; margin-left:60px; margin-top: 0px; width: 80%; }
}

#imprint { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 100; list-style-type: none; text-align:center; font-size: 12px; background-color: #FFFFFF;  }
#imprint li { display:inline-block; }
#imprint li a{ text-decoration: none; font-size: 12px; line-height:25px; }

@media all and (min-width:790px){
	#imprint { position: relative; bottom: auto; left: auto;  list-style-type: none; text-align:right; right:20px; background-color: transparent; color: #000000; }
	#imprint li a{ font-size: 12px; line-height:35px; text-transform:uppercase; }
}

#menu{ display:none; position: relative; width:100%; height:auto; background-color: #FFFFFF; z-index: 3; text-align: center; margin-top: 20px; }
#menu.home{ display:none; background-color: transparent; margin-top: 10px;  }
#menu ul{ list-style-type: none; padding: 10px 0px 100px 0px; }
#menu ul ul{ padding: 0px; }
#menu ul li a{ text-decoration: none; font-family: Arial;  font-size: 17px; line-height:37px; text-transform: uppercase; }
#menu ul li a br{ display:none; }
#menu ul li li a{ color:#717171;line-height:25px; }
#menu ul li li a:hover{ color:#000000; font-weight:normal; }
#menu.home ul li li a{ color:#000000; }
#menu.home ul li li li a{ color:#000000; }
#menu.home ul li ul { display:none; }
#menu ul li li.active a { color: #000000; }
#menu ul li li li { height:20px; }
#menu ul li li li:last-child { margin-bottom:10px; }
#menu ul li li li a{ font-size: 14px; line-height:22px; color:#717171; }
#menu ul li li.active li a{ color:#717171; }
#menu ul li li li.active a{ color:#000000; }

.show-menu{ position:absolute; top:10px; right:10px;height:20px; width:20px; text-decoration:none;background-image:url('../img/background_resmenu2.png');background-position:top left;background-repeat:no-repeat; background-size: cover; display:block;z-index:200;cursor:pointer; }



@media all and (min-width:790px){
	#menu{ display:block; position: absolute; top:185px; left:0px; text-align:left; width:25%;background-color: transparent; margin-top: 0px; }
	#menu.home{ display:block; margin-top: 0px; }	
	#menu ul { margin-left:60px; width:150px; padding: 0px; }
	#menu ul ul { margin-left:0px; width:auto; white-space:nowrap; }
	#menu ul li { display:block;}
	#menu ul li ul{ display:none; }
	#menu ul li:hover ul, #menu ul li.active ul{ display:inline; }
	#menu ul li a br{ display:inline; }
	#menu ul ul li{ margin-left:40px; }
	#menu ul ul ul li{ margin-left:0px; }
	.show-menu{ display:none; }
}

@media all and (min-width:900px){
	#menu ul { width:180px; }
	#menu ul li a{ font-size: 19px; }
}



input[type=checkbox]{display:none;-webkit-appearance:none;}
input[type=checkbox]:checked ~ #menu{display:block; }
#content { position: relative; margin: 50px 10px 20px 10px; padding-bottom:30px; text-align: left; }
#content p{ margin: 5px 0px 10px 0px; text-align: left; }
#content img{ margin: 0px 0px 10px 0px; }
#content label { display: block; float:left; width:60px;}
#content ul { margin:-10px 0px 20px 15px;  }
#content ul.brand { list-style-type: none; margin:-7px 0px 30px 0px; height:65px; font-size: 0px; }
#content ul.brand li { display:inline-block; vertical-align: bottom; margin-right:10px; font-size:18px; }
#content ul.brand li:first-child { margin-right:10%; }
#content ul.brand li img{ height:60px; width:auto; margin: 0px 0px 0px 0px; }
#content .col2 p{ margin: 5px 0px 40px 0px; }
#content ul.team { list-style-type: none; margin:0px 0px 20px 0px; font-size: 0px; }
#content ul.team li{display:inline-block; width:50%; margin: 0px 0px 10px 0px;font-size:14px; line-height: normal; vertical-align: top; }
#content ul.team li:first-child{width:100%; }
#content ul.team li p{margin: 0px 10px 0px 0px; }
#content ul.team li img{margin: 0px 0px 5px 0px; }
#content span.blank_line{  display: none; }

@media all and (min-width:790px){
	#content { position: absolute; top: 225px; left:30%; margin: 0px 20px 0px 20px; width:60%; max-width: 850px; padding-bottom:60px;}
}

@media all and (min-width:900px){
	#content img.landscape{ width:48%; margin: 0px 10px 10px 0px; }
	#content img.landscape2{ width:47%; margin: 0px 10px 10px 0px; }
	#content img.portrait{ width:31%; margin: 0px 10px 10px 0px; }
	#content img.wportrait{ width:30%; margin: 0px 20px 20px 0px; }
	#content img.imprint{ width:57%; margin: 0px 10px 10px 0px; }
	#content img.full{ width:97%; margin: 0px 10px 10px 0px; }
	#content .col2{ width:50%; float:left; }
	#content ul.team li{width:25%; }
	#content ul.team li:first-child{width:50%; }
	#content span.blank_line{  display: inline; }
	#content .imprint{ margin-left:59%; }
}

#arrtop { position: fixed; left: 10px; bottom:10px; display:none; z-index: 101; }