/***   Diese Datei dient nur dazu temporäre CSS Dateien zu includieren     **
/***   Sie soll immer als letzte CSS-Datei geladen werden und lädt selbst  ***/
/***   Dateien die vorübergehend als eigene Datei eingebunden werden       ***/
/***   bis diese validiert sind. Danach werden Änderungen in die           ***/
/***   style.css übertragen und die temporär inkludierte Datei gelöscht    ***/

@import 'style_tmp_20201019_fontsize.css';

/*Anpassungen sub-menu Desktop*/

@media Screen and (max-width: 768px) {
	.sub-menu .sub-menu,
	.dropdown-submenu .sub-menu {
		display: block !important;
	  }
	.submenu-wrapper{
		margin-bottom: 15rem;
	}
}
@media Screen and (min-width: 768px) {

	.sub-menu a {
		line-height: 1.2em;    
	}
	.sub-menu .submenu-wrapper li{
		display: block;
		margin: 0;
		padding: 0;
	}
	.submenu-wrapper {
		position: relative;
	}
	.submenu-wrapper > li > a {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		position: relative;
		line-height: 1.2em;
	    padding: 11px 2em 11px 0;
		margin-top: -2px;
		font-weight: 600 !important;
	}
	.sub-menu .submenu-wrapper > li > .sub-menu{
		display: block !important;
	}
	.sub-menu .submenu-wrapper > li.notactive {
		opacity: .6;
	}
	.sub-menu .submenu-wrapper > li.notactive > .sub-menu{
		display: none !important;
	}
	.submenu-wrapper .dropdown {
		position: static;
	}
	.submenu-wrapper > li > a .caret {
		display: none;
	}
	.submenu-wrapper > li > a:after {
		content: '';
		position: absolute;
		right: 0.6em;
		top: 0.6em;
		width: 1.5em;
		height: 1em;
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		background-image: url('inc/assets/img/arrow-forward.svg');
	}
	.submenu-wrapper > li > a:hover:after {
		right: 0;
	}
	.sub-menu .submenu-wrapper > li > ul.sub-menu {
		position: absolute;
		left: 370px;
		top: 0;
		overflow-y: unset;
		padding: 6px 0px 0px 20px;
		height: auto;
		width: auto;
		min-width: 350px;
	}


	.sub-menu .menu-item-has-children.depth-2 .sub-menu {
		display: block !important;
	}
	.sub-menu .menu-item-has-children.depth-2 .sub-menu {
		margin-bottom: 10px;
	}
	.sub-menu .menu-item-has-children.depth-2 .sub-menu a {
		margin: 7px 0;
	}
}
@media Screen and (min-width: 1200px) {

	.sub-menu .submenu-wrapper > li > ul.sub-menu {
		left: 430px;
		min-width: 400px;
	}
	.sub-menu li,
	.submenu-wrapper .dropdown {
		max-width: 400px;
	}
	/*.sub-menu .submenu-wrapper > li > ul.sub-menu li a {
		white-space: nowrap;
	}*/
	.submenu-wrapper > li > a .caret {
		top: .6em;
	}
}