body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
@font-face {
    font-family: DisplayRegular;
    font-weight: normal;
    src: url('../../files/_redesign/font/DisplayRegular.woff2');
}
html {
    scroll-behavior: smooth;
}

input, textarea, button {
    font: 16px/24px 'DisplayRegular',Arial,sans-serif;
}
.link_mobile {
    display: none;
}
.link_desktop {
}
#ankermenuopen a {
    display:block;
    padding:6px 20px 5px;
    text-decoration:none;
    color:#fff;
}
#ankermenuopen a:hover {
    background-color:#9aafce;
}
#ankermenu {
    width:50px;
    height:50px;
    right:5%;
    top:5%;
    position:fixed;
    background:#35609d url("../../files/_redesign/elements/icon_menu.png") center center no-repeat;
    z-index: 9997 !important;
    background-size: 80%;
    /*border: 1px solid #ffffff;*/
    box-sizing: border-box;
}
#ankermenuopen {
    top:5%;
    position:fixed;
    padding:10px 20px;
    background-color:rgba(53,96,157,.7);
    background-position:center center;
    font-size:16px;
    line-height:24px;
    z-index: 1000000;
    right: calc(5% + 50px);
    opacity: 0;
    color: #ffffff;
    box-sizing: border-box;
    /*z-index: 10000000;*/
}
#ankermenuopen p {
    margin: 10px 0px 10px 0px !important;
}
body {
    text-align:center;
    font: 16px/24px 'DisplayRegular',Arial,sans-serif;
}
.content-text a,
#introtext a {
    display:inline-block;
    margin-top:1em;
    padding:10px 50px 10px 20px;
    background:#900 url("../../files/_redesign/elements/cta_element.png") right center no-repeat;
    font-size:1.5em;
    text-decoration:none;
    color:#fff;
    background-size: contain;
}
.calculator a {
    height:10vw;
    float:left;
    font-size:2vw;
    line-height:2.5vw;
    text-decoration:none;
    color:#fff;
    background: none;
    margin-left: 3vw;
    margin-bottom: 3vw;
    margin-top: 0;
    padding: 0;
    background-color: #35609d;
    width: 28%;
    display:flex;
    justify-content: center;
      align-items: center;
}
.calculator a:nth-child(3n+1) {
    margin-left:5%;
}
#moreCalculators {
    width:100%;
    display: none;
}
#introtext p {
    margin:0;
    padding:0 0 .5em;
    font-size:2.5em;
    line-height:1.2em;
    font-weight:normal;
}
h1 {
    margin:0;
    padding:0 0 .5em;
    font-size:2.5em;
    line-height:1.2em;
    font-weight:normal;
}
h2 {
    margin:0;
    padding:0 0 .5em;
    font-size:2.5em;
    line-height:1.2em;
    font-weight:normal;
}
#zinsenblock h2 {
    padding-bottom:0;
}
h3 {
    margin:0;
    padding:0;
}
#zinsenblock h3 {
    margin-top:10px;
    padding:0;
    font-size:14px;
    font-weight: normal;
}
h4 {
    margin:10px 0 0;
    padding:0;
    font-size:.75em;
}
h5 {
    margin:0;
    padding:0;
    font-size:.75em;
}
#logo {
    width:100%;
    height:17%;
    position:fixed;
    background-image:url("../../files/_redesign/elements/logo_kezelepartner.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: contain;
    z-index: 100000;
    pointer-events: none;
}
#header {
    width:100%;
    height:700px;
    margin-bottom:120px;
    background-image:url("../../files/_redesign/images/titelimage.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size: cover;
}
.inside {
    width:100%;
    height:100%;
}
#introtext {
    width:70%;
    max-width:600px;
    bottom:-50px;
    right:0;
    position:absolute;
    margin-right:5%;
    padding:110px 30px 30px;
    text-align:left;
    background-image:url("../../files/_redesign/elements/bginfotext.png");
    background-position:left top;
    background-repeat:no-repeat;
    color:#fff;
}
.ce_form {
    clear:both;
    padding-top:2.5em;
    padding-bottom:2.5em;
    text-align:center;
    background-color:#9aafce;
    color:#fff;
    margin-top: 8em;
}
.formbody {
    width:90%;
    max-width:800px;
    margin:auto;
}
.widget-text {
    float:left;
    display:inline-block;
    margin:0;
    padding:10px;
    width: calc(50% - 20px);
}
.widget-textarea {
    float:left;
    display:inline-block;
    margin:0;
    padding:10px;
    width: calc(100% - 20px);
}
.text,
.textarea {
    padding: 10px 10px !important;
}
.submit {
    padding:10px;
    padding: 10px 40px 8px 40px !important;
    font-size: 16px !important;
    margin: 20px 0px 0px 0px !important;
}
#contact {
    padding-top:40px;
    padding-bottom:40px;
    background-color:#35609d;
}
#contactLeft {
    width:50%;
    float:left;
}
#contactRight {
    width:50%;
    float:left;
    margin:0;
    padding:0;
    text-align:left;
}
#contactElement {
    width:400px;
    float:right;
    margin-top:40px;
    text-align:left;
    color:#fff;
}
#contactElement a {
    margin:0;
    padding:0;
    text-align:left;
}
#container .content-text {
    margin-right:5%;
    margin-left:5%;
    margin-top: 5em;
    margin-bottom: 2em;
}
#zinsenblock {
    padding-top:2.5em;
    padding-bottom:1.5em;
    margin-top: 5em;
    margin-left: 0;
    margin-right: 0;
    background-color: rgba(0,0,0,0.1);
}
.content-text.imagetext {
    text-align:left;
}
.float_right, .media--right > figure, .float_left, .media--left > figure {
    width:40%;
}
#footer {
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
    background-color:#284876;
    color:#fff;
}
.image_container.float_left {
    margin-right:5%;
    margin-bottom:5%;
}
.float_right, .media--right > figure {
    margin-bottom:5%;
    margin-left:5%;
}
#footer a {
    margin-right:10px;
    margin-left:10px;
    padding:0;
    font:16px/24px 'Gilda Display',serif;;
    text-decoration:underline;
    color:#fff;
    background: none;
}
.teaser {
    width:25%;
    float:left;
    display:inline-block;
    margin:0 0 0 6.25%;
    text-align:left;
}
#teaser01 {
    margin-top:100px;
    margin-bottom:40px;
}
#teaser02 {
    margin-top:200px;
    margin-bottom:40px;
}
.proven {
    padding-bottom:20px;
    background-color:#35609d;
}
.proven a {
    padding:0;
    background: none;
}
.caroufredsel_next span,
.caroufredsel_prev span {
    display:none;
}
#contactElement a {
    text-align:center;
    font:16px/24px 'Gilda Display',serif;;
    text-decoration:underline;
    color:#fff;
    background:none;
}
#mbCenter {
    position:fixed;
    top: 10% !important;
    left: 10% !important;
    width: 80% !important;
    height: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    /*border: 15px solid rgba(255, 255, 255, 0.5);*/
    /*box-sizing: border-box;*/
}

#mbCenter.mbLoading {
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mbImage {
    padding:0;
}
#mbBottom {
    padding:0;
/*    display: none;*/
}

#mbNextLink, #mbPrevLink, #mbTitle, #mbNumber, #mbCaption {
    display: none;
}
#mbCloseLink {
    width:50px;
    height:50px;
    right:2em;
    top:2em;
    position:fixed;
    display:inline-block;
    padding:0;
    background-image:url("../../files/_redesign/elements/icon_close.png");
    background-size: contain;
    background-position: center;
    background-color: rgba(0,0,0,0);
    /*border-radius: 25px;*/
}
#mbCloseLink big {
    display: none;
}

td {
    padding:10px 10px 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
table {
    margin: 0 auto;
    width: calc(100% - 4em);
    border-collapse: collapse;
}
.calculator.content-text {
    width:100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    margin-top: 5em;
    margin-bottom: 2em;
}
.content-text li {
    margin-left:3%;
    list-style-type:square;
}
.calculator a.more_calculator {
    display:none;
}
.calculator a.more_calculator_show {
    display: flex;
}
#showMoreCalculator {
    width:90%;
    margin-left:5%;
    padding-top:10px;
    padding-bottom:10px;
    background-image:url("../../files/_redesign/elements/more_element.png");
    background-position:left center;
    background-repeat:no-repeat;
    font-size:1.5em;
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
    background-size: contain;
}
#myBtn {
    width:50px;
    height:50px;
    bottom:5%;
    right:5%;
    position:fixed;
    display:none;
    background:rgba(53,96,157,.8) url("../../files/_redesign/elements/up.png") center center no-repeat;
    z-index: 9999;
    background-size: 80%;
    /*border: 1px solid #ffffff;*/
    box-sizing: border-box;
}
#immobilienfinanzierung p,
#immobilienbewertung p,
#handwerkerservice p {
    text-align: justify !important;
}
#immobilienbewertung p, #immobilienbewertung h2 {
    margin-left: 45% !important;
    text-align: left;
}
#handwerkerservice p,
#immobilienfinanzierung p,
#immobilienfinanzierung h1 {
    margin-right: 45%;
}
.calculator a.link_mobile {
    display: none;
}
.calculator a.link_desktop {
    display: flex;
}
.error {
    font:10px Arial;
    color:#f00;
}

@media screen and (max-width: 959px) {
    #handwerkerservice p,
    #immobilienfinanzierung p,
    #immobilienfinanzierung h1 {
        margin-right: 0;
    }
    
/*
    iframe {
        width: 100% !important;
    }
*/
    h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: normal;
    }
    h2 {
        margin: 0 0 10px;
        padding: 0;
        font-size: 24px;
        line-height: 32px;
        font-weight: normal;
    }
    #introtext {
        bottom: -50px;
        right: 0;
        position: absolute;
        margin-right: 10%;
        padding: 120px 30px 30px;
        text-align: left;
        background-image: url("../../files/_redesign/elements/bginfotext.png");
        background-position: left top;
        background-repeat: no-repeat;
        font-size: 14px;
        color: #fff;
        width: calc(80% - 60px);
        max-width: calc(80% - 60px);
    }
    .float_right, .media--right > figure, 
    .float_left, .media--left > figure {
        width: 100%;
/*        margin-bottom: 3em;*/
        float: none;
        margin-right: 0;
        margin-bottom: 5%;
        margin-left: 0;
    }
    
    
    .widget-text {
        float: left;
        display: inline-block;
        margin: 0;
        padding: 10px;
        width: calc(100% - 20px);
    }
    .teaser {
        width: 80%;
        float: left;
        display: inline-block;
        margin: 0 0 0 10%;
        text-align: left;
    }
    #teaser01,
    #teaser02,
    #teaser03 {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    #contactLeft {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    #contactRight {
        width: 100%;
        float: left;
        text-align: center;
    }
    #contactElement {
        width: 100%;
        margin: 0;
        text-align: center;
        color: #fff;
    }
    #immobilienbewertung p {
        margin-left: 0% !important;
    }
    #handwerkerservice p,
    #immobilienfinanzierung p {
        margin-right: 0% !important;
    }
/*
    .image_container.float_left {
        margin-right: 0;
        margin-bottom: 5%;
    }
    .image_container.float_right {
        margin-bottom: 5%;
        margin-left: 0;
    }
*/
    .content-text a {
        font-size: 1.25em;
    }
    .calculator a {
        font-size: 2.25vw;
        line-height: 3vw;
    }
    .calculator a.link_mobile {
        display: flex;
    }
    .calculator a.link_desktop {
        display: none;
    }
    #showMoreCalculator {
        font-size: 1.25em;
    }
/*
    #mbCenter {
        position: fixed;
        top: calc(2em + 50px + 2em) !important;
        left: 5% !important;
        width: 90% !important;
        height: calc(95% - 2em - 50px - 2em) !important;
        margin: 0 !important;
        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: visible;
    }
*/
    #logo {
        width: 100%;
        height: 20%;
        position: fixed;
        background-image: url("../../files/_redesign/elements/logo_kezelepartner_mobile.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .link_mobile {
        display: flex;
    }
    .link_desktop {
        display: none;
    }
}

