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


@media only screen and (max-width: 1250px) {
	.image-caption {
		margin-top: 32px;
		padding-left: 38px;
		font-size: 15px;
	}

	.image-caption::before {
		width: 26px;
	}
}


/* Design-Test 2026: Textblöcke auf kleinen Bildschirmen. */
@media only screen and (max-width: 1250px) {
	.content > .copy-column {
		max-width: none;
	}

	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h1 {
		font-size: 27px;
	}

	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h2 {
		font-size: 25px;
	}

	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h3 {
		font-size: 23px;
	}

	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h1,
	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h2,
	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h3 {
		margin-bottom: 20px;
	}

	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h1::before,
	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h2::before,
	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) > h3::before {
		width: 40px;
		height: 3px;
		margin-bottom: 13px;
	}

	.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) p {
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 14px;
	}
}


/* Design-Test 2026: kompaktere Kundenstimmen auf kleinen Bildschirmen. */
@media only screen and (max-width: 1250px) {
	.rating p {
		padding: 24px 24px 22px 50px;
		border-radius: 16px;
	}

	.rating p::before {
		top: 10px;
		left: 17px;
		font-size: 44px;
	}
}


/* Design-Test 2026: Vorteils-Liste auf kleinen Bildschirmen. */
@media only screen and (max-width: 1250px) {
	.benefit-list {
		gap: 10px;
	}

	.benefit-list li {
		padding-left: 36px;
		font-size: 18px;
		line-height: 1.45;
	}

	.benefit-list li::before {
		width: 24px;
		height: 24px;
		font-size: 16px;
		line-height: 24px;
	}
}


/* Design-Test 2026: lange Textabschnitte mobil. */
@media only screen and (max-width: 1250px) {
	.content.long-copy-layout {
		display: flex;
		flex-direction: column;
	}

	.long-copy-layout > .long-copy-summary {
		order: 1;
	}

	.long-copy-layout > .long-copy-media {
		order: 2;
	}

	.long-copy-layout > .long-copy-detail {
		order: 3;
		width: auto;
		max-width: none;
		margin: 4px 25px 24px;
		padding-top: 22px;
	}

	.price-tiers li {
		grid-template-columns: 180px minmax(0, 1fr);
		padding: 8px 2px;
		font-size: 16px;
	}

	.long-copy-detail p {
		font-size: 18px;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 560px) {
	.price-tiers li {
		grid-template-columns: 1fr;
		gap: 3px;
		padding: 7px 0;
	}

	.price-tiers li strong {
		white-space: normal;
	}

	.long-copy-layout > .long-copy-detail {
		margin-right: 25px;
		margin-left: 25px;
	}
}


/* Design-Test 2026: moderner Footer responsiv. */
@media only screen and (max-width: 1250px) {
	#Footer.footer-2026 {
		padding: 40px 24px 90px;
	}

	#Footer.footer-2026 .footerWrapper {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	#Footer.footer-2026 .footerSection {
		width: auto;
		margin: 0;
		padding: 24px;
	}

	#Footer.footer-2026 .footer_3,
	#Footer.footer-2026 .footer_4 {
		grid-column: 1 / -1;
	}

	#Footer.footer-2026 .footerSection:last-of-type {
		display: flex;
		width: auto;
		justify-content: flex-end;
		padding: 0;
	}
}

@media only screen and (max-width: 720px) {
	#Footer.footer-2026 {
		padding: 34px 18px 86px;
	}

	#Footer.footer-2026 .footerWrapper {
		grid-template-columns: 1fr;
	}

	#Footer.footer-2026 .footer_3,
	#Footer.footer-2026 .footer_4 {
		grid-column: auto;
	}

	#Footer.footer-2026 .footerSection {
		padding: 22px;
	}

	#Footer.footer-2026 .footerSection h3 {
		font-size: 22px;
	}

	#Footer.footer-2026 .footerBrandLogo {
		max-width: 260px;
	}
}
/* Musterseite 2026: Galerieraster responsiv. */
@media only screen and (max-width: 1250px) {
	.content.gallery-2026 > .gallery-2026-inner {
		width: 100%;
		margin: 5px;
	}

	.gallery-2026-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.gallery-2026-grid figure,
	.gallery-2026-grid figure:nth-child(n+4) {
		grid-column: auto;
	}

	.gallery-2026-grid figure:last-child {
		grid-column: 1 / -1;
	}
}

@media only screen and (max-width: 640px) {
	.gallery-2026-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.gallery-2026-grid figure:last-child {
		grid-column: auto;
	}

	.gallery-2026-grid figure {
		box-shadow: 8px 11px 15px rgba(15, 23, 42, 0.26);
	}
}
/* Musterseite 2026: Kino-Header responsiv. */
@media only screen and (max-width: 900px) {
	.hero-2026 > .hero-2026-media,
	.hero-2026 > .hero-2026-media img {
		height: auto !important;
	}

	.hero-2026 > .hero-2026-copy {
		bottom: 154px;
	}

	.hero-2026 .slogan {
		font-size: clamp(30px, 6.5vw, 46px);
	}

	.hero-2026 > .hero-2026-logos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 9px;
		width: calc(100% - 36px);
		padding: 11px;
		margin-top: -26px !important;
	}

	.hero-2026 > .hero-2026-logos img {
		width: 100%;
		height: 48px;
		margin: 0;
		padding: 7px 9px;
	}
}

@media only screen and (max-width: 464px) {
	.hero-2026 {
		padding-bottom: 28px;
		margin-bottom: 24px;
	}

	.hero-2026 > .hero-2026-media {
		border-radius: 0 0 22px 22px;
		box-shadow: 0 14px 22px rgba(15, 23, 42, 0.32);
	}

	.hero-2026-mobile > .hero-2026-media img {
		width: 100% !important;
		height: auto !important;
	}

	.hero-2026 > .hero-2026-copy {
		bottom: 142px;
		width: calc(100% - 32px);
	}

	.hero-2026 .slogan {
		margin-bottom: 14px;
		font-size: clamp(28px, 9.5vw, 40px);
		line-height: 1.08;
	}

	.hero-2026 .title_btn {
		padding: 11px 17px;
		font-size: 16px;
	}

	.hero-2026 .title_btn img {
		height: 18px;
	}

	.hero-2026 > .hero-2026-logos {
		width: calc(100% - 24px);
		gap: 7px;
		padding: 9px;
		margin-top: -20px !important;
		border-radius: 14px;
	}

	.hero-2026 > .hero-2026-logos img {
		height: 42px;
		padding: 6px 7px;
		border-radius: 8px;
	}
}
/* Musterseite 2026: Vergleichsvariante ohne Logo-Leiste. */
@media only screen and (max-width: 900px) {
	.hero-2026 > .hero-2026-copy {
		bottom: 26px;
	}
}

@media only screen and (max-width: 464px) {
	.hero-2026 {
		padding-bottom: 0;
	}

	.hero-2026 > .hero-2026-copy {
		bottom: 24px;
	}
}
/* Scroll-Reveal 2026: auf kleinen Bildschirmen kürzerer Weg. */
@media only screen and (max-width: 640px) {
	html.reveal-2026-ready section.content.reveal-2026 {
		transform: translate3d(0, 100px, 0);
	}

	html.reveal-2026-ready section.content.reveal-2026.is-visible {
		transform: translate3d(0, 0, 0);
	}
}