a:link, a:visited{
    color:  honeydew
}


#header{
    background: rgb(76,76,76); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    height: 100px;
    width: 980px;
   
     margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   border-radius: 10px;
   text-align: center;
   font-family: arial;
   font-weight: 600;
   box-shadow: 2px 2px 15px 2px darkgray;
}
#header h1{
    color: white;
    padding-top: 30px;
    padding-bottom: 20px;
}

.search{
    border-radius: 15px;
    padding-left: 600px;
}
    .search input{
      
    
    background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}
body{
    text-align: center;
    margin-bottom: 20px;
 background-image:  url(back.jpg);

  font-size:  x-small;
   
}
#back {
    border-radius: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   
    width: 1280px;
    height: 3000px;
    box-shadow: 10px 10px 15px 10px #ffffff;
    text-align: center;
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 33%, rgba(17,17,17,1) 60%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 98%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(0%,rgba(0,0,0,1)), color-stop(33%,rgba(44,44,44,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(98%,rgba(43,43,43,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
#back1 {
    border-radius: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
    width: 1380px;
    height:  3000px;
    box-shadow: 10px 10px 15px 10px #000000;
    text-align: center;
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 33%, rgba(17,17,17,1) 60%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 98%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(0%,rgba(0,0,0,1)), color-stop(33%,rgba(44,44,44,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(98%,rgba(43,43,43,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(44,44,44,1) 33%,rgba(17,17,17,1) 60%,rgba(28,28,28,1) 91%,rgba(43,43,43,1) 98%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
#nav{
    display: block;
    padding-left: 5px;
    text-align: center;
    float: left;
    width: 200px;
    height: 3000px;
    border-radius: 10px;
     font-family: arial;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
   
background: #750204; /* Old browsers */
background: -moz-linear-gradient(left,  #750204 0%, #aa0306 29%, #aa0306 38%, #3d0001 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#750204), color-stop(29%,#aa0306), color-stop(38%,#aa0306), color-stop(100%,#3d0001)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #750204 0%,#aa0306 29%,#aa0306 38%,#3d0001 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #750204 0%,#aa0306 29%,#aa0306 38%,#3d0001 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #750204 0%,#aa0306 29%,#aa0306 38%,#3d0001 100%); /* IE10+ */
background: linear-gradient(to right,  #750204 0%,#aa0306 29%,#aa0306 38%,#3d0001 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#750204', endColorstr='#3d0001',GradientType=1 ); /* IE6-9 */

}
#nav img{
    margin-top: 30px;
    padding-top: 30px;
   
    float: bottom;
    
}
#nav a{
    display: block;
    transition: all 1s ease;
    position: relative;
    left: 0;
}
#nav a:hover{
     left: -30px;
    padding-top: 0px;
   
    color: grey;
    font-size: xx-large;
}
#main{
    margin-right: 100px;
    margin-left: auto;
   text-align: center;
  transition:  all 1s;
  color: white;
  
}

#main > a{
float: inside;
z-index: 7;

}

#main > img{
position: absolute;
margin-left: 10px;
margin-top: 10px;



}
#news{
    float: left;
    padding-left: 20px;
}
#beschr{
    font-size:  xx-small;
    
}

#home{
    
    padding-left: 30px;
}

#right{
  
    color: white;
    
  }  

.flip3D{ 
    width:240px; 
    height:400px; 
    margin:10px; 
    float:left; 
    text-align: center;
    padding-bottom: 10px;
 
} 
.flip3D > .front{ 
    position:absolute; 
    transform: perspective( 600px ) rotateY( 0deg ); 
    background:black; 
    width:240px; 
    height:400px; 
    border-radius: 7px; 
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
padding-top: 20px;
color: white;
} 

.flip3D > .back{ 
    position:absolute; 
    transform: perspective( 600px ) rotateY( 180deg ); 
    background: gray; 
    width:240px; 
    height:400px; 
    border-radius: 7px; 
    backface-visibility: hidden; 
    transition: transform .5s linear 0s; 
       padding-top: 20px;
} 
.flip3D:hover > .front{ 
    transform: perspective( 600px ) rotateY( -180deg ); 
} .flip3D:hover > .back{ 
    transform: perspective( 600px ) rotateY( 0deg ); }

.flip3D1{ 
    width:500px; 
    height:400px; 
    margin:10px; 
    float:  left;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 20px;
 
} 
.flip3D1 > .front{ 
    position:absolute; 
    transform: perspective( 600px ) rotateY( 0deg ); 
    background:black; 
    width:500px; 
    height:400px; 
    border-radius: 20px; 
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
padding-top: 20px;
color: white;
} 

.flip3D1 > .back{ 
    position:absolute; 
    transform: perspective( 600px ) rotateY( 180deg ); 
    background: gray; 
    width:500px; 
    height:400px; 
    border-radius: 7px; 
    backface-visibility: hidden; 
    transition: transform .5s linear 0s; 
       padding-top: 20px;
} 
.flip3D1:hover > .front{ 
    transform: perspective( 600px ) rotateY( -180deg ); 
} .flip3D1:hover > .back{ 
    transform: perspective( 600px ) rotateY( 0deg ); }
.flip3D2{ 
    width:500px; 
    height:200px; 
    margin:10px; 
    float:  left;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 20px;
 
} 
.flip3D2 > .front{ 
    position:absolute; 
    transform: perspective( 600px ) rotateY( 0deg ); 
    background:black; 
    width:500px; 
    height:200px; 
    border-radius: 20px; 
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
padding-top: 20px;
color: white;
} 
.flip3D2 > .front img{ 
  width:500px; 
    height:200px; 
} 
.flip3D2 > .back{ 
    position:absolute; 
    transform: perspective( 600px ) rotateY( 180deg ); 
    background: gray; 
    width:500px; 
    height:200px; 
    border-radius: 7px; 
    backface-visibility: hidden; 
    transition: transform .5s linear 0s; 
       padding-top: 20px;
} 
.flip3D2:hover > .front{ 
    transform: perspective( 600px ) rotateY( -180deg ); 
} .flip3D2:hover > .back{ 
    transform: perspective( 600px ) rotateY( 0deg ); }

#impressum{
    float: left;
    padding-left: 10px;
    font-size:  smaller;
}