@charset "UTF-8";
@media screen and (min-width: 280px) and (max-width: 480px){
.iphonehoch, .iphonebreit, .nexushoch, .nexusbreit, .ipadbreit, .ipadhoch, .pcansicht{
display: none; 
}
.iphonebreit{ 
display: block; 
}
body{
font-size: 1.0em; 
background-size: 100% auto !important; 
background-attachment: local !important;
background-position: center 50px; 
}

#menu_mittel, #menu_gross {
visibility: hidden; 
display: none; 
}
#menu{
z-index: 110; 
}
#menu_klein {
font-size: 0.75em; 
visibility: visible; 
width: 100%; 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
padding: 0px; 
border: 0px solid #0000FF; 
z-index: 7500; 
position: fixed; 
top: 0px; 
}

#left{
width: 100%; 
position: relative !important; 
top: 0px; 
/*background-color:rgba(255,255,255,0.8);*/
padding-bottom: 0px !important; 
z-index: 110; 
padding: 0px; 
}

#content .item-page, #content .category-list{
padding-left: 5%;
padding-right: 5%;
padding-top: 2%; 
padding-bottom: 20px; 
margin-left: 0px; 
margin-right: 0px; 
margin-top: 80%; 
margin-bottom: 0px; 
width: 90%; 
height: auto;  
float: left; 
background-color:rgba(255,255,255,0.9);
opacity: 0.0; 
z-index: 1000; 
}
.item-page a:link, .item-page a:visited{
line-height: 1.8em; 
background-position: -3px 3px; 
padding-left: 10px; 
}
.item-page a:hover{
background-position: 0px 7px; 
padding-top: 5px; 
padding-bottom: 7px; 
background-color: #003762; 
}

#content .item-page.stellenangebote .panel{
margin: 0px; 
}
#content .item-page.stellenangebote .pane-toggler a:link, 
#content .item-page.stellenangebote .pane-toggler a:visited, 
#content .item-page.stellenangebote h3.pane-toggler-down a:link, 
#content .item-page.stellenangebote h3.pane-toggler-down a:visited
{
margin: 8px 0px 8px 0px; 
width: 96%; 
display: block; 
}
#content .item-page.stellenangebote h3.pane-toggler-down a:link, 
#content .item-page.stellenangebote h3.pane-toggler-down a:visited{
background-color: #000000;
}

.item-page .blackbox, .category-list .blackbox{
display: block; 
font-size: 0.9em;
position: relative; 
left: -5%; 
bottom: -20px; 
width: 100%; 
padding-left: 5%; 
padding-right: 5%; 
padding-top: 2%; 
padding-bottom: 20px; 
background-color:rgba(0,0,0,0.8);
opacity: 0.0; 
color: #FFFFFF; 
}

.item-page a.linkthumb:link, .item-page a.linkthumb:visited{
height: 70px; 
width: 70px; 
}
 .item-page a.linkthumb img{
height: 70px; 
width: auto; 
min-width: 70px; 
}



#logo{
-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; 
position: fixed !important; 
top: 80px; 
right: 0px !important; 
padding-right: 2%; 
padding-bottom: 20px; 
z-index: 1000; 
border: 0px solid #FF0000; 
width: 40%; 
max-width: 250px; 
background-image: url(../../images/logo_bg3_r.png);
background-repeat:repeat-y; 
background-position: left; 
}

#logo img{
width: 100%; 
height: auto; 
border: 0px solid #FFFFFF; 
float: right; 
}

#logo.shrink{
border: 0px solid #FF0000; 
width: 25%; 
height: 48px; 
position: fixed !important; 
top: -8px; 
z-index: 500; 
float: right; 
}
#logo.shrink img{
width: 100%; 
height: auto; 
}

.moduletable_news, .moduletable_referenz{
padding-left: 5%;
padding-right: 5%;
padding-top: 2%; 
padding-bottom: 20px; 
margin-left: 0%; 
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
width: 90%; 
float: right; 
position: relative; 
font-size: 0.8em; 
line-height: 1.0em; 
}
.moduletable_news ul, .moduletable_referenz ul{
padding: 0px; 
margin: 0px; 

}
.moduletable_news ul li, .moduletable_referenz ul li{
padding: 0px; 
margin: 0px; 
list-style-type: none; 
}
ul.category-module_news a:link, ul.category-module_referenz a:link{
border-top: 1px dotted #555555; 
color: #FFFFFF; 
background-image: url(../../images/pfeil_news.png);
background-repeat:no-repeat;
background-position:0px -3px; 
}

ul.category-module_news li a:hover, ul.category-module_referenz a:hover, 
ul.category-module_news li a:visited, ul.category-module_referenz a:visited{
color: #4A85B3; 
padding-left: 85px; 
background-image: url(../../images/pfeil_news.png);
}



/*/ small Navigation - menu /*/

#ojaccord-menu {
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	display: block;  
}

div.menu_list {	
	list-style-type:none;
	font-weight:300;
}

#ojaccord-menu p.menu_head {
	border-radius: 0px;  	
	background-image: url(../../images/pfeil_runter.png); 
	background-repeat: no-repeat; 
	background-position: 10px 7px;
	background-color:rgba(0,0,0,1.0);
	opacity: 0.9; 
	cursor: pointer;
	position: relative;
	text-align: center; 
	font-size: 1.7em; 
	letter-spacing:0.25em;
	line-height: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0px; 
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
}

#ojaccord-menu p.menu_head.active:hover,
#ojaccord-menu p.menu_head:hover {

}

#ojaccord-menu p.menu_head.active {
}

#ojaccord-menu p.menu_head a {
	/* color:#26370A; */
	text-decoration:none;
	display:block;
}

/******* SUB MENU STLE ********/

#ojaccord-menu div.menu_body {
	display:none;
	border-top:0;
	border-bottom:0; 
}

#ojaccord-menu div.menu_body li {
	
	margin:0px; 
	width: 100%; 
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 15px; 	
	display:block;
	list-style:none;
	
color: #000000; 

}

#ojaccord-menu div.menu_body li a{
	display:block;
	text-decoration:none;
	padding: 0px;
	font-size: 1.7em; 
	line-height: 1.8em; 
	font-weight:500;
	background-color:rgba(255,255,255,0.8);
	width: 100%; 
		padding-left: 5%; 
		width: 95%; 
}
#ojaccord-menu div.menu_body li li a{
	font-weight:300; 
	font-size: 1.3em; 
		padding-left: 10%; 
		width: 90%; 
}
#ojaccord-menu div.menu_body li a:hover {
	/* background: #d5e5c1; */
}

#ojaccord-menu div.menu_body li a.sub_active {
	/* color:#990000; */
	font-weight:500;
color: #2464AC; 
text-transform: uppercase; 
}

#ojaccord-menu div.menu_body ul {
	margin:0;
	padding:0;
	list-style:none;
}

#ojaccord-menu div.menu_body li ul li {
	border-left:0;
}


/* for level 3 */
#ojaccord-menu div.menu_body li ul li a{

}

/*for Level 4 */
#ojaccord-menu div.menu_body li ul li ul li a{

}

/*for Level 5 */
#ojaccord-menu div.menu_body li ul li ul li ul li a{

}

/*for Level 6 */
#ojaccord-menu div.menu_body li ul li ul li ul li ul li a{

}


/*_________________________*/



#ojaccord-menu p.menu_head a {
	color: #FFFFFF;
}

#ojaccord-menu p.active,
#ojaccord-menu p.active a {
	color:#FFFFFF;
	-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; 
}
#ojaccord-menu p.active:hover,
#ojaccord-menu p.active a:hover {
	color: #4A85B3; 
}

#ojaccord-menu div.menu_body {
	border:0px solid #2a5bd7;
}

#ojaccord-menu div.menu_body ul {
padding: 0px; 
margin: 0px; 
}

#ojaccord-menu div.menu_body li {
	border:0px solid #FF0000; 
	padding: 0px; 
	margin: 0px; 
}

#ojaccord-menu div.menu_body li a{
	color:#000000;
	border-bottom:1px solid #000000; 

margin: 0px; 
}

#ojaccord-menu div.menu_body li a:hover {
	background-color:rgba(36,100,172,1.0);
color: #FFFFFF; 
}

#ojaccord-menu div.menu_body li a.sub_active {
		background-image: url(../../images/marker_xl.png); 
background-repeat: no-repeat; 
	background-position: right top; 
}
#ojaccord-menu div.menu_body li li a.sub_active {
	background-image: url(../../images/marker_x.png); 
background-repeat: no-repeat; 
	background-position: right top; 
} 
#footer .desktop{
display: none; 
} 

#footer{
display:none; 
}
#adresszeile{
font-size: 0.6em;  
display: block; 
background-color:rgba(0,0,0,1.0);
padding-top: 10px; 
padding-bottom: 10px; 
padding-left: 5%; 
padding-right: 5%; 
width: 90%; 
margin-top: 1px; 
color: #FFFFFF; 
float: left; 
}
#adresszeile a:link, #adresszeile a:visited{
color: #FFFFFF; 
text-decoration: none; 
}

#kommentar textarea {
width: 100%; 
}

form.heizungsanfrage .inputfeld{
display: block; 
}
form.heizungsanfrage input#beheizte_flaeche, form.heizungsanfrage input#etagenanzahl, form.heizungsanfrage input#personen_im_haushalt, form.heizungsanfrage input#isolierverglasung_flaeche_prozentual{
display: inline; 
}

/*
END
*/
}