
a.noStyle {text-decoration: none; color: inherit;}
button.button:before {color:#fff;}
.newsBoxes {}
.newsBoxes .ym-wrapper.newsBox-wrapper{ max-width:1304px; }
.newsBoxes .newsImageList {position: relative; height:254.66px;}
.newsBoxes .newsImageList .newsBoxImageOverlay  {display:block;  left:0;  transition: 0.2s all;position: absolute; background: rgba(71,71,71, 0.3); width:100%;   height: 254.66px; color:#fff;    padding-top: 1em;    padding-bottom: 0.8em;    padding-left: 1.1em;    padding-right: 1.1em;}
.newsBoxes .newsImageList .newsBoxImageOverlay * {transition: 0.2s all;}
.newsBoxes .newsImageList:not(.fairBox) .newsBoxImageOverlay:hover {padding-top:0.8em;  background: rgba(0,0,0, 0.8);}
.newsBoxes .newsImageList:not(.fairBox) .newsBoxImageOverlay.withoutDate:hover {padding-top:2.3em;}
.newsBoxes .newsImageList .newsBoxImageOverlay .news-list-date,
.newsBoxes .newsImageList .newsBoxImageOverlay .news-list-title,
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text { color: #fff; }


.newsBoxes .newsImageList .newsBoxImageOverlay .news-list-date {    padding-bottom: 0.5em;}
.newsBoxes .newsImageList:not(.fairBox) .newsBoxImageOverlay:hover .news-list-date {   opacity:0;}
.newsBoxes .newsImageList .newsBoxImageOverlay .news-list-title {font-size:1.1em;    max-height: 3.9em;    overflow: hidden;}
.newsBoxes .newsImageList .newsBoxImageOverlay:hover .news-list-title {max-height: 4.2em;}
/* */
.newsBoxes .newsImageList .newsBoxImageOverlay .animationBar {transition: 0.1s width, 0.2s margin;width:1px; height:1px;display:block;}
.newsBoxes .newsImageList .newsBoxImageOverlay:hover .animationBar {border-top: 2px solid #0b6c2c; width:100%;}
.newsBoxes .newsImageList .newsBoxImageOverlay:hover .animationBar.setTop  {margin-top:-1.4em;}
.newsBoxes .newsImageList:not(.fairBox) .newsBoxImageOverlay:hover .news-list-title {       padding-top: 0.5em;    padding-bottom: 0.15em;}
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text {font-size: 0.9em;    overflow:hidden;height:91px; margin-top: 1.2em;line-height:1.25em;  opacity:0;font-weight: 100;}
/*IE FIX */
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text .moreLabel {opacity:0;}

.newsBoxes .newsImageList .newsBoxImageOverlay:hover  .teaser-text,
.newsBoxes .newsImageList .newsBoxImageOverlay:hover  .teaser-text .moreLabel{opacity:1;}

.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text a,
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text .moreLabel{ text-decoration: none;    font-weight: 500;    font-size:1em;}
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text .moreLabel {position: absolute; bottom: 1.2em;}
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text .teaser-content {margin-bottom:0.2em;   overflow: hidden;  color: #c5c4c4;line-height: 1.15em;  height:90px;   font-size: 0.95em;}
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text .teaser-content p{margin:0;}
.newsBoxes .newsImageList .newsBoxImageOverlay  a {    color: #fff;    text-decoration: underline}
.newsBoxes .newsImageList .newsBoxImageOverlay  a:hover {    color: #fff}
.newsBoxes .newsImageList .newsBoxImageOverlay  a.arrow {    color: #fff}

a.fairCompanyLogo {    display: flex;    height: 100%;    justify-content: center;    align-items: center;}
a.fairCompanyLogo img {max-width: 100%; max-height:100%; margin:0;}

.newsBoxes .newsImageList.fairBox {
    background: #d1d1d1; /* Old browsers */
    background: -moz-radial-gradient(ellipse at center, #ffffff 0%,#d1d1d1 92%,#d1d1d1 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(ellipse at center, #ffffff 0%,#d1d1d1 92%,#d1d1d1 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ffffff 0%,#d1d1d1 92%,#d1d1d1 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-align: center;    padding-left: 1em;    padding-right: 1em;
}
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay{   background: transparent;}
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay:hover{    background: #2d2d2d;}
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .teaser-text .moreLabel {color: #fff; position: static; bottom: auto;     margin-top: 1em; font-size:0.8em; display:block; }
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .news-list-date,
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .news-list-title,
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .teaser-text,
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay p{ color: #000; }

.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay:hover .news-list-date,
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay:hover .news-list-title,
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay:hover .teaser-text,
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay:hover p{ color: #fff; }

.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .news-list-date {padding-bottom:0.3em;    line-height: 1em;font-size: 0.985em;font-weight: bold;}
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .news-list-title {font-size: 0.8em !important;}
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .teaser-text .teaser-content {    margin-bottom: 0.2em;    color: #fff;    line-height: 1.15em;    height: auto;    font-size: 1.1em;    font-weight: bold;}
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay .teaser-text {margin-top:3.3em;}
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay:hover .holzherIcon,
.newsBoxes .newsImageList.fairBox .newsBoxImageOverlay:hover .weinigIcon { opacity: 1;}
.holzherIcon, .weinigIcon {background:url('../Images/newsbox_holzher.svg');   opacity:0.5;  background-color: #fff; display:inline-block;background-size:100% 100%; width: 20px; height:20px;}
.weinigIcon{background-image: url('../Images/newsbox_weinig.svg')}
.weinigHolzherIcons {position: absolute; bottom:0.8em;width:100%; left:0;}
.iconWrapper {padding:2px 3px; background:#fff; display:inline-block;     line-height: 0;}
.iconWrapper + .iconWrapper {margin-left:0.3em;}
.newsBoxes .newsBoxTeaser.homepageTeaser{}
#main .newsBoxes .newsBoxTeaser.homepageTeaser .box a.box-link span.box-title {      word-wrap: break-word;  display: block;    height: 78.096px;    line-height: 26px;    font-size: 1.275em;    padding-top: 0.6em;    padding-right: 2em;    padding-left: 0.9em;    padding-bottom: 0.7em;  }
#main .newsBoxes .newsBoxTeaser.homepageTeaser .box a.box-link {text-decoration: none;}
.newsBoxes .newsBoxText {display:block;}
.newsBoxes .newsBoxText  .header {display:block;}
.newsBoxes .newsBoxText .teaser-text {display:block;}
.newsBoxes  img.fullWidth {width:100%; height:auto;}
.newsBoxes.load {cursor: progress;}
.newsBoxes .news-clear {clear:none;}
.loadingSpin {display:none; text-align:center;}
.loadingSpin img {display:inline;}
.newsBoxes.ceNewsList .article { border:none;}
.newsBoxes button.button:before {color: #fff;}
.newsBoxes.ceNewsList .page-navigation {display:none;}

#newsAjaxContainer::after {content: ""; display:block; clear:both;}
.newsBoxes .newsImageList .newsBoxImageOverlay {z-index: 20;}
a.fairCompanyLogo {height:100%; left:0; width:100%; z-index: 10;position: absolute}

@media only screen and (max-width: 1304px) {
    .newsBoxes .ym-wrapper.newsBox-wrapper {max-width:960px;}
    .ym-g960-3.mobile-g960-4 {width: 33.3333%;}
    .newsBoxes .newsImageList,
    .newsBoxes .newsImageList .newsBoxImageOverlay{height: 250.66px;}

}

@media only screen and (max-width: 768px) {
    .ym-g960-3.mobile-g960-4 {width: 100%;}

    .newsBoxes .newsImageList {height:auto;     min-height: 250.66px;}
    .newsBoxes .newsImageList .newsBoxImageOverlay {    height: 100%; }

}
