@media only screen and (min-device-width : 951px){
    #mobile{
        display: none;
    }
    * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        background: transparent;
        border: 0;
        font-size: 100%;
        outline: 0;
        padding: 0;
        font-family: 'Open Sans', sans-serif
    }
    
    body {
        font-weight: normal;
        font-size: 14px;
        line-height: 28px;
        background: #ffffff;
        color: #515151;
        font-family: 'Open Sans',sans-serif;
        margin: 0;
    }
    a{
        color:#222;
        font-size: 13px;
        text-transform: uppercase;
        display: block;
        position: relative;
        letter-spacing: 1.2px;
        font-family: 'Open Sans';
        text-decoration: none;
    }
    /*-------------------------------------------------*/
    
    .wrapper {
        clear: both;
        max-width: 100%;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .container {
        max-width: 1170px;
        margin: 0 auto;
        position: relative;
        clear: both;
    }
    
    /* HEADER START */
    #header-wrapper{
        width: 100%;
        background: #fff;
        height: 75px;
        border-bottom: 2px solid #ccc;
    }
    #logo a {
        display: block;
        width: 100%;
    }
    #logo {
        float: left;
        position: relative;
        text-align: center;
        padding: 10px 0;
        line-height: normal;
    }
    #logo a img{
        width: 200px;
    }
    .header {
        width: 100%;
        margin: 0px;
        padding: 0px;
        position: relative;
        z-index: 9999;
    }
    .header #main-menu {
        float: right;
    }
    #main-menu {
        float: right;
        margin: 0px;
        padding: 0px;
    }
    #main-menu ul {
        margin: 0px auto;
        padding: 0px;
        position: relative;
    }
    ul {
        list-style-type: none;
        list-style-position: inside;
        list-style: none;
        text-decoration: none;
    }
    #main-menu > ul > li {
        display: inline-block;
        padding: 0;
        position: relative;
    }
    #menu-container #main-menu #menu-header #menu-item a{
        padding: 23px 15px 21px;
    }
    /* HEADER ENDE */
    .headline{
        margin: 0 auto;
        position: absolute;
        clear: both;
        top: 30%;
    }
    .headline h1{
        margin: 0;
        font-size: 40px;
        color: #111;
        padding: 10px;
        font-weight: 300;
    }
    /* MAIN CONTENT START */
    .containerapp{
        max-width: 970px;
        margin: 0 auto;
        position: relative;
        clear: both;
        min-height: 614px;
    }
    .wrapperapp{
        width: 100%;
        height: 50px;
        background: rgba(248, 248, 248, 0.9);
        position: absolute;
        top: 42%;
        padding: 10px;
        border: 1px solid rgb(160, 160, 160);
        -webkit-box-shadow: 0px 0px 5px 1px rgba(150,150,150,1);
        -moz-box-shadow: 0px 0px 5px 1px rgba(150,150,150,1);
        box-shadow: 0px 0px 5px 1px rgba(150,150,150,1);
        border: 2px solid #e6e6e6;
    }
    #app{
        width: 100%;
        height: 100%;
    }
    .formleft{
        width: 81%;
    }
    .formright{
        width: 30%;
        position: absolute;
        left: 49%;
        bottom: 20%;
        border-left: 1px solid rgba(0,0,0,.15);
        padding-left: 10px;
    }
    .selectleistung{
        width: 98%;
        height: 100%;
        padding-right: 5px;
        margin-right: 5px;
        padding-left: 15px;
        margin-top: 3px;
        cursor: pointer;
    }
    .inputplz{
        width: 98%;
        padding-left: 5px;
    }
    .formbtn{
        width: 17%;
        position: absolute;
        left: 81%;
        bottom: 13%;
        top: 8%;
    }
    .btnform {
        background: linear-gradient(to right, #9105ea, #f73c95);;
        border-radius: 2px;
        padding: 10px;
        color: white; 
        cursor: pointer;
    }
    /*DROPDOWN START*/
    div.mm-dropdown {
        width: 100%;
        cursor: pointer;
      }
      
      div.mm-dropdown ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border: 0;
        padding-top: 10px;
      }
      .input-option{
        background:rgba(248, 248, 248, 0.9);
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
      }
      
      div.mm-dropdown ul li,
      div.mm-dropdown div.textfirst {
        padding: 0;
        color: #333;
        padding-left: 10px;
        padding-right: 10px;
      }
      
      div.mm-dropdown div.textfirst img.down {
        float: right;
        margin-top: 10px
      }
      
      div.mm-dropdown ul li:last-child {
        border-bottom: 0;
      }
      div.mm-dropdown ul li {
        display: none;
        padding-left: 25px;
        padding: 5px 0 5px 15px;
      }
      
      div.mm-dropdown ul li.main {
        display: block;
      }
      
      div.mm-dropdown ul li img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
      }
    /*DROPDOWN ENDE*/
    
    
    .partnerpngpng{
        background: url(assets/images/partnerpng.png);
        background-size: contain;
        height: 120px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin: 0 auto;
    }
    .partnerpng{
        background: rgb(213, 217, 220, .5);
    }
    
    .fullbg{
        width: 100%;
        height: auto;
        margin: 0px auto 0px 0px;
        position: relative;
        max-width: none;
        visibility: visible;
        background: url(assets/images/bg2.jpg);
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
        background-size: cover;
        background-position: right;
    }
    .fullbg img{
        width: 100%;
        height: auto;
        font-size: 13px;
        line-height: 17px;
        margin: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        z-index: auto;
        padding: 0px;
        border-width: 0px;
        border-radius: 0px;
    }
    /* MARGIN */
    .dt-sc-margin801 {
        margin: 40px 0px;
        float: left;
        width: 100%;
        clear: both;
    }
    .dt-sc-margin160{
        margin: 80px 0px;
        width: 100%;
        clear: both;
    }
    /* MARGIN */
    /* PRIMARY CONTENT START */
    #primary.content-full-width {
        width: 100%;
        background: #f3f4f6;
    }
    #primary {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .intro-text {
        width: 100%;
        position: relative;
        text-align: center;
    }
    .intro-text h2 {
        font-size: 30px;
        font-weight: 300;
        padding-top: 50px;
        margin: 0;
    }
    .bigbtn{
        background: -webkit-linear-gradient(left, #9105ea, #f73c95);
        background: -o-linear-gradient(left, #9105ea, #f73c95);
        background: -moz-linear-gradient(left, #9105ea, #f73c95);
        background: linear-gradient(to right, #9105ea, #f73c95);
        overflow: hidden;
        color: #fff;
        border: none;
        padding: 15px;
        z-index: 3;
        border-radius: 4px;
        display: inline-block;
        line-height: normal;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 1px;
        font-weight: 400;
        position: relative;
        top: 43px;
        margin: 0;
        transition: 1s all ease; 
    }
    /* PRIMARY CONTENT ENDE */
    
    /* WHY US START*/
    .underline{
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        border-bottom: 5px solid #ccc;
    }
    .whyusgrid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        width: 100%;
        padding: 60px 0 30px 0;
        margin-left: auto;
        margin-right: auto;
    }
    .whyus1{
        grid-column: 1/2;
        grid-row: 1;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 320px;
        cursor: pointer;
        background: url(assets/images/whyus1.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    color:#111;
    }
    .whyus1img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus1 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus1 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    .whyus2{
        grid-column: 2/3;
        grid-row: 1;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 320px;
        cursor: pointer;
        background: url(assets/images/whyus2.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    color:#111;
    }
    .whyus2img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus2 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus2 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    .whyus3{
        grid-column: 3/4;
        grid-row: 1;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 320px;
        cursor: pointer;
        background: url(assets/images/whyus3.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
    color:#111;
    }
    .whyus3img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus3 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus3 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    .whyus4{
        grid-column: 4/5;
        grid-row: 1;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 320px;
        cursor: pointer;
        background: url(assets/images/whyus4.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        color:#111;
    }
    .whyus4img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus4 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus4 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    /* WHY US ENDE*/
    
    /* SIEGEL SECTION START*/
    .siegel img{
        width: 100%;
        margin-bottom: -9px;
        padding-top: 80px;
        background: #f3f4f6;
    }
    
    /* SIEGEL SECTION ENDE*/
    
    /* SERVICES START*/
    #services{
        text-align: center;
        width: 100%;
        background: url(assets/images/service-man4.png) no-repeat;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-color: #f3f4f6;
        background-size: contain;
        height: auto;
    }
    .parallax2{
        background-image: url(assets/images/service-bg2.png);
        background-position: right;
        background-attachment: fixed;
        height: auto;
    }
    .servicestext{
        padding-top: 50px;
    }
    .servicestext h3{
        font-size: 30px;
        font-weight: 300;
    }
    .servicestext p{
        font-size: 18px;
    }
    .servicesgrid1{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        width: 100%;
        padding-top: 50px;
    }
    .serviceall label{
        background-size: 78% !important;
        background-position: center center !important;
        margin: 0 auto 10px auto;
    }
    .service1 h4, .service2 h4, .service3 h4, .service4 h4, .service5 h4{
        font-weight: 300;
    }
    .serviceall{
        background: white;
        padding: 1em;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        cursor: pointer;
    }
    .service1{
        grid-column: 1/2;
        grid-row: 1;
        width: 200px;
        text-align: center;
        margin-left: auto;
        margin-right: 50px;
        border: 1px solid #ccc;
        height: 200px;
    }
    .service2{
        grid-column: 2/3;
        grid-row: 1;
        width: 200px;
        text-align: center;
        margin-right: auto;
        margin-left: 50px;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
    }
    .servicesgrid2{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        padding-top: 50px;
        width: 100%;
        padding-bottom: 70px;
    }
    .service3{
        grid-column: 1/2;
        grid-row: 1;
        width: 200px;
        text-align: center;
        margin-left: auto;
        margin-right: 15px;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
    }
    .service4{
        grid-column: 2/3;
        grid-row: 1;
        width: 200px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
    }
    .service5{
        grid-column: 3/4;
        grid-row: 1;
        width: 200px;
        text-align: center;
        margin-right: auto;
        margin-left: 15px;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
    }
    .lb1{
        background: url(assets/images/icon2.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 40px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb2{
        background: url(assets/images/icon1.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 70px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb3{
        background: url(assets/images/icon4.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 85px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb4{
        background: url(assets/images/icon5.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 83px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb5{
        background: url(assets/images/icon3.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 68px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .service4:hover{
        border: 5px solid #f73c95;
    }
    .service4:hover .lb4{
        background: url(assets/images/icon5-hover.png) no-repeat 0 0px;
    }
    .service5:hover{
        border: 5px solid #f73c95;
    }
    .service5:hover .lb5{
        background: url(assets/images/icon3-hover.png) no-repeat 0 0px;
    }
    .service3:hover{
        border: 5px solid #f73c95;
    }
    .service3:hover .lb3{
        background: url(assets/images/icon4-hover.png) no-repeat 0 0px;
    }
    .service2:hover{
        border: 5px solid #f73c95;
    }
    .service2:hover .lb2{
        background: url(assets/images/icon1-hover.png) no-repeat 0 0px;
    }
    .service1:hover{
        border: 5px solid #f73c95;
    }
    .service1:hover .lb1{
        background: url(assets/images/icon2-hover.png) no-repeat 0 0px;
    }
    
    
    
    
    
    
    /* SERVICES ENDE*/
    
    
    
    /* FOOTER START */
    #footer {
        float: left;
        clear: both;
        width: 100%;
    }
    .footer-top-strip {
        float: left;
        width: 100%;
        background: url(assets/images/footer-strip-bg.jpg) repeat;
        padding: 25px 0 27px;
        margin: 0;
    }
    .footer-top-strip p {
        color: #fff;
        text-align: center;
        font-size: 30px;
        font-weight: 300;
        margin: 0;
    }
    .footer-top-strip p span {
        font-weight: bold;
    }
    .footer-widgets-wrapper {
        float: left;
        padding: 45px 0 10px;
        position: relative;
        width: 100%;
    }
    .copyright {
        float: left;
        width: 100%;
        clear: both;
        padding: 17px 0px;
        background: -webkit-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
    background: -o-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
    background: -moz-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
    background: linear-gradient(to right, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d39f', endColorstr='#d4be00',GradientType=1 );
    }
    .copyright p {
        float: left;
        margin: 0;
        color: #fff;
        font-size: 13px;
        padding: 5px 9px 0 12px;
    }
    .footer-links {
        float: right;
        margin: 0;
    }
    .footer-links li {
        float: left;
        display: inline;
        padding-bottom: 0;
        position: relative;
    }
    .footer-links li a {
        font-size: 13px;
        color: #fff;
        padding: 5px 9px 0 12px;
        line-height: 22px;
    }
    .column.first {
        margin-left: 0px;
    }
    .dt-sc-one-fourth-first {
        width: 46.8%;
    }
    .dt-sc-one-fourth {
        width: 23.4%;
    }
    .column {
        box-sizing: border-box;
        margin: 0px 0px 0px 2%;
            margin-left: 2%;
        float: left;
        min-height: 1px;
        position: relative;
    }
    .widget.widget_text {
        margin: 0;
        width: 100%;
    }
    .widget {
        float: left;
        width: 100%;
        padding: 0px 0px 40px;
        margin: 0px;
        position: relative;
    }
    .column img {
        max-width: 250px;
        height: auto;
    }
    #footer .widget h3 {
        font-size: 24px;
        font-weight: 300;
    }
    .widget h3 {
        font-size: 20px;
    }
    .widgettitle {
        position: relative;
        margin-bottom: 25px;
        position: relative;
        line-height: normal;
    }
    .widget ul {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .widget.widget_text ul li {
        margin-bottom: 5px;
        padding: 0 0 6px;
        position: relative;
        border-bottom: none;
    }
    .widget.widget_text ul li a {
        font-size: 13px;
        color: #636363;
    }
    .widget.widget_text p .fa {
        font-size: 16px;
    }
    .widget.widget_text p .fa {
        margin: 6px 16px 10px 0;
        float: left;
        font-size: 16px;
    }
    .mailfooter{
        color: #f73c95;
        text-transform: none;
    }
    /* FOOTER ENDE */
}
@media only screen and (max-device-width : 950px){
    #desktop{
        display: none;
    }
    * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        background: transparent;
        border: 0;
        font-size: 100%;
        outline: 0;
        padding: 0;
        font-family: 'Open Sans', sans-serif
    }
    
    body {
        font-weight: normal;
        font-size: 14px;
        line-height: 28px;
        background: #ffffff;
        color: #515151;
        font-family: 'Open Sans',sans-serif;
        margin: 0;
        padding: 0;
    }
    a{
        font-size: 13px;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 1.2px;
        font-family: 'Open Sans';
        text-decoration: none;
    }
    /*-------------------------------------------------*/
    
    .wrapper {
        clear: both;
        max-width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .container {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        clear: both;
    }
    
    /* HEADER START */
    .nav{
        text-align: right;
    }
    .menu2{
        color:black;
        text-align: center;
        display: none;
        line-height: ;
        padding: 1em;
        border-top: 2px solid #fff;
        background: #fff;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 3px 5px 0px rgba(150, 150, 150, 0.75);
        border-bottom: 2px solid #fff;
    }
    .menu2 a{
        text-decoration: none;
        color:#222;
        display: block;
    }
    .nav label{
        font-size: 26px;
        display: block;
        cursor: pointer;
        line-height: 60px;
        height: 75px;
        margin: 0 40px 0 0;
        position: absolute;
        bottom: 0%;
        left: 85%;
        top: 1%;
        color: #222;
    }
    #toggle{
        display: none;
    }
    #toggle:checked + .menu2 {
        display: block;
    }



    #header-wrapper{
        width: 100%;
        background: #fff;
        height: 60px;
        border-bottom: 1px solid #ccc;;
    }
    #logo a {
        display: block;
        width: 100%;
    }
    #logo {
        position: relative;
        text-align: center;
        padding: 4px 0;
        line-height: normal;
        width: 20%;
    }
    #logo a img{
        height: 40px;
        margin: 5px 0 0 25px;
    }
    .header {
        width: 100%;
        margin: 0px;
        padding: 0px;
        position: fixed;
        z-index: 9999;
    }
    .header #main-menu {
        float: right;
    }
    #main-menu {
        float: right;
        margin: 0px;
        padding: 0px;
    }
    #main-menu ul {
        margin: 0px auto;
        padding: 0px;
        position: relative;
    }
    ul {
        list-style-type: none;
        list-style-position: inside;
        list-style: none;
        text-decoration: none;
    }
    #main-menu > ul > li {
        display: inline-block;
        padding: 0;
        position: relative;
    }
    #menu-container #main-menu #menu-header #menu-item a{
        padding: 23px 15px 21px;
    }
    /* HEADER ENDE */
    #main {
        padding-top: 60px;
        border-bottom: 2px solid #818181;
    }
    .headline{
        margin: 0 auto;
        position: absolute;
        clear: both;
        top: 20%;
        width: 100%;
    }
    .headline h1{
        margin: 0;
        font-size: 40px;
        color: #222;
        padding: 10px;
        text-align: left;
        font-weight: 300;
        line-height: 40px
    }
    /* MAIN CONTENT START */
    .containerapp{
        max-width: 350px;
        margin: 0 auto;
        position: relative;
        clear: both;
        min-height: 400px;
    }
    .wrapperapp{
        width: 100%;
        height: 50px;
        background: rgba(248, 248, 248, 0.9);
        position: absolute;
        top: 50%;
    }
    #app{
        top: 20%;
background: white;
border: 5px solid #f5f5f5;
-webkit-box-shadow: 0px 0px 5px 1px rgba(150,150,150,1);
        -moz-box-shadow: 0px 0px 5px 1px rgba(150,150,150,1);
        box-shadow: 0px 0px 5px 1px rgba(150,150,150,1);
    }
    .formleft{
        width: 100%;
        padding: 10px;
    }
    .formright{
        width: 100%;
        position: absolute;
        left: 49%;
        bottom: 20%;
        border-left: 1px solid rgba(0,0,0,.15);
        padding-left: 10px;
    }
    .selectleistung{
        width: 98%;
        height: 100%;
        padding-right: 5px;
        margin-right: 5px;
        padding-left: 15px;
        margin-top: 3px;
        cursor: pointer;
    }
    .inputplz{
        width: 98%;
        padding-left: 5px;
    }
    .formbtn{
        width: 100%;
        position: relative;
        bottom: 13%;
    }
    .btnform {
        height: 36px;
        background: linear-gradient(to right, #9105ea, #f73c95);
        padding-top: 3px;
        color: white; 
        cursor: pointer;
        text-align: center;
    }
    /*DROPDOWN START*/
    div.mm-dropdown {
        width: 100%;
        cursor: pointer;
      }
      
      div.mm-dropdown ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border: 0;
        padding-top: 10px;
      }
      .input-option{
      }
      
      div.mm-dropdown ul li,
      div.mm-dropdown div.textfirst {
        padding: 0;
        color: #333;
        padding-left: 10px;
        padding-right: 10px;
      }
      
      div.mm-dropdown div.textfirst img.down {
        float: right;
        margin-top: 10px
      }
      
      div.mm-dropdown ul li:last-child {
        border-bottom: 0;
      }
      div.mm-dropdown ul li {
        display: none;
        padding-left: 25px;
        padding: 5px 0 5px 15px;
      }
      
      div.mm-dropdown ul li.main {
        display: block;
      }
      
      div.mm-dropdown ul li img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
      }
    /*DROPDOWN ENDE*/
    
    
    .partnerpngpng{
        background: url(assets/images/partnerpng.png);
        background-size: contain;
        height: 50px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin: 0 auto;
    }
    .partnerpng{
        background: rgb(224, 224, 224);
        opacity: .9;
        margin-top: 100px;
    }
    
    .fullbg{
        width: 100%;
        height: auto;
        margin: 0px auto 0px 0px;
        position: relative;
        visibility: visible;
        background: url(assets/images/bg2-mobile.jpg)75% 100%/cover no-repeat rgba(255,255,255,0);
    }
    .fullbg img{
        width: 100%;
        height: 550px;
        font-size: 13px;
        line-height: 17px;
        margin: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        z-index: auto;
        padding: 0px;
        border-width: 0px;
        border-radius: 0px;
    }
    /* MARGIN */
    .dt-sc-margin801 {
        margin: 40px 0px;
        width: 100%;
        clear: both;
    }
    .dt-sc-margin160{
        margin: 80px 0px;
        width: 100%;
        clear: both;
    }
    /* MARGIN */
    /* PRIMARY CONTENT START */
    #primary.content-full-width {
        width: 100%;
    }
    #primary {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .intro-text {
        width: 100%;
        position: relative;
        text-align: center;
        padding: 1em;
        background: #f3f4f6;
    }
    .intro-text h2 {
        font-size: 26px;
        font-weight: 300;
        padding: 1em;
        color: #000;
        text-align: center;
    }
    .bigbtn{
        background: -webkit-linear-gradient(left, #9105ea, #f73c95);
        background: -o-linear-gradient(left, #9105ea, #f73c95);
        background: -moz-linear-gradient(left, #9105ea, #f73c95);
        background: linear-gradient(to right, #9105ea, #f73c95);
        overflow: hidden;
        color: #fff;
        border: none;
        padding: 15px;
        z-index: 3;
        border-radius: 4px;
        display: inline-block;
        line-height: normal;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 1px;
        font-weight: 400;
        position: relative;
        top: 43px;
        margin: 0;
        transition: 1s all ease;
        width: 300px;
    }
    /* PRIMARY CONTENT ENDE */
    
    /* WHY US START*/
    .underline{
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        border-bottom: 3px solid #717171;
    }
    .whyusgrid{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        width: 100%;
        padding: 60px 0 30px 0;
        margin-left: auto;
        margin-right: auto;
    }
    .whyus1{
        grid-column: 1;
        grid-row: 1;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 330px;
        cursor: pointer;
        background: url(assets/images/whyus1.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        color:#111;
        margin-left: auto;
        margin-right: auto;
    }
    .whyus1img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus1 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus1 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    .whyus2{
        grid-column: 1;
        grid-row: 2;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 330px;
        cursor: pointer;
        background: url(assets/images/whyus2.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        color:#111;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }
    .whyus2img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus2 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus2 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    .whyus3{
        grid-column: 1;
        grid-row: 3;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 330px;
        cursor: pointer;
        background: url(assets/images/whyus3.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        color:#111;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }
    .whyus3img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus3 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus3 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    .whyus4{
        grid-column: 1;
        grid-row: 4;
        width: 250px;
        border: 1px solid #ccc;
        padding: 30px 10px;
        height: 360px;
        cursor: pointer;
        background: url(assets/images/whyus4.jpg) center top no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        color:#111;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }
    .whyus4img{
        display: block;
        height: 60px;
        margin: 0 auto;
        background-size: contain;
    }
    .whyus4 h4{
        width: 230px;
        padding-top: 120px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        border-bottom: 2px solid #ccc;
    }
    .whyus4 p{
        border-bottom: 2px solid #ccc;
        padding-bottom: 20px;
    }
    /* WHY US ENDE*/
    
    /* SIEGEL SECTION START*/
    .siegel img{
        width: 100%;
        margin-bottom: -9px;
    }
    .siegel{
        padding-top: 80px;
        background: #f3f4f6;
    }
    /* SIEGEL SECTION ENDE*/
    
    /* SERVICES START*/
    .service1 h4, .service2 h4, .service3 h4, .service4 h4, .service5 h4{
        font-weight: 300;
    }
    #services{
        text-align: center;
        width: 100%;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-color: #f3f4f6;
        background-size: contain;
        height: auto;
    }
    .parallax2{
        background-image: url(assets/images/service-bg2.png);
        background-position: right;
        background-attachment: fixed;
        height: auto;
    }
    .servicestext{
        padding-top: 50px;
    }
    .servicestext h3{
        font-size: 26px;
        padding: 1em;
        font-weight: 300;
        color: #000;
    }
    .servicestext p{
        font-size: 18px;
        padding: 1em;
    }
    .servicesgrid1{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        width: 100%;
        padding-top: 20px;
    }
    .serviceall label{
        background-size: 78% !important;
        background-position: center center !important;
        margin: 0 auto 10px auto;
    }
    .serviceall{
        background: white;
        padding: 1em;
        -webkit-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        box-shadow: 0px 0px 4px 1px rgba(173,173,173,1);
        cursor: pointer;
    }
    .service1{
        grid-column: 1;
        grid-row: 1;
        width: 200px;
        text-align: center;
        margin-left: auto;
        margin-right: 50px;
        border: 1px solid #ccc;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
    .service2{
        grid-column: 1;
        grid-row: 2;
        width: 200px;
        text-align: center;
        margin-right: auto;
        margin-left: 50px;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
        margin-left: auto;
        margin-right: auto;
    }
    .servicesgrid2{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        padding-top: 50px;
        width: 100%;
        padding-bottom: 70px;
        margin-left: auto;
        margin-right: auto;
    }
    .service3{
        grid-column: 1;
        grid-row: 3;
        width: 200px;
        text-align: center;
        margin-left: auto;
        margin-right: 15px;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
    .service4{
        grid-column: 1;
        grid-row: 4;
        width: 200px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
    .service5{
        grid-column: 1;
        grid-row: 5;
        width: 200px;
        text-align: center;
        margin-right: auto;
        margin-left: 15px;
        border: 1px solid #ccc;
        height: 200px;
        padding: 1em;
        margin-left: auto;
        margin-right: auto;
    }
    .lb1{
        background: url(assets/images/icon2-hover.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 40px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb2{
        background: url(assets/images/icon1-hover.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 70px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb3{
        background: url(assets/images/icon4-hover.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 85px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb4{
        background: url(assets/images/icon5-hover.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 83px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .lb5{
        background: url(assets/images/icon3-hover.png) no-repeat 0 0px;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto auto;
        width: 68px;
        height: 75px;
        min-height: 66px;
        display: block;
        cursor: pointer;
    }
    .service4:hover{
        border: 5px solid #f73c95;
    }
    .service4:hover .lb4{
        background: url(assets/images/icon5-hover.png) no-repeat 0 0px;
    }
    .service5:hover{
        border: 5px solid #f73c95;
    }
    .service5:hover .lb5{
        background: url(assets/images/icon3-hover.png) no-repeat 0 0px;
    }
    .service3:hover{
        border: 5px solid #f73c95;
    }
    .service3:hover .lb3{
        background: url(assets/images/icon4-hover.png) no-repeat 0 0px;
    }
    .service2:hover{
        border: 5px solid #f73c95;
    }
    .service2:hover .lb2{
        background: url(assets/images/icon1-hover.png) no-repeat 0 0px;
    }
    .service1:hover{
        border: 5px solid #f73c95;
    }
    .service1:hover .lb1{
        background: url(assets/images/icon2-hover.png) no-repeat 0 0px;
    }
    
    
    
    
    
    
    /* SERVICES ENDE*/
    
    
    
    /* FOOTER START */
    #footer {
        clear: both;
        width: 100%;
    }
    .footer-top-strip {
        width: 100%;
        background: url(assets/images/footer-strip-bg.jpg) repeat;
        padding: 25px 0 27px;
        margin: 0;
        border-top: 2px solid #3f3f3f;
        border-bottom: 2px solid #3f3f3f;
    }
    .footer-top-strip p {
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        margin: 0;
    }
    .footer-top-strip p span {
        font-weight: bold;
    padding: 5px;
    border-radius: 2px;
    }
    .footer-widgets-wrapper {
        padding: 45px 0 10px;
        position: relative;
        width: 100%;
    }
    .span a{
        color:white;
        font-weight: bold;
    }
    .copyright {
        width: 100%;
        clear: both;
        padding: 17px 0px;
        background: -webkit-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
    background: -o-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
    background: -moz-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
    background: linear-gradient(to right, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d39f', endColorstr='#d4be00',GradientType=1 );
        text-align: center;
        border-top: 2px solid #838383;
    }
    .copyright p {
        margin: 0;
        color: #fff;
        font-size: 13px;
        padding: 5px 9px 0 12px;
    }
    .footer-links {
        margin: 0;
        text-align: center;
    }
    .footer-links li {
        display: inline;
        padding-bottom: 0;
        position: relative;
    }
    .footer-links li a {
        font-size: 13px;
        color: #fff;
        padding: 5px 9px 0 12px;
        line-height: 22px;
        display: inline-block;
    }
    .column.first {
        margin-left: 0px;
    }
    .dt-sc-one-fourth-first {
        width: 100%;
    }
    .dt-sc-one-fourth {
        width: 100%;
    }
    .textwidget {
        display: inline-block;
    }
    .column {
        box-sizing: border-box;
        margin: 0px 0px 0px 2%;
            margin-left: 2%;
        min-height: 1px;
        position: relative;
        padding-left: 25px;
    }
    .widget.widget_text {
        margin: 0;
        width: 100%;
    }
    .widget {
        width: 100%;
        padding: 0px 0px 40px;
        margin: 0px;
        position: relative;
    }
    .column img {
        max-width: 150px;
        height: auto;
    }
    #footer .widget h3 {
        font-size: 24px;
        font-weight: 300;
    }
    .widget h3 {
        font-size: 20px;
    }
    .widgettitle {
        position: relative;
        margin-bottom: 25px;
        position: relative;
        line-height: normal;
    }
    .widget ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .widget.widget_text ul li {
        margin-bottom: 5px;
        padding: 0 0 6px;
        position: relative;
        border-bottom: none;
    }
    .widget.widget_text ul li a {
        font-size: 13px;
        color: #636363;
    }
    .widget.widget_text p .fa {
        font-size: 16px;
    }
    .widget.widget_text p .fa {
        font-size: 16px;
    }
    .mailfooter{
        text-transform: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }
    .telfooter{
        text-transform: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }
    .textwidget i{
        padding-right: 15px;
    }
    .textwidget a{
        color: #f73c95;
    }
    /* FOOTER ENDE */
}