html { font-size:1.1em !important; }
form { margin:0; }
.hidden { display:none; }
.clickable-row { cursor:pointer; }
.avatar-img { max-width:none !important; }
.avatar, .avatar-sm, .avatar-sm .avatar-img { height:3rem !important; width:3rem !important; }
.underline { text-decoration:underline; }
.form-check-input { border:1px solid darkgray !important; float:left; margin:2px 6px; }
.form-control:disabled, .form-control:read-only { background-color:rgba(55,125,255,.1) !important; }

select {padding:3px;}

.tom-select-custom .ts-dropdown .option { padding:1rem !important; }

.nw_delivery_date_radio_wrapper, .nw_delivery_date_max_radio_wrapper {
    margin-top:1em;
}

.full-width {width:100%;}

.header-image img {margin-left:auto; margin-right:auto;}

.form-field-wrapper input, .form-field-wrapper textarea, .form-field-wrapper select {
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-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;
}

.form-field-wrapper label {
  font-weight:bold;
}

.form-field-wrapper .checkbox{
  min-height:27px;
  padding-top:7px;
  margin-top:0;
  margin-bottom:0;
  position:relative;
  display:block;
}

.form-field-wrapper .checkbox label{
  min-height:25px;
  padding-left:25px;
  margin-bottom:0;
  cursor:pointer;
  font-weight:400;
  display:inline-block;
  max-width:100%;
}

.form-field-wrapper .checkbox input {
  position:absolute;
  margin-left:-25px;
  width:20px;
  height:20px;
  margin-top:0;
}


select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


.referenz-container-2-spalter {padding: 40px 0; margin-bottom: 50px; }


.referenz-bild b {font-size: 18px;}
.referenz-ueberschrift {color:#1e2022;margin-bottom:20px;}
.referenz-bild-links img {border-radius: 50%; border: 2px solid #1e2022; margin: 0 auto;}
.referenz-bild-links p { font-size: 16px; text-align: center; position: absolute; top: 285px; left: 220px; color:#1e2022;}
.referenz-bild-links  {position: relative; }
.referenz-bild-links .referenz-bild-autohaus {position: absolute; top: 0; left: 0;}
.referenz-bild-links .referenz-bild-kunde { position: absolute; top: 120px; left: 200px; z-index: 2; }

.referenz-bild-rechts img {border-radius: 50%; border: 2px solid #1e2022; margin: 0 auto;}
.referenz-bild-rechts p { font-size: 16px; text-align: center; position: absolute; top: 285px; left: 195px; color:#1e2022;}
.referenz-bild-rechts  {position: relative; }
.referenz-bild-rechts .referenz-bild-autohaus {position: absolute; top: 0; right: 0;}
.referenz-bild-rechts .referenz-bild-kunde { position: absolute; top: 120px; z-index: 2; left: 170px;}

@media (max-width: 1200px) {
  .referenz-bild-rechts .referenz-bild-kunde { left: 100px;}
  .referenz-bild-rechts p { left: 100px;}
}
@media (max-width: 992px) {
  .referenz-bild-links .referenz-bild-kunde {left: 150px;}
  .referenz-bild-rechts, .referenz-bild-links {top: 30px;}
  .referenz-bild-rechts .referenz-bild-kunde { left: 0px;}
  .referenz-bild-rechts p { left: 0px;}
}
@media (max-width: 767px) {
  .referenz-bild-links, .referenz-bild-rechts {display:none;}
}
@media (max-width:590px) {
  .editable_content {width: 60%;}
}

.cr_site{margin:0;padding:75px 0 0 0;text-align:center;background-color:#eeeeee;}
.cr_font{font-size: 14px;font-family: Arial;}
.cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.wrapper, .cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_header{text-align:center;background: transparent !Important;}
.cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}
.cr_button{display:inline-block;font-family:'Helvetica', Arial, sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top;}
.cr_button{background-color:#333;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.powered{padding:20px 0;width:560px;margin:0 auto;}
.formbox{line-height:50%;font-family:Helvetica;font-size:12px;color:#333333;padding:20px;background-color:#ffffff;border-radius: 6px 6px 6px 6px;}
.cr_ipe_item label{line-height:150%;font-size:16px;}
.cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input {background: none repeat scroll 0 0 #ffffff;border: 1px solid #aaa;padding: 15px 5px ;font-family: Helvetica;font-size: 16px; border-radius: 3px;}
.cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 30px;padding: 0 !important;width: 13px;margin-right:4px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.submit_container{text-align:left}
.cr_ipe_item{ padding:1px 10px; margin:1px 10px; }
.cr_ipe_item.inactive {display:none;}
.imprint{font-size:0.8em;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.cr_site { background-color:#eee; }
.cr_header { color:#000000; }
.cr_body { background-color:#ffffff;font-size:12px;color:#000000; }
.cr_hr { background-color:#ccc; padding:0px; margin: 0px; }
.cr_site a {color:#0084ff; }
.imprint {color:#000;}
.label { color: #000;}
.cr_form-component--group { display:block ruby;}
.cr_button { color: #fff; background-color: #741734; border-color: #741734; transition: all 0.3s; font-size: 16px; }
.cr_form-input { width: 80%!important;}
.editable_content .cr_form-input {font-weight: 100 !important;}
span.cr_form-inputgroup.cr_form-inputgroup--typecheckbox {display: flex;}
.cr_site {background-color:#30363c;}
.cr_body {color:#000000;background-color:#fff;}
.cr_header {color:#ffffff;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint {color:#000;}
.cr_page {width:630px;}

/* Progress Bar */
.progresses { display: flex; align-items: center; }
.line { width: 200px; height: 6px; background: #63d19e; }
.steps { display: flex; background-color: #63d19e; color: #fff; font-size: 18px; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; }
.progresses .active { background-color: green }