article#brx-content{
	padding-right: 135px;
    padding-left: 135px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 110px;
	
}
article#brx-content a{
	text-decoration:underline;
}
body:has(article#brx-content) #kontakt{
	display:none;
}

#brx-content{
	overflow:hidden;
}

.logo-slider .slick-slider{
	margin: 0 1vw;
}

/* PROJEKTE */
#projekte{
	overflow:hidden;
}
.projekte .overlay-wrapper .dynamic{
	display:none;
}
.projekte .content-wrapper{
	padding: 11px 19px 16px 18px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-content: space-between;
}
.projekte .content-wrapper:after{
	content:'';
	height: 12.2px;
    width: 6.4px;
    position: absolute;
    background-image: url(/wp-content/uploads/2026/03/pfeil-green.svg);
	background-size: contain;
    background-repeat: no-repeat;
	background-position:center;
    right: 23px;
    bottom: 33px;
}
.projekte .content-wrapper p,
.projekte .content-wrapper div{
	font-size:14px;
}
.projekte .content-wrapper p{
	width: calc(100% - 80px);
}
.projekte .content-wrapper h4{
	font-size:18px;
	font-weight:600;
	width: calc(100% - 30px);
}
.projekte.slider, .projekte.slider .slick-list{
	overflow:visible;
}
.projekte.slider .slick-track{
	display:flex;
}
.projekte.slider .slick-slide{
	height:unset;
	margin-right:14px;
}
.projekte.slider .bricks-layout-inner{
	height:100%;
}
.projekte.slider .slick-arrow{
	background-image: url(/wp-content/uploads/2026/03/pfeil-links.svg);
    background-size: contain;
    background-repeat: no-repeat;
	background-position:center;
    height: 30px;
    width: 25px;
}
.projekte.slider .slick-arrow:before{
	display:none;
}
.projekte.slider .slick-prev{
	z-index:9;
	left:-90px;
}
.projekte.slider .slick-next{
	transform:scale(-1);
	right:-90px;
}

/* LEISTUNG */

.leistungsspalte{
	width:80%;
}
.leistungsspalte:not(:last-child){
	margin-bottom:100px;
}
.leistungsspalte:nth-child(odd){
	margin-left:20%;
}


/* TEAM */

.team-spalte:nth-child(3n+2){
	transform: translateY(200px);
}
.team-spalte:nth-child(3n+3){
	transform: translateY(400px);
}
.team-spalte p{
	font-size:14px;
}
.team-spalte h4{
	font-size:18px;
	font-weight:600;
}
.team-spalte .kontaktdaten{
	text-align:center;
	margin-bottom:20px;
}
.team-spalte .info{
	height:0;
	opacity:0;
	transition:0.5s;
}
.team-spalte:hover .info{
	height:auto;
	opacity:1;
}


.drittel li{
	display:none;
}
.drittel:nth-child(1) li:nth-child(3n+1){
	display:block;
}
.drittel:nth-child(2){
	padding-top:200px;
}
.drittel:nth-child(2) li:nth-child(3n+2){
	display:block;
}
.drittel:nth-child(3){
	padding-top:400px;
}
.drittel:nth-child(3) li:nth-child(3n+3){
	display:block;
}

.drittel p{
	font-size:14px;
}
.drittel h4{
	font-size:18px;
	font-weight:600;
}
.drittel li .content-wrapper{
	align-items: center;
/* 	padding-top: 20px; */
    padding-bottom: 60px;
}
.drittel li .content-wrapper p:last-child{
	padding-top:20px;
}
.drittel li .content-wrapper:before{
	content: '';
    background-image: url(/wp-content/uploads/2026/02/alive-mini-icon.png);
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.drittel li .content-wrapper h4{
	cursor: pointer;
	width: 100%;
    text-align: center;
    padding-top: 20px;
	padding-left: 26px;
	padding-right: 26px;
}
.drittel li .content-wrapper p:last-child{
	display: none;
  	margin: 0;
}


#socket .links p{
	display:flex;
}
#socket .links a:not(:last-child){
	margin-right:64px;
}

@media only screen and (max-width: 1440px){
	#brx-content .brxe-container,
	#brx-footer .brxe-container,
	#brx-header .brxe-container,
	article#brx-content{
		padding-right: 9.4%;
		padding-left: 9.4%;
	}
	article#brx-content{
		hyphens: auto;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

}
@media only screen and (min-width: 990px){
	#brx-footer .adresse br{
		display:none;
	}
}
@media only screen and (max-width: 989px){
	#brx-footer #socket .links {
		max-width:370px;
		width:100%;
		margin-top:30px;
	}
	#brx-footer #socket .links p {
		max-width:370px;
		width:100%;
		justify-content: space-between;
	}
	#brx-footer #socket .links p a{
		margin-right:0;
	}
	#brx-footer #socket .rechts{
		flex-direction: column;
		align-items: center;
	}
	#brx-footer #socket .rechts svg{
		margin-bottom:10px;
	}
	#socket .brxe-container{
		flex-direction: column;
		align-items: center;
	}
}
@media only screen and (max-width: 767px){
	
	body{
		font-size:18px!important;
	}
	h2{
		margin-bottom:30px!important;
	}
	
	.menu-item:has(.close){
		position: absolute;
		top: 20px;
		line-height: 1;
		right: 9.4%;
		font-size: 30px;
	}
	.menu-item:not(:has(.close)){
		border-top: 1px solid;
/* 		border-bottom: 1px solid; */
		padding: 6px 9.4%;
	}
	.menu-item:last-child{
		border-bottom: 1px solid;
	}
	#brx-content h2{
		font-size:38px;
		hyphens: auto;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	#brx-content h3{
		font-size:25px;
		hyphens: auto;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
/* 	.big-text{
		hyphens: auto;
		overflow-wrap: break-word;
		word-wrap: break-word;
	} */
	#brxe-gwrsgc{
		width:100vw;
	}
	#brx-content .brxe-block{
		width:100%;
	}
	#brx-content .drittel.brxe-block{
		width:46%;
	}
	#brx-content .drittel li{
		display:none;
	}
	#brx-content .drittel:nth-child(1) li:nth-child(2n+1) {
		display: block;
	}
	#brx-content .drittel:nth-child(2) li:nth-child(2n+2) {
		display: block;
	}
	#brx-content .drittel:nth-child(3){
		display: none;
	}
	#brx-footer .brxe-text.links a{
		margin-right:0;
	}
	article#brx-content{
		padding-top: 50px;
		padding-bottom: 50px;
		margin-top: 64px;
	}
	.leistungsspalte{
		width:100%;
	}
	.leistungsspalte:not(:last-child){
		margin-bottom:30px;
	}
	.leistungsspalte:nth-child(odd){
		margin-left:0;
	}
}
@media only screen and (max-width: 479px){
	#brx-content .brxe-container, #brx-footer .brxe-container, #brx-header .brxe-container, article#brx-content {
        padding-right: 7.4%;
        padding-left: 7.4%;
    }
	.projekte .content-wrapper h4{
		max-height:76px;
		overflow:hidden;
	}
	.projekte .content-wrapper p, .projekte .content-wrapper div {
		font-size: 13px;
	}
	.big-text{
		font-size:23px;
	}
	#brx-content .drittel.brxe-block{
		width:100%;
	}
	#brx-content .drittel li{
		display:block;
	}
	
	#brx-content .drittel:nth-child(2){
		display: none;
	}
}