.card-1{
  width: 100%;
  max-width: 1110px;
  -moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.card-2{  
  width: 100%;
  max-width: 1110px;
  -moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-webkit-transition: all 1.5s;
  transition: all 1.5s;
  display: flex;
  flex-direction: column;
}

.card-3{   
  width: 100%;
  max-width: 1110px;
  -moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-webkit-transition: all 1.5s;
  transition: all 1.5s;
  display: flex;
  flex-direction: column;
}

.card-4{  
  width: 100%;
  max-width: 1110px;
  -moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-webkit-transition: all 1.5s;
  transition: all 1.5s;
  display: flex;
  flex-direction: column;
}

.card-5{ 
  width: 100%;
  max-width: 1110px;
  -moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-webkit-transition: all 1.5s;
  transition: all 1.5s;
  display: flex;
  flex-direction: column;
}

.card-6{ 
  width: 100%;
  max-width: 1110px;
  -moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-webkit-transition: all 1.5s;
  transition: all 1.5s;
  display: flex;
  flex-direction: column;
}

.headline{
  color: black;
  float:right;
}

.slider-pagination {
  position: absolute;
  bottom: 25px;
  width: 575px;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  pointer-events: none;
}

.slider-progress {
  position: absolute;
  bottom: 25px;
  z-index: 2;
  justify-content: center;
  pointer-events: none;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.progress{
  width: 60%;
  border: solid 1px var(--belldomo-yellow);
  height: 1.3rem;
  border-radius: 0.5rem;
}

.progress-bar{
  background-color: var(--belldomo-yellow);
  width: 0%;
  transition: all .6s ease;
}

.slide-radio1:checked~.slider-progress .progress-bar{
  width: 0%
}

.slide-radio2:checked~.slider-progress .progress-bar{
  width: calc(100% / 5 * 1);;
}


.slide-radio3:checked~.slider-progress .progress-bar{
  width: calc(100% / 5 * 2);
}

.slide-radio4:checked~.slider-progress .progress-bar{
  width: calc(100% / 5 * 3);
}

.slide-radio5:checked~.slider-progress .progress-bar{
  width: calc(100% / 5 * 4);
}

.slide-radio6:checked~.slider-progress .progress-bar{
  width: 100%;
}

.page1,
.page2,
.page3,
.page4,
.page5,
.page6{
  pointer-events: none;
}

.slide-radio1:checked~.slider-pagination .page1,
.slide-radio2:checked~.slider-pagination .page2,
.slide-radio3:checked~.slider-pagination .page3,
.slide-radio4:checked~.slider-pagination .page4,
.slide-radio5:checked~.slider-pagination .page5,
.slide-radio6:checked~.slider-pagination .page6
{
  background: var(--belldomo-yellow);
}

/* Slider Slide Effect */
.slide-radio1:checked~.slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.slide-radio2:checked~.slider {
  -webkit-transform: translateX(calc(-100% / 6));
  transform: translateX(calc(-100% / 6));
}

.slide-radio3:checked~.slider {
  -webkit-transform: translateX(calc(-100% / 6 * 2));
  transform: translateX(calc(-100% / 6 * 2));
}

.slide-radio4:checked~.slider {
  -webkit-transform: translateX(calc(-100% / 6 * 3));
  transform: translateX(calc(-100% / 6 * 3));
}

.slide-radio5:checked~.slider {
  -webkit-transform: translateX(calc(-100% / 6 * 4));
  transform: translateX(calc(-100% / 6 * 4));
}

.slide-radio6:checked~.slider {
  -webkit-transform: translateX(calc(-100% / 6 * 5));
  transform: translateX(calc(-100% / 6 * 5));
}

.slide-radio1:checked~.slider .card-1
{
max-height: 1000px;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.slide-radio1:checked~.formbuttonprevious
{
  bottom: -100px !important;
}

.slide-radio2:checked~.slider .card-2{
max-height: 1000px;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.slide-radio3:checked~.slider .card-3{
max-height: 1000px;
}

.slide-radio4:checked~.slider .card-4{
max-height: 1000px;
}

.slide-radio5:checked~.slider .card-5{
max-height: 1000px;
}

.slide-radio6:checked~.slider .card-6{
max-height: 1000px;
}

.slide-radio6:checked:checked~.formbuttonnext{
  bottom: -100px !important;
}

.slide-radio6:checked:checked~.formbuttonsend{
  bottom: 0px !important;
}

.formbuttonnext{
  border-radius: 0px;
  position: absolute; 
  bottom: 0; 
  right: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all .5s;
}

.formbuttonprevious{
  border-radius: 0px;
  position: absolute; 
  bottom: 0px; 
  left: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all .5s;
  background-color: rgb(187,187,187) !important;
}

.formbuttonsend{
  border-radius: 0px;
  position: absolute; 
  bottom: -100px; 
  right: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all .5s;
}

.slider-pagination label {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  border: 2px var(--belldomo-yellow) solid;
  margin: 0 5px;
  cursor: pointer;
  opacity: 1;
  box-shadow: none;
  outline: none;
  outline-width: medium;
  outline-width: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

.slider{
  width: 600%;
  -moz-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  -webkit-transition: all .6s ease-out;
  transition: all .6s ease-out;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  overflow: hidden;
}

.cards{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 50px;
  padding-bottom: 50px;
}

.card-image{
 width: 100px;
}

.card-item:hover{
 /* transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);*/
  border: 4px solid var(--belldomo-yellow);
  border-radius: 10px;
}

.card-label {
  font-size: 90%;
}

.card-item{
  margin: 0 10px;
  padding: 0 20px 5px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -webkit-transition: all .2s;
  transition: all .2s;

  border: 4px solid #E3CBAE;
  border-radius: 10px;

  background-color: #F7F6F4;
  box-shadow: 0px 0px 2px 0px var(--belldomo-yellow);

}

.features-boxed{
  position: relative;
  z-index: 1;
}

.card-content{
  align-self: center;
  /*box-shadow: 0px 0px 3px var(--belldomo-yellow);*/
  margin-bottom: 10px;
  padding-top: 20px;
  margin-top: 10px;
  padding: 50px; 
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 20px;
  height: 100%;
}

#redirectForm{
  padding-bottom: 60px;
  min-height: 455px;
}

.formLabel{
text-align: center;
font-size: 1.9em;
color: var(--belldomo-yellow);
padding-top: 20px;
font-weight: bold;
}

@media (max-width:767px) {

  .formLabel{
    font-size: 1.3em;
  }

  .card-content{
    padding: 20px;
  }

  .card-content{
    width: 100%;
    box-shadow: none;
  }

  #redirectForm{
    padding-bottom: 100px;
    min-height: 510px;
  }

  .slider-pagination, .slider-progress{
    bottom: 75px;
  }

  .formbuttonnext{
    width: 49%;
  }

  .formbuttonprevious{
    width: 49%;

  }

  .formbuttonsend{
    width: 49%;
  }

  .headline {
    font-size: 1.5em;
  }

  .cards{
    padding-top: 30px;
  }
}

@media (max-width:456px) {
  h1{
    font-size: 2em;
  }

}

@media (max-width: 560px){
  .features-boxed .item .box {
    padding-bottom: 10px;
    }
    .features-boxed .features {
    padding: 0px 0;
    }

    .features-boxed .item .box {
      margin-bottom: 00px;
      }
}


.card-4 .card-item {
  font-weight: bold !important;
  text-align: center !important;
  padding-top: 5px !important;
}

#slider_1[checked] ~ .formbuttonnext {
  bottom: -100px;
}

.yellow-button:focus{
  box-shadow: none !important;
}