@font-face {font-family: 'Raleway-Regular'; src: url('Raleway-Regular.ttf') format('truetype'); }
@font-face {font-family: 'Frijole-Regular'; src: url('Frijole-Regular.ttf') format('truetype'); }
body{font-family:Raleway-Regular; font-size:14pt; padding:0;margin:0;background-color:#33a8db;}
.page-container{
    /*width:100%;margin:0 auto;max-width:1300px;*/
    z-index:10;position:relative;
               /*height:calc(100vh - 46px);*/
               margin-bottom: 20px;
               min-height:calc(100vh - 90px);
}
.header,.page-container h1,.page-container .textBox,.longblock{margin:0 auto; max-width: 1300px;}
.header{width:100%;position: relative;z-index:99}
.page-container h1,.page-container .textBox,.longblock{width:calc(100% - 10px);}
.page-container:first-of-type{min-height: auto;margin-bottom: 0px;padding-bottom: 30px;}
.page-container:first-of-type::before{min-height: auto;
    background-image: url(bg.jpg);
    background-position: center center;
    background-size: cover;
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    filter: blur(4px);
}
.page-container:first-of-type::after{min-height: auto;background-color:rgba(0,0,0, 0.5);position: absolute; width: 100%; content:  '';height: 100%;top:0px;}

#Logo{padding-top:10px;clear: both;margin-left: calc(100% - 400px);display:inline-block;text-decoration:none;font-family:Frijole-Regular;color:#95C11F;font-size:20pt;}
.Startseite #Logo{padding-top:50px;font-size:40pt;margin:0 auto;display:block;text-align:center;color:#444444;}
#Logo:hover{
	color:#ffffff;
}
.pwdf{width: 100%; max-width:500px; margin: 0 auto;}
.pwdf input{width:calc(100% - 20px);display: block;font-size:18pt; margin:10px;}
.wasser{z-index:1;}
.wasser{background-image: url(bg.jpg);height:100vh;width:100%;background-size:cover;position:fixed;top:0px;left:0px;background-position:right;}
.wellen{position:fixed;top:0px;left:0px;width:100%;height:100%;background-image: url(bg.png);background-size:cover;filter:url('#turbulence');background-position:right;}
.h0{height:0px}

.longblock .MakeMenu{
    color: #95C11F;font-size: 25pt;
}
.longblock .MakeMenu:hover{
    color: #FFFFFF;
}
#FooterLogo{width:100px;position:absolute;top:-110px;left:-100px;}
.longblock .MakeMenu{
    background-color:#3C3C3B;
    width:calc(100% - 40px); display: block;text-decoration: none;
    margin-bottom: 15px;
    padding:10px;
    border: 0px solid;
    padding-left:20px;
	font-family:Frijole-Regular;
}

.footer{
    padding:10px 0px;
    z-index:10;
    /*margin-top:100px;*/
    /*bottom:0px;*/
    position: relative;
    width:100%;
	min-height:50px;
}
.footer .wrapper{text-align: center;}
.footer a{color:#111;text-decoration: none;}
.bggreen{background-color: #95C11F;}
.burger{width:80px;height: 80px; position: relative;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .5s ease-in-out;
position: sticky;
z-index: 12;
top:10px;
left:10px;
display: none;
}
.btnlink{
	padding:10px;background:#444444;text-decoration:none;color:#ffffff;
}
.btnlink:hover{
	color:#95C11F;
}
.bigimg100,.bigimg{width:100%;padding:5px 0px;}
.bigimg25{width:calc(25% - 10px);padding:5px 0px;}

.textBox,h1{padding:5px;}
.btn-burger, .btn-burger::before,.btn-burger::after{
    width:50px;
    height:6px;
    background: #95C11F;
    border-radius: 5px;
    border-color: #eeeeee;
    border-style: solid;
    transition: all .5s ease-in-out;
}
.btn-burger::before, .btn-burger::after{
    content: '';
    position: absolute;
}
.btn-burger::before{transform: translate(-3px, -22px);}
.btn-burger::after{transform: translate(-3px, +16px);}
.burger.open .btn-burger{
    transform: translateX(-50px);
    background: transparent;
    border-color: transparent;
}
.burger.open .btn-burger::before{transform: rotate(45deg) translate(35px, -35px);}
.burger.open .btn-burger::after{transform: rotate(-45deg) translate(35px, 35px);}


.menuStartseite{
    display: flex;justify-content: space-around;align-content:center;flex-wrap:wrap;margin-top:100px;background-color:rgba(0,0,0,0.5);padding:20px;
}
.menuStartseite a{
	color:#ffffff;
	font-family:Frijole-Regular;
	padding:5px;
	text-decoration:none;
	font-size:20pt;
}
.menuStartseite a:hover, .menu a:hover{
	color:#95C11F;
}
.menu a{
	color:#fff;
	font-family:Frijole-Regular;
	padding:5px 10px;
	text-decoration:none;	
	}
/*
.menuStartseite a, .longblock .MakeMenu{
    border:0px solid #95C11F;
    -webkit-border-top-left-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    -moz-border-radius-topleft: 80px;
    -moz-border-radius-bottomright: 80px;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    overflow: hidden;
}

.menu a{
    width: calc(33% - 40px);
    margin:5px;
    padding:15px;
    /*height: 170px;*//*
    background-color: #95C11F;
    text-align: center;
    text-decoration: none;
    /*vertical-align: bottom;*//*
    color:#111;
    display: inline-block;
    /*background-image: none;*//*
    position: relative;
               border:0px solid #95C11F;
-webkit-border-top-left-radius: 80px;
-webkit-border-bottom-right-radius: 80px;
-moz-border-radius-topleft: 80px;
-moz-border-radius-bottomright: 80px;
border-top-left-radius: 80px;
border-bottom-right-radius: 80px    
}
.menu a:hover{
    color:#95C11F;
    border:0px solid #3C3C3B;
    background-color: #3C3C3B;

}
*/
.footer .wrapper{display: flex;align-items: center;align-content: space-between;justify-content:space-around;flex-wrap:wrap}
.footer .wrapper span, .footer .wrapper a{display: inline;padding:0px 10px;}
.naviToernplanungen{}
.naviToernberichte{}
.navitools_zur_Toernvorbereitung{}
/*
.menuStartseite a span{position: absolute;
                      margin-top:100px;
                      /*bottom:0px;*//*
                      display: block;z-index: 15;text-align: center;padding:8px 0px;width:100%;background-color:#95C11F;transition: all 0.2s ease-in-out;}
.menu a span{z-index: 15;position: relative;}
.menuStartseite a{
    background-size: cover;background-position: center center; position: relative;
-webkit-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.75);
height:170px;
width: calc(33% - 10px);
padding:0px;
}
.menuStartseite a:hover{
    color:#111;
}
.menuStartseite a .cover{
    position: absolute;width:100%;height:100%;background-color: rgba(255,255,255,0.5)!important;
}
.menuStartseite a .cover:hover{background-color: rgba(255,255,255,0.1)!important;}
/*.menuStartseite a:hover span{
    margin-top: 0px;
    bottom:auto;
    top:0px;
}*//*
.menu a .cover{position: absolute;width:100%;height:100%;
      /*background-color: #95C11F;*/ /*
      top:0px;left:0px;z-index:12;;}
/*.menu a .cover:hover{
    background-color: #3C3C3B;
    border:0px solid #3C3C3B;
    color:#95C11F;
}
.menu a span:hover{
    color:#95C11F;     
}
.menu a span:hover .cover{
    background-color: #3C3C3B;
    border:0px solid #3C3C3B;
    color:#95C11F;    
}*/
#headergal{overflow: hidden;position: relative;top:0px;left:0px;width:100%;margin-bottom: 30px;}
.HeadGalBild{background-size: cover;background-position: center center;display:block;position: absolute;width:100%;}
@media(max-width:1350px){#wrapper img{padding-top:5px;}#wrapper{padding:15px;width:calc(100% - 30px);}}

@media(min-width:800px){
    .menuStartseite a:hover span{margin-top: 0px;}
}

@media(max-width:800px){
    .h0,.wellen{display:none}
    .menu a{width:calc(100% - 20px); margin: 5px 0px 0px 0px;display: none;}
    .Startseite .menu .a{display:block}
    .menuStartseite{margin-top:20px;}
    .menu{display:block}
    .burger{display: flex;}
    .Startseite .burger{display:none;}

    .footer{min-height: 60px;display: block;margin-top:100px}
    .footer .wrapper{display: block;}
    .footer .wrapper a,.footer .wrapper span{display: block;}
    .menuStartseite a{
        -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    display: inline-block;
    }
    .bshow{display:block !important;}
}
@media(max-width:470px){
	.Startseite #Logo{font-size:25pt;}
	#Logo{margin: 0 auto;text-align: center;display: block;}
	.longblock .MakeMenu{font-size:15pt}
}
@media(max-width:300px){
	.Startseite #Logo{font-size:15pt;}
}
@media(max-width:250px){
	#Logo{font-size:15pt;}
	.longblock .MakeMenu{font-size:13pt}
}