@charset "utf-8";

div, p, table, span { 

   font-size: 1rem; 

   }

#mobilemenu

{

	z-index: 999999;

}

#mobilenavbutton

{

	display: block;

	text-align: center;

	background-color: #494641;

	font-weight: bold;

	color: #fff;

	width: 100%;

	height: auto;

}

#mobilenavbutton.fixed

{

	position: fixed;

	top: 0;

	left: 0;

}

#mobilenavbutton a

{

	display: block;	

	background: 5% center no-repeat #494641;

	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	width: 100%;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	font-size: 1.1rem;

	padding-top: 2.5%;

	padding-bottom: 2.5%;

}



li:before {

    content: "";

}



body {

	margin-top: 0px;

	}

html { 

	background-color: #000000; 

	background-position: center top; 

	background-size: contain; 

    -webkit-background-size: contain;

    -moz-background-size: contain;

    -o-background-size: contain;

     }

#header {

	height: auto;

	margin-bottom: 0px;

	}

#content, #teasercontainer, #info, #logos, #requesthead, #requestcontainer {

	width: 90%;

	}

#content.start100 {

	width: 100%;

	}

#contentnav + #text, #text {

	width: 100%;

	padding-bottom: 5%;

	}

#logo {

	width: 25%;

	margin-top: 5%;

	margin-bottom: 5%;

	margin-left: 5%;

	margin-right: 5%;

	float: left;

	height: 110px;

	}

#logo img {

	margin-bottom: 2%

	}

#nav2 {

	width: 58%;

	margin-top: 5%;

	margin-right: 2%;

	height: 110px;

}

#nav2 img {

	height: 30px;

	}

#nav2 div {

	font-size: 0.9rem;

}

#nav, #picleft, #contentnav, #subnav8, #subnav12 ,#subnav13, #subnav14, #subnav15, #subnav16, #akko, #akkowrap, #footer, #info, .customer-features {

	display: none !important;

}

#header, #picwrap, #picright, #teaserwrap, #footer, #footer, #footer2, #text, #headwrap, #headcontainer, #akko, #teasercontent, .shopcontainer, .shopbox {

	width: 100%;

	margin-left: 0;

	margin-right: 0;

	}

#pictext {

	width: 58%;

	margin-left: 2%;

	margin-right: 40%;

	margin-top: -52%;

	}



#requestcontainer {

	height: auto;

	}





h1, .h1 {

	font-size: 1.5rem;

}



.textfeld, .textfeldreadonly, .textfeld4, .textfeldcaptcha {

	width: 97%;

	max-width: 700px;

	}

	

.textfeld3 {

	width: 60%;

	}

	

.ddl2 {

	margin-bottom: 5%;

}



.nomobile {

	display: none;

}

.mobileonlyblock {

	display: block;

}

.mobileonlyinline {

	display: inline;

}

.mobileblock {

	display: block;

}

.mobilemargin {

	margin-top: 4%;

	margin-bottom: 4%;

}



.picbox, .picbox2 {

	display: none;

	}

.picboxmobile, .htmlbox {

	display: block;

	float: left;

	clear: both;

	width: 100%;

	margin-top: 4%;

	margin-bottom: 4%;

	margin-left: 0;

	}

.picboxmobile + .picboxmobile {

	margin-top: 2%;

	margin-bottom: 8%;

	}

.leftbox1 {

	float: left;

	clear: both;

	width: 100%;

	margin-right: 0%;

	}

.rightbox1 {

	float: left;

	clear: both;

	width: 100%;

	padding-top: 4%;

	}



.leftbox2 {

	width: 25%;

	margin-right: 7%;

	}

.rightbox2 {

	width: 68%;

	}



.leftbox3 {

	float: left;

	clear: both;

	width: 100%;

	margin-right: 0%;

	}

.rightbox3 {

	float: left;

	clear: both;

	width: 100%;

	margin-top: 4%;

	}

	

.pagingleft, .pagingmiddle, .pagingright {

	float: left;

	clear: both;

	width: 100%;

	margin-top: 4%;

	text-align: left;

	}



.msg_head {

padding-left: 7%;

width: 93%; 

background-position: 0px 60%;

background-size: 4% auto;

}



.galbox, .galbox2 {

	display: none;

    }

.galboxmobile {

	display: block;

	margin-bottom: 5%;

    }



.beschriftung, .beschriftung2, .feldname, .feldname2 {

	float: left;

	clear: both;

	width: 100%;

	padding-top: 2%;

	font-weight: bold;

	}

.feld, .feld2, .daten, .daten2 {

	float: left;

	clear: both;

	width: 100%;

	padding-top: 0.5%;

	}



.lw1, .lw50 {

	float: left;

	clear: both;

	margin: 0;

	padding: 0;

	width: 100%;

	padding-top: 0.5%;

	}

.lw2, .lw4 {

	float: left;

	clear: both;

	width: 100%;

	margin: 0;

	padding: 0;

	padding-top: 0.5%;

	padding-bottom: 0.5%;

	}

.lw5 {

	float: left;

	width: 23%;

	margin: 0;

	padding: 0;

	padding-left: 0%;

	}

.lw6 {

	float: left;

	width: 77%;

	margin: 0;

	padding: 0;

	}

.listbox, .lw60, .lw40 {

	float: left;

	clear: both;

	width: 100%;

	margin: 0;

	padding: 0;

	padding-left: 0;

	}



#requestcontainer {

	height: auto;

	}



.fbimg {

	max-width: 3.25%;

}



.startcontainer {

float: left;

width: 100%;

margin-left: 0%;

margin-right: 0%;

}



.startbox, .startbox2 {

float: left;

width: 100%;

min-height: 0px;

margin-left: 0px;

margin-right: 0px;

margin-bottom: 4%;

padding-bottom: 4%;

}



.startpic, .startpic2 {

float: left;

width: 100%;

height: auto;

}



a.startpiclink:link, a.startpiclink:active, a.startpiclink:visited, a.startpiclink:hover, a.startpiclink:focus, a.startpiclink2:link, a.startpiclink2:active, a.startpiclink2:visited, a.startpiclink2:hover, a.startpiclink2:focus {

width: 100%;

height: auto;

	padding-top: 0;

    }

a.startpiclink:hover, a.startpiclink:focus, a.startpiclink2:hover, a.startpiclink2:focus {

width: 100%;

height: auto;

background-color: transparent;

filter: none;

opacity: 1;

	padding-top: 0;

    }

	

.starttexthead a {height: auto;}



.shopbox2 {

border-bottom: 1px solid #5b5b5d;

}



#logos {

	text-align: left;

}



#logos img {

	max-width: 70%;

	margin-top: 3%;

	margin-bottom: 3%;

}



#logos a {

	display: block;

	margin-right: 0px;

	margin-bottom: 0px;

	width: 100%;

}



.padborder {

	margin-bottom: 4%;

	padding-bottom: 4%;

    }



.leftbox5 {

	float: left;

	clear: both;

	width: 100%;

	padding-right: 0%;

	padding-bottom: 5%;

	font-size: 0.9rem;

	}

.rightbox5 {

	float: left;

	clear: both;

	width: 100%;

	}

.addleft {

	float: left;

	clear: both;

	width: 100%;

	margin-right: 0%;

	text-align: left;

	padding-bottom: 2%;

	}

.addright {

	float: left;

	clear: both;

	width: 100%;

	padding-bottom: 5%;

	}

.addtextfeld, .addtextfeld2, .addtextfeld3 {

	width: 100%;

}





.pagelogo {

   width: 60%;

   max-width:600px;

   max-height:300px;

}



.mapdetail {

		height: 200px;

      }

.map {

		height: 400px;

      }