@charset "utf-8";
/* CSS Document */




body, html {
    height: 100%; margin: 0; padding:0;
}

p {
	color:#7e8999;
	font-size: 18px;
	font-family: 'Ubuntu', sans-serif;
}

h3 {
	font-family: 'Ubuntu', sans-serif;
	color:#333;
}

a {color:white;}

a:hover {color:#7b3392;}

.topnav {
    background-color: #333;
    overflow: hidden;
}

.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 200; float:right;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #94c11e;
    color: white;
}

.parallax {
    background-image: url('../img/cover.jpg');
    height: 80%; 

    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallax2 {
    background-image: url('../img/leistungen.jpg');
    /* Full height */
    height: 80%; 

    background-attachment: fixed;
    background-positionn:inherit;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax3 {
    background-image: url('../img/promo.jpg');
    height: 70%; 

    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.parallax4 {
    background-image: url('../img/event.jpg');
    height: 70%; 

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}

.promo {
  
    background-image: url('../img/dbg.jpg');
	float:left;
   
    height: 120%; 
  
    background-attachment: fixed;
    background-position: center;
    background-repeat:repeat-y;
    background-size:100%;
}

.impressum {
	width:40%; float:left; padding:20px; margin-bottom:5%;
	}
	
.impressum_datenschutz {
	width:50%; float:left; padding:20px; text-align:justify; bottom:20%;	
	}	

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	height: 50px;
    background-color: #333;
    color: white;
    text-align: center;
}

#cookiedingsbums a {color:#94c11e; text-decoration:none; font-family: 'Ubuntu', sans-serif;}

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

#cookiedingsbums div {padding:50px;}






#cookiedingsbums { 

	color:white;
	font-family: 'Ubuntu', sans-serif;
   text-align:center; 
   border-top:5px solid #94c11e;
   background:  #333; 
   position:fixed;
   bottom:50px; 
   z-index:10000; 
   width:100%;
   font-size:16px; 
   line-height:16px;
   -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
   }
   
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#cookiedingsbumsCloser {
   color: #777;
   font: 20px/100% arial, sans-serif;
   position: absolute;
   right: 10px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 10px;
   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;
   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 ); 
 }

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




.button {background-color: #4CAF50; 
    border: none;
    color: black;
	font-size:1.5vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	text-align:center; 
	font-family:sans-serif; 
	height:7%; 
	width:20%; 
	background-color:white;
	position:absolute; 
	opacity: 0.5; 
	border-radius:5px;
	}
	
.button {
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.button:hover {
    background-color: #7b3392 ; 
    color: white;
}

.button2 {background-color: #4CAF50; 
    border: none;
    color: black;
	font-size:1.5vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	text-align:center; 
	font-family:sans-serif; 
	height:7%; 
	width:20%; 
	background-color:white;
	position:absolute; 
	opacity: 0.5; 
	border-radius:5px;
	}
	
.button2 {
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.button2:hover {
    background-color: #94c11e ; 
    color: black;
}

.label :hover img {transform: scale(1.2); transition: all .7s ease-in-out; }



.column {
	float:right;
    width: 100%;
	height:auto;
	background-color:grey;
	padding-bottom:100px;
	font-family: sans-serif;

}

.column p {
    padding:20px;
}



.row:after {
    content: "";
    display: table;
    clear: both;
}

#kontakt{

    height: 100%; 

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;}

.infofeld {background-color:white;}

.infofeld h3 {font-size:36px; text-align:center; font-family: 'Ubuntu', sans-serif; font-weight:400;}
.infofeld p	{font-size: 18px; text-align:center; font-family: 'Ubuntu', sans-serif; font-weight:300; width:60%;margin-left:20%;}

.kontakt_layout {width:25%; margin-left:20%; margin-bottom:100px; border-radius:10px; float:left;}	
.kontakt_layout, table, .kontakt_textfeld { font-family: Verdana, Geneva, sans-serif; font-size: 13px; background-color:#94c11e;}
.kontakt_layout ul.kontakt_anfrage { list-style-type: none; margin: 0; padding: 0; }
.kontakt_layout ul.kontakt_anfrage li.kontakt_q { margin: 10px 0; padding: 10px; }
.kontakt_layout label.kontakt_label { display: block; margin: 0 0 5px 0; }
.kontakt_layout table.kontakt_antwort { width: 100%; _width: 97%; border-collapse: collapse; }
.kontakt_layout table.kontakt_antwort { vertical-align: top; }
.kontakt_layout table.kontakt_antwort td { padding: 2px; vertical-align: top; }
.kontakt_layout table.kontakt_antwort td.kontakt_a_td { width: 25px; }
.kontakt_layout .kontakt_text { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.kontakt_layout .kontakt_textfeld { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
background-color: #ffffff;
}
.kontakt_layout .kontakt_select { 
border:1px solid #CCCCCC; padding: 3px; font-size: 13px; color: #000000; margin: 0; width: 100%; _width: 97%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.kontakt_layout .kontakt_btn { 
width:20%; border: 1px solid #cccccc; cursor: pointer; font-weight: normal; font-size: 13px; padding: 6px; color: #444; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), color-stop(0.5, #FAFAFA), color-stop(0.5, #E5E5E5), to(#F9F9F9)); 
background: -moz-linear-gradient(top, #FAFAFA, #FAFAFA 50%, #E5E5E5 50%, #F9F9F9);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#E5E5E5');
}
.kontakt_layout .kontakt_btn:hover {  
background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), color-stop(0.5, #EDEDED), color-stop(0.5, #D9D9D9), to(#EDEDED)); 
background: -moz-linear-gradient(top, #EDEDED, #EDEDED 50%, #D9D9D9 50%, #EDEDED);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E3326E', endColorstr='#D9D9D9'); }


.adresse {float:left;width:80%; margin-left:10%; background-color:#94c11e; border-radius:10px;}
.adresse p {text-align:center; line-height: 1.6; margin-left:0;xpadding-left:25%; color:white;font-size: 1vw;}

#myBtn {

    position: fixed;
    bottom: 0px; 
    right: 10px;
    z-index: 99; 
    border: none;
    outline: none; 
    background-color: #94c11e; 
    color: white; 
    cursor: pointer;
    padding: 20px 15px;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s; 
}

#myBtn:hover {
    background-color: #7b3392; 
}


@media (max-width:1200px) {
    .column {
        width: 100%;
    }
	
.parallax h3 {
  margin-top:50%

    
}	

.parallax2 {
  

    height: 50%;
	background-size: contain; background-position:top;  
}	

.parallax3 {

    height: 60%; background-size: 100%; background-position:center;  
}	

.parallax4 {
  

    height: 50%; background-size: 100%; background-position:center; background-attachment:local;  
}	

.infofeld h3 {font-size:2.5vw; text-align:center; font-family:sans-serif; }
.infofeld p	{font-size: 1.5vw;text-align:center; font-family:sans-serif; }
.label p {font-size: 2vw}
.promotext {width:500px; height:auto; margin-top:20px;}
.promotext h4 {font-size: 12vw}
.promotext .button {width:100%;}
.kontakt_layout {width:80%; margin-left:10%; margin-bottom:30px; border-radius:10px;}

.adresse {width:80%; margin-left:10%; margin-bottom:100px; text-align:center;}	
.adresse p {text-align:center; line-height: 1.6;width:100%;font-size: 18px; padding-left:0;}
.adresse h3 {text-align:center; line-height: 1.6;width:100%;font-size: 18px; color:black; padding-left:0;}

}