.news .newsWrapper {
  background: #fff;
  border: 1px solid #e8e8e8;
  margin-left: auto;
  margin-right: auto;
}
.news .newsWrapper figure img {
  width: 100%;
}
.news .newsTitle {
  font-family: 'RotisSansSerifStd-Bold';
  font-weight: normal;
  color: #000000;
  text-transform: none;
  display: block;
  position: relative;
  margin: 0;
  margin-top: -75px;
  top: 0px;
  height: 75px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  z-index: 99;
  -webkit-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  border-top: 1px solid #e8e8e8;
}
.tx-hm-news figure {
  overflow: hidden;
  position: relative;
}
.tx-hm-news .newsDate {
  position: absolute;
  display: inline-block;
  background: #e30072;
  background: var(--color-main);
  color: #fff;
  top: 20px;
  right: -10px;
  padding: 3px 16px 3px 10px;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  transition: all 0.2s linear;
}
.tx-hm-news .hideDates .newsDate {
  display: none;
}
.newsOverlay b {
  display: block;
}
.news .newsWrapper .newsOverlay {
  display: block;
  background: rgba(233, 50, 145, 0);
  -webkit-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  height: 100%;
  width: 100%;
}
.news .newsWrapper .newsOverlayWrapper {
  position: absolute;
  display: block;
  padding-right: 1px;
  padding-left: 1px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
}
.news .newsWrapper .newsOverlayWrapper .newsOverlay p {
  font-size: 14px;
}
.news .newsWrapper .newsOverlayWrapper .newsOverlay * {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
.news .newsWrapper:focus .newsOverlayWrapper .newsOverlay *,
.news .newsWrapper:hover .newsOverlayWrapper .newsOverlay * {
  opacity: 1;
}
.news .newsWrapper:focus .newsOverlayWrapper .newsOverlay,
.news .newsWrapper:hover .newsOverlayWrapper .newsOverlay {
  background: var(--griditem-overlay-color);
}
.news .newsWrapper .newsOverlayWrapper .newsOverlay .newsLink {
  position: absolute;
}
.news .newsWrapper:focus .newsTitle,
.news .newsWrapper:hover .newsTitle {
  top: -187px;
  background: transparent;
  color: white;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.news .newsWrapper .newsOverlayWrapper .newsOverlay .newsText {
  position: relative;
  top: 60px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 450ms;
  -moz-transition-delay: 450ms;
  -ms-transition-delay: 450ms;
  -o-transition-delay: 450ms;
  transition-delay: 450ms;
}
.news .newsWrapper:hover .newsOverlayWrapper .newsOverlay .newsText {
  opacity: 1;
}
.news .newsWrapper:hover .newsOverlayWrapper .newsOverlay .newsText * {
  color: #fff;
}
/** RESPONIVENESS **/
@media only screen and (min-width:768px) and (max-width:991px) {
  .news .newsWrapper:focus .newsTitle,
  .news .newsWrapper:hover .newsTitle {
    top: -245px;
  }
}
@media only screen and (min-width:992px) and (max-width:1399px) {
  .news .newsWrapper:focus .newsTitle,
  .news .newsWrapper:hover .newsTitle {
    top: -170px;
  }
}
@media only screen and (min-width:992px) and (max-width:1399px) and (min-width: 992px) and (max-width: 1099px) {
  .news .newsWrapper:focus .newsTitle,
  .news .newsWrapper:hover .newsTitle {
    top: -140px;
  }
}
@media (min-width: 992px) and (max-width: 1099px) {
  .news .newsWrapper:hover .newsOverlayWrapper .newsOverlay .newsText {
    display: none;
  }
}
@media only screen and (min-width:992px) and (max-width:1399px) and (min-width: 1200px) and (max-width: 1399px) {
  .news .newsWrapper:focus .newsTitle,
  .news .newsWrapper:hover .newsTitle {
    top: -180px;
  }
}
@media only screen and (min-width:1400px) and (min-width: 1400px) and (max-width: 1600px) {
  .news .newsWrapper:focus .newsTitle,
  .news .newsWrapper:hover .newsTitle {
    top: -140px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .news .newsWrapper:hover .newsOverlayWrapper .newsOverlay .newsText {
    display: none;
  }
}
@media only screen and (min-width:1400px) and (min-width: 1601px) {
  .news .newsWrapper:focus .newsTitle,
  .news .newsWrapper:hover .newsTitle {
    top: -185px;
  }
}
/************
AJAX
************/
.spinner {
  display: inline-block;
}
/** RESPONSIVENESS **/
@media only screen and  (max-width:767px) {
  .news .newsWrapper .newsOverlayWrapper {
    padding-bottom: 0;
  }
}
@media only screen and  (max-width:767px) {
  .news .newsWrapper:focus .newsTitle,
  .news .newsWrapper:hover .newsTitle {
    top: -242px;
  }
}
.newsOuterWrapper {
  position: relative;
  max-width: 320px;
  margin: 0 auto;
}
.newsWrapper {
  margin-left: auto;
  margin-right: auto;
}
/*------------------------------------*\
	NO AJAX LOADING ON PAGE 'TERMINE' [BEGIN]
\*------------------------------------*/
body.id_250 .tx-hm-news .ajaxBtn {
  display: none;
}
/*------------------------------------*\
	NO AJAX LOADING ON PAGE 'TERMINE' [END]
\*------------------------------------*/
/*------------------------------------*\
	LIST DATES TEXTUAL [BEGIN]
\*------------------------------------*/
.listDatesTextual {
  font-size: 16px;
}
.listDatesTextual span.listAllDatesDate {
  display: inline-block;
  margin-right: 10px;
  padding-left: 15px;
  background: url(../../../typo3conf/ext/hm_seminars/Resources/Public/Icons/time.png) left 5px no-repeat;
}
.listDatesTextual span.listAllDatesLocation {
  padding-left: 12px;
  background: url(../../../typo3conf/ext/hm_seminars/Resources/Public/Icons/location.png) left 4px no-repeat;
  background-size: 7px;
}
.listDatesTextual a {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 20px;
  position: relative;
}
.listDatesTextual a svg {
  position: relative;
  top: -1px;
  left: 10px;
  width: 60px;
  height: 13px;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.listDatesTextual a:focus,
.listDatesTextual a:hover,
.listDatesTextual a:active {
  text-decoration: none;
}
.listDatesTextual a:focus svg,
.listDatesTextual a:hover svg,
.listDatesTextual a:active svg {
  left: 20px;
}
/*------------------------------------*\
	LIST DATES TEXTUAL [END]
\*------------------------------------*/
/*# sourceMappingURL=news.css.map */