html,
* {
  scroll-behavior: smooth;
}

[data-aos] {
  pointer-events: none;
}

@media (max-width: 991px) {
.reverse-mobile .left-col {
  order: 2;
 }
}

.aos-animate {
  pointer-events: auto;
}

.aos-init[data-aos][data-aos].aos-animate {
  transform: unset;
}

body {
  /* color: #a2a2a2; */
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;

  color: #7e7e7e;
  line-height: 1.6em;
  letter-spacing: 0.5px;
 
  color: #666;
  

}

main {
  // overflow: hidden;
  margin-top: 10px !important;
}

.gift {
  background: #fff;
 
}

:root {
  
  --main-color: #ee7f00;
  --main-border-radius: 24px;
  --secondary-color: #8ed1d7;
  --title-color: #444;
  --primary-color: #ee7f00;
  --second-color: #3d7ab3;
  --accent-color: #6053488f;
  --light-color: #f5f5f53b;
  --dark-color: #333333;
  --accent-colo2: #fff8f6;
  --silver: #bfbfbfff;
  --teal: #008080;
  --green: #f5ab96;
  --gold: #daa520;
  --blue: #2c3e50;
  --section-background: #f9f9ff;
  --almond: #f8e8daff;
  --misty-rose: #ffe4e1ff;
  --pale-dogwood: #e0c6bbff;
  --pale-dogwood: #e0c6bb59;
  --main-transition: 0.3s linear;
  --main-padding-top: 60px;
  --main-padding-bottom: 60px;
  --text-color: #777;
  --mobileWidth: 479px;
  --tabletWidth: 767px;
  --desktopWidth: 991px;

  --marquee-elements:7;
  --marquee-width: 100%;
  --marquee-height: 20vh;
  --marquee-elements-displayed: 3;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

p {
  margin-bottom: 1em;
  margin-bottom: 10px;
}

b,
strong {
  font-weight: 600;
  
}

a {
  color: var(--main-color);
   
    text-decoration: none;
}

ul {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 0;
}

ul li {
  position: relative;
}

.liste ul,
.liste2 ul {
  margin-top: 15px;
  line-height: 1.9;
}


.haken > ul{
  padding-left: 55px;

&:first-child{
  margin-top: -25px;
}

> li{
  margin-top: 35px;

  &:before{
      content: '';
    width: 45px;
    height: 45px;
  
    background-size: 45px 45px;
      left: -50px;
  }
}
}
.liste ul li:before,.haken ul li:before {
  position: absolute;
  content: "■";
  content: "\2714";
  position: absolute;
  left: -18px;
  top: -2px;
  color: var(--main-color1);
  font-size: 100%;
  line-height: 1.8;
}
.liste ul li a { 
  color: var(--main-color); 
}

.liste2 ul li:before {
  position: absolute;
  content: "\2714";
  position: absolute;
  left: -18px;
  top: -2px;
  color: var(--main-color1);
  font-size: 100%;
}

.dp--revoke.cc-top-right,
.dp--revoke.cc-bottom-right {
  right: unset;
  left: auto;
}

@media (min-width: 600px) {
  .new-hero.sca .image img {
    transform: scale(1.34);
  }
}


.swiper {
  margin-bottom: 27px;
  margin-left: 15px;
  margin-right: 15px;
  margin: auto;
  overflow: hidden;
  width: 98%;
  position: revert;
}
.swiper-position .container {
    position: relative;
}
.swiper-position .bild {
       max-width: 200px;
    height: 126px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;

    width: 112px; 
    height: auto; 
    display: block; 
    max-height: 112px; 
    object-fit: contain;
    display: flex;
    align-items: center;
}

.swiper-wrapper {

  padding: 33px 0px;
 
}

.ml-swiper .swiper-wrapper {
  margin-left: 5px;
}
.swiper-pagination {
       top: 95% !important;
  
    padding: 17px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
    height: 50px;
    width: 50px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    top: 100%;
    border-radius: 50%;
    border: 1px solid #ee7f00;

}

.swiper-button-next {
  right: -10px;
 right: 40%;
@media (max-width:767px) {
 right: 15%;
}
}

.swiper-button-prev {
  left: -10px;
 left: 40%;
@media (max-width:767px) {
 left: 15%;
}
}

.swiper-button-next:after,
.swiper-button-prev:after {
 
  padding: 3px;
  border-radius: 8%;
  font-size: 24px;
}

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 0;
}

.swiper-pagination-bullet-active {
  background-color: gray;
}

.swiper-pagination-bullet-active {
  background-color: var(--main-color);
  background-color: var(--green);
}