.mobile-menu-icon {
	width: 70px;
	height: 70px;
	position: absolute;
	background-image: url('/img/menu_icon.svg');
	background-size: 24px;
	background-position: center 12px;
	background-repeat: no-repeat;
	float: left;
	display: none;
	cursor: pointer;
	z-index: 11;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.mobile-menu-icon-active {
	background-image: url('/img/menu_icon_active.svg');
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

@media (max-width: 914px) {
	.frame {
		width: 100%;
	}
}

@media (max-width: 899px) {
	.team-member {
		-ms-flex-preferred-size: calc(100% / 3) !important;
		flex-basis: calc(100% / 3) !important;
	}
}

@media (max-width: 789px) {

	.content {
		padding-left: 10px;
		padding-right: 10px;
		width: calc(100% - 20px);
		min-height: calc(100vh - 270px - 160px - 2px + 40px);
	}

	.index-container {
		display: inline-block;
		width: calc(100% + 20px) !important;
		margin: -25px 0 0 -10px !important;
	}

	.extra-information-close {
		-webkit-filter: invert(0%) !important;
		filter: invert(0%) !important;
	}

	.main-banner {
	}

	.header-banner {
		height: 80px;
	}

	.header-banner-picture {
		margin-left: 10px;
	}

	.team-links-mobile {
		background-color: black;
		width: 100%;
		margin-top: -10px !important;
		color: #F39133;
		font-family: arial;
		padding: 10px;
		border: 1px solid #F39133;
		margin-bottom: 20px;
	}

	.extra-information {
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		border-radius: 0 !important;
		-webkit-transition: none !important;
		transition: none !important;
	}

	.extra-information-close {
		display: block !important;
	}

	.extra-information-content {
		width: 100% !important;
	}

	.extra-information-small-logo {
		top: auto !important;
		bottom: 10px !important;
		z-index: 10;
		right: 20px !important;
	}

	.extra-information-picture {
		display: none;
	}

	.frame {
		width: 100% !important;
	}

	.extra-information {
		-webkit-transition: none !important;
		transition: none !important;
	}
}

@media (max-width: 720px) {
	.header-banner-sponsor {
		display: none;
	}

	.header-banner-picture {
		background-position: center;
	}
}

@media (max-width: 699px) {

	.main-banner {
		padding-bottom: 20px;
	}

	.main-banner-slider-container {
		width: calc(100% - 20px) !important;
		height: 320px !important;
	}

	.main-banner-sponsors, .secondary-banner-sponsors, .third-banner-sponsors {
		float: none !important;
	}

	.main-banner-sponsors {
		padding-left: 10px !important;
	}

	.main-banner, .secondary-banner, .third-banner {
		text-align: center;
	}

	.main-banner {
		text-align: center;
		height: auto !important;
	}

	.main-banner-slider {
		width: 100% !important;
		height: 310px !important;
		margin: 0 !important;
	}

	.main-banner-subfestivals {
		height: calc(50vw / 4) !important;
		width: 100% !important;
		padding: 5px 0 !important;
	}

	.main-banner-subfestivals div {
		width: calc(25% - 6px) !important;
		margin: 0 0 0 5px !important;
		height: 100% !important;
		background-size: auto 100%;
	}

	.header-banner-picture {
		background-position: center;
	}

	.header-banner-sponsor {
		display: none;
	}

	.content {
		min-height: calc(100vh - 270px - 160px - 2px + 91px);
	}

	.dimmer {
		-webkit-transition: none !important;
		transition: none !important;
	}

	.ths_box {
		text-align: center;
	}

}

@media (max-width: 649px) {
	.team-member {
		-ms-flex-preferred-size: 50% !important;
		flex-basis: 50% !important;
	}
}

@media (max-width: 585px) {
	.header-banner-picture {
		background-size: calc(100% - 20px) auto;
	}
}

@media (max-width: 540px) {

	.desktop-only {
		/*display: none;*/
	}

	.navigation-menu {
		width: 100%;
		max-width: 250px;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		position: fixed;
		background-color: white;
		top: -1px;
		left: 0;
		margin-left: -250px;
		z-index: 12;
		-webkit-transition: none;
		-webkit-transition: transform 0.3s cubic-bezier(.25,.8,.25,1);
		transition: transform 0.3s cubic-bezier(.25,.8,.25,1);
		white-space: nowrap;
		padding-bottom: 100px;
	}

	.navigation-menu-active {
		transform: translate3d(250px, 0, 0);
	}

	.navigation-menu .main-link-container {
		height: 50px;
		width: 100%;
		text-align: left;
		position: relative;
		-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		overflow: hidden !important;
	}

	.main-link-container a {
		padding: 0 10px !important;
		width: calc(100% - 20px);
	}

	.navigation-menu .main-link-container:hover, .navigation-menu .main-link-container:active, .navigation-menu .main-link-container:focus {
		background-color: #a4aebf;
	}

	.navigation-menu-selected {
		background-color: #cccccc;
	}

	.navigation-menu .main-link-container a, .navigation-menu .main-link-container div {
		color: rgba(0,0,0,0.87);
	}

	.navigation-menu .main-link-container a:hover {
		color: rgba(0,0,0,0.87);
	}

	.navigation-arrow-container {
		width: 50px !important;
		height: 50px !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		display: block !important;
	}

	.navigation-arrow {
		background-image: url('/img/menu_arrow_black.svg') !important;
	}

	.active-link .navigation-arrow-active {
		background-image: url('/img/menu_arrow_hover.svg') !important;
	}

	.navigation-menu div:hover {
		background-color: transparent;
	}

	.menu {
		background-color: transparent !important;
	}

	.menu a {
		display: block !important;
		width: calc(100% - 33px) !important;
		float: left !important;
		padding-left: 25px !important;
		color: rgba(0,0,0,0.87) !important;
	}

	.menu .active-link {
		color: #F39133 !important;
	}

	.navigation-menu div:hover a {
		color: rgba(0,0,0,0.87);
	}

	.menu-container {
		padding-bottom: 0 !important;
		overflow: hidden !important;
	}

	.navigation-icon.navigation-home {
		display: none !important;
	}

	.main-link-container-active {
		background-color: #a4aebf;
		height: auto !important;
	}

	.menu-container-active {
		position: relative;
		display: inline-block !important;
		position: relative !important;
		background-color: #d1dae8 !important;
	}

	.menu a:hover {
		background-color: #c0cbdc;
	}

	.main-link-container .active-link {
		background-color: #333944 !important;
		color: #F39133 !important;
	}

	.menu .active-link {
		background-color: #535c6d !important;
		color: #F39133 !important;
	}

	.active-link a {
		color: #F39133 !important;
	}

	.sidebar-only {
		display: block !important;
	}

	.mobile-menu-icon {
		display: block;
	}

	.language-selection {
		margin-left: 70px;
		display: inline-block;
	}

	.top-bar {
		padding: 0 10px 0 0;
		width: calc(100% - 10px);
	}

	.content {
		min-height: calc(100vh - 270px - 160px - 2px + 117px);
	}
}

@media (max-width: 339px) {
	.main-banner-sponsors {
		padding: 0 !important;
	}
}

@media (max-width: 399px) {
	.search-bar {
		width: 138px;
	}

	.team-member {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}

}

@media (max-width: 380px) {
	.footer {
		text-align: center;
		padding: 20px 0;
	}

	.footer-contact-left, .footer-contact-right {
		width: calc(100% - 10px);
		padding: 5px;
	}
}

@media (min-width: 541px) {
	.mobile-only {
		display: none;
	}

	.navigation-arrow {
		-webkit-transform: none !important;
		transform: none !important;
	}
}