/*----- schrift laden -----*/

@font-face {
    font-family: 'Biko';
    src: url('../fonts/Biko/Biko_Regular.woff2') format('woff2'),
        url('../fonts/Biko/Biko_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*----- schrift laden -----*/

/*----- animationen -----*/

@keyframes flimmern {
	0% {
		color: #dadada;
		background-size: 0% 0%;
		border: solid 0em #292a30;
		border-top-left-radius: 82.5% 3.5%;
		border-top-right-radius: 82.5% 4.5%;
		border-bottom-left-radius: 99% 4%;
		border-bottom-right-radius: 99% 5%;
  	}
	10% {
		color: #000;
  	}
	30% {
		color: #dadada;
  	}
	50% {
		color: #000;
  	}
	60% {
		color: #dadada;
  	}
	70% {
		color: #000;
  	}
	90% {
		color: #dadada;
  	}
	100% {
		color: #000;
		background-size: 100% 100%;
		border: solid 0rem #292a30;
		border-top-left-radius: 99% 4%;
		border-top-right-radius: 99% 5%;
		border-bottom-left-radius: 82.5% 3.5%;
		border-bottom-right-radius: 82.5% 4.5%;
  	}
}

/*----- animationen -----*/

/*----- body definition -----*/
body {
	margin: 0;
	font-family: 'Biko';
	font-size: 16px;
	line-height: 18px;
	color: #dadada;
	background-color: #292a30;
	transition: all 1.5s;
}

/*----- body definition -----*/

/*----- ueberschriften -----*/

h1 {
	font-size: 1.6em;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
	font-weight: normal;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
}

h4 {
	font-size: 1.05em;
	font-weight: normal;
}

/*----- ueberschriften -----*/

/*----- seiten elemente  architektur -----*/

body:not(.has-side-bar-right) .site-grid .container-component {
	grid-area: comp;
}
body:not(.has-side-bar-left) .site-grid .container-component {
	grid-area: comp;
}


.site {
	background-color: rgba(8, 8, 8, 1);
	transition: all 1.5s;
}

.site-grid {
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(4,minmax(25%,auto))
		[main-end] minmax(0,1fr)
		[full-end] !important;
	grid-template-areas: 
		". top-c  top-c  top-c  top-b ."
		". comp  comp   comp   menu ."
		". comp  comp   comp   side-1 ."
		". comp  comp   comp   side-last ."
		". comp  comp   comp   side-2 ."
		". bot-a  bot-a  bot-a  bot-a  .";
	grid-gap: 0em 0em !important;
	width: 100%;
	padding: 0 0 0 0;
	transition: all 1.5s;
}



/*----- top-c -----*/

.container-top-c {
	grid-area: top-c;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}
	.top-c {
		padding: 1.5em 1em 1em 1.5em;
	}

/*----- top-c -----*/


/*----- top-b -----*/

.container-top-b {
	grid-area: top-b;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
	.top-b {
		padding: 1.5em 1em 1em 1.5em;
		margin: 0;
	}

/*----- top-b -----*/


/*----- component -----*/

.container-component {
	grid-area: comp;
	display: flex;
	flex-direction: column;
	padding: 0.3rem 1.5rem 1rem 1.5rem;
	background-color: rgba(15, 16, 18, 1);
	transition: all .5s;
}
	.container-component > * + * {
		margin: 2rem 2rem 2rem 8rem;
		animation: dimmer 0.3s ease-in-out;
		transition: all 1.5s;
	}

/*----- component -----*/


/*----- side menu -----*/

.container-menu {
	grid-area: menu;
	display: flex;
	flex-direction: column;
}
	.menu {
	}

/*----- side menu -----*/

/*----- side first -----*/

.container-side-first {
	grid-area: side-1;
	display: flex;
	padding: 0 0 0 2rem;
	margin: 0;
}
	.side-first {
		width: 100%;
	}

/*----- side sirdt -----*/


/*----- side second -----*/

.container-side-second {
	grid-area: side-2;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	padding: 0 2rem;
	margin: 0;
}
	.side-second {
	}

/*----- side second -----*/


/*----- Blog Globals  -----*/

.com-content-category-blog {
}
.blog-item {
}

.blog-item .item-image {
}
.blog-item-image {
	object-fit: cover;
	aspect-ratio: 4/3;
	width: 100%;
	overflow: hidden;
}

/*----- Blog Globals  -----*/


/*----- Menu Navbar Nav Toggler Mod-List usw Globals -----*/

.navbar {
	width: 100%;
}
.navbar-collapse {
}
.navbar-toggler {
	color: #dadada;
	font-size: 30px;
	border: none;
	padding: 0rem 1.5rem;
	margin-top: 1rem;
	box-shadow: none !important;
}

.mod-list li {
}

.mod-list li a {
}
.mod-list li a:hover {
	text-decoration: none;
	transition: all .5s;
}
.mod-list li.active > a {
	text-decoration: none;
}

/*----- Menu Navbar Nav Toggler Mod-List usw Globals -----*/

/*----- Menu -----*/

.menu-main {
	width: 100%;
}
.main-menu-item {
}

.menu-list {
	display: flex;
	align-items: start;
	width: 100%;
	margin-top: 0em;
}

.menu-list.mod-list li {
	display: inline-block !important;
	font-size: 1rem !important;
	line-height: 1rem !important;
	width: 100%;
	padding: 0 0rem 0 0 !important;
	transition: all 1.1s;
}

.menu-list.mod-list li a {
	display: inline-block;
	font-size: 1.6em;
	line-height: 1.6em;
	width: 100%;
	padding-left: 3rem;
	transition: all 1.1s;
}
.menu-main.mod-list li a:hover {
	line-height: 1.9em;
	text-decoration: none !important;
	background-color: rgba(26, 26, 30, 1)
	transition: all 1.1s;;
}
.menu-main.mod-list li.active > a {
	text-decoration: none !important;
	background-color: rgba(15, 16, 18, 1);
	transition: all 1.1s;
}
.menu-list.mod-list li.active > a:hover {
	text-decoration: none !important;
	background-color: transparent;
	transition: all 1.1s;
}
.menu-list.mod-list li.current > a {
	color: #838383;
	background-color: rgba(15, 16, 18, 1);
	transition: all 1.1s;
}
.menu-list.mod-list li.current:hover > a {
	color: #505050;
	text-decoration: none !important;
	transition: all 1.1s;
}

.menu-list.mod-list li.parent > a {
}

.menu-list.mod-list li.active.parent > a {
	color: #838383;
	background-color: rgba(15, 16, 18, 1);
	transition: all 1.1s;
}
-menu-main.mod-list li.parent:hover > a {
	color: #505050;
	background-color: rgba(0, 0, 0, 0.1);
	transition: all 1.1s;
}

.item-102:hover > a,
.item-104:hover > a,
.item-105:hover > a,
.side-menu-nav-item-kunst:hover > a,
.side-menu-nav-item-kontakt:hover > a,
.side-menu-nav-item-kooperationen:hover > a {
	color: #838383;
	background-color: rgba(0, 0, 0, 0.1);
	background-image: repeating-radial-gradient(circle at 17% 32%, rgba(255, 255, 255, 0.7), transparent 0.00085px);
	animation: flimmern 0.5s linear infinite alternate;
	transition: all 3.5s;
}

/*----- Menu -----*/


/*----- Menu Kunst -----*/
.menu-kunst {
	display: inline-block;
	align-items: start;
	font-size: 1.1em;
	line-height: 1.1em;
	width: 100%;
	margin-top: 0em !important;
}

.menu-kunst-item {
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.7em;
}

.menu-kunst-list {
	width: 100%;
	transition: all 1.1s;
}
.menu-kunst-list.mod-list li {
	width: 100%;
	transition: all 1.1s;
}
.menu-kunst-list.mod-list li a {
	display: inline-block;
	width: 100%;
	padding-left: 4rem;
	transition: all 1.1s;
}
.menu-kunst-list.mod-list li a:hover {
	color: #838383;
	text-decoration: none !important;
	width: calc(100% + 3rem);
	margin-left: -3rem;
	background-color: rgba(15, 16, 18, 1);
	transition: all 1.1s;
}
.menu-kunst-list.mod-list li.current > a {
	color: #838383;
	width: calc(100% + 3rem);
	margin-left: -3rem;
	background-color: rgba(15, 16, 18, 1);
	transition: all 1.1s;
}

/*----- Menu Kunst -----*/


/*----- Bildender Künstler Bildhauer -----*/

.bildhauer {
	padding-left: 2rem;
}

/*----- Bildender Künstler Bildhauer -----*/


/*----- newsflash kunst start -----*/

.no-card .newsflash-kunst-start li {
	padding: 5rem;
}

.newsflash-kunst-start li a {
	font-size: 3rem;
}
.intro-img-reliefs {
	padding: 10.3rem;
}

.newsflash-title-Reliefs {
}

/*----- newsflash kunst start -----*/


/*----- side random image -----*/

.side-random-image {
	width: 100%;
	margin-bottom: 0 !important;
}
.random-image {
}
.img-side-random-image {
	display: block;
	margin-left: 25%;
	margin-right: 35%;
	width: 50%;
}

/*----- side random image -----*/

/*----- paragraph globals -----*/

p {
margin-bottom: 0.75rem;
}

.copyright {
	font-size: 10px;
	padding-left: 0px;
	text-align:left;
}

.klein {
	font-size: 10px;
}

.logo-titel {
	font-size: 2.4rem;
	font-weight: bold;
}
.bildhauer-text,
.logo-titel-klein {
	font-size: 1.4rem;
}

.fehler {
	position: absolute;
	top: 0;
	left: 0;
	width: 0vw;
	height: 0vh;
	background-color: rgba(0, 0, 0, 0);
	background-image: repeating-radial-gradient(circle at 17% 32%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.5) 0.00085px);
  	animation: fehlermeldung 0.01s ease-out 500;

	transition: all 0.1s;
}

/*----- paragraph globals -----*/

/*----- animationen -----*/

.logo-animation {
	position: relative;
	top: -7rem;
	left: 117%;
	width: 1px;
	opacity: 0.1;
	animation: move-wild 3.5s linear 1;
}


/*----- animationen -----*/

/*----- hyperlinks globals -----*/

a {
	color: #dadada;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #838383;
	text-decoration: none;
	text-shadow: none;
	opacity: 1;
}

a.logo {
}
a.logo:hover {
	color: #dadada;
}

.back-to-top-link {
	border-color: transparent;
	background-color: transparent;
}
.back-to-top-link:focus,
.back-to-top-link:hover {
	border-color: transparent;
	background-color: transparent;
}
.img-icon {
	margin-top: -3px;
}
.icon-arrow-up::before {
	content: url(/images/Elemente/pfeil2_klein_weiss.svg);

}

a:not([class]) {
	text-decoration: none;
}

/*----- hyperlinks globals -----*/

/*----- images -----*/

img {
	border-top-left-radius: 20rem 0.11rem;
	border-top-right-radius: 12rem 0.1rem;
	border-bottom-left-radius: 15rem 0.1rem;
	border-bottom-right-radius: 25rem 0.12rem;
	box-shadow: 1px 0.5px 11px 0.3px rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	transition: all .5s;
}

figure {
}
.image.align-left {
	float: left;
}
.image.align-right {
	float: right;
}
.image.align-center {
	text-align: center;
}

.item-image {

}

.img-border {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: solid 0.3em #838383;
	border-top-left-radius: 10em 0.7em;
	border-top-right-radius: 12em 1em;
	border-bottom-left-radius: 22em 1.3em;
	border-bottom-right-radius: 25em 1.5em;
}
.img-border-black {
	border: solid 0.5em black;
}
.img-border-white {
	border: solid 0.5em white;
}
.img-border-rundeecken {
	border-radius: 3em;
}

.logo {
}

/*----- images -----*/

/*----- SlideShow -----*/

.SlideShow,
.SlideShowKunst {
	height: 50em;
}

.item-image-SlideShow,
.item-image-SlideShowKunst {
	height: 50em;
	object-fit: contain;
	margin-bottom: 3rem;
}
.fit {
	height: 50em;
	object-fit: contain;
}
.imgCap-SlideShow,
.imgCap-SlideShowStart,
.imgCap-SlideShowKunst {
	font-size: 1.3em;
	color: #838383;
	line-height: 2rem;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 0em;
}

.carousel-item-SlideShowStart {
	animation: dimmer;
	animation-duration: 2.2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-delay: 3.2s;
	animation-direction: reverse;
	transition: transform 3.5s ease-in-out;
}

/*----- SlideShow -----*/


/*----- Carousel Globals -----*/

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
	transition: opacity 0s 3.5s;
}

.carousel-control-prev-icon {
	margin-left: -7.5rem;
	opacity: 0.3;
}

.carousel-control-next {

}
.carousel-control-next-icon {
	margin-right: -7.5rem;
	opacity: 0.3;
}

.carousel-indicators {
	margin-top: 1rem;
	margin-bottom: 0rem;
	opacity: 0.3;
}

.carousel-caption {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	color: #dadada;
	text-align: right;
	padding-bottom: 0;
	right: 1em;
	left: 1em;
}

/*----- Carousel Globals -----*/


/*----- Modal Globals -----*/

.modal {
	background-color: rgba(0, 0, 0, .7);
}
.modal-dialog {
	max-width: 100vh;
}
.modal-content {
	border: none;
	background-color: transparent;

}
.modal-header {
	padding: 0;
	border: 0;
}
.modal-body {
	top: 2rem;
	padding: 0;
}
.modal-footer {
	padding: 0;
	border: 0;
}
.img-modal {
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	height: 90vh;
	transition: transform 400ms ease-out
}
.img-modal:hover {
	cursor: zoom-in;
	transform: scale(1.15);
	transition: transform 400ms ease-out
}

.btn-close {
	position: fixed;
	right: 1em;
	top: 0.6em;
	color: #dadada;
	font-size: 1.5em;
	background: url("");
}
.btn-close:hover {
	color: #dadada;
}

/*----- Modal Globals -----*/


/*----- Modal Gallery Globals -----*/

.gallery-eins,
.gallery-zwei,
.gallery-drei,
.gallery-vier,
.gallery-fuenf,
.gallery-sechs,
.gallery-sieben {
	padding: 1em 0 0 0;
	margin: 0 0 0.1em 0;
	background-color: #000;
	box-shadow: 1px 0.5px 11px 0.3px rgba(255, 255, 255, 0.05) !important;
	direction: rtl;
}
.ig-eins,
.ig-zwei,
.ig-drei,
.ig-vier,
.ig-fuenf,
.ig-sechs,
.ig-sieben {
	position: relative;
	display: inline-block;
	color: transparent;
	float: none;
	font-size: 1em;
	width: 100%;
	background-color: transparent;
	z-index: 10;
}
.ig-eins:hover,
.ig-zwei:hover,
.ig-drei:hover,
.ig-vier:hover,
.ig-fuenf:hover,
.ig-sechs:hover,
.ig-sieben:hover {
	color: #dadada;
	z-index: 10;
	transition: all 0.8s;
}

.ig-eins:hover:after,
.ig-zwei:hover:after,
.ig-drei:hover:after,
.ig-vier:hover:after,
.ig-fuenf:hover:after,
.ig-sechs:hover:after,
.ig-sieben:hover:after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 2em;
	content: " ";
	background-color: rgba(255, 255, 255, .05);
	transition: all 0.8s;
}

.img-gallery {
	object-fit: contain;
	height: 20vw;
	width: 100%;
	padding: 0.2em 2em 0.5em 2em;;
	cursor: pointer;
}

.gallery-figure {
	margin: 0;
}

.beschreibung {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	padding: 0.2em 0.8em 0.5em 0.8em;
	z-index: 20;
}

.img-modal {
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	height: 90vh;
	transition: transform 400ms ease-out
}
.img-modal:hover {
	cursor: default;
	transform: scale(1);
	transition: transform 400ms ease-out
}

/*----- Modal Gallery Globals -----*/


/*----- Modal Gallery Schaumschlaeger -----*/

.gallery-Schaumschlaeger {
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(3,minmax(0,33%))
		[main-end] minmax(0,1fr) [full-end];
	grid-template-areas:
		". ss-leer1  ss-eins  ss-leer2 ."
		". ss-zwei  ss-drei  ss-vier .";
	display: grid;
	grid-gap: 0.3em 0.3em;
	width: 100%;
	cursor: default;
}

.Schaumschlaeger-eins {
	grid-area: ss-eins;
	margin: 0 !important;
}

.Schaumschlaeger-zwei {
	grid-area: ss-zwei;
	direction: ltr !important;
}

.Schaumschlaeger-drei {
	grid-area: ss-drei;
}

.Schaumschlaeger-vier {
	grid-area: ss-vier;
	direction: ltr  !important;
}

.ig-eins-Schaumschlaeger {
	height: 100%;
}
.ig-zwei-Schaumschlaeger,
.ig-drei-Schaumschlaeger,
.ig-vier-Schaumschlaeger {
}

.ig-eins-Schaumschlaeger-1:hover,
.ig-eins-Schaumschlaeger-2:hover,
.ig-eins-Schaumschlaeger-3:hover,
.ig-eins-Schaumschlaeger-4:hover {
}

.ig-eins-Schaumschlaeger-1:hover:after {
	height: 3em;
}
.ig-eins-Schaumschlaeger-2:hover:after,
.ig-eins-Schaumschlaeger-3:hover:after,
.ig-eins-Schaumschlaeger-4:hover:after {
}

.img-gallery-Schaumschlaeger {
}
.img-gallery-Schaumschlaeger-1 {
	display: block;
	height: auto !important;
	width: 50% !important;
	margin-right: auto;
	margin-left: auto;
}

.img-modal-Schaumschlaeger {
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	height: 90vh;
	transition: transform 400ms ease-out
}
.img-modal-Schaumschlaeger:hover {
	cursor: default;
	transform: scale(1);
	transition: transform 400ms ease-out
}
.modal-Schaumschlaeger {
}
.carousel-Schaumschlaeger {
}
.carousel-Schaumschlaeger.pointer-event {
	touch-action: pinch-zoom;
}
.carousel-caption-Schaumschlaeger {
}

/*----- Modal Gallery Schaumschlaeger -----*/


/*----- Modal Gallery betont kriegt -----*/

.gallery-betont-kriegt {
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(3,minmax(0,33%))
		[main-end] minmax(0,1fr) [full-end];
	grid-template-areas:
		". bk-eins  bk-leer1  bk-zwei ."
		". bk-leer2  bk-drei  bk-leer3 ."
		". bk-vier  bk-fuenf  bk-leer4 .";
	display: grid;
	grid-gap: 0.3em 0.3em;
	width: 100%;
	cursor: default;
}

.betont-kriegt-eins {
	grid-area: bk-eins;
}
.betont-kriegt-zwei {
	grid-area: bk-zwei;
}
.betont-kriegt-drei {
	grid-area: bk-drei;
}
.betont-kriegt-vier {
	grid-area: bk-vier;
}
.betont-kriegt-fuenf {
	grid-area: bk-fuenf;
}

.ig-eins-betont-kriegt:hover:after,
.ig-zwei-betont-kriegt:hover:after,
.ig-drei-betont-kriegt:hover:after,
.ig-vier-betont-kriegt:hover:after,
.ig-fuenf-betont-kriegt:hover:after {
	height: 4.6em;
}

/*----- Modal Gallery betont kriegt -----*/


/*----- Modal Gallery Reliefs -----*/

.gallery-reliefs {
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(4,minmax(0,25%))
		[main-end] minmax(0,1fr) [full-end];
	grid-template-areas:
		". rel-eins  rel-zwei  rel-drei  rel-vier .";
	display: grid;
	grid-gap: 0.3em 0.3em;
	width: 100%;
	cursor: default;
}

.reliefs-eins {
	grid-area: rel-eins;
	margin: 0 !important;
}

.reliefs-zwei {
	grid-area: rel-zwei;
}

.reliefs-drei {
	grid-area: rel-drei;
}

.reliefs-vier {
	grid-area: rel-vier;
}

/*----- Modal Gallery Reliefs -----*/


/*----- Modal Gallery Buoys -----*/

.gallery-buoys {
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(3,minmax(0,33%))
		[main-end] minmax(0,1fr) [full-end];
	grid-template-areas:
		". bu-eins  bu-zwei  bu-drei ."
		". bu-leer1  bu-leer2  bu-vier .";
	display: grid;
	grid-gap: 0.3em 0.3em;
	width: 100%;
	cursor: default;
}

.buoys-eins {
	grid-area: bu-eins;
	margin: 0 !important;
}

.buoys-zwei {
	grid-area: bu-zwei;
}

.buoys-drei {
	grid-area: bu-drei;
}

.buoys-vier {
	grid-area: bu-vier;
}

.img-gallery-buoys-4 {
	padding-bottom: 1.5em;
}

/*----- Modal Gallery Buoys -----*/


/*----- Modal Gallery Wachsguesse -----*/

.gallery-wachsguesse {
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(3,minmax(0,33%))
		[main-end] minmax(0,1fr) [full-end];
	grid-template-areas:
		". wg-eins  wg-zwei  wg-drei ."
		". wg-vier  wg-fuenf  wg-leer1 .";
	display: grid;
	grid-gap: 0.3em 0.3em;
	width: 100%;
	cursor: default;
}

.wachsguesse-eins {
	grid-area: wg-eins;
}
.wachsguesse-zwei {
	grid-area: wg-zwei;
}
.wachsguesse-drei {
	grid-area: wg-drei;
}
.wachsguesse-vier {
	grid-area: wg-vier;
}
.wachsguesse-fuenf {
	grid-area: wg-fuenf;
}
.wachsguesse-leer1 {
	grid-area: wg-leer1;
	padding: 1em 0 0 0;
	margin: 0 0 0.1em 0;
	background-color: #000;
	box-shadow: 1px 0.5px 11px 0.3px rgba(255, 255, 255, 0.05) !important;
}


/*----- Modal Gallery Wachsguesse -----*/

/*----- Modal Gallery Zerfallsobjekte -----*/

.gallery-zob {
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(3,minmax(0,33%))
		[main-end] minmax(0,1fr) [full-end];
	grid-template-areas:
		". zo-leer1  zo-leer2  zo-eins ."
		". zo-zwei  zo-drei  zo-vier ."
		". zo-fuenf  zo-sechs  zo-sieben .";
	display: grid;
	grid-gap: 0.3em 0.3em;
	width: 100%;
	cursor: default;
}

.zob-eins {
	grid-area: zo-eins;
}
.zob-zwei {
	grid-area: zo-zwei;
}
.zob-drei {
	grid-area: zo-drei;
}
.zob-vier {
	grid-area: zo-vier;
}
.zob-fuenf {
	grid-area: zo-fuenf;
}
.zob-sechs {
	grid-area: zo-sechs;
}
.zob-sieben {
	grid-area: zo-sieben;
}


/*----- Modal Gallery Zerfallsobjekte -----*/



/*----- sig gallery images -----*/


.sigFreeContainer {
	grid-template-columns: 1fr 1fr 1fr;
	display: grid;
	grid-gap: 5px 5px;
	width: 100%;
}

.sigFreeClassic {
	margin: 0px 0 !important;
}

.sigFreeThumb {
	aspect-ratio: 3/4;
	width: 100% !important;
	padding: 0px !important;
	border-style: solid;
	border-width: 3px;
	border-color: rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 1) !important;
	box-shadow: 1px 0.5px 11px 0.3px rgba(255, 255, 255, 0.05) !important;
}

.sigFreeImg {
	block-size: auto;
	object-fit: contain;
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	background-position: 50% 50% !important;
}

a.sigFreeLink {
	float: none !important;
	width: 100% !important;
	height: 100% !important;
}

/*----- sig gallery images -----*/

/*----- videoplayer yendif iframe -----*/
iframe {
	box-shadow: 0.5px 0.2px 5px 0.3px transparent;
	border-style: solid;
	border-width: 5px;
	border-color: #000000;
	border-radius: 7px;
}

/*----- Bildschirmgroessen -----*/

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

@media (max-width: 991px) {
	.container-component > * + * {
		margin: 1em 1.5em 1em 1.5em;
		}
	.container-side-first {
		padding-left: 2rem;
	}
	.menu-list.mod-list li a {
		font-size: 1.4em;
		line-height: 1.4em;
		padding-left: 2rem;
		transition: all 1.5s;
		}
	.menu-kunst-item {
	}
	.menu-kunst-list.mod-list li a {
		padding-left: 1rem;
	}
	.menu-kunst-list.mod-list li a:hover {
		width: calc(100% + 3rem);
		padding-left: 3rem;
		margin-left: -3rem;
	}
	.menu-kunst-list.mod-list li.current > a {
		width: calc(100% + 3rem);
		padding-left: 3rem;
		margin-left: -3rem;
	}
}

@media (max-width: 900px) {
	.container-component > * + * {
		margin: 0;
		}
	.container-side-first {
		padding-left: 1rem;
	}

	.menu-list.mod-list li a {
		font-size: 1.4em;
		line-height: 1.4em;
		padding-left: 1rem;
		transition: all 1.5s;
		}
	.menu-kunst-item {
	}
	.menu-kunst-list.mod-list li a:hover {
		width: calc(100% + 2rem);
		margin-left: -2rem;
	}
	.menu-kunst-list.mod-list li.current > a {
		width: calc(100% + 2rem);
		margin-left: -2rem;
	}



	.SlideShow {
		height: 40em;
	}
	.item-image-SlideShow {
		height: 40em;
	}
	.fit {
		height: 40em;
	}
}

@media (max-width: 768px) {
	body:not(.has-side-first) .site-grid .container-side-second {
		grid-area: side-last;
		display: flex;
	}
	.site-grid {
		grid-template-columns:
			[full-start] minmax(0,1fr)
			[main-start] repeat(3,minmax(0,33%))
			[main-end] minmax(0,1fr)
			[full-end] !important;
		grid-template-areas: 
			". top-c  top-c  menu ."
			". comp   comp   menu ."
			". comp   comp   side-1 ."
			". comp   comp   side-last ."
			". bot-a  bot-a  bot-a  .";
		grid-gap: 0em 0em !important;
		width: 100%;
		padding: 0 0rem 2rem 0rem;
		transition: 1.5s;
	}
	.container-side-first {
		padding-left: 1.5rem;
	}
	.container-side-second {
		display: none;
		overflow: hidden;
		margin: 0;
	}
	.menu-list.mod-list li a {
		padding-left: 1.5rem;
	}
	.menu-list.mod-list li.active.parent > a,
	.menu-list.mod-list li.current > a {
		padding-left: 1.5rem;
	}

	.menu-kunst-item {
		font-size: 1.1em;
		line-height: 1.5em;
	}
	.menu-kunst-list.mod-list li a {
		padding-left: 0;
	}
	.menu-kunst-list.mod-list li.current > a {
		width: calc(100% + 1.5rem);
		padding-left: 1.5rem;
		margin-left: -1.5rem;
	}
}

@media (max-width: 480px) {
	body:not(.has-side-first) .site-grid .container-side-second {
		display: none;
		overflow: hidden;
		margin: 0;
	}
	.site-grid {
		grid-template-columns:
			[full-start] minmax(0,1fr)
			[main-start] repeat(2,minmax(0,auto))
			[main-end] minmax(0,1fr)
			[full-end] !important;
		grid-template-areas: 
			". menu  top-c ."
			". side-1  side-1 ."
			". comp   comp ."
			". comp   comp  ."
			". comp   comp ."
			". bot-a  bot-a .";
		grid-gap: 0em 0em !important;
		width: 100%;
		padding: 0 0rem 2rem 0rem;
		transition: 1.5s;
	}
	.container-top-c {
		  justify-content: start;
	}
	.container-side-first {
		word-wrap: break-word;
		padding: 0 .8rem 0 1.5rem;
	}
	.menu-list.mod-list li.current > a,
	.menu-list.mod-list li.active.parent > a {
		color: #838383;
		background-color: transparent;
	}
	.menu-kunst {
		font-size: 1.1em;
		line-height: 1.4em;
		word-wrap: break-word;
}
	.menu-kunst-item {
		font-size: 1.1em;
		line-height: 1.4em;
		word-wrap: break-word;
}
	.menu-kunst-list {
		display: inline-block;
		word-wrap: break-word;
		width: auto;
	}
	.menu-kunst-list.mod-list li {
		display: inline;
		width: auto;
	}
	.menu-kunst-list.mod-list li:not(:last-child)::after {
   		content: '  |   ';
	}
	.menu-kunst-list.mod-list li a {
		display: inline;
		word-wrap: break-word;
		width: auto;
	}
	.menu-kunst-list.mod-list li.current > a {
		padding-left: 0;
		margin-left: 0;
		background-color: transparent;
	}

	.gallery-eins,
	.gallery-zwei,
	.gallery-drei,
	.gallery-vier,
	.gallery-fuenf,
	.gallery-sechs,
	.gallery-sieben {
		margin-bottom: 2rem !important;
	}
	.ig-eins,
	.ig-zwei,
	.ig-drei,
	.ig-vier,
	.ig-fuenf,
	.ig-sechs,
	.ig-sieben {
		color: #dadada;
	}
	.img-gallery {
		height: auto;
	}
	.beschreibung {
		margin-bottom: -1.8rem;
	}

	.gallery-reliefs {
		grid-template-columns:
			[main-start] repeat(1,minmax(0,100%));
		grid-template-areas:
			"rel-eins"
			"rel-zwei"
			"rel-drei"
			"rel-vier";
	}
	.gallery-Schaumschlaeger {
		grid-template-columns:
			[main-start] repeat(1,minmax(0,100%));
		grid-template-areas:
			"ss-eins"
			"ss-zwei"
			"ss-drei"
			"ss-vier";
	}
	.gallery-buoys {
		grid-template-columns:
			[main-start] repeat(1,minmax(0,100%));
		grid-template-areas:
			"bu-eins"
			"bu-zwei"
			"bu-drei"
			"bu-vier";
	}
	.gallery-betont-kriegt {
		grid-template-columns:
			[main-start] repeat(1,minmax(0,100%));
		grid-template-areas:
			"bk-eins"
			"bk-zwei"
			"bk-drei"
			"bk-vier"
			"bk-fuenf";
	}
	.gallery-wachsguesse {
		grid-template-columns:
			[main-start] repeat(1,minmax(0,100%));
		grid-template-areas:
			"wg-eins"
			"wg-zwei"
			"wg-drei"
			"wg-vier"
			"wg-fuenf";
	}
	.gallery-zob {
		grid-template-columns:
			[main-start] repeat(1,minmax(0,100%));
		grid-template-areas:
			"zo-eins"
			"zo-zwei"
			"zo-drei"
			"zo-vier"
			"zo-fuenf"
			"zo-sechs"
			"zo-sieben";
	}
}