.up {
	margin-top: -40px;
    }



@media only screen and (max-width: 1250px) { 

body {font-size:20px;line-height:30px;

   
}

.links {
		text-align:left;
        }

#foot_mobile {
		display: block;
		
	}

	#foot_desktop {
		display: none;
		
	}

	#Header h1 {
		padding:20px;
		font-size:30px;
	}
	#Header {
background-image: url("/images/hg/redner-mobil.jpg");
		min-height: 18vw;
		padding: 386px  0 0vw;

	}
	
	.content > div {
		margin:5px;
		width:100%;
		padding:20px;
	    box-sizing: border-box;
		text-align:left;
	} 
	.content img {
		width:100%;
		
		
	}
	.content {
		    padding: 0;
		
	}
	.content>div:last-of-type {
		text-align: left;
	}
	.footerWrapper {
		display:block
	}
	.footerSection {
		width:100%;
		margin:0;
		
		
		}
		
		.footerSection:last-of-type {
			
			width:100%;
			margin:0;
			    justify-content: right;
				display:block;
		}
		.footerSection:last-of-type #myBtn {
			float:right
			
		}
		
		.col1323>div {
    width:100% !important;
}
		
		
	h1 {
	font-size:26px;
	}
	h2 {
		font-size:24px;
	}
	h3 {
		font-size:20px;
	}
	h4 {
		font-size:20px;
	}
	
	
	#NaviWrapper {
    position: absolute;
    background: transparent;
    width: 100%;
			 -webkit-transition: all 1s; 
    transition: all 1s;
	}

	#NaviWrapper .navi {
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.LogoWrapper, #NaviWrapper .NaviLinks {
		float: left;
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}

	#NaviWrapper .NaviLink {
		float: left;
		width: 100%;
		background: #aaa;
		margin-bottom: 2px;
	}

	#NaviWrapper .naviDeko {
		display: none;
	}

	
	
	#NaviWrapper .NaviLinks {
		height:0px;
		 -webkit-transition: all 1s; 
    transition: all 1s;
	}
	
	#NaviWrapper .mobileToggle {
		
		height:1000px;
		 -webkit-transition: all 1s;
    transition: all 1s;
	}
	
	#NaviWrapperFixed {
		display:none;
	}
	
	#NaviWrapper .MobileMenu {
		
		display:block;
		content: "\f0c9";
		float: left;
		width: 100%;
		background: transparent;
		margin-bottom: 2px;
		text-decoration: none;
	
			font-weight: 900;
		color: white;
		font-size: 18px;
		padding: 0px;
		box-sizing:border-box;
		text-align:right;
		margin-top:-38px;
		    margin-bottom: 41px;
	
	}
	.nodesktop {display:block}
	.nomobile {display:none}
.naviVertical {width:100%}

	.naviVertical .NaviLinks {

    width: 100%;
}

.footerSection {margin-bottom:20px}
.naviVertical {    overflow: hidden;}
.naviVertical  .NaviLink a {font-size:20px;}
.LogoWrapper img {height:auto;width:320px;}




.ref_logos img {
	margin:20px 15%;
	width:20%;
	float:none;
}

.fa-angle-down {margin:20px;}

h1,h2 {text-align:left}
section p {text-align:left}



.content {display:block;    overflow: hidden;}


/*#Header::before {

  background-image: url("/images/hg/publikum-hochkant2.jpg");

  -webkit-transform: translateZ(-1px) scale(1);

  transform: translateZ(-1px) scale(1);

}*/

#BodyCanvas {
	  -webkit-perspective: none ; 
     perspective: none ; 
	
}

}

.up {
	margin-top: -40px;
    }

@media only screen and (max-width: 400px) { 
.LogoWrapper img {height:auto;width:250px;}
}

.NaviLink {
	margin-bottom: 5px;
    }

@media only screen and (min-width: 1250px) {
html {
 
    font-size: 16pt;
}
#popup button {
    margin-bottom: 5px;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 5px;
}


#foot_mobile {
		display: none;
		
	}

	#foot_desktop {
		display: block;
		    font-size: 30px;
    line-height: 36px;
		
	}

/*#Header::before {

  background-image: url("/images/hg/2000_comediandrwegmann.jpg");

}*/
.content div:nth-of-type(1), .content div:nth-of-type(1) p, .content div:nth-of-type(1) text-align:left;

.rmButton {
	
	text-align:right;
	
}
.content div:nth-of-type(2), .content div:nth-of-type(2) p, .content div:nth-of-type(2)  .rmButton{
	
	text-align:left;
	
}
.title_btn {
width: 600px;}

.title_btn img {
    height: 35px;
    vertical-align: text-bottom;
}
/*
#Header::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
	display: block;
	background-color: hsl(60, 10%, 10%);

  background-size: cover;
  -webkit-transform-origin: center center 0;
  -webkit-transform: translateZ(-1px) scale(1);
  transform-origin: center center 0;
  transform: translateZ(-1px) scale(1);
  z-index: -1;
 min-height: 100vh;
}*/

#BodyCanvas {
	  -webkit-perspective: none ; 
     perspective: none ; 
	
}

.NaviLink a {
 
 
    font-size: 16px;
    padding: 10px 10px;
}
#ratehead {font-size: 16pt;padding:15px;}
div.ref_logos {
	
	width:100%;
	
}

#popup {padding:20px;}


.ref_logos img {
      margin: 30px 41px;
    width: 10%;
    float: none;
}


#popup button, #close_video {
    border-radius: 15px;
    line-height: 14px;
    cursor: pointer;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#444;
     -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

#popup button:hover, #close_video:hover {
    background: #888;
color:#fff;
     -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

#popup button img {
    display: inline;
    height: 15px;
    width: auto;
}

#popup {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#323232+0,000000+100&0.77+0,0.85+100 */
background: -moz-linear-gradient(-45deg, rgba(50,50,50,0.77) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(50,50,50,0.77) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(50,50,50,0.77) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4323232', endColorstr='#d9000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.col11>div {
	width:100%;
	    margin: 30px;
    
	}

.left .rmButton {text-align:left !important;}
.right .rmButton {text-align:right !important;}
.center .rmButton {text-align:center !important;}

.col12>div {
	width: calc(50% - 60px);
	 margin: 30px;
	}

.col13>div {
	width: calc(33% - 60px);
	 margin: 30px;
	}


.col14>div {
	width: calc(25% - 60px);
	 margin: 30px;
	}
	
	
	.rating>div:nth-of-type(1) {width:34%;float:left;margin:0}
	.rating>div:nth-of-type(2) {width:66%;float:left;margin:0}
	
	
	


	}
	
	body .bigimage {
    margin: 30px;
    padding: 0;
}
	/*body .bigimage img {width:100%;}*/
	
	
.cc-deny {display:none !important}

@media only screen and (max-height: 640px) {
  body {    
    font-size: 18px;    
    line-height: 18px;
  }
  .navi {    
    padding: 10px;
  }
  .NaviLink {    
    margin-right: 0px;    
    padding: 14px 0;    
    color: white;
  }
  
  .NaviLink {
	margin-bottom: 5px;
    }
}



#head3img img {
width:100%;
margin-bottom:0;
float:left;
    
}
#head3img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: auto;
    overflow: hidden;
}

.head3imgT, .head3imgL {

  position: absolute;
  width:100%;
  margin-top:-500px;
  z-index: 10;
}

.head3imgL {

 margin-top:-300px;
display: flex;
justify-content: center; /* align horizontal */
 align-items: center; /* align vertical */
}

.head3imgL img {

 margin:0 auto;
 margin:10px;
 text-align:center;

}


@media only screen and (max-width: 1490px) {
  .head3imgT, .head3imgL {

  position: absolute;
  width:100%;
  margin-top:-340px !important;
  z-index: 10;
}

.head3imgL {
  margin-top:-167px !important;
  display: flex;
  justify-content: center; 
  align-items: center; 
}

}

@media only screen and (max-width: 1240px) {
  .head3imgT, .head3imgL {

  position: absolute;
  width:100%;
  margin-top:-300px !important;
  z-index: 10;
}

.head3imgL {
  margin-top:-100px !important;
  display: flex;
  justify-content: center; 
  align-items: center; 
}

.head3imgL img {
  width:40px;
 margin:0 auto;
 margin:10px;
 text-align:center;

}

}


@media only screen and (max-width: 1020px) {
  .head3imgT, .head3imgL {

  position: absolute;
  width:100%;
  margin-top:-27% !important;
  z-index: 10;
}

.head3imgL {
  margin-top:-08% !important;
  display: flex;
  justify-content: center; 
  align-items: center; 
}

.head3imgL img {
  width:40px;
 margin:0 auto;
 margin:10px;
 text-align:center;

}

}

@media only screen and (max-width: 900px) {
  .head3imgT, .head3imgL {

  position: absolute;
  width:100%;
  margin-top:-300px !important;
  z-index: 10;
}

.head3imgL {
  margin-top:-100px !important;
  display: flex;
  justify-content: center; 
  align-items: center; 
}


#head3img img:nth-of-type(1) {
  height:90px;
  width:1100px !important;
}
#head3img img:nth-of-type(2) {
  height:154px;
  width:1100px !important;
}
#head3img img:nth-of-type(3) {
  height:178px;
  width:1100px !important;
}

#head3img  {
  height:422px !important;

  width:100% !important;

}


}


.header3pcdesktop {
	display:block;
}
.header3pcmobile {
	display:none;
	
}

.NaviLink {
	margin-bottom: 5px;
    }
@media only screen and (max-width: 464px) {
	.header3pcdesktop {
		display:none !important;		
	}
	.header3pcmobile {
		display:block !important;		
	}
.NaviLink {
	margin-bottom: 5px;
    }
}



@media only screen and (max-width: 464px) {
.header3pcmobile #head3img img:nth-of-type(1) {
    height: 128px;
    width: 464px !important;
}

.header3pcmobile #head3img img:nth-of-type(2) {
    height: 274px;
    width: 464px !important;
}

.header3pcmobile #head3img img:nth-of-type(3) {
    height: 401px;
    width: 464px !important;
}

.NaviLink {
	margin-bottom: 5px;
    }
}


@media only screen and (max-width: 1250px) {
h1 {
    font-size: 26px;
	line-height:35px;
}
}