@media all {
/* Alpen CSS - KRZN Version 13.04.2016 15:43

/* Ergänzung für Bildergalerie mit Lightbox Hover zentriert bei overflow-hidden */
  .ym-col3 section a.ym-lightbox:active,
  .ym-col3 section a.ym-lightbox:hover,
  .ym-col3 section a.ym-lightbox:focus {
    background: #ffffff url("../img/img-hover.png") no-repeat scroll 50% 50%;
    background-position-x: 4.8em;
    background-position-y: 3em;
  }
  .ym-gallery-sub figure {
    max-height: 10.8em;
    overflow: hidden;
  }
  /* Damit FF das Bild auch richtig in der Mitte anzeigt */
  .ym-gallery-sub  a.ym-lightbox{
    max-height: 10.250em;
    }

/* font-size adjustment metanavigation */
  #ym-nav-meta .ym-hlist ul li a, #ym-nav-meta .ym-hlist ul li strong {
	font-size: 100%;
}
/* Fixed Problem: H3 did show at some point behind the background-image */
  .ym-logo-footer {
	text-indent: 120%;
  }

 /* Concerning <div class="ym-nav-anker-content"> ... 
 Kontakt, Downloads and Links needed further Element "Formulare"  */ 
 #ym-forms {
    border-bottom: 1px solid #fabb00;
    padding-left: 35px;
    /* Nur wenn JS aktiv ist, wird das togglen angezeigt */
  }
  #ym-forms h4 {
    margin-top: 1em;
    font-weight: bold;
    position: relative;
  }
  #ym-forms h4 a {
    text-decoration: none;
  }
  #ym-forms h4 a:active,
  #ym-forms h4 a:hover,
  #ym-forms h4 a:active {
    color: #000000;
    cursor: default;
    outline: none;
    background: none;
  }
  #ym-forms h4:active,
  #ym-forms h4:hover,
  #ym-forms h4:active {
    color: #000000;
    cursor: default;
    outline: none;
    background: none;
  }
 .js
  #ym-forms h4:before {
    background: transparent url(/c1257f0e00510413/files/accordion_ohne.png/$file/accordion_ohne.png) no-repeat 0 0;
    display: block;
    content: "";
    float: left;
    height: 35px;
    left: -35px;
    position: absolute;
    top: -5px;
    width: 35px;
  }
 .js
  #ym-forms h4.open:before {
    background: transparent url(/c1257f0e00510413/files/accordion_minus.png/$file/accordion_minus.png) no-repeat 0 0;
  }
  #ym-forms h4 span {
    font-weight: normal;
  }
  #ym-forms .ym-closed,
  #ym-forms .ym-open {
    display: none;
  }
  
  .js
  #ym-forms:before {
    background: transparent url(/c1257f0e00510413/files/accordion_ohne@2.png/$file/accordion_ohne@2.png) no-repeat 0 0;
    background-size: 23px 30px;
  }
  .js
  #ym-forms.open:before {
    background: transparent url(/c1257f0e00510413/files/accordion_minus@2.png/$file/accordion_minus@2.png) no-repeat 0 0;
    background-size: 23px 30px;
  }
}
@media only screen and (max-width: 820px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 820px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 820px) and (min-device-pixel-ratio: 2), only screen and (max-width: 820px) and (min-resolution: 192dpi), only screen and (max-width: 820px) and (min-resolution: 2dppx) {
 .js
  #ym-forms:before {
    background: transparent url(/c1257f0e00510413/files/accordion_plus@2.png/$file/accordion_plus@2.png) no-repeat 0 0;
    background-size: 23px 30px;
  }
}
@media screen and (max-width: 820px) {
  
  #ym-forms h4 a:active,
  #ym-forms h4 a:hover,
  #ym-forms h4 a:active {
    color: #ffffff;
    cursor: pointer;
    outline: none;
    background: #000000;
  }
  #ym-forms h4:active,
  #ym-forms h4:hover,
  #ym-forms h4:active {
    cursor: pointer;
  }
  .js
  #ym-forms h4:before {
    background: transparent url(/c1257f0e00510413/files/accordion_plus.png/$file/accordion_plus.png) no-repeat 0 0;
  }
  
  /* Nur wenn JS aktiv ist, wird das togglen angezeigt von Kontakt */
  .js
  #ym-forms .ym-closed {
    display: inline-block;
  }
  .js
  #ym-forms h4.open .ym-closed {
    display: none;
  }
  .js
  #ym-forms h4.open .ym-open {
    display: inline-block;
  }
}

@media screen and (max-width: 604px) {

/* Ergänzung für Bildergalerie mit Lightbox Hover zentriert bei overflow-hidden */
  .ym-col3 section a.ym-lightbox:active,
  .ym-col3 section a.ym-lightbox:hover,
  .ym-col3 section a.ym-lightbox:focus {
    background-size: 30%;
    background-position-x: 4.1em;
    background-position-y: 2.1em;
  }
  .ym-gallery-sub figure {
    max-height: 8.8em;
    overflow: hidden;
  }
}

@media screen and (max-width: 380px) {

/* Ergänzung für Bildergalerie mit Lightbox Hover zentriert bei overflow-hidden */
  .ym-col3 section a.ym-lightbox:active,
  .ym-col3 section a.ym-lightbox:hover,
  .ym-col3 section a.ym-lightbox:focus {
    background-size: 30%;
    background-position-x: 3.5em;
    background-position-y: 2em;
  }
  .ym-gallery-sub figure {
    max-height: 6.813em;
    overflow: hidden;
  }
}