/*2026-03-25*/
#content {	padding-top:1rem;	}
	#content>.max-width {
		border:none;
		padding:0;
		max-width:none;
		}
	#content .border-top {	border-top:2px solid var(--line-color);	}
	#content .text {	padding-bottom:1rem;	}
		#content .text *:is(h1, h2, h3, h4, h5, h6) {	text-decoration:none;	}
	#content section.search form {
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		grid-template-rows:auto;
		grid-template-areas:
			"name name"
			"title title"
			"year available"
			"medium style"
			"size_y size_x"
			"frame price"
			"order submit";
		gap:1rem;
		}
		#content section.search form>* {	box-sizing:border-box;	}
			#content section.search form fieldset {	margin:0;	}
				#content section.search form fieldset legend {	padding-left:1rem;	}
			#content section.search form select {
				width:100%;
				background:rgb(37,37,37);
				text-align:center;
				}
		#content section.search form .element[data-name="name"] {	grid-area:name;	}
		#content section.search form .element[data-name="title"] {	grid-area:title;	}
		#content section.search form .element[data-name="size_y"] {	grid-area:size_y;	}
		#content section.search form .element[data-name="size_x"] {	grid-area:size_x;	}
		#content section.search form .element[data-name="medium"] {	grid-area:medium;	}
		#content section.search form .element[data-name="style"] {	grid-area:style;	}
		#content section.search form .element[data-name="year"] {	grid-area:year;	}
		#content section.search form .element[data-name="price"] {	grid-area:price;	}
		#content section.search form .element[data-name="frame"] {	grid-area:frame;	}
		#content section.search form .element[data-name="_order"] {	grid-area:order;	}
		#content section.search form .element.type-submit {	grid-area:submit;	}
		/*#content section.search form #frame_container .input {	border-color:var(--underlineColor);	}*/

#content .search.after {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-areas:
		"order order"
		"submit .";
	gap:1rem 1rem;
	}
	#content .search.after .element select {
		flex-grow:100;
		text-align:center;
		}
	#content .search.after .element[data-name="_order"] {	grid-area:order;	}
	#content .search.after .element.submit {	grid-area:submit;	}
#content .artworks>.list {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto;
	gap:2rem;
	box-sizing:border-box;
	padding-top:2rem;
	}
	#content .artworks>.list>* {}
#content.articles-level-article {	padding-top:1rem;	}
#content article.article {
	display:grid;
	grid-template-columns:auto-fit 1fr;
	grid-template-rows:repeat(6, auto-fit);
	gap:1rem;
	grid-template-areas:
		"img img"
		"data data"
		"description-title socialmedia"
		"description description"
		"artworks-other artworks-other"
		"videos videos";
	}
	#content article.article :is(h1, h2, h3, h4, h5, h6):not(.title) {
		margin-bottom:0.5rem;
		text-decoration:none;
		}
	#content article.article h1,
	#content article.article h2,
	#content article.article>.data h1 .aut {	font-size:1.2em;	}
	#content article.article>.imgs {	grid-area:img;	}
		#content article.article>.imgs>.slider-scroll {	display:none;	}
		#content article.article>.imgs .slider-list {	margin-bottom:1rem;	}
			#content article.article>.imgs .slider-list>* {
				display:block;
				aspect-ratio:1/1;
				}
				#content article.article>.imgs .slider-list>* img {	display:none;	}
				#content article.article>.imgs .slider-list>* img.s {
					display:block;
					width:100%;
					height:100% !important;
					object-fit:contain;
					/*background:var(--imgPlaceholderColor);*/
					}
		#content article.article>.imgs .select.axs.ui.scroll {
			display:grid;
			grid-template-columns:1.3rem 1fr 1.3rem;
			grid-template-rows:1fr;
			grid-template-areas:"prev list next";
			align-items:center;
			}
		#content article.article>.imgs:is([data-items-count="0"], [data-items-count="1"]) .select.axs.ui.scroll {	display:none;	}
			#content article.article>.imgs .select.axs.ui.scroll .scroll-btn {
				border:none;
				padding:0;
				}
				#content article.article>.imgs .select.axs.ui.scroll .scroll-btn img {
					vertical-align:middle;
					width:1.6rem;
					max-width:none;
					}
			#content article.article>.imgs .select.axs.ui.scroll .scroll-btn.prev {
				grid-area:prev;
				transform:translateX(-0.5rem);
				}
			#content article.article>.imgs .select.axs.ui.scroll .scroll-btn.next {
				grid-area:next;
				transform:translateX(0.2rem);
				}
			#content article.article>.imgs .select.axs.ui.scroll .scroll-list {
				grid-area:list;
				margin:0;
				padding:0;
				}
			#content article.article>.imgs .slider-pager>* {
				list-style-type:none;
				width:25%;
				}
				#content article.article>.imgs .slider-pager>* a {
					display:block;
					padding:0 0.25rem;
					height:100%;
					}
				#content article.article>.imgs .slider-pager>* img {	display:none;	}
				#content article.article>.imgs .slider-pager>* img.t1 {
					display:block;
					width:100%;
					aspect-ratio:1/1;
					object-fit:cover;
					}
	#content article.article>.data {
		grid-area:data;
		display:grid;
		grid-template-columns:auto 1fr;
		grid-template-rows:auto auto 1fr;
		grid-template-areas:
			"title follow"
			"details details"
			"footer footer";
		padding:2rem 0.5rem;
		}
		#content article.article>.data h1 {
			grid-area:title;
			font-size:inherit;
			font-weight:normal;
			}
			#content article.article>.data h1 .aut {
				font-weight:bold;
				}
				#content article.article>.data h1 .aut .born {	font-weight:normal;	}
				#content article.article>.data h1 .aut .born:not(:empty)::before {	content:"(";	}
				#content article.article>.data h1 .aut .born:not(:empty)::after {	content:")";	}
			#content article.article.value-year>.data h1 .year {	/*font-style:normal;*/	}
		#content article.article>.data .details {
			grid-area:details;
			/*font-size:1.2rem;*/
			}
			#content article.article>.data .details>*>* {	margin-bottom:0.3rem;	}
			#content article.article>.data .details>*>:is(em, span) {	display:block;	}
			/*#content article.article>.data .details>.history>span {	display:inline;	}
			#content article.article>.data .details>.history>.title {	margin-right:1rem;	}*/
			#content article.article>.data .details>*>*:empty {	display:none;	}
			#content article.article>.data .details dl {	line-height:1.5;	}
				#content article.article>.data .details dl div>* {	display:inline;	}
				#content article.article>.data .details dl div dd {
					margin:0;
					font-weight:bold;
					}
				#content article.article>.data .details dl .ok_title {	margin:1.5rem 0 0.3rem 0;	}
				#content article.article>.data .details dl .price_final {
					/*margin-top:1.5rem;*/
					font-size:1.2rem;
					}
		#content article.article>.data .footer {
			grid-area:footer;
			display:grid;
			grid-template-columns:1fr 1fr;
			grid-template-areas:
				"price price"
				"buy bron"
				"description-title description-title"
				"description description";
			gap:1rem 2rem;
			margin-left:calc(var(--siteMaxWidthOuter) * -1 - 0.5rem);
			margin-right:calc(var(--siteMaxWidthOuter) * -1 - 0.5rem);
			border-top:solid 2px rgb(72,72,72);
			border-bottom:solid 2px rgb(72,72,72);
			padding:1.5rem calc(var(--siteMaxWidthOuter) + 0.5rem) 2rem calc(var(--siteMaxWidthOuter) + 0.5rem);
			}
			#content article.article>.data .footer .price {
				grid-area:price;
				font-size:1.1em;
				}
			#content article.article>.data .footer #buy {	grid-area:buy;	}
			#content article.article>.data .footer #bron {	grid-area:bron;	}
			#content article.article>.data .footer form button {
				border:solid 1px var(--underlineColor);
				width:100%;
				text-transform:none;
				}
			#content article.article>.data .footer form button:disabled {	display:none;	}
	#content article.article>.data .footer .description-title {
		grid-area:description-title;
		padding:0 0.5rem;
		}
	#content article.article>.data .footer .description {
		grid-area:description;
		padding:0 0.5rem;
		}
	#content article.article.value-description1-0.value-description-0>.data .footer :is(.description-title, .description) {	display:none;	}
		#content article.article>.data .follow {
			grid-area:follow;
			}
	#content article.article>.socialmedia {
		grid-area:socialmedia;
		color:rgb(135,135,135);
		text-align:right;
		}
		#content article.article>.socialmedia * {
			display:inline-block;
			vertical-align:middle;
			}
		#content article.article>.socialmedia>span {
			position:absolute;
			left:-999rem;
			top:-999rem;
			}
		#content article.article>.socialmedia a {
			padding-left:0.5rem;
			}
	#content article.article.value-description-0>.description-title,
	#content article.article.value-description-0>.description,
	#content article.article .tab.other[data-count="0"] {	display:none;	}
	#content article.article>.tab.other {
		grid-area:artworks-other;
		padding:0 0.5rem;
		}
	#content article.article>.videos {
		grid-area:videos;
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:auto;
		gap:2rem;
		}
		#content article.article>.videos>.title {	padding:0 0.5rem;	}
	html #content article.article section[data-count="0"] {	display:none;	}
@media all and (min-width:45em) { /* 45*12px=720px */
	#content {	padding-top:3rem;	}
	#content>.max-width {	padding-bottom:3rem;	}
	#content>.max-width>h1 {
		margin-bottom:2rem;
		font-size:2rem;
		}
	#content section.search form {
		grid-template-columns:repeat(4, 1fr);
		grid-template-rows:auto;
		grid-template-areas:
			"available name title year"
			"medium size_y size_x price"
			"style frame order submit";
		gap:2rem 3rem;
		}
	#content .search.after {
		grid-template-columns:1fr 1fr 1fr 1fr;
		grid-template-areas:"order submit . .";
		gap:2rem 3rem;
		}
	/*#content #frame_container {
		margin-top:-1rem;
		display:flex;
		align-items:center;
		gap:2rem;
		display:grid;
		grid-template-columns:auto 1fr auto;
		grid-template-rows:auto;
		grid-template-areas:
			"space space space"
			"input label button";
		gap:0 2rem;
		}
		#content #frame_container::before {
		#content #frame_container label {
			position:static;
			}*/
	#content .artworks>.list {
		padding:0;
		grid-template-columns:1fr 1fr 1fr;
		}
	#content.articles-level-article {	padding-top:3rem;	}
	#content article.article {
		grid-template-columns:49.5% 1fr;
		grid-template-rows:auto 1fr repeat(4, auto);
		gap:2rem 3rem;
		grid-template-areas:
			"img socialmedia"
			"img data"
			"description-title description-title"
			"description description"
			"artworks-other artworks-other"
			"videos videos";
		}
		#content article.article h2.title {	font-size:1.5rem;	}
		#content article.article>.imgs {	padding-left:0.8rem;	}
		#content article.article>.imgs .slider-list>* img {	/*object-position:left;*/	}
		#content article.article>.imgs .select.axs.ui.scroll {
			margin-top:2.8rem;
			grid-template-columns:0.5rem 1fr 0.5rem;
			}
			#content article.article>.imgs .select.axs.ui.scroll .scroll-btn.prev {	transform:translateX(-1.5rem);	}
			#content article.article>.imgs .select.axs.ui.scroll .scroll-btn.next {	transform:translateX(0.5rem);	}
		#content article.article>.imgs .slider-pager>* a {	padding:0 0.6rem;	}
		#content article.article>.socialmedia {
			padding-bottom:2rem;
			text-align:left;
			}
			#content article.article>.socialmedia>span {
				position:static;
				vertical-align:bottom;
				margin-right:1rem;
				}
			#content article.article>.socialmedia a {	padding-left:1.2rem;	}
		#content article.article>.data {
			padding:1rem 0 0 0;
			gap:0 1rem;
			/*font-size:1.2rem;*/
			}
			#content article.article>.data h1 {	font-size:1.1rem;	}
				#content article.article> .data h1>* {
					display:block;
					margin-bottom:0.3rem;
					}
			#content article.article>.data p {	line-height:1.5;	}
			#content article.article>.data .follow {	padding-top:0.3rem;	}
			#content article.article>.data .footer {
				display:block;
				margin:0.5rem 0 0 0;
				border:none;
				padding:0;
				}
				#content article.article>.data .footer .price {
					display:block;
					margin-bottom:2.5rem;
					/*font-size:1.7rem;*/
					}
				#content article.article>.data .footer form button {
					margin:0 0 2rem 0;
					padding:0 0.8rem;
					max-width:20rem;
					height:auto;
					}
					#content article.article>.data .footer form button span {
						display:inline-block;
						vertical-align:middle;
						padding:0.8rem 2.2rem;
						font-weight:bold;
						}
					#content article.article>.data .footer form button[name="_cart_add"] span {
						background:url(haus-ee/gfx/header.eshop.png) 0 0.5rem no-repeat;
						background-size:auto 1.4rem;
						}
					/*#content article.article>.data .footer form button[name="bron"] span {
						background:url(haus-ee/gfx/icon.date.svg) 0 0.5rem no-repeat;
						background-size:auto 1.4rem;
						}*/
		#content article.article h2.title {
			margin-top:1rem;
			margin-bottom:1rem;
			}
		#content article.article>.title,
		#content article.article section {
			padding-left:0.5rem;
			padding-right:0.5rem;
			}
		#content article.article>.videos {
			grid-template-columns:1fr 1fr;
			gap:2rem 4rem;
			}
			#content article.article section>.title {	grid-column:1 / -1;	}
			#content article.article>.videos article iframe {
				width:100%;
				aspect-ratio:16/9;
				}
	}
@media all and (min-width:63em) { /* 60*16px=960px */
	#content section.search form {
		/*grid-template-columns:repeat(4, calc(25% - 3rem));
		grid-template-rows:auto;
		grid-template-areas:
			"name height width price"
			"medium style year frame";*/
		gap:2rem 3rem;
		}
	/*#name_container  {	padding:0.4rem 0.3rem 0.4rem 0;	}*/
	#content section.search form select {	text-align:left;	}
	/*#content .search.after {
		display:grid;
		grid-template-columns:repeat(2, calc(25% - 3rem));
		gap:4rem;
		padding-top:1.5rem;
		}*/
	#content article.article section.tab.other {
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr;
		grid-template-rows:auto;
		gap:2.5rem;
		padding-top:2rem;
		}
	}
@media all and (min-width:75em) { /* 75*16px=1200px */
	#content .artworks>.list {
		padding:5rem 1.5rem;
		gap:5rem;
		}
	#content article.article {	gap:0 6rem;	}
	}
@media all and (min-width:100em) { /* 100*16px=1600px */
	
	}
/*2024-03*/