/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

.mc--home-header-text h2{
  color: #fff;
  font-weight: 500;
  font-size: 25px;

}
.mc--home-header-text span{
  color:#fff;
}
.mc--home-content-row{
  text-align: center;
}
.mc--home-content-row h1, .mc--content-row h1{
  font-size:24px;
  font-weight: 700;
}
.mc--content-row h1{
  text-align: center;
}
.mc--controle .wpb_column:nth-child(1){
  padding: 10%;
}
.mc--controle .w-separator.width_30 {
  width: 30%;
  margin-left: 0;
}
.mc--footer, .mc--footer h6, .mc--footer a, .mc--subfooter, .mc--subfooter a{
  color: #fff;
}
.mc--subfooter{
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
}
.mc--subfooter a:hover{
  color: #fff;
  text-decoration: underline;
}
.mc--titels{
  font-size: 20px;
}
.label-text{
  font-size: 18px;
}

/* Responsive Queries */
/* Large */
@media screen and (max-width: 1200px){}

/* Medium */
@media screen and (max-width: 1040px){}

/* Small */
@media screen and (max-width: 768px){
  body .us_custom_fca12d01{
    height: 300px;
  }
}

/* Extra Small */
@media screen and (max-width: 576px){}



/* Device Queries */
/* Large Devices */
@media screen and (max-device-width: 1200px){}

/* Medium Devices */
@media screen and (max-device-width: 1040px){}

/* Small Devices */
@media screen and (max-device-width: 768px){}

/* Extra Small Devices */
@media screen and (max-device-width: 576px){}

.stoel-widget {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
}

.stoel-beeld {
  position: relative;
  max-width: 520px;
}

.stoel-beeld img {
  width: 100%;
  display: block;
}

.stoel-hotspot {
  position: absolute;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 14px;
}

.stoel-hotspot.active {
  background: rgba(255,255,255,.35);
  box-shadow: 0 0 28px rgba(122,170,170,.9);
}

.rug {
  left: 33%;
  top: 10%;
  width: 30%;
  height: 34%;
}

.lv {
  left: 37%;
  top: 54%;
  width: 8%;
  height: 36%;
}

.rv {
  left: 52%;
  top: 62%;
  width: 7%;
  height: 27%;
}

.la {
  left: 27%;
  top: 48%;
  width: 7%;
  height: 35%;
}

.ra {
  left: 70%;
  top: 48%;
  width: 8%;
  height: 36%;
}

.stoel-diensten {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.stoel-diensten button {
  background: none;
  border: 0;
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  color: #1f3f45;
  cursor: pointer;
  padding: 8px 0;
  transition: .2s ease;
}

.stoel-diensten button.active {
  color: #7aa9a9;
  transform: translateX(8px);
}

@media (max-width: 767px) {
  .stoel-widget {
    grid-template-columns: 1fr;
  }

  .stoel-diensten button {
    font-size: 18px;
  }
}