/*CSS Dokument für raphaeljust.com*/

/*MEDIA QUERIES WIDTH 3000*/
@media screen and (max-width:3000px) {
    div#contact{
        margin-left:39.5%;
    }
}

/*MEDIA QUERIES WIDTH 2800*/
@media screen and (max-width:2800px) {
    div#contact{
        margin-left:39%;
    }
}

/*MEDIA QUERIES WIDTH 2600*/
@media screen and (max-width:2600px) {
    div#contact{
        margin-left:38%;
    }
}

/*MEDIA QUERIES WIDTH 2400*/
@media screen and (max-width:2400px) {
    div#contact{
        margin-left:37%;
    }
}

/*MEDIA QUERIES WIDTH 2360*/
@media screen and (max-width:2360px) {
}

/*MEDIA QUERIES WIDTH 2200*/
@media screen and (max-width:2200px) {
    div#contact{
        margin-left:36%;
    }
}

/*MEDIA QUERIES WIDTH 2000*/
@media screen and (max-width:2000px) {
    div#contact{
        margin-left:34.5%;
    }
}

/*MEDIA QUERIES WIDTH 1800*/
@media screen and (max-width:1800px) {
    div#contact{
        margin-left:33%;
    }
}

/*MEDIA QUERIES WIDTH 1700*/
@media screen and (max-width:1700px) {
    div#contact{
        margin-left:32%;
    }
}

/*MEDIA QUERIES WIDTH 1600*/
@media screen and (max-width:1600px) {
    div#contact{
        margin-left:31%;
    }
}

/*MEDIA QUERIES WIDTH 1550*/
@media screen and (max-width:1550px) {
}

/*MEDIA QUERIES WIDTH 1500*/
@media screen and (max-width:1500px) {
    section#uebersicht ul#bilder li{
        max-width:calc(17% - 7px);
    }  
    div#contact{
        margin-left:29.5%;
    }
}

/*MEDIA QUERIES WIDTH 1450*/
@media screen and (max-width:1450px) {
}

/*MEDIA QUERIES WIDTH 1400*/
@media screen and (max-width:1400px) {
    section#uebersicht ul#bilder li{
        max-width:calc(19% - 7px);
    }
    div#contact{
        margin-left:28%;
    }
}

/*MEDIA QUERIES WIDTH 1360*/
@media screen and (max-width:1360px) {
}

/*MEDIA QUERIES WIDTH 1300*/
@media screen and (max-width:1300px) {
    section#uebersicht ul#bilder li{
        max-width:calc(21% - 7px);
    }
    div#contact{
        margin-left:26.5%;
    }
}

/*MEDIA QUERIES WIDTH 1250*/
@media screen and (max-width:1250px) {
}

/*MEDIA QUERIES WIDTH 1200*/
@media screen and (max-width:1200px) {
    section#uebersicht ul#bilder li{
        max-width:calc(23% - 7px);
    }
    div#contact{
        margin-left:24.5%;
    }
}

/*MEDIA QUERIES WIDTH 1150*/
@media screen and (max-width:1150px) {
}

/*MEDIA QUERIES WIDTH 1100*/
@media screen and (max-width:1100px) {
	.tp-leftarrow{
		left:-9%!important;
	}
	.tp-rightarrow{
		left:109%!important;
	}
    section#uebersicht ul#bilder li{
        max-width:calc(25% - 7px);
    }
    div#contact{
        margin-left:22%;
    }
}

/*MEDIA QUERIES WIDTH 1060*/
@media screen and (max-width:1060px) {
}

/*MEDIA QUERIES WIDTH 1050 - MOBILE MENÜ */
@media screen and (max-width:1050px) {
    .inhalt-main header nav{
        position:relative;
        top:9px;
        width:80%;
        left:10%;
        right:10%;
        text-align:center;
    }
    nav#navbooks{
        position:fixed;
        top:95px;
        text-align:center;
        width:80%;
        margin-left:10%;
        margin-right:10%;
        left:0;
    }
    .inhalt-main header h1{
        font-size:2.7rem;
        line-height:2.7rem;
    }
    .inhalt-main header nav{
        font-size:0.8rem;
        line-height:0.8rem;
    }
    nav#navbooks ul li{
        display:inline-block!important;
        margin-right:3%;
        font-size:0.8rem;
        line-height:0.8rem;
    }
    nav#navbooks ul li:last-of-type{
        margin-right:0;
    }
    ul#bilder, ul#motion{
        margin-top:10px;
    }
    section#galerie{
        margin-top:110px;
        position:relative;
        /*z-index:999;*/
    }
    section#galerie #download{
        font:400 1.2rem/1.2rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    section#start article ul{
        /*margin-top:30px;*/
    }
    section#start ul li p.start-titel{
        font:400 3rem/2.5rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    section#start ul li p.start-subtitel, section#uebersicht ul li p.start-subtitel{
        font:400 1.1rem/1.1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    nav#navbooks{
        z-index:999;
    }
    div#contact{
        margin-left:0;
    }
    section#kontakt{
        width:45%;
        margin-left:27.5%;
        margin-right:27.5%;
    }
}

/*MEDIA QUERIES WIDTH 1000*/
@media screen and (max-width:1000px) {
	.tp-leftarrow{
		left:-10%!important;
	}
	.tp-rightarrow{
		left:110%!important;
	}
    section#uebersicht ul#bilder li{
        max-width:calc(27% - 7px);
    }
}

/*MEDIA QUERIES WIDTH 900*/
@media screen and (max-width:900px) {
	.tp-leftarrow{
		left:-11%!important;
	}
	.tp-rightarrow{
		left:111%!important;
	}	
    section#uebersicht ul#bilder li{
        max-width:calc(29% - 7px);
    }
    section#galerie #download{
        font:400 1.1rem/1.1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    section#uebersicht ul#motion li{
        max-width:calc(33% - 12px)
    }
    
    section#uebersicht ul#motion li:nth-of-type(3){
	   margin-right:0px;
    }
    section#uebersicht ul#motion li:nth-of-type(4){
	   clear:none; margin-right:10px;
    }
    section#uebersicht ul#motion li:nth-of-type(5){
	   clear:none;
    }
 
}

/*MEDIA QUERIES WIDTH 850*/
@media screen and (max-width:850px) {
    section#start ul li p.start-titel{
        font:400 2.5rem/2rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    section#start ul li p.start-subtitel, section#uebersicht ul li p.start-subtitel{
        font:400 1rem/1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
}

/*MEDIA QUERIES WIDTH 800*/
@media screen and (max-width:800px) {
    section#uebersicht ul#bilder li{
        max-width:calc(31% - 7px);
    }
    section#galerie #download{
        font:400 1rem/1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
}

/*MEDIA QUERIES WIDTH 750*/
@media screen and (max-width:750px){
    section#kontakt{
        width:50%;
        margin-left:25%;
        margin-right:25%;
    }
}

/*MEDIA QUERIES WIDTH 700*/
@media screen and (max-width:700px){
	.tp-leftarrow{
		left:-12%!important;
	}
	.tp-rightarrow{
		left:112%!important;
	}
    section#uebersicht ul#bilder li{
        max-width:calc(35% - 22px);
    }
    section#uebersicht ul#bilder li:nth-of-type(10){
        margin-right:3px;
    }
    section#galerie #download{
        font:400 0.9rem/0.9rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    section#start ul li:nth-child(3n+1){
        width:90%;
        margin-left:5%;
        margin-right:5%;
    }
}

/*MEDIA QUERIES WIDTH 650*/
@media screen and (max-width:650px) {
	.tp-leftarrow{
		left:-2.5%!important;
	}
	.tp-rightarrow{
		left:102.5%!important;
	}
}

/*MEDIA QUERIES WIDTH 600*/
@media screen and (max-width:600px) {
    section#uebersicht ul#bilder li{
        max-width:calc(40% - 30px);
    }
    section#galerie #download{
        font:400 0.8rem/0.8rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    section#uebersicht ul#motion li{
        max-width:calc(49% - 12px)
    }
    
    section#uebersicht ul#motion li:nth-of-type(3){
	   margin-right:10px;
    }
    section#uebersicht ul#motion li:nth-of-type(4){
	   clear:none; margin-right:0px;
    }
    section#uebersicht ul#motion li:nth-of-type(5){
	   clear:left;
    }
    
    section#kontakt{
        width:60%;
        margin-left:20%;
        margin-right:20%;
    }
}

/*MEDIA QUERIES WIDTH 500*/
@media screen and (max-width:500px) {
	.tp-leftarrow{
		left:-4.5%!important;
	}
	.tp-rightarrow{
		left:104.5%!important;
	}
    section#uebersicht ul#bilder li{
        max-width:calc(48% - 30px);
    }
    section#start ul li p.start-titel{
        font:400 2rem/1.7rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
    }
    section#kontakt{
        width:70%;
        margin-left:15%;
        margin-right:15%;
    }
    body#info section#kontakt{
        width:90%;
        margin-left:5%;
    }
}

/*MEDIA QUERIES WIDTH 450*/
@media screen and (max-width:450px) {
    /*.inhalt-main header h1{
        font:400 3.5rem/3.5rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }*/
    /*nav#navbooks{
        top:124px;
    }*/
    section#start ul li:nth-child(3n+2), section#start ul li:nth-child(3n+3){
        width:90%;
    }
}

/*MEDIA QUERIES WIDTH 400*/
@media screen and (max-width:400px) {
    section#uebersicht ul#bilder li{
        max-width:calc(57% - 30px);
    }
    section#kontakt{
        width:80%;
        margin-left:10%;
        margin-right:10%;
    }
    div#contact{
        font: 400 1.8rem/2.3rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
}

/*MEDIA QUERIES WIDTH 400*/
@media screen and (max-width:400px) {
	.tp-leftarrow{
		left:-6.5%!important;
	}
	.tp-rightarrow{
		left:106.5%!important;
	}
}

/*MEDIA QUERIES WIDTH 370*/
@media screen and (max-width:370px) {
    /*.inhalt-main header h1{
        font:400 3rem/3rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }*/
    /*nav#navbooks{
        top:115px;
    }*/
}

/*MEDIA QUERIES WIDTH 350*/
@media screen and (max-width:350px) {
    section#uebersicht ul#bilder li{
        max-width:calc(80% - 30px);
    }
}

/*MEDIA QUERIES WIDTH 300*/
@media screen and (max-width:300px) {
    .inhalt-main header h1{
        font:400 2.5rem/2.5rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
    section#uebersicht ul#bilder li{
        max-width:calc(80% - 30px);
    }
    section#kontakt{
        width:95%;
        margin-left:2.5%;
        margin-right:2.5%;
    }
    div#contact{
        font: 400 1.6rem/2.1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial
    }
}

/*******************************************************************/

/*MEDIA QUERIES SAMSUNG GOOGLE NEXUS LANDSCAPE*/
@media screen and (max-width:1280px) and (max-height:640px) {
}

/*******************************************************************/

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

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
}

/*******************************************************************/

/*MEDIA QUERIES SAMSUNG GOOGLE NEXUS PORTRAIT*/
@media screen and (max-width:640px) and (max-height:1280px) {
}

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

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
}

/*******************************************************************/

/*MEDIA QUERIES ANDROID LANDSCAPE*/
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape){
}

/*MEDIA QUERIES IPHONE LANDSCAPE*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){
}

/*MEDIA QUERIES SMART iPhone4 Landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
}

/*******************************************************************/

/*MEDIA QUERIES IPHONE PORTRAIT*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
} 

/*MEDIA QUERIES ANDROID PORTRAIT*/
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) {
}

/*MEDIA QUERIES SMART iPhone4 Portrait*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
}