/*
 *red = color:#8e0056;
 *green = color: #e5f3db;
 dark-green = color:#a2c653;
 * font-family: 'Roboto', sans-serif; (100, 300, 400, 700, 900)
 */
 @font-face {
     font-family: 'Frutiger';
     font-display: swap;
     src: url(FrutigerLTStd-Light.otf);
        }
  @font-face {
      font-family: 'FrutigerItalic';
      font-display: swap;
      src: url(FrutigerLTStd-LightItalic.otf);
         }
* {
  box-sizing: border-box;
}
body {
    padding:0;
    margin:0;
    font-family: 'Frutiger', sans-serif;
    font-size:1em;
    -webkit-animation: fadeIn 2s;
    background: #e5f3db;
    color:#666;
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/*
 * grid Layout mit Fallback!!
 */
.container {
    width:1200px;
    margin:0 auto;
}
.container-full {
    margin:0 auto;
    width:100%;
}
.containerInner, .frame-smallFrame, .frame-smallNoBorder {
  width:100%;
  max-width:1024px;
  margin:0 auto;
  padding:0 15px;
}
.contentInner .frame-smallFrame, .contentInner .frame-smallNoBorder {
  padding:0;
}
.bgWhite {
  background:#fff;
}
.redBg {
  background:#8e0056;
  color:#fff;
}
/*
 * Flexbox, Grid Elemente
 */
.flexbox {
    display:flex;
    box-sizing:border-box;
    margin:0;
    flex-wrap:wrap;
}

.flex_item {
    padding:15px;
}
.noPaddingTop {
  padding-top:0;
}
.flex-100 {
  width:100%;
}
.flex-55 {
  width:55%;
}
.flex-40 {
  width:40%;
}
.grid_section {
    display:flex;
    flex-wrap:wrap;

    display:grid;
    grid-template-columns:1fr;
    grid-gap: 15px;
}


/*
 * allgemeine formatierungen
 */
img:not([width]), .locationImg img, .teaserImg img {
   height:auto;
   max-width: 100%;
 }
 .slick-slide img {
   width:100%;
 }
h1, h2, h3, h4 {
    font-family: 'Frutiger', sans-serif;
    font-weight:700;
    color:#8e0056;
}
a {
    transition:all 0.4s ease;
    color:#8e0056;
    text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}
p, a, li {
    font-size:1.2em;
    line-height: 1.3em;
}
p a, li a, .nav li li, span a {
    font-size:1em;
}
.red {
  color:#8e0056;
}
.green {
  color:#a2c653;
}
.btn_red {
  background:#8e0056;
  border:1px solid #8e0056;
  color:#fff;
  padding:10px 30px;
  font-size:1em;
  transition:all 0.4s ease;
}
.btn_white {
  background:#fff;
  border:1px solid #fff;
  color:#8e0056;
  padding:10px 30px;
  font-size:1em;
  transition:all 0.4s ease;
  display:inline-block;
}
.btn_white:hover, .btn_white:focus {
  background:transparent;
  color:#fff;
  text-decoration: none;
}
.btn_red:hover, .btn_red:focus {
  background:transparent;
  color:#8e0056;
    text-decoration: none;
}
.mobile {
  /* display:none; */
}
.desktop {
    display:block;
}
 .cycle-item img {
    width:100%;
    height:auto;
}
.content img {
  max-width:100%;
  height:auto;
}
.text-center, .align-center {
  text-align: center;
}
/*email verschlüsselung*/
 .email-show::before {
     content: 'info@'
 }
  .email-show::after {
     content: 'demo.de';
}
.email-hide {
    display:none;
}
/*
 * header
 */
.sliderItem {
  position: relative;
}
.sliderTxt {
  position:absolute;
  width:100%;
  bottom:50px;
}
.headSlider {
  position: relative;
  margin-top:150px;
  border-bottom:5px solid #fff;
}
.headContent {
  width:100%;
  position: absolute;
  top:0;
}
.headContent .containerInner {
  padding:15px 0;
}
.headContent .container, .sliderTxt .container {
  background:rgba(255,255,255,0.8);
}
.headContent .flexbox {
  justify-content: space-between;
}
.headContent, .headSlider, .headContent a {
  color:#666;
}


/*slider homepage*/
.slick-slider {
  margin-bottom:0;
}
.sliderTxt .containerInner {
  position: relative;
  overflow:hidden;
  padding:30px 15px 50px;
  font-size:1.1em;
  font-weight:700;
}
.sliderTxt .flexbox {
  justify-content: center;
  position:relative;
  margin-top:-70px;
  margin-bottom:15px;
}
.sliderClaim {
  background:#8e0056;
  color:#fff;
  font-size:1.2em;
  font-weight: 700;
  padding:65px 50px 30px 50px;
  transform:rotate(-6deg);
}

/*
content
*/
ul.twoCols {
  column-count:2;
  column-space: 15px;
}
.padded {
  padding:60px 0;
}
.clear {
  width:100%;
  float:none;
  clear:both;
  display:block;
}
.content {
  padding:60px 0;
}
.credo {
  border-top:1px solid #8e0056;
  border-bottom:1px solid #8e0056;
  color:#8e0056;
  text-align: center;
  display:block;
  margin:0 15px 15px 0;
}
.bigItalic {
  font-family: 'FrutigerItalic';
  font-size:1.15em;
}
.textImg {
  justify-content: space-between;
}
.textImg img {
  padding:10px;
  border:1px solid #999;
}
.ce-column .image {
  padding:10px;
  border:1px solid #999;
}
.frame-smallNoBorder .ce-column .image {
  border:none;
}
.ce-bodytext p:first-child {
  margin-top:0;
}
.topContent {
  padding:30px 0;
}

/*locations*/
.locations {
  justify-content: space-between;
  margin:0;
  padding-bottom:60px;
}
.locationsTop {
  padding-top:60px;
}
.locationTeaser {
  width:100%;
  max-width: 30%;
  padding:15px;
  text-align: center;
  border:1px solid #999;
  background:#fff;
}
.locationHeader span {
  display:block;
  font-size:1.4em;
  font-weight: 700;
}
.locationHeader {
  padding:10px 0;
}
.locationTxt {
  border-top:1px solid #999;
}
/*teaser*/
.catTeaser {
  flex-wrap:wrap;
  justify-content: space-between;
  padding:0 0 30px 0;
}
.teaserItem {
  border:1px solid #666;
  padding:10px;
  margin:10px;
  width:23%;
}
.teaserTxt {
  padding:10px;
}
.teaserTxt h3 {
  padding:0;
  margin: 0;
}
.teaserTxt p {
  margin-top:5px;
  }

  .catNav {
    width:25%;
    background: #e5f3db;
    padding:15px;
    margin:45px 0;
  }
  .catNav ul {
    margin:0;
    padding:0;
    list-style: none;
  }
  .catNav li a {
    color:#666;
    padding:5px 0;
    display:block;
  }
  .catNav li a:hover, .catNav li a:focus, .catNav li a.current {
    color:#8e0056;
    text-decoration:none;
  }
  .categoryItem {
    display:none;
    padding:45px 15px;
  }
  .categoryItem h2, .categoryItem h1 {
    margin-top:0;
  }
  .categoryItem:first-child {
    display:block;
  }

  /*partner*/
  .partnerLogos {
  margin:0px -15px;
  padding:30px 0;
  flex-wrap:wrap;
  justify-content: left;
  }
  .logoItem .teaserImg {
    height:100%;
    min-height:210px;
    display:flex;
    align-items:center;
    justify-content: center;
    padding:15px;
  }
  .logoItem {
    position: relative;
  }
  .logoItem a {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
  }
/*
 * form
 */
 .qs_form {
   display:flex;
   align-items: center;
 }
 .qs_form input {
   border:1px solid #666;
   padding:7px 10px;

 }
 #tx-indexedsearch-qs-button-submit {
   width:32px;
   height:32px;
   background:url('../assets/search.png') no-repeat center center #666;
   background-size:contain;
   border:none;
  margin-left:5px;
 }
 .contactForm {
   padding:60px 0;
 }
.powermail_fieldset {
    padding:15px;
    border:none;
}
.powermail_legend, .powermail_form h3 {
    display:none;
}
.powermail_fieldset_1, .powermail_fieldset_2 {
  width:49%;
  float:left;
}
.powermail_fieldset_3 {
  float:none;
  width:100%;
  clear:both;
}
.powermail_fieldwrap {
    /*fallback*/
   display:flex;
   flex-wrap:wrap;

   display:grid;
   grid-template-columns: 1fr 3fr;
   margin-top:10px;
}
.powermail_field {
    width:100%;
}
.powermail_input, .powermail_select, .powermail_textarea, .powermail_date, .tx-indexedsearch-searchbox-sword {
    padding:5px 10px;
    border-radius:0px;
    border:1px solid #666;
    width:100%;
    box-sizing:border-box;
}
.powermail_submit, #tx-indexedsearch-searchbox-button-submit {
  padding:10px 30px;
  color:#fff;
  background:#8e0056;
  border:1px solid #8e0056;
  border-radius: 0;
  transition:all 0.4s ease;
  font-size:1.2em;
  font-weight:400;
  cursor:pointer;
}
#tx-indexedsearch-searchbox-button-submit {
  margin-top:15px;
}
.powermail_submit:hover, .powermail_submit:focus, #tx-indexedsearch-searchbox-button-submit:hover, #tx-indexedsearch-searchbox-button-submit:focus {
  color:#8e0056;
  background:transparent;
}
/*
 * Footer
 */
.footer  {
  padding:30px 0;
  background:#a2c653;
  color:#fff;
  border-top:5px solid #fff;
}
.footer_nav {
    justify-items: end;
}
.footer_nav li {
    list-style:none;
    text-align: right;
}
.copy.bgWhite {
  padding:0;
  padding-bottom:30px;
}
.copy .flexbox {
  justify-content: center;
}
.copy ul {
  padding:20px 0 0;
  margin:0;
}
.copy ul li {
  display:inline;
}
.copy li a {
  color:#000;
  text-decoration:underline;
  padding:0 10px;
}
/*mediaqueries*/

/*
 * grid layout from 767px
 */
@media screen and (min-width:768px) {
    /*columns*/
        .section_1_cols {
            grid-template-columns: 1fr;
        }
        .section_2_cols {
            grid-template-columns: 1fr 1fr;
        }
        .section_3_cols {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .section_4_cols {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
        .section_5_cols {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        }
        .section_6_cols {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        }
        /*rows*/
        .section_1_rows {
            grid-template-rows: auto;
        }
        .section_2_rows {
            grid-template-rows: auto auto;
        }
        .section_3_rows {
            grid-template-rows: auto auto auto;
        }
        .section_4_rows {
            grid-template-rows: auto auto auto auto;

        }

        .header_top {
            grid-template-columns:  1fr 1fr 3fr;
        }

        .footer-wrapper {
            grid-template-columns: 2fr 1fr 2fr;
        }
    }

/*
 * media queries responsive
 */
 @media screen and (max-width:1300px) {
   .logo {
     max-width: 280px;
   }
   .sliderTxt {
     bottom:20px;
   }
   .sliderTxt .containerInner {
     padding:15px;
     font-size: 1em;
   }
 }
@media screen and (max-width:1200px) {
    .container {
        width:1024px;
    }

}
@media screen and (max-width:1024px) {
    .container {
        width:100%;
        padding:0 15px;
    }

    .sliderTxt .containerInner .flexbox {
      display:none;
    }
    .sliderTxt .container {
      width:80%;
    }
    .teaserItem {
      width:30%;
    }
}
@media screen and (max-width:768px) {
    .mobile{
    display:block;
    }
    .desktop {
        /* display:none; */
    }
    .navContainer {
      align-items: center;
    }
    .headSlider {
      margin-top:120px;
    }
    .headContent .containerInner {
      padding-bottom:0;
    }
    .headContent {
      /* position:relative; */
      top:0;
      background:#fff;
    }
    .flex-55, .flex-40 {
      width:100%;
    }
    ul.twoCols {
      column-count:1;
    }
    .categoryItem {
      padding:0;
    }
    .twoCols .flexbox {
      flex-wrap:wrap;
    }
    .catNav.flex_item, .catItems.flex_item {
      width:100% !important;
    }
    .catNav select {
      display:block;
      width:100%;
      margin:0 auto;
      padding:5px;
      background:#fff;
      border-radius:0;
      border:1px solid #8e0056;
      position: relative;
    }
    .powermail_fieldset_1, .powermail_fieldset_2 {
      float:none;
      width:100%;
    }
}
@media screen and (max-width:667px) {
    .flexbox {
        flex-wrap:wrap !important;
    }
    .flex_item {
        width:48% !important;
    }
    .locationTeaser, .teaserItem {
      max-width: 48%;
      margin:1%;
    }
    .sliderTxt .container {
      width:100%;
    }
    .ce-gallery {
      float:none;
      display:block;
      width:100%;
    }
}
@media screen and (max-width:500px) {
  .locationTeaser, .teaserItem {
    max-width: 100%;
    width:100% !important;
    margin:15px 0;
  }
  .textImg {
    max-width: 100%;
  }
  .textImg img, .ce-gallery img {
    width:100%;
    height:auto;
  }
  .sliderTxt {
   position:relative;

  }
  .headContent .container, .sliderTxt .container {
       background:transparent;
  }
  .teaserImg img {
    width:100%;
  }
  .catItems {
    padding:15px 0;
  }
  .flexbox.partnerLogos {
    margin:0;
  }
  .powermail_fieldwrap {
    display: block;
  }
  .powermail_label {
    margin-bottom:10px;
    display:block;
  }
  .powermail_fieldset {
    padding:0;
  }
  .form-group {
  /*old browsers*/
  display:flex;
  flex-wrap:wrap;
  grid-template-columns:1fr;
  }
  .form-group label, .form-group .input {
      width:100%;
  }
  .flex_item {
      width:100% !important;
  }
}
@media screen and (max-width:375px) {

}