/*** GENERAL ***/
li {
  font-size: 15px;
}
.__btn-style {
  margin-bottom: 1rem;
}
.blue_color {
  color: #3DB9BF;
}

/*** HEADING ***/
.main-head {
  background-image: url("/Content/ImgEmerkey/keybackup2.jpg");
}

/*** SECTION 1 ***/
.sicher1 {
  margin: 75px 0 150px;
}
.sicher1-head h1 {
  margin-bottom: 50px;
  text-align: center;
}
.sicher1-head ol {
  margin-bottom: 50px;
  -webkit-padding-start: 15px;
  -moz-padding-start: 15px;
  display: flex;
  flex-direction: column;
  counter-reset: item;
}
.sicher1-head ol li {
  display: inline-flex;
  counter-increment: item;
}
.sicher1-head ol li::before {
  content: counter(item) ".";
  margin-right: 15px;
  font-family: source-sans-pro, sans-serif;
  font-style: italic;
  font-weight: 900;
}
.sicher1-content .__item {
  margin: 0 auto;
  max-width: 230px;
  text-align: center;
}
.sicher1-content .__item:not(:last-child) {
  margin-bottom: 75px;
}
.sicher1-content img,
.sicher1-content h3 {
  margin-bottom: 1.5rem;
}
.sicher1-content img {
  width: 125px;
}

/*** SECTION 2 ***/

/*** SECTION 3 ***/
.sicher3 {
  margin: 0 auto 150px;
}
.sicher3-content .__inverted {
  position: relative;
  margin-left: -15px;
  padding: 40px 0 40px 30px;
  width: 97%;
}
.sicher3-content .__inverted h2,
.sicher3-content .__inverted p {
  width: 170px;
  text-align: center;
}
.sicher3-content .__inverted p.last {
  margin-bottom: 0;
}
.sicher3-content .__inverted img.lg-up {
  display: none;
}
.sicher3-content .__inverted img {
  position: absolute;
  width: 100px;
  top: calc(50% - 50px);
  right: -30px;
}

/*** SECTION 4 ***/
.sicher4 {
  margin: 0 auto 150px;
}
.sicher4 h1 {
  text-align: center;
}
.sicher4-content .__items {
  flex: 0 0 33%;
  margin-bottom: 10px;
}
.sicher4-content .__items img {
  width: 80px;
}
.sicher4-content .__items img#visa,
.sicher4-content .__items img#ssl {
  width: 45px;
}
.sicher4-content .__items img#wirecard {
  width: 70px;
}
.sicher4-content .__items img#sepa,
.sicher4-content .__items img#mastercard {
  width: 50px;
}

/*** SECTION 5 ***/
.sicher5 h1 {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.sicher5-content {
  position: relative;
}
.sicher5-content .__divs img {
  width: 220px;
  margin: auto;
}
.sicher5-content .standorte-slick_btns {
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  top: 0;
}
.sicher5-content .standorte-slick_btns .slick-arrow {
  position: absolute;
  width: 20px;
  top: calc(50% - 16px);
}
.sicher5-content .standorte-slick_btns .left_btn {
  left: 0;
}
.sicher5-content .standorte-slick_btns .right_btn {
  right: 0;
}
.sicher5-content .standorte-slick_btns .left_btn img {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

@media(min-width: 360px) {

  /*** HEADING ***/
  .head-jumbo_heading h2 {
    max-width: 100%;
  }

  /*** SECTION 1 ***/
  .sicher1-content .__item {
    max-width: 170px;
  }

  /*** SECTION 3 ***/
  .sicher3-content .__inverted {
    width: 94%;
  }

}

@media(min-width: 375px) {

  /*** SECTION 3 ***/
  .sicher3-content .__inverted {
    width: 91%;
  }

}
@media(min-width: 480px) {

  /*** SECTION 1 ***/
  .sicher1-head ol {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 340px;
  }
  .sicher1-content h2 {
    margin-bottom: 1.5rem;
  }

  /*** SECTION 2 ***/
  .gestellte-subhead {
    max-width: 300px;
    margin: auto;
  }

  /*** SECTION 3 ***/
  .sicher3-content h1 {
    max-width: 100%;
  }
  .sicher3-content .__inverted {
    padding: 60px 0 60px 50px;
    width: 85%;
  }
  .sicher3-content .__inverted h2 {
    margin-bottom: 50px;
  }
  .sicher3-content .__inverted h2,
  .sicher3-content .__inverted p {
    width: 240px;
  }
  .sicher3-content .__inverted img {
    width: 120px;
    top: calc(50% - 60px);
    right: -70px;
  }

  /*** SECTION 4 ***/
  .sicher4 h1 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
  .sicher4-content {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
  .sicher4-content .__items {
    flex: 0 0 25%;
  }

  /*** SECTION 5 ***/
  .sicher5 h1,
  .sicher6 h1 {
    width: 100%;
  }
  .sicher5-content .__divs img {
    width: 320px;
  }

  /*** SECTION 7 ***/
  .sicher7 h1 {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
  }



}
@media(min-width: 720px) {

  /*** SECTION 1 ***/
  .sicher1 {
    margin: 75px 0;
  }
  .sicher1-head ol {
    margin-bottom: 65px;
    width: 315px;
  }
  .sicher1-content .__item {
    flex: 0 0 50%;
    max-width: inherit;
  }
  .sicher1-content .__item p {
    max-width: 210px;
  }

  /*** SECTION 2 ***/
  .gestellte-subhead {
    max-width: inherit;
  }

  /*** SECTION 3 ***/
  .sicher3 {
    margin: -90px auto 150px;
  }
  .sicher3-content .__inverted {
    padding: 60px 0 60px 90px;
    width: 75%;
  }
  .sicher3-content .__inverted h2,
  .sicher3-content .__inverted p {
    width: 330px;
  }
  .sicher3-content .__inverted img {
    right: -165px;
  }

  /*** SECTION 4 ***/
  .sicher4 h1,
  .sicher4-content {
    max-width: 580px;
  }
  .sicher4-content .__items {
    margin-bottom: 20px;
  }
  .sicher4-content .__items img {
    width: 120px;
  }
  .sicher4-content .__items img#visa,
  .sicher4-content .__items img#ssl {
    width: 70px;
  }
  .sicher4-content .__items img#wirecard {
    width: 120px;
  }
  .sicher4-content .__items img#sepa,
  .sicher4-content .__items img#mastercard {
    width: 80px;
  }

  /*** SECTION 5 ***/
  .sicher5-content .__divs img {
    width: 500px;
  }
  .sicher5-content .standorte-slick_btns .left_btn {
    left: 7%;
  }
  .sicher5-content .standorte-slick_btns .right_btn {
    right: 7%;
  }

  /*** SECTION 7 ***/
  .sicher7 h1 {
    width: 620px;
  }


}
@media(min-width: 768px) {

  /*** SECTION 7 ***/
  .sicher1-head ol {
    margin-bottom: 100px;
  }

}
@media(min-width: 1024px) {

  /*** SECTION 7 ***/
  .sicher1 {
    margin: 125px 0 150px;
  }
  .sicher1-head h1 {
    margin-bottom: 100px;
  }

  /*** SECTION 2 ***/
  .gestellte-subhead {
    max-width: inherit;
    margin-left: 41.666667%;
  }

  /*** SECTION 3 ***/
  .sicher3 {
    margin: 0 auto 150px;
  }
  .sicher3-content .__inverted h2,
  .sicher3-content .__inverted p {
    width: 550px;
  }
  /*** SECTION 4 ***/
  .sicher4 h1 {
    max-width: 850px;
  }
  /*** SECTION 5 ***/
  .sicher5-content .__divs img {
    width: 590px;
  }

  /*** SECTION 7 ***/
  .sicher7 h1 {
    width: 750px;
  }


}
@media(min-width: 1366px) {

  /*** SECTION 1 ***/
  .sicher1-content {
    max-width: 1140px;
    margin: auto;
  }
  .sicher1-content .__item {
    flex: 0 0 25%;
  }

  /*** SECTION 3 ***/
  .sicher3-content .__inverted {
    padding: 70px 70px 70px 0;
    width: 70%;
  }
  .sicher3-content .__inverted h2,
  .sicher3-content .__inverted p {
    width: 580px;
    margin-left: auto;
    margin-right: 0;
  }
  .sicher3-content .__inverted img {
    width: 210px;
    top: calc(50% - 105px);
    right: calc(-25% - 105px);
  }
  .sicher3-content .__inverted img.lg-down {
    display: none;
  }
  .sicher3-content .__inverted img.lg-up {
    display: block;
  }

  /*** SECTION 4 ***/
  .sicher4-content {
    max-width: 730px;
  }
  .sicher4-content .__items {
    margin-bottom: 30px;
  }
  .sicher4-content .__items img {
    width: 150px;
  }
  .sicher4-content .__items img#visa,
  .sicher4-content .__items img#ssl {
    width: 80px;
  }
  .sicher4-content .__items img#wirecard {
    width: 150px;
  }
  .sicher4-content .__items img#sepa,
  .sicher4-content .__items img#mastercard {
    width: 100px;
  }

  /*** SECTION 4 ***/
  .sicher7 h1 {
    width: 900px;
  }


}
@media(min-width: 1920px) {

  /*** GENERAL ***/
  li {
    font-size: 16px;
  }

  /*** SECTION 1 ***/
  .sicher1 {
    margin: 175px 0 250px
  }
  .sicher1-head ol {
    width: 365px;
  }
  .sicher1-head ol li {
    line-height: 1.4;
  }
  .sicher1-content {
    max-width: 1350px;
  }

  /*** SECTION 3 ***/
  .sicher3-content h1 {
    margin-bottom: 100px;
  }

  /*** SECTION 4 ***/
  .sicher4 h1 {
    max-width: 900px;
  }

  /*** SECTION 7 ***/
  .sicher7 h1 {
    width: 1050px;
  }

}