/*
 Theme Name:   Divi Child
 Theme URI:    http://www.elegantthemes.com
 Description:  Divi Child Theme
 Author:       Florian
 Author URI:   
 Template:     Divi
 Version:      1.0
*/





/* Global */
:root {
    --red: #be1622; 
    }

.fa-house {margin-right:10px}


h1, h2, h3, h4, h5, h6{font-family: 'Passion One'; font-weight: 400;  text-transform: uppercase;}



#flex-container {display:flex;    flex-direction: row;
    flex-wrap: wrap;}


#leistungen .et_pb_image_wrap img{object-fit: cover;max-height: 230px}

.et_pb_number_counter {display:flex;flex-direction: column;flex-wrap: nowrap; align-items: center;align-content: center;width:200px}
	.et_pb_number_counter .title{max-width:130px;hyphens: auto;}


  .one-three{
    width:33.33%;
    float:left;
    text-align:center;
    padding:5px;
    font-weight:600;
    font-size:16px;
  }

.one-six{width:16.66%;
    float:left;
    text-align:center;
    padding:5px;
    font-weight:600;
    font-size:16px;
  }


  
  .num{
  background:#ccc;
    
  }
  
  .num-act{
    background:var(--red);
    color:white;
  }
  
  .formhead{
    margin-top:50px;
    text-align:left;
  }
  
  .forminside{
  padding:25px;
  }
  
  .wpcf7-form{
  background:#ededed;
    border-radius:10px;
    border:5px solid var(--red);
  }
  
  .cf7mls-btns{
  padding:25px;
  }
  
  #cf7mls-back-btn-cf7mls_step-3{
  margin-left:25px;
  }
  
  select.wpcf7-select{
    border:2px solid;
    border-color:var(--red);
    border-radius:5px;
    font-size:16px;
    padding:10px;
  }
  
  textarea.wpcf7-textarea{
    border:2px solid;
    border-color:var(--red);
    border-radius:5px;
    font-size:16px;
    padding:10px;
    height:140px;
  }
  
  .wpcf7-list-item{
  font-size:16px;
  }
  
  input.wpcf7-date{
    border:2px solid;
    border-color:var(--red);
    border-radius:5px;
    font-size:16px;
    padding:10px;
  }
  
  input.wpcf7-text{
    border:2px solid;
    border-color:var(--red);
    border-radius:5px;
    font-size:16px;
    padding:10px;
  }
  
  
  input.wpcf7-submit{
  background-color: var(--red);
  border: 0 none;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  margin: 25px 0px 26px;
  padding: 13px 5px;
  min-width: 100px;
  position: relative;
  }
  
  .grow { 
  transition: all .2s ease-in-out; 
  }
  
  .grow:hover { 
  transform: scale(1.1); 
  }
  
  .cf7mls_next.action-button {
    background-color: var(--red);
  }
  
  
  
  .nav-inv.et_pb_sticky_module{
  visibility:hidden;
  }
  
  .nav-inv.et_pb_sticky_module.et_pb_sticky--top{
  visibility:visible !important;
  }
  
  
  .nav-inv.et_pb_sticky--top img{
  opacity:1 !important;
    transition:opacity 1000ms;
  }
  
  .nav-inv.et_pb_sticky_module img{
  opacity:0;
    transition:opacity 1000ms;
  }
  
  .nav-inv .et-menu-nav{
  opacity:0;
    transition:opacity 1000ms;
  }
  
  
  .nav-inv.et_pb_sticky--top .et-menu-nav{
    opacity:1 !important;
  transition:opacity 1000ms;
  }
  
  .nav-inv .et_mobile_nav_menu{opacity:0;
    transition:opacity 1000ms;
  }
  
  .nav-inv.et_pb_sticky--top .et_mobile_nav_menu{
    opacity:1 !important;
  transition:opacity 1000ms;
  }



/* ==========================================================================
 Kontaktformular
========================================================================== */

.wpcf7-text, .wpcf7-textarea, wpcf7-list-item, .wpcf7-captchar {
background-color: #ebebeb !important;
border: none;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #090000 !important;
padding: 8px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
margin: 15px auto;
font-size: 16px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {padding: 6px 20px !important}

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select, .wps-form input[type=tel], .wps-form input[type=email] {
background-color: #ebebeb !important;
color: #090000 !important;
padding: 8px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
margin: 0px !important;
	border-radius:6px!important;
	font-size:20px; border: 2px #d4d4d4 solid;
}


.wpcf7-form-control-wrap select {background: #eee !important;}
span.kontakt.wpcf7-list-item {display: block;background: #eee !important;}


.wps-form {width: 100%;margin: 0 auto;}
.wps-form-column {margin: 0.5em; width:100%}
.wps-form-row .wpcf7-form-control {width: 100%;}
.wps-anrede {margin-top:1em}
.wps-produkte {flex: 1; -webkit-flex: 1; -ms-flex:1; width: 100%;margin-bottom:1em}

.wps-row {margin: 0.5em}


span.wpcf7-list-item {margin: 0 1em 0 0}
input[type=submit] {background:var(--red)!important;color:#fff!important; border:none; float: right;font-weight:600}


.wps-form-row {margin-bottom:1em}

@media (min-width:767px) and (max-width: 1024px) {.two-columns-left,.two-columns-right, .two-columns-right-kon, .three-columns-left, .three-columns-center, .three-columns-right   {flex: 0 1 100%!important; -webkit-flex: 0 1 100%!important;-ms-flex: 0 1 100%!important;margin:auto}
	
.two-columns-right-kon, .two-columns-left-kon  {flex: 0 1 100%!important; -webkit-flex: 0 1 100%!important;-ms-flex: 0 1 100%!important;}
.wps-form-row {display: flex;display: -ms-flexbox;display: -webkit-flex;width: 100%;flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;}	 
.two-columns-right img {justify-content: center;-ms-flex-pack: center;justify-content: center}
}

.abstandhalter {height:30px}

@media (min-width: 1025px) {
.wps-form-row {display: flex;display: -ms-flexbox;display: -webkit-flex;width: 100%;flex-direction: row;-webkit-flex-direction: row;-ms-flex-direction: row;}
.two-columns-left,.two-columns-right, .three-columns-left, .three-columns-center, .three-columns-right  {flex: 0 1 48%;-webkit-flex: 0 1 48%; -ms-flex: 0 1 48%;margin:auto} 
	.two-columns-right-kon, .two-columns-left-kon {flex: 0 1 48%;-webkit-flex: 0 1 48%; -ms-flex: 0 1 48%}
	
	.two-columns-left,.three-columns-left,.three-columns-center {margin-right:1em}

}

.form-step .headline{margin-bottom:2em}
.form-step{min-height:400px; padding:5% }

/* Desktop */
@media (min-width: 1025px) {
.form-step{height: auto;}
.Immobewertungsbox {padding: 3%;margin-top: -10%}
.imgradio, .labelpicture {display: flex;width:100%}
.imgradio label, .labelpicture-value {width:100%;text-align:center}
.wpcf7 form .wpcf7-response-output {width: 60%;text-align: center;margin-left: 20%}}

.radioimage img,.labelpicture-value {height:80px}
/* Mobil */
@media (max-width: 767px) {
	.imgradio{display:flex;flex-direction: column}
	.labelpicture {display:none}
	.radioimage {width:100%!important}
	
	#step1 .imgradio label:nth-of-type(1):after {content:"Reihenhaus"; display:block; color:var(--red)}
	#step1 .imgradio label:nth-of-type(2):after {content:"Haus"; display:block; color:var(--red)}
	#step1 .imgradio label:nth-of-type(3):after {content:"Mehrfamilienhaus"; display:block; color:var(--red)}
	#step1 .imgradio label:nth-of-type(4):after {content:"Gewerbe"; display:block; color:var(--red)}
}


@media (max-width: 1024px) 	{
.wpcf7 form .wpcf7-response-output {width: 100%;text-align: center;bottom: 33px;position: relative;line-height:1em}	
.form-step p {line-height:1.2em}
.labelpicture-value {padding:20% 0}
.radioimagecontainer{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;flex-wrap: wrap;}
.labelpicture {width:50%;-webkit-order: 0;-ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: center;-ms-flex-item-align: center;align-self: center;}
.radioimage {width:50%;-webkit-order: 0;-ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: center;-ms-flex-item-align: center;align-self: center;}
}


.radioimage {text-align:center}

input.hideradio{ /* HIDE RADIO */visibility: hidden; /* Makes input not-clickable */position: absolute; /* Remove input from document flow */}
.imgradio label > input + img{ /* IMAGE STYLES */cursor:pointer;border:2px solid transparent}
.imgradio label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */border:4px solid var(--red); border-radius:5px}


.cf7mls_next.action-button, .cf7mls_back.action-button {background-color: var(--red)!important;color:#fff!important}
.cf7mls_next.cf7mls_btn {float:right}

#step2 img, #step6 img {width:100px; height:100px;margin:50px}
#step2 .imgradio label{background-color:var(--green); border-top-left-radius:6px; border-top-right-radius:6px}
#step2 .labelpicture-value{background-color:#d2d2d2;  padding: 30px 0;font-weight:bold}
#step2 .imgradio label, #step2 .labelpicture-value {margin:10px}
#step4 .wpcf7-form-control {display: flex; flex-direction:column}
#step4 .wpcf7-list-item {color:#fff; background-color: var(--green); margin: 10px 0; border-radius:6px; padding: 15px; font-size: 24px;}
#step4 input[type=radio] {visibility: hidden}
#step4 label > input:checked + span{color:#000;}