|
- .event-teaser-large{background-color:var(--color-background);border-radius:16px;overflow:hidden;display:flex;transition:.3s ease;width:100%;text-decoration:none;min-height:400px;flex-wrap:wrap;position:relative}.event-teaser-large:not(.widemode){flex-wrap:wrap;align-content:baseline;flex-flow:column;justify-content:flex-start}.event-teaser-large:not(.widemode) .blue-box{height:250px}.event-teaser-large:not(.widemode) .text-box{height:calc(100% - 250px)}.event-teaser-large.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.event-teaser-large:focus-visible,.event-teaser-large.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.event-teaser-large:hover{color:var(--color-text-accent)}.event-teaser-large:hover .blue-box{background-color:var(--color-text-accent)}.event-teaser-large .blue-box{display:flex;justify-content:flex-end;color:var(--color-text);font-family:Korb,sans-serif;font-size:14px;line-height:1;padding:70px 15px 15px;min-width:80px;transition:.2s ease;flex-flow:column;align-items:baseline;width:100%;margin-right:0;min-height:250px;position:relative}.event-teaser-large .blue-box:not(.background-image){background:linear-gradient(132deg,var(--gradient-b) 26.51%,var(--gradient-a) 100%)}.event-teaser-large .blue-box .img-con{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0033668a;background-size:cover;background-position:50% 50%;z-index:0}.event-teaser-large .blue-box.background-image .img-con:before{content:"";background:linear-gradient(0deg,#00336654,#00336654),linear-gradient(180deg,#00204100,#00204199);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.event-teaser-large .blue-box .icon-box{font-family:Pictograms,sans-serif;font-size:48px;line-height:1;color:var(--color-text);position:absolute;top:15px;left:15px}.event-teaser-large .blue-box .ev-title{font-weight:400;text-decoration:underline;line-height:normal;font-size:28px;position:relative}.event-teaser-large .blue-box .ev-cat{color:var(--color-button-tertiary-text);font-size:16px;font-family:Source Sans Pro,sans-serif;font-weight:400;line-height:16px;letter-spacing:.32px;background-color:var(--color-button-tertiary-background);border-radius:8px;display:inline-block;padding:5px 7px;position:relative}.event-teaser-large .blue-box span{white-space:nowrap}.event-teaser-large .blue-box span:nth-child(2){font-size:36px;margin-left:-2px}.event-teaser-large .blue-box.no-date{align-items:flex-start}.event-teaser-large .blue-box.no-date:before{content:"";font-family:Icons,sans-serif;font-size:var(--icon-size);line-height:1;margin-bottom:4px;margin-top:5px}.event-teaser-large .blue-box.no-date *{display:none}.event-teaser-large .text-box{padding:15px;width:100%;display:flex;justify-content:space-between;flex-flow:column}@media (max-width: 767px){.event-teaser-large .text-box{font-size:var(--font-size-small)}}.event-teaser-large .text-box .ev-desc{line-height:27px;letter-spacing:.18px;font-size:18px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.event-teaser-large p{margin:0}.event-teaser-large p:not(:last-child){margin:2px 0 .3em}.event-teaser-large .detail-box{padding-top:15px;border-top:1px #CCD7E6 solid}.event-teaser-large .detail-box .btn{float:right;margin-top:15px;display:none}.event-teaser-large .detail-box>div{display:block;font-size:var(--font-size-small);line-height:1.2em;margin-right:15px;margin-bottom:5px;color:var(--color-text)}.event-teaser-large .detail-box>div:before{position:relative;display:inline-block;font-family:Icons,sans-serif;font-size:18px;line-height:20px;margin-right:5px;vertical-align:top;color:var(--color-text)}@media (max-width: 567px){.event-teaser-large .detail-box>div{display:block;padding-left:24px;position:relative}.event-teaser-large .detail-box>div:before{position:absolute;left:0}}.event-teaser-large .detail-box>div.date:before{content:""}.event-teaser-large .detail-box>div.time:before{content:""}.event-teaser-large .detail-box>div.location:before{content:""}.event-teaser-large .detail-box>div.interested-parties:before{content:""}.event-teaser-large .detail-box>div.price:before{content:""}.event-teaser-large .detail-box>div.status:before{content:"";color:var(--color-text-accent)}.event-teaser-large .detail-box>div.status.interested-parties:before,.event-teaser-large .detail-box>div.status.waiting-list:before{content:"";color:var(--color-text)}.event-teaser-large .detail-box>div.status.reserved:before{content:"";color:var(--feedback-error)}@media screen and (min-width: 992px){.event-teaser-large.widemode .blue-box{width:50%;padding:100px 15px 20px}.event-teaser-large.widemode .blue-box .icon-box{font-size:70px;top:20px}.event-teaser-large.widemode .blue-box .ev-title{font-size:36px;line-height:43.2px}.event-teaser-large.widemode .text-box{width:50%;padding:20px}.event-teaser-large.widemode .text-box .detail-box .btn{display:inline-block}.event-teaser-large.widemode .text-box .ev-desc{font-size:18px}}.event-teaser-large .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
|
