@font-face {font-family: 'Raleway-Regular'; src: url('Raleway-Regular.ttf') format('truetype'); }
@font-face {font-family: 'CinzelDecorative-Bold'; src: url('CinzelDecorative-Bold.ttf') format('truetype'); }
@font-face {font-family: 'CinzelDecorative-Regular'; src: url('CinzelDecorative-Regular.ttf') format('truetype'); }
body{font-family:Raleway-Regular; font-size:14pt; padding:0;margin:0;}
body{
	min-height: 100vh;
	display:grid;
	grid-template-rows: auto 50px;
}

/* blau #1a3f7e*/
/* orange #f18918 */
.page-container{
    /*width:100%;margin:0 auto;max-width:1300px;*/
    z-index:10;position:relative;
               /*height:calc(100vh - 46px);*/
               margin-bottom: 20px;
               /*min-height:100vh;*/
}
#headergal{
	/*height:650px;*/
}
#acceptgoogle{
    margin:20px auto;
    padding:20px;
    width:80%;
    max-width:400px;
    background-color: #95C11F;
    cursor: pointer;
    border:1px solid black;
}
.hotline a{margin-right:20px;}
/*
.Startseite #headergal{
	height:100vh! important;
	position:fixed!important;
	z-index: 1;
}
*/
.Startseite .topmenu{
	background-color: rgba(255,255,255,1);
	width:calc(100% - 10px);
}
.bigimg25{
	width:calc(25% - 4px);
}
.Startseite #headergal #GalNavBar{
/*	position:fixed;
	height:100vh;
	width:100vw;
	z-index:99;
	background-color: rgba(4,26,76,0.7); 
	background-color: rgba(255,255,255,0.3);*/
}

.Startseite .wrapper,
.Startseite .topmenu,
.Startseite #Logo{
	/*
	z-index: 2;
	position: relative;
	text-decoration:none;
*/
}
#Logo div{display:none;}
.Startseite #Logo div{
	display:block;
	font-family:CinzelDecorative-Regular;
	font-size:25pt!important;	
}
.Startseite .HeadGalBild{
	/*
	height:100%!important;
	top:0px!important;
	*/
}
.HeadGalBild{
	
	height:100%!important;
	top:0px!important;
}
.topmenu, .topmenu a{
	//text-align: right;
	text-decoration:none;
	font-weight:bold;
	color:#1a3f7e!important;
	font-family:Raleway-Regular!important;
	font-size:14pt!important;
	width:calc(100vw - 40px);
}
.Startseite .topmenu, .Startseite .topmenu a{
	/*color:#ffffff;*/
}
.topmenu{
	display:grid;
	grid-template-columns: 50px 500px auto 500px 50px;
}
#IGM-Logo{width:300px;top:30px;position:relative;}
.wrapper{clear:both;}
.topmenu{z-index:3!important;}
.menu{background-color: #941913;display:flex;justify-content:center;font-variant: small-caps;}
.menuStartseite{
    /*display: flex;justify-content: center;align-content:space-between;flex-wrap:wrap;*/
	/*margin-top:10px;*/
}.page-container h1,.page-container .textBox,.longblock{margin:0 auto; max-width: 1300px;}
.header{width:100%;position: relative;z-index:99;border-bottom:10px solid #941913;}
.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(160,180,180, 0.7);position: absolute; width: 100%; content:  '';height: 100%;top:0px;}
*/
#Logo{width:400px;padding-top:10px;clear: both;
float:right;
/*margin-left: calc(100% - 400px);*/
display:inline-block;}
#Logo img{width:100%; max-width:500px;}
.Startseite #Logo{
	/*
	//width:100%;
	padding: 20px 0px !important;
	text-align: center;
	//background-color:#1a3f7e !important;
	//color:#ffffff;
	float:none;
	font-size:50pt !important;
	*/
	}
.pwdf{width: 100%; max-width:500px; margin: 0 auto;}
.pwdf input{width:calc(100% - 20px);display: block;font-size:18pt; margin:10px;}
.h0{height:0px}
.longblock .MakeMenu h1{
    font-size: 25pt; font-weight: normal;
    color: #95C11F;
}

.longblock .MakeMenu{
    background-color:#3C3C3B;
    width:calc(100% - 20px); height:130px;display: block;text-decoration: none;
    margin-bottom: 15px;
    padding:10px;
    border: 0px solid;
    padding-left:20px;
}

.footer{
    padding:10px 0px;
    z-index:10;
    /*margin-top:100px;*/
    /*bottom:0px;*/
    position: relative;
    width:100%;
}
.footer .wrapper{text-align: center; color:#eee;}
.footer a{color:#eee;text-decoration: none;}
.bgblau{background-color: #941913;}
.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:calc(100% - 90px);
display: none;
}
.bigimg{width:100%;padding:5px 0px;}
.textBox,h1{padding:5px;}
.btn-burger, .btn-burger::before,.btn-burger::after{
    width:50px;
    height:6px;
    background: #941913;
    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 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;
	*/
}
.MenuMainContainer a{
    text-align: left;
    text-decoration: none;   
	color:#ffffff;

}
.MenuSubBtn{display:none}
.MenuSubBtn{
	font-size: 18pt;
}
.MMCred{background-color:#ff0;}
#kontaktbox{
	background-color: #941913;
	border:1px solid #dddddd;
	position: relative;
	float: left;
	padding: 20;
	margin-top: -100px;
	margin-left: -30px;
	margin-right: 10px;
	margin-bottom: 10px;
	z-index: 99;
}
.MenuMainContainer{
	padding:15px;
	font-size: 22pt;
    text-align: left;
    text-decoration: none;   
	color:#ffffff;
 }
.content-container{
	z-index:9!important;
}
.hotline{padding-right:30px;font-family:CinzelDecorative-Regular;}


.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;}

.MenuMainBtn{display:block;}
.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%;}
.HeadGalBild{background-size: cover;background-position: center center;display:block;position: absolute;width:100%;}
.BildGal{width:100%;height:0px;overflow:hidden;position: relative;}
.GalImage{position:absolute;width:100%;height:100%;top:0px;
background-position: center center;
/*background-position: top left;*/
background-repeat: no-repeat;
/*background-size: 100%*/
}
.teil{top:0px;height:100%;position: absolute; background-position: top left;transform: rotate(0deg) scale(1, 1);}
.StyleChooseLink{color:#fff;margin:20px;padding:20px;display:inline-block;margin-top:0px;padding-top:0px;}
.zoomfile{cursor:pointer;}
#zoom{position:fixed;top:0px;left:0px;height:100vh;width:100vw;display:none;background-color:rgba(255,255,255,0.8);z-index:100}
.close{position: absolute;
font-size: 20pt;
color: #ffffff;
background-color: #ff0000;
cursor: pointer;
text-align: center;
font-weight: bold;
z-index: 103;
padding: 10px;
right: 30px;}
#zoomimage{width:100vw;height:100vh;overflow:hidden;background-size:contain;background-repeat:no-repeat;z-index:101;background-position:center center;}
#zoomnext, #zoomprev{position:absolute; width:75px;z-index:102;background-color:rgba(26,63,126,0.3);top:0px;height:100vh;color:#ffffff;cursor:pointer;background-repeat:no-repeat;background-size: 100% 100%;}
#zoomnext:hover, #zoomprev:hover{background-color:rgba(26,63,126,0.9);}
#zoomprev{left:0px;background-image:url('prev.svg')}
#zoomnext{right:0px;background-image:url('next.svg')}
@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){
	.topmenu{font-size:12pt;}
    .h0,.wellen{display:none}
    .menu a{width:100%; margin: 5px 0px 0px 0px;display: none;}
    /*.Startseite .menu a{display:block;}*/
	.menu{margin:30px 0px;}
    .menu{display:block}
    .burger{display: flex;}
    /*.Startseite .burger{display:none;}*/
    #Logo{width:calc(100% - 20px);padding-top: 0px;display:block;margin:0 auto;}

    .Startseite #Logo{padding-top:0px}
    .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: none;
    }
    .bshow{display:block !important;}
	#headergal{
		height:300px;
	}	
}
@media(max-width:400px){
	#headergal{
		height:180px;
	}		
	.hotline{padding-right:0px;display:block;}
	.topmenu{font-size:10pt;}
    .h0,.wellen{display:none}
    .menu a{width:100%; margin: 5px 0px 0px 0px;display: none; padding:0px;}
    /*.Startseite .menu a{display:block;}*/
    .menu{margin:30px 0px;}
    .menu{display:block}
    .burger{display: flex;}
    /*.Startseite .burger{display:none;}*/
    #Logo{width:calc(100% - 20px);padding-top: 0px;display:block;margin:0 auto;}
    /*.Startseite #Logo{padding-top:0px; margin: 5px;width:calc(100% - 20px); font-size:30pt;}*/
    .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: none;
    }*/
    .bshow{display:block !important;}
}