/*** 
Google Font 
***/

/* rubik-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* rubik-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* rubik-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* rubik-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/rubik-v30-latin/rubik-v30-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}




/***************************************** Navigation PSW **************************************************/
 
/*
  * GLOBALES
      - Variablen
      - Typografie
      - Autogrid Mobile umgekehrte Reihenfolge
      - Header
      - Navigation
      - Topbar
      - Breadcrumb
      - Font Icons
      - Lightbox
	  - Diverses
	  
  * 1. Megamenu
  * 2. Aktuelles in Megamenu
  * 3. Fancy Link 
  * 4. Teaserböxli
  * 5. Akkordeon
  * 6. Downloads
  * 7. Aktuelles
  * 8. Aktuelles lesen
  * 9. Formular
  * 10. Hintergrund zweifarbig
  * 11. Stimmen aus dem IMWIL
  * 12. Team
  * 13. Mahlzeitendienst
  * 14. Login & Registrierung
  * 15. Unsere Zahlen
  * 16. Karriere & Bildung
  * 17. Suche
  * 20. Footer
*/


/************************************** GLOBALE Anpassungen *************************************************/


/*** Variablen ***/

:root {
	--accentColor: #00376a;
	--secondColor: #0f7d87;
	--customColor1: #FFEF4B;
	--lightYellow: #f5f0df;
	--lightGray: #f8f8f8;
}

/*** Typografie ***/
 * {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

html, body  {
  font-family: 'Rubik';
  font-weight: 300;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h4 a,
.ce_accordion .toggler {
	font-family: 'Rubik';
	font-weight: 700;
	color: var(--accentColor);
}

h1, .h1{
	color: var(--lightGray);
}

h2, .h2 {
	margin-bottom: 15px;
}

h4, .h4 {
	margin-bottom: 10px;
}


.font-white {
	color: white !important;
}

/*** Autogrid Mobile umgekehrte Reihenfolge ***/
@media (max-width: 767px){ 
	.mobile-grid-reverse {
		display: flex;
    flex-direction: column-reverse;
	}
}


/*** Header ***/

#header .ce_bgimage.img-rightside-50 .ce_bgimage-image {
	margin-left: 55% ;
}

#header .ce_bgimage.img-rightside-50 .ce_bgimage-outer {
	margin-right: 45%;
}



#header .boxed-content .contentwrap {
	padding: 0;
}


#header .ce_wrap .inside {
	padding: 15% 10% 0 0 ;
	padding-left: calc(13% + 40px);
}

@media (max-width: 1024px){ 
	#header .ce_wrap .inside {
		padding-left: 40px;
	}
}

@media (max-width: 767px){
	#header .ce_wrap .inside{
		padding: 0;
	}
	#header .ce_bgimage.img-rightside-50 .ce_bgimage-image{
		margin-left: 0px;
	}
	#header .ce_bgimage.img-rightside-50 .ce_bgimage-outer{
		margin-right: 0px;
	}
}


/*** Header Unterseiten mit Bild ***/
.header-mit-bild .ce_bgimage.img-rightside-50 .ce_bgimage-outer {
	max-width: var(--contentBoxedWidth);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--contentPaddingLeftRight);
    padding-right: var(--contentPaddingLeftRight);
}

@media (min-width: 767px) {
	.header-mit-bild .ce_bgimage .ce_bgimage-inside {
		max-width: 50%;
		margin-left: 0px ;
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 767px) { 
	.header-mit-bild .ce_bgimage.img-rightside-50 .ce_bgimage-outer,
	.header-mit-bild .ce_bgimage .ce_bgimage-inside{
		padding: 0 !important;	
	}
	
	.header-mit-bild .ce_headline{
		max-width: var(--contentBoxedWidth);
	    margin-left: auto;
	    margin-right: auto;
	    padding-left: var(--contentPaddingLeftRight);
	    padding-right: var(--contentPaddingLeftRight);
	}
}

/*** Navigation ***/

/* Menu Punkte aus der Hauptnavi entfernen (über die Seiteneinstellungen wird die Breadcrumb nicht richtig angezeigt...)*/
@media (min-width: 767px) {
	.mlist.regular {
	display: none;
}
}

/*** Megamenu aus der Mobile nav ausblenden ***/
@media (max-width: 767px) {
	.mlist.pct_megamenu {
		display: none;
	}
}

/*** Breadcrumb ***/
.no-breadcrumb #breadcrumb{
	display: none;
}

.mod_breadcrumb {
	border-top: none;
	border-bottom: none;
	background-color: var(--lightGray);
}


/*** wenn die Breadcrumb weiss sein muss ***/
.breadcrumb-white #breadcrumb .mod_breadcrumb{
	background-color: white;
}

.mod_breadcrumb li {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
}

.mod_breadcrumb li:before {
	content: "";
	background: url(/files/IMWIL/00_Icon/angle-right-sharp-regular.svg);
	background-repeat: no-repeat;
	width: 0.6rem;
	height: 0.6rem;
	display: inline-block;
	margin: 0px ;
}

@media (max-width: 1024px){ 
	.mod_breadcrumb li {
		display: none;
	}
}

/*** Topbar ***/
#top-wrapper #top .inside {
	padding-bottom: 0px;
}

#top, #top a {
	color: var(--accentColor);
	font-weight: 500;
}

#top .bestellen {
	padding-right: 15px;
}

#top .bestellen,
#top .logout {
	display: inline-flex;
	align-items: center;
	opacity: 1;
	transition: transform 0.3s ease, opacity 0.3s ease, margin-left 0.6s ease;
}

#top .bestellen:before,
#top .logout:before {
	content: "";
	height: 20px;
	width: 20px;
	display: inline-block;
	background-color: var(--accentColor);
	margin-right: 10px;

	transform: translateX(0px);
	opacity: 1;
	transition: transform 0.6s ease, opacity 0.3s ease;
}

#top .bestellen:hover:before,
#top .logout:hover:before{
	transform: translateX(5px); 
	opacity: 0.8;
}

#top .bestellen:hover,
#top .logout:hover {
	transform: translateX(5px); 
}

#top .bestellen:before{
	mask: url("/files/IMWIL/00_Icon/cart-shopping-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/cart-shopping-solid-full.svg") no-repeat center;
}

#top .logout:before{
	mask: url("/files/IMWIL/00_Icon/right-from-bracket-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/right-from-bracket-solid-full.svg") no-repeat center;
}

@media only screen and (max-width: 767px) {
    #top {
        display: block;
        max-height: 50px;
    }
    #top, #top a {
    	font-size: 14px;
    }
}


/*** Font Icons ***/
#main p a {
	color: var(--secondColor);
	font-weight: 300;
	transition: ease 0.3s;
}

.seite-karriere-bildung #main p a {
	color: black !important;
}

#main p a:hover {
	color: var(--accentColor);
}

#main p a[href^="mailto:"],
#main li a[href^="mailto:"],
.email a[href^="mailto:"],
#main p a[href^="tel:"],
#main li a[href^="tel:"],
#main a[href^="tel:"],
#main div.location,
#main .link-extern p a[href^="https://"],
#main .link-extern p a[href^="http://"],
#main li a,
#footer div.location,
#footer p a[href^="mailto:"],
#footer p a[href^="tel:"]{
	display: inline-flex;
	align-items: baseline;
	opacity: 1;
	transition: transform 0.3s ease, opacity 0.3s ease, margin-left 0.6s ease;
	color: var(--secondColor);
	font-weight: 300;
}


.seite-karriere-bildung #main li a {
	color: black;
}


#main div.location,
#footer div.location{
	align-items: start;
	line-height: 1.3;
	padding-bottom: 8px;
}

#main div.location p a{
	color: var(--secondColor) !important;
}

#footer p a[href^="mailto:"],
#footer p a[href^="tel:"]{
	color: rgba(255, 255, 255, 1);
}

#main p a[href^="mailto:"]:hover,
#main li a[href^="mailto:"],
.email a[href^="mailto:"]:hover,
#main p a[href^="tel:"]:hover,
#main li a[href^="tel:"]:hover,
#main a[href^="tel:"]:hover,
#main p a[href^="https://"]:hover,
#main p a[href^="http://"]:hover,
#main div.location:hover,
#footer div.location:hover,
#footer p a[href^="mailto:"]:hover,
#footer p a[href^="tel:"]:hover{
	opacity: 1;
	/*margin-left: 5px;*/
	transform: translateX(5px);
}

/*	
#main div.location p a[href^="https://"]:hover,
#main p a[href^="http://"]:hover {
	margin-left: 0px;
}*/

#footer p a[href^="mailto:"]:hover,
#footer p a[href^="tel:"]:hover,
#footer div.location:hover p a{
	color: rgba(255,255,255, 0.8);
}

#main p a[href^="mailto:"]:before,
#main li a[href^="mailto:"]:before,
.email a[href^="mailto:"]:before,
#main p a[href^="tel:"]:before,
#main li a[href^="tel:"]:before,
#main a[href^="tel:"]:before,
#main div.location:before,
#main p a[href^="https://"]:before,
#main p a[href^="http://"]:before,
#main p a[href$='.pdf']:before,
#main p a[href*='.pdf?']:before,
#main .link-extern p a[href^="https://"]:before,
#main .link-extern p a[href^="http://"]:before,
#footer div.location:before,
#footer p a[href^="mailto:"]:before,
#footer p a[href^="tel:"]:before{
	content: "";
	height: 20px;
	width: 20px;
	display: inline-block;
	background-color: var(--secondColor);
	margin-right: 8px;

	transform: translateX(0px);
	transform: translateY(3px);
	opacity: 1;
	transition: transform 0.6s ease, opacity 0.3s ease;
}

#main div.location p a[href^="https://"]:before {
	display: none;
}

.seite-karriere-bildung p a[href^="https://"]:before,
.seite-karriere-bildung p a[href^="http://"]:before {
	background-color: black !important;
}

#main p a[href^="https://"]:before,
#main p a[href^="http://"]:before {
	transform: translate(3px, 3px);
}

#footer p a[href^="mailto:"]:before,
#footer p a[href^="tel:"]:before,
#footer div.location:before{
	background-color: rgba(255, 255, 255, 1);
	transform: translateY(2px);
	height: 15px;
	width: 15px;
}

#main p a[href^="mailto:"]:hover:before,
#main li a[href^="mailto:"]:hover:before,
.email a[href^="mailto:"]:hover:before,
#main p a[href^="tel:"]:hover:before,
#main li a[href^="tel:"]:hover:before,
#main a[href^="tel:"]:hover:before,
#main div.location:hover:before,
#main .link-extern p a[href^="https://"]:hover:before,
#main .link-extern p a[href^="http://"]:hover:before,
#footer p a[href^="mailto:"]:hover:before,
#footer p a[href^="tel:"]:hover:before,
#footer div.location:hover:before {
	transform: translateX(5px); 
	transform: translateY(3px);
	opacity: 0.8;
}

#footer p a[href^="mailto:"]:hover:before,
#footer p a[href^="tel:"]:hover:before,
#footer div.location:hover:before {
	transform: translateY(2px);
}

#main p a[href^="https://"]:hover:before,
#main p a[href^="http://"]:hover:before {
	transform: translate(5px, 3px);
}

#main p a[href^="mailto:"]:before,
#main li a[href^="mailto:"]:before,
#footer p a[href^="mailto:"]:before,
.email a[href^="mailto:"]:before{
	mask: url("/files/IMWIL/00_Icon/envelope-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/envelope-solid-full.svg") no-repeat center;
}

#main p a[href^="tel:"]:before,
#main li a[href^="tel:"]:before,
#main a[href^="tel:"]:before,
#footer p a[href^="tel:"]:before{
	mask: url("/files/IMWIL/00_Icon/phone-solid-solid.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/phone-solid-full.svg") no-repeat center;
}

#main div.location:before,
#footer div.location:before{
	mask: url("/files/IMWIL/00_Icon/location-dot-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/location-dot-solid-full.svg") no-repeat center;
	padding-top: 10px;
}

#main .link-extern p a[href^="https://"]:before,
#main .link-extern p a[href^="http://"]:before {
	mask: url("/files/IMWIL/00_Icon/arrow-up-right-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/arrow-up-right-solid-full.svg") no-repeat center;
}

#main p a[href$='.pdf']:before,
#main p a[href*='.pdf?']:before {
	mask: url("/files/IMWIL/00_Icon/file-pdf-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/file-pdf-solid-full.svg") no-repeat center;
}

#main p a[href^="https://"]:before,
#main p a[href^="http://"]:before {
		mask: url("/files/IMWIL/00_Icon/arrow-up-right-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/arrow-up-right-solid-full.svg") no-repeat center;
}



/*** LIghtbox ***/
#cboxCurrent { /*image 2 of 5 ausblenden*/
	display: none !important;
}

#cboxLoadedContent { /*schwarzer border weg*/
 border: 0;
}

#cboxClose { /*neues Icon laden*/
  background: url(/files/IMWIL/00_Icon/xmark.svg) no-repeat center center;
  width: 25px;
  height: 25px;
  top: -40px;
  right: 0;
}

#cboxNext,
#cboxPrevious{
  width: 50px;
  height: 55px;
}
#cboxNext {
	background: url(/files/IMWIL/00_Icon/angle-right-thin.svg) no-repeat center center;
	background-color: rgba(255,255,255,0.7);
	right: 0;
}

#cboxPrevious {
  background: url(/files/IMWIL/00_Icon/angle-left-thin.svg) no-repeat center center;
  background-color: rgba(255,255,255,0.7);
  left: 0;
}

#cboxNext:hover,
#cboxPrevious:hover {
    background-position: center center;
}


#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible;
}

@media only screen and (max-width: 767px) {
  #cboxClose { 
    width: 15px;
    height: 15px;
    top: -30px;
  }
  
  #cboxNext,
  #cboxPrevious{
  width: 20px;
  height: 30px;
  transform: translateY(50%);
  }
}


/*** Diverses ***/
#privacy_optout_link {
	display: none;
}

#top_link {
	background-color: #12120D;
}

.progress-ring {
	display: none;
}

.mod_langswitcher {
	display: none;
}

@media (max-width: 1400px){ 
	.mod_article.fullwidth-padding-both > .container {
		padding-right: var(--contentPaddingLeftRight) !important;
	    padding-left: var(--contentPaddingLeftRight) !important;
		}
}

@media only screen and (min-width: 1024px) {
    .vis-tablet, .vis-mobile, .vis-mobile-tablet {
        display: block !important;
    }
}


/*---------------------------------------------------------------------------------------------------------*/


/****************************************** 1. Megamenu *****************************************************/
.mod_pct_megamenu {
	border-radius: 0px;
}

.mod_pct_megamenu .item {
	padding: 50px;
}

.mod_pct_megamenu .mod_navigation .level_1 > li:first-child > a {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.1 !important;
	padding: 8px 0;
	color: var(--accentColor);
}

.mod_pct_megamenu .mod_navigation a {
	color: black;
	font-size: 16px;
	transition: letter-spacing 0.3s ease;
}

.mod_pct_megamenu .mod_navigation li {
		line-height: 1.1 !important;
		padding: 8px 0;
}

.mod_pct_megamenu .column.bg-gray {
	top: -50px;
	right: -35px;
}

.header .mainmenu a.pct_megamenu, .header .mainmenu a.submenu {
	display: inline-flex;
	align-items: center;
}

.header .mainmenu a.pct_megamenu:after, .header .mainmenu a.submenu:after {
	content: "";
	height: 45px;
	width: 45px;
	background-color: black;
		mask: url("/files/IMWIL/00_Icon/bars-thin-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/bars-thin-full.svg") no-repeat center;
	transform: none;
}

.header .mainmenu a.pct_megamenu span {
	content: "";
	visibility: hidden;
}

/*** aktive Seite ***/
.mlist.mm-selected > a,
.mlist.Selected > a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1.5px;
  font-weight: 400;
}


/*** Animation ***/
.header .mainmenu a.pct_megamenu.active:after, .header .mainmenu a.active.submenu:after {
	background: transparent;

	
	content: "";
	height: 45px;
	width: 45px;
	background-color: black;
		mask: url("/files/IMWIL/00_Icon/xmark-thin-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/xmark-thin-full.svg") no-repeat center;
}


/*** Hover Effekt ***/
.mod_pct_megamenu .mod_navigation a:before {
	display: none;
}

.mod_pct_megamenu .mod_navigation a:hover {
	border: none;
	letter-spacing: 0.3px;
}



/*---------------------------------------------------------------------------------------------------------*/

/************************************ 2. Aktuelles in Megamenu *********************************************/
.mod_pct_megamenu h2 {
	font-size: 18px;
	padding: 8px 0px;
}

.mod_pct_megamenu .ce_fancylink {
	font-size: 16px;
}

.mod_pct_megamenu .mod_newslist,
.mod_pct_megamenu .mod_newslist p.more a{
	color: white;
	font-size: 16px;
	line-height: 1.2;
}

.mod_pct_megamenu .mod_newslist h2 a{
	font-size: 18px;
	color: white;
	
}

.mod_pct_megamenu .mod_newslist h2{
	margin-bottom: 0px;
}

.mod_pct_megamenu .mod_newslist .info,
.mod_pct_megamenu .mod_newslist .ce_text{
	display: none;
}


/*---------------------------------------------------------------------------------------------------------*/

/****************************************** 3. Fancy Link **************************************************/
.ce_fancylink.style1 .shaft {
	height: 2px;
	border-radius: 9999px;
}

.ce_fancylink.style1 .shaft:before, .ce_fancylink.style1 .shaft:after {
	height: 2px;
	border-radius: 9999px;
}

/***
Fancy Link als CTA nach header
***/
#cta .ce_fancylink a {
	background-color: var(--secondColor);
	padding: 15px 40px 15px 80px;
	word-wrap: word-wrap;
}

#cta .ce_fancylink.style1 .shaft {
	left: 7%;
}

#cta.karriere-bildung .ce_fancylink a {
	background-color: var(--customColor1);
}

#cta .container {
	max-height: 0px;
}

@media (max-width: 1024px){ 
.home #cta .ce_shift_wrapper_start {
	transform: translateX(0%) translateY(-50%) !important;
}
}

@media (max-width: 1024px){ 
#cta .ce_shift_wrapper_start {
	transform: translateX(0%) translateY(-100%) !important;
}
}

@media (max-width: 767px){
	#cta .ce_fancylink a {
	background-color: var(--secondColor);
	padding: 10px 20px;
	}
	#cta .ce_fancylink.style1 .shaft {
		display: none;
	}
	#cta .ce_shift_wrapper_start {
	transform: translateX(0%) translateY(-30%) !important;
	}
	#cta .container {
		max-height: 100%;
}
	
}



/*---------------------------------------------------------------------------------------------------------*/


/****************************************** 4. Teaserböxli *************************************************/

.ce_shift_wrapper_start.freie-pos-bg-white {
	background-color: white;
	padding: 7% 7%;
	margin: 0 5% 0 5%;
	
	display: flex;
	flex-direction: column;
	flex-grow: 1;

}

/*über den Artikel steuren, dass alle teaserböxli gleich hoch sind*/
.article-teaser-boexli .column {
  display: flex;
  flex-direction: column;
  padding: 15px;
  box-sizing: border-box;
}

.article-teaser-boexli .attributes {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.article-teaser-boexli .ce_fancylink {
	margin-top: auto;
}
/*---*/

/*im slider steuren, dass alle teaserböxli gleich hoch sind*/
.slider-teaser-boexli .freie-pos-bg-white {
	display: flex;
	justify-content: space-between;
	min-height: 160px;
}

.ce_image.teaser-box-bild figure {
	overflow: hidden;
}

.ce_image.teaser-box-bild picture img {
	transition: transform 0.4s ease;
}

.ce_image.teaser-box-bild:hover picture img{
	transform: scale(1.05);
}




@media (max-width: 767px) {
	.ce_shift_wrapper_start.freie-pos-bg-white {
		margin: 0 5% 0 5%;
	}
}


/***
Karriere & karriere-bildung
***/
.ce_shift_wrapper_start.freie-pos-bg-white.yellow {
	background-color: var(--lightYellow);
}

/*---------------------------------------------------------------------------------------------------------*/




/******************************************** 5. Akkordeon *************************************************/
.ce_accordion {
	border: 0px;
}

.ce_accordion .toggler {
	padding: 30px 20px;
	color: black;
	font-size: 25px;
	line-height: 1.3;
	border-bottom: solid 1px black;
}

.ce_accordion .toggler:before {
	color: black;
}

.ce_accordion .toggler.ui-state-active {
	border-bottom: solid 1px black;
	color: var(--accentColor);
}

.ce_accordion .toggler.ui-state-active:before {
	color: var(--accentColor);
}

.ce_accordion .toggler.ui-state-hover {
	border-bottom: solid 1px black;
	color: var(--accentColor);
}



.ce_accordion .toggler:before {
	font-size: 35px;
	padding-top: 5px;
}

@media (max-width: 767px) {
	.ce_accordion .toggler,
	.ce_accordion .toggler:before{
		font-size: 20px;
		
	}
	.ce_accordion .toggler {
		padding: 20px 10px;
	}
}

/*NEU Handorgel*/
.content-accordion {
	border-bottom: solid 1px black;
}

.content-accordion .handorgel__header .handorgel__header__button {
	background-color: transparent;
	border-top: solid 1px black;
	
	color: black;
	font-size: 25px;
	line-height: 1.3;
	
	font-family: 'Rubik';
    font-weight: 700;
}

/* Ausnahme: der *erste* Accordion-Header innerhalb jedes .content-accordion NIE Border oben */
.content-accordion .handorgel__header:first-child .handorgel__header__button {
    border-top: none !important;
}

.content-accordion .handorgel__header .handorgel__header__button:hover{
	color: var(--accentColor);
}

.content-accordion .handorgel__header .handorgel__header__button:hover:before{
	background-color: var(--accentColor);
}

.content-accordion .handorgel__header .handorgel__header__button{
	padding: 30px 20px;
}

.content-accordion .handorgel__content__inner {
	padding: 0px 20px 30px 20px;
}

.content-accordion .handorgel__header .handorgel__header__button:before {
	content: "";
	width: 30px;
	height: 30px;
	float: right;
    clear: both;
    display: inline-block;
    margin-left: 15px;
    padding: 0;
    text-align: center;
    background-color: black;
    transition: rotate ease .8s;
    
	mask: url("/files/IMWIL/00_Icon/angle-down-sharp-regular-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/angle-down-sharp-regular-full.svg") no-repeat center;
}


/*schönere Animation*/
.content-accordion .handorgel__content--open {
	transition: height .5s ease;
}

.content-accordion .handorgel__content__inner {
	opacity: 1;
}

.content-accordion .handorgel__header.handorgel__header--open .handorgel__header__button {
	color: var(--accentColor);
}

.content-accordion .handorgel__content.handorgel__content--open .handorgel__content__inner .ce_text figure {
	padding-bottom: 25px;
}

.content-accordion .handorgel__header.handorgel__header--open .handorgel__header__button:before {
	transform: rotate(180deg);
	background-color: var(--accentColor);
}

@media (max-width: 767px) {
	.content-accordion .handorgel__header .handorgel__header__button,
	.content-accordion .handorgel__header .handorgel__header__button:before{
		font-size: 20px;
		
	}
	.content-accordion .handorgel__header .handorgel__header__button{
		padding: 20px 10px;
	}
	.content-accordion .handorgel__content__inner {
		padding: 0 10px;
	}
}

.content-accordion .handorgel__header button.handorgel__header__button:hover{
	border-top: solid 1px black;
}

.content-accordion .handorgel__content {
	border-top: solid 1px rgba(0,0,0,0);
	background: transparent;
}



/*---------------------------------------------------------------------------------------------------------*/




/******************************************** 6. Downloads *************************************************/
/*.ce_downloads ul li a{
	font-size: var(--body-fontSize);
	color: black;
	
	display: flex;
	align-items: center;
	opacity: 1;
}

.ce_downloads ul li a:before {
	content: "";
	background-color: black;
	height: 1.1rem;
	width: 1.1rem;
	display: block;
	margin-right: 10px;
	mask: url("/files/IMWIL/00_Icon/file-pdf-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/file-pdf-solid-full.svg") no-repeat center;
	
	transform: translateX(0px);
	opacity: 1;
	transition: transform 0.3s ease, opacity 0.3s ease;
}*/


.ce_downloads li {
	padding-bottom:	0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.ce_downloads ul li a {
	display: flex;
	align-items: flex-start !important; 
	font-size: var(--body-fontSize);
	color: black;
	opacity: 1;
}

.ce_downloads ul li a:before {
	content: "";
	background-color: var(--secondColor);
	height: 1.1rem;
	width: 1.1rem;
	display: block;
	margin-right: 10px;
	padding-top: 0.7rem;

	mask: url("/files/IMWIL/00_Icon/file-pdf-solid-full.svg") no-repeat center;
	-webkit-mask: url("/files/IMWIL/00_Icon/file-pdf-solid-full.svg") no-repeat center;
	mask-size: contain;
	-webkit-mask-size: contain;

	flex-shrink: 0;
	flex-grow: 0;

	transform: translateX(0px);
	opacity: 1;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.seite-karriere-bildung .ce_downloads ul li a:before {
	background-color: black;
}

.ce_downloads ul li a:hover:before,
.ce_downloads ul li a:hover,
.seite-karriere-bildung .ce_downloads ul li a:hover:before,
.seite-karriere-bildung .ce_downloads ul li a:hover {
	opacity: 0.8;
	transform: translateX(5px);
}


.ce_downloads span.size {
	display: none;
}





/*---------------------------------------------------------------------------------------------------------*/

/******************************************** 7. Aktuelles *************************************************/
.newsteaser-inside {
	display: flex;
	flex-direction: row;
	
	padding-bottom: 15px;
}

.newsteaser-inside .h6 a{
	font-size: 1.5rem;
	color: var(--accentColor);
}

.newsteaser-inside .link a {
	color: var(--secondColor);
	display: inline-flex;
	align-items: center;
		
}

.newsteaser-inside .link a:before {
	content:"";
	background-color: var(--secondColor);
	width: 25px;
	height: 2px;
	margin-right: 10px;
	transition: width 0.6s ease, opacity 0.3s ease;
	border-radius: 3px;
}

.newsteaser-inside .link a:hover:before {
	width: 45px;
}

.newsteaser-inside .image_container {
	flex: 0 0 33.33%;
	border-radius: 0px;
}

.newsteaser-inside .content {
	flex: 0 0 67.33%;
	border-radius: 0px;
	border: 0px;
	background: #f8f8f8;
}

.newsteaser .date {
	border-radius: 0px;
}

.newsteaser .info {
	display: none;
}

@media (max-width: 767px){
	.newsteaser-inside {
		flex-direction: column;	
	}	
}

/*---------------------------------------------------------------------------------------------------------*/


/***************************************** 8. Aktuelles lesen **********************************************/
.mod_newsreader h1 {
	color: var(--accentColor);
	margin-bottom: 10px;
}


/*---------------------------------------------------------------------------------------------------------*/

/********************************************** 9. Formular ************************************************/
form.style5 input, form.style5 select, form.style5 textarea {
	border-radius: 0px;
	color: black;
	font-weight: 300 !important;
}

input, textarea, select {
	font-weight: 300;
}

form fieldset {
	border: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

form.style5 input.submit, form.style5 button.submit {
	font-size: 16px;
	padding: 15px 20px;
	font-weight: 300;
}

@media (max-width: 767px) {
	.formbody .column.col_6 {
		margin-bottom: 0px;
	}
}


/*---------------------------------------------------------------------------------------------------------*/

/************************************* 10. Hintergrund zweifarbig ******************************************/
.hellgrau-oben.weiss-unten {
background: linear-gradient(to bottom,
  var(--lightGray) 0%,
  var(--lightGray)  50%,
  #ffffff 50%,
  #ffffff 100%);
}

.weiss-oben.hellgrau-unten {
  background: linear-gradient(to bottom,
    #ffffff 0%,
    #ffffff 50%,
    var(--lightGray) 50%,
    var(--lightGray) 100%);
}

.hellgrau-oben.dunkelblau-unten {
	background: linear-gradient(to bottom,
	var(--lightGray) 0%,
    var(--lightGray) 50%,
    var(--accentColor) 50%,
    var(--accentColor) 100%);
}

.weiss-oben.dunkelblau-unten {
	background: linear-gradient(to bottom,
	#ffffff 0%,
    #ffffff 50%,
    var(--accentColor) 50%,
    var(--accentColor) 100%);
}

/*---------------------------------------------------------------------------------------------------------*/


/************************************* 11. Stimmen aus dem IMWIL *******************************************/
.content-swiper .ce_testimonial{
	padding: 20px 100px;
}

.ce_testimonial_version3 .text {
	background-color: var(--customColor1);
	border-radius: 0px;
	font-size: var(--paragraph-medium-font-size);
    line-height: var(--paragraph-medium-line-height);
}



.ce_testimonial_version3 .text p {
	color: black !important;	
}

.ce_testimonial_version3 .text::after {
	background: var(--customColor1);
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 25px;
}


@media (max-width: 767px) {
.content-swiper .ce_testimonial{
	padding: 0px 0px 20px 0px;
}	
}

/*---------------------------------------------------------------------------------------------------------*/

/************************************************ 12. Team *************************************************/

.teambox_inside {
	background-color: #f8f8f8;
}

.teambox_content {
	padding: 5%;
	min-height: 280px;
}


/*---------------------------------------------------------------------------------------------------------*/

/**************************************** 13. Mahlzeitendienst *********************************************/
.mahlzeitendienst-bestellung .bg-gray{
	border: 0px;
	margin-bottom: 15%;
}


.mahlzeitendienst-bestellung fieldset {
	border: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}


.mahlzeitendienst-bestellung fieldset legend {
	border-radius: 0px;
}

.mahlzeitendienst-bestellung .weitere-woche {
	padding: 35px 0px 25px 0px;

}

.mahlzeitendienst-bestellung .weitere-woche label{
	font-size: var(--h4-fontSize);
	font-family: 'Rubik';
    font-weight: 700;
    color: var(--accentColor);
}

.mahlzeitendienst-bestellung .widget-textarea textarea label{
	
	font-weight: 300;

}

input.submit, button.submit {
	font-family: 'Rubik';
	font-size: 17px;
	font-weight: 600 !important;
}

/*---------------------------------------------------------------------------------------------------------*/

/************************************** 14. Login & Registrierung *******************************************/
.mod_registrationNotificationCenter {
	background-color: white;
	color: black;
	border-radius: 0px;
	max-width: 100%;
	padding: 0px;
}

.mod_registrationNotificationCenter h2 {
	padding-bottom: 15px;
}

.mod_registrationNotificationCenter .formbody {
  display: grid;
  grid-template-columns: 1fr 1fr; 
  gap: 2rem; 
}

.mod_registrationNotificationCenter .formbody fieldset {
  width: 100%;
  box-sizing: border-box;
  border: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);;
}

@media (max-width: 767px){ 
	.mod_registrationNotificationCenter .formbody	{
		grid-template-columns: 1fr; 
	}
}



.mod_login {
	margin: 0px;
	padding: 10%;
	background-color: var(--bgColorGray);
}

.mod_login.jetzt-bestellen {
	padding: 10% 0 0 10%;
}

.mod_registration form fieldset legend {
	border-radius: 0px;
}

.mod_registration label {
	color: black;
}

.mod_registration form fieldset {
	border: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.mod_registration h1, .mod_registration h2, .mod_registration h3, .mod_registration h4, .mod_registration h5, .mod_registration h6 {
	color: var(--accentColor);
}

.registration a,
.password-reset a,
.datenschutz a{
	color: black;
	font-size: var(--paragraph-small-font-size);
	transition: ease 0.3s;
}

.registration a span,
.password-reset a span,
.datenschutz a span{
	font-weight: bold;
	color: var(--secondColor);
}

.registration a:hover span,
.password-reset a:hover span,
.datenschutz a:hover span{
	color: var(--accentColor);
}

.datenschutz {
	padding-top: 2%;
}

.registrierung-erfolgreich .mod_login {
	background-color: white;
}

.mod_lostPassword.block .confirm.message {
	font-weight: 800;
	color: green;
}


/*---------------------------------------------------------------------------------------------------------*/

/******************************************* 15. Unsere Zahlen *********************************************/
.ce_countup .headline { 
	font-size: 2.5rem;
}

@media (max-width: 767px){ 
	.ce_countup .headline {
		font-size: 2rem;
	}
}


/*---------------------------------------------------------------------------------------------------------*/

/******************************************* 16. Karriere & Bildung *****************************************/
#ansprechperson-karriere-bildung .ce_wrap {
	background-color: var(--lightYellow) !important;
}

#ansprechperson-karriere-bildung p a[href^="mailto:"],
#ansprechperson-karriere-bildung p a[href^="tel:"]{
	color: black;
}

#ansprechperson-karriere-bildung p a[href^="mailto:"]:before,
#ansprechperson-karriere-bildung p a[href^="tel:"]:before {
	background-color: black;
}

#ansprechperson-karriere-bildung input.submit, 
#ansprechperson-karriere-bildung button.submit {
	background-color: var(--customColor1);
	color: var(--accentColor);
}

.karriere-bildung #main li a {
	color: black;
}

@media (max-width: 767px){
    header.original .mod_navigation,
    #stickyheader .header.cloned .mod_navigation{
        display: none;
    }
}


/*---------------------------------------------------------------------------------------------------------*/

/*********************************************** 17. Suche *************************************************/
#main .mod_search form {
	display: block;
	padding-top: 25px;
}

#main .mod_search {
	text-align: left;
}

#main .mod_search .search_default {
	border-bottom: solid 1px var(--accentColor);
	padding: 25px 0px;
}

#main .mod_search input {
	border-radius: 0px ;
}

#main .mod_search input.submit, #main .mod_search button.submit {
	border-radius: 0px ;
}


/*---------------------------------------------------------------------------------------------------------*/

/********************************************** 20. Footer *************************************************/
#footer {
	background-color: var(--accentColor);
}

#footer h6, #footer .h6 {
	font-size: 17px;
	color: rgba(255, 255, 255, 0.8);
}

#footer, #footer a {
	color: rgba(255, 255, 255, 1);
}

#footer, #footer a:hover span{
	color: rgba(255, 255, 255, 1)
}

input.submit, button.submit {
	border-radius: 0px;
}
/*---------------------------------------------------------------------------------------------------------*/




/********************************************** 21. Offene Stellen (Abacus) *************************************************/
.page_229 #breadcrumb {
	display: none;
}

#portalcontent  {
  font-family: 'Rubik' !important;
}
.system-font4,
.system-font1,
.system-font6{
	font-family: 'Rubik' !important;
	font-weight: 300 !important;
	color: black !important;
}

.system-font1{
	font-weight: 700 !important;
	color: var(--accentColor) !important;
}

.btn-system1 {
	color: var(--accentColor) !important;
	background-color: var(--customColor1) !important;
	font-weight: 700 !important;
}

abacusjobportal a:not(.btn) {
	color: var(--accentColor) !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

#article-825 abacusjobportal {
	background-color: var(--bgColorGray) !important;
}
/*---------------------------------------------------------------------------------------------------------*/