/*!
Theme Name: DG Kunstraum 
Theme URI: http://underscores.me/
Author: Simon Malz für Lichtsignale
Author URI: https://www.lichtsignale.de/
Description: Design Bernd Kuchenbeiser. Maßgeschneidertes WordPress Theme für den DG Kunstraum Diskurs Gegenwart.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dg-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

DG Kunstraum is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*
-----------------------------------------------
	www.dg-kunstraum.de
by  www.kuchenbeiser.de
and www.lichtsignale.de
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, picture,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-variant-ligatures: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	height: 100%;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

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

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

strong, b {
	font-weight: normal;
}

em, i {
	font-style: normal;
}


/*		W E B F O N T S
----------------------------------------------- */

@font-face {
	font-family: "Graphik DG";
	src: url("media/fonts/Graphik-Medium-Extended-Web.woff2") format("woff2"),
	url("media/fonts/Graphik-Medium-Extended-Web.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
	text-rendering: optimizeLegibility;
}


/*		B A S I C S
----------------------------------------------- */

body {
	color: #111;
	background: #fff;
	font-family: "Graphik DG", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	word-spacing: -0.04em;
	text-align: left;
}

a:link, a:visited {
	color: #111;
	text-decoration: none;
}

a:hover, a:active {
	color: #b4b5b4;
}

*:focus {
	outline: none;
}

figure, picture, video, img {
	max-inline-size: 100%;
	block-size: auto;
	object-fit: contain;
	object-position: top left;
}

#overview img {
	max-width: 100%;
	height: auto;
	max-inline-size: initial;
	block-size: initial;
	object-fit: initial;
	object-position: initial;
}

.wrapper {
	margin: 0 15px;
}

.wp-show-posts-columns#wpsp-6718 {
	margin-left: inherit !important;
}

.wp-show-posts-columns#wpsp-6718 .wp-show-posts-inner {
	margin: inherit !important;
}

#overview .wrapper {
	margin: 0 !important;
}

.post-navigation {
	display: none;
}

.edit-link a {
	display: inline-block;
}

.toc ul {
	position: relative;
	margin-top: -1em;
	margin-left: 1.5em;
}

.toc li {
	list-style: none;
	text-indent: -1.5em;
}


/*		H E A D E R
----------------------------------------------- */

#masthead {
	width: 100%;
	padding: 8px 0 0 0;
}

#menu li {
	list-style: none;
	display: inline-block;
}

#menu a:after {
	content: ",";
}

#menu li:last-child a:after {
	content: none;
}

#masthead a:link, #masthead a:visited {
	color: #b4b5b4;
}

#masthead a:hover, #masthead a:active {
	color: #111;
}

#masthead .current-menu-parent a:link, #masthead .current-menu-parent a:visited, .home #masthead a:link, .home #masthead a:visited {
	color: #111;
}

#masthead .current-menu-parent li a:link, #masthead .current-menu-parent li a:visited, .home #masthead a:hover, .home #masthead a:active {
	color: #b4b5b4;
}

.menu-main-menu-container {
	padding-right: 75px;
}

.current-menu-item a:link, .current-menu-item a:visited, .current-menu-parent li a:hover, .current-menu-parent li a:active, .error404 #masthead a:link, .error404 #masthead a:visited {
	color: #111 !important;
}

.current-menu-item .sub-menu a:link, .current-menu-item .sub-menu a:visited, .error404 #masthead a:hover, .error404 #masthead a:active {
	color: #b4b5b4 !important;
}

.current-menu-item .sub-menu a:hover, .current-menu-item .sub-menu a:active, .current-menu-item .sub-menu .current-menu-item a {
	color: #111 !important;
}

.sub-menu {
	position: absolute;
	left: 15px;
	top: 25px;
	padding-top: 2px;
	margin-right: 40px;
	display: none;
}

/* Programm */
.parent-pageid-22 #menu-item-6707 .sub-menu, header.category-aktuelle-ausstellung #menu-item-6707 .sub-menu, header.category-veranstaltungen #menu-item-6707 .sub-menu, header.category-publikationen #menu-item-6707 .sub-menu, header.category-archiv #menu-item-6707 .sub-menu {
	display: block;
}

/* Presse */
.parent-pageid-34 #menu-item-6706 .sub-menu, .category-pw-geschuetzt #menu-item-6706 .sub-menu {
	display: block;
}

/* DG */
.parent-pageid-11 #menu-item-6705 .sub-menu {
	display: block;
}

header.category-aktuelle-ausstellung #menu-item-6707 a, header.category-veranstaltungen #menu-item-6707 a, header.category-publikationen #menu-item-6707 a, header.category-archiv #menu-item-6707 a, header.category-pw-geschuetzt #menu-item-6706 a {
	color: #111;
}

header.category-aktuelle-ausstellung #menu-item-6707 ul a, header.category-veranstaltungen #menu-item-6707 ul a, header.category-publikationen #menu-item-6707 ul a, header.category-archiv #menu-item-6707 ul a, header.category-pw-geschuetzt #menu-item-6706 ul a {
	color: #b4b5b4;
}

header.category-aktuelle-ausstellung #menu-item-6707 ul a:hover, header.category-veranstaltungen #menu-item-6707 ul a:hover, header.category-publikationen #menu-item-6707 ul a:hover, header.category-archiv #menu-item-6707 ul a:hover, header.category-aktuelle-ausstellung #menu-item-6707 ul a:active, header.category-veranstaltungen #menu-item-6707 ul a:active, header.category-publikationen #menu-item-6707 ul a:active, header.category-archiv #menu-item-6707 ul a:active, header.category-pw-geschuetzt #menu-item-6706 a:hover, header.category-pw-geschuetzt #menu-item-6706 a:active {
	color: #111;
}

header.category-aktuelle-ausstellung #menu-item-50 a, header.category-veranstaltungen #menu-item-54 a, header.category-publikationen #menu-item-53 a, header.category-archiv #menu-item-144 a, header.category-pw-geschuetzt #menu-item-7354 a {
	color: #111 !important;
}

header.category-mitglieder #menu-item-6707 .sub-menu {
	display: block;
}

header.category-mitglieder #menu-item-6707 a {
	color: #111;
}

header.category-mitglieder #menu-item-6707 ul a {
	color: #b4b5b4;
}

header.category-mitglieder #menu-item-6707 ul a:hover, header.category-mitglieder #menu-item-6707 ul a:active, header.category-mitglieder #menu-item-16456 a, .page-id-16363 #menu-item-16456 a {
	color: #111 !important;
}


/*		B A S I C S
----------------------------------------------- */

#overview {
	margin-top: 5px;
}

#overview article {
	margin-bottom: 40px;
}

#overview article:last-child {
	margin-bottom: 0;
}

.grid-sizer {
	width: 100%;
}

.gutter-sizer {
	width: 0;
}

#overview a {
	display: block;
}

.wp-show-posts-image {
	line-height: 0;
}

.wp-show-posts-image picture, .wp-show-posts-image img {
	width: 100%;
}

#overview img {
	mix-blend-mode: screen;
	filter: contrast(1.25) brightness(0.9) grayscale(1);
}

#overview a:hover img {
	filter: none;
	mix-blend-mode: initial;
}

#overview a:hover {
	color: #111 !important;
}

#overview .has-post-thumbnail header {
	margin-top: 10px;
}

#overview article.has-post-thumbnail, h6, figcaption, .rsCaption {
	font-size: 70%;
	line-height: 1.15;
	letter-spacing: 0.015em;
}

#overview article.has-post-thumbnail header {
	margin-bottom: 5px;
}

#overview article:not(.has-post-thumbnail) {
	margin-top: -5px;
}

#overview .category-kleines-vorschaubild .wp-show-posts-image {
	width: 62%;
}

#overview .category-transparentes-beitragsbild img {
	filter: contrast(1.25) brightness(1) grayscale(1);
}

#overview article:not(.has-post-thumbnail) a {
	color: #111;
}

.singleoverview span {
	display: block;
	margin-bottom: 10px;
	color: #111;
}

main {
	margin: 0 15px;
}

main h1, main h2, main h3, main h4, main h5, main h6, main audio, main p, main ul, main ol, main table, .single picture, .post picture, .single figure, .post figure {
	margin-bottom: 20px;
	max-width: 600px;
}

main h2 {
	scroll-margin-top: 5rem;
	padding-top: 2em;
}

main h6 {
	margin-bottom: 40px;
}

main audio {
	margin-bottom: 20px;
	width: 100%;
	max-width: 600px;
}

.single picture, .post picture, .single figure, .post figure, .single .wp-block-image, .single .wp-block-image, .wp-block-gallery, .page .attachment-post-thumbnail {
	margin-bottom: 5px;
	max-width: 700px;
	max-height: 660px;
}

.page .post-thumbnail, .page .attachment-post-thumbnail {
	margin-bottom: 5px;
	max-width: 100%;
}

.single .wp-block-image {
	padding-bottom: 60px;
}

.post figure img {
	max-height: 660px;
	width: auto;
}

main .wp-block-file + p, main .wp-block-file + ul, main .wp-block-file + ol, main .wp-block-file + h6 {
	margin-top: 20px;
}

.page .entry-title {
	display: none;
}

.entry-content a[href^="http"]:before {
	content: "(Link)";
	padding-right: 0.25em;
}

.entry-content a[href^="mailto:"]:before {
	content: "(E-Mail)";
	padding-right: 0.25em;
}

.page-id-42 .entry-content a[href^="mailto:"]:before, .page-id-46 .entry-content a[href^="mailto:"]:before, #overview a:before {
	content: "";
	padding-right: 0;
}

.wp-block-file .wp-block-file__button {
	display: none;
}

.wp-block-file a:first-child:before {
	content: "(PDF)";
	padding-right: 0.25em;
}

#footer {
	margin-top: 60px;
	padding-bottom: 15px;
}

#footer a:after {
	content: ",";
}

#footer a:last-child:after, #footer a:nth-child(3):after {
	content: none;
}

.rsSlide img, .single .wp-block-image, .single .wp-block-image img {
	max-height: 300px;
}

.rsSlide {
	cursor: url("media/arrow.png"), auto;
}

.wp-block-gallery {
	position: relative;
	padding-bottom: 60px;
	margin-bottom: 40px;
}

.slide-number {
	font-variant-numeric: tabular-nums;
	position: absolute;
	bottom: -40px;
}

.sib-form input, .sib-form button, .post-password-form input {
	color: inherit;
	background: inherit;
	font: inherit;
	border: 2px solid #111;
	border-radius: 3px;
	padding: 2px 5px;
	width: 100%;
	max-width: 450px;
	box-sizing: border-box;
}

.post-password-form input {
	display: block;
	margin-top: 1em;
}

.sib-form button[type=submit], .post-password-form input[type=submit] {
	color: #fff;
	background: #111;
}

.sib-form button[type=submit]:hover, .post-password-form input[type=submit]:hover {
	background: #b4b5b4;
	border-color: #b4b5b4;
	cursor: pointer;
}

table {
	font-variant-numeric: tabular-nums;
}

table tr td:first-child {
	padding-right: 15px;
}

.presseliste a {
	margin-left: 57px;
	text-indent: -57px;
	display: inline-block;
}

.presseliste a:before {
	content: "(Link)";
	padding-right: 0.5em !important;
}

.presseliste a[href$=".pdf"]:before {
	content: "(PDF)";
	padding-right: 0.55em !important;
}

.presseliste a[href$=".mp3"]:before {
	content: "(MP3)";
	padding-right: 0.35em !important;
}


/*		R E S P O N S I V E   H E A D E R
----------------------------------------------- */

@media screen and (max-width: 330px) {

.sub-menu {
	top: 45px;
}

main {
	padding-top: 120px;
}

.home main {
	padding-top: 20px;
}

#masthead nav ul {
	padding-right: 70px;
}

}


@media screen and (min-width: 330px) and (max-width: 367px) {

.sub-menu {
	top: 45px;
}

main {
	padding-top: 100px;
}

#masthead nav ul {
	padding-right: 70px;
}

}


@media screen and (min-width: 367px) and (max-width: 605px) {

main {
	padding-top: 40px;
}

.single main, .page main {
	padding-top: 80px;
}

}


@media screen and (min-width: 605px) {

#overview {
	margin-top: 5px;
}

.home #masthead {
	padding-bottom: 5px;
}

.single #masthead {
	padding-bottom: 5px;
}

.single main {
	padding-top: 65px;
}

.page main {
	padding-top: 70px;
}

}


/*		R E S P O N S I V E   G R I D
----------------------------------------------- */

@media screen and (min-width: 400px) {

#mobilenav {
	display: none !important;
}

#menu {
	display: block !important;
}

.rsSlide img, .single .wp-block-image, .single .wp-block-image img {
	max-height: 350px;
}
	
}


@media screen and (min-width: 550px) {

#overview, main {
	margin-right: 80px;
}

#overview article, .grid-sizer {
	width: 40%;
	width: calc(50% - 30px);
}

.home #overview .wp-show-posts article:first-child, .page-id-24 #overview .wp-show-posts article:first-child {
	width: 100%;
}

.gutter-sizer {
	width: 60px;
}

.rsSlide img, .single .wp-block-image, .single .wp-block-image img {
	max-height: 425px;
}

}


@media screen and (min-width: 800px) {

#overview article, .grid-sizer {
	width: 30%;
	width: calc(100% / 3 - 45px);
}

.home #overview .wp-show-posts article:first-child, .page-id-24 #overview .wp-show-posts article:first-child {
	width: 60%;
	width: calc(100% / 3 * 2 - 30px);
}

.gutter-sizer {
	width: 60px;
}

#overview {
	max-width: 1500px;
}

#logo {
	position: fixed;
	z-index: 150;
	right: 15px;
	top: 12px;
}

.rsSlide img, .single .wp-block-image, .single .wp-block-image img {
	max-height: 650px;
}

}


@media screen and (min-width: 1400px) {

#overview article, .grid-sizer {
	width: 22%;
	width: calc(25% - 45px);
}

.home #overview .wp-show-posts article:first-child, .page-id-24 #overview .wp-show-posts article:first-child {
	width: 48%;
	width: calc(50% - 30px)
}

.gutter-sizer {
	width: 60px;
}

#overview {
	max-width: 2000px;
}

#overview, main {
	margin-right: 210px;
}

}


/*		R E S P O N S I V E
----------------------------------------------- */

@media screen and (min-width: 700px) {

#masthead {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background: #fff;
	height: 42px;
}

.page-id-42 #masthead, .page-id-46 #masthead, .page-id-3297 #masthead {
	height: 22px;
}

.sub-menu {
	position: fixed;
}

}


@media screen and (min-width: 1100px) {

body {
	font-size: 26px;
	line-height: 30px;
	letter-spacing: -0.005em;
	word-spacing: -0.05em;
}

.wrapper, main {
	margin: 0 30px;
}

#masthead {
	padding-top: 20px;
	height: 60px;
}

.page-id-42 #masthead, .page-id-46 #masthead, .page-id-3297 #masthead {
	height: 32px;
}

.home #masthead {
	padding-bottom: 5px;
}

.single main {
	padding-top: 108px;
}

.sub-menu {
	left: 30px;
	top: 47px;
	margin-right: 5px;
}

#logo {
	position: fixed;
	z-index: 150;
	right: 30px !important;
	top: 20px !important;
}

#overview {
	margin-top: 0px;
}

.single main {
	padding-top: 115px;
}

.page main {
	padding-top: 120px;
}

#overview, main {
	margin-right: 150px;
}

#overview article {
	margin-bottom: 60px;
	line-height: 1.1;
}

#overview article:last-child {
	margin-bottom: 0;
}

#overview .has-post-thumbnail header {
	margin-top: 10px;
}

#overview article.has-post-thumbnail, h6, .rsCaption {
	font-size: 60%;
	line-height: 1.15;
	letter-spacing: 0.005em;
}

article.onlytext {
	line-height: 1.1 !important;
}

.singleoverview span {
	margin-bottom: 15px;
}

main h1, main h2, main h3, main h4, main h5, main h6, main p, main ul, main ol, main table, .single picture, .post picture, .single figure, .post figure {
	margin-bottom: 30px;
	max-width: 900px;
}

main audio {
	margin-bottom: 30px;
	width: 100%;
	max-width: 900px;
}

.single picture, .post picture, .single figure, .post figure, .single .wp-block-image, .single .wp-block-image img, .wp-block-gallery, .post-thumbnail, .attachment-post-thumbnail {
	margin-bottom: 10px;
	max-width: 1040px;
	max-height: 940px;
}

.single .wp-block-image {
	margin-bottom: 60px;
}

.wp-block-gallery {
	margin-bottom: 30px;
}

.slide-number {
	bottom: -30px;
}

.page .post-thumbnail, .page .attachment-post-thumbnail {
	margin-bottom: 5px;
	max-width: 1040px;
}

main .wp-block-file + p, main .wp-block-file + ul, main .wp-block-file + ol, main .wp-block-file + h6 {
	margin-top: 30px;
}

#footer {
	margin-top: 90px;
	padding-bottom: 30px;
}

.rsSlide img, .single .wp-block-image, .single .wp-block-image img {
	max-height: 900px;
}

.presseliste a {
	margin-left: 80px;
	text-indent: -80px;
	display: inline-block;
}

.presseliste a[href$=".pdf"]:before {
	content: "(PDF)";
	padding-right: 0.55em;
}

}


/*		R E S P O N S I V E   L O G O
----------------------------------------------- */

#l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#logo {
	position: fixed;
	z-index: 150;
	right: 16px;
	top: 8px;
	white-space: nowrap;
}

@-moz-document url-prefix() { 

	#logo {
		top: 23px;
	}

}

#logo a {
	display: block;
}

#logo span {
	position: relative;
}

#logo em {
	font-style: normal;
	position: absolute;
	display: block;
}

#l1 em:nth-child(1) {
	right: 11px;
	top: 0;
}

#l1 em:nth-child(2) {
	transform: rotate(45deg);
	right: -2px;
	top: 5px;
}

#l1 em:nth-child(3) {
	transform: rotate(90deg);
	right: -120px;
	top: 131px;
}


@media screen and (min-width: 700px) {

@-moz-document url-prefix() { 

	#logo {
		top: 8px;
	}

}

#l1, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l2 {
	display: block;
}

#l2 em:nth-child(1) {
	right: 13px;
	top: 0;
}

#l2 em:nth-child(2) {
	transform: rotate(45deg);
	right: -1px;
	top: 5px;
}

#l2 em:nth-child(3) {
	transform: rotate(90deg);
	right: -114px;
	top: 126px;
}


}

@media screen and (min-width: 760px) {

#l1, #l2, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l3 {
	display: block;
}

#l3 em:nth-child(1) {
	right: 10px;
	top: 0;
}

#l3 em:nth-child(2) {
	transform: rotate(45deg);
	right: -1px;
	top: 5px;
}

#l3 em:nth-child(3) {
	transform: rotate(90deg);
	right: -109px;
	top: 120px;
}


}

@media screen and (min-width: 820px) {

#l1, #l2, #l3, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l4 {
	display: block;
}

#l4 em:nth-child(1) {
	right: 8px;
	top: 0;
}

#l4 em:nth-child(2) {
	transform: rotate(45deg);
	right: -1px;
	top: 5px;
}

#l4 em:nth-child(3) {
	transform: rotate(90deg);
	right: -105px;
	top: 118px;
}


}

@media screen and (min-width: 880px) {

#l1, #l2, #l3, #l4, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l5 {
	display: block;
}

#l5 em:nth-child(1) {
	right: 8px;
	top: 0;
}

#l5 em:nth-child(2) {
	transform: rotate(45deg);
	right: -2px;
	top: 5px;
}

#l5 em:nth-child(3) {
	transform: rotate(90deg);
	right: -102px;
	top: 112px;
}


}

@media screen and (min-width: 940px) {

#l1, #l2, #l3, #l4, #l5, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l6 {
	display: block;
}

#l6 em:nth-child(1) {
	right: 9px;
	top: 0;
}

#l6 em:nth-child(2) {
	transform: rotate(45deg);
	right: -2px;
	top: 5px;
}

#l6 em:nth-child(3) {
	transform: rotate(90deg);
	right: -97px;
	top: 110px;
}


}

@media screen and (min-width: 1000px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l7 {
	display: block;
}

#l7 em:nth-child(1) {
	right: 11px;
	top: 0;
}

#l7 em:nth-child(2) {
	transform: rotate(45deg);
	right: -2px;
	top: 6px;
}

#l7 em:nth-child(3) {
	transform: rotate(90deg);
	right: -91px;
	top: 106px;
}


}

@media screen and (min-width: 1060px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l8 {
	display: block;
}

#l8 em:nth-child(1) {
	right: 17px;
	top: 0;
}

#l8 em:nth-child(2) {
	transform: rotate(45deg);
	right: -1px;
	top: 7px;
}

#l8 em:nth-child(3) {
	transform: rotate(90deg);
	right: -81px;
	top: 103px;
}


}

@media screen and (min-width: 1100px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l8 {
	display: block;
}

#l8 em:nth-child(1) {
	right: 23px;
	top: 0;
}

#l8 em:nth-child(2) {
	transform: rotate(45deg);
	right: -2px;
	top: 11px;
}

#l8 em:nth-child(3) {
	transform: rotate(90deg);
	right: -115px;
	top: 152px;
}


}

@media screen and (min-width: 1120px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l9 {
	display: block;
}

#l9 em:nth-child(1) {
	right: 23px;
	top: 0;
}

#l9 em:nth-child(2) {
	transform: rotate(45deg);
	right: -3px;
	top: 11px;
}

#l9 em:nth-child(3) {
	transform: rotate(90deg);
	right: -106px;
	top: 127px;
}


}

@media screen and (min-width: 1180px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l10 {
	display: block;
}

#l10 em:nth-child(1) {
	right: 9px;
	top: 0;
}

#l10 em:nth-child(2) {
	transform: rotate(45deg);
	right: 0;
	top: 5px;
}

#l10 em:nth-child(3) {
	transform: rotate(90deg);
	right: -102px;
	top: 117px;
}


}

@media screen and (min-width: 1240px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l11 {
	display: block;
}

#l11 em:nth-child(1) {
	right: 16px;
	top: 0;
}

#l11 em:nth-child(2) {
	transform: rotate(45deg);
	right: 0px;
	top: 5px;
}

#l11 em:nth-child(3) {
	transform: rotate(90deg);
	right: -95px;
	top: 112px;
}


}

@media screen and (min-width: 1300px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l12 {
	display: block;
}

#l12 em:nth-child(1) {
	right: 18px;
	top: 0;
}

#l12 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l12 em:nth-child(3) {
	transform: rotate(90deg);
	right: -88px;
	top: 107px;
}


}

@media screen and (min-width: 1360px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l13 {
	display: block;
}

#l13 em:nth-child(1) {
	right: 19px;
	top: 0;
}

#l13 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l13 em:nth-child(3) {
	transform: rotate(90deg);
	right: -80px;
	top: 99px;
}


}

@media screen and (min-width: 1420px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l15, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l14 {
	display: block;
}

#l14 em:nth-child(1) {
	right: 14px;
	top: 0;
}

#l14 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l14 em:nth-child(3) {
	transform: rotate(90deg);
	right: -75px;
	top: 89px;
}


}

@media screen and (min-width: 1480px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l16, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l15 {
	display: block;
}

#l15 em:nth-child(1) {
	right: 14px;
	top: 0;
}

#l15 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l15 em:nth-child(3) {
	transform: rotate(90deg);
	right: -66px;
	top: 89px;
}


}

@media screen and (min-width: 1540px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l17, #l18, #l19, #l20, #l21 {
	display: none;
}

#l16 {
	display: block;
}

#l16 em:nth-child(1) {
	right: 25px;
	top: 0;
}

#l16 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l16 em:nth-child(3) {
	transform: rotate(90deg);
	right: -56px;
	top: 73px;
}


}

@media screen and (min-width: 1600px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l18, #l19, #l20, #l21 {
	display: none;
}

#l17 {
	display: block;
}

#l17 em:nth-child(1) {
	right: 16px;
	top: 0;
}

#l17 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l17 em:nth-child(3) {
	transform: rotate(90deg);
	right: -48px;
	top: 67px;
}


}

@media screen and (min-width: 1660px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l19, #l20, #l21 {
	display: none;
}

#l18 {
	display: block;
}

#l18 em:nth-child(1) {
	right: 20px;
	top: 0;
}

#l18 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l18 em:nth-child(3) {
	transform: rotate(90deg);
	right: -40px;
	top: 58px;
}


}

@media screen and (min-width: 1720px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l20, #l21 {
	display: none;
}

#l19 {
	display: block;
}

#l19 em:nth-child(1) {
	right: 19px;
	top: 0;
}

#l19 em:nth-child(2) {
	transform: rotate(45deg);
	right: 2px;
	top: 5px;
}

#l19 em:nth-child(3) {
	transform: rotate(90deg);
	right: -32px;
	top: 50px;
}


}

@media screen and (min-width: 1780px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l21 {
	display: none;
}

#l20 {
	display: block;
}

#l20 em:nth-child(1) {
	right: 19px;
	top: 0;
}

#l20 em:nth-child(2) {
	transform: rotate(45deg);
	right: 1px;
	top: 6px;
}

#l20 em:nth-child(3) {
	transform: rotate(90deg);
	right: -24px;
	top: 42px;
}


}

@media screen and (min-width: 1840px) {

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20 {
	display: none;
}

#l21 {
	display: block;
}

#l21 em:nth-child(1) {
	right: 20px;
	top: 0;
}

#l21 em:nth-child(2) {
	transform: rotate(45deg);
	right: -1px;
	top: 6px;
}

#l21 em:nth-child(3) {
	transform: rotate(90deg);
	right: -13px;
	top: 34px;
}

}