* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: none;
}

html {
	font-size: 80%;
	line-height: 180%;
}

.clearfix::after
{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

img.align_right {
	float: right;
	margin-left: 1rem;/*
	margin-bottom: 2rem;*/
}

img.align_left {
	float: left;
	margin-right: 1rem;/*
	margin-bottom: 2rem;*/
}

body {
    font-family: 'Open Sans', sans-serif;
		color: #444444;
}

a {
	color: inherit;
	text-decoration: none;
}

.content {
	max-width: 1200px;
	padding: 0 1rem;
	margin: 0 auto;
}

@media screen and (min-width: 700px) and (max-width: 1300px) {
	.content {
		margin: 0 2rem;
	}
}

footer {
	border-top: solid 1px #000;
	padding: 1.3rem 1rem !important;
	margin-top: 3rem !important;
}

header {
	padding: 1rem 0 2rem 0;
	margin-bottom: 4rem;
	-webkit-box-shadow: 0px 0px 40px -7px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 40px -7px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 40px -7px rgba(0,0,0,0.42);
	font-size: 1.3rem;
}

header ul {
	list-style: none;
}

header ul li {
	display: inline-block;
}

header ul.languages {
	text-align: right;
	font-size: 0;
	height: 28px;
	float:right;
}

header ul.languages li:first-of-type {
	margin-right: 0.5rem;
}

header ul.languages a.lang-button {
	display: inline-block;
	width: 42px;
	height: 28px;
/*	    -webkit-transition: all 1s;
	    transition: all 1s;*/
}

header ul.languages a.lang-button:hover {
/*	filter:invert(100%);*/
	background-position: 0 -28px;
}

header ul.languages a.lang-button.ENG {
	background-image: url('/site/templates/img/lang_ENG.png');
}

header ul.languages a.lang-button.DE {
	background-image: url('/site/templates/img/lang_DE.png');
}

header ul.languages .current a.lang-button {
	background-position: 0 -28px;
}

header #logo {
	vertical-align: middle;
	position: relative;
}
/*
@media screen and (min-width: 1240px) {*/
	header #logo {
		left: -25px;
	}/*
}*/

header ul.topnav {
	margin-top: 2rem;
}

header ul.topnav li {
	margin-right: 2rem;
	position: relative;
}

header ul.topnav li:last-of-type {
	margin-right: 0;
}

header ul.topnav li.current {
	/*font-weight: bold;*/
	list-style: circle;
}

header ul.topnav li::before {
    content:url('/site/templates/img/menu_dot.png'); /* Insert content that looks like bullets */
		vertical-align: middle;
		position: absolute;
		top: -1px;
		left: -0.95rem;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
	  -ms-transform: scale(0.0001, 0.0001); /* IE 9 */
    -webkit-transform: scale(0.0001, 0.0001); /* Safari */
    transform: scale(0.0001, 0.0001);*/
}

header ul.topnav li.current::before, header ul.topnav li:hover::before {
	  -ms-transform: scale(0.7, 0.7); /* IE 9 */
    -webkit-transform: scale(0.7, 0.7); /* Safari */
    transform: scale(0.7, 0.7);
}

header ul.topnav li:hover a {
/*	font-weight: bold;*/
	white-space: nowrap;
}

h1 {
	margin-top: 1rem;
	margin-bottom: 3rem !important;
	color: #595959;
	font-size: 1.1rem;
}

h2 {
	color: #595959;
	font-size: 1.2rem;
	font-weight: normal;
}

iframe {
	max-width:100vw;
}

/********************** Top Social Links ********/

header ul#top_social_links {
	float:right;
	margin-right:50px;
}
header ul#top_social_links li {
	padding-left:3px;
	padding-right: 3px;
	font-size: 25px;
}

/********************** END Top Social Links ********/


/********************** about ********/

#about #abouts {/*
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 3rem;*/

	padding-left: 2rem !important;
	padding-bottom: 3rem;
}

#about #abouts div.about {
/*  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display:table;
*/
	display: inline-block;
	width: 50%;
	vertical-align: top;

	text-align: justify;
	hyphens: auto;

	margin-bottom: 2rem;
}

#about #abouts div.about > * {
	display: inline-block;
	vertical-align: top;
}

#about #abouts div.about > h2 {
	min-width: 8rem;
	text-align: right;
	font-size: 1rem !important;
	font-weight: bold;
}

#about #abouts div.about > p {
	width: calc(100% - 8rem);
	padding-left: 1rem;
}

#about #cooperations {
	background-color: #f0f0f0;
	margin-bottom: 4rem;
	position: relative;
}

#about #cooperations .content {
/*	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 3rem;*/
}

#about #cooperations .content > div {
  /*-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display:table;*/
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 1.5rem;

	text-align: justify;
	hyphens: auto;
	margin-top: 3rem;
	padding-bottom: 4rem;
}

#about #cooperations #cooperations_image {
	background-size: cover;
	right: 0;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	vertical-align: middle;
}

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

#about #cooperations .content > div {
	width: 70%;
}

#about #cooperations #cooperations_image {
	left: 70%;
}

}

#about #cooperations .content > div > p {
	padding-left: 10rem;
	padding-right: 3rem;
}

#about #the_team {
	text-align: center;
}

#about #the_team > h1 {
	text-align: left;
}

#about #the_team .team_person {
	display: inline-block;
	vertical-align: top;
	padding: 3rem 3rem;
	width: 25%;
}

#about #the_team .team_person a:hover {
	background-color: #e6e6e6;
	padding: 0 0.5rem;
}

#about #the_team .team_person img {
	width: 100%;
}

#about #the_team .team_person h2 {
	font-weight: normal;
}

#about #the_team .team_person span {
	font-weight: 300;
}


/********************** about-end ********/

/********************** contact ********/

#contact #body, #contact #map {
	display: inline-block;
	vertical-align: top;
}

#contact #body {
	width: 50%;
	font-size: 100%;
}

#contact #legal {
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}

#contact div.content {
	position: relative;
}

#contact #map {
	right: 0;
	left: 50%;
	padding: 0 3rem;
	position: absolute;
	top: 4rem;
	bottom: 0;

}

/********************** contact-end ********/

/********************** news ********/

#news #exhb_left {
	vertical-align: top;
	padding-bottom: 3rem;
	position: relative;
}

#news #exhb_right {
	display: inline-block;
	position: absolute;
	left: calc(80% - 2rem);
	bottom: 0;
	top: -4rem;
	vertical-align: top;
	/*width: calc((100vw - 0.8 * 1200px) / 2);*/
/*	min-width: 20%;*/
	width: 30rem;
	max-width: 30rem;
	min-width: 30rem;
	/*
	min-height: calc(50vh + 3rem);
	height: calc(50vh + 3rem);*/
	padding-left: calc(33px + 0.1rem);

/*	overflow-x: auto;
	overflow-y: scroll;*/
	direction: rtl;
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
	#news #exhb_right {
		padding-left: calc(33px + 0.5rem);
	}
}

#news #exhb_right > div {
	padding-top: 3rem;
}

#news #exhb_right * {
	direction: ltr;
}

#news #exhb_right .exhb {
	margin-bottom: 2rem;
}


#news #exhb_right .exhb a {
   outline: 0;
}

#news #exhb_right .exhb.current, #news #exhb_right .exhb:hover  {
	background-color: #e6e6e6;
}

#news #arrivals #arrv_right .arrv.current span, #news #arrivals #arrv_right .arrv span {
	padding: 0 0.7rem;
}

#news #exhb_right .exhb.current span, #news #exhb_right .exhb span {
	padding: 0 0.7rem;
}
#exhb_left p {
	text-align: justify;
}
#news #exhb_left > .exhb {
	padding-right: calc(20% + 3rem);
/*	text-align: center;*/
	hyphens: auto;
}

#news #exhb_left .exhb_img {
	float: left;
	margin-right: 2rem;
	margin-bottom: 1rem;
	max-width: 50%;
}

@media screen and (min-width: 1240px) {
	#news #exhb_left .exhb_img {
		left: -25px;
		position: relative;
		margin-right: 1rem;
		max-width: 380px;
	}
}

#news #exhb_left > .exhb .place {
	margin-bottom: 2rem;
}

#news #exhb_left .title-news {
	display: inline-block;
	margin-bottom: 0.5rem;
	margin-left: 10%;
	font-weight: bold;
}
.title {
	margin-top: 0.5rem;
	font-weight: bold;
	font-size: 1.265em;
	text-align: left;
	margin-bottom: -1rem;
}
.place-news {
	margin-left: 10%;
	display: inline-block;
}

#news #exhb_left .place {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#news #exhb_left .date {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#news #arrivals {
	background-color: rgba(51, 51, 51, 0.26);
	padding-top: 3rem;
}
.arrivals-h1 {
	color: #444444;
}
#news #arrivals > .content {
	vertical-align: top;
	padding-bottom: 3rem;
	position: relative;
}

#news #arrivals #arrv_right {
	display: inline-block;
	position: absolute;
	left: calc(80% - 2rem);
	bottom: 0;
	top: -4rem;
	vertical-align: top;
/*	width: calc((100vw - 0.8 * 1200px) / 2);
	min-width: 20%;*/

		width: 20rem;
		max-width: 20rem;
		min-width: 20rem;

	/*
	min-height: calc(50vh + 3rem);
	height: calc(50vh + 3rem);*/
	padding-left: 0.2rem;
	padding-right: 33px;

/*	overflow-x: auto;
	overflow-y: scroll;*/
}

#news #arrivals #arrv_right {
	padding-top: 3rem;
}

#news #arrivals #arrv_right .arrv {
	margin-bottom: 2rem;
}

#news #arrivals #arrv_right .arrv a {
   outline: 0;
}

#news #arrivals #arrv_right .arrv.current span, #news #arrivals #arrv_right .arrv:hover span {
	background-color: #fff;
}

#news #arrivals > .content > .arrv {
	padding-right: calc(20% + 3rem);
	text-align: justify;
	hyphens: auto;
}

#news #arrivals > .content .arrv_img {
	float: left;
	margin-right: 2rem;
	margin-bottom: 2rem;
}
img.link-ico {
    width: 32px;
    margin-right: 5px;
		margin-bottom: 5px;
		vertical-align: middle;
}
@media screen and (min-width: 1240px) {
	#news #arrivals > .content .arrv_img {
		left: -25px;
		position: relative;
		margin-right: 1rem;
	}
}

#news #arrivals .arrv .artist {
	font-weight: bold;
	font-size: 115%;
}

#news #arrivals .arrv .title {
	font-style: italic;
	font-weight: bolder;
}

#news #arrivals > .content > .arrv .signature {
	margin-bottom: 3rem;
	display: inline-block;
}

#news #arrivals .title {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#news #arrivals .artist {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#news #arrivals .technique {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#news #arrivals .size_cm {
	display: inline-block;
	margin-bottom: 0.5rem;
}

/*
#news .ps-container > .ps-scrollbar-y-rail {
	height: 100% !important;
}*/

/********************** news-end ********/

/********************** exhibitions ********/

body#exhibitions #date_column {
	width: 20%;
	vertical-align: top;
	display: inline-block;
	padding-right: 1rem;
}

body#exhibitions #date_column h2.year {
	margin-left: 1rem;
}

body#exhibitions #date_column h2 a.active, body#exhibitions #date_column h2 a:hover {
	text-decoration: underline;
}

body#exhibitions #exhibitions_column {
	text-align: left;
	width: 80%;
	vertical-align: top;
	display: inline-block;
	padding-left: 2rem;
}

body#exhibitions #exhibitions_column::after{
  /* do wyjustowania */
  content: '';
  display: inline-block;
  width: 100%;
}

body#exhibitions #exhibitions_column .exhb {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin-bottom: 4rem;
}

body#exhibitions #exhibitions_column .exhb .exhb_main_image {
	display: inline-block;
	vertical-align: top;
	margin-right: 1rem;
	width: 300px;
}
/*
@media screen and (min-width: 901px) {
body#exhibitions #exhibitions_column .exhb:nth-child(2n) .exhb_main_image {
	margin-left: 1rem;
}
}*/

body#exhibitions #exhibitions_column .exhb .exhb_content {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 100px - 2rem);
}

body#exhibitions #exhibitions_column .exhb h2 {
	font-weight: bold;
	margin-bottom: 0.2rem;
}

body#exhibitions div#date_column h2 {
	font-size: 1.1rem;
	margin-bottom: 0.3rem;
}

body#exhibitions div#date_column #galerie_past_years, body#exhibitions div#date_column #galerie_past_years_coop {
	display: none;
}

body#exhibitions div#date_column #galerie_past_years.active, body#exhibitions div#date_column #galerie_past_years_coop.active {
	display: block;
}

body#exhibitions div#date_column a {
	outline: none;
}

div.exhb_links {
	margin-top: 1rem;
	font-style: italic;
}

div.exhb_links span.exhb_links_separate {
	position: relative;
	display: block;
	/*word-break: break-all;*/
	hyphens: auto;
}
/*
div.exhb_links span.exhb_links_separate:not(:last-of-type)::after {
     content: " / ";
	 	margin: 0 1rem;
}*/

div.exhb_links span.exhb_links_separate a:hover {
	/*font-weight: bold;*/
	text-decoration: underline;
}

body#exhibitions #date_column h1 {
	margin: 0 !important;
}

body#exhibitions #date_column h1#cooperations {
	margin-top: 2rem !important;
	font-weight: bold;
}

/********************** exhibitions-end ********/

/********************** art fairs ********/

body#art-fairs #date_column {
	width: 20%;
	vertical-align: top;
	display: inline-block;
	padding-right: 1rem;
}

body#art-fairs #date_column h2.year {
	margin-left: 1rem;
}

body#art-fairs #date_column h2 a.active, body#art-fairs #date_column h2 a:hover {
	text-decoration: underline;
}

body#art-fairs #exhibitions_column {
	text-align: justify;
	width: 80%;
	vertical-align: top;
	display: inline-block;
	padding-left: 2rem;
}

body#art-fairs #exhibitions_column::after{
  /* do wyjustowania */
  content: '';
  display: inline-block;
  width: 100%;
}

body#art-fairs #exhibitions_column .exhb {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin-bottom: 4rem;
}

body#art-fairs #exhibitions_column .exhb .exhb_main_image {
	display: inline-block;
	vertical-align: top;
	margin-right: 1rem;
	max-width: 300px;
	height: 200px;
}

@media screen and (min-width: 901px) {
body#art-fairs #exhibitions_column .exhb:nth-child(2n) .exhb_main_image {
	margin-left: 1rem;
}
}

body#art-fairs #exhibitions_column .exhb .exhb_content {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 100px - 1rem);
}

body#art-fairs #exhibitions_column .exhb h2 {
	font-weight: bold;
	margin-bottom: 0.2rem;
}

body#art-fairs div#date_column h2 {
	font-size: 1.1rem;
	margin-bottom: 0.3rem;
}

body#art-fairs div#date_column #galerie_past_years {
	display: none;
}

body#art-fairs div#date_column #galerie_past_years.active {
	display: block;
}

body#art-fairs div#date_column a {
	outline: none;
}

div.exhb_links2 {
/*	margin-top: 15rem!important;*/
	font-style: italic;
	font-size: 1.145em;
}
div.exhb_links {
	margin-top: 1rem;
	font-style: italic;
	font-size: 1.145em;
}

div.exhb_links span.exhb_links_separate {
	position: relative;
	display: block;
	margin-right: 1rem;
}
/*
div.exhb_links span.exhb_links_separate:not(:last-of-type)::after {
     content: " / ";
	 	margin: 0 1rem;
}*/

div.exhb_links span.exhb_links_separate a:hover {
	/*font-weight: bold;*/
	text-decoration: underline;
}

body#art-fairs #date_column h1 {
	margin: 0 !important;
}

body#art-fairs #date_column h1#cooperations {
	margin-top: 2rem !important;
	font-weight: bold;
}

/********************** art fairs-end ********/

div#exhibitions_column div.exhb div.exhb_content div.exhb_links span.exhb_links_separate a {
	display: inline-block;
/*	white-space: nowrap;*/
}

/********************** artists ********/

body#artists div#artists_list {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
  -webkit-column-gap: 0rem; /* Chrome, Safari, Opera */
  -moz-column-gap: 0rem; /* Firefox */
  column-gap: 0rem;

	margin-bottom: 4rem;
	font-size: 1.1rem;
	line-height: 2rem;
}

body#artists div#artists_list p.artist_first_letter {
	font-weight: bold;
}

body#artists div#artists_list ol.lastname_letter {
	margin-bottom: 2rem;
	list-style: none;

  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid;           /* Theoretically FF 20+ */
  break-inside: avoid-column;         /* IE 11 */
  display:table;                      /* Actually FF 20+ */
}

body#artists #artists_list .artist_name.current {
	background-color: #e6e6e6;
}

.artist_lastname {
	text-transform: uppercase;
}

body#artists #artist_details div#bio_content img.artist_image {
	float: right;
	position: relative;
	top: -1rem;
	width: 20%;
}

body#artists #artist_details #bio #bio_content dt {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	text-align: left;
	font-weight: bold;
	padding-right: 1rem;
	margin-bottom: 1rem;
	padding-left: 100px;
	font-size: 1.17rem;
}

@media screen and (max-width: 480px) {
	body#artists #artist_details #bio #bio_content dt {
	display: block;
	padding-left: 0px;
}


}

body#artists #artist_details #bio #bio_content dd {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	padding-right: 5.625rem;
	margin-bottom: 1rem;
	line-height: initial;
}

body#artists div#artist_details {
	margin-bottom: 3rem;
}
body#artists div#artist_details div#bio .bio-h3 {
	font-weight: normal;
	margin-bottom: 2rem;
}

body#artists div#artist_details div#bio h3 {
	font-weight: normal;
	margin-bottom: 1rem;
}

body#artists div#artist_details div#bio h1.bio-h1 {
	margin-top: 1rem;
    margin-bottom: 3rem !important;
    color: #595959;
    font-size: 2.1rem;
    text-align: center;
}

body#artists div#artist_details div#bio h3 span.active a {
	font-weight: bold;
	font-style: italic;
    font-size: 1.125em;
}

body#artists div#artist_details div#bio h1.h1-exhibitions {
	margin-top: 1rem;
    margin-bottom: 3rem !important;
    color: #595959;
    font-size: 1.4rem;
    font-style: italic;
}

body#artists div#artist_details div#bio div#exhb_content div > h3 {
	font-weight: bold;
}

body#artists div#artist_details div#bio div#exhb_content div > ul {
	list-style: none;
	margin-bottom: 2rem;
}

body#artists div#artist_details div#bio div#exhb_content > div {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

body#artists div#artists_list li a.artist_name:hover {
	font-weight: bold;
}

body#artists div#artist_details div#bio span a:hover {
	font-weight: bold;
}

body#artists div#artist_details div#bio span {
	position: relative;
	display: inline-block;
	margin: 0 1rem;
}

body#artists div#artist_details div#bio div#exhb_content div#exhb_solo h1, body#artists div#artist_details div#bio div#exhb_content div#exhb_group h1 {
	margin-top: 0;
}

body#artists div#artist_details div#works_content div.works_image_div {
	display: inline-block;
	vertical-align: top;
	margin: 1rem 2rem;
	text-align: left;
	max-width: 25%;
}

body#artists div#artist_details div#works_content div.works_image_div img {
	max-width: 100%;
}

body#artists div#artist_details div#works_content div.works_image_div h3 {
	margin: 0;
	text-align: left;
	width: auto;
	font-size: 85%;
}


body#artists div#artist_details div#works_content div.works_image_div h3.title {
	font-weight: bold;
	font-size: 85%;
}

body#artists div.content div#artist_details div#bio div#works_content h2:not(:first-of-type) {
	margin-top: 3rem;
}


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

		body#artists div.content div#artist_details div#bio div#works_content div.works_image_div a:first-of-type {
			min-height: 208px;
			display: block;
		}
}

/********************** artists-end ********/

/********************** online-exhibitions ********/

#online-exhibitions #exhb_left {
	vertical-align: top;
	padding-bottom: 3rem;
	position: relative;
}

#online-exhibitions #exhb_right {
	display: inline-block;
	position: absolute;
	left: calc(80% - 2rem);
	bottom: 0;
	top: -4rem;
	vertical-align: top;
	/*width: calc((100vw - 0.8 * 1200px) / 2);*/
/*	min-width: 20%;*/
	width: 30rem;
	max-width: 30rem;
	min-width: 30rem;
	/*
	min-height: calc(50vh + 3rem);
	height: calc(50vh + 3rem);*/
	padding-left: calc(33px + 0.1rem);

/*	overflow-x: auto;
	overflow-y: scroll;*/
	direction: rtl;
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
	#online-exhibitions #exhb_right {
		padding-left: calc(33px + 0.5rem);
	}
}

#online-exhibitions #exhb_right > div {
	padding-top: 3rem;
}

#online-exhibitions #exhb_right * {
	direction: ltr;
}

#online-exhibitions #exhb_right .exhb {
	margin-bottom: 2rem;
}


#online-exhibitions #exhb_right .exhb a {
   outline: 0;
}

#online-exhibitions #exhb_right .exhb.current, #online-exhibitions #exhb_right .exhb:hover  {
	background-color: #e6e6e6;
}

#online-exhibitions #arrivals #arrv_right .arrv.current span, #online-exhibitions #arrivals #arrv_right .arrv span {
	padding: 0 0.7rem;
}

#online-exhibitions #exhb_right .exhb.current span, #online-exhibitions #exhb_right .exhb span {
	padding: 0 0.7rem;
}

#online-exhibitions #exhb_left > .exhb {
	padding-right: calc(20% + 3rem);
/*	text-align: center;*/
	hyphens: auto;
}

#online-exhibitions #exhb_left .exhb_img {
	float: left;
	margin-right: 2rem;
	margin-bottom: 1rem;
	max-width: 50%;
}

@media screen and (min-width: 1240px) {
	#online-exhibitions #exhb_left .exhb_img {
		left: -25px;
		position: relative;
		margin-right: 1rem;
		max-width: 380px;
	}
}

#online-exhibitions #exhb_left > .exhb .place {
	margin-bottom: 2rem;
}

#online-exhibitions #exhb_left .title-news {
	display: inline-block;
	margin-bottom: 0.5rem;
	margin-left: 10%;
	font-weight: bold;
}

#online-exhibitions #exhb_left .place {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#online-exhibitions #exhb_left .date {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#online-exhibitions #arrivals {
	background-color: rgba(51, 51, 51, 0.26);
	padding-top: 3rem;
}

#online-exhibitions #arrivals > .content {
	vertical-align: top;
	padding-bottom: 3rem;
	position: relative;
}

#online-exhibitions #arrivals #arrv_right {
	display: inline-block;
	position: absolute;
	left: calc(80% - 2rem);
	bottom: 0;
	top: -4rem;
	vertical-align: top;
/*	width: calc((100vw - 0.8 * 1200px) / 2);
	min-width: 20%;*/

		width: 20rem;
		max-width: 20rem;
		min-width: 20rem;

	/*
	min-height: calc(50vh + 3rem);
	height: calc(50vh + 3rem);*/
	padding-left: 0.2rem;
	padding-right: 33px;

/*	overflow-x: auto;
	overflow-y: scroll;*/
}

#online-exhibitions #arrivals #arrv_right {
	padding-top: 3rem;
}

#online-exhibitions #arrivals #arrv_right .arrv {
	margin-bottom: 2rem;
}

#online-exhibitions #arrivals #arrv_right .arrv a {
   outline: 0;
}

#online-exhibitions #arrivals #arrv_right .arrv.current span, #online-exhibitions #arrivals #arrv_right .arrv:hover span {
	background-color: #fff;
}

#online-exhibitions #arrivals > .content > .arrv {
	padding-right: calc(20% + 3rem);
	text-align: justify;
	hyphens: auto;
}

#online-exhibitions #arrivals > .content .arrv_img {
	float: left;
	margin-right: 2rem;
	margin-bottom: 2rem;
}

@media screen and (min-width: 1240px) {
	#online-exhibitions #arrivals > .content .arrv_img {
		left: -25px;
		position: relative;
		margin-right: 1rem;
	}
}

#online-exhibitions #arrivals .arrv .artist {
	font-weight: bold;
	font-size: 115%;
}

#online-exhibitions #arrivals .arrv .title {
	font-style: italic;
	font-weight: bolder;
}

#online-exhibitions #arrivals > .content > .arrv .signature {
	margin-bottom: 3rem;
	display: inline-block;
}

#online-exhibitions #arrivals .title {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#online-exhibitions #arrivals .artist {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#online-exhibitions #arrivals .technique {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#online-exhibitions #arrivals .size_cm {
	display: inline-block;
	margin-bottom: 0.5rem;
}

/*
#online-exhibitions .ps-container > .ps-scrollbar-y-rail {
	height: 100% !important;
}*/

/********************** online-exhibitions-end ********/

/********************** podcast ********/

#podcast #exhb_left {
	vertical-align: top;
	padding-bottom: 3rem;
	position: relative;
}

#podcast #exhb_right {
	display: inline-block;
	position: absolute;
	left: calc(80% - 2rem);
	bottom: 0;
	top: -4rem;
	vertical-align: top;
	/*width: calc((100vw - 0.8 * 1200px) / 2);*/
/*	min-width: 20%;*/
	width: 30rem;
	max-width: 30rem;
	min-width: 30rem;
	/*
	min-height: calc(50vh + 3rem);
	height: calc(50vh + 3rem);*/
	padding-left: calc(33px + 0.1rem);

/*	overflow-x: auto;
	overflow-y: scroll;*/
	direction: rtl;
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
	#podcast #exhb_right {
		padding-left: calc(33px + 0.5rem);
	}
}

#podcast #exhb_right > div {
	padding-top: 3rem;
}

#podcast #exhb_right * {
	direction: ltr;
}

#podcast #exhb_right .exhb {
	margin-bottom: 2rem;
}


#podcast #exhb_right .exhb a {
   outline: 0;
}

#podcast #exhb_right .exhb.current, #podcast #exhb_right .exhb:hover  {
	background-color: #e6e6e6;
}

#podcast #arrivals #arrv_right .arrv.current span, #podcast #arrivals #arrv_right .arrv span {
	padding: 0 0.7rem;
}

#podcast #exhb_right .exhb.current span, #podcast #exhb_right .exhb span {
	padding: 0 0.7rem;
}

#podcast #exhb_left > .exhb {
	padding-right: calc(20% + 3rem);
/*	text-align: center;*/
	hyphens: auto;
}

#podcast #exhb_left .exhb_img {
	float: left;
	margin-right: 2rem;
	margin-bottom: 1rem;
	max-width: 50%;
}

@media screen and (min-width: 1240px) {
	#podcast #exhb_left .exhb_img {
		left: -25px;
		position: relative;
		margin-right: 1rem;
		max-width: 380px;
	}
}

#podcast #exhb_left > .exhb .place {
	margin-bottom: 2rem;
}

#podcast #exhb_left .title-news {
	display: inline-block;
	margin-bottom: 0.5rem;
	margin-left: 10%;
	font-weight: bold;
}

#podcast #exhb_left .place {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#podcast #exhb_left .date {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#podcast #arrivals {
	background-color: rgba(51, 51, 51, 0.26);
	padding-top: 3rem;
}

#podcast #arrivals > .content {
	vertical-align: top;
	padding-bottom: 3rem;
	position: relative;
}

#podcast #arrivals #arrv_right {
	display: inline-block;
	position: absolute;
	left: calc(80% - 2rem);
	bottom: 0;
	top: -4rem;
	vertical-align: top;
/*	width: calc((100vw - 0.8 * 1200px) / 2);
	min-width: 20%;*/

		width: 20rem;
		max-width: 20rem;
		min-width: 20rem;

	/*
	min-height: calc(50vh + 3rem);
	height: calc(50vh + 3rem);*/
	padding-left: 0.2rem;
	padding-right: 33px;

/*	overflow-x: auto;
	overflow-y: scroll;*/
}

#podcast #arrivals #arrv_right {
	padding-top: 3rem;
}

#podcast #arrivals #arrv_right .arrv {
	margin-bottom: 2rem;
}

#podcast #arrivals #arrv_right .arrv a {
   outline: 0;
}

#podcast #arrivals #arrv_right .arrv.current span, #podcast #arrivals #arrv_right .arrv:hover span {
	background-color: #fff;
}

#podcast #arrivals > .content > .arrv {
	padding-right: calc(20% + 3rem);
	text-align: justify;
	hyphens: auto;
}

#podcast #arrivals > .content .arrv_img {
	float: left;
	margin-right: 2rem;
	margin-bottom: 2rem;
}

@media screen and (min-width: 1240px) {
	#podcast #arrivals > .content .arrv_img {
		left: -25px;
		position: relative;
		margin-right: 1rem;
	}
}

#podcast #arrivals .arrv .artist {
	font-weight: bold;
	font-size: 115%;
}

#podcast #arrivals .arrv .title {
	font-style: italic;
	font-weight: bolder;
}

#podcast #arrivals > .content > .arrv .signature {
	margin-bottom: 3rem;
	display: inline-block;
}

#podcast #arrivals .title {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#podcast #arrivals .artist {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#podcast #arrivals .technique {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#podcast #arrivals .size_cm {
	display: inline-block;
	margin-bottom: 0.5rem;
}

/*
#podcast .ps-container > .ps-scrollbar-y-rail {
	height: 100% !important;
}*/

/********************** podcast-end ********/



@-webkit-keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }@keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }.uil-default-css > div:nth-of-type(1){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(2){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.4166666666666667s;animation-delay: -0.4166666666666667s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(3){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.33333333333333337s;animation-delay: -0.33333333333333337s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(4){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.25s;animation-delay: -0.25s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(5){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.16666666666666669s;animation-delay: -0.16666666666666669s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(6){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.08333333333333331s;animation-delay: -0.08333333333333331s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(7){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0s;animation-delay: 0s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(8){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.08333333333333337s;animation-delay: 0.08333333333333337s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(9){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.16666666666666663s;animation-delay: 0.16666666666666663s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(10){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(11){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.33333333333333337s;animation-delay: 0.33333333333333337s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(12){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.41666666666666663s;animation-delay: 0.41666666666666663s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}




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

.featherlight .featherlight-content > p {
	max-width: 90%;
	margin: 0 auto;
}

.featherlight .featherlight-content {
	max-width: 50%;
}

#impressum .content, #privacy-policy .content, #allgemeine-geschaftsbedingungen .content {
	max-width: 50% !important;
}

}

@media screen and (max-width: 1200px) {
  .featherlight .featherlight-content > p img {
    width: 100%;
  }
}

@media (max-width:480px) {
	#exhb_group {
		margin-top: 5rem;
	}
/*	dl {
    margin-top: 25rem;
	}*/
	body#artists #artist_details div#bio_content img.artist_image {
	float: left;
    position: relative;
    top: -1rem;
    width: 50%;
    left: 6rem;
}
	body#artists #artist_details #bio #bio_content dd {
	padding-right: 0;
	padding-bottom: 1rem;
	}

}



#cookies-info {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 50px;
    background-color: rgb(1, 1, 1);
    background-color: rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
}

#cookies-info button {
    margin-top: 20px;
    cursor: pointer;
    background: #00ade5;
        background-image: none;
    background-image: -webkit-linear-gradient(top, #000, #333);
    background-image: -moz-linear-gradient(top, #000, #333);
    background-image: -ms-linear-gradient(top, #000, #333);
    background-image: -o-linear-gradient(top, #000, #333);
    background-image: linear-gradient(to bottom, #000, #333);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 20px 6px 20px;
    text-decoration: none;
}

#cookies-info a {
	text-decoration: underline;
}