@charset "utf-8";

/*** GLOBALE KLASSEN ***/
.newsitem a,
.newsitem a:hover,
.newsitem a h3, 
.newsitem a:hover h3,
.newsitem a:visited h3 {
	text-decoration:none !important; 
}

.nspacer {
	position:relative;
	height:40px;
	margin-bottom:0px; 
}

.news .row div[class*="col-md"] {
	margin-bottom:20px; 
}

.wrap-more .more {
	float:right; 
	font-size:13px;
	font-weight:800; 
	text-transform: uppercase;
	text-decoration:none !important; 
	margin-right:15px; 
	position:relative;
	background-color:transparent !important;
}

.wrap-more .more, 
.wrap-more .more:hover, 
.wrap-more .more:visited {
	color:#000; 
	background-color:transparent !important;
}

.wrap-more .more span:after {
	content: "";
	position: absolute;
	left:0;
	top: 100%;
	width: 0;
	height: 2px;
	background-color: black;
	transition: width .3s ease-in-out;
  }
  .wrap-more .more:hover span:after {
	width: 100%;
  }



/* REFERENZEN LATEST ***/
.projekte-latest h3 {
	font-size: 15px;
	font-weight: 800;
	text-transform:uppercase;
	margin-bottom: 2px !important;
}

.projekte-latest h5 {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0px !important;
	color:#000 !important;
}

.projekte-latest, .projekte-latest p {
	font-size: 15px;
	font-weight: 400;
}

.projekte-latest .projekte-img-wrap {
	margin-bottom:8px; 
	overflow:hidden; 
}

.projekte-txt {
	height:58px;
	margin-left:15px;
	padding-top:6px; 
	transition: margin .35s ease;
	position:relative; 
}

.bg-grey .projekte-txt {
   /*  background-color:#fff; */
}

.projekt-link {
	position:absolute; 
	z-index:10; 
	top:25px;
	left:15px;
	margin-bottom:0px !important;
	opacity:0; 
	margin-left:25px;
	transition: opacity .3s ease;
}


.projekte-latest a {
	display:block;
	/* border: 2px solid #F5E513!important; */
	background: linear-gradient(to right, #F5E513 50%, #F5F5F5 50%);
	background-size: 200% 100%;
	background-position: bottom right;
	transition: all .3s ease-out;
	padding: 0 !important;
}

.bg-grey .projekte-latest a {
	background: linear-gradient(to right, #F5E513 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: bottom right;
	transition: all .3s ease-out;
}

.projekte-latest a:hover {
	background-position: bottom left;
	background-size: 200% 100% !important; 
}

.projekte-latest a:hover .projekte-txt {
	margin-left:25px; 
}

.projekte-latest a .projekte-txt:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f178";
	font-size: 20px;
	position: absolute;
	bottom:8px;
	right:32px;
	color: #F5F5F5; 
	transition: color .4s ease-out;
}

.projekte-latest a:hover .projekte-txt:after {
	color:#000;
}


.projekte-latest a .projekte-img-wrap img {	
	transition: transform .3s; 
}

.projekte-latest a:hover .projekte-img-wrap img {	
	transform: scale(1.1); 
}

.referenzitem .projekte-txt {
	margin-bottom:15px; 
}

.button-standard a {
	margin:0px;
	padding:0px;
}


/****  REFERENZEN SINGLE ****/
.project-single {
	margin-top:60px;
	margin-bottom:100px; 
}

.project-single h1 {
	color: #000;
	margin-bottom: 5px;
}

.project-single h4 {
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 5px;
	margin-top: 6px !important;
}

.project-single h4.subtitle {
	font-size:22px; 
	margin-bottom: 30px;
	text-transform:none !important; 
}

.project-single h5 {
	text-transform:uppercase;
	font-size:17px; 
	font-weight:800;
	color:#20683D;
	letter-spacing:1px; 
	margin-bottom:15px; 
}

.backbutton {
	margin-top:25px; 
}

a.backbutton {
	text-decoration:none !important;
	background-color: transparent;
	display: inline-block;
  	padding: 4px 12px 6px 12px;
	font-weight:600;
	margin-bottom: 0;  
	font-size:15px !important; 
	line-height: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	text-transform:lowercase; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-decoration:none !important;
	border-radius:0 !important; 
	color:#000000 !important;  
	border: 2px solid #F5E513;
	background: linear-gradient(to right, #F5E513 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: bottom right;
	transition: all .4s ease-out;
}

a.backbutton:hover {
	color:#000 !important;
	background-position: bottom left;
}



/****  RFERENZEN/PROJEKTE AKTUELL LATEST  ***/
.projekte-latest.aktuell a .projekte-txt::after {
	content: "";
}




/****  AKTUELL LATEST  ***/

.aktuell-latest {
	height:100%;
	overflow:hidden;
}

.aktuell-latest a {
	display:flex !important;
	flex-direction:column;
	padding:20px;
	/*border:2px solid #F5E513; */
	height:100%;
	overflow:hidden;
	color:#000 !important; 
	background-size: 100% 200%; 
	background-image: linear-gradient(to bottom, #fff 50%, #F5E513 50%);
	transition: background-position .5s ease-in-out, color .5s ease-in-out;
}

.aktuell-latest .aktuell-txt {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.aktuell-latest h3 {
	font-size:26px;
	line-height:110%; 
	margin-bottom: 10px;

	font-size: 15px;
	font-weight: 800;
	text-transform:uppercase;
}

.aktuell-latest p:last-child {

}

.aktuell-latest p.button-standard {
	display: inline-flex;
	width: max-content; 
	font-size:13px !important; 
	position:relative;
	align-content: flex-end;
	margin-top: auto;
}

.aktuell-latest a:hover {
	background-position: 0 100%;
 	color: #000; 
}

.aktuell-latest .akt-teaser {
	font-size: 16px;
	font-weight: 400;
	line-height:140%; 
}

.bg-4 .aktuell-latest  p,
.bg-4 .aktuell-latest  h3,
.bg-4 .aktuell-latest  ul li {
	color:#111 !important; 
}



/****  AKTUELL LATEST 26.3.2025  ***
.aktuell-latest {
	height:100%;
	overflow:hidden;
}

.aktuell-latest a {
	display:block;
	padding:20px;
	height:100%;
	overflow:hidden;
	color:#000 !important; 
	background-color:#fff; 
}

.aktuell-latest .aktuell-txt {
	margin-top: 11px;
	display: flex;
	flex-direction: column;
	margin-top:11px; 
}

.aktuell-latest h3 {
	font-size:26px;
	line-height:110%; 
	margin-bottom: 10px;

	font-size: 15px;
	font-weight: 800;
	text-transform:uppercase;
}

.aktuell-latest p.button-standard {
	display: inline-flex;
	width: max-content; 
	font-size:13px !important; 
	position:relative;
	align-content: flex-end;
	margin-top:25px;
}

.aktuell-latest a:hover {
	background-position: 0 100%;
 	color: #000; 
}

.aktuell-latest .akt-teaser {
	font-size: 16px;
	font-weight: 400;
	line-height:140%; 
}



.bg-4 .aktuell-latest  p,
.bg-4 .aktuell-latest  h3,
.bg-4 .aktuell-latest  ul li {
	color:#111 !important; 
}
*/





/****  AKTUELL LIST ***/
.aktuell-list {
	padding-top:30px;
	padding-bottom:10px; 
	position:relative; 
}

.aktuell-list:before {
	content: "";
	position: absolute;
	width: calc(100% - 30px); 
	left: 15px;
	top: 0px;
	height: 2px;
	background-color:#F5E513;
}

.aktuell-lis:last-child {
	padding-bottom:20px;
}

.aktuell-list:last-child:after {
	content: "";
	position: absolute;
	width: calc(100% - 30px); 
	left: 15px;
	bottom: 0px;
	height: 2px;
	background-color:#F5E513;
}

.aktuell-list h3 {
	font-size: 17px;
	font-weight: 800;
	text-transform:uppercase;
	line-height:110%; 
	margin-bottom: 10px;
}

.aktuell-list .akt-teaser {
	font-size: 17px;
	font-weight: 400;
	line-height:140%; 
}

.aktuell-list .button-standard {
	font-size:13px !important;
}



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




/*** END ***/