a.invisible { display: none; }

.mod_navigation.custom-top-navigation ul {
    margin: 0;
}

.mod_navigation.custom-top-navigation ul.level_1 li > ul {
    position: absolute;
    top: 45px;
    width: max-content;
    z-index: 100;
    background: white;
}
.mod_navigation.custom-top-navigation ul.level_1 li > ul > li {
    list-style-type: none;
}

ul.level_1 > li > ul.level_2 {
    display: none;
	box-shadow: 10px 8px 12px 0px #00000075;
	margin: -30px 0 0 100px;
	padding: 20px 5px;
}

ul.level_2 > li > * {
	text-transform: uppercase;
	color: black;
	padding: 0 5.92308px;
}

ul.level_2 > li:hover {
	background: #ff6702;
	cursor: pointer;
}

ul.level_2 > li:hover > * {
	color: white;
}

/*Notitzblock as background*/

.panel.backcolor:not(#scroll-container):before, .panel.bordered:not(#scroll-container):before,.large-9.columns.with_scroll-container:before {
    content: "";
    position: absolute;
    background: url(/files/oomoxx/img/Background/Notizblock_obene_teil.png);
    width: calc(100% + 2px);
    height: 50px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: -1.5px;
    top: 0;
}

.panel.backcolor:not(#scroll-container):after, .panel.bordered:not(#scroll-container):after, .large-9.columns.with_scroll-container:after {
    content: "";
    position: absolute;
    background: url(/files/oomoxx/img/Background/Notizblock_teil_unten.png);
    width: calc(100% - 4px);
    background-repeat: no-repeat;
    left: .56666px;
    bottom: -45px;
    height: 50px;
    background-size: 100% 100%;
}

.large-9.columns.with_scroll-container:after {
	bottom: 0;
}

.panel.backcolor:not(#scroll-container), .panel.bordered:not(#scroll-container), .large-9.columns.with_scroll-container {
    position: relative;
    border: none;
    background: url(/files/oomoxx/img/Background/Notizblock_mitte_10px.png);
    border-radius: 10px;
    color: black;
    min-height: 33rem;
    background-size: 100% auto;
    padding: 50px 3rem 1px 2.25rem;
    border: none!important;
}

.panel.backcolor > *, .panel.bordered > * {
    padding: 0 10px;
}

.large-9.columns.with_scroll-container #scroll-container {
	border: none;
	background: none;
	position: relative;
}

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

ul.level_1 > li.active:before, ul.level_1 > li:hover:before {
    background-position: top center;
}

div#costless-badge { display: none; }

ul.level_1 > li.active:hover:before {
    filter: grayscale(0);
}

#top h1, #top h2, #top h3, #top h4, #top h5, #top h6, #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
    display: inline;
    background: #ff6702;
    white-space: pre-wrap;
    padding: 0 10px 0 0;
    color: white;
    line-height: inherit;
}

.small-left-navi { display: none; }

.top-header-with-img > .large-2 { z-index: 26!important; }

@media only screen and (max-width: 73.063em) {
	
	.custom-top-navigation .level_1:not(.opened) li.active > span {
		color: white!important;
		width: 100%!important;
    	max-width: calc(100% - 140px - 30px)!important;
    	font-family: Grunge;
    	font-size: 17px;
    	display: block;
    	margin: 0 auto 0 95px;
    	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
	}
	
    .panel.backcolor:after, .panel.bordered:after { width: calc(99% - 0px); left: 1.56666px;}
    
    .panel.backcolor:before, .panel.bordered:before{ width: calc(100% + 1px); left: -.5px;}
    
    .mod_navigation.custom-top-navigation ul.level_1 {
    	display: flex;
    	flex-direction: column;
	}
	
	.request_block {
		height: 0;
	}
	
	ul.level_1.opened {
		position: absolute;
    	width: 100%;
    	height: calc( 100vh - 155px);
	}
	
	.custom-top-navigation .level_1 > li:not(.active) {
		filter:grayscale(1);
	}
	
	.custom-top-navigation .level_1 > li:not(.active):hover {
		filter:grayscale(0);
	}

	.mod_navigation.custom-top-navigation ul.level_1:not(.opened) .mobile_menu_closer{
    	display: none;
	}

	.mod_navigation.custom-top-navigation ul.level_1.opened .mobile_menu_opener {
    	display: none;
	}

	.mod_navigation.custom-top-navigation.block ul.level_1 > li { 
    	justify-content: flex-end;
    	align-items: flex-end;
    	height: calc(100% /7);
    	max-height: 60px;
    	padding-right: 1px;
    	position: relative;
    	z-index: 2;
    	background-repeat: no-repeat;
    	background-size: auto 100%;
    	background-position: right bottom;
    	margin: 10px 0 0 0;
	}
	
	.mod_navigation.custom-top-navigation.block ul.level_1.opened > li {
		width: 60px;
    	align-self: flex-end;
	}
/*	
	.mod_navigation.custom-top-navigation.block ul.level_1 > li.active, .mod_navigation.custom-top-navigation.block ul.level_1 > li.trail {
		z-index: 3;
	}*/
	
	.mod_navigation.custom-top-navigation.block ul.level_1 > li:first-child {
		    margin-top: 105px;	
	}
	
	ul.level_1 > li > ul.level_2::before {
    	content: "";
    	border-top: 0px solid #ef000000;
		border-left: 45px solid white;
    	border-bottom: 35px solid #00000000;
    	border-right: 0px solid #9ae20c00;
    	position: absolute;
    	right: -45px;
    	top: 35px;
	}
	
	.mod_navigation.custom-top-navigation ul.level_1 li > ul {
		right: 75px;
	}
	
	.mod_navigation.custom-top-navigation ul.level_1 li:first-child > ul {
		margin-top: 10px;		
	}
	
	.mod_navigation.custom-top-navigation ul.level_1 li.oomoxx-Promo  > ul {
		bottom: 0;
		top: auto;
	}

	.mod_navigation.custom-top-navigation ul.level_1:not(.opened) > li:not(.active) {
    	display: none;
	}

	ul.level_1.opened .mobile_menu_opener {
    	display: none;
	}

	.mobile_menu_opener, .mobile_menu_closer {
    	position: absolute;
    	right: 0;
    	top: 0;
    	cursor: pointer;
    	z-index: 5;
    	color: white;
    	font-weight: bold;
    	text-transform: uppercase;
    	line-height: 45px;
    	width: 100%;
    	text-align: right;
    	background: #ff6702;
    	padding: 0 10px;
    	white-space: nowrap;
	}
	
	.startpunkt .mobile_menu_opener {
		width: 100%;
	}
	
	
	.kontaktseite .mobile_menu_opener, .imprint .mobile_menu_opener, .without_header .mobile_menu_opener {
		width: 100%;
	}
	
	.mobile_menu_opener {
			width: max-content;
	}
    
	.mod_navigation.custom-top-navigation ul.level_1 > li > a, .mod_navigation.custom-top-navigation ul.level_1 > li > span { 
		border-bottom: 1px solid white; 
	}
	
	ul.level_1 {
    	position: relative;
	}

	ul.level_1 > li.active {
    	text-transform: uppercase;
	}
	
    #top .row.top-header-with-img {
    	position: fixed;
    	width: 100%;
    	top: -25px;
    	z-index: 100;
    	margin-top: -25px;
    }
    
    body, html { width: 100%;}
    
    .row.top-header-with-img > div {
    	padding: 0;
    }
    
    #logo-home {
    	display: block!important;
    	padding: 0!important;
    }
    
    #logo-home > a {
    	position: absolute;
    	right: 10px;
    	top: 65px;
    	width: 40px!important;
    	display: block !important;
    }
    nav .contact_face {
    	position: absolute;
    	top: -35px;
    	z-index: 2;
    	width: 100px;
    }
    .mod_navigation.custom-top-navigation ul.level_1 > li > * {
    	justify-content: center;
    }
    
    .custom-top-navigation {
    	position: relative;
    }
    
    ul.level_1 .level_2 {
		display: none;
	}

/*	ul.level_1.opened li.active .level_2 {
		display: block;
	}*/
	
	nav.mod_navigation.custom-top-navigation.block .level_1 > li > a, nav.mod_navigation.custom-top-navigation.block .level_1.opened > li > span {
		display: block;
		color: transparent;
		border: none;
		max-height: 60px;
		height: 100%;
		width: 60px;
		top: 0;
		bottom: 0;
		margin: auto;       padding: 1em;
		right: 0;
		position: absolute;
	}
	
	nav.mod_navigation.custom-top-navigation.block .level_1 > li:hover > ul {
		display: block;
	}
	
	ul.level_1 > li.oomoxx-CD {
		background-image: url(/files/oomoxx/img/navigation/png/CD%20sw.png);
	}

	ul.level_1 > li.oomoxx-DVD {
    	background-image: url(/files/oomoxx/img/navigation/png/DVD%20sw.png);
	}

	ul.level_1 > li.oomoxx-Bluray {
    	background-image: url(/files/oomoxx/img/navigation/png/Merch%20sw.png);
	}

	ul.level_1 > li.oomoxx-Vinyl {
    	background-image: url(/files/oomoxx/img/navigation/png/Vinyl%20sw.png);
	}

	ul.level_1 > li.oomoxx-USB{
    	background-image: url(/files/oomoxx/img/navigation/png/USB_Webkey%20sw.png);
	}

	ul.level_1 > li.oomoxx-Buch {
    	background-image: url(/files/oomoxx/img/navigation/png/Buch%20sw.png);
	}

	ul.level_1 > li.oomoxx-Promo {
    	background-image: url(/files/oomoxx/img/navigation/png/Service%20sw.png);
	}
	
	ul.level_1 > li.oomoxx-CD:hover {
		background-image: url(/files/oomoxx/img/navigation/png/CD%20orange.png);
	}

	ul.level_1 > li.oomoxx-DVD:hover {
    	background-image: url(/files/oomoxx/img/navigation/png/DVD%20orange.png);
	}

	ul.level_1 > li.oomoxx-Bluray:hover {
    	background-image: url(/files/oomoxx/img/navigation/png/Merch%20orange.png);
	}

	ul.level_1 > li.oomoxx-Vinyl:hover {
    	background-image: url(/files/oomoxx/img/navigation/png/Vinyl%20orange.png);
	}

	ul.level_1 > li.oomoxx-USB:hover {
    	background-image: url(/files/oomoxx/img/navigation/png/USB_Webkey%20orange.png);
	}

	ul.level_1 > li.oomoxx-Buch:hover {
    	background-image: url(/files/oomoxx/img/navigation/png/Buch%20orange.png);
	}

	ul.level_1 > li.oomoxx-Promo:hover {
    	background-image: url(/files/oomoxx/img/navigation/png/Service%20orange.png);
	}
	
	.mod_navigation.custom-top-navigation.block ul.level_1 > li {
		display: none;
	}
	.mod_navigation.custom-top-navigation.block ul.level_1.opened > li {
		display: flex;
	}
	
	nav:not(.kontakt_navigation) .level_1:not(.opened) li.active, .level_1:not(.opened) li.trail{
		background: #ff6702!important;
    	text-align: center!important;
    	height: 45px!important;
    	line-height: 45px!important;
    	font-weight: bold;
    	margin-top: 0!important;
    	display: block!important;
    	filter: grayscale(0);
	}
	
	nav.mod_navigation.custom-top-navigation.block .level_1:not(.opened) li.trail a {
		color: white;
		width: 100%;
		font-family: Grunge;
		font-size: 30px;
	}
	
	ul.level_1.opened > li.trail {
		filter: grayscale(0);
	}
	
	ul.level_1.opened > li.trail > ul.level_2 li.active {
		background: #ff6702;
	}
	
	nav:not(.kontakt_navigation).level_1:not(.opened) li.active span {
		color:white!important;
		width: 100%!important;
	}
	
	.show_in_header .request_content span, .kontaktseite .request_content span {
	    top: 125px;
    	bottom: auto;
    	height: 87px;
    	background: #ff6702;
    	border-bottom-left-radius: 50%;
    	border-bottom-right-radius: 50%;
	}
	
	.kontaktseite .eko_block, .kontaktseite .impreessum{
		display: none!important;
	}
	
	.show_in_header .request_content span img, .kontaktseite .request_content span img {
		top: -1px;
    	bottom: auto;
    	width: 70px;
    	height: 80px;
	}

}


@media only screen and (min-width: 73.063em){
	.large-8 {
    	width: 71.66667%!important;
	}
	
	
	
	li.oomoxx-DVD { max-width: 100%!important; }
	ul.level_1 > li:hover > ul.level_2 {
    	display: block;
	}
	.mod_navigation.custom-top-navigation ul.level_1 > li:nth-child(2n) {
		border-right: 1px solid white;
		border-left: 1px solid white;
	}
	
	.mod_navigation.custom-top-navigation {	background: #ff6702; }
	
	.mod_navigation.custom-top-navigation ul.level_1 {
    	box-shadow: 0px 0px 5px 0px #404040;
    	min-height: 45px;
    	white-space: nowrap;
    	background: #ff6702;
	}
	
	.mod_navigation.custom-top-navigation ul.level_1 > li {
    	display: inline-flex;
    	position: relative;
    	z-index: 0;
    	height: 45px;
    	vertical-align: top;
    	align-items: center;
	}	
	
	.mod_navigation.custom-top-navigation ul.level_1 > li > a, .mod_navigation.custom-top-navigation ul.level_1 > li > span {
		background: #ff6702;
	}
	
	.mod_navigation.custom-top-navigation ul.level_1 > li > a, .mod_navigation.custom-top-navigation ul.level_1 > li > span {
    display: flex;
    width: 100%;
    color: #fff;
    padding-left: 6.92308px;
    font-family: Rajdhani,Roboto,Arial,sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    padding: 0 5.92308px;
    height: 45px;
    align-items: center;
	}
	
	.mobile_menu_opener, .mobile_menu_closer {
		display: none;
	}

	.mod_navigation.custom-top-navigation ul.level_1 > li:after { display: none; }

	.mod_navigation.custom-top-navigation ul.level_1 > li.active { z-index: 1; }

	.mod_navigation.custom-top-navigation ul.level_1 > li:hover { z-index: 2; }
	
	ul.level_1 > li.oomoxx-CD:before {
		background-image: url(/files/oomoxx/img/navigation/CD%20orange.svg);
	}

	ul.level_1 > li.oomoxx-DVD:before {
    	background-image: url(/files/oomoxx/img/navigation/DVD%20orange.svg);
	}

	ul.level_1 > li.oomoxx-Bluray:before {
    	background-image: url(/files/oomoxx/img/navigation/Merch%20orange.svg);
	}

	ul.level_1 > li.oomoxx-Vinyl:before {
    	background-image: url(/files/oomoxx/img/navigation/Vinyl%20orange.svg);
	}

	ul.level_1 > li.oomoxx-USB:before {
    	background-image: url(/files/oomoxx/img/navigation/USB_Webkey%20orange.svg);
	}

	ul.level_1 > li.oomoxx-Buch:before {
    	background-image: url(/files/oomoxx/img/navigation/Buch%20orange.svg);
	}

	ul.level_1 > li.oomoxx-Promo:before {
    	background-image: url(/files/oomoxx/img/navigation/Service%20orange.svg);
	}
	
	ul.level_1 > li:before {
    	content: "";
		position: absolute;
    	width: 100%;
    	height: 85px;
    	bottom: 20px;
    	background-size: auto 100%;
    	background-repeat: no-repeat;
    	background-position: center 85px;
    	z-index: -1;
    	filter: grayscale(1);
    	transition: .5s;
	}
	
	ul.level_1 > li > ul.level_2:before {
    	content: "";
    	border-top: 0px solid #ef000000;
    	border-right: 45px solid white;
    	border-bottom: 35px solid #00000000;
    	border-left: 0px solid #9ae20c00;
		position: absolute;
		left: -45px;
    	top: 5px;
	}
}


/*-------Edge---------*/
@media only screen and (min-width: 73.063em) {
	.edge ul.level_1 > li > ul.level_2 {
		margin: -30px 0 0 55px;
		box-shadow: 10px 8px 12px 0px black;
	}
	.edge .contact_icons div {
		position: relative;
		left: calc(50% - 32.5px);
	}
}

@media only screen and (max-width: 73.063em) {
	.level_1:not(.opened) li.trail ul.level_2 {
		display: block!important;
    	top: 0!important;
    	width: 100%!important;
    	height: 45px!important;
    	left: 0!important;
		right: 0!important;
    	margin: 0!important;
    	padding: 0!important;
    	font-family: Grunge;
    	font-size: 30px;
    	background: #ff6702;
	}
	
	.level_1:not(.opened) li.trail ul.level_2 span {
		color: white;
	}
	
	.level_1:not(.opened) li.trail .level_2 li:not(.trail) {
		display: none;
	}
}

/*Kontaktnavigation*/

.mod_article .kontakt_navigation {
	padding: 0;
	text-align: center;
}

.mod_article .kontakt_navigation ul.level_1 {
	margin: 0;
	display: flex;
	height: 50px;
    min-height: 63px;
    justify-content: space-between;
    width: calc(100% - 15px);
    margin-top: 1.25rem;
    max-width: 500px;
    margin: 2em auto;
}

.mod_article .kontakt_navigation ul.level_1 > li {
	display: inline-block!important;
	height: 100%;
	margin: 0;
	vertical-align: top;
	width: calc(100% / 6 - 20px);

}

/*.mod_article .kontakt_navigation ul.level_1 > li.active.CD.first {
	width: 35px!important;
    height: 35px!important;
}*/

.mod_article .kontakt_navigation ul.level_1 > li > * {
	color: transparent;	
	display: block;
	text-transform: none;
	height: 100%;
}

.mod_article .kontakt_navigation ul.level_1 > li > a {
	background-position: center;
}

	ul.level_1 > .CD {
		background-image: url(/files/oomoxx/img/navigation/png/CD%20sw.png);
    	background-size: 100% auto;
		min-height: 100%;
		background-repeat: no-repeat;
	}

	ul.level_1 > .DVD {
    	background-image: url(/files/oomoxx/img/navigation/png/DVD%20sw.png);
    	background-size: 100% auto;
		min-height: 100%;
		background-repeat: no-repeat;
	}

	ul.level_1 > .Vinyl  {
    	background-image: url(/files/oomoxx/img/navigation/png/Vinyl%20sw.png);
    	background-size: 100% auto;
		min-height: 100%;
		background-repeat: no-repeat;
	}

	ul.level_1 > .USB  {
    	background-image: url(/files/oomoxx/img/navigation/png/USB_Webkey%20sw.png);
    	background-size: 100% auto;
		min-height: 100%;
		background-repeat: no-repeat;
	}

	ul.level_1 > .Buch  {
    	background-image: url(/files/oomoxx/img/navigation/png/Buch%20sw.png);
    	background-size: 100% auto;
		min-height: 100%;
		background-repeat: no-repeat;
	}

	ul.level_1 > .Merch  {
    	background-image: url(/files/oomoxx/img/navigation/png/Merch%20sw.png);
    	background-size: 100% auto;
		min-height: 100%;
		background-repeat: no-repeat;
	}
	
	ul.level_1 > .Service  {
    	background-image: url(/files/oomoxx/img/navigation/png/Service%20sw.png);
    	background-size: 100% auto;
		min-height: 100%;
		background-repeat: no-repeat;
	}
	
		ul.level_1 > .CD.active {
		background-image: url(/files/oomoxx/img/navigation/png/CD%20orange.png);
	}

	ul.level_1 > .DVD.active {
    	background-image: url(/files/oomoxx/img/navigation/png/DVD%20orange.png);
	}

	ul.level_1 > .Vinyl.active  {
    	background-image: url(/files/oomoxx/img/navigation/png/Vinyl%20orange.png);
	}

	ul.level_1 > .USB.active  {
    	background-image: url(/files/oomoxx/img/navigation/png/USB_Webkey%20orange.png);
	}

	ul.level_1 > .Buch.active  {
    	background-image: url(/files/oomoxx/img/navigation/png/Buch%20orange.png);
	}

	ul.level_1 > .Merch.active  {
    	background-image: url(/files/oomoxx/img/navigation/png/Merch%20orange.png);
	}
	
	ul.level_1 > .Service.active  {
    	background-image: url(/files/oomoxx/img/navigation/png/Service%20orange.png);
	}