#content::selection {
	background: var(--theme);
	color: var(--bg);
}

.hide {visibility: hidden !important;}

#toggle-menu {
	align-items:flex-start;
}

.visible-big {display:block;}
.visible-small {display: none;}

.nav-toggle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 24px;
  width: 45px;
  background: transparent;
  border: none;
  display: none;
}

.nav-toggle .bar {
  height: 3px;
  width: 100%;
  background-color: var(--theme);
  transition: all 250ms ease-in-out;
	opacity: 1;
}

.nav-toggle:hover {
  cursor: pointer;
}

.x:nth-of-type(1) {
  transition: all 250ms ease-in-out;
	transform: scale(1);
}

.x:nth-of-type(2) {
  transition: all 250ms ease-in-out;
  transform: translatey(10px);
}

.x:nth-of-type(3) {
  transition: all 250ms ease-in-out;
  opacity: 0;
}

#animation {
  overflow: hidden;
  background: rgb(243,243,241);
	mix-blend-mode: multiply;
	opacity: 0.3;
}

.nav-item {
	list-style-type: none;
}

.uplift {
	margin-top: -310px !important;
}

.front-bg {background:url(/wp-content/themes/medien/inc/graphics/Fundus.jpg);}

.logo-hu {
	max-width: 150px;
  	height: auto;
  	margin: 30px 0;
	padding:0;
	width: 10vw;
	filter: grayscale(0%) !important;
}

.logo-hu-small {
	width: 75px;
	height: auto;
	filter: grayscale(0%) !important;
}


}
/************
 NAVIGATION
 ***********/

.menu-shadow {box-shadow: none;}
.menu-shadow-none {box-shadow: none;}

#mainNav {
	background-color: var(--bg);
}

.nav-link {
	font-size: 13px;
  	color: var(--theme);
  	margin: 0 1.5vw 0 0;
	padding-right:0 !important;
	letter-spacing: 0;
}

.sub-nav-link {
	color: var(--theme);
  	text-decoration: none;
  	margin: 0 !important;
  	padding: 0 !important;
    padding-left: 0px;
  	line-height: 15px;
  	
}

.nav-link.sub-nav-link:first-child {
	margin-top: 10px !important;
}

.nav-link:focus, .nav-link:hover {
	font-weight: 500;
	color: var(--theme);
	padding-right:0 !important;
}

a.nav-link:first-child {padding-left: 0 !important;}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .sub-nav-link.active  {
	font-weight: 500;
	color: var(--theme);
	padding-right: 0 !important;
	font-size: 2em;
	letter-spacing: -1px;
}

.sub-nav-link.active {font-size: 1.5em !important;}

.navbar-toggler {border: none;}

.navbar-toggler:focus {box-shadow: none;}

.navbar {
	--bs-navbar-toggler-icon-bg-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(243,243,241)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(0,79,145)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/************
 Calendar Plugin
 ***********/

.mec-event-article {border-bottom: 1px solid var(--theme) !important;}

.mec-month-divider::before, .mec-month-divider::after {background: var(--theme) !important;}

.mec-month-divider h5 {color: var(--theme) !important;}

.entry-content .mec-wrap h1 a, .entry-content .mec-wrap h2 a, .entry-content .mec-wrap h3 a, .entry-content .mec-wrap h4 a, .entry-content .mec-wrap h5 a, .entry-content .mec-wrap h6 a, .mec-wrap .mec-calendar .mec-event-article .mec-event-title a, .mec-wrap .mec-event-grid-classic .mec-event-title a, .mec-wrap .mec-event-grid-clean .mec-event-title a, .mec-wrap .mec-event-grid-minimal .mec-event-title a, .mec-wrap .mec-event-grid-modern .mec-event-title a, .mec-wrap .mec-event-grid-simple .mec-event-title a, .mec-wrap .mec-event-list-classic .mec-event-title a, .mec-wrap .mec-event-list-minimal .mec-event-title a, .mec-wrap .mec-event-list-standard .mec-event-title a, .mec-wrap .mec-wrap .mec-event-list-modern .mec-event-title a, .mec-wrap h1 a, .mec-wrap h2 a, .mec-wrap h3 a, .mec-wrap h4 a, .mec-wrap h5 a, .mec-wrap h6 a {
	color: var(--theme) !important;
	text-decoration: none !important;
	font-weight: 100 !important;
}

.mec-color, .mec-color-before ::before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before ::before, .mec-wrap .mec-color-hover:hover {color: var(--theme) !important;}

.mec-event-sharing, .mec-event-social mec-frontbox {display: none !important;}

.event-f, .event-da, .mec-event-loc-place {color: var(--dark) !important;}

.mec-booking-button {
	background: var(--theme) !important;
	color: var(--bg) !important;
	text-decoration: none !important;
	border: none !important;
}

.mec-events-content #downloadsg {display: none !important;}

.umkehr {
	background-color: var(--theme);
	color: var(--bg);
}

.mewi-my-0 {
	font-size: 20px;
  	color: var(--theme);
  	text-align: right;
  	margin-bottom: 0 !important;
  	font-weight: 400;
}

.mediascience {
	margin-left: -7px;
}

@media screen and (min-width: 1500px) {
	.nav-link {margin-right: 30px;}
}

@media screen and (max-width: 1000px) {
	.mewi-my-0 {display:none;}
	.logo-hu-small {display: none;}
}

@media screen and (max-width: 920px) {
	
	h4 {font-size: 2.2vw;}
}


@media screen and (max-width: 768px) {
	
	.visible-big {display:none;}
	.visible-small {display: block;}
	
	#toggle-menu {
		align-items: center;
	}
	
	.nav-toggle {
		display: flex;
		padding-left: 0;
		margin-bottom: 20px;
	}
	
	
	.logo-hu {
		width: 80px;
		margin:10px 0;
	}
	
	.logo-hu-small {display: block;}
	
	.mewi-my-0 {
		display: block;
	}
	
	h4 {font-size: calc(1.275rem + .3vw);}
	
	.nav-link {
		font-size: 1.4em;
		text-align: left;
		font-weight: 400;
	}
	
	.nav-item:last-child {
		margin-bottom: 20px;
	}
	
	.sub-nav-link {
		border-bottom: none !important;
		padding-bottom: 15px !important;
		font-size: 14px !important;
	}
	
	.nav-link.sub-nav-link.active {
		margin-top: 5px !important;
		padding-right: 1.5vw !important;
	}
	
	.navbar-toggler {padding-left: 0 !important;}
	
	.uplift {margin-top: -350px !important;}
	
	.sub-nav-link {
		text-align: left;
  		width: auto;
  		display: inline-block;
		margin-left: 30px !important;
		font-weight: 400;
	}
	
}