@media only screen and (min-width: 20px){

	/* Allg */
	.div_con_center{
		width:360px; margin:0 auto; padding:0px; text-align:left;
	}
	
	/*NAVIGATION*/

	.show_nav_desktop{
		position:absolute;
		display:inline-block;
		z-index:999999;
		display:none;
	}
	
	/*NAVIGATION*/
	
	/*SCROLLNAVIGATION*/	

	.naviscroll_hidden{
		width:100%;
		height:100px;
		position:fixed;
		margin:0 0 0 0;
		padding:0 0;
		top:-1000px;
		box-sizing:border-box;
		z-index:99999;
		transition: all 0.7s ease-in-out;
		background-color:#fff;
		opacity:0.9;
		display:none
	}

	.naviscroll{
		width:100%;
		height:100px;
		position:fixed;
		display:none;
		margin:0 0 0 0;
		padding:0 0;
		top:0;
		box-sizing:border-box;
		z-index:99999;
		transition: all 0.7s ease-in-out;
		background-color:#fff;
		opacity:0.98;
		border-bottom: 1px solid #02478a;
	}

/*SCROLLNAVIGATION*/	
	
/*Headerbild*/

	.header_slider{
		width:100%;
		height:500px;
		/* background-size:cover; */
		background-repeat:no-repeat;
		z-index:999;
		
	}
	.header_slider img{
		width:100%;
		height:500px;
		/* background-size:cover; */
	}
	
	.header_slider video{
		width:100%;
		height:500px;
		/* background-size:cover; */
	}
	
	.wasserzeichen_header{
		height:869px;
		width:1157px;
		display:flex;
		position:absolute;
		margin-left:681px;
		display:none;
	}
	
	.wasserzeichen_header img{
		height:810px;
		width:auto;
		background-repeat:no-repeat;
	}
	
	.inhalt_header{
		z-index:999999;
		margin-top:150px;
		width:300px;
	}
	
	.subheadline_header{
		height:auto;
		width:100%;
		font-size:1.5rem;
	}
	
	.headline_header{
		height:auto;
		width:100%;
		z-index:999999;
		font-size:1.875rem;
		font-weight:600;
		line-height:40px;
		top:-10px
	}
	
	.info_header{
		margin-top:0px;
		margin-bottom:40px;
		width:300px;
		height:auto;
		line-height:30px;
		display:none;
	}
	
	.links_header{
		height:auto;
		width:100%;
		margin:0 0 0 0;
	}
	
	.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width:100%;
		height:500px;
		padding: 0;
		margin:0 0 0 0;
		z-index:999;
	}
	
	.rslides li {
		-webkit-backface-visibility: hidden;
		position:absolute;
		display:none;
		width:100%;
		left:0;
		top:0;
		margin:0;
		padding:0;
	}
	
	.rslides li:first-child {
		position:relative;
		display:block;
	}
	
	.rslides img {
		display:block;
		height:auto;
		width:100%;
		border:0;
	}
	
	.nav_punkte{
		width:100%;
		float:right;
	}
	
	.rslides_bullets_pos{
		margin:0 0 0 0;
		z-index:9999;
		display:block;
		float:right
	}
	
	#rslides_bullets .prev{
		right:45px;
		position:absolute;
		bottom:50px;
		width:35px;
		height:35px;
		color:transparent;
		background:url(../images/peil_prev.png), #e79400;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:13px 20px;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
		border-radius:5px;
		float:right
	}
	
	#rslides_bullets .next{
		right:0px;
		position:absolute;
		bottom:50px;
		width:35px;
		height:35px;
		color:transparent;
		background:url(../images/pfeil_next.png), #222222;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:13px 20px;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
		border-radius:5px;
	}


/*Headerbild*/

/* |||||||||| START :: CONTENTBEREICH |||||||||| */

	.wilkommensbereich{
		width:100%;
		height:auto;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.bildbereich{
		height:auto;
		width:360px;
	}
	
	.picbox_klein{
		height:240px;
		width:360px;
		overflow:hidden;
		border-radius:10px;
		margin:0px 0 19px 0;
	}
	
	.picbox_klein img{
		height:240px;
		width:auto;
		background-position:center center;
	}
	
	.picbox_groß{
		height:540px;
		width:360px;
		overflow:hidden;
		/* border:10px solid #fff;	 */
		border-radius:10px;
		left:0;
		margin-right:0px;
		float:right;
		top:-9px;
		box-sizing:border-box;
	}
	
	.picbox_groß img{
		height:540px;
		width:auto;
	}
	
	.content_text{
		width:360px;
		height:auto;
		top:0px;
		margin-bottom:80px;
	}
	
	.box_headlines{
		height:auto;
		width:360px;
		top:20px;
		left:0px;
		/* margin-bottom:50px; */
	}
	
	.box_headlines span{
		font-size:1.5rem;
		line-height:1.5rem;
		font-weight:400;
	}
	.box_headlines h2{
		font-size:1.875rem;
		margin:0;
	}
	.box_headlines h3{
		font-size:1.875rem;
		margin:0;
	}
	
	.box_text{
		height:auto;
		width:100%;
		margin-top:50px
	}
	.content_text li{
		font-size:1.125rem;
	}
	
	.pos_link_con{
		margin-top:20px;
	}
	
	.keyfact1 {
	  margin-top:0px;
	  margin-bottom:0;
	  left:0px;
	  width: 360px;
	  height: 270px;
	  box-sizing: border-box;
	  background: #222;
	  /* border: 10px solid #fff; */
	  border-radius: 10px;    /* innerer Radius 10px + border 10px = 20px */
	  overflow: hidden;
	  background-clip: padding-box;
	  
	  display: grid;          /* <-- hier */
	  place-items: center;    /* zentriert horizontal + vertikal */
	  padding: 0 12px;        /* optional: Abstand innen, damit Text nicht ganz am Rand klebt */
	}

	.txt_keyfact {
	  width: 100%;
	  text-align: center;
	  padding: 0;
	  margin: 0;
	  box-sizing: border-box;
	}

	.txt_keyfact p {
	  margin: 0;              /* sehr wichtig! */
	  font-size: 1.875rem;
	 
	}
/* |||||||||| ENDE :: CONTENTBEREICH |||||||||| */

/*START: STYLE KOMPETENZEN STARTSEITE*/
	
	.bg_ref_start {
		height: 1282px;
		width:calc(100%);
		background-image: url(../images/wasserzeichen_halb.png);
		background-repeat: no-repeat;
		background-position: 57px 200px;
		
	}

	.inhalt_kompetenzen {
		height: 583px;
		width: 360px;
		margin:0 auto; 
		padding:80px 0 80px 0; 
		text-align:left;
		color: #fff;
	}

	.box_headlines_komp_start {
		margin: 0;
		width: 100%;
		float:left;
	}

	.box_headlines_komp_start span {
		font-size: 1.5rem;
		
	}

	.box_headlines_komp_start h2 {
		font-size: 1.875rem;
		margin: 0;
	}

	.boxen_kompetenzen_start {
		width: 360px;
		margin-top: 30px;
	}

	.box_kompetenz {
		height: 211px;
		width: 360px;
		border: 1px solid #fff;
		box-sizing: border-box;
		border-radius: 10px;
		padding: 30px 30px 0 30px;
		margin: 0 0px 0px 0;
		background: transparent;
		transition: background 0.3s ease;
	}

	/* .box_kompetenz:hover { */
		/* background: rgba(105, 105, 105, 0.3); */
	/* } */

	
	.box1{
		margin:0 0px 30px 0px;
	}
	
	.box2{
		margin:0 0px 30px 0px;
	}
	
	.box4{
		margin:30px 0px 0 0px;
	}
		
	
	.box2,
	.box4 {
		background: rgba(105, 105, 105, 0.3);
	}

	/* .box2:hover, */
	/* .box3:hover { */
		/* background: transparent; */
	/* } */

	.box_icon img {
		height: 50px;
		width: auto;
	}

	.inhalt_box span {
		font-size: 1.5rem;
	}

	.inhalt_box p {
		font-size: 1.125rem;
		margin: 0;
	}
	
	.inhalt_box {
		position: relative;
	}

	.inhalt_box .pfeil {
		display: inline-block;
		margin-left: 15px; /* Abstand zum Text */
		height: 14px;      /* Größe nach Bedarf */
		width: auto;
		vertical-align: middle;
		transition: all 0.3s ease;
	}

	/* Hover-Effekt: Bild wechseln */
	.box_kompetenz:hover .pfeil {
		content: url(../images/pfeil_w_hover.png); /* weißer/aktiver Pfeil */
	}

	.kompetenzen_right {
		height: 743px;
		width:calc(40% - 5px);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		display:none
	}


/*ENDE: STYLE KOMPETENZEN STARTSEITE*/

/*||||||||||||||||||||||| INDEX CTA*/

	.bg_cta{
		width:100%;
		height:450px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top center;
	}
	
	.overlay_cta{
		background-image:url(../images/overlay_cta.png);
		height:100%;
		width:100%;
	}
	
	
	.inhalt_cta{
		width:360px;
		height:300px;
		margin:0px 0 0 0;
		display: flex;           /* Flexbox aktivieren */
		flex-direction: column;     /* Elemente horizontal anordnen */
		justify-content: center; /* Horizontal zentrieren */
		align-items: left;     /* Vertikal zentrieren */
		text-align:center;
		gap: 0px;               /* Abstand zwischen Telefonnummer und Link */
	}
	
	.standard.inhalt_cta h2,
	.standard.inhalt_cta span {
		display: block;
		margin: 10px 0;
	}
	
	.inhalt_cta h2{
		font-size:1.875rem;
		line-height:40px;
	}
	
	.inhalt_cta span{
		font-size:1.125rem;
		font-weight:400;
	}
	
	.inhalt_cta_r{
		width:100%;
		height:100px;
		display: flex;           /* Flexbox aktivieren */
		flex-direction: column;     /* Elemente horizontal anordnen */
		justify-content: center; /* Horizontal zentrieren */
		align-items: center;     /* Vertikal zentrieren */
		gap: 10px;               /* Abstand zwischen Telefonnummer und Link */
	}

/*||||||||||||||||||||||| INDEX CTA*/

/*START:: REFERENZEN STARTSEITE */

	.referenzen_start{
		height:auto;
		width:100%;
	}
	
	.referenzen_text{
		height:auto;
		width:360px;
	}
	
	.referenzen_text span{font-size:1.5rem; margin:0;}
	.referenzen_text h2{font-size:2.5rem; margin:0;}
	.referenzen_text p{font-size:1.125rem; margin:30px 0 0 0;}
	
	.pos_controlls_ref{
		height:40px;
		width:100%;
	}
	
	.large-carousel{ 
		display:none; 
	}
	
    .slider-desktop { display: none; }
	.slider-mobile  { display: block; }

	.jcarousel-wrapper-refenzen-start{
		width:360px;
		height:auto;
		overflow:hidden;
		margin:20px 0 0 0;
		display:inline;
		overflow:hidden;
		z-index:2;
	}
	

	.jcarousel-wrapper-refenzen-start li{
		margin:0 0px 0px 0 ;
		border-radius:0px;
		
	}
	
	.jcarousel-control-prev-referenzen-start,
	.jcarousel-control-next-referenzen-start	{
		position: absolute;
		left:0;
		top:auto;
		bottom:0px;
		width:35px;
		height:35px;
		border-radius:5px;
	}
	
	.jcarousel-control-prev-referenzen-start {
		left:125px;
		position:absolute;
		color:transparent;
		background:url(../images/peil_prev.png), #e79400;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;

	}
	
	.jcarousel-control-next-referenzen-start {
		left:175px;
		position:absolute;
		color:transparent;
		background:url(../images/pfeil_next.png), #222222;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	.slider_inner {
		display: flex;
		flex-direction: row;
		width: 100%; /* nur die linke Hälfte für Slide */
		box-sizing: border-box;
	}

	.graue-container {
		display: flex;
		flex-direction: column;
		gap: 20px; /* Abstand zwischen den grauen Boxen */
		width: 360px; /* gleiche Breite wie orange Box */
		margin-right:20px;
	}

	.referenz_orange {
		height: 382px;
		width: 360px;
		background-color: #e79400;
		padding: 50px 20px 20px 20px;
		box-sizing: border-box;
		border-radius: 10px;
		color: #fff;
		background-image: url(../images/ico_ref.png);
		background-repeat: no-repeat;
		background-position: 20px 20px;
		flex-shrink:0;
		margin: 0 20px 0 0;
	}

	.referenz_grau {
		height: 180px;
		width: 360px;
		background-color: #8f8f8f;
		padding: 50px 20px 20px 20px;
		box-sizing: border-box;
		border-radius: 10px;
		color: #fff;
		background-image: url(../images/ico_ref.png);
		background-repeat: no-repeat;
		background-position: 20px 20px;
		flex-shrink:0;
		margin: 0 20px 0px 0;
	}
	
/*ENDE:: REFERENZEN STARTSEITE */

/*||||||||||||||||||||||| ALLG. FOOTER*/

	.bg_footer{
		width:100%;
		height:650px;
	}

	.block1_footer{
		display:flex;
		flex-direction: column;     /* Elemente horizontal anordnen */
		justify-content: center; /* Horizontal zentrieren */
		align-items: center;     /* Vertikal zentrieren */
		
		height:550px;
		width:100%;
		border-bottom:1px solid #8f8f8f;
	}
	
	.logo_box_footer{
		display:flex;
		flex-direction: column;     /* Elemente horizontal anordnen */
		justify-content: center; /* Horizontal zentrieren */
		align-items: center;     /* Vertikal zentrieren */
		height:55px;
		width:360px;
		top:40px;
	}
	
	.logo_box_footer img{
		height:auto;
		width:250px;
	}
	
	.nav_footer{
		display:flex;
		flex-direction: column;     /* Elemente horizontal anordnen */
		justify-content: center; /* Horizontal zentrieren */
		align-items: center;     /* Vertikal zentrieren */
		height:auto;
		width:360px;
		top:50px;
	}
	
	.nav_block1_foot{
		height:auto;
		width:180px;
		margin-top:20px;
	}
	
	.nav_block2_foot{
		margin-top:0px;
	}
	
	.footer_linkbox{width:100%;
		display:flex;
		flex-direction: column;     /* Elemente horizontal anordnen */
		justify-content: center; /* Horizontal zentrieren */
		align-items: center;     /* Vertikal zentrieren */
	}
	
	
	a.link_nav_foot:link, a.link_nav_foot:visited {
		color:#8f8f8f;
		font-size:1.25rem;
	}
	
	a.link_nav_foot:active, a.link_nav_foot:hover {
		color:#e79400;
		font-size:1.25rem;
	}
	
	a.link_nav_foot_active:link, a.link_nav_foot_active:visited, a.link_nav_foot_active:active, a.link_nav_foot_active:hover {
		color:#e79400;
		margin-bottom:0px;
		font-size:1.25rem;
	}
	
	.kontakt_footer{
		display:flex;
		flex-direction: column;     /* Elemente horizontal anordnen */
		text-align:center;
		height:auto;
		width:360px;
		margin-top:70px;
		float:left;
	}
	
	.adresse_footer{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height:auto;
		width:100%;
		font-size:1.25rem;
		margin-bottom:00px;
		
	}
	
	.tel_footer{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;     
		height:auto;
		width:100%;
		font-size:1.25rem;
		background-image:url(../images/ico_tel.png);
		background-repeat:no-repeat;
		padding-left:0px;
		background-position:75px center;
		margin-left:12px
	}
	
	.email_footer{
		display:flex;
		flex-direction: column;     /* Elemente horizontal anordnen */
		justify-content: center; /* Horizontal zentrieren */
		align-items: center;     /* Vertikal zentrieren */
		height:auto;
		width:100%;
		font-size:1.25rem;
		background-image:url(../images/ico_mail.png);
		background-repeat:no-repeat;
		padding-left:0px;
		margin-bottom:20px;
		line-height:26px;
		background-position:70px center;
		margin-left:17px
	}
	
	.z2_footer{
		width:100%;
		height:70px; 
		/* border-top: 1px solid #8f8f8f; */
		margin-left:15px;
	}
	
	.copyright{
		background-image:url(../images/ico_copyright.png);
		background-repeat:no-repeat;
		padding-left:20px;
		background-position:left center;
		top:15px;
	}
	.nav_z2_footer{top:15px;}
	
	.pos_links_nav2_foot{
		margin-top:20px;
		float:left;
	}
	
	.link_nav2_pos{margin-left:43px}
	
/*||||||||||||||||||||||| ALLG. FOOTER*/

/*||||||||||||||||||||||| Detailseite*/

	.wasserzeichen_header_detail{
		height:496px;
		width:660px;
		display:flex;
		position:absolute;
		margin-left:970px;
		display:none;
	}
	
	.wasserzeichen_header_detail img{
		height:496px;
		width:auto;
		background-repeat:no-repeat;
	}

	.header_detailseite{
		height:350px;
		width:100%;
		background-size:cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.content_headergfx_inside{
		height:auto;
		width:100%;
		margin:150px 0 0 0;
	}
	
	.content_headergfx_inside span{
		font-size:1.125rem;
	}
	
	.content_headergfx_inside h1{
		font-size:2rem;
		line-height:40px;
	}
	
	.picbox_detail{
		height:240px;
		width:360px;
		display: flex;
		align-items: center;    /* vertikal zentrieren */
		justify-content: center; /* horizontal zentrieren */
		overflow: hidden;       /* alles außerhalb abschneiden */
		border-radius:10px 10px;
	}
	
	.picbox_detail img{
		border-radius:10px 10px;
		height:240px;
		width:auto;
	}
	
	.picbox_detail iframe{
		height:240px;
		width:360px;
	}
	
	.jcarousel-wrapper-detail{
		width:360px;
		height:240px;
		overflow:hidden;
		margin:40px 0 0 0;
		padding:0px 0 0 0;
		display:inline;
		/* overflow:hidden; */
		z-index:2;
		border-radius:20px 20px;
	}
	
	.jcarousel-wrapper-detail li{
		padding:0 0 0 0;
		margin:0 10px 0 0;
		/* overflow:hidden; */
	}

	.jcarousel-control-prev-detail,
	.jcarousel-control-next-detail	{
		position:absolute;
		top:195px;
		right:0;
		width:19px;
		height:31px;
		z-index:99999;
		width:35px;
		height:35px;
		border-radius:5px;
	}

	.jcarousel-control-prev-detail {
		right:190px;
		position:absolute;
		color:transparent;
		background:url(../images/peil_prev.png), #e49413;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}

	.jcarousel-control-next-detail {
		right:150px;
		position:absolute;
		color:transparent;
		background:url(../images/pfeil_next.png), #222222;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	.content_text_detail{
		height:auto;
		width:360px;
	}
	
	.content_text_detail span{
		font-size:1.5rem;
		margin:0;
	}
	
	.content_text_detail h2{
		font-size:2rem;
		line-height:45px;
		margin:0;
	}
	
	.content_text_detail_100{
		height:auto;
		width:100%;
	}
	
	.content_text_detail_100 span{
		font-size:1.5rem;
		margin:0;
	}
	
	.content_text_detail_100 h2{
		font-size:1.875rem;
		line-height:40px;
		margin:0;
	}
	
	.content_text_detail_100 p{
		font-size:1.125rem;
		/* line-height:50px; */
		margin:20px 0 0 0;
	}
	
	/* |||||||||| Start :: Accordeon |||||||||| */

	.accordion {		
		margin:40px 0 0 0;
		padding:30px;
		width:100%;
		box-sizing:border-box;
		background:transparent;
		cursor:pointer;
		background:url(../images/acc_closed.png) no-repeat center right 20px, transparent;
		transition: all 0.4s ease-in-out;
		border:1px solid #222;
		border-radius:10px
	}
	
	.accordion span{
		font-size:1.5rem;
	}

	.accordion-open{		
		margin:40px 0 0 0;
		padding:30px;
		width:100%;
		box-sizing:border-box;
		background:transparent;
		cursor:pointer;
		background:url(../images/acc_open.png) no-repeat center right 20px, #e49413;
		transition: all 0.4s ease-in-out;
		border:none;
		border-radius:10px 10px 0 0;
	}
	
	.accordion-open span{
		font-size:1.5rem;
	}

	div.contentacc {
		width:360px;
		margin:0px 0 0 0;
		padding:30px;
		box-sizing:border-box;
		background-color:#e49413;
		border-top:1px solid rgba(255, 255, 255, 0.2);
		border-radius:0 0 10px 10px ;
	}
	
	.headline_accordeons{
		width:100%;
		height:auto;
		margin:0;
	}
	
	.headline_accordeons h2{
		font-size:3.125rem;
		margin:10px 0 0 0;
	}
	
	span.headline_accordeons {
		font-size:3.125rem;
		margin:10px 0 0 0;
	}
	
	h3.headline_acc {
		font-size:1.5rem;
		margin:0;
		line-height:24px;
	}
	
	.container_content_zusatz_txt{height:auto; width:100%;}
	
	.container_content_zusatz_txt_100{height:auto; width:100%;}
	
	.jcarousel-wrapper-bild-acc{
		width:300px;
		height:230px;
		overflow:hidden;
		margin:18px 0 0 0;
		float:left;
		display:inline;
		overflow:hidden;
		z-index:2;

	}

	.jcarousel-wrapper-bild-acc li{
		margin:0 10px 0 0px ;
		border-radius:10px 10px;
	}

	.bild_acc_rahmen{
		width:300px;
		height:200px;
		overflow:hidden;
		text-align:center;
		margin-right:0;
		margin-top:20px;
		z-index:9998;
		border-radius:10px;
	}
	
	.bild_acc_rahmen img{
		height:200px;
		width:auto;
		border-radius:10px;
	}
	
	.bild_acc_rahmen iframe{
		width:300px;
		height:200px;
		border-radius:10px;
	}
	
	.jcarousel-control-prev-acc,
	.jcarousel-control-next-acc	{
		position: absolute;
		left:0;
		top:auto;
		bottom:10px;
		width:35px;
		height:35px;
		border-radius:5px;
	}
	
	.jcarousel-control-prev-acc {
		left:106px;
		position:absolute;
		color:transparent;
		background:url(../images/peil_prev_orange.png), #fff;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	.jcarousel-control-next-acc {
		left:150px;
		position:absolute;
		color:transparent;
		background:url(../images/pfeil_next.png), #222;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	/*zusatzinhalt*/
	
	.jcarousel-wrapper-zusatz-offen{
		width:360px;
		height:240px;
		overflow:hidden;
		margin:18px 0 0 0;
		float:left;
		display:inline;
		overflow:hidden;
		z-index:2;
	}

	.jcarousel-wrapper-zusatz-offen li{
		margin:0 0 0 0px ;
	}

	.picbox_zusatz_offen{
		width:360px;
		height:240px;
		overflow:hidden;
		text-align:center;
		margin-right:0;
		z-index:9998;
		border-radius:10px
	}
	
	.picbox_zusatz_offen img{
		height:240px;
	}
	
	.picbox_zusatz_offen iframe{
		width:360px;
		height:240px;
	}
	
	
	
	.jcarousel-control-prev-zusatz-offen,
	.jcarousel-control-next-zusatz-offen {
		position:absolute;
		top:195px;
		right:0;
		width:19px;
		height:31px;
		z-index:99999;
		width:35px;
		height:35px;
		border-radius:5px;
	}
	
	.jcarousel-control-prev-zusatz-offen {
		right:190px;
		position:absolute;
		color:transparent;
		background:url(../images/peil_prev.png), #e49413;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	.jcarousel-control-next-zusatz-offen {
		right:150px;
		position:absolute;
		color:transparent;
		background:url(../images/pfeil_next.png), #222222;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	.container_dlv{
		height:auto;
		width:100%;
		margin-top:20px;
	}
	

	
	/* BILDERGALERIE ACCORDEON START */

	.jcarousel-wrapper-content-bildergalerie-acc{
		width:300px;
		height:200px;
		overflow:hidden;
		margin:20px 0 0 0;
		padding:45px 0 0 0;
		float:left;
		display:inline;
		overflow:hidden;
		z-index:2;
	}
	
	.jcarousel-wrapper-content-bildergalerie-acc li{
		padding:0 0 0 0;
		margin:0 10px 0 0;
		overflow:hidden;
	}

	.jcarousel-control-prev-content-bildergalerie-acc,
	.jcarousel-control-next-content-bildergalerie-acc	{
		position:absolute;
		top:0;
		right:0;
		width:35px;
		height:35px;
		border-radius:5px;
	}

	.jcarousel-control-prev-content-bildergalerie-acc {
		right:40px;
		position:absolute;
		color:transparent;
		background:url(../images/peil_prev_orange.png), #fff;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}

	.jcarousel-control-next-content-bildergalerie-acc {
		
		position:absolute;
		color:transparent;
		background:url(../images/pfeil_next.png), #222;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	.rahmen_bilder_galerie_100_acc{
		width:300px;
		height:200px;
	}
	
	.rahmen_bilder_galerie_100_acc img{
		width:auto;
		height:200px;
		border-radius:10px;
	}	
	
	/* |||||||||| Ende :: Accordeon Detailseite + Downloads |||||||||| */
	
		/*||||||||||||| bildslider content*/

	.jcarousel-wrapper-content-bildergalerie{
		width:360px;
		height:240px;
		overflow:hidden;
		margin:40px 0 0 0;
		padding:45px 0 0 0;
		float:left;
		display:inline;
		overflow:hidden;
		z-index:2;
		border-radius:5px;
	}
	
	.jcarousel-wrapper-content-bildergalerie li{
		padding:0 0 0 0;
		margin:0 10px 0 0;
		overflow:hidden;
	}

	.jcarousel-control-prev-content-bildergalerie,
	.jcarousel-control-next-content-bildergalerie	{
		position:absolute;
		top:0px;
		right:0;
		width:35px;
		height:35px;
		z-index:99999;
		border-radius:5px;
	}

	.jcarousel-control-prev-content-bildergalerie {
		right:40px;
		position:absolute;
		color:transparent;
		background:url(../images/peil_prev.png), #e49413;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}

	.jcarousel-control-next-content-bildergalerie {
		position:absolute;
		color:transparent;
		background:url(../images/pfeil_next.png), #222222;
		background-repeat:no-repeat;
		background-position:center center;
		transition: all 0.2s ease-in-out;
		opacity:1;
		display:inline;
	}
	
	.rahmen_bilder_galerie_content{
		width:360px;
		height:240px;
		border-radius:10px;
	}
	
	.rahmen_bilder_galerie_content img{
		width:auto;
		height:240px;
		border-radius:10px;
	}	

/*||||||||||||| bildslider content*/

/*LISTE MIT LEISTUNGSBOXEN */
	.width_leistungsboxen{
		width:360px;
		
	}

	.card {
	  width: 360px;
	  height: 210px;
	  overflow: hidden;
	  text-decoration: none;
	  border-radius: 10px;
	  margin:0 0px 40px 0;
	}
	
	.card img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  transition: transform 0.3s ease;
	}

	.card-label {
	  position: absolute;
	  top: 90px;
	  left: 40px;
	  z-index: 2;

	  width: 200px;
	  color: #fff;

	  display: flex;
	  align-items: flex-start;
	  gap: 15px;

	  font-size: 1.5rem;
	  font-weight: 700;
	  line-height: 1.2;

	  /* 🔥 DAS ist der Schlüssel */
	  min-height: calc(2 * 1.2em);
	}


	.card-label .text {
	  display: block;
	}

	.card-label .pfeil {
	  height: 14px;
	  width: auto;
	  flex-shrink: 0;
	  margin-top: 0.1em;
	}

	  /* 🔥 DAS ist der eigentliche Fix */
	  margin-top: 0.15em;
	}
	
	.card:hover .pfeil {
		 content: url(../images/pfeil_w_hover.png);
	}

	
	.card::before {
		content: '';
		position: absolute;
		inset: 0;
		background: rgba(35, 35, 35, 0.7);
		transition: background 0.3s ease, opacity 0.3s ease;
		z-index: 1;
	}

	.card:hover::before {
	  background:linear-gradient(0deg, rgba(231,149,11,0.4), rgba(0,0,0,0));

	}
	
/*LISTE MIT LEISTUNGSBOXEN */

/*KOMTAKTFORMULAR*/
	
	.box_headline_formular h2{
		font-size:3.125rem;
		margin:0;
	}
	
	.container_form_outside_100{
		width:100%;
		height:auto;
		padding:0px 0 0 0px;
	}
	
	.container_form_outside_100_kontakt{
		width:100%;
		height:auto;
		padding:0px 0 0 0px;
	}
	
	.container_form_inside{
		width:360px;
		height:auto;
		margin-bottom:0px;
		overflow:hidden;
	}
	
	.form_links{
		height:auto;
		width:360px;
	}
	
	.container_betreff{
		height:auto;
		width:360px;
		margin-bottom:10px;
		float:left;
	}
	
	.betreff_box{
		width:360px;
		height:60px;
		background-color: transparent;
		box-sizing: border-box; 
		display: flex;
		align-items: center;
		padding: 10px 10px;
		cursor: pointer;
		border:none;
		border-radius:10px;
		border:2px solid #fff;
		cursor: text;
	}
	
	.container_nachricht{float:left;}
	
	.nachricht_box_kontakt{
		float:left;
		height:250px;
		width:360px;
		border:none;
		border-radius:10px; 
		background-color: transparent; /* Gleicher Hintergrund */
		margin: 0 0 0px -10px; /* Gleicher Abstand */
		box-sizing: border-box; /* Padding und Border werden in die Größe einberechnet */
		display: flex; /* Für besseren Aufbau */
		align-items: center; /* Zentriert die Inhalte vertikal */
		padding: 10px 10px; 
		cursor: pointer; 
		border:2px solid #fff;
		
	}
	
	textarea.nachricht_box_kontakt{
		resize:none;
		max-width:360px;
		max-height:250px;
		cursor: text;
		float:left;
		margin: 0 0px 0px 0px;
	}

	.textblock_form{
		padding:0px 0 40px 0;
	}
	
	.box_headline_formular{
		width:100%;
		height:auto;
	}
	
	h2.headline_formular{
		width:auto;
		height:auto;
	}
	
	.info_formular{
		height:auto;
		margin-top:0px;
	}
	
	
	
	/*Styles Karriereformular*/
	
	
	.hinweis_dateien{
		height:auto;
		width:100%;
	}
	
	.rahmen_dateien{
		height:auto;
		width:100%;
	}
	
	.eingabe_box_karriere{
		height:60px;
		width:355px;
		border-radius:10px; 
		background-color: transparent;
		margin: 0 0px 10px 0; /* Gleicher Abstand */
		box-sizing: border-box; /* Padding und Border werden in die Größe einberechnet */
		display: flex; /* Für besseren Aufbau */
		align-items: center; /* Zentriert die Inhalte vertikal */
		padding: 0 10px; 
		cursor: text; 
		border:2px solid #fff;
	}
	
	.pos_box_karriere{
		/* float:left; */
		margin:45px 0px 0px 0px;
	}
	
	.text_datenschutz_karriere{
		width:100%;
		margin: 15px 0 40px 0px;
	}
	
	/* File Input komplett verstecken */
		input.datei {
		  position: absolute;
		  inset: 0;
		  opacity: 0;
		  cursor: pointer;
		}

		/* Dein weißer Placeholder */
		.datei-placeholder {
		  color: #fff;
		  pointer-events: none;
		  font-size: 14px;
		}
	
	/*Styles Karriereformular*/
	
	
	/* Start :: reCaptcha */
	.container_rahmen_recaptcha{
		width:360px;
		margin:22px 0 0 0;
	}
	
	.box_frage{
		width:100%;
		margin:0 0 0 30px;
	}
	
	.box_frage p{
		font-size:1.125rem;
		color:#fff;
		margin:0;
	}
	
	.box_picture{
		width:280px;
		height:60px;
		margin:0 0 10px 30px;
	}
	
	.box_picture img{
		width:auto;
		height:60px;
		margin:0 0 0 0;
		border-radius:10px;
	}
	
	.box_input{
		width:280px;
		margin:0 0 0px 0px;
		border:none;
	}
	
	input.breite_capture{
		width:360px;
		height:60px;
		margin:0 0 0 0px;
		border:2px solid #fff;
		background:transparent;
		border-radius:10px;
		box-sizing:border-box;
	}
	
	.text_datenschutz_kontakt {
		width:100%;
		margin: 15px 0 0 0px;
	}
	
	.label_datenschutz_checkbox{width:320px}
	
	.kontaktformular_btn{
		font-size:1.125rem;
		color:#222;
		background:#e49413;
		border:none;
		padding:15px 20px ;
		border-radius:10px;
	}
	
	.kontaktformular_btn:hover{
		color:#fff;
		background:#e49413;
		border:none;
		padding:15px 20px ;
	}
	
	.submitbutton{
		height:auto;
		width:100%;
		margin:30px 0 0 0px;
		float:left;
	}
	

	/*KOMTAKTFORMULAR*/
	
	/*||||||||||||||||||||||| DETAIL KARRIERE*/

	.rahmen_overflow_inner{width:100%; overflow:hidden}
	
	.card-karriere {
	  position: relative;
	  width: 360px;
	  height: 250px;
	  overflow: hidden;
	  text-decoration: none;
	  border-radius: 10px;
	  margin: 0 40px 40px 0;
	  box-sizing:border-box;
	  padding:0 4px0 0 0;
	}

	.card-karriere img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  transition: transform 0.3s ease;
	}

	/* Overlay */
	.card-karriere::before {
	  content: '';
	  position: absolute;
	  inset: 0;
	  background: rgba(35, 35, 35, 0.5);
	  transition: background 0.3s ease;
	  z-index: 1;
	}

	.card-karriere:hover::before {
	  background: linear-gradient(0deg, rgba(231,149,11,0.4), rgba(0,0,0,0));
	}

	/* Name (span) */
	.card-karriere-label {
	  position: absolute;
	  bottom: 40px; /* optional – kannst du anpassen, je nach Layout */
	  left: 0;
	  right: 0;
	  width: 100%;
	  padding: 0 40px; /* Innenabstand links/rechts */
	  color: #fff;
	  font-size: 1.5rem;
	  font-weight: 700;
	  z-index: 2;
	  transition: all 0.3s ease;
	  word-wrap: break-word;
	  box-sizing: border-box;
	}

	.card-karriere p {
	  position: absolute;
	  bottom: 30px;
	  left: 0;
	  right: 0;
	  width: 100%;
	  padding: 0 40px; /* Innenabstand links/rechts */
	  color: #fff;
	  opacity: 0;
	  transform: translateY(20px);
	  transition: all 0.4s ease;
	  z-index: 2;
	  margin: 0;
	  box-sizing: border-box;
	}



	/* Hover-Effekte NUR wenn <p> existiert */
	.card-karriere:has(p):hover .card-karriere-label {
	  transform: translateY(-115px);
	}

	.card-karriere:has(p):hover p {
	  opacity: 1;
	  transform: translateY(0);
	}

	

/*||||||||||||||||||||||| DETAIL KARRIERE*/

/*||||||||||||||||||||||| DETAIL Ansprechpartner*/

	.card-ap {
	  position: relative;
	  width: 360px;
	  height: 240px;
	  overflow: hidden;
	  text-decoration: none;
	  border-radius: 10px;
	  margin: 0 40px 40px 0;
	}

	.card-ap img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  transition: transform 0.3s ease;
	}

	/* Overlay */
	.card-ap::before {
	  content: '';
	  position: absolute;
	  inset: 0;
	  background: rgba(35, 35, 35, 0.5);
	  transition: background 0.3s ease;
	  z-index: 1;
	}

	.card-ap:hover::before {
	  background: linear-gradient(0deg, rgba(231,149,11,0.4), rgba(0,0,0,0));
	}

	/* Name (span) */
	.card-ap-label {
	  position: absolute;
	  bottom: 40px;
	  left: 40px;
	  width: 200px;
	  color: #fff;
	  font-size: 1.5rem;
	  font-weight: 700;
	  z-index: 2;
	  transition: all 0.3s ease;
	  word-wrap: break-word;
	}

	/* Position (p) */
	.card-ap p {
	  position: absolute;
	  bottom: 30px;
	  left: 40px;
	  width: 70%;
	  color: #fff;
	  opacity: 0;
	  transform: translateY(20px);
	  transition: all 0.4s ease;
	  z-index: 2;
	  margin: 0;
	}

	/* Hover-Effekte NUR wenn <p> existiert */
	.card-ap:has(p):hover .card-ap-label {
	  transform: translateY(-20px);
	}

	.card-ap:has(p):hover p {
	  opacity: 1;
	  transform: translateY(0);
	}

/*||||||||||||||||||||||| DETAIL Ansprechpartner*/

/*||||||||||||||||||||||| DETAIL Referenzen*/

	.ref_detail{
		height:auto;
		width:360px;
	}

	.referenz_detail {
		height: 200px;
		width: 360px;
		background-color: #8f8f8f;
		padding: 50px 20px 20px 20px;
		box-sizing: border-box;
		border-radius: 10px;
		color: #fff;
		background-image: url(../images/ico_ref.png);
		background-repeat: no-repeat;
		background-position: 20px 20px;
		margin: 0 0px 20px 0;
	}

/*||||||||||||||||||||||| DETAIL Referenzen*/

	.show_nachoben{
		display:block;
	}
	
	.telefonhoerer{
		display:block;
	}

/*||||||||||||||||||||||| Detailseite*/


	.inhalt_cta{
		font-size:2rem;
	}
}