/**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{transform: translate3d(0px,0,0)}
.swiper-pointer-events{touch-action:pan-y}
.swiper-pointer-events.swiper-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}


/* Navigation */
/* :root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);
height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
  content:'next'}
  .swiper-button-lock{display:none} */



/* ---
------ Swiper
---- */

.quote--content {
  /* font-weight: 700; */
  font-weight: 300;
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #56585A;
  position: relative;
  margin-top: 0;
}

.quote--content::before {
  content: '«';
  color: #83BE26;
  position: absolute;
  left: -1.1rem;
}

.quote--content::after {
  content: '»';
  color: #83BE26;
  /* position: absolute; */
  /* right: -1rem; */
  margin-left: 0.3rem;
}

.quote--credits {
  color: #86878A;
  /* font-weight: 400; */
  font-weight: 300;
  font-size: 14px;
}

.quotes {
  margin: var(--space-l) -2.25rem 0;
}

.swiper.swiper--quotes {
  padding-top: 2rem;
  margin-top: -2rem;
  padding-bottom: 2rem;
}

.step.swiper-slide {
  width: 50%;
  /* padding-right: 3.25rem;
  padding-left: 3.25rem; */
  padding-right: 60px;
  padding-left: 60px;
  /* center in middle */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  padding-top: 1.75em;
  padding-bottom: 1.75em;
  min-height: 300px;
}

.swiper-wrapper {
  min-height: 300px;
}

@media screen and (max-width: 600px) {
  .swiper-wrapper {
    min-height: auto;
  }

  .step.swiper-slide {
    min-height: auto;
  }
}

.step__number {
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 25C50 38.8071 38.8071 50 25 50C5.13228 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C46.3829 0 50 11.1929 50 25Z' fill='%23227193'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-bottom: 1.9rem;
  line-height: 1;
  position: relative;
}
  
  .site_wrapper[data-pagecolor="red"] .step__number {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 25C50 38.8071 38.8071 50 25 50C5.13228 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C46.3829 0 50 11.1929 50 25Z' fill='%23C3134F'/%3E%3C/svg%3E%0A");
  }
  
  .site_wrapper[data-pagecolor="green"] .step__number {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 25C50 38.8071 38.8071 50 25 50C5.13228 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C46.3829 0 50 11.1929 50 25Z' fill='%23A6C766'/%3E%3C/svg%3E%0A");
  }
  
  .site_wrapper[data-pagecolor="yellow"] .step__number {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 25C50 38.8071 38.8071 50 25 50C5.13228 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C46.3829 0 50 11.1929 50 25Z' fill='%23F59C13'/%3E%3C/svg%3E%0A");
  }
  
  .step__number::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='396' height='41' viewBox='0 0 396 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 40L93.3338 21.252C162.407 7.22709 233.593 7.2271 302.666 21.252L395 40' stroke='%23D9DEED' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(((clamp(1px, 100vw, 1788px) / 12 * 10) - 1.2rem + 4.5rem) * 0.25);
    height: calc((((clamp(1px, 100vw, 1788px) / 12 * 10) - 1.2rem + 4.5rem) * 0.25) / 396 * 41);
    top: 50%;
    margin-top: calc((((clamp(1px, 100vw, 1788px) / 12 * 10) - 1.2rem + 4.5rem) * 0.25) / 396 * -41);
    left: 1.25rem;
    z-index: -1;
  }
  
  .step:nth-child(2n) .step__number::before {
    transform: rotate(180deg);
    margin-top: auto;
  }
  
  .step:last-child .step__number::before {
    display: none;
  }
  
@media screen and (max-width: 1000px) {
  .step.swiper-slide {
    padding: 10px 40px;
  }
}

@media screen and (max-width: 700px) {
  .step.swiper-slide {
    width: 100%;
  }
}
  
  

/* -----  swiper controls ---- */

/* .swiper-button-next,
.swiper-button-prev {
    position: static;
} */

.swiper-controls {
    display: flex;
}

/* .swiper-controls .button::after,
.swiper-controls .button::before {
    content: none;
} */

/* electrosuisse button */
/* .swiper-controls .button {
  border-width: 1px !important;
  border-style: solid !important;
    padding: 15px 24px !important;
    
    border-color: #88bd24 !important;
    background: #88bd24 !important;
    -webkit-appearance: button;
    
    background-color: #8ebc42;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  } */

.swiper-controls .button+.button {
    margin-left: 6px;
}

/* .swiper-controls .button span::before,
.swiper-controls .button span::after {
    content: "";
    position: absolute;
    background-image: url('/wp-content/themes/SCHMUCKI_child/img/iconset.png');
    background-image: url('/wp-content/themes/SCHMUCKI_child/img/iconset.svg');
    background-repeat: no-repeat;
    background-size: 460px;

    top: 0;
    left: 0;
    width: 29px;
    height: 17px;
    background-position: -312px -2px;
} */

/* hover */
/* .swiper-controls .button::after,
.swiper-controls .button::before {
  content: '';

  position: absolute;
  left: -1%;
  top: 0;
  width: 102%;
  height: 100%;
  z-index: -2;

  background-image: -webkit-linear-gradient(135deg, #9DC536, #93B833 100%);
  background-image: -o-linear-gradient(135deg, #9DC536, #93B833 100%);
  background-image: linear-gradient(-45deg, #9DC536, #93B833 100%);

  -webkit-transition: 300ms ease-in-out all;
  -o-transition: 300ms ease-in-out all;
  transition: 300ms ease-in-out all;
}

.swiper-controls .button:hover::after,
.swiper-controls .button:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
} */

/* .swiper-controls .button {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 15px 24px !important;
    width: auto;
} */


/* .swiper-controls .button span {
    width: 29px;
    height: 17px;
    display: block;
    text-indent: -30000px;
    position: relative;
} */

.button.button--arrow.swiper-button-prev > div > div::before
{
  transform: scaleX(-1);
}

.swiper-controls .button, 
.swiper-controls .button > div, 
.swiper-controls .button > div::before,
.swiper-controls .button > div::after {
  height: 49px;
}

.swiper-controls .button > div::after {
  top: 0;
  bottom: 0;
}

.swiper-controls .button.button--arrow > div > div::before {
  top: 14px;
}



.swiper-controls .button {
  cursor: pointer;
}

/* disabled button like disabled owl-button  */
.button.swiper-button-disabled > div {
  border-color: #B3B3B3 !important;
  background: transparent !important;

  border-width: 1px !important;
  border-style: solid !important;
  padding: 15px 24px !important;
  cursor: unset;
}

.button.swiper-button-disabled > div::after,
.button.swiper-button-disabled > div::before {
  background: none;
}

.button.swiper-button-disabled > div > div::before {
  position: absolute;
  background-image: url(/wp-content/themes/SCHMUCKI_child/img/iconset.png);
  background-image: url(/wp-content/themes/SCHMUCKI_child/img/iconset.svg);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: -251px -2px;
}