@media (max-width: 480px) {
}

@media (max-width: 1024px) {

	.xs #sponsors li,
	.sm #sponsors li {
		transform: scale(0.6)
	}
	.xs #sponsors li a,
	.sm #sponsors li a,
	.xs #sponsors li+li a,
	.sm #sponsors li+li a {
		margin: 0 auto;
	}

	.xs footer .center>div,
	.sm footer .center>div,
	.md footer .center>div {
		display: block;
		margin: 10px 20px;
		font-size: 0.9em;
	}
	.xs footer .center>div.left,
	.sm footer .center>div.left,
	.md footer .center>div.left {
		margin-top: 10px;
		padding-top: 20px;
	}
	.xs footer .center>div.left .copy,
	.sm footer .center>div.left .copy,
	.md footer .center>div.left .copy {
		padding-bottom: 60px;
		width: 55px;
	}
	.xs footer .center>div.middle,
	.sm footer .center>div.middle,
	.md footer .center>div.middle {
		text-align: left;
		padding-left: 55px;
	}
	.xs footer .center>div.middle div,
	.sm footer .center>div.middle div,
	.md footer .center>div.middle div {
		left: 0;
	}
	.xs footer .center>div.right,
	.sm footer .center>div.right,
	.md footer .center>div.right {
		margin-top: 10px;
		text-align: left;
		padding-left: 51px;
	}
	.xs footer .center>div.right li,
	.sm footer .center>div.right li,
	.md footer .center>div.right li {
		display: inline-block;
		padding: 0 8px 0 0;
	}
	.sm footer .left span[itemprop="name"] br,
	.xs footer .left span[itemprop="name"] br {
		display: block;
	}
	.xs header #date span,
	.sm header #date span,
	.md header #date span {
		line-height: unset;
	}

	header #highlights {
		display: block;
		position: absolute;
		top: 75px;
		height: 40px;
		width: 100%;
		background-color: rgba(245,245,245,.9);
		visibility: visible;
		opacity: 1;
	}
	.xs header #highlights ul,
	.sm header #highlights ul,
	.md header #highlights ul {
		display: flex;
		height: 40px;
	}
	.xs.sticky header #highlights ul,
	.sm.sticky header #highlights ul,
	.md.sticky header #highlights ul {
		height: 36px;
	}
	.xs header #highlights ul li,
	.sm header #highlights ul li,
	.md header #highlights ul li {
		width: unset;
		float: left;
		border-bottom: 0;
	}
	.xs header #highlights ul li a,
	.sm header #highlights ul li a,
	.md header #highlights ul li a {
		height: 41px;
		line-height: inherit;
		padding: 0;
		text-align: center;
	}

	html.menu-open {
		overflow: hidden;
	}
	body.menu-open {
		overflow: visible;
		height: 100%;
	}

	.xs header .navline,
	.sm header .navline,
	.md header .navline {
		position: fixed;
		top: 0;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		transition: .2s ease-in-out;
	}

	.xs header .navline.active,
	.sm header .navline.active,
	.md header .navline.active {
		opacity: 1;
		visibility: visible;
	}
	.menu-open header .navline > .center,
	.sticky.menu-open header .navline > .center {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		overflow-y: auto;
	}


	.xs header nav ul,
	.sm header nav ul,
	.md header nav ul {
		width: 100%;
		display: block;
		float: none;
		/* background-color: #fff; */
		margin-top: 0;
	}
	.xs header nav ul li,
	.sm header nav ul li,
	.md header nav ul li {
		width: 100%;
		display: block;
		float: none;
		/* background-color: #fff; */
		line-height: unset;
	}
	.xs header nav ul li:last-child,
	.sm header nav ul li:last-child,
	.md header nav ul li:last-child {
		border-bottom: 0;
	}
	.xs #statusbar,
	.sm #statusbar,
	.xs.sticky #statusbar,
	.sm.sticky #statusbar {
		position: fixed;
		top: 0;
		z-index: 23;
		height: 25px;
		line-height: 25px;
	}
	.xs #userlinks .right,
	.sm #userlinks .right {
		width: 100%;
		font-size: 12px;
		text-align: left;
		padding-left: 0;
	}
	.xs #userlinks .right span,
	.sm #userlinks .right span {
		display: none;
	}
	.xs #userlinks .right span + a,
	.sm #userlinks .right span + a {
		padding: 0 1em;
	}
	.xs #userlinks .right .login,
	.sm #userlinks .right .login,
	.xs #userlinks .right .logout,
	.sm #userlinks .right .logout {
		padding: 0 8px 0 0;
		float: right;
	}
	.xs #userlinks .left,
	.sm #userlinks .left {
		position: absolute;
		top: 115px;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #f0f0f0;
	}
	.xs.menu-open #userlinks .left,
	.sm.menu-open #userlinks .left {
		visibility: hidden;
	}

	.xs.menu-open #passepartout-bg,
	.sm.menu-open #passepartout-bg {
		visibility: visible;
		opacity: 1;
	}



	#dl-layer {
		position: absolute;
		top: 25px;
		right: 0;
		display: block;
		height: 50px;
		width: 50px;
		z-index: 23456;
	}

	#dl-layer > div {
		position: relative;
		width: 30px;
		height: 20px;
		cursor: pointer;
		margin: 15px 10px;
		/* background: #000; */
		transition: background 0.35s;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
	}
	#dl-layer > div {
		color: #000;
	}
	#dl-layer button {
		position: relative;
		display: block;
		width: 30px;
		height: 1px;
		margin: 0 auto;
		border: none;
		cursor: pointer;
		background: currentColor;
		color: inherit;
		font-size: 0;
		transition: 0.35s;
		outline: 0;
	}
	#dl-layer button:before,
	#dl-layer button:after {
		position: absolute;
		top: 0;
		left: 50%;
		display: block;
		width: 100%;
		height: 1px;
		background: #000;
		content: "";
		transition: transform 0.35s;
	}
	#dl-layer button:before {
		transform: translate(-50%, -14px);
	}
	#dl-layer button:after {
		transform: translate(-50%, 14px);
	}

	#dl-layer button {
		height: 30px;
		background: transparent;
		border-top: 1px solid;
		border-bottom: 1px solid;
		border-color: #000;
		outline: 0;
	}
	#dl-layer button:before,
	#dl-layer button:after {
		top: 50%;
		transform: translate(-50%, -50%);
	}
	#dl-layer button.active {
		border-color: transparent;
	}
	#dl-layer button.active:before {
		transform: translate(-50%, -50%) rotate(45deg);
	}
	#dl-layer button.active:after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	/* nav */
	header nav.nav {
		visibility: hidden;
		opacity: 0;
		transition: all .125s ease-in-out;
	}
	header nav.nav.active {
		opacity: 1;
		visibility: visible;
		border: 0;
	}

	nav.nav>ul > li {
		display: block;
		float: left;
		overflow: hidden;
	}
	nav.nav ul.menu {
		margin-top: 75px;
	}
	nav.nav ul {
		margin-left: 0;
		height: unset;
		width: 100%;
		/* background-color: #fff; */
		box-shadow: 0 0 4px rgba(88,88,90,.1);
		list-style: none;
	}
	nav.nav ul li {
		float: none;
		padding: 0 0 0 8px;
		text-transform: none;
		text-align: left;
		border-bottom: 1px solid #e6e6e6;
		line-height: unset;
	}
	nav.nav ul li a {
		display: inline-block;
		font-size: 15px;
		font-weight: 400;
		/* line-height: 20px; */
		padding: 0 0 0 20px;
		/* border-top: 1px solid #dcdcdc; */
		width: 100%;
		width: calc( 100% - 36px );
		text-transform: uppercase;
		text-decoration: none;
	}

	nav.nav ul ul {
		position: relative;
		max-height: 0;
		overflow: hidden;
		transition: all .5s ease-in-out;
		left: auto;
		opacity: 1;
		padding: 0 0 0 20px;
		box-shadow: unset;
	}

	nav.nav ul ul li a {
		padding: 4px 10px;
		/* border-bottom: 1px solid #efefef; */
		text-transform: unset;
		text-align: left;
	}
	nav.nav ul ul li:first-child a {
		border-top: 0;
	}

	nav.nav ul ul ul {
		padding: 0 0 0 40px;
		max-height: unset;
	}
	nav.nav ul ul ul a {
	}
	nav.nav ul ul ul ul {
		display: none;
	}

	nav.nav ul li span.trigger {
		display: inline-block;
		width: 30px;
		height: 24px;
		cursor: pointer;
		background-size: 50%;
		background-position: center;
		position: relative;
		top: 6px;
		transition: all .125s ease-in-out;
		padding: 6px 10px 0 0;
		background-image: url(../img/angle-right.svg);
		background-repeat: no-repeat;
	}
	nav.nav ul li span.trigger.active {
		transform: rotate(90deg);
	}

	nav.nav ul li span.trigger.active + ul {
		display: block;
		max-height: 100vh;
	}

	nav.nav ul li.icon-arrow-small_solid_invers,
	nav.nav ul li.icon-arrow-small_solid {
		background: none;
	}

	body nav.nav li#n01 {
		display: none;
	}


	.xs .content ul.top_news li .left,
	.sm .content ul.top_news li .left,
	.md .content ul.top_news li .left {
		width: 100%;
	}
	.xs .content ul.top_news li .left img {
		width: 100%;
		height: auto;
	}

	.xs .news-list-view.startlist .item .media-element,
	.sm .news-list-view.startlist .item .media-element {
		max-width: 100%;
		width: 100%;
	}
	.xs .news-list-view.startlist .item .desc,
	.sm .news-list-view.startlist .item .desc {
		max-width: 100%;
		width: 100%;
		padding: 0 4px;
	}

	.xs .news-list-view.startlist .item .desc .title,
	.sm .news-list-view.startlist .item .desc .title {
		font-size: 1.15em;
		top: 0;
		padding: 2px;
	}
	.xs .news-list-view.startlist .item .desc .teaser,
	.sm .news-list-view.startlist .item .desc .teaser {
		font-size: 1em;
	}

	.xs .ui.accordion .title:not(.ui),
	.sm .ui.accordion .title:not(.ui) {
		font-size: 0.75em;
	}

	.xs .content h1,
	.sm .content h1 {
		font-size: 1.4em;
		line-height: 1.3em;
	}

	.xs .content h2,
	.sm .content h2 {
		font-size: 1.3em;
		line-height: 1.2em;
	}

	.xs .content h3,
	.sm .content h3 {
		font-size: 1.2em;
		line-height: 1.2em;
	}

	.xs .default.frame,
	.sm .default.frame,
	.md .default.frame {
		margin-bottom: 24px;
	}

	body .frame-type-felogin_login {
		max-width: 100%;
		margin: 0 10px;
	}

	body.xs .content .portraits .portrait {
		width: 100%;
	}


}

@media (min-width: 1025px) {
	#dl-layer {
		display: none;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	/* rules for tablet (768 > 992) */
}

@media (min-width: 993px) and (max-width: 1200px) {
}

@media (min-width: 769px) and (max-width: 1368px) {

}

@media (min-width: 1369px) {
	/* rules for large (> 1200) */
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
}