/* no Animation */

.cb-noslideshow,
.cb-noslideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-noslideshow:after { 
    content: '';
    
}
.cb-noslideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 75%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: noimageAnimation 36s linear 1 forwards; 
    -moz-animation: noimageAnimation 36s linear 1 forwards; 
    -o-animation: noimageAnimation 36s linear 1 forwards; 
    -ms-animation: noimageAnimation 36s linear 1 forwards; 
    animation: noimageAnimation 36s linear 1 forwards; 
}

.cb-noslideshow li.front:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}

.cb-noslideshow li.konservierung:nth-child(1) span { 
    background-image: url(../images/11.jpg) 
}

.cb-noslideshow li.ausstellungswesen:nth-child(1) span { 
    background-image: url(../images/12.jpg) 
}

.cb-noslideshow li.biografie:nth-child(1) span { 
    background-image: url(../images/13.jpg) 
}

.cb-noslideshow li.impressum:nth-child(1) span { 
    background-image: url(../images/15.jpg) 
}

.cb-noslideshow li.kontakt:nth-child(1) span { 
    background-image: url(../images/14.jpg) 
}



/* Animation */

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 75%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

.cb-slideshow li.kunstaufpapier:nth-child(1) span { 
    background-image: url(../images/4.jpg) 
}
.cb-slideshow li.kunstaufpapier:nth-child(2) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li.kunstaufpapier:nth-child(3) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}

.cb-slideshow li.kunstaufpapier:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li.kunstaufpapier:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li.kunstaufpapier:nth-child(6) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}


.cb-slideshow li.buchhandschriften:nth-child(1) span { 
    background-image: url(../images/6.jpg) 
}
.cb-slideshow li.buchhandschriften:nth-child(2) span { 
    background-image: url(../images/7.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li.buchhandschriften:nth-child(3) span { 
    background-image: url(../images/8.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}

.cb-slideshow li.buchhandschriften:nth-child(4) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li.buchhandschriften:nth-child(5) span { 
    background-image: url(../images/7.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li.buchhandschriften:nth-child(6) span { 
    background-image: url(../images/8.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}


.cb-slideshow li.papierobjekte:nth-child(1) span { 
    background-image: url(../images/9.jpg) 
}
.cb-slideshow li.papierobjekte:nth-child(2) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li.papierobjekte:nth-child(3) span { 
    background-image: url(../images/10.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}

.cb-slideshow li.papierobjekte:nth-child(4) span { 
    background-image: url(../images/9.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li.papierobjekte:nth-child(5) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li.papierobjekte:nth-child(6) span { 
    background-image: url(../images/10.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}



/* No Animation for the slideshow images */

@-webkit-keyframes noimageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 1 }
    100% { opacity: 1 }
}
@-moz-keyframes noimageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 1 }
    100% { opacity: 1 }
}
@-o-keyframes noimageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 1 }
    100% { opacity: 1 }
}
@-ms-keyframes noimageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 1 }
    100% { opacity: 1 }
}
@keyframes noimageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 1 }
    100% { opacity: 1 }
}

/* Animation for the slideshow images */


@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 0;
}


@media screen and (max-width: 1024px) { 

.container > main{
	float:left;
	margin-top:138px;
	width: 600px;
}

}

@media screen and (max-width: 768px) { 

.container > main{
	float:left;
	margin-top:138px;
	width: 350px;
}

}

@media screen and (max-width: 425px) { 

.home .cb-noslideshow,
.home .cb-noslideshow:after { 
    position: fixed;
    width: 2400px;
    height: 1679px;
    top: -90px;
    left: -1800px;
    z-index: 0; 
}

.cb-noslideshow li.konservierung span { 
	background-position:-550px 600px;    
	background-size:1550px;
}
.cb-noslideshow li.ausstellungswesen span { 
	background-position:-550px 600px;    
	background-size:1540px;
}
.cb-noslideshow li.biografie span { 
	background-position:260px 360px; 
	background-size:840px;	   
}

.cb-noslideshow li.kontakt span { 
	background-position:-240px 400px; 
	background-size:1350px;	   
}

.cb-noslideshow li.impressum span { 
	background-position:-300px 550px; 
	background-size:1300px;	   
}

.cb-slideshow li.kunstaufpapier:nth-child(1) span { 
	background-position:-130px 380px;    
}
.cb-slideshow li.kunstaufpapier:nth-child(3) span { 
background-position:-300px 565px;   
}
.cb-slideshow li.kunstaufpapier:nth-child(4) span { 
background-position:-130px 380px;    
}
.cb-slideshow li.kunstaufpapier:nth-child(6) span { 
background-position:-300px 565px;     
}

.cb-slideshow li.buchhandschriften:nth-child(1) span { 
	background-position:-230px 480px;    
}
.cb-slideshow li.buchhandschriften:nth-child(2) span { 
background-position:-300px 230px;   
}
.cb-slideshow li.buchhandschriften:nth-child(4) span { 
background-position:-230px 480px;        
}
.cb-slideshow li.buchhandschriften:nth-child(5) span { 
background-position:-300px 230px;     
}

.cb-slideshow li.papierobjekte:nth-child(1) span { 
	background-position:-100px 340px;    
}
.cb-slideshow li.papierobjekte:nth-child(2) span { 
		background-position:-300px 130px;       
}
.cb-slideshow li.papierobjekte:nth-child(3) span { 
	background-position:0px 430px;     	
	background-size:100%;   		
}
.cb-slideshow li.papierobjekte:nth-child(4) span { 
	background-position:-100px 340px;        
}
.cb-slideshow li.papierobjekte:nth-child(5) span { 
	background-position:-300px 130px;     
}
.cb-slideshow li.papierobjekte:nth-child(6) span { 
	background-position:0px 430px;     	
	background-size:100%;    	
}




.cb-slideshow li.kunstaufpapier:after  { 
    position: fixed;
    width: 1800px;
    height: 1900px;
    top: -400px;
    left: -1350px;
    z-index: 0; 
}

.cb-noslideshow,
.cb-noslideshow:after { 
    position: fixed;
    width: 1000px;
    height: 900px;
    top: -700px;
    left: -550px;
    z-index: 0; 
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 1000px;
    height: 900px;
    top: -700px;
    left: -550px;
    z-index: 0; 
}

.home .container > header {
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 50px 0px;
	position: relative;
	display: block;
    text-align: left;
	float:left;
	width:100%;  
}

.container > header {
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 50px 0px;
	position: fixed;
	display: block;
    text-align: left;
	float:left;
	width:100%;  
}

.container > header h1{
    background:#000;
	width:75%;
	display:block;
	float:left;
	font-size: 35px;
	line-height: 35px;
	padding: 10px 0 0 20px;
}
.container > header h2 {
    background:#000;
	width:75%;
float:left;
display:block;
	padding: 10px 0 10px 20px;	
	font-size: 12px;
}

.container > header ul {
	margin: 100px 0 0 20px;
}


.container > header ul li {
	margin: 10px 0;
}

.container > header ul ul {
	margin: 20px 0 20px 50px;
}

.container > header ul li:nth-child(4) {
	margin: 20px 0;
}
.container > header ul li:nth-child(5) {
	margin: 20px 0;
}
.container > header ul li:nth-child(6) {
	margin: 20px 0;
}

.container > header ul li:nth-child(7) {
	margin: 20px 0;
}

.container > header ul li:nth-child(7) a {
	padding: 0 20px 0 0; 
}

.container > main{
	margin:220px 0px 0 0px;
	padding:20px 0;
	width: 100%;
	min-height:800px;
	background:#000;
}

.container > main h2 {
	font-size: 30px;
	color: #fff;
	margin-left:20px;
	font-size:12px;
}


.container > main ul li {
	margin:0 30px 5px 20px;
}
.container > main#biografie ul li {
	margin:0 30px 15px 20px;
}


 /*Display 'show menu' link*/
    .show-menu {
        display:block!important;
    }

.navigation {
    display: none;
}

.topnavi {
	background:#000;
	width:100%;
	height:80px;;
}


.container > header ul {
	margin: 0px 0 0 0px;
	background:#000;
	padding:20px 20px 0 20px; 	
}


.container > header ul ul {
	margin: 0px 0 0 0px;
	background:#000;
	padding:0px 0 0 0px; 	
}

.container > header ul ul li {
	margin: 0px 0 0 0px;
	background:#000;
	padding:0px 0 0 20px; 	
}

.container > header ul li {
	font-size: 14px!important;	
	line-height:40px;	
	margin: 0px 0px 0px 0;
	border-top:1px solid #ccc;
}
.container > header ul ul {
	margin: 0px 0 0px 0px;
}
.container > header ul li:nth-child(4) {
	margin: 0px 0;
}
.container > header ul li:nth-child(5) {
	margin: 0px 0 0 0;
}
.container > header ul li:nth-child(6) {
	margin: 0px 0;
}
.container > header ul li:nth-child(7) {
	margin: 0px 0;
}

.container > header ul li:nth-child(8) {
	margin: 0px 0;
}





}


/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 0px 0;
    display: none;
    width:15%;
    float:right;
    margin:-50px 0 0 0;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .navigation {
    display: block!important;
}