* {margin:0;padding:0;}
html,body {height:100%; background: #eee;   z-index: -50; position: relative;}
html{scroll-behavior: smooth;}

.rotate{transform: rotate(180deg);}

.content-startpage .width_3{width: 50%;}
.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.contentContainer p {margin:20px 0;}
.contentContainer h3 {width: 100%; text-align: center; display: block;}
.contentContainer h2 {width: 100%; text-align: center; display: block; color: #BED957;}

#content p {margin:30px 0; line-height: 26px;}
.contentContainer ul {margin-left: 15px; }
.contentContainer ul li {padding-bottom: 15px;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:arial;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#BED957;color:#fff;}
*::selection {background-color:#BED957;color:#fff;}

.ofRow {position:absolute;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('https://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}
.extrawidth_2_1 {width: 60%; box-sizing:border-box;}
.extrawidth_2_2 {width: 40%; box-sizing:border-box;}

/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;}
#header {position:relative;width:100%;height:880px;margin:0;padding:0px 0 0 0;box-sizing:border-box;z-index:5;padding-top: 15px;}
#header-content {position:relative;width:100%;max-width:1440px;height:100px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#header-content #logo {position:relative;max-height:280px;margin:0 0 0 0;padding:0;max-width: 200px;}
#headerimg{background-position: center; background-repeat: no-repeat; background-size: contain;height: 775px;width: 100%; position: relative; margin-top: 50px;}
#content {position:relative;width:100%;max-width:1440px;margin:0 auto;padding:50px 250px 70px 250px;box-sizing:border-box;font-family:Avenir Next Medium;font-weight:normal;}
.content-startpage{padding:120px 250px 100px 250px!important;}
#footer {position:relative;width:100%;height:340px;padding:0;z-index:-1;margin-top: 250px;}
#footer-content {position:relative;width:100%;max-width:1280px;height:290px;margin:0 auto;padding:0 10px;box-sizing:border-box;}

#headerimg2 {position: absolute; width: 300pX;left: 0px; top: -150px;}
#headerimg3 {position: relative; width: 300pX; }
.header2img {width: calc(50% - 20px); height: auto; float: left;}
#img1 {margin-top: 20px; margin-right: 30px;}
.contentbottable td:first-child {padding-right: 50px;}

#smallheadertext {position: absolute; color: #B4D23D; font-size: 20px; transform: rotate(-12.6deg);margin-top: 80px;font-weight: bold; margin-left: 70px;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:10px;top:185px;height:30px;background:red;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;top:25px;right:80px;list-style:none;margin:0;padding:0;height:50px;z-index: 999;}
#navigation li {position:relative;float:left;padding:5px;box-sizing:border-box;height: auto; margin-left: 20px;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-size:15px;text-transform:uppercase;color:#7E7E80;padding:10px;font-family: "Avenir Heavy";}
#navigation li.active > a {color:#fff;padding:10px;background-color: #BED958;}
#navigation li:hover > a {text-decoration:none;color:#fff;padding:10px;background-color: #BED958;border-bottom: 1px solid white;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#ddd;min-width:fit-content;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;}
#navigation li ul li a {font-size:14px;font-weight:normal;padding: 15px 15px; text-transform:uppercase;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li ul li.active > a {padding:15px;}
#navigation li:hover > ul {display:block;}
#navigation li ul li:hover > a {padding: 15px 15px;border-bottom: none;}

/*FOOTERNAVIGATION*/
#footer-navigation {position: absolute; right: 0px; bottom:-10px;font-family: "Avenir Heavy";}
#footer-navigation li {float: left; list-style-type: none; margin-left: 15px;}
#footer-navigation li a {text-transform: uppercase;color:white;}
#footer-navigation li:hover a {text-decoration: none; color: #7E7E80;}


/*BACKTOTOP*/
#backtotop {width: 90px; height: 90px; background: #000; position: fixed; right: 20px; bottom: 150px; z-index: 500; display: none; line-height: 90px; text-align: center; cursor: pointer; color: #fff;}


/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#7E7E80;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#7E7E80;}
.newsContentText a{font-style:normal;text-decoration:none;color:#fff;}
.allebtn{color:#fff;background-color: #BED957!important;font-family: "Avenir Next Bold";background: url("../../images/arrow_white.svg")no-repeat;background-size: 25px;background-position:95%;padding:10px 75px 10px 10px;margin-top:25px;position: relative;top: 25px;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}


/*RESSOURCES*/
.resource-thumbnail {padding: 20px;}
.resourcedetail-thumbnail {padding: 20px;}


/*PRODUTCS*/
.productImage {margin-bottom: 20px;}
.productDetailHeadLeft {margin-bottom: 20px;}
.productGroupImage {margin-bottom: 20px;}

/*EVENTS*/
.event-detail-thumbnail {margin-bottom: 20px;}


/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px;color:#7E7E80;background:#fff;border:1px solid #7E7E80;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;font-family: "Avenir Next Medium";font-size: 10px;}
.formRow textarea {position:relative;float:left;width:280px;height:105px;color:#7E7E80;background:#fff;border:1px solid #7E7E80;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;font-family: "Avenir Next Medium";font-size: 10px;}
/* BUTTONROW */
.buttonRow input   {transition:all 0.2s ease-in-out;position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#7E7E80;background:#BED957;border:none;margin:0;padding:7px 10px;box-sizing:border-box;font-family: "Avenir Next Italic";}
.buttonRow a.button{position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#7E7E80;background:#BED957;border:none;margin:0;padding:7px 10px;box-sizing:border-box;font-family: "Avenir Next Italic";}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}

#social{float: right;top:40px;position: relative;}
#twitter{display:none;background: url("../../images/twitter.svg")no-repeat center;background-size: contain;}
#facebook{background: url("../../images/awesome-facebook-f.svg")no-repeat center;background-size: contain;}
#insta{display:none;background: url("../../images/instagram.svg")no-repeat center;background-size: contain;}
#whatsapp{background: url("../../images/simple-whatsapp.svg")no-repeat center;background-size: contain;}
.sociallogo{margin-left: 10px;height:20px;width: 20px;float:left;}

#balkenwrap{width: 1400px;position: absolute;top: 125px;left: 0;right: 0;margin: 0 auto;height: 500px; pointer-events: none;}
.headerbalken{width: 5px;height:555px;background: #BED958;margin-right: 15px;position: relative;}
#balken1{margin-left: 25px;top:130px;}
#balken2{top:180px;}
#balken3{top:230px;}
#balken4{margin-right: 25px;top:580px;}
#balken5{top:530px;}
#balken6{top:480px;}

#hintergrund{background: url("../../images/Grün_oben.svg")no-repeat;background-size: cover;width: 305px;height: 469px;position: absolute;left: 130px;margin-top: 150px;padding: 0 30px; pointer-events: all;}
#headerbox{width:305px;height: 320px;position: relative;top:115px;}
#headerbox h2{color:white!important; line-height: 40px; font-size: 24px;}
#headerbox h4{color:white!important;}
#headerbox a{color:white!important;text-decoration: none;background: url("../../images/arrow_white.svg")no-repeat right 3px;background-size: 25px;padding:5px 30px 5px 0px;font-family: "Avenir Next Bold"; background-position: 100% 45%;}

#second_headerbox {

    width: 550px; height: auto; z-index: 500; left: 550px; top: 150px; position: absolute; pointer-events: all;
    color: #fff;

    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    padding-bottom: 10px;
    padding-bottom: 30px;

}

#second_headerbox p {

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

}


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

}

/* 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: 40px;
    line-height: 35px;
    font-size: 20px;

}

#second_headerbox .icon_line .header_icon.blitz {background-image: url(../../../uploads/blitz.png); padding-left: 40px; }
#second_headerbox .icon_line .header_icon.ziel {background-image: url(../../../uploads/ziel.png); padding-left: 40px;}
#second_headerbox .icon_line .header_icon.haus {background-image: url(../../../uploads/haus.png); padding-left: 40px;}


a.terminbutton {
    background: #E0EE90;
    background: linear-gradient(175deg,rgba(224, 238, 144, 1) 0%, rgba(190, 217, 87, 1) 100%);
    padding: 15px 25px;
    font-size: 22px;
    color: #fff;
    transition: all 800ms;
    text-decoration: none;
    font-weight: bold;
}

a.terminbutton:hover {
    background: linear-gradient(355deg,rgba(224, 238, 144, 1) 0%, rgba(190, 217, 87, 1) 100%);
}

.pagetitle {font-size: 55px; text-align: center;}

.flexbox {width: 100%; display: flex; flex-wrap: nowrap; margin-top: 25px; margin-bottom: 25px;}
.flexbox_flexitem {flex: 50% 0 0; box-sizing: border-box; text-align: center; font-size: 35px;}
.flexbox_flexitem.cgreen {color: #BED957;}
.flexbox_flexitem.cgray {}

.greenline {width: 100%; height: 5px; background: #BED957;}
.grayline {width: 100%; height: 5px; background: #7e7e80; margin-bottom: 50px;}
.linetext {font-size: 40px; text-align: center; font-family:'Avenir Next Bold'; margin-top: 25px; margin-bottom: 15px;}
.fullrowvideo {margin-bottom: 50px;}


#startimg{margin-top:-95px;position: relative;margin-bottom: 30px; hyphens: auto;}
#greenstart{width: 400px;height:285px;background: url("../../images/Rechteck11.svg"); position: absolute;top:110px; z-index:-1;}
#starttext {margin-top: 40px; position: relative;}

.startpagelist ul {
    list-style: none; /* Remove default bullets */
}

.startpagelist ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #BED957; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 25px; /* Also needed for space (tweak if needed) */
    height: 30px;
    margin-left: -22px; /* Also needed for space (tweak if needed) */
    font-size: 34px;
    top: 6px;
    position: relative;
    line-height: 20px;
}

#formularüber {margin-top: 0px;}
#formularüber h1{text-align: center;}
#formularüber h3{text-align: center; font-size: 36px; font-weight: bold;}
#planungsueber h3{text-align: center; font-size: 36px; font-weight: bold;}
#formularüber h4 {text-align: center; font-size: 24px;  font-family:Avenir Next Bold;}
#formularüber h5 {text-align: center; font-size: 24px;}
#formularwrap{width: 1180px;height: 400px;background:#F4F4F4;margin: 40px auto 110px;padding:25px;position: relative; margin-bottom: 90px;}
#formularwrap h4 {margin: 0 0 15px 0;}
#radio{height: 50px;margin-left: 2px;}
#radio input {margin-right: 5px;top: 2px;position: relative;}
#radio label {margin-right: 9px;position: relative;top: 2px;font-family:Avenir Next;font-size:14px;color:#7E7E80;}
#radio h3 {color:#BED957;text-align: center;margin: -30px 0 0 0;line-height: 20px;}
#radio h6 {text-align: center;}
#left{width: 30%;float:left;}
#left input{height: 40px;width: 345px;margin-bottom:20px;border: none;font-family:Avenir Next;font-size:14px;padding-left: 10px;}
#left h3{margin: 0;color:#BED957;}
#mid{width: 30%;margin: 0 auto;}
#mid input{height: 40px;width: 345px;margin-bottom:20px;border: none;font-family:Avenir Next;font-size:14px;padding-left: 10px;}
#left h4{font-size:14px;color:#7E7E80;float: left;margin: 12px 0 0 0px; text-align: left!important;}
#mid h4{font-size:14px;color:#7E7E80;float: left;margin: 12px 0 0 15px;width: 32%;}
#right{width: 30%;float:right;margin-top: -410px; }
#right h4{font-size:14px;color:#7E7E80; float: left;margin: 12px 0 0 15px;width: 32%;}
.radiowrap{display: flex;flex-wrap: wrap;align-content: center;}
#right input{margin-right: 10px;}
#right label{margin-right: 24px;position: relative;font-family:Avenir Next;font-size:14px;color:#7E7E80;}
#right textarea{border: none;resize: none;width: 330px;height: 80px;padding: 10px;margin:20px 0; font-size: 14px; font-family:Avenir Next;margin-bottom: 25px;}
#go{width: 350px;padding:10px 40px 10px 10px;height: 40px; margin-top: -4px;  background-color: #BED957!important;color:#fff;text-align: center;background: url("../../images/arrow_white.svg")no-repeat right;background-size: 30px;font-family:Avenir Next bold;font-size:16px;border: none; background-position: 65% 50%;}
.pfeil{display:block;width: 40px;background: url("../../images/arrow_white_1.svg")no-repeat center;background-size:20px;background-color:#BED957;height:40px;pointer-events: none;position: absolute;right:0px;z-index: 1;}
.space{height: 60px;}
#gcaptcha{display: block;position: absolute;right: 0px;bottom:20px;}
.blockspacer {width: 100%; height: 50pX;}
#formbackground {width: 1225px; height: 420px; position: absolute; background: #B4D23D; top: 40px; z-index: -1;}
#projektintresse {margin-right: 5px;}
#formularwrap input[type="checkbox"] {width: 32px; height: 32px; outline: solid 4px #BED957; float: left;}
#left #projectdesc {margin-bottom: 5px!important;}

/*
#formularwrap input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #B4D23D;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #B4D23D;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
#formularwrap input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
}

#formularwrap input[type="checkbox"]:checked::before {
    transform: scale(1);
}
*/

.istocheck {padding-top: 0px;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BED957;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BED957;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #BED957;
}



#formularwrap input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}

#formularwrap input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}
#formularwrap input::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}


/* The container must be positioned relative: */

#projectcontact.custom-select {width: 195px;}

.custom-select {
    position: relative;
    font-family: "Avenir Next";
    height: 40px;
    transition: all .2s ease-in-out;
    width: 210px;
    float:right;
}
.custom-select select {
    display: none; /*hide original SELECT element: */
}
.select-selected {
    background-color: white;
}
/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
    transform: rotate(0deg);
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #BED957;
    padding: 12px 30px 19px 16px;
    cursor: pointer;
    z-index: 99;
    font-family: "Avenir Next";
    font-size: 14px;
    height: 40px;
    box-sizing: border-box;
}
#selectbox4,#selectbox3{
    padding: 13px 30px 10px 16px;
    height: auto;
}
/* Style items (options): */
.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: left;
    font-family: "Avenir Next ";
    overflow-y: auto;
    max-height: 130px;
    margin-top: 0px;
    -webkit-box-shadow: 0px 30px 30px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 30px 30px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 30px 30px -15px rgba(0,0,0,0.75);
}
/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

#planungsboxen{width:1265px;margin:40px auto 60px;height: 500px;}
#planungsboxen .slick-slide{height: 500px;}
.box{height: 340px;position: relative;z-index: 9;margin-right: 50px;}
.box h1{margin-bottom: 10px;font-size: 27px;}
.box h4{color:#7E7E80; font-size: 18px;}
.textbox{background: #F4F4F4;padding:25px;margin-top: -10px;height: 250px; hyphens: auto;
    text-align: justify;}
.textbox h1 {font-family: "Avenir Next Bold"; text-align: center; font-size: 24px;}
.textbox a{transition:all .2s ease-in-out;position: absolute;bottom: 10px;right: 0px;padding-right: 35px;color:white;font-family: "Avenir Next Bold";background: url("../../images/arrow_white.svg")no-repeat right;background-size: 25px;background-position: 98%;}
.textbox a:hover{transform: scale(1.1);}
.green{width: 300px;height: 420px;background: #BED957;position:absolute;top:80px;right:-20px;z-index: -5;}

#zuruck{transform: rotate(90deg);width: 40px;}
#zuruckdiv{position: absolute;bottom: -50px;right: 100px;transition: all .2s ease-in-out;}
#zuruckdiv:hover{cursor: pointer;transform: scale(1.2);}
#weiter{transform: rotate(270deg);width: 40px;}
#weiterdiv{position: absolute;bottom: -50px;right: 50px;transition: all .2s ease-in-out;}
#weiterdiv:hover{cursor: pointer;transform: scale(1.2);}

#projektewrap{height: 500px;width:1265px;margin: 150px auto 0 auto;overflow: hidden;}
.projektbox{height: 375px;position: relative;}
.projekte{height:350px;}
.projekttitle{position: absolute;bottom: -2px;left:10px;color:white;font-family: "Avenir Next Bold";text-transform: uppercase;font-size: 12px;}
.projekteslider{width: 880px;float:right;}
.projekteslider .slick-slide{height: 375px;}
#projektetext{width: 280px;float:left;}
#prev{transform: rotate(180deg);}
#nextdiv{position: absolute;right: 15px;top:375px;transition: all .2s ease-in-out;}
#nextdiv:hover{transform: scale(1.2);cursor: pointer;}
#prevdiv{position: absolute;right: 65px;top:375px;transition: all .2s ease-in-out;}
#prevdiv:hover{transform: scale(1.2);cursor: pointer;}

#upperfooter{width: 1265px;margin: 0 auto;}

#kontaktleft {
    width: calc(50% - 50px);
    background: #7E7E80;
    height: 450px;
    padding: 25px;
    float: left;
    position: relative;
}
#kontaktleft h1 {
    font-family: Avenir Next Bold;
    font-weight: normal;
    font-size: 24px;
    color: #BED957;
    padding: 0;
    text-align: left;
    padding-bottom: 15px;
}

#leftwrap .custom-select {float: left; width: 283px;}
#kontaktleft .custom-select .select-selected {width:283px;}
#kontaktleft .custom-select .select-items {margin-top: 0px;width: 285px;max-height: 75px;}
#kontaktleft h4{color:white;font-size: 16px;margin: 0 0 15px 0;}
#kontaktleft input{height: 40px;width: 268px;border:none;margin-bottom: 15px;padding-left: 15px;font-family: "Avenir Next";font-size: 14px;}
#kontaktleft textarea{height: 80px;width: 567px; line-height: 40px; border: none;resize: none;padding: 0px 0 0 15px;font-family: "Avenir Next";font-size: 14px; margin-bottom: 15px;}
#interesse{position: relative;}
#kontaktleft .select-selected{padding:15px 16px 12px 16px;width: 228px;}
#kontaktleft .select-items{margin-top: -4px;width: 260px;max-height: 75px;}
#vor{float:right;}
#mail{float: right;}
#senden{background-color: #BED957!important;width: 283px; font-size: 16px; height:40px;float:right;position: relative;border: none;text-align: center;padding: 0 30px 0 15px;font-family: "Avenir Next Bold";background: url("../../images/arrow_white.svg")no-repeat right;color:#fff;background-position: 70% 50%;}


#kontaktright{position: relative;background:#fff;height:450px;padding:25px;float:left;width: 580px;}
#kontaktright a{text-decoration: none;cursor: pointer;color:#7E7E80;}
#kontaktright h4{margin: 0;color:#7E7E80;}
#kontaktright h2{margin-top: 4px;}
#kontakttop{position: relative;top:55px; font-family: "Avenir Next Medium"; font-size: 18px;}
#kontaktbot{position: relative;top:75px;  font-size: 18px;}
#gmap{background-color: #BED957!important;position: absolute; color: #fff; text-align: center; width: 250px;padding: 4px 40px 0 10px;background: url("../../images/arrow_white.svg")no-repeat right;background-position: 75% 50%; right: 0;font-size: 14px;margin-top: 20px;}
#kontaktbot a {color: #fff;}
.footerstyle {font-size: 20px; color: #7E7E80;}
#kontaktcontent { font-family: "Avenir Next Medium"; font-size: 18px; color: #fff; width: 80%; margin-bottom: 35px; position: relative; margin-top: 10px;}
#footerimges {width: 35%; position: absolute; z-index: 0; top: 25pX; right: 25px;}
.footerimg {width: 50%; float: right;}

#bottomwrap{position: absolute;bottom: 0px;overflow: hidden;width: 100%;z-index: -5;}
#triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 940px solid #BED957;
    border-left: 5000px solid transparent;
}
#square{width: 100%;height:635px;background: #BED957;}
body button{cursor: pointer;}
.grecaptcha-badge{z-index: 9;bottom: 70px!important; display: none;}
#stats{width: 85%;margin: 0 auto;margin-bottom: 50px;overflow-x: auto;}
#statstab{width: 100%;border-collapse: collapse;}
#statstab td{text-align: center;border:1px solid #BED957;padding: 5px;min-width: 50px;}
#statstab th{border: 1px solid #BED957;padding: 5px;}
#statstab input{position: relative;left: -2px;}
#statstab label{position: relative;left: 3px;top:2px;}
#csv{width: 680px;margin: 0 auto;margin-bottom: 150px;}
.csvbtn{width: 200px;background: #BED957;color:#7E7E80;font-family: "Avenir Next Medium";font-size: 14px;padding:15px;margin-top: 50px;}
#csv a{margin-right: 25px}


#logoextansion {position: absolute;}
#logoextansion h6 {font-size: 14px; color: #7E7E80;}

#formularwrap h6 {font-size: 20px;}

.green {color: #BED957;}
.gray {color: #7E7E80;}
/*
#leftborder {background: url("https://www.3d-gebaeudescan.de/templates/images/border.png"); left: 0; top: 0; bottom: 0; width: 15px; position: absolute; background-repeat: repeat-y;}
#rightborder {background: url("https://www.3d-gebaeudescan.de/templates/images/border.png");  right: 0; top: 0; bottom: 0; width: 15px; position: absolute;}
*/

.CSVclass #headerimg{height: 650px!important;}

/* WENN PROJEKTE SLIDER WIEDER ANGEZEIGT, DANN DIESE ZEILE LÖSCHEN */
#planungswrap{padding-bottom: 50px;}

.alternate{background-size:100% 80%!important; background-position:50% 50%!important;max-width: 1440px;margin: 0 auto;}
#downloadpdf{position: absolute;right: 20px;top: 20px;}

#triwrap{max-width: 1440px;
    margin: 0 auto;
    top: 175px;
    position: absolute;
    left: 0;
    right: 0;
height: 632px;}
#upperleft{width: 0;
    height: 0;
    border-style: solid;
    border-width: 145px 650px 0 0;
    border-color: #EEEEEE transparent transparent transparent;}
#lowerleft{width: 0;
    height: 0;
    border-style: solid;
    border-width: 175px 0 0 1440px;
    border-color: transparent transparent transparent #EEEEEE;position: absolute;
    bottom: 0;}

#virtuellbtn{background:#BED957;width: 215px;height: 80px;position: absolute;margin: 0 auto;left: -800px;bottom: 0;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: -300px;bottom: 0;right:0;color:white;font-family: Avenir Next Bold;text-align: center;z-index: 9999;}
#virtuellwhite{width: 120%;
    height: 115%;
    position: absolute;
    border: 1px solid white;
    padding: 0;
    margin: -7px -20px;
}


/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;top:0;left:0;right:0;background:rgba(240,240,240,0.98);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner  {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #BED957;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #BED957;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}

.cmsCookieChoiceBannerGroup {margin: 3px 20px 10px 0!important; width: 150px!important;}
#cmsCookieChoiceBannerTitle {position: absolute;}
#cmsCookieChoiceBannerText {max-width: 450px!important; position: relative; float: left; margin-right: 30px; margin-top: 25px;}
.cmsCookieChoiceBannerToolboxButtons {right: 70px!important; top: 25px!important; position: absolute; }


/* VIDEO CONTANIER */
#videocontainer {width: 725px; height: auto; z-index: 500; left: 535px; top: 150px; position: absolute; pointer-events: all;}
#videocontainer video {width: 100%; }


/* IMAGE CONTAINER */
#extraimagecontainer {left: 535px; top: 150px; position: absolute; width: 525px;}
#extraimagecontainer img {width: 100%;}

/* FOOTER */
#footerimages {position: absolute; right: 25px; width: 150px; top: 20px;}
.footerrightimg {position:relative; width: 100%;}


.zertimg {width: 100%; max-width: 350px;}

@media screen and (max-width: 1550px) {
    #cmsCookieChoiceBannerInner {width: 1250px!important;}
}


@media screen and (max-width: 1280px) {
    .cmsCookieChoiceBannerToolboxButtons {width: 300px; top: 15px!important;}
    #cmsCookieChoiceBannerInner {width: 80%!important;}
    .cmsCookieChoiceBannerToolboxButtons {right: 0!important;}
}
@media screen and (max-width: 1105px) {
    #cmsCookieChoiceBannerInner {width: 90%!important;}
}
@media screen and (max-width: 975px) {
    .cmsCookieChoiceBannerToolboxButtons {right: unset; top: unset; position: unset; }
}


/* COOKEIBANNER */
#Cookiebanner-Wrapper {width: 100%; min-height:  150px; background: rgba(240,240,240,0.9); position: fixed; bottom: 0; z-index: 500; padding: 0 50px; box-sizing: border-box;}
#cookieinner {max-width: 1500px; margin: 0 auto; height: 100%; color: #000;  padding: 25px;  box-sizing: border-box;}
#cookieinner h7 {font-size: 20px; font-weight: bold;}
.cookieoption {color:  #000; width: 250pX; height: 30px; float: left; text-align: center; line-height: 30pX; cursor: pointer;}
.acceptcookiebanner {background: #BED957; color: #fff; margin-right: 15px;}
.acceptcookiebanner:hover {background: #798f24; color: #fff;}
.declinebanner {background:#999;color:#fff;}
.declinebanner:hover {background:#7E7E80;color:#fff;}

#senden {float: left;}
#leftwrap .g-recaptcha {float: right; width: 49%; margin-bottom: 15px; transform: scale(0.8); height: 40pX; position: relative;left: -25px; top: -4px;}
#right .g-recaptcha {float: right;  margin-bottom: 15px; transform: scale(0.8); height: 40pX; position: relative;left: -80px; top: -10px;}
#footer {height:340px;}
#footer-content {;height:290px;}
#go {margin-top: 15px;}
#formularwrap { height: 460px; }
#formbackground {height: 485px;}
#showcookie2 {padding-left: 50px;}