.onlyMobile{
	display:none;
}
.onlyDesktop{
	display:block;
}
/************************ SLIDER ***********************/
div.slider {
	width: calc(100% + 4rem);
	height: 100vh;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin-bottom: 12rem;
}

body.home main{
	padding-top: 0;
}

.slider .portrait{
	display:none;
}

div.sliderItem {
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
}


.slider .image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	bottom:0;
}

div.slider .badge {
	position: absolute;
	bottom: 3rem;
	right: 5rem;
	width: 15rem;
}

ul.sliderNavi {
	position: absolute;
	bottom: 0rem;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.sliderNavi li {
	width: 6rem;
	list-style-type: none;
	padding:2rem .6rem 2rem .6rem;
	height:.3rem;
	cursor: pointer;
	position: relative;
}

ul.sliderNavi li:before,
ul.sliderNavi li:after{
	content:'';
	background: var(--blue);
	position: absolute;
	top:1.7rem;
	left:.3rem;
	right:.3rem;
	bottom:.3rem;
	height:.3rem;
	transition: width linear .2s;
}

ul.sliderNavi li:after{
	width:0;
	background: var(--yellow);

}

ul.sliderNavi li.selected:after {
	animation:sliderNavi;
	animation-timing-function: linear;
	animation-fill-mode:forwards;
	animation-duration: 7s;
}

@keyframes sliderNavi {
	0%{
		width:0;
	}
	100%{
		width:calc(100% - .6rem);
	}
}

ul.sliderNavi li.NotAnimatet:after {
	animation:none;
	width:calc(100% - .6rem);
}

div.slider div.text {
	width: 30rem;
	position: absolute;
	left: 6.6rem;
	bottom:16%;
	padding: 2rem;
	border-left: .4rem solid var(--yellow);
	border-bottom: .4rem solid var(--yellow);
}

div.slider div.text h1 {
	font-size: 4.4rem;
	line-height: 1.1em;
	white-space: nowrap;
}

div.slider div.text p {
	font-size: 1.5rem;
	margin: 0;
	margin-bottom: 2rem;
	white-space: nowrap;
}

div.sliderItem a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.sliderContainer{
	display: flex;
	height: 100%;
	transition: margin .6s ease-in-out;
}

/************************ COLLECTION ***********************/
div.collectionItem {
	display: flex;
	position: relative;
	align-items: stretch;
}

div.collectionItem:after {
	content: '';
	padding-bottom: 40%;
}

div.collectionItem > a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.collectionItem a.download{
	margin:2rem 0 0 0;
	display:block;
}

div.collectionItem .image {
	width: 55%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	flex: 0 0 55%;
}

div.collectionItem .content {
	padding:1rem;
	position: relative;
	flex: 0 0 45%;
	width:45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--bluesecondary);
}

body.collection div.collectionItem h1{
	font-size: 1.4rem;
}

div.collectionItem.noImage .image{
	display:none;
}

div.collectionItem.noImage .content{
	flex-basis:100%;
	width:100%;
}

body.page div.collectionItem h1 {
	margin-bottom: 0rem;
	font-size: 3rem;
}

body.collection div.collectionItem h1{
	margin-bottom: 0;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	font-size: 1.6rem;
	hyphens: auto;
	letter-spacing: -0.0001em;
}

div.collectionItem h1 + h2 {
	margin-top:-0.3rem;
	margin-bottom: 1rem;
}

div.collectionItem h2 {
	font-size: 1.4rem;
	margin: 0;
	font-weight: 300;
}

body.collection div.collectionItem p,
body.home div.collectionItem p{
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

div.collectionItem .content:before {
	height: .25rem;
	width: 60%;
	background: var(--yellow);
	position: absolute;
	left: 1rem;
	top: 0;
	content: '';
}

body.page div.collectionItem .content{
	padding:3rem;
}

body.page div.collectionItem .content:before{
	left:3rem;
}

body.page div.collectionItem .imageX{
	background-size:contain;
	background-clip: content-box;
	background-position: top center ;
	padding:1rem;
	position: relative;
	overflow: hidden;
}

body.page div.collectionItem .image.blur{
	display:none;
	background-size: cover;
	filter:blur(50px);
	position: absolute;
	top:-10%;
	left:-10%;
	width:120%;
	height: 120%;
	z-index: -1;
}

/************************ ACCORDION ***********************/
div.layout > .fixed > div:first-child h1 {
	font-size: 3rem;
	line-height: 1.2em;
	border-bottom: .3rem solid var(--yellow);
	margin-bottom: .8rem;
	padding-bottom: .8rem;
}

body.home div.layout > .fixed{
	padding:0 2rem;
}


body.home div.layout > .fixed:first-child{
	padding:0 2rem 0 0;
}

body.home div.layout > .fixed:nth-child(2){
	padding:0 1rem;
}

body.home div.layout > .fixed:last-child{
	padding:0 0 0 2rem;
}


div.layout > .fixed.left > div:first-child,
body.home div.layout > .fixed:first-child > div:first-child{
	padding-left: 5rem;
}

.fixedHeadline{
	position: fixed;
	background: var(--blue);
	top:-100%;
	transition: top ease-in-out .5s;
	padding-top:2rem;
	width: inherit;
	z-index: 1;
}

body.home main {
	padding-left: 0;
	padding-right: 0;
}

div.layout > .fixed.right > div:first-child,
body.home div.layout > .fixed:last-child > div:first-child{
	padding-right: 5rem;
}

div.layout > .fixed.right div.collectionItem,
body.home div.layout > .fixed:last-child div.collectionItem{
	flex-direction: row-reverse;
}

.right div.collectionItem .content {
	margin-left: 0;
	margin-right: calc(-2rem - 10%);
}

.accordion .content:before {
	opacity: 0;
	transition: all ease-in-out .2s;
}

.accordion.open .content:before {
	opacity: 1;
}

.accordion .content:after {
	position: absolute;
	right: 0;
	bottom: -.5rem;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0de";
	font-size: 2rem;
	transform: rotate(135deg);
	transition: all ease-in-out .2s;
}

body.home div.layout > .fixed:last-child .content:after,
.right .accordion .content:after{
	right:auto;
	left:0;
	transform: rotate(-135deg);
}

.accordion,
.accordion .image{
	transition: all ease-in-out .2s;
	cursor: pointer;
}

.accordion.open .content p{
	display: block;
}

.accordion.open .content{
	transition: all ease-in-out .2s;
}

.accordion.open .content:after,
body.home div.layout > .fixed:last-child .accordion.open .content:after{
	color: var(--yellow);
	transform: rotate(0deg);
	bottom: -1.15rem;
}

.accordion.empty .content:after{
	display:none !important;
}

div.collectionItem.accordion .content{
	padding:1.5rem;
}

div.collectionItem.accordion .content h2,
.homeCenter h2{
	font-size: 2rem;
	hyphens:auto;
}

div.imageFilter{
	position: relative;
}

div.imageFilter:before{
	content:'';
	position: absolute;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	background-color: var(--bluesecondary);
	mix-blend-mode: color;
	opacity: 1;
	visibility: visible;
	transition: all ease-in-out .2s;
}

.accordion:hover div.imageFilter:before,
.accordion.open div.imageFilter:before{
	opacity: 0;
	visibility: hidden;
}

div.collectionItem.accordion.small{
	flex-direction:column;
}

div.collectionItem.accordion.small .content,
div.collectionItem.accordion.small .image{
	width:100%;
}

div.collectionItem.accordion.small .image{
	margin-bottom: 2rem;
	aspect-ratio:1/0.15;
}



div.collectionItem.accordion.small .content{
	flex: 0 0 auto;
}

div.collectionItem.accordion.small .content:before,
div.collectionItem.accordion.small:after {
	display: none;
}


.accordion.small  div.imageFilter:before{
	opacity: 0;
	visibility: hidden;
}

/************************ PRODUCT ***********************/
body.page div.collectionItem .content{
	margin:0;
	width:50%;
	flex-basis: 50%;
}

body.page div.collectionItem .image{
	width:50%;
	flex-basis: 50%;
}

body.page div.collectionItem:after {
	padding-bottom: 30%;
}

body.page div.collectionItem p{
	margin-bottom: .8rem;
	display: block;
	max-width: 85%;
}

ul.tags{
	margin:2rem 0 3rem 0;
	padding:0;
}

ul.tags li{
	display:inline-block;
	background:var(--bluesecondary);
	padding:.3rem 1.2rem;
	font-size:1.4rem;
	margin: .5rem 1rem .5rem 0;
	white-space: pre;
}

div.collectionItem ul.tags{
	margin-bottom: 0;
}

div.collectionItem ul.tags li{
	background:var(--blue);
}

body.page main > .layout:first-child,
body.content_collection main > .layout:first-child{
	padding-top:0rem;
}

body.page div.oneHalf ul{
	margin:0;
	padding:0;
}

body.page div.oneHalf:first-child ul{
	column-count: 2;
	column-gap: 2rem;
	list-style-type: none;
	padding-left: 0;
}

body.page div.oneHalf:first-child ul li{
	list-style-type: none;
}

body.page div.oneHalf:first-child ul li{
	margin-bottom: .2rem;
}

body.page div.oneHalf:last-child ul li{
	list-style-type: none;
	padding:.5rem 1rem;
}

body.page div.oneHalf:last-child ul li:nth-child(odd){
	background:var(--blue);
}

div.furtherCategories{
	padding-top:4.5rem;
}

div.furtherCategories a{
	position: absolute;
	top:0;
	left: 0;
	right:0;
	bottom:0;
}

div.furtherCategories h3{
	font-size: 1.4rem;
	font-weight:300;
	margin:.8rem 0 0 0;
}

div.furtherCategories h3:before{
	content:'\f054';
	font-family:'Font Awesome 6 Pro';
	margin-right:1rem;
}

div.furtherCategories img{
	aspect-ratio: 1000 / 800;
	object-fit: cover;
}


ul.tabNavi{
	margin:0;
	padding:0;
	list-style-type: none;
	background:var(--bluesecondary);
	margin-top:1rem;
}

ul.tabNavi li{
	padding:.5rem 1rem;
	cursor: pointer;
	display: inline-block;
	opacity: .8;
}


ul.tabNavi li.selected{
	font-weight: 900;
	opacity:1;
}

div.tabContent{
	padding:1rem;
	margin-top:.5rem;
	background:var(--bluesecondary);
}

/************************ FLUTTER ***********************/
.flutter div.collectionItem .content{
	margin:0;
	height:100%;
}

.flutter div.collectionItem .image{
	width:50%;
	flex-basis: 50%;
}

.flutter div.collectionItem:after {
	padding:0;
}

/************************ SUBNAVI ***********************/
ul.subNavi{
	margin:-2rem 0 -1rem 0;
	padding:0 1rem;
	list-style-type: none;
}

ul.subNavi li{
	display: inline-block;
}

ul.subNavi li.selected a{
	font-weight: 900;
	opacity: 1;
}

ul.subNavi a{
	text-decoration: none;
	padding:.5rem 1rem;
	font-size: 1.2rem;
	display: block;
	opacity: .8;
}

ul.subNavi a br,
div.furtherCategories h3 br,
ul.subNavi a wbr,
div.furtherCategories h3 wbr{
	display: none;
}



/************************ KONTAKT ***********************/
iframe{
	height:450px;
	width:100%;
}

body.kontakt .iframe:before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	mix-blend-mode: multiply;
	content: '';
	background: var(--bluesecondary);
	opacity: 0.8;
	transition: all ease-in-out .2s;
	visibility: visible;
}

body.kontakt .iframe:hover:before{
	opacity: 0;
	visibility: hidden;
}


a.download{
	text-decoration: none;
}

a.download i{
	font-size: 2rem;
	margin-right: 1rem;
}

body[data-node_id="9"]  .oneThird{
	padding-top:calc(var(--gap) / 2);
}

body.content_collection main .layout:not(.searchResults),
body.column_collection main .layout:not(.searchResults){
	margin-bottom: 4rem;
}

body.content_collection main .layout:last-child{
	margin-bottom: 0;
}

/************************ DOWNLOADS ***********************/
div.download img{
	width:100%;
	border:.25rem solid var(--yellow);
	margin-bottom: 2rem;
}

div.download h2 {
	margin-bottom: 2rem;
}


div.download h2 a{
	display: flex;
}

div.download h2 i{
	margin-right: 2rem;
	float:left;
}

div.download h2 span{
	display:inline-block;
}


body.downloads div.layout.outerSpace,
main .layout + div.layout.background{
	margin-top:1rem;
}

div.flexCollection{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 1em;
	line-height: 1.4;
	gap:4rem;
}

.flexCollection > div:nth-child(2n-2):nth-last-of-type(1) {
	grid-column-start: 2;
}