@charset "utf-8";
@import url('https://www.agas-immobilien-makler.de/styles/fonts.css');
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


 body, div, dl, dt, dd, ul, ol, li, nav, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {
     font-family: "Source Sans 3", sans-serif !important;
     font-optical-sizing: auto;
     color : #fff;
     font-style : normal;
     font-weight : 400;
     margin : 0;
     padding : 0;
     border-width : 0;
     border-style : solid;
     border-color : transparent;
}
 @font-face {
     font-family: "Source Sans 3", sans-serif !important;
     font-optical-sizing: auto;
     font-style : normal;
     font-weight : 400;
}
 a.green {
     color: #fff !important;
}
 a.green:hover {
     color: #030606 !important;
}
 h2 {
     font-weight : 300;
     font-size : 35px;
     margin-bottom : 10px;
     color : #fff;
}
 h5 {
     font-size : 18px;
     font-weight : 400;
     line-height : 25px;
}
 span.small {
     font-size : 20px;
     font-weight : 400;
     color : #fff;
}
 span.supersmall {
     font-size : 17px;
}
 span.supersmall_senior, span.supersmall_senior_green {
     font-size : 21px;
     color: #fff;
     font-style: italic !important;
}
span.lp-arrow-agas {
     font-size : 23px;
     color: #ff9900;
}
 span.small_14 {
     font-size : 14px;
     font-weight : 400;
     color : #fff;
}
 span.small_16 {
     font-size : 16px;
     font-weight : 400;
     color : #fff;
}
 span.yellow {
     font-size : 18px;
     font-weight : 400;
     color : #FC0;
}
 p {
     font-size : 15px;
     font-weight : 400;
     color : #fff;
     line-height : 25px;
     margin : 25px 0 15px 0;
     hyphens : auto;
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     -o-hyphens: auto;
     -khtml-hyphens: auto;
}
 p.info {
     font-size : 12px;
     line-height : 120%;
     color : #fff;
     font-weight : 400;
     hyphens : auto;
     text-align: center;
}
 .italian {
     font-size : 14px;
     line-height : 20px;
     font-style : italic;
     color : #99b2af;
}
 a {
     text-decoration : none;
}
 a img {
     border : none;
}
 .lg-top-head {
     position : relative;
     display : block;
     width : 100%;
     height : 0 !important;
     background-color: transparent;
}
 #form_viewport {
     background: rgb(109,165,175);
     background: -moz-linear-gradient(0deg, rgba(109,165,175,1) 0%, rgba(87,147,158,1) 73%, rgba(66,112,120,1) 100%);
     background: -webkit-linear-gradient(0deg, rgba(109,165,175,1) 0%, rgba(87,147,158,1) 73%, rgba(66,112,120,1) 100%);
     background: linear-gradient(0deg, rgba(109,165,175,1) 0%, rgba(87,147,158,1) 73%, rgba(66,112,120,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6da5af",endColorstr="#427078",GradientType=1);
     border: 0;
     border-radius: 5px;
}
 a.button520 {
     position : relative;
     display : block;
     width : 520px;
     height : 35px;
     color : #fff;
     text-align : center;
     margin : 20px auto 20px auto;
     line-height : 35px;
     font-size : 20px;
     text-decoration : none;
}
 a.button520:hover {
     opacity : 0.8;
}
 hr {
     width : 96%;
     height : 1px;
     background : #c6d4d2;
     border : none;
     margin : 10px auto;
}
 .clear {
     clear : both;
}
 b, strong {
     font-weight : 400;
}
 form input[type="text"] {
     background : transparent;
     z-index : 1;
     position : relative;
     color: #fff;
}
 form > div > label {
     position : absolute;
     padding-top : 20px;
     padding-left : 20px;
}
 div > input:focus {
     background : transparent;
}
 input[type="text"]::placeholder {
     font-size : 12px;
     width : 90%;
     line-height : 30px;
     color: #fff;
}
 input [type="text"] .fullsize {
     width : 98%;
     padding-left : 2%;
     margin-top : 10px;
     height : 40px;
     line-height : 40px;
     font-size : 15px;
     background : transparent;
     color: #fff;
}
 input [type="text"] .halfsize {
     width : 43%;
     padding-left : 2%;
     margin-top : 10px;
     margin-right : 10px;
     height : 40px;
     line-height : 40px;
     font-size : 15px;
     background : transparent;
     color: #fff;
}
 input[type="text"] #value .form-control {
     background-color: transparent;
     margin : auto 3% auto 0;
}
 input[type="text"].grey {
     height : 40px;
     line-height : 40px;
     font-size : 16px;
     color: #fff !important;
     background-color: transparent !important;
}
 input[type="text"].plz:focus, input[type="text"].grey:focus, input[type="text"]#vorname:focus, input[type="text"]#nachname:focus, textarea#beratung:focus {
    border: 1px solid #3b646b;
    background-color: #508891 !important;
     outline: none;
      -webkit-box-shadow: none;
     box-shadow: none;
}
 input[type="text"]::placeholder, textarea::placeholder {
     font-family : 'Roboto', sans-serif;
     color: #fff !important;
     font-size : 12px;
     background-color: transparent !important;
}
 textarea {
     resize : vertical;
}
 input[type="submit"], a.sliderbuttonfree {
     position : relative;
     display : block;
     width : 100%;
     height : 40px;
     color : #fff;
     text-align : center;
     margin : 0;
     line-height : 40px;
     font-size : 20px;
     text-decoration : none;
         transition: 0.5s;
        background: rgb(73,124,133);
background: -moz-linear-gradient(0deg, rgba(73,124,133,1) 0%, rgba(59,100,107,1) 35%, rgba(59,100,107,1) 65%, rgba(73,124,133,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(73,124,133,1) 0%, rgba(59,100,107,1) 35%, rgba(59,100,107,1) 65%, rgba(73,124,133,1) 100%);
background: linear-gradient(0deg, rgba(73,124,133,1) 0%, rgba(59,100,107,1) 35%, rgba(59,100,107,1) 65%, rgba(73,124,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#497c85",endColorstr="#497c85",GradientType=1);  

     border: 1px solid #497c85;
     border-radius: 50px;
}
 input[type="submit"]:hover, a:hover .sliderbuttonfree {
     text-decoration : none;
}
 img .cornerpic {
     display : block;
     z-index : 10;
     margin-top : -15px;
}
 #logo {
     width : 100%;
     height : 50px !important;
     text-align : right;
     background : transparent;
}
 #logo a img {
     margin-right : 20px;
}
 img .float {
     float : left;
}
 #inhalt {
     display : block;
     position : relative;
     width : 100%;
     height: auto;
     margin: 0 auto;
     padding: 0 0 15% 0;
     margin-top: 0 !important;
     text-align : center;
     overflow : hidden;
}
 #seite1 {
     animation-duration : 0.4s;
     animation-name : slideIn;
}
 @keyframes slideIn {
     0% {
         right : -800px;
         height : 0;
         opacity : 0;
    }
     60% {
         right : -800px;
         height : 0;
         opacity : 0.8;
    }
     100% {
         right : 0;
         height : 100%;
         opacity : 1;
    }
}
 .headlinecontainer, .headlinecontainer_start {
     display : block;
     position : relative;
     width : 100%;
     height: auto;
     text-align : center;
     overflow : hidden;
     background-color: transparent;
}
.headlinecontainer_start {
     margin-top: 37px !important;
}
.headlinecontainer h2, .headlinecontainer_start h2 {
         font-weight : 300;
         line-height: 120%;
         letter-spacing: 0;
         font-size : 35px;
         color : #fff !important;
}
.headlinecontainer h3, .headlinecontainer_start h3 {
         font-weight : 300 !important;
         line-height: 120%;
         letter-spacing: 0;
         font-size : 25px;
         color : #fff !important;
}
.headlinecontainer h4 {
         font-weight : 400;
         line-height: 150%;
         letter-spacing: 0;
         font-style: italic;
         font-size : 18px;
         color : #fff !important;
          padding: 0 10%;
}
.headlinecontainer b {
         font-weight : 400;
}
@media (min-width:200px) and (max-width:775px) {
    .headlinecontainer {
         width : 90%;
         margin : 0 auto;
         margin-top: 4%;
    }
     .headlinecontainer h2, .headlinecontainer_start h2 {
         font-size : 28px;
    }
    .headlinecontainer h4 {
          padding: 0 3%;
    }
     .headlinecontainer .small {
         font-size : 13px;
         color : #648581;
    }
     .headlinecontainer span .small .headlinecontainer span .supersmall {
         width : 90%;
         margin : 0 auto;
    }
}
 .hide {
     display : none;
}
 .ansage {
     display : block;
     text-align : left;
     width : 100%;
     height : 25px;
     color : #fff;
     line-height : 25px;
     font-size : 13px;
     background : transparent;
     margin : 0 auto 10px 0;
}
 .smallhint {
     margin-top : 15px;
     margin : 10px -10px 0 10px;
     font-size : 12px;
     color : #dfebed;
}
 .container, .container_bottom {
     text-align : center;
     display : flex;
     justify-content : center;
     flex-flow : row;
}
 .formcontainer {
     width : 95%;
     height : auto;
     margin : 20px 20px 15px 20px;
     text-align : center;
     display : flex;
     justify-content : center;
     flex-wrap : wrap;
}
 .formcontainer .contact {
     position : relative;
     display : flex;
     flex-wrap : wrap;
     justify-content : space-between;
     margin-bottom : 0;
}
 .formleft, .formleft_plz {
     margin : 0;
}
 .formright {
     min-width : 70%;
      padding-right: 60px;
}
 .formcontainer .formleft, .formcontainer .formleft_plz {
     width : 49%;
}
 .elementcont {
     max-width : 460px;
     height : auto;
     position : relative;
     display : flex;
     justify-content : left;
     flex-flow : row;
     flex-wrap : wrap;
     margin-bottom : 20px;
}
 .smcontainer {
     display : block;
     text-align : left;
     margin : 30px 10% 5px 30px;
     padding : 0;
     color: #fff !important;
     background-color: transparent !important;
}
 .container_bottom {
     bottom : 70px;
     width : 100%;
     padding-right : 20px;
     vertical-align : middle;
     margin : auto 0 0 0;
     display : flex;
     flex-flow : row;
     justify-content : start;
     min-height : 55px;
}
 .spanblock, .spanblockleft {
     width : 90%;
     display : flex;
     flex-flow : row;
     justify-content : space-between;
     flex-wrap : nowrap;
     vertical-align : top;
     margin : 0 10px;
}
 input [type="image"] .img_button, .img_button, form .img_button, .button .img_button {
     max-width : 42%;
     height : 180px;
     margin : 5px 10px;
     overflow : hidden;
     background-position : center center;
     background-size : cover;
     display : flex;
     flex-direction : column;
}
 .img_button form input[type="submit"] {
     height : 180px;
     opacity : 0;
     cursor : pointer;
}
 .buttonbild {
     display : block;
     min-width : 158px;
     height : 130px;
     margin-top : -180px;
     text-align : center;
     border-radius : 5px 5px 0 0 !important;
     background-position : center center;
     background-size : cover;
     background-color: #fff !important;
}
 .img_button:hover .buttonbild, .img_button a:hover .buttonbild {
     opacity : 1;
     border-radius : 5px 5px 0 0 !important;
}
 .buttonbild img {
     margin : auto auto;
     position : relative;
}
 .buttonheadline {
     width : 100%;
     height : 42px;
     display : block;
     text-align : center;
     color : #fff;
     text-decoration : none;
     overflow : hidden;
}
 .buttonheadline h2 {
     line-height : 42px;
     font-size : 16px;
     font-weight : 500;
     margin-top : 0;
     text-decoration : none;
}
 .img_button .buttonheadline {
     width : 100%;
     height : 42px;
     display : block;
     text-align : center;
     color :#fff;
     text-decoration : none;
     overflow : hidden;
     border-radius : 0 0 5px 5px;
     border : 5px solid #fff;
     border-right : 0;
     border-bottom : 0;
     border-left : 0;
     background: -webkit-linear-gradient(#497c85,#1f3539);
     background: -moz-linear-gradient(#497c85,#1f3539);
     background: -o-linear-gradient(#497c85,#1f3539);
     background: linear-gradient(#497c85,#1f3539);
     -webkit-transition: background 1.5s ease-out;
     -moz-transition: background 1.5s ease-out;
     -o-transition: background 1.5s ease-out;
     transition: background 1.5s ease-out;
     background-size: 1px 500px;
     cursor:pointer;
}
 a .img_button, a .buttonheadline h2 {
     text-decoration : none;
}
 .img_button:hover .buttonheadline {
     display : block;
     width : 100%;
     height : 42px;
     background-position: 100%;
     border-radius : 0 0 5px 5px;
     border-top : 5px solid #ff9900;
     border-right : 0;
     border-bottom : 0;
     border-left : 0;
     color : #fff;
     text-decoration : none;
     transition: 0.5s;
}
 .img_button:hover .buttonheadline h2 {
     color : #fff;
}
 .left {
     display : block;
     left : 0;
     float : left;
     margin-right : 20px;
     width : 120px;
}
 .float .left {
     text-align : left;
     float : left;
     width : 100px;
     margin : -10px 20px auto -20px;
}
 img .float {
     float : left;
}
 .invisible {
     width : 0 !important ;
     height : 0 !important ;
     display : none !important ;
}
 .small {
     display: block;
     text-align: center;
     width: 100%;
     margin: 0 auto;
     margin-top: 30px;
     margin-bottom: 40px;
     padding: 20px 0 5px 0;
}
.margintoplus-2 {
        margin-top: 2% !important;
}
.margintoplus-4 {
        margin-top: 4% !important;
}
.margintoplus-6 {
        margin-top: 6% !important;
}
.margintoplus-8 {
        margin-top: 8% !important;
}
.margintoplus-10 {
        margin-top: 10% !important;
}
.marginbottom-5 {
        padding-bottom: 5% !important;
}
@media (min-width:200px) AND (max-width:775px) {
     .marginbottom-5 {
          padding-bottom: 0 !important;
    }
}
/****************************Eingabe**************************/
.eingabe {
     display : flex;
     justify-content : center;
     flex-flow : row;
     flex-wrap : nowrap;
     text-align : right;
     margin : 0;
     padding : 0 3%;
     width : 100px;
     height : 40px;
     border: 0;
     border-radius: 3px;
     background : #fff;
}
 .eingabe span {
    font-size : 18px;
     line-height : 200%;
     text-align : right;
      padding : 0 4%;
     color: #427078;
}
 .eingabe input[type="text"], .eingabe span {
     font-size : 18px;
     line-height : 200%;
     text-align : right;
      padding : 0 4%;
     color: #427078;
}
 @media (min-width:775px) {
     .eingabe #outputMax {
         height : 40px;
         font-size : 18px;
         line-height : 100%;
         color : #427078;
         text-align : right;
         padding : 0 3%;
         margin : 0;
         width : 100px;
         border : none;
    }
}
 @media (min-width:200px) and (max-width:775px) {
     .eingabe {
        margin : 3% 0 5% 0;
         padding : 0 3%;
         width : 100px;
         height : 40px;
    }
     .eingabe #outputMax {
         height : 40px;
         font-size : 18px;
         line-height : 100%;
         color : #427078;
         text-align : right;
         padding : 0 3%;
         margin : 0;
         width : 100px;
         border : none;
    }
     .eingabe span {
         font-size : 18px;
     line-height : 200%;
     text-align : right;
      padding : 0 4%;
     color: #427078;
    }
}
/***************************Eingabe-End************************/
.mailright img {
        border-radius: 4px !important;
    }
/*******************************************************Mobile-Version***********************************************************/
 @media (min-width:200px) and (max-width:775px) {
    .buttonheadline h2 {
        line-height : 42px;
        font-size : 13px;
        font-weight : 600;
    }
     #form_viewport {
         position : relative;
         display : block;
         width : 100%;
         height : 100%;
         margin : 0 auto;
         overflow : hidden;
    }
     #inhalt {
         display : block;
         position : relative;
         width : 100%;
         height: auto;
         margin : 0 auto;
         margin-top: 0 !important;
         padding: 0 0 10% 0;
         text-align : center;
         overflow : hidden;
    }
     .formular {
         display : block;
         width : 100%;
         height : 100%;
         text-align : center;
    }
     #logo {
         display: none;
    }
     .container {
         width : 100%;
         padding: 0;
         flex-wrap : wrap;
    }
    .margintoplus40 {
        margin-top: 40px !important;
    }
     .container_bottom {
         margin : 0 0;
         flex-flow : row;
    }
     span.supersmall {
         font-size : 15px !important;
    }
     .supersmall_senior, .supersmall_senior_green {
         font-size : 18px !important;
    }
     .img_button {
         width : 42%;
    }
     a.button520 {
         position : relative;
         display : block;
         color : #fff;
         text-align : center;
         margin : 0 auto 10px auto;
         width : 60%;
         min-width : 250px;
    }
     a.button_auto {
         position : relative;
         display : block;
         color : #fff;
         text-align : center;
         margin : 0 auto 10px 20px;
         width : 60%;
         min-width : 250px;
    }
     .float {
         float : left;
    }
     #img .cornerpic {
         display : none;
    }
     .formcontainer, .slidecontainer {
         width : 100%;
         text-align : center;
         margin : 0 auto;
    }
     .formcontainer .formleft_plz {
         display: none;
    }
     .formcontainer .formleft, .formcontainer .formright {
         width : 100%;
         margin : 0 auto;
         text-align : left;
    }
     .formcontainer .formleft {
         padding-bottom : 10px;
         border-bottom : 1px dashed #c6d4d2;
    }
     .formcontainer .formright {
         padding-top : 20px;
    }
     .smcontainer, .container_bottom {
         width : 100%;
         display : block;
         text-align : left;
         margin : 15px 0 10px 0;
    }
     .ansage {
         display : block;
         text-align : left;
         height : 25px;
         line-height : 100%;
         font-size : 13px;
         margin : 0;
         color: #fff !important;
         background-color: transparent !important;
    }
     input[type="submit"] .buttonfree {
         position : relative;
         display : block;
         width : 100%;
         height : 35px;
         color : #fff;
         text-align : center;
         text-transform: uppercase;
         letter-spacing: 0.10em !important;
         line-height : 35px;
         font-size : 15px;
         font-weight : 600 !important;
         text-decoration : none;
         padding-top: 5%;
    }
     input[type="submit"].sliderbuttonfree {
         position : relative;
         display : block;
         width : 100%;
         height : 35px;
         color : #fff;
         text-align : center;
         margin : 0 0 0 0;
         line-height : 35px;
         font-size : 20px;
         text-decoration : none;
    }
     input[type="submit"]:hover, a:hover .sliderbuttonfree {
         text-decoration : none;
    }
     .formleft img {
         display : block;
         margin : 5px auto 15px auto;
    }
     #anrede {
         width : 100%;
         padding-left : 15px;
         height : 23px;
         line-height : 30px;
         font-size : 15px;
    }
      input[type="radio"] {
         margin : 10px 5px 0 0;
    }

     .formleft input[type="text"], .formright input[type="text"] {
         width : 100% !important ;
         margin : 10px 0 20px 0;
         padding: 0 2% 0 2%;
         height : 40px;
         line-height : 40px;
         font-size : 15px;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
    }
     .formright #beratung {
         width : 93% !important ;
         height : 120px !important ;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
         margin : 10px auto;
         padding : 5px 0 0 10px;
         line-height : 25px;
         font-size : 15px;
         color : #fff;
         background-color: transparent;
    }
     .formright input[type="submit"].sliderbuttonfree {
         position : relative;
         display : block;
         width : 100%;
         height : 35px;
         color : #fff;
         text-align : center;
         margin : 0 0 0 0;
         line-height : 35px;
         font-size : 20px;
         text-decoration : none;
    }
     .formleft #vorname {
         width : 40% !important ;
         margin : 10px 10px 0 0;
         padding-left : 5%;
         height : 40px;
         line-height : 40px;
         font-size : 15px;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
         color: #fff;
         background-color: transparent;
    }
     .formleft #nachname {
         width : 40% !important ;
         margin : 10px 10px 0 0;
         padding-left : 5%;
         height : 40px;
         line-height : 40px;
         font-size : 15px;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
         color: #fff;
         background-color: transparent;
    }
     .container {
         width : 100%;
         margin : 0;
         flex-wrap : wrap;
    }
     .container_bottom {
         margin : 0;
         flex-flow : row;
    }
     .img_button {
         display : block;
         max-width : 40%;
         min-width : 100px;
         height : 175px;
         margin : 8% 4%;
         overflow : visible;
    }
     .buttonbild {
         display : block;
         min-width : 100px;
         margin-top : -180px;
         border : #fff solid 1px;
         border-radius : 5px 5px 0 0;
         background-color: #fff !important;
    }
     .img_button:hover .buttonbild, .img_button a:hover .buttonbild {
         opacity : 1;
         border-radius : 5px 5px 0 0;
         border : #fff solid 1px;
         background-color: #fff !important;
    }
     a.button520 {
         position : relative;
         display : block;
         background : #83a19d;
         color : #fff;
         text-align : center;
         margin : 0 auto 10px auto;
         width : 60%;
         min-width : 250px;
    }
     a.button_auto {
         position : relative;
         display : block;
         background : #83a19d;
         color : #fff;
         text-align : center;
         margin : 0 auto 10px 20px;
         width : 60%;
         min-width : 250px;
    }
     .float {
         float : left;
    }
     input[type="submit"] .grey {
         width : auto !important ;
         margin : 0 10px !important;
         color: #fff !important;
         background-color: transparent !important;
    }
     input[type="submit"]:hover, a:hover .buttonfree {
         text-decoration : none;
         background : #34585f;
         border: 1px solid #34585f;
    }
     .buttonfree {
         background-color: #427078;
         border: 1px solid #427078;
         height : 40px;
         text-align : center;
         text-transform: uppercase;
         color : #fff;
         font-size : 15px;
         text-decoration : none;
         letter-spacing: 0.10em;
         font-weight : 600 !important;
          margin : 0 auto;
          margin-top: 5%;
          padding: 0 2%;
         width : 80%;
    }
     .info, h5 {
         width : 100%;
         margin : 10px 0;
         height : 40px;
         line-height : 120%;
         font-size : 18px;
         text-align: center;
    }
     #lead-head {
         display : none;
    }
     .lg-bottom-box {
         display : none;
    }
     img.cornerpic {
         display : none;
    }
     input[type="text"] .plz {
         height : 40px;
         width : 75%;
         margin : 10px 0 20px 0 !important;
         border : #dce5e4 solid 1px;
    }
     .formcontainer {
         width : 99%;
         margin : 40px 0 0 0;
    }
     .formcontainer .formleft, .formcontainer .formright {
         width : 85% !important ;
         text-align : left;
         margin : 0 auto;
         padding: 0;
    }
     .formcontainer .formleft {
         margin : 0 auto 30px auto;
    }
     .formcontainer .mailleft, .formcontainer .mailright {
         width : 90%;
         text-align : left;
         padding : 0 5%;
    }
     .formcontainer .mailleft {
         margin-top : -20px;
    }
     .mailleft .shortinput {
         display : flex;
         justify-content : space-between;
         flex-flow : row;
         flex-wrap : nowrap;
         margin-top : 10px;
         font-size : 18px;
    }
     .mailleft input[type="text"], .mailleft input[type="email"] {
         height : 40px;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
         color : #fff;
         width : 98%;
         font-size : 18px;
         margin-top : 10px;
         padding-left : 10px;
    }
     .mailright textarea {
         height : 170px;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
         font-size : 18px;
         color : #fff;
         width : 98%;
         padding : 10px;
         margin-top : 10px;
         background-color: transparent;
    }
     .mailleft #anrede {
         margin-top : 30px;
         font-size : 18px;
         color : #fff;
    }
     #shortinput input[type="text"] {
         height : 40px;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
         font-size : 16px;
         color : #fff;
         width : 48% !important ;
    }
     .mailleft input[type="text"] placebolder, .mailleft input[type="email"].mailright textarea placeholder {
         font-family : 'Roboto', sans-serif;
         color : #fff !important;
         font-size : 19px;
         background-color: transparent !important;
    }
     textarea #beratung placeholder {
         padding-top : 10px;
         padding-left : 10px;
         font-size : 18px;
         color : #fff !important;
         line-height : 24px;
         background-color: transparent !important;
    }
     #checktext {
         width : 88%;
         font-size : 12px;
         line-height : 15px;
         text-align : justify;
         color : #fff !important;
         margin : 10px auto 0 auto;
         background-color: transparent !important;
    }
     #checktext .checktxt a {
         color : #fff;
         text-decoration : none;
    }
     input[type="submit"].buttonfree {
         display : block;
          margin : 0 auto;
          margin-top: 5%;
          padding: 0 2%;
         width : 90%;
         font-size : 16px;
         letter-spacing: 0.10em !important;
         font-weight : 600 !important;
         text-decoration : none;
    }
     input[type="email"]::-moz-placeholder {
         font-size : 14px;
         font-family : 'Roboto', sans-serif;
         padding-left : 10px;
         color : #fff !important;
         background-color: transparent !important;
    }
     input[type="email"]::-webkit-input-placeholder {
         font-size : 14px !important ;
         font-family : 'Roboto', sans-serif;
         padding-left : 10px !important ;
         color : #fff !important;
         background-color: transparent !important;
    }
}
/*******************************************************Desctop-Version***********************************/
 @media (min-width:775px) {
     #form_viewport {
         max-width : 999px;
         max-height : 633px;
         margin : 0 auto;
         overflow : hidden;
         border-radius : 5px;
         overflow : hidden;
    }
     #inhalt {
         width : 100%;
         margin : 0 auto;
          margin-top: 0 !important;
          padding: 0 0 15% 0;
    }
     .container {
         width : 94%;
         text-align : center;
         margin : 0 auto;
         display : flex;
         justify-content : center;
         padding : 0;
         flex-flow : row;
         flex-wrap : nowrap;
    }
    .margintoplus40 {
        margin-top: 40px !important;
    }
     .container form {
         margin : 0;
    }
     .formular {
         display : block;
         width : 100%;
    }
     input [type="image"] .img_button, .img_button, form .img_button, .button .img_button {
         min-width : 23%;
         height : 180px;
         overflow : visible;
         background-position : center center;
         background-size : cover;
         display : flex;
         flex-direction : column;
         margin-top : 40px;
    }
     .img_button form input[type="submit"] {
         height : 180px;
         opacity : 0;
         cursor : pointer;
    }
     .buttonbild {
         display : block;
         min-width : 100%;
         height : 130px;
         margin-top : -180px;
         text-align : center;
         border-radius : 5px 5px 0 0;
         border: 0;
         background-position : center center;
         background-size : cover;
         background-color: #fff !important;
    }
     .img_button:hover .buttonbild, .img_button a:hover .buttonbild {
         opacity : 1;
         border-radius : 5px 5px 0 0;
         background-color: #fff !important;
    }
     .buttonbild img {
         margin : auto auto;
         position : relative;
    }
     .left {
         display : block;
         width : 285px;
         float : left;
    }
     .right {
         display : block;
         min-width : 445px;
         height : 200px;
         float : left;
    }
     .slider {
         width : 430px;
    }
     .formleft {
         width : 30%;
         text-align : center;
    }
     .formleft img {
         display : block;
         margin : 5px auto 15px auto;
    }
     .formright {
         width : 70%;
         text-align : center;
    }
     .slidecontainer input[type="text"] .plz, .slidecontainer .plz {
         margin : 10px 0 20px 0 !important;
         height : 40px;
         width : 100%;
         padding: 0 10px;
         border : #dce5e4 solid 1px;
         border-radius : 5px;
         background-color: transparent;
    }
     .formright form {
         width : 85%;
         text-align : left;
         margin-left : 15%;
    }
     .smcontainer, .formright .container_bottom, input[type="submit"].sliderbuttonfree {
         display : block;
         margin : 4% 0;
         width : 100%;
    }
     .slidecontainer {
         display : block;
         margin : 0;
         width : 100%;
    }
     .smcontainer {
         margin : 30px 0 5px 0;
         text-align : left;
         padding : 0;
    }
     .smcontainer .ansage {
         text-align : left;
         margin : 0;
         color: #fff !important;
         background-color: transparent !important;
    }
     .formcontainer {
         width : 99%;
         margin : 50px auto 0 auto;
         display : flex;
         justify-content : space-between;
         flex-flow : row;
         flex-wrap : nowrap;
    }
     .formcontainer .mailleft, .formcontainer .mailright {
         width : 46%;
         text-align : left;
    }
     .formcontainer .mailleft {
         padding-left : 3%;
    }
    .formcontainer .mailright {
         padding-right : 2%;
    }
     .mailleft .shortinput {
         display : flex;
         justify-content : space-between;
         flex-flow : row;
         flex-wrap : nowrap;
         margin-top : 10px;
    }
     .mailleft input[type="text"], .mailleft input[type="email"] {
         height : 40px;
         border : #c6d4d2 solid 1px;
         padding: 0 5px;
         border-radius : 5px;
         width : 98%;
         margin-top : 10px;
    }
     .mailright textarea {
         height : 170px;
         border : #c6d4d2 solid 1px;
         border-radius : 5px;
         width : 98%;
         padding : 10px;
         color : #fff !important;
         background-color: transparent !important;
    }
     #shortinput input[type="text"] {
         height : 40px;
         border : #c6d4d2 solid 1px;
         padding: 0 1%;
         border-radius : 5px;
         font-size : 16px;
         width : 48% !important ;
    }
     textarea #beratung placeholder {
         padding-top : 10px;
         padding-left : 10px;
         font-size : 20px;
         color : #fff !important;
         line-height : 24px;
         background-color: transparent !important;
    }
     #checktext {
         width : 100%;
         padding: 0 5%;
         font-size : 12px;
         text-align : justify;
         margin : 20px auto;
    }
     input[type="submit"].buttonfree {
         display : block;
         margin : 0 auto;
         margin-top: 15px;
         margin-bottom: 15px;
         width : 90%;
         background-color: #427078;
         text-transform: uppercase;
         font-family: var(--AgasFontTwo) !important;
         letter-spacing: 0.10em !important;
         font-size: 15px;
         font-weight : 600;
         line-height: 100% !important;
         color: #ecf3f4 !important;
    }
     input[type="submit"]:hover, .sliderbuttonfree:hover {
         text-decoration : none;
          transition: 0.5s;
                background: rgb(73,124,133);
background: -moz-linear-gradient(0deg, rgba(73,124,133,1) 0%, rgba(66,112,120,1) 35%, rgba(66,112,120,1) 65%, rgba(73,124,133,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(73,124,133,1) 0%, rgba(66,112,120,1) 35%, rgba(66,112,120,1) 65%, rgba(73,124,133,1) 100%);
background: linear-gradient(0deg, rgba(73,124,133,1) 0%, rgba(66,112,120,1) 35%, rgba(66,112,120,1) 65%, rgba(73,124,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#497c85",endColorstr="#497c85",GradientType=1);     
         border : #497c85 solid 1px;
    }
     input[type="email"]::-moz-placeholder {
         font-size : 14px;
         font-family : 'Roboto', sans-serif;
         padding-left : 10px;
         color : #fff;
    }
     input[type="email"]::-webkit-input-placeholder {
         font-size : 14px !important ;
         font-family : 'Roboto', sans-serif;
         padding-left : 10px !important ;
         color : #fff;
    }
}
/*****************************LastButton*************************/
.lastbutton {
    font-size: 13px !important;
    letter-spacing: 0.05em !important; 
}
/*****************************Animated-Arrow*********************/
#lg-arrow-box {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 40px;
     margin-bottom: 0;
     background-color: transparent;
}
.lg-arrow-item {
  position: absolute;
  left: 50%;
  margin-left: -7.5px;
  width: 15px;
  height: 15px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}
@media (min-width:200px) and (max-width:775px) {
     #lg-arrow-box {
         height: 50px;
         margin-bottom: 30px;
  }
     .lg-arrow-item {
           margin-left: -12px;
         width: 24px;
         height: 24px;
  }
}
.arrow-bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
  40% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
/**********************************Bottom-Container***************************************/
.lg-bottom-box {
      position : absolute;
     z-index : 10;
     bottom : 0;
     height : 70px;
     display: flex !important;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     overflow: visible !important;
     margin: 0 2% !important;
     padding: 0 !important;
     border: 0 !important;
     border-top: 1px solid #7aadb6 !important;
     width: 96% !important;
     background-color: transparent !important;
      animation:  AgasBottomBoxLG 4s;
    -moz-animation:  AgasBottomBoxLG 4s;
    -webkit-animation:  AgasBottomBoxLG 4s;
    -o-animation:  AgasBottomBoxLG 4s;
}
@keyframes AgasBottomBoxLG {
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes AgasBottomBoxLG {
    from { opacity:0; }
    to { opacity:1; }
}
@-webkit-keyframes AgasBottomBoxLG {
    from { opacity:0; }
    to { opacity:1; }
}
@-o-keyframes AgasBottomBoxLG {
    from { opacity:0; }
    to { opacity:1; }
}
@media (min-width:200px) and (max-width:775px) {
     .lg-bottom-box {
        display: none;
        visibility: hidden;
  }
}
 .lg-bottom-item {
     font-family: var(--AgasFontTwo) !important;
     font-weight: 400 !important;
     text-align: left !important;
     letter-spacing: 0.01em !important;
     font-style: italic;
     flex: 0 1 auto !important;
     display: flex !important;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     border: 0 !important;
     margin: 0 !important;
     padding: 0 1.5% !important;
}
 .lg-text-left, .lg-text-center, .lg-text-right {
     font-size: 12px !important;
     line-height: 100% !important;
}
.lg-text-left, .lg-text-center, .lg-text-right, .lg-agas-fa {
    color: #ecf3f4 !important;
}
 .lg-bottom-item-icon, .lg-bottom-item-text {
     flex: 0 1 auto !important;
     flex-direction: row !important;
     align-items: center !important;
     margin: 0 !important;
     padding: 0 !important;
}
 .lg-bottom-item-icon {
     margin-right: 5px !important;
}
 .lg-bottom-item-text {
     margin-left: 5px !important;
}
 .lg-agas-fa {
     display: inline-block;
     font-family: 'FontAwesome';
     font-size:12px !important;
     font-style: normal !important;
     line-height: 100% !important;
     margin: 0 !important;
     padding: 0 !important;
     text-align: left !important;
}