.clear{
background: rgba(0,0,0,0) none repeat scroll 0 0;
border: 0 none;
clear: both;
display: block;
float: none;
font-size: 0;
height: 0;
list-style: outside none none;
margin: 0;
overflow: hidden;
padding: 0;
visibility: hidden;
width: 0;
}


body {
	margin: 0;
	background-color: black;
	color: #b2b3b2;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.95em;
	text-align: center;
	letter-spacing: 0.1em;
	
}

body.site.livestream{
	overflow-y: scroll !important;
}

body.site.livestream  ul.breadcrumb{
	z-index: 0 !important;
}

body.site.livestream #header-2{
	z-index: 8 !important;
	position: relative;
	padding: 5px;
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 35%, rgba(0,0,0,0) 100%) !important; 
}

body.site.references .item-page{
	border-bottom-style: none !important;
	
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

p{
	margin: 12px 0 15px 0;
	
}

ul{
	list-style: none;
}

#header-1{
	display: block;
	overflow: hidden;
	height: 45px;
	background-color: rgba(100,0,0,0.50);
	padding: 15px;
	
	text-align: center;
}

#header-2{
	display: block;
	overflow: hidden;
	background-color: rgba(0,0,0,0.50);
	padding: 20px;
		
}

#header-2-logosmall{
	display: block;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width:80%;
}
#header-2-logosmallanimated{
	display: block;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width:80%;
	height:100px;
}


p.logotext-headsmall{
	position: relative;
    font-size: 0.7em;
	text-align: center;
	margin:0px;
	letter-spacing: 0.16em;
}


#header-3{
}


#head_picture{
	background-image: url("/images/comingsoon/2025-max-music.jpg");
}

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body, #wrapper, #header-wrap-fullscreen, #header-3, .custom.module-header-3, #mod-custom112.mod-custom.custom{
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
 
.fullscreen {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow {
    height:auto;
    min-height:100%;
}

.mnwall_iso_buttons a.mnw_filter_active, .mwall-buttons a.mwall-filter-active {
	background-color: #eb9d00 !important;
}

.mnwall_iso_buttons a{
	border: 0px !important;
}

.mwall-buttons a {
	
	border: 0px !important;
	background: transparent !important;

}

.dropbox_content h3{
	color: #fff;
	text-transform: uppercase;}

.updownload-bg{
 background: rgb(30,30,30);
background: linear-gradient(0deg, rgba(30,30,30,1) 0%, rgba(41,41,41,1) 100%);
margin-bottom: 20px;
  padding: 20px;

}


/*Navigation for non mobile*/

@media only screen and (min-width: 416px)
{
#nav {
    background-color: #1e1e1e;
    height: 41px;
    z-index: 999;
	overflow-x: scroll;
}
	#menuToggle {
  display: none;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.sticky-menu {
    position: fixed;
    top: 0;
    width: 100%;
    background: white; /* Anpassen je nach Design */
    z-index: 1000; /* Sicherstellen, dass es über anderen Elementen bleibt */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Optional: Schatten für bessere Sichtbarkeit */
}


ul.nav {
   
    text-transform: uppercase;
}
ul.nav li{
	padding:0.7rem 3.5% ;
}
.menu-logoico{
height: 25px;
	width:25px;
	margin-right: 20px;
	
}

ul.nav li.active, ul.menu li.active a, ul.nav li.current, ul.nav li.current a,  ul.nav li.deeper, ul.nav li.deeper a{
	color:#eb9d00;
	
}
ul.nav li ul {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 0px;
	list-style: none;
	z-index:105;
}

ul.nav li ul li{
	padding-right:20px;
}

ul.nav li ul li ul {
	display: block;
	visibility: inherit;
	opacity: 1;
	position: relative;
	list-style: none;	
}

ul.nav li:hover > ul {
    padding: 0 1003em;
    top: 52px;
}

ul.nav li:hover > ul {
    visibility: visible;
	opacity: 1;
	padding: 0 1016em;
	margin: 0 -1016em 0 -1016em !important;
	position:relative;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	/-webkit-transition: opacity 0.6s ease-out 0s;
	-moz-transition: opactiy 0.6s ease-out 0s;
	-o-transition: opactiy 0.6s ease-out 0s;
	transition: opacity 0.6s ease-out 0s;
	width: 300px;
	display: flex;
	text-align: left;	
}

ul.nav ul li:hover > ul{
	display: block;
	
}
	#nav{
		overflow: hidden;
	}

#com-users-login__form{
	width: 350px;
	position: relative;
	margin:0 auto;
}
.com-users-login__options {
    justify-content: center;
    flex-direction: row;
    
}

.list-group-item {
		padding: 0.75rem 4.25rem;

	  background-color: transparent;
}

} /*mediaonly*/

@media only screen and (max-width: 415px)
{
	#nav {
    background-color: #1e1e1e;
    height: 25px;
    z-index: 999;
		overflow-x: scroll;
}
	#menuToggle {
  display: none;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
ul.nav {
    text-transform: uppercase;
    
}
ul.nav li{
	font-size: 0.6rem;
	padding:0.3rem 3.5% ;
}
.menu-logoico{
height: 25px;
	width:25px;
	margin-right: 20px;
	
}

ul.nav li.active, ul.menu li.active a{
	color:#eb9d00;
}
.menu-logoico{
height: 25px;
	width:25px;
	margin-right: 20px;
	
}

ul.nav li.active, ul.menu li.active a{
	color:#eb9d00;
	
}
ul.nav li ul {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 0px;
	list-style: none;
	z-index:105;
}

ul.nav li ul li{
	padding-right:20px;
}

ul.nav li ul li ul {
	display: block;
	visibility: inherit;
	opacity: 1;
	position: relative;
	list-style: none;	
}

ul.nav li:hover > ul {
    padding: 0 1003em;
    top: 52px;
}

ul.nav li:hover > ul {
    visibility: visible;
	opacity: 1;
	padding: 0 1016em;
	margin: 0 -1016em 0 -1016em !important;
	position:relative;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	/-webkit-transition: opacity 0.6s ease-out 0s;
	-moz-transition: opactiy 0.6s ease-out 0s;
	-o-transition: opactiy 0.6s ease-out 0s;
	transition: opacity 0.6s ease-out 0s;
	width: 300px;
	display: flex;
	text-align: left;	
}

ul.nav ul li:hover > ul{
	display: block;
	
}	
/*Upload Box*/
dd input#dropbox_upload_field_1.btn.btn-primary.dropbox_file_search{
width:300px !important;
}
input.dropbox_upload_des_folder{
width:300px !important;}

	/*VORBEREITUNG FÜR FLEX MENU https://codepen.io/shieldsma91/pen/zLpbLX */
	/*
#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
/
#menuToggle input
{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#nav
{
  position: absolute;
  width: 180px;
  height: 400px;
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #F5F6FA;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  transition-delay: 2s;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}
*/
} /*mediaonly*/
/*Logout*/
.logout {
	padding-bottom: 20px;
}

/*Breadcrumb*/


.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.35rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #000;
    border-radius: 0px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 0.6em;
	z-index: 98;
	position: relative;
	justify-content:  inherit;
padding-left: 22%;
}
.breadcrumb li span.divider:before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";
	color: #eb9d00;}
.breadcrumb li span.divider:first-child{
	visibility: hidden;	
}

li span.divider img{
	
	vertical-align: inherit;
}

#content-wrap{
	/*padding-top:20px;*/
	/*background-image: url("/images/template/BG.jpg");
	background-size: auto;*/
	background-color:#101010;
}

.mnwall_iso_filters_cont, .mnwall_iso_reset_cont{
	font-size: 0.8em;
}
.mnwall_iso_buttons {
  margin-right: 0 !important;
  text-align: center;
}

.sboard .sb-item .sb-inner{
	padding: 0 0 10px 0 !important;
}
.filter-items{
	width: auto !important;
	margin: 0 auto !important;
	
	
}


/*FOOTER*/

#footer-1-a{
	/*margin-top: 30px; -> evntl nicht nötig, da items in content nun bottom padding haben*/
	height: 30px;
	background-color: #eb9d00;
	display:block;
}
#footer-1-b{
	height: 240px;
	background-color: #000;
	display:block;
}


.footer-text{
	padding-top:48px;
	text-transform: uppercase;
	font-size: 1rem;
		
}
.footer-icons{
	padding-top:30px;
}

div#footer-1-b i.fab, div#footer-1-b i.far{
	color:white;
	font-size: 36px;
	padding: 20px;
} 


/*CONTENT*/

.items-leading.clearfix{
	padding-top: 15px;
	
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.page-header{
	text-align: left;

}
div.page-header h2{
	font-size:1.5em;
	/*letter-spacing: 0.3em;*/
	font-weight: bold;
}

.item, .item-page{
	padding:15px 0;
	border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color:#1e1e1e;
	margin: 0 auto;
	font-size: 0.9em;
}

@media only screen and (max-width: 1023px)
{
	.item, .item-page{
	width: 85%;

}
	
#videoplayer {
	display: block;
	margin: 0 auto;
	width: 100%;
	float:right;
	
}
#player_subtitle{
	display:block;
	background-color: #1e1e1e;
	font-size: 0.7em;
	font-style: italic;
	padding: 10px;
	letter-spacing: normal;
	}

}
@media only screen and (min-width: 1024px){
.mnwall_iso_filters_cont, .mnwall_iso_reset_cont{
	font-size: 0.95em;
}
	
.item, .item-page{
	width: 50%;}
.download{
	display:block;
	position:relative;
	bottom: 0;
}
.phocadownloadfile32{
	background: #1e1e1e;
	border: none;
	margin: 0;
	font-size: 0.7em;
	font-style: italic;
	padding: 10px;
	letter-spacing: normal;
	
}
#description{
	text-align: justify;
	float: left;
	display: block;
	width: 30%;
	margin-left: 15px;
}
/*VIDEO PLAYER - direkt Reference Links (HKST,KSK...)*/
#videoplayer {
	display: block;
	/*margin: 0 auto;*/
	width: 65%;
	float:right;
}
#player_subtitle{
	display:block;
	background-color: #1e1e1e;
	font-size: 0.7em;
	font-style: italic;
	padding: 10px;
	letter-spacing: normal;
	}
}
/*MediaPage - public References*/
.description-row{
  display: flex; /* equal height of the children */
}

.description-col {
  flex: 1;/* additionally, equal width */
  font-size: 1.2em;
  padding: 25px;
  }
#videoplayer-a {
	display: block;
	margin: 0 auto;
	width: 100%;
	padding:0 0 150px 0;
	}
#player_subtitle-b{
	
	background-color: #1e1e1e;
	letter-spacing: normal;
	}
#player_subtitle-c{
	
	background-color: #1e1e1e;
	letter-spacing: normal;
	}
#videoplayer-wall
{
	display: block;
	/*margin: 0 auto;*/
	width: 33%;
	float:right;
	
}

/* Start Slider*/
#startslider{
	
	padding-bottom: 0px;
	background-color: #000;
	margin-bottom: 0px;
	padding-top: 0;
	width:63%;
}
.slide-desc-bg.slide-desc-bg-default{
	background: rgba(0,0,0,0.3) !important;
	}

	
.slide-desc-text-default{
	text-align:center;
	padding:2%;
	color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  font-size: 14px;
  line-height: 18px;;
	}
	
	
/* Social Media Feed + Masonry About */
	
#mnwall_container_1, div#mwall_container_1{
	width: 63%;
	position: relative;
	display:block;
	margin: 0 auto;
	padding-bottom: 40px;
}

#timeline_wall1modern, #sb_wall1modern{
	width: 80%;
	position: relative;
	display:block;
	margin: 0 auto;
	padding-bottom: 40px;
}
.sboard .sb-item .sb-inner .sb-thumb {
   
    border: 0px solid !important;
    background-color: transparent !important;
}
#sb_wall1modern .sb-instagram.sb-hover:hover, #sb_wall1modern .sb-instagram.active, #sb_wall1modern div.filter-items.sb-modern span.sb-hover.sb-instagram.filter-label.active {
  background-color: #eb9d00 !important;
  border-color: #eb9d00 !important;
  color: #fff !important;
}


#sb_wall1modern div#timeline_wall1modern.sboard .origin-flag.sb-instagram {
    background-color: #eb9d00 !important;
}
#sb_wall1modern div#timeline_wall1modern.sboard .origin-flag.sb-instagram:after{
    border-left: 8px solid #805500!important;
}

.mnwall-s-desc, .mnwall-desc{
	
	padding: 0 !important;

}
.mnwall-masonry .mnwall-item-inner, .mnwall-hover-box-content{
	padding: 0 !important;
	
}

.mnwall_iso_buttons a {
  border: 0;
  background: transparent !important;
  box-shadow: 0;
}
.item-page div.item-image{
	display: none;
	visibility: hidden;
}
div.pull-left.item-image img{
	display:none;
}


/* Dropbox Component */
.file_listing_header_row {
        background: #eb9d00 !important;
}
div.file_listing_table {
	text-align: left;
}

.dropbox_content .db_file_icon div, .dropbox_content .db_directory_up_icon div {
  padding: 20px !important;
}

/*ICONS Upload Download*/

.fas.fa-file-upload, .fas.fa-file-download{
	color: #eb9d00 !important;
	font-size: 2em;
	position: relative;
	display: block;
	float:left;
}

/* spotify Field */
html body.site.mwm-am div#wrapper section#content-wrap div#content-1 div.blog div.items-row.cols-1.row-3.row-fluid.clearfix div.items-row.cols-1.row-7.row-fluid.clearfix div.span12 div.item.column-1 dl.fields-container dd.field-entry.add-spotify span.field-value.iframe{
	height: 150px !important;
	width: 80% !important;
}


/*ALERT Messages*/
span.alert-messsage, .alert-message, .error {
    font-size: 1.1em;
    color: #fff;
    /*background-color: #000;*/
     background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,1) 0%, rgba(50,50,50,1) 100%);
	background: -o-linear-gradient(rgba(0,0,0,1) 0%, rgba(50,50,50,1) 100%);
	background: linear-gradient(rgba(0,0,0,1) 0%, rgba(50,50,50,1) 100%); 
    text-transform: uppercase;
    border-radius: 0;
    border: medium groove #eb9d00;
    padding: 5px;
    margin:0 5px;
    text-align: center;
    display: block;
}

/*LIVESTREAM for IFrames*/
#streamingwrapper{
	margin: 0 auto;
	max-width: 1200px;
	min-height: 600px;
}
#audiostreamframe  {
	display: block;
	width: 20%;
	width: 200px;
	height: 300px;
	float: left;
	z-index: 10;
position: absolute;
	left:22%;
}

#audiostreamframeheader{
	display: block;
	background-color: #eb9d00;
	font-size: 0.7em;
	height:20px;
	width: 346px;
	padding-top:3px; 
}

#noaudiostreamframe  {
	display: block;
	width: 20%;
	width: 200px;
	height: 300px;
	float: left;
	position: absolute;
}

#zoomframe {
	display: block;
	float: left;
	min-width: 600px;
	width: 80%;
}
/*ZoomWEB SDK Design*/
#zmmtg-root{
	/*height: 699px !important; 
	width: 393px !important; */
	top: 75px !important; 
	left: 80px !important;
	background: none !important;
	position: relative;
	z-index: 2;
	
}

html body.site.livestream div#zmmtg-root div.root-inner div#content_container.main-content{
	justify-content: unset !important;
	display: block !important;
	align-items: unset !important;
	
}

html body.site.livestream div#zmmtg-root div.root-inner div#content_container.main-content div#content div.container-preview div.media-preview-container p{
	display: none !important;
	
}

#wc-loading{
	background: none !important;
	top: -225px !important;
	
}
#wc-leave{
	background: #101010 !important;
	top: -225px !important;
	left:-3%;
}


#content_container{
	
	background: none !important;
	
}

.joinWindowBtn{
	
	background-color: #eb9d00 !important;
}




/*Terms of Use*/
.list-type2 ul h3{
	color:#fff;
}

.form-terms-stream{
	margin: 20px;
}

.form-end-text{
 font-style: italic;
	color:#eb9d00 ;
	
}

.list-type2{
margin:0 auto;
	max-width: 600px;
}

.list-type2 ul{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 15px;
font-family: 'Raleway', sans-serif;
padding: 0;
margin-bottom: 4em;
}

.list-type2 ul ul{
margin: 0 0 0 2em;
}

.list-type2 li{
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #1e1e1e;
color: #b2b3b2;
text-decoration: none;
transition: all .2s ease-in-out;
}

.list-type2 li:hover{
background: #d6d4d4;
color: #1e1e1e;
text-decoration:none;
transform: scale(1.1);
}
.list-type2 li:before{
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -0.8em;
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f152";
color: #eb9d00;
}