/*************************************************************************/
/*  Theme Custom  */

@font-face {
    font-family: 'Roboto';
    /*src: url('fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2');*/
	src: url('/wp-content/themes/gebrueder-meier/fonts/roboto/webfonts/roboto-v30-latin-regular.woff2');
  }

body {
	font-family: AvenirNextLTPro-Light, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 160%;
	color: #004899;
	background-color: #fff;
}
body:after {
	content: "";
	top: 0;
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100vh;
	background: linear-gradient(170deg, #eee, #fff 35%, #fff);
}


@media only screen and (max-width: 1440px) {
	body {font-size: 18px; line-height: 160%; }
}

/* Mobile Body */
@media only screen and (max-width: 970px) {
	body {font-size: 15px; line-height: 170%; background-color: #fff;}
}

/* MODAL CONTENT */
@media only screen and (max-width: 970px) {
	body.modalcontent {font-size: 15px; line-height: 160%; background-color: #eee;}
	body.modalcontent .container {  max-width: 100%;}
	body.modalcontent .res-content {margin-top: 0;}
	body.modalcontent .page-header {  margin: 0 !important;}
	body.modalcontent .page--content > .container {}
	body.modalcontent .res-sidenav { max-width: 100%; padding-bottom: 10px;}
}


/* blue */
.brand-color {
	color: #004899;
}
/* yellow */
.brand-color2 {
	color: #ffe54f;
}

a {
	color: #004899;
}
a:hover {
	color: #1b6ac3;
}

b, strong {
    font-weight: 600;
}

/* Title */
h1, h2, h3, h4, h5, h6 {
	font-family: AvenirNextLTPro-Light, sans-serif;
	font-weight: 400;
	line-height: 130%;
}
h1 {
	font-family: AvenirNextLTPro-Demi, sans-serif;
	font-size: 160%;
	font-weight: 400;
}
h2 {
	font-family: AvenirNextLTPro-Demi, sans-serif;
	font-size: 140%;
	font-weight: 400;
}
h3 {
	font-size: 140%;
	font-weight: 400;
}
h4 {
	font-size: 120%;
	font-weight: 400;
}

.h1, .h2, .h3, .h4 {
	line-height: 130%;
}
.h1 {
	font-family: AvenirNextLTPro-Light, sans-serif;
	font-weight: 400;
	font-size: 140%;
	padding: 0;
	margin: 0;
}
.h2 { font-size: 180%}
.h3 { font-size: 140%}
.h4 { font-size: 120%}

/*modalbox und laptops */
@media only screen and (max-width: 1390px) {
	.h1 { font-size: 35px; }
	.h2 { font-size: 120%; }
	.h3 { font-size: 110%; }
	.h4 { font-size: 105%; }
}


/* Container */

.container {
	max-width: 1280px;
}
.container-fluid {
	max-width: 80%;
}

@media only screen and (max-width: 1400px) {
	.container{	max-width: 90%;	}
	.container-fluid {max-width: 90%;}
}
/*Container mobile*/
@media only screen and (max-width: 970px) {
	.container{	max-width: 100%; }
	.container-fluid {max-width: 85%;}
}


/* Logo */

.logo {
	padding-top: 30px;
	padding-bottom: 30px;
    pointer-events: all;
	transition: all 0.1s ease-in-out;
}
.logo .brand-logo {
	opacity: 1;
	transition: opacity 0.5s ease;
}
.logo img {
	max-width: 410px;
}

.logo a:hover {
	opacity: 1.0;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

@media only screen and (max-width: 1390px) {
	.logo img {
		max-width: 300px;
	}
	.logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 970px) {
	.res-nav .logo-mobile img {
		height: 43px;
	}
}

.home .logo{
    opacity: 0.0;
    transition: opacity .5s ease-in-out;
}


.home .logo {
    animation-name: homelogofade;
    animation-fill-mode: both;
    animation-duration: 3s;
}
@keyframes homelogofade {
    0% {opacity: 0;}	
    100% {opacity: 1;}
}


/* Logo fixnav */
.res-fixnav.show .logo {
	padding-top: 15px;
	padding-bottom: 20px;
}
.res-fixnav.show .logo img {
	max-width: 160px;
}

.res-header {
} 

/*
.home .header-option-absolute:after {
    content: "";
    top: -20px;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 140px;
    background: #fff;
    background: -webkit-linear-gradient(#fff, transparent);
    background: -o-linear-gradient(#fff, transparent);
    background: -moz-linear-gradient(#fff, transparent);
    background: linear-gradient(#fff, transparent);
}
*/


.header-option-absolute{
	width: 100%;
	max-width: 100%;
	position: absolute;
	z-index: 22;
    background: transparent;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.0) !important;
}


/* RES Nav */
@media (min-width: 1100px) {
	.home .res-nav {
		padding-right: 100px;
	}
}

/* RES Nav */
@media (min-width: 1100px) {
	.res-nav {
		padding-right: 40px;
	}
}

/*Res nav laptop smaller */
@media only screen and (max-width: 1390px) {
	.res-nav-section {font-size: 85%;}
}


/* Abstand Mainnav */
@media (min-width: 1280px) {
	.res-nav .navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
.res-nav .nav-link, .res-nav .wpml-ls-legacy-list-horizontal a {
    font-size: 90%;
    font-weight: 600;
    padding: 0 !important;
/*    text-shadow: 0px 0px 5px #fff;*/
}

/* Hover */
.res-nav-section li a:hover{
	color: #1b72d5;
}

/* active */
li.active > a.nav-link,
li.active .current-menu-item > a.dropdown-item {
	color: #004899;
}

/*Sprachmenu HIDDEN solange kein FR  10-11-2021 */
/*#menu-item-wpml-ls-2-de,
.res-wpml-shortcode {
	display: none;
}*/


.res-nav .dropdown-item {
	padding: 0.3rem 2rem;
	font-size: 85%;
}
.res-search-header-icon span {
	padding-left: 10px;
}
.res-search-header-icon i {
	padding-top: 8px;
	font-size: 15px;
}

@media only screen and (max-width: 970px) {
	.res-page-content .container {
	}
}
/* -------  MOBILE HEADER -----------   */


	/* mobile header a Space */
	.res-nav .logo-mobile {
		display: block;
		position: relative;
		width: 80%;
		padding: 20px 0 20px 8%;
	}
	
	/* mobile header Background Color */
	.res-mobile-bar {
		display: block;
		width: 100%;
		background-color: #fff; 
	}
	.res-nav .navbar {
		display: block;
		width: 100%;
	}


/* Buttons */

.btn {
	padding: 0.4rem 2rem;
	border-radius: 0px;
}

@media only screen and (max-width: 970px) {
	.btn {font-size: 14px;}
}

.btn-primary{
	background-color: #004899;
	color: #eee;
}
.btn-secondary{
	border: 1px solid #004899;
	background-color: #fff;
	color: #004899;
}
.btn-outline{
	border: 1px solid #004899;
	background-color: #fff;
	color: #004899;
}
.btn-text-link {
	padding: 0 0 0 10px;
	border-radius: 0;
	border: 0;
	color: #004899;
}



/* Footer */

.res-footer {
	background-color: #fff;
}

.res-footer-stoerdienst p {
	margin-bottom: 5px;
}
.res-widget-footer {
    font-size: 80%;
    line-height: 160%;
}

.res-widget-footer.footer-social-icon i {
	background: #004899;
	color: #fff;
}

@media only screen and (max-width: 970px) {
	.res-widget-footer.footer-social-icon i {
		background: #fff;
		color: #004899;
	}
}
.res-footer h6 {
	font-size: 90%;
	font-weight: 600;
	min-height: 30px;
}


/*************************************************************************/
/*   Side Navigation  */



.res-sidenav .nav-quer {
}
.res-sidenav .nav-hoch{
}

.res-sidenav ul.nav-hoch li.current_page_item.active {
	font-family: AvenirNextLTPro-Demi, sans-serif;
	font-weight: 400;
	color: #004899;
}

.res-sidenav ul.nav-hoch li.current_page_item.active ul li {
	font-family: AvenirNextLTPro-Light, sans-serif;
}

.res-page-content .smaller-nav .nav-link {
    font-size: 81%;
    line-height: 170%;
    padding: 5px 0 5px 8px;
    border-bottom: 1px solid #eee;
    width: 82%;
}

.res-sidenav .sidenav-title{
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0.5;
}

.res-sidenav .nav-hoch ul.dropdown-menu .current_page_item {
	font-family: AvenirNextLTPro-Demi, sans-serif;
	font-weight: 400;
}

/*  Navtab Dropdown */
.res-sidenav .nav-fill .dropdown-menu .nav-item {
	text-align: left;
}
.res-sidenav .dropdown-menu .dropdown-submenu .dropdown-menu {
	position: relative;
	padding: 0.25rem;
}
.res-sidenav .dropdown-submenu .dropdown-menu .dropdown-item {
	font-size: 100%;
	padding: 0rem .5rem 0rem 2.5rem;
}




/* ------------  RES SIDENAV   Nav Hochformat  ---------------- */


/* level 1 */
.res-sidenav li a {
    font-size: 95%;
    line-height: 120%;
    padding: 14px 0;
    width: 70%;
}

/* level 2 */
.res-sidenav li > ul li div a {
	font-size: 90%;
	padding: 6px 0;
	 width: 100%;
}
/*Level 2 mobile */
@media only screen and (max-width: 970px) {
	.res-sidenav li > ul li div a {
		font-size: 90%;
		padding: 9px 8px;
		width: 100%;
	}
}


/* level 3 mit Roboto  */
.res-sidenav li > ul li > ul li div a {
    font-size: 70%;
    line-height: 126%;
    padding: 7px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: 0.03rem;
}
@media only screen and (max-width: 970px) {
	.res-sidenav li > ul li > ul li div a { font-size: 85%; letter-spacing: 0;}
}


/*Level 4 background Grau*/
.sidenav-auto ul.nav-hoch ul.level2 ul {
	padding: 25px;
	background-image:linear-gradient(-90deg, white 0%, #f8f8f8 95%);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}


/* level 4 */
.res-sidenav li > ul li > ul li > ul li div a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}



.res-sidenav > div > ul.nav-hoch {
	width: 90%;
	font-size: 90%;
	line-height: 130%;
	margin: 0 0;
	padding: 0 0 0 0;
}
.res-sidenav > div > ul.nav-hoch li a {
	display: block;
}

.res-sidenav > div > ul.nav-hoch li {
	display: block;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
}

.res-sidenav > div > ul.nav-hoch li:last-child {
	border-bottom: 0;
}
.res-sidenav > div > ul.nav-hoch li .nav-item-wrap {
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: space-between;
}

/*  active  */
.res-sidenav > div > ul.nav-hoch li.active > .nav-item-wrap {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 100%;
	letter-spacing: 0.02rem;
}


/* Custom Menus */
#menu-ebene-2-produkte{
	font-size: 90%;
	line-height: 120%;
}
#menu-ebene-2-produkte .nav-link {
	border-bottom: 1px solid #eee;
}
#menu-ebene-2-produkte .active,
.smaller-nav.active {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 95%;
}

/* Mobile Subnav CUSTOM <  #menu-ebene-2-produkte-1 + menu-unternehmen-news-firma-1 */

@media only screen and (max-width: 970px) {
	#menu-unternehmen-news-firma-1 .nav-link,
	#menu-ebene-2-produkte-1 .nav-link {
		border-bottom: 1px solid #eee;
		padding: 14px 0;
	}
	#sidenav-mobile #menu-unternehmen-news-firma-1,
	#sidenav-mobile #menu-ebene-2-produkte-1 {
		background-color: transparent !important;
		border: 0!important;
	}
	#sidenav-mobile #menu-unternehmen-news-firma-1 .smaller-nav .nav-link {
		font-size: 95%;
		line-height: 150%;
		padding: 6px 10px;
		border-bottom: 1px solid #f4f4f4;
		width: 100%;
	}

	
	
}

.res-sidenav > div > ul.nav-hoch li ul {
	margin: 0 0 15px 0;
	padding: 4px 0 4px 12px;
	display: none;
}
/*level 3 mobile */
@media only screen and (max-width: 970px) {
	.res-sidenav > div > ul.nav-hoch li ul {
		margin: 0 0 15px 0;
		padding: 4px 0 20px 15px;
		display: none;
	}
}



.res-sidenav > div > ul.nav-hoch li ul.open {
	display: block;
}
.res-sidenav > div > ul.nav-hoch li ul li {

}
.res-sidenav > div > ul.nav-hoch li ul li a {
	transition: padding-left 0.3s ease, opacity 0.3s ease;
}
.res-sidenav > div > ul.nav-hoch li ul li a:hover {
	padding-left: 3px;
}

.res-sidenav .fa-chevron-down,
.res-sidenav .fa-chevron-up {
		font-size: 16px;
		line-height: 23px;
		padding: 15px 16px 0 16px;
		transition: color 0.3s ease;
		cursor: pointer;
		min-width: 30px;
}
@media only screen and (max-width: 970px) {
	.res-sidenav .fa-chevron-down,
	.res-sidenav .fa-chevron-up {
		font-size: 11px;
		line-height: 15px;
	}
}


.res-sidenav .fa-chevron-up {
	background-image:linear-gradient(0deg, #f9f9f9 0%, #f8f8f8 95%);
}

/*hover dropdown icon  OPEN-HOVER */
.sidenav-auto i.fa-chevron-down:hover{
	background-image:linear-gradient(90deg, white 0%, #f8f8f8 80%);
}

/*  dropdown icon  CLOSE is open */
.sidenav-auto i.fa-chevron-up:hover{
	background-image:linear-gradient(90deg, white 0%, #f8f8f8 90%);
}

/* dropdown icon  CLOSE Hover */
.sidenav-auto i.fa-chevron-up:hover{
	background-image:linear-gradient(90deg, white 0%, #f8f8f8 45%);
}


/*Mobile hover */
@media only screen and (max-width: 970px) {
	.res-sidenav .fa-chevron-down,
	.res-sidenav .fa-chevron-up { 
		margin-right: -9px;
		margin-top: -5px;
	}	
/*	icon level 3 mobile*/
	.res-sidenav ul.open ul.open i.fa-chevron-down {
		padding-top: 10px;
		padding-right: 16px;
		color: #4890ED;
		}
}


/*
.res-sidenav i.fa-chevron-up:hover {
	transition: all .3s ease-in-out;
	transform: scale(1.1);
}
*/


#sidenav-mobile .nav-hoch {
	margin-top: 0px;
	width: 100%;
	border: 1px solid #f4f4f4;
	background: #fff;
	border-radius: 0px;
/*	box-shadow: 3px 5px 10px rgba(50, 50, 50, 0.2);*/
}

#sidenav-mobile > .nav-hoch > li {
	position: relative;
	padding: 0;
	font-size: 85%;
	line-height: 110%;
	border: 0;
}
#sidenav-mobile > .nav-hoch > li > .nav-item-wrap {
	padding: 8px 16px;
	cursor: pointer;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		letter-spacing: 0.03rem;
}

/*  Dropdown Active-Txt  */
#sidenav-mobile > .nav-hoch li.active > .nav-item-wrap {
	font-size: 105%;
	line-height: 140%;
}



#sidenav-mobile > .nav-hoch > li > .nav-item-wrap > i {
	padding-top: 5px;
}
#sidenav-mobile > .nav-hoch > li > ul.open {
	position: absolute;
	top: calc(36px + 0.1em);
	left: 0;
	width: 100%;
	background-color: #FFF;
	z-index: 20;
	padding: 17px 11px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 120%;
	line-height: 150%;
}



/*  Megamenu Desktop */
@media only screen and (min-width: 970px) {

	.res-sidenav .megamenu .dropdown-menu .dropdown-submenu .dropdown-menu {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.res-sidenav .megamenu > .dropdown-menu{
		width: 100%;
		max-width: 1200px;
		border: none;
		border-radius: 0;
		margin-top: 9px;
		margin-left: -10%;
		top: 100%;
		position: absolute;
		float: none;
		/*background: rgba(0,0,0, .9); */
		background: rgba(255,255,255, .9);
		box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.8);
	}

	/* Megamenu Spalten */
	.res-sidenav ul li.megamenu > .dropdown-menu {
		width: 100%;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		padding: 2.4rem;
	}

	/* Megamenu Ebene floaten Colum  */
	.res-sidenav ul li.megamenu > .dropdown-menu > li {
		width: 100%;
		border: 0;
		outline: 0;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		/*		break-inside: avoid-column;*/
	}

	/* Megamenu Ebene 2  */
	.res-sidenav .megamenu .dropdown-submenu > a.dropdown-item{
		width: 90%;
		border: 0;
		padding: 0;
		margin-bottom: 0;
		font-size: 120%;
		padding: 0rem;
	}

	/* Megamenu Ebene 2  */
	.res-sidenav .megamenu .dropdown-submenu > a.dropdown-item{
		width: 90%;
		border-bottom: 1px solid #eee;
		padding: 0 0 10px 10px;
		margin-bottom: 10px;
		font-size: 130%;
	}

	/* Megamenu Ebene 3   */
	.res-sidenav .megamenu .dropdown-submenu .dropdown-menu .dropdown-item {
		font-size: 100%;
		width: 100%;
		padding: 0 0 0 10px;
	}

}





/*.res-sidenav .nav-hoch{*/
/*}*/
/*.res-sidenav .nav-hoch .dropdown-menu.show {*/
/*	position: relative;*/
/*	display: block;*/
/*}*/
/*!* link color *!*/
/*.res-sidenav .nav-hoch .dropdown-item {*/
/*	color: #004899;*/
/*}*/


/*.res-sidenav .nav-hoch .dropdown-menu{*/
/*	position: relative !important;*/
/*	transform: unset !important;*/
/*	top: unset !important;*/
/*	left: unset !important;*/
/*	background: transparent;*/
/*	box-shadow: none;*/
/*	padding: 0;*/
/*	margin: 0 0 15px 0;*/
/*	border: 0 !important;*/
/*}*/
/*.res-sidenav .nav-hoch .nav-link {*/
/*	font-size: 90%;*/
/*	display: block;*/
/*	padding: 6px 0;*/
/*}*/

/*!* menu a padding smaller *!*/
/*.res-sidenav .nav-hoch .dropdown,*/
/*.res-sidenav .nav-hoch .dropdown {*/
/*	width: 90%;*/
/*	padding: 0;*/
/*}*/
/*.res-sidenav .nav-hoch .dropdown.show > a {*/
/*	font-weight: 400;*/
/*	font-family: AvenirNextLTPro-Demi, sans-serif;*/
/*}*/
/*!* submenu abstand ul *!*/
/*.res-sidenav .nav-hoch > ul.dropdown-menu.show{*/
/*	padding: 20px 0 0 0;*/
/*}*/
/*!* submenu submenu abstand a smaller *!*/
/*.res-sidenav .nav-hoch ul.dropdown-menu.show > li a.dropdown-item{*/
/*	padding: 4px 0 4px 8px;*/
/*	font-size: 90%;*/
/*	color: #004899;*/
/*}*/
/*.res-sidenav .nav-hoch .menu-item {*/
/*	padding-right: 30px;*/
/*	position: relative;*/
/*	max-width: 90%;*/
/*	border-bottom: 1px solid #f4f4f4;*/
/*}*/
/*.res-sidenav .nav-hoch .menu-item i {*/
/*	position: absolute;*/
/*	text-align: center;*/
/*	width: 10%;*/
/*	right: -10%;*/
/*	top: 10px;*/
/*	cursor: pointer;*/
/*	font-size: 18px;*/
/*    padding: 3px 8px;*/
/*!*    background: #f4f4f4;*!*/
/*	border-radius: 4px;*/
/*}*/

/*!* dropdown icon customn   angle down  *!*/
/*.fa-caret-down.res-dropdown-arrow:before {*/
/*    content: "\f107" !important;*/
/*	font-family: "Font Awesome 5 Pro";*/
/*    font-weight: 400 !important;*/
/*}*/
/*.res-dropdown-arrow.fa-caret-up:before {*/
/*    content: "\f106" !important;*/
/*	font-family: "Font Awesome 5 Pro";*/
/*    font-weight: 400 !important;*/
/*}*/
/*.fa-caret-down.res-dropdown-arrow,*/
/*.res-dropdown-arrow.fa-caret-up{*/
/*    transition: all .2s ease-in-out;*/
/*}*/
/*.fa-caret-down.res-dropdown-arrow:hover,*/
/*.res-dropdown-arrow.fa-caret-up:hover{*/
/*    background-color: #f4f4f4;*/
/*    margin-top: 2px;*/
/*}*/




	/* hover dropdown */
.res-sidenav .nav-hoch .dropdown:hover > a.dropdown-toggle {
	display: block;
	border-bottom: 1px solid #6e99c9;
}
/* open dropdown active-show */
.res-sidenav .nav-hoch .dropdown.show > a.dropdown-toggle {
	display: block;
	border-bottom: 1px solid #6e99c9;
}


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

	/*	Megamenu Nav-hoch Reset Desktop */
	.res-sidenav .nav-hoch .megamenu > .dropdown-menu {
		width: 100%;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		padding: 0 0 0 20px;
	}
	.res-sidenav .nav-hoch .megamenu .dropdown-menu.show {
		display: block;
	}

	.res-sidenav .nav-hoch .megamenu .dropdown-submenu > a.dropdown-item {
		width: 100%;
		border: 0;
		padding: 0;
		margin-bottom: 0;
		font-size: 100%;
	}
	.res-sidenav .nav-hoch .megamenu a.dropdown-toggle::after {
		display: none;
	}


	/*	Dropdowns Desktop Open  nav-hoch*/
	/*
		.res-sidenav .nav-hoch ul.dropdown-menu {
			display: block;
		}	

		.res-sidenav .nav-hoch .megamenu ul.dropdown-menu {
			display: none;
		}	
		.res-sidenav .nav-hoch .dropdown a.dropdown-toggle::after,
		.res-sidenav .nav-hoch .dropdown-submenu > a::after {
			display: none;
		}
	*/

	/* Ebene 3 kompakter a */
	.res-sidenav .nav-hoch ul .dropdown-submenu ul li a {
		padding: 0 0 0 30px !important;
		margin: 0 !important;
	}

}


/* ------------  Mobile Nav Rewrite ---------------- */

@media only screen and (max-width: 970px) {

	.res-sidenav {
		background: transparent !important;
/*		max-width: 90%;*/
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 30px;
	}

	.res-sidenav .nav-fill .nav-item {
		text-align: left;
		width: 100%;
	}
	.res-sidenav .nav-link {
		font-size: 100%;
		display: block;
		padding: 8px 0 8px 8px;
		border-bottom: 1px solid #eee;
	}
	.res-sidenav .dropdown-item {
		padding: 0 0 0 15px;
		font-size: 95%;
	}

	.res-sidenav .dropdown-menu.show {
		position: relative;
	}

	.res-sidenav .dropdown-menu{
		position: relative !important;
		transform: unset !important;
		top: unset !important;
		left: unset !important;
		background: transparent;
		box-shadow: none;
		padding: 0;
		margin: 0 0 15px 0;
		border: 0 !important;
	}
	.res-sidenav .dropdown-menu .dropdown-submenu .dropdown-menu {
		position: relative;
		padding: 0;
		padding-left: 30px;
	}

	/*	Megamenu Reset MOBILE */
	.res-sidenav .megamenu .dropdown-submenu > a.dropdown-item {
		width: 100%;
		border: 0;
		padding: 0;
		margin-bottom: 0;
		font-size: 100%;
	}
	.res-sidenav .megamenu > .dropdown-menu {
		width: 100%;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		padding: 0 0 0 30px;
	}

	/* Megamenu Ebene 3 */
	.res-sidenav .megamenu .dropdown-menu .dropdown-submenu .dropdown-menu {
		width: 100%;
		padding: 8px 0 8px 20px;
		margin: 0;
		position: relative;
	}


}



/* Content + single */


@media only screen and (min-width: 970px) {
	.res-content .container-fluid {
		padding: 1px 3% 1px 4%;
		background-color: #fff;
	}
	.res-content .res-page-no-sidebar .container {
		padding: 80px 5% 30px 5%;
		max-width: 80%;
	}
	
/*	single laptop*/
	.res-content .res-singlepage .container-fluid {
		padding: 30px 15% 0 5%;
		background-color: #fff;
	}
	.res-singlepage-title {
		padding-top: 40px;
	}
	
}
@media only screen and (min-width: 1390px) {
	.res-content .container-fluid {
/*		padding: 30px 5%;*/
		padding: 20px 40px;
		background-color: #fff;
	}
	.res-content .res-page-no-sidebar .container {
		padding: 80px 5% 30px 5%;
		max-width: 80%;
		background-color: #fff;
	}
/*	single*/
	.res-content .res-singlepage .container-fluid {
		padding: 30px 15%;
		background-color: #fff;
	}

	.res-singlepage-title {
		padding-top: 60px;
	}
	
} 



/* impressum */

.page-impressum .res-content {
	font-size: 85%;
	line-height: 150%;
}
.page-impressum .res-content p {
	padding: 0;
	margin-bottom: 5px;
}
.page-impressum .res-content strong {
	color: #000;
}

@media only screen and (min-width: 1280px) {
	.page-impressum .impressum-adresse {
		margin-right: 20%;
	}
}

@media only screen and (min-width: 970px) {
	.breadcrumb-frame {
		font-size: 90%;
		padding: 0;
		margin-bottom: 0;
		background-color: transparent;
	}
}
.breadcrumb {
	font-size: 80%;
	padding: 0 20px 0 0;
	margin-bottom: 0;
	background-color: transparent;
}




/*
.breadcrumb span:nth-child(2) {
   display: none;
}
*/
.breadcrumb :nth-child(2),
.breadcrumb :nth-child(2),
.breadcrumb :nth-child(4){
	display: none;
}
.breadcrumb a{
    padding-right: 15px;
    transition: all .2s ease-in-out;
}
.breadcrumb a:hover{
    color: #000;
    transition: all .2s ease-in-out;
	transform: scale(1.02);
	opacity: 1.0;
}

.breadcrumb span.current-page {
	display: none;
}

a.sidenav-back {
	font-size: 16px;
	min-width: 20px;
	display: inline-block;
    margin-left: 5px;
	transition: all 0.3s ease-in-out;
}
.sidenav-back i{
}
a.sidenav-back:hover{
    margin-left: 0px;
}
.sidenav-back-modal-x {
    display: none;
}



/* Mobile Header Titles */


.page-header .x-close {
	margin: 0 0 0 10px;
	width: 40px;
	height: 40px;
	position: relative;
	display: inline-block;
}
@media only screen and (max-width: 970px) {
	.page-header {margin: 30px 0 0 0 !important;}	
	.page-header h1 { font-size: 80%; padding: 15px 0; display: none;}
	.page-header h1 span { display: none;}
	.breadcrumb-frame { font-size: 90%; line-height: 110%; opacity: 0.6; padding: 0; display: none !important;}
	.breadcrumb a {  padding: 0 6px 0 0;}
	.breadcrumb-frame span{ display: none;}
	.back-btn { padding: 0 0 5px 20px !important; margin: 0 0 40px 0 !important; border-bottom: 1px solid #eee;  display: none;}
	.sidenav-back i {font-size: 75%;}

}
.breadcrumb-frame {
    font-size: 80%;
    line-height: 110%;
    opacity: 0.6;
}

.res-footer-copyright {
	font-size: 12px;
	opacity: .8;
}

.res-footer-copyright a {
	color: #fff;
	font-size: 12px;
	opacity: .8;
}
.iso-logo {
	max-width: 160px;
} 

/*laptop footer */
@media only screen and (max-width: 1390px) {
	.iso-logo { max-width: 75%; } 
	.res-footer { font-size: 80%;}
	.res-footer-copyright {	font-size: 10px;}
} 	

.res-footer h5 {
	font-size: 100%;
}

@media only screen and (max-width: 970px) {
	
	.res-footer { font-size: 90%;}
	
	.iso-logo { max-width: 100px;}
	.res-widget-footer { margin-bottom: 60px;}
	.res-footer .res-logo-slider .inner-container {
			margin-left: 0;
			margin-right: 0;
			max-width: 100%;
		}
	
	.res-footer .res-logo-slider .postImg .logo-inner-padding {
		max-width: 60%;
		margin: 4% auto;
	}
	.res-footer .res-logo-slider .box-inner.border {
		border: 0 !important;
	}

 }



/*************************************************************************/
/*   Modalbox  */

.modalcontent {

}
.modalcontent .res-footer .wp-block-columns,
.modalcontent .sidenav-back,
.modalcontent .search-header,
.modalcontent .language_selector,
.modalcontent .side-bar {
	display: none;
}
.modalcontent .res-footer {
	margin-bottom: 100px;
}
/*fix image fullwidth */
.modalcontent .res-block .postImg img {
	max-width: 300px;
}


.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}
.modal-backdrop.show {
	opacity: 0.1;
}

/* modal content breite */
.modal-dialog {
/*	max-width: 1466px;*/
	max-width: 90%;
	margin: 30px auto 0 auto;
	box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.3);
}

/*mobile fullscren */
@media only screen and (max-width: 970px) {
	.modal-dialog {
		max-width: 96%;
		margin: 15px auto 0 auto;
	}
	.modal-header {
		padding: 10px 0 10px 0;
	}
}	


.modal-content {
	border: 0;
	outline: 0;
}

.res-content .modal-content .container-fluid {
	padding: 0;
	background-color: #fff;
	max-width: 100%;
}
.modal-body {
	padding: 2% 6%;
}


@media only screen and (max-width: 970px) {
	.x-close {
		margin: 0 32px 0 0;
		width: 26px;
		height: 26px;
	}
	.x-close:after {
		height: 26px;
		border-left: 1px solid #004899;
	}
	.x-close:before {
		height: 26px;
		border-left: 1px solid #004899;
	}
}








.pagetitle h1 {
}
.pagetitle span {
    padding-top: 14px;
    font-size: 13px;
    line-height: 120%;
    font-weight: 300;
/*    display: block;*/
	display: none;
}

small, .small {
    font-size: 85%;
	line-height: 160%;
    font-weight: 300;
}








/*************************************************************************/
/*   Custom CSS  */


.marker{
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid #1CA0BE;
	color: #1CA0BE;
}

.nav-gap {
	gap: 1rem;
}

/*Search Modal */

#search-overlayer {
	background: rgba(255,255,255, 0.90);
}
#search-overlayer .modal-dialog {
	box-shadow: none;
	background: transparent;
}

#search-overlayer .modal-content label {
	border: 1px solid #B4BFCB;
	box-shadow: 0 5px 10px -5px rgba(220, 220, 220, 0.6);
}

@media only screen and (max-width: 970px) {
	#search-overlayer .modal-content {
		max-width: 88%;
		padding-left: 5%;
		padding-top: 15px;
	}
}




/*Kontakt Header Bild*/
.kontakt-header-bild img {
	width: 100% !important;
	height: auto;
}

.kontakt-standorte .wp-block-column .res-txt .var-1spalten {
	font-size: 80%;
	line-height: 1.3;
}


/*Overlayer*/

body.openBurgerMenu .overlayer-burgermenu #burgermenu-section {
    background: rgba(255,255,255, 0.98);
    width: 98%;
}
@media only screen and (max-width: 970px) {
body.openBurgerMenu .overlayer-burgermenu #burgermenu-section {
    background: rgba(255,255,255, 0.98);
    width: 100%;
}
	body .hotspot-box{
	text-shadow: none;
	}
}
body .overlayer-burgermenu #burgermenu-section {
    background: rgba(255,255,255, 0.98);
}

body.openBurgerMenu .overlayer-burgermenu .navbar-nav li a.nav-link, body.openBurgerMenu .burgermenu-nav-section .dropdown:not(.megamenu) .dropdown-menu a.dropdown-item, body .dropdown-item, body.openBurgerMenu .burgermenu-nav-section .dropdown:not(.megamenu) .dropdown-menu a.dropdown-item, body .dropdown-item:hover , body .burgermenu-nav-section .dropdown.megamenu .menu-item-has-children.dropdown-submenu ul li a.dropdown-item, body .burgermenu-nav-section .dropdown > .dropdown-menu a.dropdown-item {
    color: #004899;
}

body.openBurgerMenu .burger-lines-button.x.closebutton .burger-lines::before, body.openBurgerMenu .burger-lines-button.x.closebutton .burger-lines::after {
    background-color: #004899;
}
body .megamenu .dropdown-submenu > a.dropdown-item {
    color: #004899 !important;
}

/*************************************************************************/
/*   modalcontent - Teile im iFrame ausblenden / stylen */
body.modalcontent #burgermenuX-btn,
body.modalcontent .res-header,
body.modalcontent .overlayer-burgermenu
{
	display: none !important;
}
body.modalcontent .res-content {
	background-color: #FFF !important;
}
body.modalcontent .res-content .container-fluid {
	padding: 0 !important;
	max-width: 100% !important;
}


/*Burger Desktop Bracnchen bereits geoeffnet */
#menu-bereiche-burger-mainnav .menu-item-1371 ul {
	border-top: 1px solid #f4f4f4;
	display: inline-block;
}
#menu-bereiche-burger-mainnav .menu-item-1371 .dropdown-item {
    padding: 0.2rem 1.5rem; 
    font-size: 110%;
}

#menu-bereiche-burger-mainnav-franzoesisch .menu-item-27626 ul {
	border-top: 1px solid #f4f4f4;
	display: inline-block;
}
#menu-bereiche-burger-mainnav-franzoesisch .menu-item-27626 .dropdown-item {
    padding: 0.2rem 1.5rem; 
    font-size: 110%;
}


.res-footer .res-logo-slider {
}
.wp-block-column .res-logo-slider {
	margin-top: -20px;
}

@media only screen and (max-width: 1100px) {
	#res-menu {
    margin-right: 60px;
	}
}

@media only screen and (max-width: 970px) {
	.res-header .container, .res-header .container-fluid {
    max-width: 100%;
    overflow-x: hidden;
}
	img.float-md-right {
		display: block;
	}
} 

.page-jobs .res-filter-list {
	font-size: 90%;
	padding-bottom: 30px;
}
.res-filter-item.active{
	font-family: 'AvenirNextLTPro-Demi', sans-serif;
}

@media screen and (max-width: 970px) and (min-width: 480px) {
}

@media screen and (max-width: 1440px) and (min-width: 970px) {
.burger-lines-button {
    padding: 6px 11px 14px 11px !important;
    right: 40px !important;
    top: 17px !important;
}
}

@media only screen and (max-width: 1280px) {
	.alle-hotspots-level-2 .hotspot-box {
		letter-spacing: 0 !important;
	}
}

#sidenav-mobile .nav-hoch .active .open .active .open .active .nav-item-wrap a {
	font-weight: 600;
}

@media screen and (max-width: 970px) {
	.single-jobs .res-singlepage {
		padding-top: 2rem;
	}
}

.res-content .res-footer-copyright a  {
    color: #03274F;
}

.res-header .res-nav .wpml-ls-legacy-list-horizontal {
    min-width: 156px;
}

.res-header .wpml-ls-item {
    opacity: 1;
}
.res-header .wpml-ls-current-language {
    opacity: 0.6;
}

@media only screen and (max-width: 768px) {
	.wpml-ls-legacy-list-horizontal a {
    font-size: 120%;
}
}
/*Boxes Team*/

.res-boxes .team-img-wide .teamContent {
    font-size: 65%;
}

.res-boxes .team-img-wide .img-wide {
    object-fit: cover;
    object-position: top;
}


.res-slideside-container-mobile .res-slideside-content-mobile ul.nav {
    flex-wrap: nowrap;
    justify-content: unset !important;
    overflow-x: scroll;
}

.res-slideside-container-mobile .nav-link {
display: block;
white-space: nowrap;
padding: 0.3rem 0;
margin: 0.5rem 1rem;
}

.res-slideside-container-mobile .nav-item {
    font-size: 90%;
    white-space: nowrap;
}


/*
.res-navtab-hor ul.navbar-nav {
flex-wrap: nowrap;
justify-content: unset !important;
overflow-x: scroll;
}
.res-navtab-hor.sticky-nav {
display: block;
}

.res-navtab-hor .navbarContent .nav-link {
text-align: left;
padding-left: 15px;
}
*/


/*****STICKER******/
body .cta-sticker {
    bottom: 5%;
    right: 1.75%; 
}
body .cta-sticker a:hover {
    opacity: .95;
    transition: all .4s ease-in-out;
}
body .cta-sticker:hover {
    transform: scale(0.97);
    transition: all .3s ease-in-out;
    opacity: 1;
}
body .cta-circle {
    width: 170px;
    height: 170px;
    background: #fff;
    color: #004899;
box-shadow: rgb(100 100 111 / 7%) 0px 7px 29px 0px !important;
}
body .cta-circleTxt {
    margin: 5px 0 0 0;
}
body .sticker-img{
    max-width: 57%;
}
body .cta-circleTxt h4 {
    font-size: 75%;
    font-weight: 600;
    padding-top: 0.75rem;
}


@media only screen and (max-width: 1500px) {
body .cta-sticker {
    bottom: 4.5%;
    right: 1.5%;
}
body .cta-circle {
    width: 140px;
    height: 140px;
}
}
@media only screen and (max-width: 1350px) {
body .cta-sticker {
    bottom: 4%;
}
body .cta-circle {
    width: 120px;
    height: 120px;
}
body .cta-circleTxt h4 {
    font-size: 70%;
    padding-top: 0.45rem;
}
}
@media only screen and (max-width: 970px) {
body .cta-sticker {
    bottom: 3%;
    right: 3%;
}
}





.newsslider .carousel-caption {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    padding-bottom: 20px;
    color: #004899;
    text-align: center;
}

.newsslider .carousel-indicators li {
    width: 6px;
    height: 6px;
	border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #004899;
}

.newsslider .carousel-caption {
    padding-bottom: 20px;
    padding-top: 0px; 
}
.newsslider .carousel-inner {
    padding-bottom: 20px;
    padding-top: 0px; 
}

.newsslider h5 {
    font-family: AvenirNextLTPro-Demi, sans-serif;
    font-weight: 900;
    font-size: 16px;

}

.wpml-ls-legacy-dropdown-click a {
    display: flex;
    color: #fff;
    border: none;
    background-color: #004899;
    padding: 5px 10px; 
    aspect-ratio: 1 / 1;
    height: 60px;
    align-items: center;
    font-size: 15px;
}

.wpml-ls-legacy-dropdown-click {
    width: 60px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
}

.res-header .wpml-ls-item {
    margin: 0;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    border: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
.res-header .wpml-ls-current-language {
    opacity: 1;
}


.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover {
    opacity: .9;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding-right: 0;
}
.res-search-header-icon .nav-link {
    display: flex;
    color: #fff;
    border: none;
    background-color: #004899;
    padding: 5px 10px;
    aspect-ratio: 1 / 1;
    height: 60px;
    align-items: center;
    font-size: 15px;
}
.res-search-header-icon i {
    padding-top: 0;
    width: 100%;
	text-align: center;
}

.language_selector {
    position: fixed;
    right: 124px;
    top: 40px;
	z-index: 200;
}

.search-header {
    position: fixed;
    right: 186px;
    top: 40px;
	z-index: 200;
}

@media only screen and (max-width: 1390px) {
	.newsslider .carousel-inner {
    padding-bottom: 0px;
    padding-top: 0px;
}
	.carousel-indicators {
margin-bottom: 0;
}
}

@media only screen and (max-width: 1300px) {
	.carousel-indicators {
display: none;
}
	.newsslider .carousel-inner {
    padding-bottom: 0;
}
	.newsslider .carousel-inner {
    font-size: 16px;
    line-height: 140%;
}
	.newsslider .carousel-caption {
    padding-bottom: 0px;
}
	.res-video-world-outside .res-video-world-vertical-center {
    transform: translateY(-35%);
}
}

@media only screen and (max-width: 1100px) {
	.res-video-world .sloganBox {
    max-width: 350px !important;
}
}
@media only screen and (max-width: 970px) {
	.res-video-world-outside .res-video-world-vertical-center {
    transform: translateY(-95%);
}
} 
@media only screen and (max-width: 768px) {
	.res-video-world-outside .res-video-world-vertical-center {
    transform: translateY(-35%);
}
} 

@media screen and (max-width: 1440px) and (min-width: 970px) {
	.language_selector {
    right: 94px;
    top: 17px;
}
.search-header {
    right: 145px;
    top: 17px;
}
	.res-search-header-icon .nav-link, .wpml-ls-legacy-dropdown-click a, .wpml-ls-legacy-dropdown-click  {
    height: 49px;
	width: 49px;
}
	.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    font-size: 10px;
    margin-right: -4px;
}
}


.burgermenu-nav-section .wpml-ls-statics-shortcode_actions {
	display: none;
}
.burger-lines-button:hover {
    transform: scale(1) !important;
    opacity: 0.6 !important;
}

@media only screen and (max-width: 970px) {
	.side-bar {
		display: none !important;
}
	.language_selector {
		display: none !important;
}
	.res-search-header-icon i {
    color: #fff;
}
	
	.burgermenu-nav-section .wpml-ls-statics-shortcode_actions {
    display: block;
}
	.res-search-header-icon i {
    padding-top: 5px;
}
} 

.side-bar .side-bar-link:hover {
    opacity: 0.9;
}
 
@media only screen and (max-width: 768px) {
	.newsslider {
    display: none;
}
	.res-search-header-icon .nav-link {
    color: #004899;
    border: none;
    background-color: #ffffff;
    padding: 5px 10px;
    aspect-ratio: 1 / 1;
    height: 0px;
    align-items: center;
    font-size: 15px;
}
	.wpml-ls-legacy-dropdown-click a {
		color: #004899;
		background-color: #ffffff;
	}
	.res-search-header-icon i {
    color: #004899;
}
	.res-search-header-icon i {
    text-align: left;
}
	.mobile-menu-searchbar {
    z-index: 9;
}
	.res-search-header-icon a {
    padding-top: 0 !important;
    padding-bottom: 25px !important;
}
	.res-video-world .mobile-cta {
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
	
	.side-bar-box span {
    margin-right: 0px !important;
    background: #004899 !important;
    padding: 10px 0 !important;
    color: #fff !important;
		border-right: 1px solid #fff;
}
	#navContainer #drag-nav .navbar-nav .nav-item .nav-link, .res-slideside-container-mobile .nav-link {
    font-size: 100%;

}
} 

.header-visible .burger-lines-button, .header-visible .search-header, .header-visible .language_selector {
        top: 0 !important;
    }

@media only screen and (max-width: 970px) {
	    .wpml-ls-legacy-dropdown-click a {
        background-color: transparent;
    }
	    .res-search-header-icon .nav-link {
        background-color: transparent;
    }
	.js-wpml-ls-sub-menu .show-navs {
    background: #fff;
}
}