#header{height: 690px;}
#header-content{max-width: 900px;}
#headerimg{margin: 0 auto;max-width: 900px; height: 645px;}
#navigation{right: 70px;top: 90px;left:unset;margin: 0 auto;width:fit-content;width: -moz-fit-content;}
#social{top: 100px;right:0px;}
#balkenwrap{max-width: 900px;pointer-events: none; top: 105px;}
#hintergrund{margin-top: 114px;width: 244px;height: 391px; left: 176px;}
#headerbox{width: 240px;top:80px;}
#headerbox h2{font-size: 22px;}
#headerbox h4{font-size: 14px;}
.headerbalken{height: 355px;}

#navigation li a{font-size: 12px;}

#content{max-width: 900px;}
#greenstart{right: -55px;}
#startimg{left: -80px;margin-top: -55px;}

#formularwrap{width: 900px;height:530px;position: relative;}
#left input{width:100%; box-sizing: border-box;}
#mid{position: absolute;left: calc(50% - 135px);width: 270px;}
#mid input{width:calc(100% - 10px);margin-bottom: 0px;}
#mid h4{width: 100%;}
#mid .custom-select{width: 100%;}
#right{position: absolute;right: 35px;margin-top: 0;width: 270px;}
#right textarea{width: 250px;}
#right h4{width: 270px;}
#go{width: 270px;}

#planungsboxen{width: 900px;}
.box{width: 270px;}
.box h1{margin-bottom: 20px;font-size: 22px;}
.textbox {height: 190px;}
.textbox h4{width: 100%;margin-top: -15px!important;}
.green{top:40px;width: 98%; height: 445px;}
.textbox a{bottom: 22px;}
#projektewrap{width: 900px;}
.projekteslider{width: 600px;}
.projekteslider div{margin-right: 10px;}




#navigation li {padding: 3px; margin-left: 0;}


li h4 {text-align: left;}
#headerbox ul {margin-left: 8px;}




#footer{margin-top: 555px;}
#square{height: 920px;}

#footer-navigation{right: 0px;}

.CSVclass #headerimg{height: 450px!important;margin-top: 130px;}

.alternate{background-size:100% 50%!important; background-position:50% 50%!important;}

#triwrap{max-width: 900px;
    margin: 0 auto;
    top: 290px;
    position: absolute;
    left: 0;
    right: 0;
    height: 400px;}
#upperleft{width: 0;
    height: 0;
    border-style: solid;
    border-width: 90px 400px 0 0;
    border-color: #EEEEEE transparent transparent transparent;}
#lowerleft {width: 0;
    height: 0;
    border-style: solid;
    border-width: 120px 0 0 900px;
    border-color: transparent transparent transparent #EEEEEE;position: absolute;
    bottom: 0;}

#virtuellbtn {
    background: #BED957;
    width: 215px;
    height: 80px;
    position: absolute;
    margin: 0 auto;
    left: -300px;
    bottom: -35px;
    right: 0;
    color: white;
    font-family: Avenir Next Bold;
    text-align: center;
    z-index: 9999;
}

#virtuellbtn1 {
    background: #BED957;
    width: 215px;
    height: 80px;
    position: absolute;
    margin: 0 auto;
    left: 200px;
    bottom: -35px;
    right: 0;
    color: white;
    font-family: Avenir Next Bold;
    text-align: center;
    z-index: 9999;
}


#right h4{width: auto; margin: 12px 0 0 0px!important;}

#balken1{margin-left: 20px;top:130px;}
#balken4{margin-right: 20px;top:580px;}

#headerimg2 {position: absolute;width: 380pX;left: 340px;margin-top: 0px;}
#starttext {margin-top: 80px;}

.content-startpage {padding: 0px 75px 70px 90px !important;}
#content {padding: 0px 95px 30px 35px !important;}
#startimg {left: unset;margin-top: -55px;}

#greenstart {right: 50px; width: 100%;}
#startimg img {position: relative;right: 25px;width: 100%;}
#content {max-width: 925px;}

#smallheadertext {display: none;}
#formularwrap #mid .space h4 {display: none;}
#ort {margin-bottom: 20px!important;}
#projektintresse {margin-right: -10px;}
#formbackground {width: 920px;height: 415px;top: 40px;}



#zuruckdiv{right: 80px; bottom: -50px;}
#weiterdiv{right: 30px; bottom: -50px;}
.slick-list {margin-left: 45px !important;}
#formularwrap {width: 875px; height: 395px;}
#hintergrund {margin-top: 125px;width: 240px;height: 391px;left: 105px;}
#headerbox h2 {color: white !important; line-height: 30px;}
#headerbox h4 {text-align: left; margin: 12px 0 0 0;}
#right {margin-top: -50px;}


#projektintresse {margin-right: 0px;width: 180px;}
#upperfooter { width: 810px;}
#kontaktright {width: calc(100% - 50px);}
#kontaktleft {width: calc(100% - 50px);}
#kontaktleft input { width: 358px;}
#kontaktleft textarea {width: 745px;}
#senden {width: 374px;}
#footer {height: 420px;}
#footer-content {width: 810px; height: auto;}
#footer-navigation {right: -10px; bottom: -50px;}

#footerimges {width: 26%;}

.zertimg {width: 100%; max-width: 250px;}
#videocontainer {width: 425px; left: 440px; top: 125px;}
#extraimagecontainer {width: 425px; left: 440px; top: 125px;}


#headerimg2 {position: absolute; width: 250pX;left: 0px; top: -130px;}

#left .space h4 {display: none;}
#left .space {height: 50px;}
#projectcontact.custom-select {width: 100%;}
#kontaktleft .custom-select .select-selected {width: 372px;}
#leftwrap .custom-select {width: 372px;}
.imgbox img {height: 200px;}


/*
#kontaktright {width: 450px;}
#kontaktleft textarea {line-height: 40px; height: 40px; width: 435px; margin-bottom: 0;}
#kontaktleft input {width: 202px;}
#kontaktleft {height: 325px;width: 100%;box-sizing: border-box;}
#gmap {bottom: 6px; left: unset; width: 165px; background-position: 85% 50%;}
#senden {background-position: 80% 50%;}
*/

#right h4 {display: none;}
#right .custom-select {width: 270px;}


#footer {
    height: 520px;
}

#right .g-recaptcha {left: 0px;}
#formularwrap { height: 460px; }
#formbackground {height: 485px;}
#showcookie2 {padding-left: 0px; margin-left: -25px;}


#second_headerbox {
    width: 450px;
    height: auto;
    z-index: 500;
    left: 420px;
    top: 120px;
    position: absolute;
    pointer-events: all;
    color: #fff;
}



.pagetitle {font-size: 40px; margin-top: 50px!important;}
.flexbox_flexitem {font-size: 30px;}
.linetext {font-size: 30px;}