@charset "UTF-8";

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

/* 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 */
/* ---- CSS 2023*/
/* 11.08.2023 test css um den Slider auf Übersichtsseiten lauffähig zu machen: alles was mit body.tpl-2022 ... beginnt mit body.tpl-2023-uebersichtseite ergänzt*/

					/*-------------------------------------------------bottom soll bei Links im Slider nicht angezeigt werden ------*/

.mainslider_start .tab-content a {
    text-decoration: none;
	color: #000;
	border-bottom: none!important;
}

.slider-pause-button-22 {
	padding-top: 0;
}

body.tpl-2022-startseite .mainslider_start .playbutton, 
body.tpl-2023-uebersichtseite .mainslider_start .playbutton {
	display:none;
}

body.tpl-2022-startseite .mainslider_start .pausebutton,
body.tpl-2023-uebersichtseite .mainslider_start .pausebutton {
	display:inline;
}

body.tpl-2022-startseite .mainslider_start .paused .playbutton,
body.tpl-2023-uebersichtseite .mainslider_start .paused .playbutton {
	display:inline;
}

body.tpl-2022-startseite .mainslider_start .paused .pausebutton,
body.tpl-2023-uebersichtseite .mainslider_start .paused .pausebutton {
	display:none;
}


body.tpl-2022-startseite .mainslider_start .tabdot,
body.tpl-2023-uebersichtseite .mainslider_start .tabdot {
	display:none;
}
@media screen and (max-width: 1024px) {
body.tpl-2022-startseite .slider.mainslider_start,
body.tpl-2023-uebersichtseite .slider.mainslider_start  {
		margin-bottom: 1rem;;
	}
}

body.tpl-2022-startseite .mainslider_start .slidecontent,
body.tpl-2023-uebersichtseite .mainslider_start .slidecontent {
	max-width: 75%;
}

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

body.tpl-2022-startseite .mainslider_start .tab-content-container, 
body.tpl-2022-startseite .mainslider_start .tab-content-container.hover,
body.tpl-2023-uebersichtseite .mainslider_start .tab-content-container, 
body.tpl-2023-uebersichtseite .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-2022-startseite .mainslider_start .tab-content-container,
	body.tpl-2022-startseite .mainslider_start .tab-content-container.hover,
	body.tpl-2023-uebersichtseite .mainslider_start .tab-content-container,
	body.tpl-2023-uebersichtseite .mainslider_start .tab-content-container.hover {
		margin: -50px auto 0 auto;
		position: unset;
		width: 75%;
		background-color: transparent;
	}
}


body.tpl-2022-startseite .mainslider_start .tab-content-container .tab-content,
body.tpl-2023-uebersichtseite .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-2022-startseite .mainslider_start .tab-content-container .tab-content svg,
body.tpl-2023-uebersichtseite .mainslider_start .tab-content-container .tab-content svg {
	position:absolute;
	bottom: 1.4rem;
}

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

	body.tpl-2022-startseite .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-2022-startseite .mainslider_start .tab-content-container,
	body#body.tpl-2023-uebersichtseite .mainslider_start .tab-content-container  {
		z-index: 1000;
		position: relative;
		top: -3rem;
		left: 2rem;
		padding: 0;
		margin: 0;
		width: calc(100% - 4rem);
    	right: auto;
    	max-width: 100%;
	}
}


body#body.tpl-2022-startseite .slick-slide figure img,
body#body.tpl-2023-uebersichtseite .slick-slide figure img {
	width: 100%;
}


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

body.tpl-2022-startseite  .mainslider_start .tab-content-container a, .mainslider_start .tab-content-container h2,
body.tpl-2023-uebersichtseite  .mainslider_start .tab-content-container a {
	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-2022-startseite  .mainslider_start .tab-content-container a, .mainslider_start .tab-content-container h2,
	body.tpl-2023-uebersichtseite  .mainslider_start .tab-content-container a {
		font-size: 1.75rem;
		line-height: 1.75rem;
		margin-bottom: 0;
	}
}
@media (min-width:1200px){

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


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

body.tpl-2022-startseite .mainslider_start .tab-content-container p,
body.tpl-2023-uebersichtseite .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-2022-startseite .mainslider_start .tab-content-container p {
		
	}
}
@media (min-width:1200px){
	body.tpl-2022-startseite .mainslider_start .tab-content-container p,
	body.tpl-2023-uebersichtseite .mainslider_start .tab-content-container p  {
		margin-top: 2.875rem;
		margin-bottom: 3.375rem;	
	}
}
@media (min-width:1400px){}

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

body.tpl-2022-startseite .mainslider_start .tab-container svg,
body.tpl-2023-uebersichtseite .mainslider_start .tab-container svg {
	cursor:pointer;
}