@media (min-width: 768px){
.logo_container a:after{
content:"HG Haus- und Grundstücksbetreuungs-GmbH";
position: absolute;
bottom: 0px;
left: -100px}}
.et-menu .menu-item-has-children > a:after {padding-top:10px}
.menu-item{padding: 10px 15px}
#top-menu .active a{
color: #c3095f!important;}
#top-menu li li a {padding: 6px}
#top-menu .active a:after{
content: '';
border-bottom: 2px solid #c3095f;
display: block;
width: 100%;
position: relative;
top: 8px;
}
#nav a {
background-color: transparent;
}
#nav a.active {
background-color: #333333;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-weight: 700;
}
h1,.h1 {font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));;
margin-top: 0;
margin-bottom: 15px;}
h2,.h2 {font-size: 30px;
margin-top: 0;
margin-bottom: 15px;}
.subline {
font-family: 'Noto Serif', serif;
font-size: 20px;
text-transform: none;
font-style: italic;
font-weight: 400;
margin-bottom: 75px}
body {color:#777}
#headerkasten h2,.h2, #headerkasten ul li, #headerkasten h1 {font-family: 'Cormorant Garamond', serif;text-transform: none;} .custom-listicon  ul{ list-style-type:none;}
.custom-listicon  ul li:before {     
font-family: 'Font Awesome 5 Free';
display:inline-block;
font-style: normal;
font-display: block;
font-weight: 600;
padding-right:0.5em;
font-size:.9em}
.custom-listicon li {padding-bottom:0.25em}
#headerkasten .custom-listicon  ul li:before {content: "\f054";color: #fff}
#verwaltung .custom-listicon, #service .custom-listicon  ul li:before{content: "\f054";color: #172e67;}
#verkauf .custom-listicon  ul li:before{content: "\f00c";color: #fff} .et_pb_toggle .et_pb_toggle_title:before {left: -25px}
.et_pb_toggle_title {left:20px} .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 {
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-top:none;
border-left:none;
border-right:none;
border-bottom: 2px solid #172e67!important;
}
.wps-form input[type=tel], .wps-form input[type=email]
{border-top:none;border-left:none;border-right:none;border-bottom: 2px solid #172e67!important}
.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}
.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-form input.text, .wps-form input.title, .wps-form input[type=email], .wps-form input[type=password], .wps-form input[type=tel], .wps-form input[type=text], select, .wps-form textarea {font-size:1em;overflow: hidden;}
span.wpcf7-list-item {margin: 0 1em 0 0}
input[type=submit] {background:#172e67!important;color:#fff!important; border:none; float: right;font-weight:600}
.wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {border: 2px solid #172e67}
.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}
}  @media (min-width: 1025px) {
.form-step{height: auto;padding-bottom: 100px}
.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%}} @media (max-width: 767px) {.radioimage img,.labelpicture-value {height:80px} .imgradio{display:flex;flex-direction: column} }
@media (min-width: 768px) and (max-width: 1024px) {.radioimage img,.labelpicture-value {height:250px}}
@media (max-width: 1024px) 	{ .endform {height:900px!important}
.wpcf7 form .wpcf7-response-output {width: 100%;text-align: center;bottom: 33px;position: relative;line-height:1em}	
.form-step p {line-height:1.2em}
.Immobewertungsbox {padding: 20px; margin-top: 0}
input[type="number"] {padding: 0!important;font-size:26px;text-align:center;border-color: transparent transparent #172e67 transparent;border-style: solid;border-width: 0px 0px 2px 0px;width: 200px;}	
.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;}
}
.form-step h2 {margin-bottom:0.5em; font-size:24px}
#Preisvorgabe .wpcf7-list-item{margin-top:2em}
.radioimage {text-align:center}
input.hideradio{ visibility: hidden; position: absolute; }
.imgradio label > input + img{ cursor:pointer;border:2px solid transparent}
.imgradio label > input:checked + img{ border:2px solid #172e67}
.ui-slider-float .ui-slider-tip {background:none}
.ocrscf_double-label-slider.ui-slider .ui-slider-handle {background: #172e67!important}
.ocrscf_double-label-slider.ui-slider .ui-slider-handle.ui-state-hover, .ocrscf_double-label-slider.ui-slider .ui-slider-handle.ui-state-focus, .ocrscf_double-label-slider.ui-slider .ui-slider-pip .ui-slider-line {box-shadow: 0 0 0 2px #172e67}
.ui-slider-pips [class*=ui-slider-pip-selected] {color: #172e67}
.ui-slider-pips .ui-slider-label {width: 3em}
.ui-slider-pips .ui-slider-pip {font-size:16px}
.ocrscf_double-label-slider.ui-slider .ui-slider-pip .ui-slider-label {padding: 2em 0; color:#3d3d3c}
div.ocrscf_slider-display, div.ocrscf_circles-slider, div.ocrscf_scale-slider, div.ocrscf_rainbow-slider, div.ocrscf_flat-slider, div.ocrscf_double-label-slider {margin: 60px 10px!important}
.ui-slider-float .ui-slider-tip {font-size:16px;border:none;color: #172e67;font-weight:600;width: 80px;margin-left: 0; left: -170%;height: 15px;line-height: 0px;}
.cf7mls_next.action-button, .cf7mls_back.action-button {background-color: #172e67!important;color:#fff!important}
.cf7mls_next {float:right}
.rangeslider-left {width:20%}
.rangeslider-left img {width:250px}
.Preisvorstellung input{padding:0.5em; border-color:#172e67;border-radius:6px}
#dachform{margin-bottom:3em}