.ybl-date-overview{position:relative;max-width:1340px;padding:0 20px;margin:0 auto 100px}@media only screen and (max-width:900px){.ybl-date-overview{margin-bottom:60px}}.ybl-date-overview .ybl-date-overview-headline{margin-bottom:44px}.ybl-date-overview .ybl-date-overview-headline.icon-grid{display:grid;grid-template-columns:40px 1fr;grid-column-gap:16px}@media(max-width:468px){.ybl-date-overview .ybl-date-overview-headline.icon-grid{grid-template-columns:1fr;grid-row-gap:16px}}.ybl-date-overview .ybl-date-overview-headline.icon-grid img.ybl-headline-icon{width:40px;height:40px}@media(max-width:468px){.ybl-date-overview .ybl-date-overview-headline.icon-grid img.ybl-headline-icon{width:64px;height:64px;display:none}}.ybl-date-overview .ybl-date-overview-headline h2{margin:0}@media(max-width:468px){.ybl-date-overview .ybl-date-overview-headline h2{text-align:left}}.ybl-date-overview .ybl-date-overview-wrapper .date-item{position:relative;display:grid;grid-template-columns:235px 1fr 40px;grid-gap:32px;border-top:1px solid #1D1D1B;padding:32px 0;transition:all .5s ease-in-out}@media only screen and (max-width:668px){.ybl-date-overview .ybl-date-overview-wrapper .date-item{grid-template-columns:1fr}}.ybl-date-overview .ybl-date-overview-wrapper .date-item>a.date-item-url{position:absolute;display:block;width:100%;height:100%;top:0;left:0;cursor:pointer}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-category{position:relative;display:grid;grid-template-columns:40px 1fr;grid-gap:16px;align-items:center}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-category .category-content>p{margin:0;display:inline-block;font-family:Futura-Bold,Futura}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-category .category-content .new-tag{padding:4px 8px;border-radius:4px;font-size:12px;line-height:initial;font-family:Futura-Bold,Futura;color:#fff;background-color:#2aa958;margin-right:4px;text-transform:uppercase;top:-3px;display:none;position:relative}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-category>img.icon-image{width:40px;height:40px;margin-right:16px}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-content>h4{margin:0 0 14px;text-align:left;transition:all .5s ease-in-out}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-content>h4>span{font-size:16px;font-weight:400}@media only screen and (max-width:578px){.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-content>h4>span{display:none}}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-content .date-countdown-wrapper{display:grid;grid-template-columns:auto 1fr;grid-gap:8px}@media only screen and (max-width:578px){.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-content .date-countdown-wrapper{grid-template-columns:1fr}}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-content .date-countdown-wrapper p{margin:0}.ybl-date-overview .ybl-date-overview-wrapper .date-item>.teaser-content .date-countdown-wrapper .teaser-countdown p{color:#2aa958}.ybl-date-overview .ybl-date-overview-wrapper .date-item .next-wrapper{width:100%;height:40px;position:relative;text-align:right;transition:all .5s ease-in-out}@media only screen and (min-width:678px){.ybl-date-overview .ybl-date-overview-wrapper .date-item .next-wrapper{display:flex;align-items:anchor-center;width:40px;height:100%;bottom:unset}}.ybl-date-overview .ybl-date-overview-wrapper .date-item .next-wrapper img.next-arrow-icon{position:absolute;width:40px;height:40px;margin-left:0;opacity:1;transition:all .5s ease-in-out;right:0}@media only screen and (min-width:678px){.ybl-date-overview .ybl-date-overview-wrapper .date-item .next-wrapper img.next-arrow-icon{top:50%;transform:translateY(-50%)}}.ybl-date-overview .ybl-date-overview-wrapper .date-item .next-wrapper img.next-arrow-icon.green-icon{opacity:0}.ybl-date-overview .ybl-date-overview-wrapper .date-item:last-of-type{border-bottom:1px solid #1D1D1B}.ybl-date-overview .ybl-date-overview-wrapper .date-item:hover h4{color:#2aa958}.ybl-date-overview .ybl-date-overview-wrapper .date-item:hover>.next-wrapper>img.next-arrow-icon{margin-right:-15px;opacity:0}@media only screen and (max-width:678px){.ybl-date-overview .ybl-date-overview-wrapper .date-item:hover>.next-wrapper>img.next-arrow-icon{margin-right:-15px}}.ybl-date-overview .ybl-date-overview-wrapper .date-item:hover>.next-wrapper>img.next-arrow-icon.green-icon{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ybl-date-overview.css.map */