body, html {
    height: 100%;
    margin: 0;
    color: #777;
font-family: 'Roboto Condensed', sans-serif;
    color:rgba(48,34,31,0.8);
    background: url("../img/background3.jpg") no-repeat fixed; 
            background-size: cover;
          
  }
  a {
      text-decoration: none;
  }

  a:hover {
      text-decoration: underline;
  }


    .animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

  
/*=== Optional Delays, change values here  ===*/
.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

  
  
  .subhead {
    width:80%;
    height:auto;
}


  .caption {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    text-align: center;
    font-weight:bold;

  }
  
  .cover img {
    margin: 1%;
    width: 30%;
	filter: drop-shadow(0 0 10rem rgba(255, 120, 45, 0.2));
    }

  .bgimg img.logo {
    width:12%;
    height:auto;
    position:absolute;
left:17%;
top:11%;
		filter: drop-shadow(0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.2));

}
.cover {		
}

.btn {    color:#fff!important;
border: none;
  background-color: rgba(48,34,31,0.8);
  padding: 14px 28px;
  cursor: pointer;
  display: inline-block;
font-size:35px;

	
}

.btn2 {    color:#fff!important;
border: none;
  background-color: rgba(48,34,31,0.8);
  padding: 14px 28px;
  cursor: pointer;
  display: inline-block;
font-size:28px;
margin-bottom:65px;


	
}

.btn3 {    color:#fff!important;
border: none;
  background-color: rgba(48,34,31,0.8);
  padding: 14px 28px;
  cursor: pointer;
  display: inline-block;
font-size:18px;
margin-bottom:28px;


	
}

.caption h2 {
  font-size:50px;
  margin:0 0 20px 0;
  padding:0;
  line-height:70px;
}
.caption h3 {
  font-size:36px;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.6);

  margin:0 0 15px 0;
}

.caption h4 {
  font-size: 27px;
  margin:40px 0 12px 0;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
}

.caption i.fa {
    margin-right:10px;
}



.caption a, .footer a {
    color:#FFF;
}



.blacklink a 	{
color: rgba(48,34,31,0.8);
}

  .live {
    margin:0 10% 0 10%;
}



.yt {		  
}

.yt iframe {
    
}

.nl {padding:10% 5% 2% 5%;}

#my_nanogallery2 {padding:0 5% 0 5% !important;}

.footer {    width: 100%;
    text-align: center;
    font-weight:bold;
    font-size:12px;
    background-color:none;
    padding-bottom:60px;
margin-top: 50px;
   
}

.sm {
	padding: 12px 7px 12px 7px;
	filter: drop-shadow(0.25rem 0.25rem 0.3rem rgba(0, 0, 0, 0.2));
}

div.footer a:hover {
    text-decoration: none;
}


.imp {
	padding-top:20px;
}
  /* Impressum Datenschutz */
  body.impressum .bgimg {
      background-image: none;
  
  }
  body.impressum {
    background-image: url("../img/background2.jpg");
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    color: black;
  }
  

  body.impressum .caption {
      top:10%;
      background-color: lightgrey;
      margin: 0 auto;
      padding: 30px;
      width:66%;
     text-align:left;
      position: relative;
 
  }
  
  
body.impressum .caption p, body.impressum .caption h2, body.impressum .caption h3, body.impressum .caption ul, body.impressum .caption strong, body.impressum .caption a {
    font-weight:normal;
    text-align:left;
    line-height:20px;
    font-size:14px;
    color:black;
}

body.impressum .caption h2 {
  font-size:30px;
  margin-top:20px;
}
@media only screen 
and (max-width : 1300px) {
    
    .caption {
        position: absolute;
        left: 0;
        top: 5%;
        width: 100%;
        text-align: center;
        font-weight:bold;
    
      }
    
      .bgimg img.logo {
        width:10%;
        height:auto;
        position:absolute;
    left:10%;
    top:5%;

    }
    
    
    
    
    .caption h2 {
      font-size:40px;
      margin:0 0 10px 0;
      padding:0;
      line-height:40px;
    }
    
    .btn {
    	font-size:30px;
    }
 
    
}

@media only screen 
and (max-width : 840px) {
    
    .caption {
        position: absolute;
        left: 0;
        top: 2%;
        width: 100%;
        text-align: center;
        font-weight:bold;
    
      }
    
      .bgimg img.logo {
        width:17%;
        height:auto;
        position:absolute;
    left:2%;
    top:2%;
    }
    
    
    
    
    .caption h2 {
      font-size:20px;
      margin:0 0 10px 0;
      padding:0;
      line-height:20px;
    }
    
	  .caption h3 {
      font-size:20px;
      margin:0 0 30px 0;
      padding:4% 0 0 0 ;}
	  
	  .caption h4 {
      font-size:20px;
      margin:0 0 10px 0;
      padding:4% 0 0 0 ;}
	  
	  
	  
    .btn {
    	font-size:10px;
    }
    
	
	.btn2 {
    	font-size:15px;
    }
	
	.btn3 {
    	font-size:15px;
    }
	
	 
	  
	  
.yt {
	position: relative;
	  padding-bottom: 56.25%; /* 16:9 */
	  height: 0;
	      text-align: center;
	  
}


      
       
       .yt iframe {
         position: absolute;
         top: 0;
         left: 15%;
         width: 70%;
         height: 70%;
             text-align: center;}

.footer {margin-top: 0;
)

    
       }

.cover img {
    margin: 1%;
    width: 60%;
    }

/* Safari 6.1 bis 10.0 */
@media not all and (min-resolution: 0.001dpcm) {
    @media {
        .cover img {
            filter: none; /* Filtereffekt für Safari entfernen */
        }
    }
}

/* Safari 10.1+ */
@supports (color: var(--fake-var)) {
    .cover img {
        filter: none; /* Filtereffekt für Safari entfernen */
    }
}


