@charset "UTF-8";
/*
 * _settings.scss
 * In dieser Datei werden alle Variablen deklariert,
 * die oft in anderen SCSS-Dateien gebraucht werden.
 */
/*************/
/**ALLGEMEIN**/
/*************/
/*
 * $max-width: Maximale Breite des Viewports
 */
/**************/
/**BREKPOINTS**/
/**************/
/*
 * $bp-label: Bezeichner der Breakpoints
 * $bp-max: Breakpoint-Stellen in px (von oben)
 */
/***********/
/**SCHRIFT**/
/***********/
/*********/
/**ABSTÄNDE**/
/*********/
/**
$margins:
    0.25,
    0.5,
    0.75,
    1,
    1.5,
    2,
    2.5,
    3,
    3.5;
 **/
/*********/
/**HÖHEN**/
/*********/
/****************/
/**SCHRIFTARTEN**/
/****************/
/*
 * _mixins.scss
 *
 */
/*
 * _settings.scss
 * In dieser Datei werden alle Variablen deklariert,
 * die oft in anderen SCSS-Dateien gebraucht werden.
 */
/*************/
/**ALLGEMEIN**/
/*************/
/*
 * $max-width: Maximale Breite des Viewports
 */
/**************/
/**BREKPOINTS**/
/**************/
/*
 * $bp-label: Bezeichner der Breakpoints
 * $bp-max: Breakpoint-Stellen in px (von oben)
 */
/***********/
/**SCHRIFT**/
/***********/
/*********/
/**ABSTÄNDE**/
/*********/
/**
$margins:
    0.25,
    0.5,
    0.75,
    1,
    1.5,
    2,
    2.5,
    3,
    3.5;
 **/
/*********/
/**HÖHEN**/
/*********/
/****************/
/**SCHRIFTARTEN**/
/****************/
.zp_swiper {
  position: relative;
  overflow: hidden; }
  .zp_swiper .container {
    position: relative; }
    .zp_swiper .container::after, .zp_swiper .container::before {
      position: absolute;
      width: 10px;
      top: 0;
      bottom: 0;
      background: #fff;
      display: block;
      z-index: 100;
      content: ''; }
    .zp_swiper .container::after {
      right: -10px; }
    .zp_swiper .container::before {
      left: -10px; }
    .zp_swiper .container .slider {
      margin-left: -10px;
      margin-right: -10px;
      height: 100%; }
      .zp_swiper .container .slider .slide-element {
        width: 100%;
        min-height: 100%; }
        .zp_swiper .container .slider .slide-element .wrapper {
          display: block;
          text-align: center; }
          .zp_swiper .container .slider .slide-element .wrapper > .zp_element:not(.zp_row) {
            padding-left: 10px;
            padding-right: 10px; }
          .zp_swiper .container .slider .slide-element .wrapper > .zp_row {
            width: calc(100% + 10px);
            margin: auto; }