@charset "UTF-8";

@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (min-width:1400px){}

/* Anpassung Abstände für custom startseite */
body.tpl-2023-startseite_custom main h2.flexheadline {
	margin-top: 1.625rem!important;
}

/* Slider */
.mainslider_start {
	margin-bottom: 1rem;
	box-shadow: none !important;
	border: none; }
  
 /* .kopfbereich.large {
	position: relative; }
  
   Make slider (and it's images full-width) 
  .kopfbereich.large .grid_3 {
	width: 100%; }
  */
  .slide figure {
	max-height: none; }
  
  @media screen and (min-width: 768px) {
	.slider .slick-slide figure img {
	  max-width: 100%;
	  max-height: none;
	  min-width: 100%;
	  /* min-height: 37.5rem;  comented out because breaks image on 768px */
	}
  }
  
  /* Position text over the slider (and style it)*/
  .mainslider_start .tab-content-container,
  .mainslider_start .tab-content-container.hover {
	/*position: absolute;
	top: 8.1rem;
	right: calc((100% - 48rem) / 2);*/
	font-size: 0;
	box-shadow: none !important;
	background: none !important;
	max-width: 38.4rem; }
	.mainslider_start .tab-content-container .tab-content-pos-1,
	.mainslider_start .tab-content-container.hover .tab-content-pos-1 {
	  margin-top: 0; }
	.mainslider_start .tab-content-container .tab-content-pos-2,
	.mainslider_start .tab-content-container.hover .tab-content-pos-2 {
	  margin-top: 8rem; }
	.mainslider_start .tab-content-container .tab-content-pos-3,
	.mainslider_start .tab-content-container.hover .tab-content-pos-3 {
	  margin-top: 16rem; }
	@media screen and (min-width: 1024px) {
	  .mainslider_start .tab-content-container,
	  .mainslider_start .tab-content-container.hover {
		/*left: calc((100% - 64rem) / 2);*/
		max-width: 42rem; } }
	@media screen and (max-width: 1024px) {
	  .mainslider_start .tab-content-container,
	  .mainslider_start .tab-content-container.hover {
		top: 2.5rem; 
		}
		.mainslider_start .tab-content-container h2 {
			font-size: 1.8rem;
		} 
	}

	@media screen and (max-width: 768px) {
	  .mainslider_start .tab-content-container .tab-content-pos-1,
	  .mainslider_start .tab-content-container.hover .tab-content-pos-1 {
		margin-top: 0; }
	  .mainslider_start .tab-content-container .tab-content-pos-2,
	  .mainslider_start .tab-content-container.hover .tab-content-pos-2 {
		margin-top: 0; }
	  .mainslider_start .tab-content-container .tab-content-pos-3,
	  .mainslider_start .tab-content-container.hover .tab-content-pos-3 {
		margin-top: 0; } }
   
  @media screen and (max-width: 768px) {
	.mainslider_start .tab-content-container,
	.mainslider_start .tab-content-container.hover {
	  position: static;
	  max-width: none;
	  padding-top: 1.5rem; } }
  
  .mainslider_start .tab-content-container h2 {
	display: inline;
	/*font-family: 'OpenSansSemibold', sans-serif;
	font-size: 2rem;*/
	margin: 0;
	/*padding: .4rem 1.1rem .4rem 1em;
	line-height: 1.1;*/
	margin-top: 3rem;
	/* Fixes padding issues with inline line breaks */
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone; }
	@media screen and (min-width: 768px) {
	  .mainslider_start .tab-content-container h2 {
		font-size: 1.8rem;
		line-height: 1.9;
		background-color: rgba(255, 255, 255, 0.7); } }
	@media screen and (min-width: 1024px) {
	  .mainslider_start .tab-content-container h2 {
		font-size: 2.7rem;
		line-height: 1.7; } }
  
  /*.mainslider_start .tab-content-container h2::before {
	position: absolute;
	left: 0.3em;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgOCAxMyIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTguNzA1IDYuNzA1Yy0uMzg5NDg1MDUuMzg5NDg1MDUtLjM4OTgyOTMxIDEuMDIwODU4ODQtLjAwMDc2OTIzIDEuNDEwNzY4MzlsMy44NzU3NjkyMyAzLjg4NDIzMTYxLTMuODc1NzY5MjMgMy44ODQyMzE2Yy0uMzg5MDYwMDguMzg5OTA5Ni0uMzg4NzE1ODIgMS4wMjEyODM0LjAwMDc2OTIzIDEuNDEwNzY4NC4zODkzNjA3NS4zODkzNjA3IDEuMDIwNjM5MjUuMzg5MzYwNyAxLjQxIDBsNS4yOTUtNS4yOTUtNS4yOTUtNS4yOTVjLS4zODkzNjA3NS0uMzg5MzYwNzUtMS4wMjA2MzkyNS0uMzg5MzYwNzUtMS40MSAweiIgZmlsbD0iI2UxMTQxYyIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtOCAxOC40ODE2MDUpIi8+PC9zdmc+);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent; }
  
  /* Force tabs to be dots */
  .mainslider_start .tab-container {
	width: 100%;
	text-align: center; }
  
  .mainslider_start .tab-container ul {
	display: inline-block;
	width: auto;
	margin: 0 auto; 
	height: 25px;
  }
  
  /* Slick dots are only visible on mobile, on desktop they are "hacked-in" via tab-containers */
  .slider-pause-button,
  .mainslider_start ul.slick-dots li,
  .mainslider_start .tab-container li a {
	border-color: #666666;
	background-color: #666666;
	padding: 0;
	width: 8px;
	height: 8px;
	overflow: hidden;
	border-radius: 50%;
	margin: 5px;
	margin-bottom: 20px; }
  
  .mainslider_start .tab-container li a span {
	visibility: hidden; }
  
  .mainslider_start .tab-container li a {
	display: none; }
  
  @media screen and (min-width: 768px) {
	.mainslider_start ul.slick-dots li {
	  display: none; }
	.mainslider_start .tab-container li a {
	  display: block; } 
	.startseite .morefun {
		color: rgb(255, 255, 255);
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNpi/P//PwM+wASlQ4D4IxDrYqgAmQDF9/9DwFokMRQFIFwOxH+B+DsQ62JTAMIhUJM+YlNwCYj/QWkUK0DG/YbiEGRNLEjuPQbE9uieYCQUDgABBgAv24yCMvWKqQAAAABJRU5ErkJggg==); 
		/*background-image: url('../img/new-assets/pfeil-rechts-weiss.svg');*/
		background-size: 0.8em;}
  }
  
  /* Grey Dots on mobile */
  .mainslider_start ul.slick-dots li {
	background-color: transparent;
	border-color: #676767;
	margin: 1em .6rem 0; }
  
  /* Position dots below slider on mobile */
  .mainslider_start ul.slick-dots {
	position: static; }
  
  .mainslider_start ul.slick-dots li:hover,
  .mainslider_start ul.slick-dots li.slick-active,
  .mainslider_start .tab-container li.hover a,
  .mainslider_start .tab-container li.active a {
	background-color: #ED1C24 !important;
	/* overwrite old important styles */
	border-color: #ED1C24; }
  
  /* Button to pause / unpause slider */
  .mainslider_start ul li.slider-pause-button {
	cursor: pointer;
	font-size: 0;
	border-radius: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwOCAwdjEwaC0zdi0xMHptNSAwdjEwaC0zdi0xMHoiIGZpbGw9IiM2NjY2NjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNSkiLz48L3N2Zz4=);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	border: none; }
	.mainslider_start ul li.slider-pause-button, .mainslider_start ul li.slider-pause-button:hover {
	  background-color: transparent !important; }
	.mainslider_start ul li.slider-pause-button.paused {
	  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOSAxMCIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTc3Ni44NTEzMDYgNzU0LjE5OTczOC04LjQ5MzE2MSA0Ljc1NTA1Yy0uMTk4MjU5LjEwOTUzNC0uMzU4MTQ1LjAxMjg4Ni0uMzU4MTQ1LS4yMTI2MjR2LTkuNDg0MzI4YzAtLjIyNTUxLjE1OTg4Ni0uMzIyMTU4LjM1ODE0NS0uMjEyNjI0bDguNDkzMTYxIDQuNzU1MDVjLjE5ODI1OS4xMDk1MzQuMTk4MjU5LjI4OTk0MiAwIC4zOTk0NzZ6IiBmaWxsPSIjNjY2NjY2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzY4IC03NDkpIi8+PC9zdmc+); }
	@media screen and (max-width: 768px) {
	  .mainslider_start ul li.slider-pause-button {
		width: 12px;
		height: 12px; } 
	}
  
  ul.slick-dots li.slider-pause-button {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwOCAwdjEwaC0zdi0xMHptNSAwdjEwaC0zdi0xMHoiIGZpbGw9IiM2NzY3NjciIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNSkiLz48L3N2Zz4=); }
	ul.slick-dots li.slider-pause-button.paused {
	  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOSAxMCIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTc3Ni44NTEzMDYgNzU0LjE5OTczOC04LjQ5MzE2MSA0Ljc1NTA1Yy0uMTk4MjU5LjEwOTUzNC0uMzU4MTQ1LjAxMjg4Ni0uMzU4MTQ1LS4yMTI2MjR2LTkuNDg0MzI4YzAtLjIyNTUxLjE1OTg4Ni0uMzIyMTU4LjM1ODE0NS0uMjEyNjI0bDguNDkzMTYxIDQuNzU1MDVjLjE5ODI1OS4xMDk1MzQuMTk4MjU5LjI4OTk0MiAwIC4zOTk0NzZ6IiBmaWxsPSIjNjc2NzY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzY4IC03NDkpIi8+PC9zdmc+); }
  


/* -------------------- NEUES CSS 2022 */

body.tpl-2023-startseite_custom main h2.flexheadline {
	margin-bottom: 4.125rem;
    margin-top: 0px;
    width: 100%;
    color: #2d2d2d;
    text-align: center;
    font-size: 2.5rem;
    font-family: 'ApproachKoelnSemiBold', Arial, sans-serif;
}

body.tpl-2023-startseite_custom .mainslider_start  {
	width: 100%;
	margin: 0px;
	margin-bottom: var(--margin-extra-sm);
}

body.tpl-2023-startseite_custom .mainslider_start .playbutton  {
	display:none;
}
body.tpl-2023-startseite_custom .mainslider_start .pausebutton {
	display:inline;
}
body.tpl-2023-startseite_custom .mainslider_start .paused .playbutton {
	display:inline;
}
body.tpl-2023-startseite_custom .mainslider_start .paused .pausebutton {
	display:none;
}


body.tpl-2023-startseite_custom .mainslider_start .tabdot {
	display:none;
}
@media screen and (min-width: 1024px) {
	body.tpl-2023-startseite_custom .slider.mainslider_start  {
		/* margin-bottom: 1rem;; */
	width: 98%;
	margin: auto;
	margin-bottom: var(--margin-extra-sm);
	}
}

body.tpl-2023-startseite_custom .mainslider_start .slidecontent {
	max-width: 75%;
}

@media screen and (max-width: 1024px) {
	body.tpl-2023-startseite_custom .mainslider_start .slidecontent {
		max-width: 100%;
	}
}

body.tpl-2023-startseite_custom .mainslider_start .tab-content-container, 
body.tpl-2023-startseite_custom .mainslider_start .tab-content-container.hover {
	z-index: 999;
	right: 0;
	top: 15%;
	top: 2rem;
	position: absolute;
	box-shadow: unset;
	width: 42%;
	background-color: transparent;
}

@media screen and (max-width: 1024px) {
	body.tpl-2023-startseite_custom .mainslider_start .tab-content-container,
	body.tpl-2023-startseite_custom .mainslider_start .tab-content-container.hover {
		margin: -50px auto 0 auto;
		position: unset;
		width: 75%;
		background-color: transparent;
	}
}


body.tpl-2023-startseite_custom .mainslider_start .tab-content-container .tab-content {
	background-image: url(/images/x22/dom-xl.png);
    background-repeat: no-repeat;
    background-position: 100% 101%;
    background-size: 52px;
	padding-bottom:4rem
}

body.tpl-2023-startseite_custom .mainslider_start .tab-content-container .tab-content svg{
	position:absolute;
	bottom: 1.4rem;
}

@media (min-width:1024px){
	body.tpl-2023-startseite_custom .mainslider_start .tab-content-container .tab-content {
		background-size: 4.6875rem;
		min-height: 300px;
	}
	body.tpl-2023-startseite_custom .mainslider_start .tab-content-container .tab-content svg{
		left: 2rem;
	}
}
/*
@media (max-width:1024px){
	body.tpl-2023-startseite_custom .mainslider_start .tab-container{
		position: relative;
		margin-top:200px;
	}

	body.tpl-2023-startseite_custom .mainslider_start .tab-content-container{
	    position: relative;
		margin-top: -450px;
		width: calc(100% - 2rem);
		margin-left: auto;
		margin-right: auto;		
	}	
}
*/

/* @media (max-width:992px){ */
@media (max-width:1024px){
	body#body.tpl-2023-startseite_custom .mainslider_start .tab-content-container {
		z-index: 99999;
		position: relative;
		top: -3rem;
		left: 2rem;
		padding: 0;
		margin: 0;
		width: calc(100% - 4rem);
		
    	right: auto;
    	max-width: 100%;
	}
}


body#body.tpl-2023-startseite_custom .slick-slide figure img {
	width: 100%;
}


body.tpl-2023-startseite_custom .mainslider_start .tab-content {
	background-color: #Ee0000;
	padding: 1rem;
	/* max-height: 400px;
    overflow: scroll; */
}
@media (min-width:992px){
	body.tpl-2023-startseite_custom .mainslider_start .tab-content {
		padding: 1.8rem 2rem 1.4rem 2rem;
	}
}

body.tpl-2023-startseite_custom  .mainslider_start .tab-content-container a, .mainslider_start .tab-content-container h2 {
	color: #fff !important;
	background-color: unset;
	line-height: 28px;
	font-size: 25px;
	font-family: 'ApproachKoelnBold', Arial, sans-serif;
	padding: 0;
	margin-bottom: 1rem
}

@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){
	body.tpl-2023-startseite_custom  .mainslider_start .tab-content-container a, .mainslider_start .tab-content-container h2 {
		font-size: 1.75rem;
		line-height: 1.75rem;
		margin-bottom: 0;
	}
}
@media (min-width:1200px){

}
@media (min-width:1400px){
	body.tpl-2023-startseite_custom  .mainslider_start .tab-content-container a, .mainslider_start .tab-content-container h2 {
		font-size: 2.875rem;
		line-height: 3.125rem;
		margin-bottom: 1rem;
		hyphens: auto;
		display: block;
	}
}


body.tpl-2023-startseite_custom .mainslider_start .tab-content-container h2::before {display: none;}

body.tpl-2023-startseite_custom .mainslider_start .tab-content-container p {
	color: #fff !important;
	font-size: 1.375rem;
	font-family: 'ApproachKoelnRegular', Arial, sans-serif;
	line-height: 1.7875rem;
	margin-top: 1rem;
	margin-bottom: 2rem;	
}
@media (min-width:992px){
	body.tpl-2023-startseite_custom .mainslider_start .tab-content-container p {
		
	}
}
@media (min-width:1200px){
	body.tpl-2023-startseite_custom .mainslider_start .tab-content-container p {
		margin-top: 2.875rem;
		margin-bottom: 3.375rem;	
	}
}
@media (min-width:1400px){}

body.tpl-2023-startseite_custom .mainslider_start .tab-container {
	position: unset;
	margin-top:1rem;
    display: block;
    margin-top: -1rem;
}
@media (min-width:1024px){
	body.tpl-2023-startseite_custom .mainslider_start .tab-container {
		margin-top: 2rem;	
	}
}
    

body.tpl-2023-startseite_custom .mainslider_start .tab-container svg {
	cursor:pointer;
}

body.tpl-2023-startseite_custom .articlehead {
	/* text-align: center; */
}