@font-face
{
font-family: "GothicBtn";
src: url("font/gothic-btn-shadow.ttf") format("TrueType")
}
@font-face
{
font-family: "CopperGot";
src: url("font/copperplate-got.ttf") format("TrueType")
} 

@font-face
{
font-family: "Calibri";
src: url("font/calibri.ttf") format("TrueType")
} 


html{
	height: 100%;
	width:100%;
	overflow:hidden;
	background:#45484D;
}
body{
	height: 100%;
	width:100%;
	font: normal 1em Cambria, Georgia, serif;
	position:absolute;
	overflow:hidden;
}

.bord{
	/*border:1px solid black;*/
	opacity:0.75;
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#container{
	position:absolute;
	width:90%;
	height:85%;
	top:5%;
	left:5%;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 1);
}

.demo0{
	color:black;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
	height:100%;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	width:100%;
}

.demo1{
	color:white;
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	text-align:center;
	font-size:2em;
	font-weight:bold;
	line-height:300px;
	width:100%;
	height:100%;
}

.demo2{
	color:#005C11;
	background: #c9de96; /* Old browsers */
	background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
	text-align:left;
	font-size:1em;
	font-weight:normal;
	width:100%;
	height:100%;
}

.demo2 h1{
	font-size:2em;
	font-weight:bold;
}

.demo2 p{
	margin-top:10px;
}

.demo3{
	color:white;
	background: #7993a8; /* Old browsers */
	background: -moz-linear-gradient(top, #7993a8 0%, #3f4c6b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7993a8), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7993a8 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7993a8 0%,#3f4c6b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7993a8 0%,#3f4c6b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7993a8', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7993a8 0%,#3f4c6b 100%); /* W3C */
	text-align:center;
	font-size:2em;
	font-weight:bold;
	width:100%;
	height:100%;
}

.demo4{
	color:white;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	overflow-y:auto;
	height:100%;
	width:100%;
}

.demo5{
	color:white;
	height:100%;
	width:100%;
	text-align:center;
	font-size:2em;
	font-weight:bold;
}

.demo6{
	color:#151515;
	background: rgb(241,231,103); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,231,103,1)), color-stop(100%,rgba(254,182,69,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
	text-align:center;
	font-size:2em;
	font-weight:bold;
	height:100%;
}

#impressum{
    /* position: absolute; */
    font-size: 0.7em;
	        padding-top: 2%;
        padding-right: 20%;
        padding-bottom: 20%;
        padding-left: 20%;

	color: black;}
	
#wrapper2 img{


    width: 10%;
    height: auto;
}
.left{
transform: translate3d(-50%, 0px, 0px); 
position: absolute;
opacity:0;
}

.right{
transform: translate3d(50%, 0px, 0px); 
}

#slcgalerie{
overflow:hidden;


background-color:#FFF;

}

#rahmen1{
background-color:#AAC1C9;
/* background:linear-gradient(135deg, #AFAFAF 20%, #A6D4E4 70%); */
margin-left:5%;
margin-right:5%;
padding-top:1%;
padding-bottom:200%}


#galerieinfo {
}




#logoline1 {background: #755250; /* Old browsers */
background: -moz-linear-gradient(left, #CE0205 40%,#c9b4b9 60%,#ce0205 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #CE0205 40%,#c9b4b9 60%,#ce0205 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #CE0205 40%,#c9b4b9 60%,#ce0205 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CE0206', endColorstr='#C9B4B9',GradientType=1 ); /* IE6-9 */}

#logohalfline2 {height:50%;background-color:grey;font-family: 'Calibri', arial, sans-serif;}

#logoline2 {background: #755250; /* Old browsers */
background: -moz-linear-gradient(left, #780001 40%,#a48690 60%,#780001 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #780001 40%,#a48690 60%,#780001 100%); /* Chrome10-25,Safari5.1-6 */


background: linear-gradient(to right, #780001 40%,#a48690 60%,#780001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#780001', endColorstr='#a48690',GradientType=1 ); /* IE6-9 */
height:2%;}

#logoline3 {background: #483433; /* Old browsers */
background: -moz-linear-gradient(left, #771e20 40%,#a5abb7 60%,#771e20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #771e20 40%,#a5abb7 60%,#771e20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #771e20 40%,#a5abb7 60%,#771e20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#771e20', endColorstr='#a5abb7',GradientType=1 ); /* IE6-9 */
height:2%;}

.logolink{color:#414245;text-decoration:none;position: absolute;bottom: 25%;width:100%;}
.logolink2{color:#414245;text-decoration:none;bottom: 25%;}

.mobile33{position:relative;height:100%;background-color:#9cb3bb;overflow: hidden;}





#div2{overflow:hidden;background-color:#C9D0D6;}
#div2 img{padding:20px;
		width:25%;
		height:auto;
		border-bottom: 40px solid #CDCCCC;
		border: 0px 0px 10px solid #CDCCCC;
		/* border-bottom: 45px solid #fff; */
		-webkit-box-shadow: 3px 3px 3px #CDCCCC;
		 -moz-box-shadow: 3px 3px 3px #CDCCCC;
			  box-shadow: 3px 3px 3px #CDCCCC;/* padding-right: 15px; */
		background-color: #CDCCCC;}
			  
#wrapper2{}
			  
#inhalt3 {margin-top: 4%;}

#eighties img{width:22vh;}
#wrapper80er{height:100%;}

#wrapper1 {position:relative;
/* display:inline-block; */
font-weight: normal;
}
#wrapper1>h1{
font-family: 'GothicBtn', arial, sans-serif; font-size: 14vw;text-shadow: 0 -1px #00FF01, 1px 0 #00FF01, 0 1px #00FF01, -1px 0 #00FF01;color:#E60000;;
/* margin:0px; */
transform:scale(2,3.3); /* W3C */
-webkit-transform:scale(2,3.3); /* Safari and Chrome */
-moz-transform:scale(2,3.3); /* Firefox */
-ms-transform:scale(2,3.3); /* IE 9 */
-o-transform:scale(2,3.3); /* Opera */
font-weight: normal;
margin-top: calc(28vh - 2vw);
padding-right: 1%;}

#span1{    position: absolute;
	z-index:10;
    top: 50%;
	transform:scale(1.8,2); /* W3C */
-webkit-transform:scale(1.8,2); /* Safari and Chrome */
-moz-transform:scale(1.8,2); /* Firefox */
-ms-transform:scale(1.8,2); /* IE 9 */
-o-transform:scale(1.8,2); /* Opera */
	font-weight: normal;
	font-family: 'CopperGot', arial, sans-serif; font-size: 2vw;text-shadow: 0px 0px 10px #00FF01;
	color:#000;
	line-height: 3vw;
	left:24.7%;
    text-shadow: 0 -1px #00FF01, 1px 0 #00FF01, 0 1px #00FF01, -1px 0 #00FF01;
    /* bottom: 50%; */
   
    /* line-height: 1.5em; */
    text-align: center;
   /*  padding: 0px 15px 0px 5px; */
    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); */
    /* background-color: #AFAFAF; */
	/* background:linear-gradient(135deg, #AFAFAF 20%, #A6D4E4 70%) */
	background-color:#AAC1C9;
}
#navilink{
position: absolute;
top: -38%;
left: 48%;
}
#navilink>img{width: 19.35vw;}



#wrapper11 {text-shadow: 0px 0px 5px #00FF01;color:#000;}

#eighties{ 
	background-image: url("images/hintergrund_80er.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
   /* background-image: linear-gradient(0deg,wheat 10%,red 30%, cornflowerblue 60%, blue 80%); */
}

#aktgalerie{
	background-color: #6e0605;
	/* background-image: url("images/leather.jpg"); */
	background-repeat: no-repeat;
	background-size: 100% 100%; */
}



#wrapperakte {height:calc(100%/8*6);}



#linoldrucke{ 
	background-color: grey;
	/* background-image: url("images/hintergrund_80er.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%; */
   /* background-image: linear-gradient(0deg,wheat 10%,red 30%, cornflowerblue 60%, blue 80%); */
   overflow-x: hidden;
}
#linoldrucke img {}
#linoldrucke img {}
.rewrapper{height: 97%;
    position: relative;}
	
.rewrapper2	{height: 100%;
    position: relative;}
	
.rahmenpix {width:100%; height:calc(100%/8); background-color:white;}

.rahmenpix img {width:100%;height:60%;min-height:25px;vertical-align: bottom;}

.whiteline{background-color:white;height:40%;}

.leatherpix{width:100%;height: 92%;min-height:25px;vertical-align: bottom;
}
#wrapper5 {height:100%;
margin-left:10vw;
margin-right:10vw;}

#wrapper5gradient {height:calc(100%/8*6);
	background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top, #606060 78%, #9a9a9a 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #606060 78%, #9a9a9a 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #606060 78%, #9a9a9a 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#9a9a9a',GradientType=0 ); /* IE6-9 */
}


#wrapper5 img{

box-shadow:  2px 3px 20px 15px #606060;
margin: 20px;
    /* width: 100%; */
    /* height: auto; */
}
/* #rahmenunten{position:relative;
	bottom: 0px;
    left: 0px;} */
	

.linobild1 {height:63%;width:auto;}	
.linobild3 {height:80%;width:auto;}	
.linobild2 {height:80%;width: auto;}
.linobild4{height:50%;width:auto;}		


	
#aquarelle{background-color:#C0C0C0;}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
#aktbild1wrapper{
position: relative;
    display: inline-block;
	max-width:44vh;
	} 


	
.aktbild1{width:86%;
	padding: 10% 5% 8% 5%;
	-webkit-box-shadow: 50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
box-shadow: -50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
	/* padding: 10px 10px 10px 10px; */}
	
#aktbild2wrapper{
position: relative;
    display: inline-block;
	max-width:44vh;} 	
	
.aktbild2{
	width: 89%;
padding: 12% 0% 8%;
-webkit-box-shadow: 50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
box-shadow: -50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
	}
	
#aktbild3wrapper{
position: relative;
    display: inline-block;
	max-width:44vh;} 	
	
.aktbild3{width:85%;
	padding: 10% 5% 8% 5%;
	
	/* padding: 10px 10px 10px 10px; */

-webkit-box-shadow: 50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);
box-shadow: -50px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),50px 0px 9px 0px rgba(0,0,0,0.19);

}	
 
#rahmen{top: -2%; left: 0;
	 position: absolute;
	 width: 100%;
	 height: 107%;
	 /* padding: 10px 10px 0px 10px; */
	 -webkit-box-shadow: none;
	 -moz-box-shadow: none;
	 box-shadow: none;} 
	 
	 
.aktline1 {background: #755250; /* Old browsers */
background: -moz-linear-gradient(left, #755250 9%, #330704 22%, #330704 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #755250 9%,#330704 22%,#330704 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #755250 9%,#330704 22%,#330704 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#755250', endColorstr='#330704',GradientType=1 ); /* IE6-9 */
height:4%;}

.aktline2 {background: #483433; /* Old browsers */
background: -moz-linear-gradient(left, #35201D 0%, #23110f 51%, #483433 78%, #23110f 91%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #35201D 0%,#23110f 51%,#483433 78%,#23110f 91%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #35201D 0%,#23110f 51%,#483433 78%,#23110f 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35201D', endColorstr='#483433',GradientType=1 ); /* IE6-9 */
height:4%;}
	 
#wrapper6 img{
	width: calc(80vh/3);
height: auto;
max-width: 70%;}

	 
.zweierbox{float:left;
width:50%;
width:calc(100%/2);
width:-webkit-calc(100%/2);
width:-moz-calc(100%/2);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
 height:100%;
} 

.dreierbox{float: left;
width:33%;
/* width:calc(100%/3); */
width:-webkit-calc(100%/3);
width:-moz-calc(100%/3);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
}

.dreiviertelbox{float: left;
width:75%;
width:calc(100%/4*3);
width:-webkit-calc(100%/4*3);
width:-moz-calc(100%/4*3);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
 
 }


.viererbox{float: left;
width:25%;
width:calc(100%/4);
width:-webkit-calc(100%/4);
width:-moz-calc(100%/4);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
 
 }

 .viererbox2{float: left;
width:25%;
width:calc(100%/4);
width:-webkit-calc(100%/4);
width:-moz-calc(100%/4);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
 
 }
 
 
.fuenferbox{float: left;

width:20%;
width:calc(100%/5);
width:-webkit-calc(100%/5);
width:-moz-calc(100%/5);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
}

.halbvierbox{float: left;
width:12.5%;
width:calc(100%/8);
width:-webkit-calc(100%/8);
width:-moz-calc(100%/8);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
 padding: 20px 50px 3px 4px;
}

.dreifuenftelbox{float: left;
width:60%;
width:calc(100%/5*3);
width:-webkit-calc(100%/5*3);
width:-moz-calc(100%/5*3);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
 /* padding: 20px 50px 3px 4px; */
 text-align:right;
 background-color:#c9d0d6;
}

.zweifuenftelbox {float: left;
width:40%;
width:calc(100%/5*2);
width:-webkit-calc(100%/5*2);
width:-moz-calc(100%/5*2);
 /* width: 18%; */
 /* margin-right: 2%; */
 padding: 2px 3px 4px 4px;
 /* padding: 20px; */
 /* background: #eee; */
 box-sizing: border-box;
 /* padding: 20px 50px 3px 4px; */
 text-align:left;
}





#eighties > div:nth-child(2){margin-left:10vw;margin-right:10vw;}

div.viererbox:nth-child(2) > a:nth-child(1) > img:nth-child(1) {margin-left:10vw;}


.fullheight{height:100%;}
.halfheight{height:50%;}
.height60{height:60%;}
.height40{height:40%;}
.height30{height:30%;}
.height70{height:70%;}

.paddingbox {padding: 20px 50px 3px 4px;}


#impressumssticker{position: absolute;
float: right;
margin: 5px 0px;
top: 85%;
left: 26%;
font-size:7px;

/*
position: relative;
display: inline-block;
*display: inline;
*margin-left: .3em;
font-size: 0;
white-space: nowrap;
vertical-align: middle;
*zoom: 1;
*/}



.mobile {display:none;}


@media screen and (max-width:800px){#wrapper5{margin-left:0px;}}



@media screen and (max-width:720px){
.fuenferbox, .viererbox, .dreierbox, .zweierbox {width:40%;}
.height60 > div:nth-child(1) {width:50%;}
#wrapperakte> div,#wrapper6 > div:nth-child(1n) > div {width:50%;}

.desktop {display:none;}
.mobilefull {width:100%;}
.mobile {display:block}
.aktbild3, .aktbild2{
-webkit-box-shadow: -5px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),5px 0px 9px 0px rgba(0,0,0,0.19);
-moz-box-shadow: -5px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),5px 0px 9px 0px rgba(0,0,0,0.19);
box-shadow: -5px 0px 9px 0px rgba(0,0,0,0.19),0px 64px 21px 0px rgba(0,0,0,0.36),5px 0px 9px 0px rgba(0,0,0,0.19);}
.logolink{}


#logohalfline2{height:100%;}
.mobile33{height:33%;width:100%;}

/* .dreifuenftelbox , .zweifuenftelbox {width:100%;text-align:unset;} */
	
} /*ende 720px */



@media screen and (max-width:520px){
.fuenferbox, .viererbox, .dreierbox, .zweierbox, #zweifuenftelbox, #dreifuenftelbox, #wrapperakte> div {width:100%;}

#wrapper6 > div:nth-child(1n) > div {width:100%;}
div.viererbox:nth-child(2) > a:nth-child(1) > img:nth-child(1) {margin-left:0vw;}
.desktop {display:none;}
.mobile {display:block}
#logohalfline2{height:100%;}
.mobile33{height:33%;width:100%;}

.dreiviertelbox, .viererbox2 {width:50%;}
.height60 > div:nth-child(1) {width:100%;}

.logolink{position:unset;}

} /*ende 520px */



.leerbox {width: calc(100% / 5);}

.divline {float:left;width:100%}
 
#Linol1 img {
/* width:40%; */
float: left;
margin-right: 10px;
max-width:22vw;}

#Linol2 img{margin-right: 10px;
/* max-width:22vw;  */
max-width:22vw;}


#Linol3 img{margin-right: 10px;
max-width:22vw;} 

#Linol4 img{margin-right: 10px;
max-width:40vw;} 

.pic22vw {margin-left: auto;
margin-right: auto;
display: block; max-width: 22vw;}
.pic40vw {margin-right:10px; max-width:40vw;}
.pic44vw {max-width:44vw;}

 
 
.featherlight {font-family: 'Calibri', arial, sans-serif; font-size: 9px;/* text-shadow: 0 -1px rgba(0,0,0,0.6); */ color:rgb(134, 153, 159);}
 
 
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
 
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}
 
/*---make a basic box ---*/
.box{
width: 200px;
height: 200px;
position: relative;
margin: 10px;
float: left;
border: 1px solid #333;
background: #999;
}


.noJSBG{
background-color:#DEE6ED;
opacity:0.75;
filter:alpha(opacity=75);
position:absolute;
top:0;
left:0;
width:100%;
min-height:100%;
z-index:998;

}
.noJSLayer{
padding:10px;
border:1px solid #000;
background-color:#FFF;
width:40%;
/* min-height:300px; */
position:absolute;
left:48%;
top:20%;
margin: -4vw 0 0 -19vw;
z-index:9999;
/* height:60%; */

}
.noJSLayer > a {color:#86999F;font-size: 10px;}