/*CSS Dokument für blanche.at*/

/*MEDIA QUERIES WIDTH 1180*/
@media screen and (max-width:1180px) {
    #inhalt{
        width:calc(100% - 198px);
        margin-left:198px;
    }
}

/*MEDIA QUERIES WIDTH 750*/
@media screen and (max-width:750px) {
	#nav_container{
		width:100%;
		/*height:40px;*/
        height:auto;
		position:relative!important;
	}
	#nav_container a#home{
		float:left;
		width:17%;
		min-width:117px;
	}
	ul#kunden, ul#produktion{
		display:none;
		float:right;
	}
	#nav_container p{
		float:right;
		text-align:right;
		margin-right:0;
		margin-bottom:10px;
	}
    .inhalt2php #nav_container p{
        margin-right:2%;
    }
	#nav_ende{
		display:none;
	}
	#btn-nav-mobil{
		display:block;
	}
	ul#kunden, ul#produktion{
		float:right;
		margin-right:0;
		position:absolute;
		right:0;
		top:-20px;
		text-align:right;
		width:100%;
		background:rgba(255,255,255,0.8);
	}
    .inhalt2php ul#kunden, .inhalt2php ul#produktion{
        padding-right:2%;
    }
    #inhalt{
        width:98%;
        margin-left:0;
    }
}

/*MEDIA QUERIES TABLET LANDSCAPE*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {

/*DIVS*/
/*#inhalt{margin-left:20%;}
/*#inhalt_raster{margin-left:20%;}*/

/*IMGS*/
#facebook{width:15%;}
} /*end media query tablet*/

/*MEDIA QUERIES TABLET PORTRAIT*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

/*DIVS*/
#nav_container{width:24%;}
/*#inhalt{margin-left:28%;}
/*#inhalt_raster{width:70%; margin-left:28%;}*/

/*IMGS*/
#facebook{width:15%;}
} /*end media query tablet*/


/*MEDIA QUERIES SMART LANDSCAPE*/
@media screen and (min-width:321px) and (max-width:480px) {

/*DIVS*/
body {font-size:10px;}
#nav_container{float:left; position:relative; width:100%; margin-top:2%;}
#inhalt{float:left; /*margin-left:2%;*/}
/*#inhalt_raster{float:left; margin-left:2%;}*/
.inhalt2php #nav_container p{
        margin-right:3%;
    }
.inhalt2php ul#kunden, .inhalt2php ul#produktion{
        padding-right:3%;
    }

/*IMGS*/
#facebook{width:20%;}
}

/*MEDIA QUERIES SMART PORTRAIT*/
@media screen and (max-width:320px) {

/*DIVS*/
body {font-size:10px;}
#nav_container{float:left; position:relative; width:100%;}
#inhalt{float:left; /*width:68%; margin-left:2%;*/}
/*#inhalt_raster{float:left; width:70%; margin-left:2%;}*/
.inhalt2php #nav_container p{
        margin-right:4%;
    }
.inhalt2php ul#kunden, .inhalt2php ul#produktion{
        padding-right:4%;
    }

/*IMGS*/
#facebook{width:20%;}
} /*end media query smart*/