/* 2016-06-02: some temporary tweaking for feature image XXL teaser on smaller screens */
@media (max-width: 50em) {
  .feature figure.optimize-small-screens.responsive:not(.keep-original) img {
    /*height: 400px;*/
    height: 50vh;
    /*margin-top: 64px;*/
  }
}
@media (max-width: 38em) {
  .feature figure.optimize-small-screens.responsive:not(.keep-original) img {
    /*height: 300px;*/
  }
}
@media (max-width: 25em) {
  .feature figure.optimize-small-screens.responsive:not(.keep-original) img {
    height: 200px;
  }
}

@media (max-width: 25em) {

/* OK button for cookie notice has to behave on small screens! */
.teaser.notification.notification--acknowledge.notification--bottom .button--acknowledge {
  margin-left: 0;
  font-size: .9rem;
}

}


/* CAG JR: somehow hover got deactivated site-side ... due to color: inherit on the general a tag?! */
a:not(.button):hover {
  color: #ff9a00 !important; 
}
.nav-main .nav-submenu li a:hover {
  color: #fff !important;
}


/* 2017-03-28 CAG JR: changing tne Press Release overlay */
.press-releases[data-item-count="3"] .teaser:nth-child(1) figure>.overlay {
  background: #4c4c4c;
}
.press-releases[data-item-count="3"].teaser-row .teaser--news:first-child:before {
  padding-top: 41%;
}