/* ========================
   SLICK SLIDER BASIS
   ======================== */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
}

.slick-list {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  margin: 0;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  flex: 0 0 auto !important;
  outline: none !important;
}

.slick-initialized .slick-slide {
  display: block !important;
}

.slick-prev,
.slick-next {
  font-size: 30px !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 38px !important;
  text-align: center !important;
  color: #000 !important;
  opacity: 0.8 !important;
  cursor: pointer !important;
}

.slick-prev:hover,
.slick-next:hover {
  opacity: 1 !important;
}

/* ========================
   SPECIALSLIDER BASIS
   ======================== */
.specialslider {
  position: relative;
  height: 610px; /* Gesamthöhe des Sliders */
  overflow: hidden;
  line-height: 0;
}

/* LINKER SLIDER */
.specialsliderleftside {
	position: absolute; 
	left: 0;
	width: 580px;
	z-index: 3;
	top: 44% !important; 
	transform: translateY(-44%) !important;
	box-sizing: border-box;
	margin-right: -160px;
	clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%);
	overflow: hidden;
	transition: height 0.2s ease; /* Smoothes anpassen der Höhe */
}
.specialsliderleftside_item p{
	font-size: 1.1rem;
	line-height: 1.8rem;
	max-width: 500px;
	margin-bottom: 0; 
}  
.specialsliderleftside_item h1,
.specialsliderleftside_item h2 {
	margin-bottom: 10px;
	position: relative;
	display: inline-block; 
} 
 
/* Jedes Item dynamisch, Höhe nach Inhalt */
.specialsliderleftside_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%; 
  background: #fff;
  padding: 80px 40px 40px 0;
}

.nichtfront .specialsliderleftside_item {
	min-height: 160px;
	display: flex;
	justify-content: center;
	background: #d1121f;
}
.nichtfront .specialsliderleftside_item h1  { 
	padding-left: 25px;
	color: #fff;
}
 

/* Jedes Item dynamisch, Höhe nach Inhalt */
.nichtfront .specialsliderleftside_item { 
  padding: 20px 0;
}
@media (max-width: 768px) {
.nichtfront  .specialsliderrightside { 
    margin-top: 0;
  }
}
/* NAVIGATION */
.specialslider .navi {
  position: absolute;
  top: 24%;
  z-index: 10;
  display: flex;
  align-items: center;
}

.specialslider .slick-prev:before, 
.specialslider .slick-next:before {
  font-family: 'icomoon';
  font-size: 27px;
  line-height: 1;
  color: #000;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92f';
  position: absolute;
  top: 6px;
  opacity: .5;
}

.specialslider .slick-prev,
.specialslider .slick-next { 
  background: transparent;
  border: none;
  font-size: 0 !important;
  line-height: 0 !important;
} 

.specialslider .slick-prev:before { transform: rotate( 180deg); left: 14px; } 
.specialslider .slick-next:before { right: 14px; } 

/* COUNTER */
.specialslider .slider-counter {
	display: inline-block;
	margin: 0 2px;
	font-size: 1.5rem;
	line-height: 1.9rem;
	white-space: nowrap; 
	font-weight: 700;
	font-family: 'Open Sans Condensed', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* RECHTER SLIDER */
.specialsliderrightside {
  position: absolute;
  top: 0;
  right: 0;
  width: 74.6%;
  height: 538pnx; /* feste Höhe */
  z-index: 1;
}

.specialsliderrightside_item {
  width: 100%;
  height: 100%;
}

.specialsliderrightside_item img {
  width: 100%;
  height: 538px;
  object-fit: cover;
  display: block;
}



/* ========================
   BetriebeSlider
   ======================== */
.supinfo .pagingInfo {
	color: #000;
	font-size: 2rem;
	line-height: 3.5rem;
	font-weight: 700;
	white-space: nowrap;
	width: 38px;
	font-family: 'Open Sans Condensed', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}




.coversliderbox { 
    width: 100vw;              
    max-width: 100vw;          
    margin-left: calc(-50vw + 50%);  
    position: relative;      
}
.betriebe-box {
	display: flex; 
	gap: 20px;
}
.betriebe-box .betriebe-text {
	width: 350px;
	height: 285px;
	background: #d1121f;
	color: #fff;
	padding: 20px; 
}
.betriebe-box .betriebe-text p { 
	padding-left: 35px;
	margin-bottom: 0;	
}
.betriebe-box .slider-image {
	width: 100%; 
} 
.betriebe-text .slick-list {
	width: auto !important;
}   
.betriebe-text .slick-slide  {  
	cursor: auto;  
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.betriebe-text .slick-arrow {  
	bottom: -98px;
	top: inherit;
	right: 0; 
	transition: all .2s ease-in-out;
}
.betriebe-text .slick-arrow:hover {  
	opacity: .5;
}

 .betriebe-text .slick-arrow.slick-prev,
 .betriebe-text .slick-arrow.slick-next {  
	border: none;
	background: none;
	font-size: 0 !important; 
	width: 60px !important;
	height: 60px !important; 
	position: relative;
} 
  
  
 .betriebe-text .slick-arrow.slick-prev {  
	right: 50px;	 
	position: absolute;
	bottom: -49px;
}
 .betriebe-text .slick-arrow.slick-next {    
	position: absolute;
	right: 0;
	bottom: -50px;	
}
.betriebe-text .slick-arrow.slick-prev:after {  
	position: absolute; 
	left: 0;
	bottom: 0; 
	width: 60px;
	height: 60px; 
	color: #000;
	opacity: .5;
	font-size: 41px;
	content: "\e92f"; 
	transform: rotate(180deg);
}
.betriebe-text .slick-arrow.slick-next:after {  
	position: absolute;
	bottom: 0;
	right: 0;
	color: #000;
	opacity: .5;
	font-size: 41px;
	content: "\e92f";
}
 
.betriebe-text .slick-slide h4.info-title {
	color: #fff; 
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 1.8rem;
	line-height: 2rem;
} 
.betriebe-text .slick-slide ul  { 
	margin-bottom: 4px;
	width: 100%;
}
.betriebe-text .slick-slide ul li { 
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
	padding-left: 35px;
	border: none;
	position: relative;
	font-weight: 700;
	line-height: 1.7rem;
}
.betriebe-text .slick-slide ul li:last-child {  
	margin-bottom: 0 !important; 
}
.betriebe-text .slick-slide ul li:before {
	display: block;
	position: absolute;
	top: 14px !important;
	left: 5px !important;
	transform: translateY(-50%) !important;
	color: #fff;
	z-index: 0;
	content: '\e90e' !important;
	font-size: 25px !important;
} 

 
.betriebe-kachel .slick-slide {
	border: solid 5px #f2f2f2;
	margin: 0 10px;
	cursor: text !important;
	padding: 10px;
	width: 320px; 
	background-color: #fff; 
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease;
	will-change: background-color, color, border-color; 
	height: 256px;
}
.betriebe-kachel .slick-slide.coverborder {  
	border-color: #d1121f;
}
.betriebe-kachel .slick-slide.slick-current h4 {
 
}
.betriebe-kachel .slick-slide h3 {
	color: #d1121f; 
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 1.8rem;
	line-height: 2rem;
}



.betriebe-kachel  {
	/*overflow: hidden;*/
	
	
}
.betriebe-kachel .slick-slide a,
.betriebe-kachel .slick-slide p {
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
	padding-left: 42px;
	border: none;
	position: relative;
	transition: all .2s ease-in-out;
} 
.betriebe-kachel .slick-slide a:hover  {
	opacity: .6;
}
.betriebe-kachel .slick-slide a.betriebe-telefon:before,
.betriebe-kachel .slick-slide a.betriebe-email:before,
.betriebe-kachel .slick-slide a.betriebe-info:before,
.betriebe-kachel .slick-slide p:before {
	display: block;
	position: absolute; 
	left: 0;
	transform: translateY(-50%);  
	color: #5c5c5c;
	z-index: 0;
}
.betriebe-kachel .slick-slide a.betriebe-telefon:before { 
	content: '\e909' !important;
	font-size: 27px; 
	top: 13px;
	left: 11px;
}
.betriebe-kachel .slick-slide a.betriebe-email:before { 
	content: '\e90b' !important;
	font-size: 19px;
	top: 13px;
	left: 6px; 
}  
 
.betriebe-kachel .slick-slide a.betriebe-info:before { 
	content: '\e901' !important;
	font-size: 26px;
	top: 15px;
	left: 6px;
}
 .betriebe-kachel .slick-slide a.betriebe-info { 
	font-weight: 400;
} 
.betriebe-kachel .slick-slide p  { 
	line-height: 1.5rem;
}

.betriebe-kachel .slick-slide p:before { 
	content: '\e90f' !important;
	font-size: 23px;
	left: 7px;
	top: 13px;
}
.betriebe-kachel .slick-slide p.betriebe-stationsleiter:before { 
	content: '\e916' !important;
  font-size: 23px;
  left: 5px;
  top: 10px;
}



.betriebe-kachel .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.betriebe-kachel .slick-list,
.betriebe-kachel .slick-track,
.betriebe-kachel .slick-slide {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .specialslider {
    height: auto;
} 
.specialsliderleftside {
	position: relative; 
    top: 0 !important; 
    transform: none !important; /* zwingend nötig */
    width: 100%;
    max-height: none;
    padding: 0;
    margin-right: 0;
} 
.specialsliderleftside_item { 
	padding: 60px 40px 0 0; 
}
.nichtfront .specialsliderleftside_item {  
	min-height: 35px !important; 
}
.nichtfront .specialsliderleftside_item h1 {
	margin-bottom: 0; 
	font-size: 1.55rem;
    line-height: 2rem;
}
.nichtfront .specialsliderleftside_item h1 {
	padding-left: 15px; 
}


.specialsliderleftside_item p { 
	max-width: 100%; 
	font-size: 1rem;
  line-height: 1.7rem;
} 
.specialsliderrightside {
    position: relative;
    width: 100%;
    height: 380px;
    margin-top: 20px;
}
 .specialsliderrightside_item img {
    height: 380px; 
}
.navi { 
	top: 21px !important; 
} 
}

@media (max-width: 700px) { 
.betriebe-box {
	flex-direction: column-reverse;
	gap: 10px;
}
.betriebe-box .betriebe-text {
	width: 100%; 
}
.betriebe-kachel .slick-slide { 
	margin: 0; 
}
.betriebe-kachel  { 
	padding-right: 15px;
}
}