html {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/* height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;*/
}

body {
	margin:0;
  padding:0;
  
    height: 100%;

	
}

a {
	
	
}

#BodyCanvas {
	 margin:0;
  padding:0;
	-webkit-perspective: 1px;
	perspective: 1px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

#BodyCanvas:after {
	content:'';
	width:100%;
	height:150px;
	 position: absolute;
  top: 0;
  left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/* Header */
#Header {
	box-sizing: border-box;
	min-height: 18vw;
	padding: 16vw 0 0vw;
	position: relative;

	width: 100vw;
  background-image: url("/images/hg/2000-redner-ki.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

#Header h1 {
	text-align:left;
	color:white;
	margin:0;
	font-size:56px;text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	
}


#Header>div{
	max-width:1250px;
	margin:0 auto;
}


#Header hr {
	width:50%;
	text-align:left;
	margin:0;
	margin-top:10px;
}

/* #Header::before {

  content: "";
   bottom: 0;
   
  left: 0;
  
  right: 0;
  top: 0;
	display: block;
	background-color: hsl(60, 10%, 10%);
  background-image: url("https://www.comedian-dr-wegmann.de/img/home-slider/comedian-5.jpg");
  background-size: cover;
  -webkit-transform-origin: center center 0;
  -webkit-transform: translateZ(-1px) scale(2);
  transform-origin: center center 0;
  transform: translateZ(-1px) scale(2);
  z-index: -1;
 min-height: 100vh;
}*/

/* Navi */
#NaviWrapper, #NaviWrapperFixed {
	width:100%;
	position: absolute;
	z-index: 10;
	visibility: visible;
	opacity: 1;
}

#NaviWrapperFixed.invisible, #NaviWrapper.invisible {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.1s, opacity 0.1s linear;
}

#NaviWrapperFixed  {
	position:fixed;
	width:100%;
	display: flex;
	background:rgba(255,255,255,0.75);
	top:0;
	left:0;
	transition: visibility 1s, opacity 0.5s linear;
	margin-right:10px;
}

#NaviWrapperFixed a {
	color: #444;
	
}

.navi {
	width:1250px;
	display: flex;
	margin:0 auto;
	padding:20px;
	box-sizing:border-box;
	justify-content: space-between;
}

.LogoWrapper {
	float:left;;
}

.LogoWrapper img {
	height:60px
}

.NaviLinks {
	width:auto;
	display: flex;
	float:right;
}

.NaviLink {
	margin-right:0px;
	padding: 20px 0;
	color:white;
}

.NaviLink a {
	text-decoration:none;
	color:white;
	font-size:18px;
	padding: 10px 15px;
}

.promoLink {
	
	
}

.NaviLink .noPad {
	padding:0 5px;
	
}

.content {
background-color: hsl(60, 10%, 10%);
  color:white;
  max-width: 1250px;
  padding: 75px calc(50% - 625px) 75px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: row wrap;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0e0e+0,7d7e7d+100&0+0,1+21 */
background: -moz-linear-gradient(top, rgba(14,14,14,0) 0%, rgba(37,38,37,1) 31%, rgba(125,126,125,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(14,14,14,0) 0%,rgba(37,38,37,1) 31%,rgba(125,126,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(14,14,14,0) 0%,rgba(37,38,37,1) 31%,rgba(125,126,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
	align-items: center;
  justify-content: center;
  
}
.content.fullheight {
	
	min-height: 100vh;
}

.rmButton {
	cursor:pointer;
}

.bright a {
	color:#871321;
	
}
.promoLink
{
overflow: hidden;
    display: inline;
}

.content.bright {
	
	color:#444;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.content.dark {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */}



.content.blue {
	
	color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e90cb+0,7db9e8+100 */
background: rgb(94,144,203); /* Old browsers */
background: -moz-linear-gradient(top, rgba(94,144,203,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(94,144,203,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(94,144,203,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e90cb', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f2a58+0,7f5fa5+100 */
background: #3f2a58; /* Old browsers */
background: -moz-linear-gradient(top, #3f2a58 0%, #7f5fa5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f2a58 0%,#7f5fa5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f2a58 0%,#7f5fa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f2a58', endColorstr='#7f5fa5',GradientType=0 ); /* IE6-9 */

	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce2928+0,ea4d50+100 */
background: rgb(206,41,40); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(206,41,40,1) 0%, rgba(234,77,80,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(206,41,40,1) 0%,rgba(234,77,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(206,41,40,1) 0%,rgba(234,77,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce2928', endColorstr='#ea4d50',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#871321+0,b23945+100 */
background: rgb(135,19,33); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(135,19,33,1) 0%, rgba(178,57,69,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(135,19,33,1) 0%,rgba(178,57,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(135,19,33,1) 0%,rgba(178,57,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#871321', endColorstr='#b23945',GradientType=0 ); /* IE6-9 */


}

.content.red {
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce2928+0,ea4d50+100 */
background: rgb(206,41,40); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(206,41,40,1) 0%, rgba(234,77,80,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(206,41,40,1) 0%,rgba(234,77,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(206,41,40,1) 0%,rgba(234,77,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce2928', endColorstr='#ea4d50',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

.content.violet {
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f5fa5+0,3f2a58+100 */
background: rgb(127,95,165); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(127,95,165,1) 0%, rgba(63,42,88,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(127,95,165,1) 0%,rgba(63,42,88,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(127,95,165,1) 0%,rgba(63,42,88,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5fa5', endColorstr='#3f2a58',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
}


.content>div:last-of-type {
	    text-align: left;
	
}

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

.blinking {
	cursor:pointer;
	font-size:30px;
	
}


/* Footer */
#Footer {
	    overflow: hidden;
	padding:20px;
	background-color:#eee;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
margin-bottom:60px;
}
.footerWrapper {
	max-width:1250px;
	margin:0 auto;
	display: flex;
	flex-direction:row;
}
.footerSection {
	width:30%;
flex:1 1 auto; margin:10px;
color:#444}

.footerSection:last-of-type {
	width:10%;
	display: flex;
  align-items: center;
  justify-content: center;
	
}


.footerSection h3 {
	 color:#444	
}
.footerSection h3:after {
	width:100px;
	height:1px;
	background:#aaa; 
	content: "";
     display: block;
	 margin-top:5px;
	
	
}

.naviVertical {}
.naviVertical .NaviLinks {
	display:block;	
	float:left;
}

.naviVertical .NaviLink {

	margin-right: 0px;
    padding: 5px 0;
    color: white;
}
.naviVertical .NaviLink a{
	color:black;
	padding:0;
	font-size:16px;
	
}

.naviVertical .NaviLink a:before{
	
	  content: "\1F517";
     display: block;
	 float:left;
	font-weight: 900;
	font-size:10px;
	margin-top:4px;
	margin-right:10px;
}
.naviDeko {
	
	
}
.naviVertical .naviDeko {
	display:none;
	
}





html {
	font-family: Arial;
	font-size:24pt;
}

h1, h2, h3, h4 {
	font-family: Arial;	
	font-weight:bold;
    
	
}


h1 {
	font-size:36px;
}
h2 {
	font-size:30px;
}
h3 {
	font-size:26px;
}
h4 {
	font-size:16px;
}

strong {
	font-family: Arial;	
	font-weight:bold;
}

form {
	
	
	
}
form input, form label {
	    width: 50%;
    float: left;
    box-sizing: border-box;
    margin: 0;
}
form textarea, input[type=submit] {
	width:100%;
	
}
.dse_chkbox>span  {margin:0}
/* Animation */

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);



  }
  40% {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
   
    transform: translateY(-8px);

  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);

  }
}


i.blinking {
display:block;
top:0;

   /* -moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;*/

}

.MobileMenu {display:none}
.contactform {
		width:100%;
		box-sizing:border-box;
		padding:10px;
		position:fixed;
		bottom:0;
		background:rgba(135,19,33,0.82);
		color:white;
		height: auto;
		left:0;
		right:0;
		z-index:100000;
text-align:center;
	
}



	


.contactform a {
	border:0;

	color:white;

	font-size:30px;
	line-height:120%;
	text-decoration:none;
	padding:10px;
	font-weight:bold;
	
	
}


.contactform input[type=submit], button {
	border:0;
	background:#444;
	color:white;
	padding:20px;
	font-size:20px;
	width:100%;
	
	font-weight:bold;
	
	
}

.cf_button {}
.cf_content {}


.title_btn {
	width:350px;
	margin:0 auto;
	margin-bottom:10px;
	display:block;
	background:rgba(0,0,0,0.4);
	text-align:center;
	line-height:35px; 
	vertical-align: text-bottom;
	border-radius:15px;
}

.title_btn img {

	height:20px; vertical-align: text-bottom;
}

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

.rating p {
	background:white;
	color:black;
	padding:20px;
	border-radius:20px;
	position: relative;
	
}
.rating p:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left-color: white;
	border-right: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-right: -20px;
}

.rating > div {
	width:100%;
	
}

.blue a,.blue .rmButton,.violet .rmButton,.red .rmButton {color:white}

#Header h1 {
	border-bottom:1px solid #fff;
	
}


.nodesktop {display:none}

.nomobile, .sowie {display:block}

.slogan {
		text-align:left;
	color:white;
	margin:0;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
		
	letter-spacing:1px;
	text-transform:uppercase;
	    padding: 20px;
    font-size: 33px;
	line-height: 43px;
	    border-bottom: 0px solid #fff;    display: block;
		margin-bottom:0px;
		text-align:center
}
.slogan1 {
		text-align:left;
	color:white;
	margin:0;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
		
	letter-spacing:1px;
	text-transform:uppercase;
	    padding: 20px 20px 0px 20px;
    font-size: 33px;
	line-height: 43px;
	    border-bottom: 0px solid #fff;    display: block;
		margin-bottom:0px;
		text-align:center;
}
.slogan2 {
		text-align:left;
	color:white;
	margin:0;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	letter-spacing:1px;
	font-size: 18px;
	line-height: 20px;
	    border-bottom: 0px solid #fff;    display: block;
		margin-bottom:10px;
		text-align:center;
}

.buchung {
font-weight:bold;
text-transform:uppercase;
}

#myBtn {
   
    
    background:transparent;
    
    
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */

    background: transparent;
    border: none;
    outline: none;
    color: #3f2a58;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    position: relative;
   display: block;
    z-index: 9999;
 
    width: 50px;
}

 #myBtn.invisible, #popup.invisible {display:none}

#myBtn:hover {
    background:transparent;
}


.readmore {
	    max-height: 324px;
    overflow: hidden;
    display: block;
	
	
	
	
}

.rmButton {
	margin-top:20px;
	text-align:center;
	    width: 100%;
    display: block;
	color:#444;
		text-transform:lowercase;
	font-style:italic;
}



#popup {
	
	background:rgba(87,87,87,0.92);
	position:fixed;
	
	
	padding:10%;
	z-index:199999;
	color:white;
	text-align:center;
	 display: flex;
      flex-direction: column;
      justify-content: space-between;
	  box-sizing:border-box;
	  font-size:150%;
	  line-height:180%;
	  width:100%;
	      bottom: 0;
    height: auto;
	
}
#popup h2 {
	font-size:150%;
}
#popup a {
	color:white;
	width:100%;
	display:block;
	margin:0 auto;
	
}

#popup img {
	
	width:100%;
	display:block;
	
}

#myratebox {
    width:100%;
    color:grey;
    font-size:14pt;
    line-height:18pt;
	background:white;
	border-radius:5px;
	border:1px #aaa solid;
padding-bottom:10px;
	text-align:center
    }
#myratebox .fa-star{ color:grey; font-size:33px;margin-bottom:10px;cursor:pointer}
#myratebox .fa-star:hover{ color:orange}
#myratebox .selected {color:orange}
#ratehead {
	background:#444;
	color:white;
	padding:5px;
	border-radius:5px 5px 0 0;
	margin-bottom:10px;text-align:center;font-weight:bold;
}
.title_btn {
	
	margin:0 auto;
	margin-bottom:10px;
	display:block;
	background:rgba(0,0,0,0.4);
	text-align:center;
	box-sizing:border-box;
		border:0;
	padding:20px;
	color:white;
	

	
	
}

.contactform input,  .contactform label {
	
	width:100%;min-height:40px;
}
.contactform h2 {
	padding:10px;
}
.contactform textarea {
	min-height:200px;width: 100%;
	
}

.contactform>div {
		width:100%;

	
}

.pdButton {
	    width: 100%;
    text-align: center;
	
}

small {font-size:10px;line-height:14px;}

#popup button {margin-bottom:5px;}

.promote {
	font-weight:bold;
	font-size: 28px;
color:#871321;
}

/* Kundenstimmen: Hervorhebung nur durch Farbe und Gewicht, nicht durch Groesse. */
.rating .promote {
	font-size: inherit;
}

.cc-revoke {display:none !important}

.center, .center a, .center p, .center div {
	text-align:center !important;
} 

.left, .left a, .left p, .left div {
	text-align:left !important;
} 

.right, .right a, .right p, .right div {
	text-align:right !important;
} 


#videocanvas {
    position:absolute;
    z-index:100001;
    background:rgba(0,0,0,0.9);
    width:100%;
    height:100%;
	vertical-align: middle;
	display:none;
}

#videocanvas video {
    display:block;
     
    margin:0 auto;
    vertical-align: middle;
    height:400px;
    
    }

#close_video {
    width:200px;
    margin:0 auto;
    display:block;
	margin-bottom:10px;
    margin-top:10px;
    }
#close_video_x {
	width:calc(100% - 20px);
	background:transparent;
	color:red;
	text-align:right;
	padding-right:10px;
	
}
	
ul {
    list-style: none;
    text-align: left;
    margin-left:20px;
	font-size:16pt
}
ul li {
	font-size:16pt;
	font-style:italic;
	
}

ul li:before {
  
    content: '\2705';
    margin: 0 0.2em 0 -1.2em;
    color: #10630a;
	    font-weight: bold;
    font-style:normal;

}

	
.col1323>div:nth-of-type(1) {width: calc(33% - 60px);} 
.col1323>div:nth-of-type(2) {width: calc(67% - 60px);}
	
.rating img  {width:auto !important}
	
	
	
.onoffswitch {
    position: relative; width: 55px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #FFFFFF; border-radius: 0px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 16px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #9E9E9E; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #9E9E9E; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 30px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 25px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #2196F3; 
}

#cookie_popup {
    position: absolute;
    width: 100%;
    top: 20px;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    z-index: 200000;
    float: none;
}

#cookie_popup>div {
    background: rgba(255,255,255,0.9);
    color: #444;
    padding: 40px;
    margin: 0 auto;
    max-width: 500px
    ;
    font-size: 14px;
}

#cookie_buttons {
}

.onoffswitch-switch {
   background:#bbb;
    }
    
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    background:#60aa00;
    }
    
 .onoffswitch-label {
    border: 0px solid #FFFFFF; 
}

#cookie_buttons {
display:none;
}

.readmore p, .readmore h3, .readmore h4, .readmore h2 { 
	line-height:25px;
	margin-block-start: 25px;
    margin-block-end: 25px;
}



.readmore {
    max-height: 325px;
    overflow: hidden;
    display: block;
}


.topnm>div {margin-top:0;}
.topnm h1, .topnm h2, .topnm h3, .topnm h4, .topnm h5 {margin-top:0;}

.topnm {align-items:initial !important;}

.readmoredyn hidden {display:none}

#alert_head {
    width: 100%;
    height: auto;
    background: #871321;
    z-index: 200001;
    position: relative;
    color: white;
    text-align: center;
    
    
}
#cookie_warning {
	display:none;
	padding:20px;
}

#alert_head span {
	padding:20px;	
}
.links, .links p,.links h1, .links h2, .links h3   {
		text-align:left !important;
        }
.up {
	margin-top: -40px;
    }
 .liste {text-align:left;}
 .liste li {
 		margin-bottom: 20px;
        }   
        
.content>div.flexline {
  width: 100% !important;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flexline>div img{ width:100%;
}

.fl2>div {
  width: 48%;
}

.fl3>div {
  width: 30%;
}

.fl4>div {
  width: 15%;
}

.siegel {
	padding:20px calc(50% - 625px) 20px;
    }

.ausrichten {
	text-align:justify;
	}        
.bold {font-weight: bold;}

.frage {
		margin-bottom: -15px;
		font-weight:bold;
        }
.antwort {margin-bottom: 30px}
.black a {color:#636161;}

#head3img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				z-index: 1;
				height: auto;
			}
		
			.head3imgL {
				position:relative;
				z-index:10;
			}
			
	.nohg {background:none;}		

/* Design-Test 2026: ruhiger Alternativhintergrund f�r die Wechselabschnitte. */
.content.bright {
	background: #FFFDF8;
}

.content:not(.rating):not(.siegel) > div > img,
.content:not(.rating):not(.siegel) > div > picture > img {
	border-radius: 18px;
	box-shadow: none;
	filter:
		drop-shadow(14px 18px 12px rgba(15, 23, 42, 0.58))
		drop-shadow(4px 6px 5px rgba(15, 23, 42, 0.34));
}

.content.blue {
	background: #F3F0EA;
	color: #444444;
}

.blue a,
.blue .rmButton {
	color: #871321;
}


/* Design-Test 2026: klarere, modernere Bildunterzeilen. */
.image-caption {
	display: block;
	position: relative;
	margin-top: 32px;
	padding-left: 42px;
	color: #374151;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	text-align: left;
}

.image-caption::before {
	content: "";
	position: absolute;
	top: 0.65em;
	left: 0;
	width: 30px;
	height: 3px;
	border-radius: 3px;
	background: #871321;
}


/* Design-Test 2026: ruhigere Textblöcke mit klarer Hierarchie. */
/* Nur ausdrücklich gekennzeichnete Textspalten erhalten eine Lesebreiten-Grenze. */
.content > .copy-column {
	max-width: 680px;
}
.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 {
	color: #2F3742;
	line-height: 1.2;
	margin-top: 0;
	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 {
	content: "";
	display: block;
	width: 48px;
	height: 4px;
	margin-bottom: 14px;
	border-radius: 4px;
	background: #871321;
}

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

.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) p {
	color: #444B55;
	font-size: 19px;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 14px;
}

.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) strong {
	color: #6F101B;
}

.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) a {
	color: #871321;
	text-decoration: none;
}

.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) a:hover,
.content:not(.rating):not(.siegel) div:has(> h1, > h2, > h3) a:focus {
	text-decoration: underline;
}


/* Design-Test 2026: Kundenstimmen als schwebende Karten. */
.rating p {
	padding: 28px 34px 24px 58px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow:
		10px 14px 24px -14px rgba(15, 23, 42, 0.38),
		3px 5px 10px -6px rgba(15, 23, 42, 0.24);
	transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
	will-change: transform;
}

.rating p::before {
	content: "“";
	position: absolute;
	top: 10px;
	left: 20px;
	color: rgba(135, 19, 33, 0.20);
	font-family: Georgia, serif;
	font-size: 54px;
	font-weight: bold;
	line-height: 1;
}

.rating p::after {
	transition: filter 240ms ease;
}

.testimonial-bang {
	display: inline-block;
	margin-left: 1px;
	transform-origin: 50% 85%;
}

@keyframes testimonial-bang-bounce {
  0%, 100% {
	transform: translateY(0) rotate(0deg) scale(1);
  }
  32% {
	transform: translateY(-7px) rotate(8deg) scale(1.32);
  }
  58% {
	transform: translateY(1px) rotate(-5deg) scale(0.96);
  }
  78% {
	transform: translateY(-3px) rotate(3deg) scale(1.12);
  }
}

@media (hover: hover) and (pointer: fine) {
	.rating p:hover {
		transform: translate(-2px, -6px);
		border-color: rgba(135, 19, 33, 0.18);
		box-shadow:
			16px 22px 30px -14px rgba(15, 23, 42, 0.46),
			4px 7px 12px -6px rgba(15, 23, 42, 0.30);
	}

	.rating p:hover::after {
		filter: drop-shadow(4px 5px 3px rgba(15, 23, 42, 0.16));
	}

	.rating p:hover .testimonial-bang {
		animation: testimonial-bang-bounce 650ms ease-in-out 2;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rating p {
		transition: none;
	}

	.rating p:hover .testimonial-bang {
		animation: none;
	}
}


/* Design-Test 2026: Schatten für das Rate5-Siegel. */
.rating > .rate5-panel > img {
	filter:
		drop-shadow(10px 14px 10px rgba(15, 23, 42, 0.38))
		drop-shadow(3px 5px 4px rgba(15, 23, 42, 0.24));
}


/* Design-Test 2026: kontrastreiche Fläche für Referenzlogos. */
.rating > .reference-logos-panel {
	box-sizing: border-box;
	align-self: center;
	padding: 30px 26px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-top: 3px solid #871321;
	border-radius: 24px;
	background: linear-gradient(145deg, #3A4554 0%, #222B36 100%);
	box-shadow:
		12px 18px 26px -14px rgba(15, 23, 42, 0.50),
		3px 6px 10px -6px rgba(15, 23, 42, 0.34);
	overflow: hidden;
	transition: transform 240ms ease, box-shadow 240ms ease, background 240ms ease;
}

.rating > .reference-logos-panel > img,
.rating > .reference-logos-panel > picture > img {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	filter: none;
}

@media (hover: hover) and (pointer: fine) {
	.rating > .reference-logos-panel:hover {
		transform: translateY(-4px);
		background: linear-gradient(145deg, #424E5E 0%, #28323E 100%);
		box-shadow:
			16px 24px 32px -14px rgba(15, 23, 42, 0.56),
			4px 8px 12px -6px rgba(15, 23, 42, 0.38);
	}
}

@media (prefers-reduced-motion: reduce) {
	.rating > .reference-logos-panel {
		transition: none;
	}
}


/* Design-Test 2026: Abstand zwischen Referenzlogos und Kundenstimmen. */
section.content.rating > div.reference-logos-panel {
	width: calc(34% - 32px);
	margin-right: 32px;
}

/* Design-Test 2026: moderne Häkchen für die Vorteils-Liste. */
.benefit-list {
	display: grid;
	gap: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.benefit-list li {
	position: relative;
	padding-left: 40px;
	color: #444B55;
	font-size: 19px;
	font-style: normal;
	line-height: 1.45;
}

.benefit-list li::before {
	content: "✓";
	position: absolute;
	top: 1px;
	left: 0;
	width: 26px;
	height: 26px;
	margin: 0;
	border-radius: 50%;
	background: #871321;
	box-shadow: 3px 5px 9px -5px rgba(15, 23, 42, 0.48);
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
}


/* Design-Test 2026: lange Textabschnitte in zwei Lesestufen. */
.content.long-copy-layout {
	align-items: flex-start;
	flex-wrap: wrap;
}

.long-copy-layout > .long-copy-summary,
.long-copy-layout > .long-copy-media {
	align-self: flex-start;
}

.price-tiers {
	display: grid;
	gap: 0;
	margin: 14px 0 0;
	padding: 0;
	border-top: 1px solid rgba(135, 19, 33, 0.18);
	list-style: none;
}

.price-tiers li {
	display: grid;
	grid-template-columns: 205px minmax(0, 1fr);
	gap: 12px;
	align-items: baseline;
	padding: 8px 2px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.10);
	color: #444B55;
	font-size: 16px;
	font-style: normal;
	line-height: 1.3;
}

.price-tiers li::before {
	content: none;
}

.price-tiers li strong {
	color: #6F101B;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
}

.long-copy-layout > .long-copy-detail {
	box-sizing: border-box;
	width: calc(100% - 60px);
	max-width: 980px;
	margin: 12px auto 30px;
	padding-top: 28px;
	border-top: 1px solid rgba(135, 19, 33, 0.22);
}

.long-copy-detail p {
	margin: 0 0 16px;
	color: #444B55;
	font-size: 19px;
	line-height: 1.55;
}

.long-copy-detail strong {
	color: #6F101B;
}

.long-copy-detail a {
	color: #871321;
	text-decoration: none;
}

.long-copy-detail a:hover,
.long-copy-detail a:focus {
	text-decoration: underline;
}


/* Design-Test 2026: eigenständiger moderner Footer. */
#Footer.footer-2026 {
	position: relative;
	padding: 56px 30px 44px;
	border-top: 5px solid #871321;
	background:
		radial-gradient(circle at 10% 0%, rgba(135, 19, 33, 0.22), transparent 34%),
		linear-gradient(135deg, #303A47 0%, #1E2731 100%);
	filter: none;
	color: #F3F0EA;
	margin-bottom: 60px;
}

#Footer.footer-2026 .footerWrapper {
	display: grid;
	grid-template-columns: minmax(280px, 1.1fr) minmax(230px, 0.9fr) minmax(290px, 1.15fr) 68px;
	gap: 20px;
	align-items: stretch;
	max-width: 1250px;
	margin: 0 auto;
}

#Footer.footer-2026 .footerSection {
	box-sizing: border-box;
	width: auto;
	margin: 0;
	padding: 26px;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(255, 253, 248, 0.98), rgba(236, 233, 227, 0.98));
	box-shadow: 0 18px 36px -24px rgba(0, 0, 0, 0.62);
	color: #444B55;
	font-size: 16px;
	line-height: 1.55;
}

#Footer.footer-2026 .footerSection:last-of-type {
	display: flex;
	width: auto;
	min-height: 68px;
	align-items: center;
	justify-content: center;
	padding: 8px;
	border: 0;
	background: transparent;
	box-shadow: none;
}

#Footer.footer-2026 .footerSection h3 {
	margin: 0 0 22px;
	color: #2F3742;
	font-size: 24px;
	line-height: 1.2;
}

#Footer.footer-2026 .footerSection h3::after {
	width: 44px;
	height: 3px;
	margin-top: 11px;
	border-radius: 3px;
	background: #871321;
}

#Footer.footer-2026 .footerBrandLogo {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 0 22px;
	padding: 12px 16px;
	border-radius: 12px;
	background: #FFFDF8;
	box-shadow: 6px 10px 18px -10px rgba(0, 0, 0, 0.70);
}

#Footer.footer-2026 .footerSection strong {
	color: #2F3742;
}

#Footer.footer-2026 a {
	color: #871321;
	text-decoration: none;
	text-underline-offset: 3px;
}

#Footer.footer-2026 a:hover,
#Footer.footer-2026 a:focus {
	color: #5F0D17;
	text-decoration: underline;
}

#Footer.footer-2026 .naviVertical .NaviLinks {
	float: none;
}

#Footer.footer-2026 .naviVertical .NaviLink {
	padding: 4px 0;
}

#Footer.footer-2026 .naviVertical .NaviLink a {
	display: inline-block;
	padding: 2px 0;
	color: #444B55;
	font-size: 16px;
	line-height: 1.35;
	transition: color 180ms ease, transform 180ms ease;
}

#Footer.footer-2026 .naviVertical .NaviLink a:hover,
#Footer.footer-2026 .naviVertical .NaviLink a:focus {
	color: #871321;
	text-decoration: none;
	transform: translateX(3px);
}

#Footer.footer-2026 .naviDeko {
	display: none;
}

#Footer.footer-2026 #myratebox {
	overflow: hidden;
	border: 0;
	border-radius: 14px;
	background: #FFFDF8;
	box-shadow: 6px 10px 18px -12px rgba(0, 0, 0, 0.70);
}

#Footer.footer-2026 #ratehead {
	padding: 12px;
	border-radius: 0;
	background: #871321;
	color: #FFFFFF;
}

#Footer.footer-2026 #myBtn {
	width: 52px;
	height: 52px;
	padding: 0;
	border-radius: 50%;
	background: #871321;
	box-shadow: 6px 10px 18px -8px rgba(0, 0, 0, 0.72);
	color: #FFFFFF;
	transition: transform 180ms ease, background 180ms ease;
}

#Footer.footer-2026 #myBtn:hover,
#Footer.footer-2026 #myBtn:focus {
	background: #A52B3A;
	transform: translateY(-3px);
}
/* Musterseite 2026: modernes Galerieraster. */
.content.gallery-2026 {
	display: block;
}

.content.gallery-2026 > .gallery-2026-inner {
	box-sizing: border-box;
	width: calc(100% - 60px);
	max-width: none;
	margin: 30px;
}

.gallery-2026-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 24px;
	margin-top: 28px;
}

.gallery-2026-grid figure {
	grid-column: span 2;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.10);
	border-radius: 18px;
	background: #FFFDF8;
	box-shadow: 12px 16px 20px rgba(15, 23, 42, 0.30);
	transition: transform 220ms ease, box-shadow 220ms ease;
}

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

.gallery-2026-grid img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 320ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.gallery-2026-grid figure:hover {
		transform: translate(-3px, -6px);
		box-shadow: 16px 22px 26px rgba(15, 23, 42, 0.38);
	}

	.gallery-2026-grid figure:hover img {
		transform: scale(1.025);
	}
}

@media (prefers-reduced-motion: reduce) {
	.gallery-2026-grid figure,
	.gallery-2026-grid img {
		transition: none;
	}
}
/* Musterseite 2026: kompakter Platzhalter für fehlende Kundenlogos. */
.rating p img.reference-placeholder-2026 {
	display: block;
	width: 150px !important;
	height: auto !important;
	margin: 12px 0 0;
	border: 1px solid rgba(15, 23, 42, 0.10);
	border-radius: 10px;
	filter: none;
	box-shadow: 4px 6px 10px rgba(15, 23, 42, 0.18);
}
/* Musterseite 2026: emotionaler Kino-Header. */
.hero-2026 {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	padding: 0 0 44px;
	margin: 0 auto 36px;
	background: #F3F0EA;
	background-image: none;
}

.hero-2026 > .hero-2026-media {
	position: relative;
	left: auto;
	top: auto;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
	overflow: hidden;
	border-radius: 0 0 30px 30px;
	box-shadow: 0 20px 30px rgba(15, 23, 42, 0.34);
}

.hero-2026 > .hero-2026-media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(to bottom,
		rgba(15, 23, 42, 0.36) 0%,
		rgba(15, 23, 42, 0.05) 28%,
		rgba(15, 23, 42, 0.02) 52%,
		rgba(15, 23, 42, 0.72) 100%);
}

.hero-2026 > .hero-2026-media img {
	display: block;
	float: none;
	width: 100% !important;
	height: auto !important;
	margin: 0;
}

.hero-2026 > .hero-2026-copy {
	position: absolute;
	left: 50%;
	bottom: 132px;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(900px, calc(100% - 48px));
	max-width: none;
	margin: 0 !important;
	transform: translateX(-50%);
	text-align: center;
}

.hero-2026 .slogan {
	display: block;
	padding: 0;
	margin: 0 0 18px;
	border: 0;
	background: transparent;
	color: #FFFFFF;
	font-size: clamp(34px, 3.6vw, 58px);
	font-weight: 650;
	line-height: 1.08;
	letter-spacing: 0.035em;
	text-align: center;
	text-shadow: 0 3px 14px rgba(0, 0, 0, 0.72);
}

.hero-2026 .title_btn {
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	padding: 13px 22px;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 999px;
	background: #871321;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.38);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.hero-2026 .title_btn img {
	width: auto;
	height: 20px;
	margin-left: 8px;
	vertical-align: -4px;
}

.hero-2026 > .hero-2026-logos {
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
	width: min(1080px, calc(100% - 80px));
	max-width: none;
	padding: 14px;
	margin: -34px auto 0 !important;
	border: 1px solid rgba(15, 23, 42, 0.10);
	border-radius: 18px;
	background: rgba(255, 253, 248, 0.96);
	box-shadow: 0 14px 24px rgba(15, 23, 42, 0.24);
	backdrop-filter: blur(10px);
}

.hero-2026 > .hero-2026-logos img {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 58px;
	padding: 9px 12px;
	margin: 0;
	border-radius: 10px;
	background: #2F3742;
	object-fit: contain;
}

@media (hover: hover) and (pointer: fine) {
	.hero-2026 .title_btn:hover,
	.hero-2026 .title_btn:focus-visible {
		transform: translateY(-3px);
		background: #9B1727;
		box-shadow: 0 14px 26px rgba(15, 23, 42, 0.44);
	}
}

@media (prefers-reduced-motion: reduce) {
	.hero-2026 .title_btn {
		transition: none;
	}
}
/* Musterseite 2026: Vergleichsvariante ohne Logo-Leiste. */
.hero-2026 {
	padding-bottom: 0;
}

.hero-2026 > .hero-2026-logos {
	display: none !important;
}

.hero-2026 > .hero-2026-copy {
	bottom: 30px;
}
/* Scroll-Reveal 2026: Abschnitte dezent einblenden und anheben. */
html.reveal-2026-ready section.content.reveal-2026 {
	opacity: 0;
	transform: translate3d(0, 160px, 0);
	transition: opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

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

@media (prefers-reduced-motion: reduce) {
	html.reveal-2026-ready section.content.reveal-2026 {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Weitere Piloten: explizite Fotoklasse auch fuer verschachtelte Download-Bilder. */
.pilot-content-2026 img.content-photo-2026 {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: none;
    filter: drop-shadow(14px 18px 12px rgba(15, 23, 42, 0.58)) drop-shadow(4px 6px 5px rgba(15, 23, 42, 0.34));
}
.pilot-content-2026 > div { min-width: 0; }
.pilot-content-2026 a { overflow-wrap: anywhere; }
.legal-copy-2026 .legal-copy-inner-2026 { width: 100%; min-width: 0; overflow-wrap: anywhere; }
.hero-2026.pilot-hero-2026 .slogan { max-width: 100%; overflow-wrap: anywhere; }
.customer-source-2026 { display: inline-block; margin-top: 8px; font-size: 16px; font-weight: 600; color: #4B5563; }
@media (max-width: 464px) {
    .hero-2026.pilot-hero-2026 .slogan-longword-2026 {
        font-size: clamp(23px, 7.2vw, 30px);
        text-transform: none;
        letter-spacing: 0;
        hyphens: auto;
    }
}
@media (min-width: 465px) and (max-width: 900px) {
    .hero-2026-desktop.pilot-hero-2026 > .hero-2026-media { min-height: 370px; }
    .hero-2026-desktop.pilot-hero-2026 > .hero-2026-media > img { min-height: 370px; object-fit: cover; }
}
#Footer.footer-2026-compact .footerWrapper {
    grid-template-columns: minmax(0, 560px);
    justify-content: center;
}
#Footer.footer-2026-compact .footer_2,
#Footer.footer-2026-compact .footer_3 { display: none; }
.hero-2026 .slogan1 {
    display: block;
    margin: 0 0 12px;
    padding: 0;
    color: #fff;
    font-size: clamp(30px, 3.6vw, 58px);
    line-height: 1.08;
    font-weight: 650;
    background: transparent;
}
.hero-2026 .slogan2 {
    display: block;
    margin: 0 0 18px;
    padding: 0;
    color: #fff;
    font-size: clamp(16px, 1.6vw, 23px);
    line-height: 1.35;
    background: transparent;
}
/* Themen-Piloten: dreispaltige Bild- und Textbausteine. */
.content.feature-grid-2026 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 40px;
}
.content.feature-grid-2026 > div {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
}
.content.feature-grid-2026 > div > img {
    display: block;
    width: 100%;
    height: auto;
}
.content.feature-grid-2026 .image-caption {
    margin-bottom: 26px;
}
.content.feature-grid-2026:not(.rating):not(.siegel) h3 {
    font-size: 25px;
    line-height: 1.25;
}
.content.feature-grid-2026:not(.rating):not(.siegel) p {
    font-size: 18px;
    line-height: 1.5;
}
@media only screen and (max-width: 1000px) {
    .content.feature-grid-2026 {
        grid-template-columns: minmax(0, 1fr);
        gap: 48px;
        padding: 44px 24px;
    }
}