




div.akt_home_box_rahmen{
	background: #1d1d3d;
	display:flex;
	justify-content: flex-start;
	box-sizing:border-box;
	position: relative;
	vertical-align:center;
	
}
div.akt_home_box{
	width: 100%; 
	box-sizing:border-box;
	display:flex;
	justify-content: flex-start;
	align-items: stretch;
	max-width: 1500px;
	margin: 0px auto 0px auto; 
	flex-wrap: wrap;
	padding:70px;
	 flex-direction: row; 
 
}
@media (max-width: 1200px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait)
  {	
	div.akt_home_box{
		padding:40px;
	}
}

@media (max-width: 900px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1350px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1800px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2700px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1350px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2700px) and (orientation:portrait)
  {	
	div.akt_home_box{
		padding: 0px 30px 0px 30px;
	}	
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
	div.akt_home_box{
		padding: 0px 10px 0px 10px;
	}	
}


div.home_akt_box_title{
	background: #A4A4B1;
	color:#1d1d3d;
	text-transform:uppercase;
	width: 100%; 
	padding: 20px;
	box-sizing:border-box;
	border-bottom: 10px solid #1d1d3d;
	font-size: 13pt;
	font-weight: bold;
}

a.home_aktuelles_item{
	position: relative;
	background: #D6D6DC;
	width: calc(30.33% - 1% - 20px);
    	display: block;
   	margin: 10px 1.5% 10px 1.5%;
}
@media (max-width: 1050px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1575px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2100px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2625px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3150px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1575px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2100px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2625px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3150px) and (orientation:portrait)
  {	
	a.home_aktuelles_item{
		width: 47%;
	}
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	a.home_aktuelles_item{
		width: 100%;
	}
}

a.home_aktuelles_item:hover{
	background: #FEFBCC;
}
a.home_aktuelles_item:hover div.home_aktuelles_item_content{
	background: #FEFBCC;
}
a.home_aktuelles_item:hover div.home_akt_box_title{
	background: #fbe900;
}
div.home_aktuelles_item_pic {
	width: 100%;
}
div.home_aktuelles_item_pic > img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

div.home_aktuelles_item_content{
	width: 100%;
	box-sizing: border-box;
	background: #D6D6DC;
	padding: 20px;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div.home_aktuelles_item_content{
		padding: 10px 20px 10px 20px;
	}
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	div.home_aktuelles_item_content{
		min-height:150px;
		padding: 20px;
	}
}

div.home_aktuelles_item_content_button{
	background: #fbe900;
	color: #1d1d3d;
	width: 300px;
	margin-left: auto;
	margin-right: 0px;
	padding: 20px 0px 10px 20px;
	box-sizing: border-box;
	font-weight: bold;
	margin-top: 10px;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div.home_aktuelles_item_content_button{
		width: 230px;
		padding: 10px 0px 5px 10px;
	}
}

a.home_aktuelles_item:hover div.home_aktuelles_item_content_button{
	color: #fbe900;
	background: #1d1d3d;
}


div.home_aktuelles_nav{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-around;
	background: #E6E6E6;
	padding: 20px 0px 20px 0px;
}








div#home_termine_container{
	position: relative;
	width: 100%;	
	box-sizing: border-box;
	background-image: url('/clips/home-termine-background.jpg'); /* Pfad zum Bild */
	background-size: cover; /* Sorgt dafür, dass das Bild den Bereich ausfüllt */
	background-position: center; /* Zentriert das Bild horizontal und vertikal */
	background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
	margin-top:10px;
	max-width: 1500px; 
	margin: 0px auto 0px auto; 
	box-sizing:border-box;
}
div#home_termine{
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	padding: 70px 70px 70px 70px; 	
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	line-height: 1.5em;

}
@media (max-width: 1200px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait)
  {	
	div#home_termine{
		padding:40px;
	}
}
@media (max-width: 1050px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1575px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2100px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2625px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3150px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1575px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2100px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2625px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3150px) and (orientation:portrait)
  {	
	div#home_termine{
		padding: 80px 30px 80px 30px; 	
		justify-content: center;
		border-bottom: 5px solid white;
	}
}

@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
	div#home_termine{
		padding:10px;
	}
}
div#home_termine_show_all{
	position: relative;
	box-sizing: border-box;
	width: 60px;
	height:100%;
	display:block;
	background-image: url('/clips/weitere_termine.png'); /* Pfad zum Bild */
	background-size: contain; /* Sorgt dafür, dass das Bild den Bereich ausfüllt */
	background-position: center; /* Zentriert das Bild horizontal und vertikal */
	background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */

}
div#home_meldungen_show_all{
	position: relative;
	box-sizing: border-box;
	width: 60px;
	height: 100%;
	display:block;
	background: transparent;

}

div#home_meldungen_show_all img{
	position: absolute;
	left: 0%;
    	top: 25%;
    	
}
a.weitere_button{
	background: #A4A4B1;
	 margin: 10px 1.5% 10px 1.5%;
}
a.weitere_button:hover{
	background: #fbe900;

}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	a.weitere_button{
		display:none;
	}
}
a.mobile_home_button{
	display:none;
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	a.mobile_home_button{
		display:block;
		        margin: 10px 1.5% 10px 1.5%;
		padding: 20px;
		background: #A4A4B1;
		color: #1d1d3d;
		text-transform: uppercase;
		font-size: 13pt;
  		font-weight: bold;
    		width: 100%; 
    		box-sizing: border-box;
    		text-align: center;
	}
}
a.mobile_home_button:hover{
	background: #fbe900;

}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
a.home_termine_item{
	position: relative;
	width: 30.33%;
	display: block;
	margin: 10px 1.5% 10px 1.5%;	
	}
}
@media (max-width: 1050px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1575px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2100px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2625px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3150px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1575px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2100px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2625px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3150px) and (orientation:portrait)
  {	
	a.home_termine_item{
		width: 47%;
	}
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	a.home_termine_item{
		width: 100%;
	}
}
a.home_termine_small_item{
	position: relative;
	width: calc(30.33% - 1% - 20px);
	display: block;
	margin: 10px 1.5% 10px 1.5%;	
}
@media (max-width: 1050px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1575px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2100px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2625px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3150px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1575px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2100px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2625px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3150px) and (orientation:portrait)
  {	
	a.home_termine_small_item{
		width: 47%;
	}
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	a.home_termine_small_item{
		width: 100%;
	}
}
a.home_termine_small_item:hover div.home_termine_item_headline{
	background: #fbe900;
	color: #1d1d3d;
}
a.home_termine_small_item:hover div.home_termine_item_content{
	background: #FEFBCC;
}
a.home_termine_item:hover div.home_termine_item_headline{
	background: #fbe900;
	color: #1d1d3d;
}
a.home_termine_item:hover div.home_termine_item_content{
	background: #FEFBCC;
}
div.home_termine_item_headline{
	position: relative;
	width: 100%;
	background: #1d1d3d;
	color: white;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
	text-transform: uppercase;
	display:grid;
	min-height: 68px;
	font-weight:bold;
	grid-template-columns: 1fr 10px 9fr;
}
div.home_termine_item_headline span{
	font-size: 18pt;
}

div.home_termine_item_headline_small{

	padding: 8px 20px 8px 20px;
	display:grid;
	grid-template-columns: 1fr 10px 9fr;
	align-content:center;
	line-height: 1.2;
}

div.home_termine_item_headline_small span{
	font-size: 13pt;
}

div.home_termine_item_content{
	position: relative;
	width: 100%;
	background: #D6D6DC;
	padding: 20px;
	box-sizing: border-box;
	height: 300px;
	overflow-y:auto;
	
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	div.home_termine_item_content{
		height:auto;
	
	}
}
a.aktuelles_item{
	height: 378px;
	overflow-y:auto;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	
	a.aktuelles_item{
		height: auto;
		overflow-y:auto;
	}
}

div.aktuelles_item_pic{
	width:100%;
}
img.akt_img{
	width:100%;
}
a.home_termine_item:hover div.home_termine_item_content{
	background: #FEFBCC;
}
a.home_termine_item:hover div.home_termine_item_headline{
	background: #fbe900;
	color: #1d1d3d;
}