/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: > 0.2%,last 2 versions
*/

/* Ablauf Section Mobile Start */
.ablauf-wrapper{
  display: none;
}
@media screen and (max-width: 1400px){
  .ablauf-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
    margin-bottom: 100px;
  }
}
::-moz-selection{
  background: rgb(0,123,255,0.3);
}
::selection{
  background: rgb(0,123,255,0.3);
}
.ablauf-box{
  max-width: 800px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  border-radius: 12px;
  background-color: #e3e3e3;
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.18);
          box-shadow: 0px 0px 15px rgba(0,0,0,0.18);
}
.ablauf-box .parent-tab{
  margin-bottom: 8px;
}
.ablauf-box .parent-tab label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: #ffc300;
  padding: 10px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  border-radius: 8px;
  z-index: 9;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ablauf-box .parent-tab:nth-child(even) label{
  background: #999;
}
.ablauf-box label span{
  position: relative;
  margin-right: auto;
  margin-left: auto;
  color: #000;
  font-size: 1.3em;
}
.parent-tab label .icon-submenu{
  position: relative;
  height: 30px;
  width: 30px;
  background: #fff;
  border-radius: 50%;
  padding: 5px;
}
#tab-1 ~ label .icon-submenu {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-1:checked ~ label .icon-submenu {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-2 ~ label .icon-submenu {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-2:checked ~ label .icon-submenu {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-3 ~ label .icon-submenu {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-3:checked ~ label .icon-submenu {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-4 ~ label .icon-submenu {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-4:checked ~ label .icon-submenu {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-5 ~ label .icon-submenu {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#tab-5:checked ~ label .icon-submenu {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.ablauf-box .parent-tab .content{
  max-height: 0px;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.parent-tab input:checked ~ .content{
  max-height: 100vh;
}
.parent-tab .content h2{
  font-size: 1.4em;
  margin: 15px 20px;
  color: #000;
}
.parent-tab .content p{
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 1em;
}
.parent-tab .content ul{
  margin: 20px 60px;
  font-size: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.parent-tab .content li{
  margin-bottom: 10px;
}
.parent-tab .content img{
  position: relative;
  float: right;
  margin-right: 20px;
  margin-top: -15px;
}
.parent-tab .content #kontakt-text{
  font-size: 1.4em;
}
.parent-tab .content #abschluss-text{
  font-size: 1.4em;
}
input[type="radio"],
input[type="checkbox"]{
  display: none;
}
/* Ablauf Section Mobile End */