/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}


 /*foundation override*/

 .row {
     max-width: 69rem;
 }
 

 .menu .is-active>a {
     background: none;
     color: #7F7F7F;
     border: 1px solid #7F7F7F;
     font-weight: 800;
     margin: 20px 0;
     font-family: 'Montserrat', sans-serif;
 }

 .top-bar .menu .is-active>a {
     border: none;
     font-weight: 800;
     margin: 0;
 }

 .top-bar,
 .top-bar ul {
     background: none;
 }

 .top-bar {
     border-bottom: 1px solid #cacaca;
     padding: 1.5rem 0.5rem;
         margin-top: 20px;
 }

 @media screen and (max-width: 900px) {
      .top-bar {
         margin-top: 0px;
 }
 }

 .kategorie a {
     margin: 20px 0;
 }

.menu-text img {
     max-width: 200px;
}

.menu .menu-text {
         padding: 0;
}

.menu-text a {
     padding: 0!important;
}

.thumbnail {
         border: none;
    box-shadow: none;
    max-width: 160px;
    
}




}

 /*allgemeine stlyes*/

 body {
     font-family: 'Hind', sans-serif;
 }

 h2 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
     margin-top: 50px;
     margin-bottom: 25px;
 }

 .menu a {
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     color: #7F7F7F;
 }

 .subline {
     color: #7F7F7F;
     text-align: center;
     margin-bottom: 55px;
 }

 .footer {
     border-top: 1px solid #cacaca;
     padding: 1rem 0rem;
     margin-top: 30px;
 }
 /*STYLES HOVER EFFEKT VIDEOS http://www.alessioatzeni.com/blog/css3-hover-effects/*/

 .view {
     width: 100%;
     float: left;
     overflow: hidden;
     position: relative;
     text-align: center;
     cursor: default;
 }

 .view .mask,
 .view .content {
     width: 100%;
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
 }

 .view img {
     display: block;
     position: relative;
     width: 100%;
 }

 .view-animated img {
    position: absolute;
 }

 .mask {
     height: 100%;
 }

 .view a.info {

     font-size: 18px;
         font-weight: 400;
     font-family: 'Montserrat', sans-serif;
     display: table-cell;
     height: 200px;
     vertical-align: middle;
     text-align: center;
     top: 30px;
 }

 .third-effect .mask {
     opacity: 0;
     overflow: visible;
     background: rgba(0, 0, 0, 0.7);
     box-sizing: border-box;
     transition: all 0.4s ease-in-out;
     display: table;
     padding: 0px 15px;
 }

 .third-effect a.info {
     position: relative;


     opacity: 0;
     transition: all 0.5s 0s ease-in-out;
 }

 .third-effect:hover .mask {
     opacity: 1;
     background: rgba(0, 0, 0, 0.7);
 }

 .third-effect:hover a.info {
     opacity: 1;
     top: 0;
     color: white;
 }
 /*END STYLES HOVER EFFEKT VIDEOS*/
 /*styles loading animation*/

 .spinnershow {
     display: block!important;
 }

 .spinnerhide {
     display: none;
 }

 .spinner {
     width: 40px;
     height: 40px;
     display: none;

     position: relative;
     margin: 100px auto;
 }

 .double-bounce1,
 .double-bounce2 {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: #333;
     opacity: 0.6;
     position: absolute;
     top: 0;
     left: 0;

     -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
     animation: sk-bounce 2.0s infinite ease-in-out;
 }

 .double-bounce2 {
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s;
 }

 @-webkit-keyframes sk-bounce {
     0%,
     100% {
         -webkit-transform: scale(0.0)
     }
     50% {
         -webkit-transform: scale(1.0)
     }
 }

 @keyframes sk-bounce {
     0%,
     100% {
         transform: scale(0.0);
         -webkit-transform: scale(0.0);
     }
     50% {
         transform: scale(1.0);
         -webkit-transform: scale(1.0);
     }
 }
 /*BURGER NAVIGATION*/

 .burger {
     cursor: pointer;
     height: 24px;
     width: 24px;
     position: absolute;
     right: 20px;
     top: 28px;
     display: none;
 }

 .burger .icon {
     position: absolute;
     height: 3px;
     width: 24px;
     top: 12px;
     background-color: #212121;
 }

 .burger .icon:before {
     position: absolute;
     width: 24px;
     height: 3px;
     background-color: #212121;
     content: "";
     top: -8px;
 }

 .burger .icon:after {
     position: absolute;
     width: 24px;
     height: 3px;
     background-color: #212121;
     content: "";
     top: 8px;
 }

 .nav ul {
     display: inline-block;
     margin: 0;
     padding: 0;
 }

 .nav li {
     list-style: none;
 }

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.view-animated {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    position: relative;
}

.load-more {
    width: 190px;
    margin-top: 20px;
}

@keyframes placeHolderLoading{
    0%{
        background-color: white
    }
    100%{
        background-color: #efefef
    }
}


.button-loading {
animation-duration: 0.5s;
    /*animation-fill-mode: forwards;*/
    animation-iteration-count: infinite;
    animation-name: placeHolderLoading;
    animation-timing-function: linear;
    animation-direction: alternate; 

}

 @media (max-width: 900px) {
     .burger {
         display: initial;
     }
     .nav li {
         float: none;
         padding: 15px 0px;
         display: block;
         text-align: center;
     }
     .nav ul {
         float: left;
         padding-left: 0;
     }
     .nav {
         display: none;
     }
 }