/*
Theme Name: Regulations Child
Theme URI: http://themeforest.net/user/irstheme/portfolio/
Author: irstheme
Author URI: http://themeforest.net/user/irstheme
Description: Regulations – Attorney and Lawyer WordPress Theme
Template:	regulations
Version: 1.0
Text Domain: regulations-child
*/

html {
  scroll-behavior: smooth;
}

h2, h3, h4, h5 {
  font-family: 'Arial' !important;
  /*-webkit-text-fill-color: black;
  -webkit-text-stroke-color: #c1b696;
  -webkit-text-stroke-width: 1.00px; */
}p, h1 {
  font-family: 'Arial' !important;
}

.kc_accordion_header>a {
  font-size: 18px !important;
}

.search-quote {
  display: none;
}.site-header .navigation>.container {
  justify-content: center;
  display: flex;
}

.page-title h2 {
  text-transform: none;
}

#ankaufsrechner h2 {
  text-align: center;
}

.rechner {
  text-align: center;
}
.wpcf7-form-control-wrap {
  float: none !important;
}/*.ankaufsrechner-img:hover {
  cursor: pointer;
}.ankaufsrechner-img img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  position: relative;
}.ankaufsrechner-img:hover img {
  -webkit-filter: blur(5px);
  cursor: pointer;
}*/

.wpcf7-submit:hover {
  color: #c1b696;
  background-color: #fff;
  transition: .3s;
  border: 2px solid #c1b696;
}
.wert-gold, .wert-platin, .wert-silber, input[type=reset], .daten-formular input {
  background-color: #fff;
  color: #c1b696;
  border: 2px solid #c1b696;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 35px;
  text-align: center;
}.rechner p, .daten-formular p, ::placeholder {
  color: #c1b696;
  font-size: 16px;
}.lower-footer p {
  color: #fff !important;
}
.footer-widget-area .col-lg-4 {
  width: 100% !important;
  flex: 0 0 100% !important;
  text-align: center;
}.footer-widget-area a {
  padding-right: 15px;
}

.angaben {
  text-align: center;
  padding-bottom: 30px;
}.scapt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}.reset {
  background-color: white !important;
  border: 2px solid #c1b696 !important;
  color: #c1b696 !important;
  padding: 5px 15px;
  padding-left: 25px;
  transition: .3s;
}.reset-div:hover .reset {
  color: #fff !important;
  background-color: #c1b696 !important;
  transition: .3s;
}.reset-icon {
  background-image: url(/wp-content/themes/regulations-child/img/reset.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 8px; top: 50%;
  transform: translateY(-50%);
}.reset-div {
  position: relative;
  display: inline-block;
}.reset-div:hover .reset-icon {
  background-image: url(/wp-content/themes/regulations-child/img/reset-white.png);
}

#ankaufsrechner {
  margin-bottom: 0 !important;
  background-color: #fff;
  padding-bottom: 15px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.rechner-formular {
  margin-bottom: 100px;
}.wpcf7-form-control-wrap {
  float: left;
}.daten-formular .row {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}.daten-formular input {
  width: 150px;
}.schaden input, .inhaber input, .datenschutz input {
  width: 25px;
  min-height: 20px !important;
}.daten-formular p {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}.datenschutz a, .page-id-154 a {
  color: #000 !important;
  text-decoration: underline !important
}

#tagespreise-popup .kc_column, #tagespreise-popup .kc_column_inner {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/*.daten-formular {
  display: none;
}*/

/*.rechner .col-sm-12 {
  display: none;
}*/

.rechner .col-sm-12.shows {
  display: flex;
  min-height: 550px;
  transition: 1s;
}

.page-wrap {
  background-color: #A9A9A9;
}p {
  color: #000 !important;
}

.footer-widget-area a, .page-id-154 .lower-footer a {
  color: #c1b696 !important;
  text-decoration: none !important;
}.page-title .breadcrumb a, .trail-end span {
  color: #fff !important;
  text-decoration: none !important;
} .page-id-154 .nav a {
  text-decoration: none !important;
}

#result-gold, #result-platin, #result-silber {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
}.reset-div {
  position: absolute;
  bottom: 12.5%;
  left: 50%;
  transform: translateX(-50%);
}.gesamtwert {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}.gesamtwert .wpcf7-form-control-wrap {
  position: relative;
}.gesamtwert input {
  background-color: #fff;
  color: #c1b696;
  border: 2px solid #c1b696;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 35px;
  text-align: center;
}

.daten-formular select {
  background-color: #fff;
  color: #c1b696;
  border: 2px solid #c1b696 !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 35px;
  text-align: center;
}

.tagespreise-headline {
  margin-top: 100px !important;
}

.formular-class {
  background: #fff;
  margin-bottom: 50px !important;
  border-radius: 25px;
}

.datenschutz {
  margin-top: 15px;
  margin-bottom: 15px;
}

.navigation .container {
  width: 100%;
}

.gold-top {
  background-color: #f1d666;
  text-align: center;
}.topbar {
  background-color: #d1d1d1;
  text-align: center;
}

.rechner {
  min-height: 550px;
  display: flex;
  padding: 0 !important;
}

.goldrechner {
  background-color: #f1d666;
}.platinrechner, .silberrechner {
  background-color: #d1d1d1;
}.silberrechner .col-sm-12 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.no-pad .kc_col-sm-6 {
  padding: 0 !important;
}.white {
  background-color: #fff;
}

#map {
  margin-bottom: 50px;
}

.versandtasche {
  background-color: #f1d666;
  border-radius: 25px;
  padding: 25px;
  margin-bottom: 50px;
  position: relative;
}.versandtasche:before {
  content: 'KOSTENLOS';
  position: absolute;
  right: 0;
  top: 0;
  background-color: #2880d1;
  padding: 15px;
  color: #fff;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}

.round-corner-top .gold-top {
  border-top-left-radius: 25px;
}.round-corner-top .platin-top {
  border-top-right-radius: 25px;
}.round-corner-bottom {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.feedback input, .feedback label, .feedback textarea {
  width: 100%;
  max-width: 100%;
}

.first-text a {
  color: #000;
  text-decoration: underline;
}

.kc_accordion_header a {
  background-color: #fff;
}.kc_accordion_content .kc-panel-body {
  background-color: #f1d666;
}

select {
  height: 30px;
  width: 94.2%;
  border: 1px solid rgb(118, 118, 118);
  }

span.wpcf7-list-item {
  margin: 0 !important
}


.how-to {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  border: 5px solid #f1d666;
  background: #fff;
}.how-to .kc-col-container {
  display: flex;
  align-items: center;
  justify-content: center;
}.verlinkung a {
  color: #fff;
  text-transform: uppercase;
  background-color: #f1d666;
  padding: 15px;
}.verlinkung {
  text-align: center;
  margin-bottom: 50px !important;
}.verlinkung a:hover {
  background-color: #000;
}

@media screen and (max-width: 768px) {
  .daten-formular input {
    width: 110px;
  }
}




/* neu */



.topbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}



.page-title {
  display: none;
}.icon {
  max-width: 55px !important;
}.white {
  background-color: #fff;
  padding-top: 10px;
  background-image: url(/wp-content/themes/regulations-child/img/goldstuff.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 50%;
}.container {
  padding-top: 0 !important;
}#wpcf7-f365-p5-o1 .wpcf7-form-control {
  max-width: 100% !important;
}.white .versandtasche {
  max-width: 60%;
  margin-right: 25px;
  margin-bottom: 10px;
}#wpcf7-f365-p5-o1 form {
  display: flex;
  justify-content: flex-end;
}.white h1 {
  font-size: 65px;
  color: gold;
}.first-text {
  width: 70% !important;
}.white .datenschutz {
  font-size: 12px !important;
  margin-top: 5px;
  margin-bottom: 5px;
}.white .datenschutz input {
  width: 15px;
  min-height: 15px !important;
}.white .versandtasche h2 {
  margin-top: 0 !important;
}.white .versandtasche label {
  margin-bottom: 0 !important;
}

.blue {
  background-color: #364773;
}.blue h2 {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  position: relative;
}.blue p {
  color: #fff !important;
  font-size: 25px;
  line-height: 1.3em !important;
  margin-top: 10px;
}.blue .kc-col-container {
  text-align: center;
}.blue .kc-wrap-columns {
  align-items: center;
}.kc-css-267343 {
  margin-top: -1px;
}.blue h2:after {
  content: '';
  height: 2px;
  background: #fff;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35%;
}.blue h2:before {
  content: '';
  height: 2px;
  background: #fff;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35%;
}

.kc-css-811029 .white {
  background-image: none !important;
}

.white .versandtasche .col-sm-6, .white .versandtasche .col-sm-12 {
  padding-top: 5px;
}

.navigation .container {
  background-color: lightgrey;
}

.first, .second, .third, .fourth {
  margin-bottom: 15px;
}

.first:before {
  content: '1.';
  position: absolute;
  left: 35%;
  top: 50%;
  font-size: 65px;
  transform: translate(-50%, -50%);
  color: #fff;
}.second:before {
  content: '2.';
  position: absolute;
  left: 35%;
  top: 50%;
  font-size: 65px;
  transform: translate(-50%, -50%);
  color: #fff;
}.third:before {
  content: '3.';
  position: absolute;
  left: 35%;
  top: 50%;
  font-size: 65px;
  transform: translate(-50%, -50%);
  color: #fff;
}.fourth:before {
  content: '4.';
  position: absolute;
  left: 35%;
  top: 50%;
  font-size: 65px;
  transform: translate(-50%, -50%);
  color: #fff;
}

.first:after {
  content: '';
  position: absolute;
  left: 95%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background-image: url(/wp-content/themes/regulations-child/img/pfeil.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  width: 125px;
  height: 100px;
}.second:after {
  content: '';
  position: absolute;
  left: 95%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background-image: url(/wp-content/themes/regulations-child/img/pfeil.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  width: 125px;
  height: 100px;
}.third:after {
  content: '';
  position: absolute;
  left: 95%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background-image: url(/wp-content/themes/regulations-child/img/pfeil.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  width: 125px;
  height: 100px;
}

.blue {
  margin-top: -1px;
}

@media screen and (max-width: 1650px) {

  .white .versandtasche h2 {
    margin-top: 18px !important;
  }

}

@media screen and (max-width: 1550px) {

  .white h1 {
    font-size: 50px;
  }h2 {
    font-size: 25px;
  }p {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }.first-text a {
    font-size: 16px;
  }

  .first:before, .second:before, .third:before, .fourth:before {
    left: 33%;
  }

}

@media screen and (max-width: 1024px) {

  .white .versandtasche {
    max-width: 90%;
  }

  .first:before, .second:before, .third:before, .fourth:before {
    font-size: 45px;
  }.icon {
    max-width: 35px !important;
  }.blue h2:after, .blue h2:before {
    width: 28%;
  }

}

@media screen and (max-width: 768px) {

  .white h1 {
    font-size: 35px;
  }.first-text {
    width: 100% !important;
  }.blue h2:after, .blue h2:before {
    width: 20%;
  }.first:after, .second:after, .third:after {
    width: 75px;
  }.first:before, .second:before, .third:before, .fourth:before {
    left: 23%;
  }

  .kc-css-811029 {
    background-color: #fff;
  }

  .kc-css-327107 .col-sm-6 {
    width: 50%;
  }.kc-css-327107 input {
    max-width: 100%;
  }

}

@media screen and (max-width: 425px) {

  .white .versandtasche {
    max-width: 100%;
    margin-right: 0;
  }.blue h2:after, .blue h2:before {
    display: none;
  }.first, .second, .third, .fourth {
    margin-bottom: 0px;
  }.first:after, .second:after, .third:after {
    display: none;
  }.rechner {
    justify-content: center;
  }.daten-formular {
    text-align: center;
  }.daten-formular .wpcf7-acceptance input {
    width: 25px;
  }.rechner-formular {
    margin-bottom: 25px;
  }.daten-formular .col-sm-2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
  }.daten-formular input {
    width: 100%;
  }.kc-css-327107 .col-sm-6, .kc-css-327107 .col-sm-12 {
    width: 100%;
  }.round-corner-top .platin-top {
    border-top-right-radius: 0;
  }.round-corner-top .gold-top {
    border-top-right-radius: 25px;
  }

}