@charset "UTF-8";
/*CSS Dokument für raphaeljust.com*/

/*FONTS*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic);

/*font: normal 19px/21px 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;*/

/*GLOBALS*/
html,body{margin:0; padding:0; width:100%;}
em{font-style:italic;}
ul, ol{margin:0; padding:0;}
strong{}
figure{margin:0;}
address{font-style:normal;}
hr{background:#999; border:0; height:1px;}
a{outline: none;}

/*DIVS*/
.wrapper{
	max-width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:0 40px;
}

/*****************************************************/
.index-main .tp-loader{
	top:60%;
}
.index-main header{
	position:absolute;
	z-index:9999;
	width:100%;
	text-align:center;
	top:45%;
}
.index-main header h1{
	font: 400 0.875rem/0.875rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
	padding:17px 60px;
	background:#fff;
	display:inline-block;
}
/*****************************************************/
.inhalt-main header{
	font: 400 1rem/1.3rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
	text-align:center;
	position:fixed;
	width:100%;
	height:125px;
	/*background:#fff;*/
	z-index:990;
}
.inhalt-main header h1{
	font:400 4rem/4rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
    /*letter-spacing:0.05em;*/
	margin:25px 0 0;
    color:#ff343d;
    position:relative;
    z-index:991;
}
.inhalt-main header h2{
	font:400 1.3rem/1.3rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
	margin:0 0 15px;
    color:#ff343d;
}
.inhalt-main header nav{
    font:400 1rem/1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
    position:absolute;
    top:53px;
    right:5%;
    width:25%;
    text-align:right;
    z-index:999;
}
.inhalt-main header nav ul{
    float:right;
    width:100%;
}
.inhalt-main header nav ul li{
    list-style-type:none;
    display:inline-block;
    margin-right:3%;
}
.inhalt-main header nav ul li:last-of-type{
    margin-right:0;
}
.inhalt-main header nav ul li img{
    position:relative;
    top:1px;
    width:15px;
}
i.fa:hover{
    cursor:pointer;
}
/*.inhalt-main header ul#social{
	position:absolute;
	right:1.5%;
	width:20%;
	top:45px;
}
.inhalt-main header ul#social li{
	float:right;
}
.inhalt-main header ul#social li:last-of-type{
	margin-right:3.5%;
}*/
section#start{
	float:left;
    margin-top:125px;
    margin-bottom:35px;
    /*margin:125px 13% 35px 13%;*/
    /*width:74%;*%
}
section#start ul{
	width:100%;
	/*margin:0 auto;*/
}
section#start ul li{
	padding:0;
	margin:0;
    margin-bottom:30px;
	display:inline-block;
	list-style-type:none;    
}
section#start ul li:nth-child(3n+1){
	width:60%;
    margin-left:20%;
    margin-right:20%;
}
section#start ul li:nth-child(3n+2), section#start ul li:nth-child(3n+3){
	width:39%;
    margin-left:5%;
    margin-right:5%;
}
section#start ul li:nth-child(2n){
	position:relative;
    /*z-index:998;*/
}
section#start ul li:nth-child(3) img{
    /*margin-top:50px;*/
}
section#start ul li div.start-rahmen{
    padding:15px;
    padding-bottom:0;
    border:1px solid #000;
}
section#start ul li p.start-titel{
    text-align:center;
    margin-top:0px;
    margin-bottom:0;
    font:400 3.5rem/3rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
}
section#start ul li p.start-subtitel, section#uebersicht ul li p.start-subtitel{
    text-align:center;
    margin-top:6px;
    font:400 1rem/1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
}
section#uebersicht{
	float:left;
    margin:125px 11% 35px 15%;
    width:74%;
}
section#uebersicht ul{
	width:100%;
	/*margin:0 auto;*/
}
section#uebersicht ul#bilder li{
	padding:0;
	margin:0;
	margin-right:3px;
	margin-top:3px;
	max-width:calc(15% - 7px);
	/*float:left;*/
	display:inline-block;
	list-style-type:none;
}
section#uebersicht ul#bilder li:nth-of-type(10){
	margin-right:0;
}
section#uebersicht ul#bilder li img{
    max-height:100px;
}

section#uebersicht ul#motion li{
	padding:0;
	margin:0;
	margin-right:10px;
	margin-top:3px;
	max-width:calc(25% - 12px);
	float:left;
	/*display:inline-block;*/
	list-style-type:none;
}
section#uebersicht ul#motion li:nth-of-type(4){
	margin-right:0;
}
section#uebersicht ul#motion li:nth-of-type(5){
	clear:left;
}
section#uebersicht ul#motion li img{
    max-height:177px;
}

nav#navbooks{
    position:fixed;
    left:5%;
}
nav#navbooks li{
    display:block!important;
    font:400 1rem/0.9rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
    margin-bottom:7px!important;
}
nav#navbooks li:first-of-type{
    margin-top:7px!important;
}
/*****************************************************/
section#galerie{
	/*width:80%;
	margin:0 10%;*/
	margin-top:125px;
	float:left;
}
section#galerie.motion{
    width:80%;
	margin:0 10%;
    margin-top:125px;
    float:left;
}

section#galerie ul li{
	padding:0;
	margin:0;
    /*margin-bottom:30px;*/
    margin-bottom:10px;
    display:inline-block;
	list-style-type:none;    
}
section#galerie.galerie-index ul li:nth-child(3n+1), section#galerie ul li{
	width:60%;
    margin-left:20%;
    margin-right:20%;
}
section#galerie.galerie-index ul li:nth-child(3n+2), section#galerie.galerie-index ul li:nth-child(3n+3){
	width:39%;
    margin-left:5%;
    margin-right:5%;
}
section#galerie.galerie-index ul li:nth-child(2n){
	position:relative;
    /*z-index:998;*/
}
section#galerie.galerie-index ul li:nth-child(3) img{
    /*margin-top:50px;*/
}

section#galerie #download{
	margin-top:10px;
	text-align:center;
	font: 400 1.3rem/1.3rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
}
.tp-leftarrow{
    width:50%;
    height:100%;
    background:none!important;
}
.tp-rightarrow{
    width:50%;
    height:100%;
    background:none!important;
}
body.arrows-narrow .tp-leftarrow{
    width:25%;
    height:80%;
    background:none!important;
}
body.arrows-narrow .tp-rightarrow{
    width:25%;
    height:80%;
    background:none!important;
}
.tp-leftarrow:hover, .tp-rightarrow:hover{
    /*width:14px;
    height:14px;*/
}
.tparrows:before{
    display:none;
}
/*****************************************************/
section#kontakt{
	font:400 0.7rem/1rem Lato;
	width:60%;
	margin:0 20%;
	margin-top:125px;
	float:left;
}
body#info section#kontakt{
    width:380px;
    margin-left:calc(50% - 190px);
    font:400 1.7rem/1.7rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
}
body#info section#kontakt h2{
    font:400 2.1rem/2.1rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
    margin:0;
}
body#info section#kontakt p{
    margin-top:0;
}

div#contact{
    font:400 2.25rem/2.75rem 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial;
}
/*****************************************************/

/*IMGS*/
img {
    max-width:100%;
    height:auto;
}

/*TABLES*/ 

/*LISTS*/

/*LINKS*/
a:link, a:visited, a:active{color:inherit; text-decoration:none;}
a.aktiv:link, a.aktiv:visited, a.aktiv:active{color:#ff343d; text-decoration:none;}
a:hover, a.aktiv:hover{color:#ff343d; text-decoration:none;}
nav a:hover, nav a.aktiv:hover{color:#ff343d; text-decoration:none;}
nav li:nth-of-type(5) a:hover, nav li:nth-of-type(6) a:hover{opacity:0.6;}

/*FORMS*/

/*ERROR HANDLNG*/