/*MEGA MENU*/
/*GENERELLES */
:root {
	--menu_height_desktop: 600px;
	--menubar_height_desktop: 80px;
}

/*Top Bar*/
.mew_mega_menu {
	display: flex;
	justify-content: space-between;

	position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: var(--menubar_height_desktop);
    width: 100vw;
    
    background: #fff;
    padding: 0 2vw;
    box-shadow: 0 1px 1px #ccc;

    --primary: var(--e-global-color-primary);
	--gradient_end: var(--e-global-color-e12fd2b);
	--gradient_start: var(--e-global-color-7fe574a);

    margin-top: var(--wp-admin--admin-bar--height);

}
@media only screen and (max-width: 767px) {
  .mew_mega_menu {
  	display: none;
  }
}
@media only screen and (min-width: 1400px) {
  .mew_mega_menu {
  	padding-left: calc(50vw - 700px);
    padding-right: calc(50vw - 675px);
  }
}
.mew_mega_menu .logo {
    max-width: 200px;
    display: flex;
    align-items: center;
    line-height: 0;
}
.mew_mega_menu .smaller_logo {
  	display: none;
  }
@media only screen and (max-width: 1310px) {
  .mew_mega_menu .custom-logo-link {
  	display: none;
  }
  .mew_mega_menu .smaller_logo {
  	display: block;
  }
}
@media only screen and (max-width: 1135px) {
  .mew_mega_menu .smaller_logo {
  	width: 4vw;
  }
}
.mew_mega_menu nav.main-navigation {
    font-size: 15px !important;
    width: 100%;
}

.mew_mega_menu nav.main-navigation a {
	text-decoration: none !important;
	font-weight: 500 !important;
	font-size: 15px;
}
/*Top Bar Hover*/
.mew_mega_menu .first_level {
	display: flex;
	flex-direction: row;	
	position: fixed;
    left: 0;
    top: calc(var(--menubar_height_desktop) + 1px);
/*    top: calc(var(--wp-admin--admin-bar--height) + var(--menubar_height_desktop));*/
    width: 100vw;
    z-index: 9999;
    height: 0;
    padding: 0;
	background: #efefef;
    
    overflow: hidden;
    box-shadow: 0 4px 4px #4f4f4f78;

}
.mew_mega_menu .first_level.init {
	opacity: 0;
    height: auto;
}
/*.mew_mega_menu.withHeightTransition .first_level {
	transition: height 0.3s;
}*/


.mew_mega_menu li.level_0 {
	/*border: 0px solid transparent;
	border-bottom-width: 0px;*/
}
.mew_mega_menu li.level_0.ausgeklappt {
/*	border-color: var(--primary);*/
/*	border-bottom-width: 4px;*/
	box-shadow: inset 0 -4px 0px var(--primary);
}


/*mennu animation / fade*/

.mew_mega_menu li.level_0 .first_level{
	transition: height 0s;
}
.mew_mega_menu li.level_0.slow .first_level{
	transition: height 0.3s;
}

.mew_mega_menu li.level_0.ausgeklappt > .first_level {
	height: var(--menu_height_desktop);
/*	height: 1000px;*/
}
.mew_mega_menu li.level_0  ul.level_1 > li {
	transition: opacity 0.4s, margin-left 0.4s, margin-right 0.4s;
	opacity: 0;
	margin-left: 0;
	margin-right: 20px;
	break-inside: avoid;
}
.mew_mega_menu li.level_0.ausgeklappt ul.level_1 > li {

	opacity: 1;
	margin-left: 20px;
	margin-right: 0px;
}
.mew_mega_menu li.level_0  ul.level_1 > li:last-child {
	margin-bottom: 0;
}

.mew_mega_menu .level_0_info > .item_title,
.mew_mega_menu .level_0_info > .item_description,
.mew_mega_menu .level_0_info > a  {
	transition: opacity 0.5s, margin-left 0.5s, margin-right 0.5s, background-color 0.5s;
}
.mew_mega_menu .level_0_info > .item_title,
.mew_mega_menu .level_0_info > .item_description,
.mew_mega_menu .level_0_info > a {
	opacity: 0;
	margin-left: 0;
	margin-right: 20px;
}
.mew_mega_menu .level_0.ausgeklappt .level_0_info > .item_title,
.mew_mega_menu .level_0.ausgeklappt .level_0_info > .item_description,
.mew_mega_menu .level_0.ausgeklappt .level_0_info > a {
	opacity: 1;
	margin-left: 20px;
	margin-right: 0px;
}



/*Menu Items*/
.mew_mega_menu nav.main-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mew_mega_menu nav.main-navigation ul li {
}
.mew_mega_menu nav.main-navigation ul.level_0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mew_mega_menu nav.main-navigation li:not(.has-0-children):after {
/*	background-image:  url("images/menu_nav_icon.svg");*/
	transform: rotate(-90deg);
/*    background-size: 10px 10px;*/
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";
    margin-left: 3px;
    transition: transform .2s
    /*	width: 30px;
	height: 30px;*/
/*	background: url('images/mew_globe_icon.svg') no-repeat;
	background-size: 30px 30px;*/
	 mask: url('../images/menu_nav_icon.svg') no-repeat 50% 50%;
    -webkit-mask: url('../images/menu_nav_icon.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-size: contain;
    background-color: var(--gray);
}
.mew_mega_menu nav.main-navigation li.level_0.ausgeklappt:after {
/*	transform: rotate(90deg);*/
}

.mew_mega_menu nav.main-navigation li.level_1:not(.has-0-children):after {
    float: right;
    margin-top: -50px;
    margin-right: -20px;
	transform: rotate(-180deg);
/*	background-size: 15px 15px;*/
    width: 15px; 
    height: 15px;
     mask: url('../images/menu_nav_icon.svg') no-repeat 50% 50%;
    -webkit-mask: url('../images/menu_nav_icon.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-size: contain;
    background-color: var(--gray);
}
.mew_mega_menu nav.main-navigation li.level_1:not(.has-0-children):hover:after {
	background-color: var(--e-global-color-primary);
}
.mew_mega_menu nav.main-navigation ul.level_0 > li {
	display: inline-flex;
    padding: 0px 0.5vw 0px;
    height: 80px;
    align-items: center;
    margin: 0;
}
 .mew_mega_menu nav.main-navigation ul.level_0 > li > a{
  	font-size: 15px;
  }
.mew_mega_menu nav.main-navigation .sublevel li {
	border: 0px solid transparent;
	border-left-width: 3px;
	padding-right: 50px;
}
@media only screen and (max-width: 1135px) {
  .mew_mega_menu nav.main-navigation ul.level_0 > li > a{
  	font-size: 1.3vW;
  }
  .mew_mega_menu nav.main-navigation .first_level > .level_0_info > .item_title {
  	font-size: 20px !important;
  }
  .mew_mega_menu p.item_description {
  	font-size: 80%;
  }
}
.mew_mega_menu nav.main-navigation li a:hover {
	color: var(--gray) !important;
}
.mew_mega_menu nav.main-navigation .sublevel li:hover {
	border-color: var(--primary);
	border-left-width: 3px;
}



/*Menu Item Content*/
.mew_mega_menu nav.main-navigation .item_title {
	font-weight: 700;
	margin-bottom: 10px;
	font-family: 'Titillium Web';
	line-height: 1.3;
}
.mew_mega_menu nav.main-navigation .item_description {
	font-weight: 300;
	width: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.mew_mega_menu nav.main-navigation .first_level > .level_0_info  {
    margin: 20px 0 20px 5%;
    width: 30%;
    padding-right: 30px;
}
.mew_mega_menu nav.main-navigation .first_level > .level_0_info > .item_title {
	font-size: 27px;
}
.mew_mega_menu nav.main-navigation .first_level > .sublevel {
    margin: 20px 5% 20px 0;
    width: 60%;
}
.mew_mega_menu nav.main-navigation ul.level_1 {
	width: 50%;  /*aka 30% of total menu _wrapper*/
}
.mew_mega_menu nav.main-navigation ul.level_1:not(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
	display: block;
	columns: 2;
	column-gap: 0;
	width: 100%;
/*	background-color: #f90;*/
}
.mew_mega_menu nav.main-navigation li.level_0:nth-child(5) ul.level_1,
.mew_mega_menu nav.main-navigation li.level_0:nth-child(2) ul.level_1 {
	columns: 1 !important;
	width: 50%;
}
.mew_mega_menu nav.main-navigation .level_0_info > a {
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 8px;
	padding: 10px 15px;
	border: 2px solid var(--primary);
	background-color: #fff;
}
.mew_mega_menu nav.main-navigation .level_0_info > a:hover {
/*	background: linear-gradient(45deg, var(--gradient_start) 0%, var(--gradient_end) 100%);*/
	background-color: var(--primary);
	border: 2px solid var(--primary);
	color: #fff !important;
}

.mew_mega_menu nav.main-navigation .level_0.no-link .level_0_info > a {
	display: none;
}
.mew_mega_menu nav.main-navigation .level_0_info > .item_description {
	margin-bottom: 20px;
	-webkit-line-clamp: 4;
}
.mew_mega_menu nav.main-navigation ul.level_2
{
	height: 0;
	overflow: hidden;
/*	background-color: #9ff;*/
	position: absolute;
	margin: 20px 5% 20px 0;
	top: 0px;
	left: calc(5% + 30% + 30%);
}
.mew_mega_menu nav.main-navigation ul.level_1 li:hover ul.level_2 {
	height: var(--menu_height_desktop);
}

.mew_mega_menu nav.main-navigation ul li {
	margin-bottom: 20px;
}
.mew_mega_menu nav.main-navigation p {
	margin: 0 10px;
}
.item_icon {
    padding: 0;
    margin: 0;
    display: none;
}

/*Kontakt-Button*/
.mew_mega_menu nav.main-navigation li.button a {
	background: linear-gradient(45deg, var(--gradient_start) 0%, var(--gradient_end) 100%);
    padding: 8px 24px;
    color: #fff;
    border-radius: 10px;
}
.mew_mega_menu nav.main-navigation li.button a:hover, .mew_mega_menu nav.main-navigation  li.button:hover a {
    color: #fff !important;
}
.mew_mega_menu nav.main-navigation li.button:hover {
	opacity: 0.75;
}

@media only screen and (max-width: 1135px) {
  .mew_mega_menu nav.main-navigation li.button a {
    padding: 0.6vw 0.8vw;
    border-radius: 0.6vw;
	}
}







/*WPML in MENU*/


.widget-wpml {
	display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 20px;
}
.icon.globe {
	width: 30px;
	height: 30px;
/*	background: url('images/mew_globe_icon.svg') no-repeat;
	background-size: 30px 30px;*/
	 mask: url('../images/mew_globe_icon.svg') no-repeat 50% 50%;
    -webkit-mask: url('../images/mew_globe_icon.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-size: contain;
    background-color: var(--gray);

}
.widget-wpml:hover div#lang_sel_list{
	height: 100px;
}
.widget-wpml div#lang_sel_list {
	position: absolute;
	display: block;
	border: none;
    top: 80px;
    right: 15px;
    background: #efefef;
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
    box-shadow: 0 4px 4px #4f4f4f78;
}
.widget-wpml div#lang_sel_list ul {
	padding: 20px;
}
.widget-wpml a.wpml-ls-link span {
	margin-left: 5px;
	font-weight: 500;
	font-size: 15px;
}
@media only screen and (min-width: 1475px) {
  .widget-wpml div#lang_sel_list
  {
  	right: calc(50vw - 700px - 20px);
  }
}

@media only screen and (max-width: 1135px) {
	.widget-wpml {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.icon.globe {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}
}







/*MEGA MOBILE MENU*/

.mew_mega_menu_mobile {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #fff;
    width: 100vw;
    overflow: hidden;
    display: none;

    --primary: var(--e-global-color-primary);
	--gradient_end: var(--e-global-color-e12fd2b);
	--gradient_start: var(--e-global-color-7fe574a);

	--icon_width: 24px;

	transition: top 0.2s;
}
@media only screen and (max-width: 768px) {
  .mew_mega_menu_mobile {
  	display: block;
  }
}
.mew_mega_menu_mobile .menu_header {
    height: 80px;
    background: var(--lightgray_bg);
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--lightgray);
}
	.mew_mega_menu_mobile .header_content {
	 	display: flex;
	    width: 80%;
	    justify-content: flex-start;
	    align-content: center;
	    flex-wrap: wrap;
	}
		.mew_mega_menu_mobile .header_content .logo {
			height: auto;
			width: 230px;
    		padding: 10px 0 0 20px;
		}
		.mew_mega_menu_mobile.ausgeklappt .header_content .logo {
			display: none;
		}
		.mew_mega_menu_mobile .header_content .tabs {
			display: none;
		}
		.mew_mega_menu_mobile.ausgeklappt .header_content .tabs {
			display: flex;
		    width: 100%;
		    justify-content: flex-start;
    		flex-direction: row-reverse;
    		height: 80px;
		}
			.mew_mega_menu_mobile .tabs .tab_item {
				padding: 0 25px;
				width: auto;
				display: inline-flex;
	    		background-size: 16px;
	    		background-repeat: no-repeat;
	    		background-position: center;
		}
			.mew_mega_menu_mobile .tabs .tab_item.navi {
				
			    background-image: url(../images/mew_menu_icon.svg);
			}
			.mew_mega_menu_mobile .tabs .tab_item.wpml {
			    background-image: url(../images/mew_globe_icon.svg);
			}
			.mew_mega_menu_mobile .tabs .tab_item.chat {
			    background-image: url(../images/mew_chat_icon.svg);
			}
			.mew_mega_menu_mobile .tabs .tab_item.active {
				box-shadow: inset 0 -4px 0px var(--primary);
			}
	.mew_mega_menu_mobile .menu_toggle_wrapper {
	    display: inline-flex;
		width: 20%;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		padding: 0 20px;
/*		border-right: 1px solid;*/
	}

.mew_mega_menu_mobile .menu_container {
	max-height: 0;
	overflow: hidden;
}
.mew_mega_menu_mobile.ausgeklappt .menu_container.active {
    max-height: calc(100vH - 80px);
    overflow: scroll;
}
.mew_mega_menu_mobile .menu_container .content_wrapper {
	height: calc(100vH - 80px);
}
.mew_mega_menu_mobile .menu_container .container_title {
	padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    color: var(--lightgray);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.mew_mega_menu_mobile .menu_container .container_content .inner {
	padding: 20px;
}
.mew_mega_menu_mobile .menu_container .container_content ul li {
    padding: 20px 20px 20px 20px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
 
}
.mew_mega_menu_mobile .menu_container .container_content .level_0_info,
.mew_mega_menu_mobile .menu_container .container_content .level_1_info {
	padding: 20px 70px 20px 20px;
    border-bottom: 1px solid #ddd;
}
.mew_mega_menu_mobile .menu_container .container_content .level_0_info > .item_title,
.mew_mega_menu_mobile .menu_container .container_content .level_1_info > .item_title {
    font-size: 20px;
}
.mew_mega_menu_mobile .menu_container .container_content .level_0_info > .item_description,
.mew_mega_menu_mobile .menu_container .container_content .level_1_info > .item_description {
	display: none;
}
.mew_mega_menu_mobile .menu_container .container_content .level_0_info >  a,
.mew_mega_menu_mobile .menu_container .container_content .level_1_info >  a  {
	margin: 0px 0 0 0;
    border-radius: 8px;
    padding: 8px 12px;
    border: 2px solid var(--primary);
    background: #fff;
    font-size: 14px;
    font-weight: 500 !important;
    display: inline-block;
}
.mew_mega_menu_mobile .level_0.no-link .level_0_info > a,
.mew_mega_menu_mobile .level_1.no-link .level_1_info > a {
	display: none;
}
.mew_mega_menu_mobile nav.main-navigation li .item_info {
	width: 90%;
}
.mew_mega_menu_mobile nav.main-navigation li:not(.has-0-children) > a:after {
	background:  url("../images/menu_nav_icon.svg") no-repeat;
    display: inline-block;
    content:"";
    display: block;
	transform: rotate(-180deg);
	background-size: 15px 15px;
	background-position: 50%;
    width: 10%; 
}
.mew_mega_menu_mobile .menu_container .item_description {
	width: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	margin: 0;
}
.mew_mega_menu_mobile nav.main-navigation  ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mew_mega_menu_mobile nav.main-navigation  a {
	font-weight: 300 !important;
	   display: flex;
    justify-content: space-between;
}
.mew_mega_menu_mobile .item_title {
	font-weight: 500;
	margin-bottom: 5px;
}

.mew_mega_menu_mobile .first_level {
	display: none;
	padding-bottom: 60px;
}
.mew_mega_menu_mobile .first_level.active {
    display: block;
    position: absolute;
    background: #fff;
    top: 80px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 80px);
    z-index: 2;
    overflow: scroll;
}
.mew_mega_menu_mobile .level_1 .sublevel{
	display: none;
	padding-bottom: 60px;
}
.mew_mega_menu_mobile .level_1 .sublevel.active {
    display: block;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 80px);
    z-index: 2;
}


.mew_mega_menu_mobile .navi_back:after {
	background-image: url(../images/menu_nav_icon.svg);
    display: inline-block;
    content: "";
    float: left;
    margin-top: 1px;
    margin-left: -12px;
    margin-right: 4px;
    transform: rotate(2deg);
    background-size: 11px 11px;
    width: 11px;
    height: 11px;
    cursor: pointer;
}

/*WPML*/
.mew_mega_menu_mobile div#lang_sel_list {
    display: block;
}
.mew_mega_menu_mobile div#lang_sel_list a.wpml-ls-link span {
	margin-left: 5px;
	font-weight: 500;
	font-size: 15px;
}



/*burger menu button*/
button.menu-toggle {
    border-radius: 0;
    position: relative;
    height: 40px;
    width: 20px;
    padding: 0;
    margin: 0;
    border: none;
	background-color: unset !important;
}
.mew_mega_menu_mobile [type=button]:focus, .mew_mega_menu_mobile [type=button]:hover, 
.mew_mega_menu_mobile [type=submit]:focus, .mew_mega_menu_mobile [type=submit]:hover,
.mew_mega_menu_mobile button:focus, .mew_mega_menu_mobile button:hover {
    background: none !important;
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
}

.mew_mega_menu_mobile .container_content {
  padding-bottom: 50px;
}

.menu-toggle span {
    display: block;
    height: 2px;
    width: 20px;
    padding: 0;
    border-radius: 0;
    background-color: var(--gray);
    position: absolute;
    left: 0;
    transition: ease .3s;
}
.menu-toggle span:nth-child(1) {
    top: 12px;
}
.menu-toggle span:nth-child(2) {
    top: 18px;
}
.menu-toggle span:nth-child(3) {
    top: 24px;
}
header.fixed-header .menu-toggle > span, #masthead.toggled  .menu-toggle > span {
    background-color: #000;
}
.menu-toggle[aria-expanded="true"] span:nth-child(1) {
  top: 19px;
  transform: rotate(45deg);
}
.menu-toggle[aria-expanded="true"] span:nth-child(2) {
    background-color: transparent;
    opacity: 0;
}
.menu-toggle[aria-expanded="true"] span:nth-child(3) {
    top: 19px;
    transform: rotate(-45deg);
}