@charset "utf-8";
.backgroundImage { color:#ffffff; background-size:cover;
background-position:center;
background-attachment:fixed;}
.width50 { width:48%; float:left; margin-right:1.8%;}
.width25 { width:23%; margin-left:1.8%; float:left;}
.col_4_12 { }
.width75 { width:73%; margin-left:1.8%; float:left;}
.fadeIn { }
.fadeInRight { }
.fadeInLeft { }
.fadeInUp { }
.clear { }
.minHight90vh {     min-height:90vh;
    width: 100%;}
.grauerHintergrund { color:#ffffff; background-color:#4f4f4f; padding:25px;}
.AbstandObenUnten { margin-top:65px;
margin-bottom:65px;}
.weisserHintergrund { color:#030303; background-color:#ffffff; }
.minHeight100vh { min-height:calc(100vh - 60px);}
.BlauerTextHintergund { color:#ffffff; background-color:#345066; padding:25px;}
.BlauerHintergrund { color:#ffffff; margin-top:40px;
margin-bottom:40px;
padding-top:40px
padding-bottom:40px
position:relativ;
display:block;
}

.BlauerHintergrund:before {
position: absolute;
top: -35px;
left: 0;
right: 0;
bottom: 0;
background-color: #345066;
transform: skew(0deg, -2deg);
width: 100%;
height: calc(100% + 70px);
}

.BlauerHintergrund:after {
position: absolute;
top: -35px;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(52,80,102,0.5);
transform: skew(0deg, 2deg);
width: 100%;
height: calc(100% + 70px);
z-index:-1;
}
#content .BlauerHintergrund h1,
#content .BlauerHintergrund h2,
#content .BlauerHintergrund h3,
#content .BlauerHintergrund h4,
#content .BlauerHintergrund h5,
#content .BlauerHintergrund h6,
#content .BlauerHintergrund a {
color:#fff;}
.Button { color:#ffffff; background-color:#e94f1d; display:inline-block;
float:right;
font-style: italic;
}
.Button a {
display:inline-block;
color:#fff;
padding:15px 25px;
font-size:110%;
cursor:pointer;}
.HintergundbildCenter { background-size:cover;}
.TransparenterWeisserHintergrund { background-color:rgba(255,255,255,0.65);
padding:35px;
margin-top:60px;
margin-bottom60px;}
.Hintergrundbild1300pxNoRepeat { background-repeat: no-repeat;
background-position: center;
background-size: 1300px;}
.Padding15vh { padding: 15vh 0 15vh 0;
min-height: 61vh;}
.BlauerHintergrundInvert { color:#ffffff; margin-top:40px;
margin-bottom: 40px;
padding: 80px 0px;
}
.BlauerHintergrundInvert:before {
position: absolute;
top: -35px;
left: 0;
right: 0;
bottom: 0;
background-color: #345066;
transform: skew(0deg, 2deg);
width: 100%;
height: calc(100% + 70px);
}

.BlauerHintergrundInvert:after {
position: absolute;
top: -35px;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(52,80,102,0.5);
transform: skew(0deg, -2deg);
width: 100%;
height: calc(100% + 70px);
z-index:-1;
}
#content .BlauerHintergrundInvert h1,
#content .BlauerHintergrundInvert h2,
#content .BlauerHintergrundInvert h3,
#content .BlauerHintergrundInvert h4,
#content .BlauerHintergrundInvert h5,
#content .BlauerHintergrundInvert h6,
#content .BlauerHintergrundInvert a {
color:#fff;}
.SchnittBackground { background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
padding: 75px 0 !important;
margin: -75px 0 !important;
}
.SchnittBackground:hover {
z-index:5;}
.weisserText { color:#ffffff; } 
#content .weisserText h1,
#content .weisserText h2,
#content .weisserText h3,
#content .weisserText h4,
#content .weisserText h5,
#content .weisserText h6,
#content .weisserText p,
#content .weisserText a {
color:#fff;
text-shadow: 0 0 7px rgba(0,0,0,0.9);}
.minHeight50vh { min-height:50vh;}
.minHeight75vh { min-height:75vh;}
.boxSlideDown { }
.projektNetzBgLeft { background-repeat: no-repeat;
background-position: left;
background-size: contain;}
.projektNetzBgLeftBottom { background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;}
.projektNetzBgTopLeft { background-repeat: no-repeat;
background-position: left top;
background-size:  35%;}
.marginTopDrunter { margin-top:-50px !important;
z-index: -1;
}
.marginTopDrunter:hover {
z-index: 2;}
.backgroundPosTop { background-position: top center !important;}
.HellGrauerHintergrund { background-color:#cecece; padding:25px;
/*word-break: break-all;*/
min-height:400px;
}
.HellGrauerHintergrund:hover {
background-color: #b7b61f;
color: #fff;}
.flex { }

.flex > div{
display: flex;
flex-wrap: wrap;}