#header{height: 645px; padding: 0 25px;}
#header-content{max-width: 680px;}

#headerimg {
    margin: 0 auto;
    width: 680px;
    box-sizing: border-box;
}


#navigation{right: 70px;top: 210px;left:unset;margin: 0 auto;width:fit-content;width: -moz-fit-content;}
#social{top: 215px;right:0px;}
#balkenwrap{max-width: 680px;pointer-events: none; top: 170px;}
#hintergrund{margin-top: 100px;width: 244px;height: 391px; left: 90px;}
#headerbox{width: 240px;top:80px;}
#headerbox h2{font-size: 22px;}
#headerbox h4{font-size: 14px;}
.headerbalken{height: 355px;}

#navigation li a{font-size: 12px;}
#navigation li {padding: 0px; margin-left: 0px;}

#content{width: 680px;}
.content-startpage {padding: 0px 25px 70px 25px !important;}
#greenstart{right: -55px;}


#formularwrap{width: 630px;height:750px;position: relative;}
#left input{width:100%;}
#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: calc(100% - 20px);}
#right h4{width: 270px;}
#go{width: 270px;}

#left {
    width: 48%;
    float: left;
}
#mid {
    position: relative;
    width: 48%;
    float: right;
    margin: 0 auto;
    left: unset;
}
#right {
    margin-top: 0;
    position: relative;
    right: unset;
    width: 100%;
    float: left;
}

#planungsboxen{width: 720px;}
.box{width: 270px;}
.box h1{margin-bottom: 20px;font-size: 22px;}
.textbox {height: 240px;}
.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;}

.imgbox img {height: 200px!important;}
.textbox {height: 185px;}

#footer-content{width: 900px;}



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




#footer{margin-top: 555px;}
#square{height: 920px;}
#footer-content{width: 700px;}
#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{top:340px; margin-right: 20px;}
#balken5{top:290px;}
#balken6{top:240px;}
.headerbalken {height: 250px;}

#headerimg2 {display: none;}
#starttext {margin-top: 80px;}

#startimg {left: unset;margin-top: -55px; padding-right: 10px; box-sizing: border-box;}
#starttext {padding-left: 10px; box-sizing: border-box;}

#greenstart {right: 34px;width: 95%;height: 215px;top: 120px;}
#startimg img {position: relative;width: 100%;}
#content {max-width: 925px;}


#smallheadertext {display: none;}
#formularwrap #mid .space h4 {display: none;}
#ort {margin-bottom: 20px!important;}

#formbackground {
    width: 670px;
    height: 775px;
    top: 40px;
}



#zuruckdiv{right: 80px; bottom: -50px;}
#weiterdiv{right: 30px; bottom: -50px;}
.slick-list {margin-left: 45px !important;}
#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: 301px;}
#upperfooter { width: 675px;}
#kontaktright {width: calc(100% - 50px);}
#kontaktleft {width: calc(100% - 50px);}
#kontaktleft input { width: 290px;}
#kontaktleft textarea {width: 610px;}
#senden {width: 305px;}
#footer {height: 390px;}
#footer-content {width: 675px; height: auto;}
#footer-navigation {right: -10px; bottom: -40px;}

#footerimges {width: 38%;}

#videocontainer {display: none;}
#extraimagecontainer {display: none;}
#formularüber {width: 680px; margin: 0 auto;}
#left .space h4 {display: none;}
#left .space {height: 50px;}
#left input {width: 100%;box-sizing: border-box;}

#projectcontact.custom-select {width: 100%;}
.blockspacer {display: none;}
#right {margin-top: 0px;}
#kontaktleft .custom-select .select-selected {width: 305px;}
#leftwrap .custom-select {float: left;width: 305px;}
.box h4 {font-size: 14px;}


#content table tr td  {width: 100%!important; float: left;}
#content {padding: 50px 50px 30px 20px;}
#right h4 {display: none;}

#footer {
    height: 520px;
}


#right .g-recaptcha {left: -30px; float: left;}
#formularwrap {height: 825px; }
#formbackground {height: 850px;}
#showcookie2 {padding-left: 0px; margin-left: -23px;}


#balkenwrap .headerbalken {display: none;}
#hintergrund {left: 20px;}

#second_headerbox {
    left: 350px;
    width: 255px;
    top: 140px;
}

#second_headerbox p {

    text-shadow: 2px 2px 5px #000000;
    font-size: 18px;
    margin-bottom: 25px;

}

#second_headerbox .icon_line {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 45px;

}

/* drei gleich breite Spalten */
#second_headerbox .icon_line .header_icon {
    flex: 0 1 auto;          /* nicht wachsen, bei Bedarf schrumpfen, breite nach Inhalt */
    box-sizing: border-box;
    text-shadow: 2px 2px 5px #000000;
    background-size: contain; background-position: 0% 50%; background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
}


a.terminbutton {
    padding: 10px 20px;
    font-size: 18px;
}


.icon_line {
    flex-direction: column;
    gap: 10px;
}
.icon_line .header_icon {
    width: 100%;
    flex: none;
}



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