* {
    margin: 0;
    padding: 0;

    font-family: roboto, sans-serif;
}

body{
    font-size: 1.10rem;
    font-weight: 200;
}

div{
    box-sizing: border-box;
}

h1{font-size: 2rem; font-weight: 600; margin-bottom: 1rem;}
h2{font-size: 1.8rem; font-weight: 500; margin-bottom: 1rem;}
h3{font-size: 1.6rem; font-weight: 400; margin-bottom: 1rem;}
h4{font-size: 1.4rem; font-weight: 300; margin-bottom: 1rem;}
h5{font-size: 1.2rem; font-weight: 200; margin-bottom: 1rem;}
h6{font-size: 1rem; font-weight: 100; margin-bottom: 1rem;}

p{margin-bottom: 1rem;}


ul{
    list-style: none;
}
ul > li{
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;

    background-image: url(../_files/_icons/done.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 5px;
}

img{
    max-width: 100%;
}

hr{
    display: inline-block;
    
    width: 145px;
    height: 4px;

    margin-bottom: 1rem;

    border: none;

    background-color: #beaf87;
}


section{
    padding: 50px 0;
}

.r{
    display: flex;

    justify-content: space-around;
 
    width: 85%;
    
    margin: 0 auto;
    padding: 25px;
}
.r.c-spacing > div{
    margin: 0 25px;
}
.r.midle-align{
    align-items: center;
}
.c1{width: calc(100/12*1%);}
.c2{width: calc(100/12*2%);}
.c3{width: calc(100/12*3%);}
.c4{width: calc(100/12*4%);}
.c5{width: calc(100/12*5%);}
.c6{width: calc(100/12*6%);}
.c7{width: calc(100/12*7%);}
.c8{width: calc(100/12*8%);}
.c9{width: calc(100/12*9%);}
.c10{width: calc(100/12*10%);}
.c11{width: calc(100/12*11%);}
.c12{width: calc(100/12*12%);}

@media screen and ( max-width: 800px ){
    .r{
        flex-flow: column;
        
        align-items: center;
        
        width: 95%;
    }
    .r > div{
        width: 100%;
    }
    
    #pos-10 .c4{
        margin-bottom: 75px;
    }
    
    #hikelCOM_Form select, #hikelCOM_Form input[type="text"], #hikelCOM_Form input[type="password"], #hikelCOM_Form input[type="datetime"], #hikelCOM_Form input[type="datetime-local"], #hikelCOM_Form input[type="date"], #hikelCOM_Form input[type="month"], #hikelCOM_Form input[type="time"], #hikelCOM_Form input[type="week"], #hikelCOM_Form input[type="number"], #hikelCOM_Form input[type="email"], #hikelCOM_Form input[type="url"], #hikelCOM_Form input[type="search"], #hikelCOM_Form input[type="tel"], #hikelCOM_Form input[type="color"] {
        width: 100%;
    }
}



#header{
    padding: 0 0;
    background-color: #fff;
    transition: all ease 0.5s;
}
#header:hover{
    background-color: #000;
}
#header > .r{
    align-items: center;
}
#header .logo-nav{
    padding: 15px 0;
}
#header .logo-nav .logo img{
    height: 50px;
}
#header .nav ul{
    display: flex;
}
#header .nav ul li{
    background: none;
}
#header .nav ul li a{
    color: #000;
    text-decoration: none;
    transition: all ease 0.5s;
}
#header:hover .nav ul li a{
    color: #fff;
}
#header .nav ul li a:hover{
    color: #beaf87;
    text-decoration: underline;
}
@media screen and ( max-width: 800px ){
    #header .logo-nav .logo{
        text-align: center;
        
        margin-bottom: 15px;
    }
    #header .logo-nav .logo img{
        width: 75%;
    }
    
    #header .nav ul{        
        flex-flow: column;
        
        margin-left: 15px;
    }
}


#pos-1{
    background-color: #f8fafc;
}

#pos-5 .r .bg,
#pos-10 .r .bg{
    background-color: #fff;
}


#pos-9 .c-blue{
    text-align: left;
    
    padding: 25px;
    
    background-color: #004799; 
    
    color: white
}

#pos-10 img{
    margin-top: -95px;
}
#pos-10 h4{
    display: inline-block;
    
    border-bottom: solid 3px #beaf87;
}

#footer{
    color: #fff;
}
#footer .logo{
    height: 50px;
    margin: 0 0 25px 0;
}
#footer a{
    color: #fff;
    text-decoration: none;
}
#footer a:hover{
    
}


ul.faq li{    
   background: none; 
}
ul.cancel li{   
    margin: 0;
    padding: 2px 0 25px 35px;
    
    background-image: url(../_files/_icons/cancel.svg);
    
    background-position-y: 0px;
    background-size: 28px;
}
ul.done-green li{   
    margin: 0;
    padding: 2px 0 25px 35px;
    
    background-image: url(../_files/_icons/done-green.svg);
    
    background-position-y: 2px;
    background-size: 25px;
}


.datenschutzerklaerung ol{
    margin-left: 18px;
}
.datenschutzerklaerung ul{
    margin-left: 18px;
    list-style: disc;
}
.datenschutzerklaerung ul li{
    background: none;
    
    padding-left: 0;
}

.bt-wertermittlung{
    text-align: center;   
}
.bt-wertermittlung .bt{
    display: inline-block;
       
    margin: 0 0 10px 0;
    
    padding: 15px 25px 0;
    
    background: #645d49;
    border: 1px solid #beaf87;
    
    color: #fff; 
    
    text-decoration: none;
}


.txt-center{
    text-align: center;
}
.txt-left{
    text-align: left;
}
.ident{
    padding: 25px;
}
.txt-blue{
    color: #004799;    
}
.txt-weight-300{
    font-weight: 300;
}
.shadow, form{
   box-shadow: rgba(0, 0, 0, 0.25) 10px 10px 30px 0px; 
}





select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"]{
    padding: 0 12px;
}





/* hikelCOM Form ************************************************************* */
#hikelCOM_Form{
    padding: 25px 0 0 0;

    background: #252526;    

    font-size: 1.25rem;
    color: #fff;
}

#hikelCOM_Form .sec{
    display: none;
}

#hikelCOM_Form .sec-1{

    display: block;

}

#hikelCOM_Form fieldset{

    margin: 0 0 25px 0;
    padding: 50px 100px;
    
    border: 0;

}

#hikelCOM_Form fieldset > img{
    float: left;
    margin: 0 20px 10px 0;
	
    width: 45% !important;
    height: auto !important;
	
    border: 1px solid #c2c2c2;
}
#hikelCOM_Form label > img{
    width: 100% !important;
    height: auto !important;
	
    border: 1px solid #c2c2c2;
}

#hikelCOM_Form legend{
    display: block;

    width: auto;


    padding: 6px 15px;

    border: none;

    font-weight: 200;
    font-size: 2rem;
    color: #baaf87;
}

#hikelCOM_Form label{

    cursor: pointer;

}

#hikelCOM_Form label .chk-img{

    display: none;

}

#hikelCOM_Form label{
    display: inline-block;
    
    text-align: left;
    
    width: 45%;
    	
    margin-bottom: 30px;
}
#hikelCOM_Form button {
    font-size: 1rem;
    /* width: 45%; */
    line-height: 2rem;
    border: solid thin #fff;
    padding: 0 10px;
    background-color: transparent;
    color: #fff;
}
#hikelCOM_Form button:hover {
    border: solid thin #fff;
    background-color: transparent;
    color: #fff;
}

#hikelCOM_Form select {
    display: inline-block;

    width: 100%;
    
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
	
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
    linear-gradient(45deg, transparent 50%, #ffffff 50%),
    linear-gradient(135deg, #ffffff 50%, transparent 50%),
    linear-gradient(to right, #2a2626, #2a2626);
    background-position:
    calc(101% - 20px) calc(1em - 2px), calc(101% - 10px) calc(1em - 2px), 100% 0;
    background-size:
    10px 10px,
    10px 10px,
    2.5em 2.5em;
    background-repeat: no-repeat;
    cursor: pointer;
	
    font-size: 1rem;
    line-height: 2.25rem;
    
    background-color: #252526;
    color: #fff;
    
    border: solid thin #ffffff8f;
}


#hikelCOM_Form input[type="text"],
#hikelCOM_Form input[type="password"],
#hikelCOM_Form input[type="datetime"],
#hikelCOM_Form input[type="datetime-local"],
#hikelCOM_Form input[type="date"],
#hikelCOM_Form input[type="month"],
#hikelCOM_Form input[type="time"],
#hikelCOM_Form input[type="week"],
#hikelCOM_Form input[type="number"],
#hikelCOM_Form input[type="email"],
#hikelCOM_Form input[type="url"],
#hikelCOM_Form input[type="search"],
#hikelCOM_Form input[type="tel"],
#hikelCOM_Form input[type="color"]{
    display: inline-block;

    _width: 100%;
	
    padding: 0 0 0 10px;
        
    font-size: 1rem;
    line-height: 2.25rem;
    
    border: solid thin #ffffff8f;
    
    background-color: #252526;
    color: #fff;
}

#hikelCOM_Form .msg, #hikelCOM_Form .msg_err{

    display: none;

    margin: 0 0 15px 0;

    padding: 10px;

    text-align: center;

    color: #ffffff;

    background: lightsalmon;

    font-size: 16px;

}
#hikelCOM_Form .msg_err{
    display: block;

    margin: 0 0 15px 0;

    padding: 10px;

    text-align: center;

    color: #ffffff;

    background: lightsalmon;

    font-size: 16px;

}

#hikelCOM_Form .msg_ok{
    display: block;

    margin: 0 0 15px 0;

    padding: 10px;

    text-align: center;

    color: #ffffff;

    background: lightgreen;

    font-size: 16px;

}

#hikelCOM_Form .border{
    display: inline-block;
	width: 100%;
}

#hikelCOM_Form .radio-group fieldset input{
    position: absolute;

    z-index: -1;

    left: -2000px;

    visibility: hidden;

}

#hikelCOM_Form .radio-group fieldset span{
  display: block;

  padding: 5px;

  text-align: center;

  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;

  color: #645d4d;
}

#hikelCOM_Form .radio-group fieldset label{
    width: 20%;
}
#hikelCOM_Form .radio-group fieldset label:nth-last-child(1){
    margin-right: 0px;
}

#hikelCOM_Form .table{
    display: table;
    width: 100%;
    padding: 0 0 30px 0;
}
#hikelCOM_Form .table > p{
    display: table-row;

    transition: background 0.5s, color 0.5s;
}

#hikelCOM_Form .table > p:nth-child(2n+1){
    _background: #faf9f7;

}
#hikelCOM_Form .table > p:nth-child(2n+2){
    _background: #f2f1f0;

}
#hikelCOM_Form .table > p > span{
    display: table-cell;

    padding: 10px 20px;
    
    border-bottom: solid thin #fff;
}

#hikelCOM_Form .table > p:hover{
    background: #2a2626;
    color: #ffffff;
}
#hikelCOM_Form .table > p:hover > span button{
    color: #baaf87;
    background: #baaf8740;
    border: solid thin #baaf87;
}
#hikelCOM_Form .w45{
    width: 45%;
}
#hikelCOM_Form .w45 input{
    width: 100%;
}

.antwort{
	padding: 30px;
	
	text-align: center;
	
	background-color: #fff;
}

@media (max-width: 632px){

    #hikelCOM_Form fieldset {
        margin: 0 0 25px 0;
        padding: 50px 10px;
        border: 0;
    }
    #hikelCOM_Form fieldset > img{
        float: none;
        margin: 0 0px 10px 0;

        width: 100% !important;
        height: auto !important;

        border: 1px solid #c2c2c2;
    }
    #hikelCOM_Form label{
        display: inline-block;

        text-align: left;

        width: 100%;

        margin-bottom: 30px;
    }

    #hikelCOM_Form input[type="text"], #hikelCOM_Form input[type="password"], #hikelCOM_Form input[type="datetime"], #hikelCOM_Form input[type="datetime-local"], #hikelCOM_Form input[type="date"], #hikelCOM_Form input[type="month"], #hikelCOM_Form input[type="time"], #hikelCOM_Form input[type="week"], #hikelCOM_Form input[type="number"], #hikelCOM_Form input[type="email"], #hikelCOM_Form input[type="url"], #hikelCOM_Form input[type="search"], #hikelCOM_Form input[type="tel"], #hikelCOM_Form input[type="color"] {      
        width: 85%;
        padding: 0 0 0 10px;
    }
    #hikelCOM_Form .radio-group fieldset label {
        width: 45%;
    }
    #hikelCOM_Form .w45 {
        width: 100%;
    }
    #hikelCOM_Form .table,
    #hikelCOM_Form .table > p,
    #hikelCOM_Form .table > p > span{
        display: block;
    }

}

/* ENDE: hikelCOM Form ******************************************************* */


/*Progressbar*/
.graph {
    width: auto; /*Rahmen*/
    height: 1.5rem;
    background-color: rgba(128,130,133,.3);
    position: relative;
    margin: 0px 25px 25px 25px;
}
.bar {
    height: 1.5rem; /* Fortschrittsbalken */
    background: #beaf87;
}
.bar p {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
}
.bar p .left{
    float: left;
    padding: 0 0 0 4px;
}
.bar p .right{
    float: right;
    padding: 0 4px 0 0;
}
/*Ende Progressbar*/




/*Button Haus Animation*/
.anihaus, .aniwohng, .anigrund, .anigewerbe{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    
    width:200px;
    height:200px;
    
    background-color: #252526;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    
    border: 12px solid #beaf87;
    border-radius: 50%;
    
    color: #555555;
    text-decoration: none;
    
    transition: all 0.25s ease-in-out 0s;

    cursor: pointer;
}
.anihaus:hover, .aniwohng:hover, .anigrund:hover, .anigewerbe:hover{
    background-size: 90%;
    
    border: 12px solid #736c5b;
}
.anihaus{
    background-image: url(/_img/hikelCOM_Forms/haus-wohnflaeche.svg);
}
.aniwohng{
    background-image:url(/_img/hikelCOM_Forms/wohnung-grundriss.svg);
}
.anigrund{
    background-image:url(/_img/hikelCOM_Forms/grundstueck-grundstueck.svg);
}
.anigewerbe{
    background-image:url(/_img/hikelCOM_Forms/gewerbe-grundstueck.svg);
}



.next, .table > p > span button {
    background: #336699;
    color: #fff;
    border: none !important;
    padding: 5px 10px;
}
#senden, button {
    background: #336699;
    color: #fff;
    border: none !important;
    padding: 5px 10px;
}


/* cookieHinweis ***************************************************************/
#cookieHinweis{
    text-align: center;
    padding: 15px 25px;
    color: #eeeeee;
    background: #454545;
}
#cookieHinweis a{
    color: #268cd1;
    text-decoration: none;
}
#cookieHinweis a:hover{

}
#cookieHinweisCloser{
    display: inline-block;

    padding: 10px 20px;

    color: #000;

    background: #f1d600;

    cursor: pointer;

    transition: all 0.5s;
}
#cookieHinweisCloser:hover{

    color: #fff;

    background: #30b715;
}

.button-01{
    display: inline-block;

    padding: 5px 25px;

    border: 0;

    background: #4795e2;

    font-size: 18px;
    line-height: 24px;
    color: #ffffff;

    -webkit-transition: all 600ms ease; /* Firefox */
    -moz-transition: all 600ms ease; /* WebKit */
    -o-transition: all 600ms ease; /* Opera */
    transition: all 600ms ease; /* Standard */

    cursor: pointer;
}
.button-01:hover{
    background: #606060;
}