/* CSS – kasten.css */
/*reset*/




*{
border:0;
padding:0;
margin:0;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300i,400,900', cursiv);
body {
background-color:black; 
font-family: 'Roboto', sans-serif;
font-size:5px 

}
#header {
float:left;
width:100%
height:200px;
background:#transparent;
font-family:'calibri'
}


#cookieinfo a {color:brown; text-decoration:none;}

#cookieinfo a:hover {text-decoration:underline;}

#cookieinfo div {padding:10px; padding-right:40px;}

#cookieinfo { 
   outline: 1px solid #7b92a9; 
   text-align:left; 
   border-top:1px solid #fff;
   background: green; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   top:110px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookieinfoCloser {
   color: black;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookieinfoCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}



a: { color: #white;

}
a:link {
color: white
}
a:visited {color: white
}
a:hover {
    color: grey;
}
a: active  {color: white;
}

a: visited  {text-decoration: none;
             decoration: none;             
}



#container {
width: 100%;
min-height: 100%;
position: absolute;
margin-top: 0%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 200px;
background:url(Grafik/Zeile-Header.jpg) no-repeat;
background-size: 100% auto;
background-color: rgba(135, 135, 32, 0.13);

a: { color: #white;
a: visited  {color: #green;
}

}
a:link {
color: white;

}
a:hover {
    color: grey;
}
a: active  {color: white;
}

a: visited  {text-decoration: none;
             decoration: none;             
}

a: visited  {color: green;
}

}


/*.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;*/

}
#wrapper {
width:100%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
border: 0px;
border-style: solid;
border-color: #CCCCCC;
background-color:  transparent;
/* Definitionen für das Einfache Home-Symbol in der Kopfzeile*/
}
.navigation {
float:right;
margin-right:  40% ;
margin-left:5%;
margin-top: 3%;
width: 50%;
}
.navigation li { 
float:left;
list-style:none;
}
.navigation li a {
float: left;
margin: -15px 20px  10px;
color:#000000;
text-decoration:none;
border-right:20px solid#transparent;
font-size: 35px;
}
.navigation li a:hover {

background-color:#000000;
color:#fff;
filter:alpha (opacity=40); /* IE */
opacity:0.4; /* allgemein */
-moz-opacity:0.4 /* Mozilla */
-khtml-opacity:0.4 /* KHTML */
-opera-opacity:0.4 /* Opera */
}



 /* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color:#000000;
    color:#fff;    
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    filter:alpha (opacity=60); /* IE */
    opacity:0.4; /* allgemein */
    -moz-opacity:0.4 /* Mozilla */
    -khtml-opacity:0.4 /* KHTML */
    -opera-opacity:0.4 /* Opera */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 10px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: white;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #999966;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 8px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.sidenav openNav: hover {
background-color:#000000;
color:#fff;
filter:alpha (opacity=40); /* IE */
opacity:0.4; /* allgemein */
-moz-opacity:0.4 /* Mozilla */
-khtml-opacity:0.4 /* KHTML */
-opera-opacity:0.4 /* Opera */
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}

}

#footer {     
     position: absolute;
     height: 200px;
     width: 100%;
     bottom: 0;
     background:#000000;

background:url(Grafik/Zeile-Footer.jpg) ;
background-size: 100% auto;

     margin-bottom:0px;    
     border-top: 0.1pt solid  #cccccc;
     border-right: none;
     border-bottom: none;
     border-left: none;
     
}

.footer_links {
     float:left;
     margin: 20px 0 20px 0px;
     width: 100%;
}
.footer_links li {     
     list-style: none;
     float: left;
     margin-left: 20px; 
     
}
.footer_links li a {
       
       padding: 0px 8px 0px 0px;
       text-decoration:none;
       font-family: 'Roboto 900', sans-serif;
       font-size: 25px;
       color:#999966;
       vertical-align: middle;
}
.footer_links li a:hover {
      color:#333;   

}
.footer_links2 {
     float:left;
     margin: 20px 0 20px 0px;
     width: 100%;
}
.footer_links2 li {     
     list-style: none;
     float: left;
     margin-left: 20px; 
     
}
.footer_links2 li a {
       
       padding: 0px 8px 0px 0px;
       text-decoration:none;
       font-family: 'Roboto 900', sans-serif;
       font-size: 16px;
       color:#999966;
       vertical-align: middle;
       
}
.footer_links2 li a:hover {
      color:#333;   

}
.footer_links3 {
     float:left;
     margin: 20px 0 20px 0px;
     width: 100%;
}
.footer_links3 li {     
     list-style: none;
     float: left;
     margin-left: 20px; 
     
}
.footer_links3 li a {
       
       padding: 0px 8px 0px 0px;
       text-decoration:none;
       font-family: 'Roboto 900', sans-serif;
       font-size: 16px;
       color:#999966;
       vertical-align: middle;
       
}
.footer_links3 li a:hover {
      color:#333;   

}


#footer-R {     
     position: absolute;
     right: 0px; 
     height: 90px;
     width: 300px;
     bottom: 5;
     background:#cccccc;
     background:url(Grafik/Logo.jpg) no-repeat;
     background-size: 100% auto;
     margin-right: 75%       
     border-top: 0.1pt solid  #cccccc;
     border-right: none;
     border-bottom: 15px solid  #cccccc;
     border-left: 15px solid  #cccccc;    
     border-radius: 0px 0px 0px 25px;
     box-shadow: -5px 7px 20px black;

}


 .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -200px; }

.ig-b-:active { background-position: 0 -120px; } .ig-b-32 { margin-

top:2px;width: 32px; height: 32px; background:

url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--

moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1),

only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution:

192dpi), only screen and (min-resolution: 2dppx) { .ig-b-32 { background-image:

url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-

size: 60px 178px;