:root {
	--color-main: #000000;	
	--color-hover: #676767;
}

nav.open,
.nav--inner{
	height:210px;
}

.b-architektur video,
.b-architektur .teaserbox--image{
	background-color:white;
}

.b-architektur .s-kontakt-map a{
	background-image:url(/assets/bilder/peyto_architektur_karte.gif);	
}

.b-architektur .logo-zusatz{
	z-index:7;
}


/* TEASERBOX */
.teaserbox-kompetenzen{
	background-color: black;
	padding-bottom:0px;
}
.teaserbox-kompetenzen .teaserbox--text,
.teaserbox-kompetenzen .teaserbox--text h2{
	height:auto;
}

.teaserbox--text h2 span{
	flex:1;
}
.teaserbox-kompetenzen .teaserbox--text{
	height:100%;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	background:transparent;
}

.teaserbox-kompetenzen.open .teaserbox--text{
	height:100%;
}
.teaserbox-kompetenzen .teaserbox--text h2{
	border-top:1px solid var(--color-main);
	/*font-size:var(--fontsize-base)*/
	padding-top:8px;
	padding-bottom:8px;
	background-color:white;
}

.teaserbox-kompetenzen .teaserbox--text h2{
	border-bottom: 1px solid transparent;
	transition:border-bottom-color .5s ease;
}

.teaserbox-kompetenzen.open .teaserbox--text h2{
	border-top:0px;
	
	border-bottom: 1px solid var(--color-main);
}


.teaserbox-kompetenzen > img,
.teaserbox-kompetenzen > .swiper{
	opacity:1;
	transition:opacity .5s ease;
}
.teaserbox-kompetenzen.open > img{
	opacity:0;
}
.teaserbox-kompetenzen.open > .swiper{
	opacity:0;
}



.teaserbox-kompetenzen .teaserbox--text-details{
	height:0px;
	padding-top:0px;
	padding-bottom:0px;
	transition:height .5s ease, padding .5s ease;
	background-color:white;
	opacity:1;
}
.teaserbox-kompetenzen.open .teaserbox--text-details{
	height:100%;
	padding-top:10px;
}




@media screen and (max-width: 1435px) {
	.s-home-teasers .teaserbox, .s-home-teasers .s-projekte-overview--item, .s-home-teasers .teaserbox{
		grid-column: span 4 !important;
	}
	.s-home-teasers .teaserbox:last-child, .s-home-teasers .s-projekte-overview--item:last-child, .s-home-teasers .teaserbox:last-child {
		display: block;
	}
}
@media screen and (max-width:950px){
	.s-home-teasers .teaserbox,
	.s-home-teasers .s-projekte-overview--item,
	.s-home-teasers .teaserbox{
		grid-column: span 6 !important;
	}
	#kompetenzen .s-home-teasers .teaserbox:last-child{
		display:none;
	}
}
@media screen and (max-width:767px){
	.s-home-teasers .teaserbox:last-child{
		display:block;
	}
	.teaserbox-kompetenzen .teaserbox--text h2{
		font-size:var(--fontsize-medium)
	}
}




.b-architektur .btn-arrow:hover{
	background-image: url(/assets/bilder/arrow-desktop-white.svg);
}

.b-architektur .logo-zusatz{
	border-bottom:1px solid black;
	border-right:1px solid black;
	height: calc(var(--topbar-height) + 1px);
	padding-left:0px;
}

.b-profil.b-architektur header{
	display:none;
}
.b-profil.b-architektur main section:first-child{
	padding-top:calc(var(--abstand-gross) + var(--abstand));
}


@media screen and (max-width: 767px) {
	
	
	.b-architektur .logo-zusatz{
		width:179px;
	}

	nav.open,
	.nav--inner{
		height:300px;
	}

	

}


@media screen and (max-width: 390px) {
	.b-architektur .logo-zusatz{
		width:47.75vw;
	}
}