/* ---------------------------------
	
	SITE: ARCHITEKTUR
	
-----------------------------------*/

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

.b-architektur select{
	color:var(--color-main-architektur);
	border-color:var(--color-main-architektur);
}

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

.b-architektur .logo-zusatz{
	z-index:7;
}
.b-architektur .logo-abdecker{
	display:block;
	content:'';
	position:absolute;
	top:0px;
	left:187px;
	width:15px;
	height:var(--topbar-height);
	z-index:8;
	background-color:white;
}

.b-architektur nav ul li.nav-switch a:hover{
	background-color:var(--color-main);
	color:white;
}

.b-architektur,
.b-architektur a,
.b-architektur select{
	color:var(--color-main-architektur);
}
.b-architektur .btn{
	border-color:var(--color-main-architektur);
	color:var(--color-main-architektur);
}
.b-architektur .btn-blue:hover{
	border-color:var(--color-main);
}
.b-architektur .btn:hover, 
.b-architektur .btn.act, 
.b-architektur .btn-blue{
	background-color:var(--color-main-architektur);
	color:white;
}

.b-architektur h3.btn:hover,
.b-architektur h3.btn-small:hover{
	background-color:transparent;
	color:var(--color-main-architektur);
}

.b-architektur .btn-blue:hover{
	background-color:var(--color-main);
}
.b-architektur .btn-arrow:hover{
	background-image: url(/assets/bilder/arrow-desktop-white.svg);
}
.b-architektur .infobox .infobox--header::after,
.b-architektur .select-container:after{
	background-image: url(/assets/bilder/arrow-down_schwarz.svg);
}
.b-architektur section,
.b-architektur nav,
.b-architektur .teaserbox,
.b-architektur .teaserbox,
.b-architektur .teaserbox figcaption,
.b-architektur select,
.b-architektur .s-projekte-overview--item,
.b-architektur .s-projekte-overview--item--tags span,
.b-architektur .infobox,
.b-architektur nav footer,
.b-architektur .overview--item-text,
.b-architektur .s-projekte-overview--item figure::after,
.b-architektur .nav-switch,
.b-architektur.b-kontakt section.s-kontakt-text,
.b-architektur .teaserbox--text h2,
.b-architektur footer{
	border-color:var(--color-main-architektur);
}
.b-architektur .hamburger-line-middle, 
.b-architektur .hamburger::before, 
.b-architektur .hamburger::after,
.b-architektur .s-kontakt-map,
.b-architektur .infobox .infobox--content li::before{
	background-color:var(--color-main-architektur);
}

.b-architektur .teaservideo-desktop,
.b-architektur .teaservideo-mobile,
.b-architektur header,
.b-architektur .teaserbox{
	background-color:white;
}
.b-architektur.b-home header,
.b-architektur.b-kompetenzen-detail header{
	border-bottom:1px solid black;
}

.b-architektur nav ul li a:hover,
.b-architektur nav ul li a.act,
.b-architektur nav ul li.nav-switch a,
.b-architektur .s-kontakt-text--main a:hover,
.b-architektur .footer-address a:hover{
	color:var(--color-main);
}


.b-architektur .btn-arrow,
.b-architektur .teaserbox:hover h2, 
.b-architektur .s-projekte-overview--item:hover{
	background-image: url(/assets/bilder/arrow-desktop_schwarz.svg);
}
.b-architektur .icon-linkedin{
	background-image: url(/assets/bilder/icon-linkedin_schwarz.svg);
}
.b-architektur .icon-linkedin:hover{
	background-image:url(/assets/bilder/icon-linkedin.svg);
}
.b-architektur .icon-insta{
	background-image: url(/assets/bilder/icon-insta_schwarz.svg);
}
.b-architektur .icon-insta:hover{
	background-image: url(/assets/bilder/icon-insta.svg);
}
.b-architektur .teaservideo-desktop,
.b-architektur header video,
.b-architektur .teaservideo-mobile{
	opacity:0;
}

.b-architektur .s-kontakt-text{
	border-right:1px solid var(--color-main-architektur);
}

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

.b-impressum main a:not(.btn):hover{
	color:var(--color-main);
}

.b-architektur .swiper-button-prev{
	/*cursor: url('/assets/bilder/bildnavigation-links-schwarz-@1x.svg') 24 24, pointer;
	cursor: -webkit-image-set(url('/assets/bilder/bildnavigation-links-schwarz-@2x.svg') 2x) 24 24, pointer;*/
	background-image:url('/assets/bilder/bildnavigation-links-schwarz.svg');
}
.b-architektur .swiper-button-next{
	/*cursor: url('/assets/bilder/bildnavigation-rechts-schwarz-@1x.svg') 24 24, pointer;
	cursor: -webkit-image-set(url('/assets/bilder/bildnavigation-rechts-schwarz-@2x.svg') 2x) 24 24, pointer;*/
	background-image:url('/assets/bilder/bildnavigation-rechts-schwarz.svg');
}

.b-architektur .teaserbox:hover h2{
	background-image: url(/assets/bilder/arrow-mobile_schwarz.svg);
}
.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: 975px) {
	.b-architektur .teaserbox figcaption,
	.b-architektur .teaserbox h2{
		background-image: url(/assets/bilder/arrow-mobile_schwarz.svg);
	}
}


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

	.b-architektur .s-kontakt-text{
		border-right:0px;
		border-bottom:1px solid var(--color-main-architektur);
	}
	.b-architektur .logo-zusatz{
		width:179px;
	}
	

	.b-architektur nav ul li.nav-switch a{
		background-color:var(--color-main);
		color:white;
	}
	.b-architektur .teaserbox:hover, .b-architektur .s-projekte-overview--item:hover{
		background-image:none;
	}
	
	.b-architektur.b-kompetenzen-detail header img{
		object-fit: cover;
		transform: translateY(2%);
	}
	
}

@media screen and (max-width: 420px) {
	
	.b-architektur.b-kompetenzen-detail header img{
		object-fit: contain;
		transform: scale(1.6);
	}

}

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