@charset "UTF-8";
@media screen and (max-width: 1024px) {
#baustelle {
display: none; 
}

.iphonehoch, .iphonebreit, .nexushoch, .nexusbreit, .ipadbreit, .ipadhoch, .pcansicht{
display: none; 
}
.ipadbreit{ 
display: block; 
}


#header {
width: 80%;
height: auto;
padding: 0px 10% 0px 10%;
margin: 0px auto;
border-top: 0px dotted #ff9999;
border-left: 0px dotted #ff9999;
border-right: 0px dotted #ff9999;
border-bottom: 0px solid #000000;
position: relative;
top: 0px;
z-index: 10;
display: block;
}

#logo{}
#logo img.logo{
width: 100%; 
height: auto; 
}



/* 
*** Leave the display-tags above as they are to show and hide 3 different menu-modules. 
Publish the menu-modules in the following positions:
menu_gross --- > modules=menu 
menu_mittel ---> modules=menu1
menu_klein ---> modules=menu2
 *** 
 */

html {
width: 100%; 
height: 100%; 
padding: 0%; 
margin: 0%; 
}

body {
width: 100%; 
height: 100%; 
padding: 0%; 
margin: 0%; 
background-color: #FFFFFF; 
}

#content {

margin: 0px; 
padding: 0px 0px 150px 0px; 
width: 100%; 
z-index: 2;
border: 0px solid #FF0000; 
}

#inhalte {
width: 80%;
position: relative; 
margin: 0px 10% 0px 10%; 
border: 0px solid #FF0000; 
 z-index: 100; 
}

#inhalte_innen {
padding: 0px; 
margin: 0px auto; 
position: relative; 
width: 100%;
border: 0px solid #FF0000; 
}

.item-page, .blog {
padding-top: 5px; 
padding-left: 0px; 
display:block; 
border: 0px solid #FF0000; 
line-height: 1.3em; 
width: 100%;
float: left; 
padding-bottom: 150px; 

}




#sidemenu{
float: right; 
padding: 0px; 
margin: 0px; 
width: 28%; 
border: 0px solid #FF0000; 
font-size: 0.8vw; 
}

#sidemenu ul{
list-style-type: none; 

}

#itembox{
float: left; 
width: 70%; 
padding: 0px 0px 150px 0px; 
}


#content a:link, #content a:visited{
color:#00891A; 
text-decoration:none !important; 
font-weight: 500; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; 
}
#content a:hover, #content a:focus{
color: #003D0B; 
}


#footerzwo{
position: fixed; 
bottom: 0px; 
width: 80%; 
margin: 0px 0px 0px 0px; 
padding: 15px 10% 15px 10%;
background-image: url(../../images/black80.png);
background-repeat: repeat; 
color: #FFFFFF; 
font-size: 0.8em; 
z-index: 1000; 
}
#footerzwo a:link, #footerzwo a:visited{
color: #FFFFFF; 
text-decoration: none; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; 
}
#footerzwo a:hover, #footerzwo a:focus{
color:#A3D5AC; 

}


img.thumb{
margin: 10px; 
}


/*
END
*/

}