/* Root variables */
:root{
  --footer-height: 266px;
}
/* The default font family. */
/* The font attributes */
/* widths */
/* paddings/margins */
/* misc */
/* Colors */
.view .view-content{
    left:0;
    right:0;
    margin: 0px auto;
    width:100%;
    max-width: 1280px;
    padding: calc(4rem/4);
  }
@media (min-width: 960px) {
.view .view-content{
      padding: calc(4rem/2)
  }
  }
@media (min-width: 1280px) {
.view .view-content{
      padding: 4rem
  }
  }
.view-downloads .view-content .views-group{
      border-bottom:6px;
      border-style: dotted;
      border-color: #005ca8;
      border-width: 6px;
      border-image-source: url(../../images/dots.svg);
      border-image-slice: 30% 30%;
      border-image-repeat: round;
      border-left:0;
      border-top:0;
      border-right:0;
      padding-bottom: calc(4rem/4);
    }
@media (min-width: 960px) {
.view-downloads .view-content .views-group{
        padding-bottom: calc(4rem/2);
    }
  }
.view-downloads .view-content .views-group{
      width:100%;
}
.view-downloads .view-content .views-group:last-child{
        border-bottom:0;
      }
.view-downloads .view-content .views-group h4{
        text-align:center;
        width:100%;
        margin-bottom: calc(4rem/4);
      }
.view-downloads .view-content .views-group .views-row-wrapper{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        margin-left: calc(4rem/8 * -1);
        margin-right: calc(4rem/8 * -1);
      }
@media (min-width: 480px) {
.view-downloads .view-content .views-group .views-row-wrapper{
          margin-left: calc(4rem/4 * -1);
          margin-right: calc(4rem/4 * -1)
      }
  }
@media (min-width: 960px) {
.view-downloads .view-content .views-group .views-row-wrapper{
          margin-left: calc(4rem/2 * -1);
          margin-right: calc(4rem/2 * -1)
      }
  }
.view-downloads .view-content .views-group .views-row{
        width:100%;
        padding: calc(4rem/8);
      }
@media (min-width: 480px) {
.view-downloads .view-content .views-group .views-row{
          width:50%;
          padding: calc(4rem/4);
      }
  }
@media (min-width: 768px) {
.view-downloads .view-content .views-group .views-row{
          width:25%;
      }
  }
@media (min-width: 960px) {
.view-downloads .view-content .views-group .views-row{
          padding: calc(4rem/2);
      }
  }
.view-downloads .view-content .views-group .views-row:last-child{
          margin-right:auto;
        }
.view-downloads .view-content .views-group .views-row .field--name-node-title{
          margin:calc(4rem/8) 0;
          text-align:center;
        }
.view-downloads .view-filters label{
      position: absolute !important;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      width: 1px;
      height: 1px;
      word-wrap: normal;
    }
.view-downloads .view-filters .form-item-category{
      width:100%;
    }
.view-downloads .view-filters .form-item-category ul{
        list-style:none;
        margin:0;
        padding:0;
        display:flex;
        justify-content:center;
        width:100%;
      }
.view-downloads .view-filters .form-item-category ul li{
          margin:0px calc(4rem/4);
        }
.view-downloads .view-filters .form-item-category ul li a{
            text-decoration:none;
            color:#ffffff;
            background-color: #005ca8;
            -webkit-mask-image: url(../../images/buttons/btn-primary-white.svg);
                    mask-image: url(../../images/buttons/btn-primary-white.svg);
            background-size:100% 100%;
            padding: calc(4rem/3) calc(4rem/2);
            display:inline-flex;
            align-items:center;
            transition: background-color .25s ease, color .25s ease;
            text-decoration:none;
          }
.view-downloads .view-filters .form-item-category ul li a:hover, .view-downloads .view-filters .form-item-category ul li a:focus, .view-downloads .view-filters .form-item-category ul li a:active{
              color: #ffffff;
              background-color: #ed8a1a;
            }
.view-downloads .view-filters .form-item-category ul li a.bef-link--selected{
              color: #ffffff;
              background-color: #ed8a1a;
            }
.view-downloads .view-filters .form-item-category ul li a.bef-link--selected:hover, .view-downloads .view-filters .form-item-category ul li a.bef-link--selected:focus, .view-downloads .view-filters .form-item-category ul li a.bef-link--selected:active{
                color: #ffffff;
                background-color: #ed8a1a;
              }
.view-downloads .view-filters .form-item-category .form-actions{
        display:none;
      }
/* @mixin breakpoint-down medium { */
.view-downloads .view-filters{
      display:none;
    }
/* } */
.view-videos .view-header .taxonomy-term--type-exercise-categories{
      /* h2{
        display:none;
      } */

      left:0;
      right:0;
      margin: 0px auto;
      width:100%;
      max-width: 1280px;
      padding: calc(4rem/2) calc(4rem/4);
    }
@media (min-width: 960px) {
.view-videos .view-header .taxonomy-term--type-exercise-categories{
        padding: 4rem calc(4rem/2);
    }
  }
@media (min-width: 1280px) {
.view-videos .view-header .taxonomy-term--type-exercise-categories{
        padding: 4rem;
    }
  }
.view-videos .view-header .taxonomy-term--type-exercise-categories{
      padding-top:0;
      display:flex;
      display:none;
      align-items:center;
}
.view-videos .view-header .taxonomy-term--type-exercise-categories .group-left{
        width:35%;
        min-width:35%;
      }
.view-videos .view-header .taxonomy-term--type-exercise-categories .group-right{
        width:65%;
        padding-left: calc(4rem/4);
      }
@media (min-width: 960px) {
.view-videos .view-header .taxonomy-term--type-exercise-categories .group-right{
          padding-left: calc(4rem/2)
      }
  }
@media (min-width: 1280px) {
.view-videos .view-header .taxonomy-term--type-exercise-categories .group-right{
          padding-left: 4rem
      }
  }
.view-videos .view-content .views-row{
      border-bottom:6px;
      border-style: dotted;
      border-color: #005ca8;
      border-width: 6px;
      border-image-source: url(../../images/dots.svg);
      border-image-slice: 30% 30%;
      border-image-repeat: round;
      border-left:0;
      border-top:0;
      border-right:0;
      padding-bottom: calc(4rem/2);
    }
@media (min-width: 960px) {
.view-videos .view-content .views-row{
        padding-bottom: 4rem;
    }
  }
.view-videos .view-content .views-row:last-child{
        border-bottom:0;
      }
.view-videos .view-content .field--name-field-video{
      border:0;
      padding:0;
    }
@media (max-width: 767px) {
.view-videos .view-filters .views-exposed-form .form-item-kategorie{
          display:none;
      }
  }
.view-videos .view-filters .views-exposed-form .form-item-kategorie{
        width:100%;
        max-width: 1280px;
        left:0;
        right:0;
        margin: 0 auto!important;
        padding: calc(4rem/8);
}
@media (min-width: 960px) {
.view-videos .view-filters .views-exposed-form .form-item-kategorie{
          padding: calc(4rem/4);
      }
  }
@media (min-width: 1280px) {
.view-videos .view-filters .views-exposed-form .form-item-kategorie{
          padding: calc(4rem/2);
      }
  }
.view-videos .view-filters .views-exposed-form .form-item-kategorie label{
          text-align:center;
        }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul{
          margin:0;
          padding:0;
        }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li{
            margin-top:calc(4rem/4)!important;
            width:18%!important;
          }
@media (min-width: 768px) {
.view-videos .open-filters{
      display:none!important;
  }
  }
.view-videos .open-filters span > span{
      font-size:16px;
      display:block;
      font-weight:normal;
    }
.view-videos .view-filters .views-exposed-form .form-item-kategorie label,.exposed-filters-modal .views-exposed-form .form-item-kategorie label{
        display:block;
        font-weight:bold;
        color: #005ca8;
        /* margin-bottom: calc($padding/8); */
      }
.view-videos .view-filters .views-exposed-form .form-item-kategorie,.exposed-filters-modal .views-exposed-form .form-item-kategorie{
      margin:0;
      float:none;
}
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
      }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li{
          text-indent:-99999px;
          display:inline-flex;
          overflow:hidden;
          /* background-color:$white; */
          width:45%;
          margin-top:10%;
          position:relative;
        }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li:before,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li:before{
            content:'';
            padding-top:100%;
          }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li:first-child,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li:first-child{
            display:none;
          }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a{
            border-radius:50%;
            border:1px solid #005ca8;
            background-color:#ffffff;
            position:absolute;
            height:100%;
            width:100%;
            left:0;
            right:0;
            bottom:0;
            top:0;
            margin:auto;
            transition: background-color .25s ease;
          }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a:hover, .view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a.bef-link--selected, .exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a:hover, .exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a.bef-link--selected{
              background-color:#005ca8;
            }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a:after,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a:after{
              position:absolute;
              display:block;
              content:'';
              height:75%;
              width:75%;
              left:0;
              right:0;
              bottom:0;
              top:0;
              margin:auto;
              background-size:contain;
              background-position: center center;
              background-repeat:no-repeat;
            }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-3:after,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-3:after{
              background-image:url(../../images/buttons/bef/simplikus.png);
            }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-4:after,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-4:after{
              background-image:url(../../images/buttons/bef/zirkulina.png);
            }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-5:after,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-5:after{
              background-image:url(../../images/buttons/bef/hufine.png);
            }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-6:after,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-6:after{
              background-image:url(../../images/buttons/bef/zirkusgemeinschaft.png);
            }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-7:after,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-7:after{
              background-image:url(../../images/buttons/bef/trompetus.png);
            }
.view-videos .view-filters .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-8:after,.exposed-filters-modal .views-exposed-form .form-item-kategorie ul li > a#edit-kategorie-8:after{
              background-image:url(../../images/buttons/bef/zirkusdirektorin.png);
            }
.view-videos .view-filters .views-exposed-form .form-actions,.exposed-filters-modal .views-exposed-form .form-actions{
      text-align:center;
    }
.view-videos .view-filters .views-exposed-form .form-actions #edit-reset, .view-videos .view-filters .views-exposed-form .form-actions #edit-reset-videos, .exposed-filters-modal .views-exposed-form .form-actions #edit-reset, .exposed-filters-modal .views-exposed-form .form-actions #edit-reset-videos{
      font-size:16px;
      font-weight:bold;
      border:0;
      background: #005ca8;
      color: #ffffff;
      padding:calc(4rem/6) calc(4rem/4);
      cursor:pointer;
    }
.exposed-filters-modal #edit-reset, .exposed-filters-modal #edit-reset-videos{
  display:none;
}
@media (min-width: 768px) {
  .exposed-filters-modal{
    min-width:540px;
  }
          .exposed-filters-modal .views-exposed-form .form-item-kategorie ul li{
            width:31%;
          }
  }
@media (min-width: 960px) {
  .exposed-filters-modal{
    min-width:720px;
  }
          .exposed-filters-modal .views-exposed-form .form-item-kategorie ul li{
            width:31%;
          }
  }
/* View News */
.view-news .views-row, .view-news .unslick .slick__slide, .view-view-field-formatter .views-row, .view-view-field-formatter .unslick .slick__slide{
    width:100%;
    padding: calc(4rem/8);
    margin-bottom: calc(4rem/2);
  }
@media (min-width: 480px) {
.view-news .views-row, .view-news .unslick .slick__slide, .view-view-field-formatter .views-row, .view-view-field-formatter .unslick .slick__slide{
      width:50%;
      padding: calc(4rem/4);
  }
  }
@media (min-width: 768px) {
.view-news .views-row, .view-news .unslick .slick__slide, .view-view-field-formatter .views-row, .view-view-field-formatter .unslick .slick__slide{
      width:33.333333%;
  }
  }
/* @mixin breakpoint-up large {
      padding: calc($padding/2);
    } */
.view-news .views-row:last-child,.view-news .unslick .slick__slide:last-child,.view-view-field-formatter .views-row:last-child,.view-view-field-formatter .unslick .slick__slide:last-child{
      margin-right:auto;
    }
.view-news .unslick .slick__slide,.view-view-field-formatter .unslick .slick__slide{
    margin-left:auto;
    margin-right:auto;
  }
.view-news .slick__slide,.view-view-field-formatter .slick__slide{
    padding: 0 calc(4rem/8) calc(4rem/4);
  }
@media (min-width: 480px) {
.view-news .slick__slide,.view-view-field-formatter .slick__slide{
      padding: 0 calc(4rem/4) calc(4rem/4)
  }
  }
.view-news .views-row:hover .field--name-dynamic-twig-fieldnode-news-image-link img,.view-news .slick__slide:hover .field--name-dynamic-twig-fieldnode-news-image-link img,.view-view-field-formatter .views-row:hover .field--name-dynamic-twig-fieldnode-news-image-link img,.view-view-field-formatter .slick__slide:hover .field--name-dynamic-twig-fieldnode-news-image-link img{
          transform:scale(1.05);
        }
.view-news .field--name-dynamic-twig-fieldnode-news-image-link,.view-view-field-formatter .field--name-dynamic-twig-fieldnode-news-image-link{
    overflow:hidden;
    margin-bottom:calc(4rem/4);
  }
.view-news .field--name-dynamic-twig-fieldnode-news-image-link img,.view-view-field-formatter .field--name-dynamic-twig-fieldnode-news-image-link img{
      transition: transform 1s;
    }
.view-news .field--name-dynamic-twig-fieldnode-news-title-link a,.view-view-field-formatter .field--name-dynamic-twig-fieldnode-news-title-link a{
      text-decoration:none;
    }
.view-news .field--name-dynamic-twig-fieldnode-news-title-link,.view-view-field-formatter .field--name-dynamic-twig-fieldnode-news-title-link{
    font-weight:bold;
}
.view-news .field--name-field-description,.view-view-field-formatter .field--name-field-description{
    margin-bottom:calc(4rem/4);
  }
.view-news .field--name-dynamic-twig-fieldnode-news-link a,.view-view-field-formatter .field--name-dynamic-twig-fieldnode-news-link a{
      display:inline-block;
      text-decoration:none;
      font-size:16px;
      font-weight:bold;
      border:2px solid #005ca8;
      background: #005ca8;
      color: #ffffff;
      padding:calc(4rem/6) calc(4rem/4);
      transition: all .5s;
      cursor:pointer;
    }
.view-news .field--name-dynamic-twig-fieldnode-news-link a:hover,.view-view-field-formatter .field--name-dynamic-twig-fieldnode-news-link a:hover{
        background: #ffffff;
        color: #005ca8;
      }
.view-news.view-display-id-page_1 .pager,.view-view-field-formatter.view-display-id-page_1 .pager{
      margin-bottom:4rem;
    }
.view-news.view-display-id-page_1 .view-content,.view-view-field-formatter.view-display-id-page_1 .view-content{
      display:flex;
      flex-wrap:wrap;
      justify-content:space-between;
      padding-top:0;
    }
.view-news.view-display-id-block .view-content,.view-news.view-display-id-block2 .view-content,.view-view-field-formatter.view-display-id-block .view-content,.view-view-field-formatter.view-display-id-block2 .view-content{
      padding-left:0;
      padding-right:0;
    }
.view-news .slick-arrow.slick-prev,.view-view-field-formatter .slick-arrow.slick-prev{
      left:calc(4rem * -1);
    }
.view-news .slick-arrow.slick-next,.view-view-field-formatter .slick-arrow.slick-next{
      right:calc(4rem * -1);
    }
/* View Kindergarten Select */
.webform-kindergarten-modal .view-kindergarten-search .view-content{
      padding:0;
    }
/* View Kindergartengruppen (Field on School) */
/* .view-kindergartengruppen{
  .view-content{
    padding:0;
  }
} */
/* View Kindergarten User Account */
.view-kindergarten-user .view-content{
    padding:0;
  }
.view-kindergarten-user .view-content .views-field-title h4{
        margin-top:0;
        margin-bottom:0;
      }
.view-kindergarten-user .view-content .views-field-field-email{
      margin-top: calc(4rem/4);
    }
.view-kindergarten-user .view-content .views-field-nothing{
      margin-top: calc(4rem/4);
    }
.view-kindergarten-user .view-content .views-field-view{
      margin-top: calc(4rem);
    }
.view-kindergarten-user .view-content .views-field-view .views-label-view{
        font-weight: bold;
      }
.view-kindergarten-user .view-content .views-field-view .view-header{
        margin-top: calc(4rem/4);
      }
.view-kindergartengruppen .view-header{
    margin-top: calc(4rem/4);
  }
.view-kindergartengruppen .view-content{
    padding:0;
    display: table;
    border-collapse: collapse;
    margin:calc(4rem/4) 0;
    width:auto;
    max-width: 100%;
    table-layout: auto;
    word-break: break-word;
  }
.view-kindergartengruppen .view-content .views-row{
      display: table-row;
    }
.view-kindergartengruppen .view-content .views-row .views-field {
        padding-right: calc(4rem/2);
        display: table-cell;
        word-break: break-word;
        overflow-wrap: anywhere;
        margin-top:0;
      }
.view-kindergartengruppen .view-content .views-row .views-field-field-group-name{
        font-weight: bold;
      }
.view-kindergartengruppen .view-content .views-row .button-icon{
        font-size: 16px;
      }
.view-kindergartengruppen .view-footer{
    margin-top:1em;
  }
@media (max-width: 767px) {
      .view-kindergartengruppen .view-content .views-row{
        margin-bottom: calc(4rem/4);
        display:block;
      }
        .view-kindergartengruppen .view-content .views-row .views-field{
          display:block;
        }
          .view-kindergartengruppen .view-content .views-row .views-field .views-field {
            display:block;
          }
        .view-kindergartengruppen .view-content .views-row:last-child{
          margin-bottom:0;
        }
  }
/* VIEW KINDERGARTEN SEARCH */
.view-kindergarten-search .view-filters .views-exposed-form .form--inline .form-item{
          width:100%;
          margin-top:0;
        }
.view-kindergarten-search .views-row{
    width:100%;
    padding: calc(4rem/4) 0;
    border-bottom: 1px dotted #005ca8;
  }
/* border-style: dotted;
    border-color: $font-color;
    border-width: 6px;
    border-top:0;
    border-left:0;
    border-right:0;
    border-image-source: url(../../images/dots.svg);
    border-image-slice: 30% 30%;
    border-image-repeat: round; */
.view-kindergarten-search .views-row .views-field-nothing-1{
      margin-top: calc(4rem/4);
    }
.view-kindergarten-search .views-row .views-field-nothing-1 .button--small{
        margin-bottom:0;
        margin-right:0;
      }
.view-kindergarten-search .view-footer{
    margin-top: calc(4rem/2);
  }
@media (min-width: 768px) {
        .view-kindergarten-search .view-filters .views-exposed-form .form--inline{
          display:flex;
        }
          .view-kindergarten-search .view-filters .views-exposed-form .form--inline .form-item-plz{
            max-width:150px;
          }
    .view-kindergarten-search .view-content{
      display: table;
      border-collapse: collapse;
      width:100%;
      max-width: 100%;
      table-layout: auto;
      word-break: break-word;
    }
      .view-kindergarten-search .view-content .views-row{
        display: table-row;
        width:100%;
      }
        .view-kindergarten-search .view-content .views-row .views-field {
          vertical-align:middle;
          padding: calc(4rem/4) 0 calc(4rem/4);
          display: table-cell;
          word-break: break-word;
          overflow-wrap: anywhere;
          margin-top:0;
        }
          .view-kindergarten-search .view-content .views-row .views-field.views-field-nothing-1{
            text-align:right;
            padding-right:0;
          }
  }