|
- .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}.controls .count,.rotationslider .count{display:none}.controls .slider-tabs,.controls .tabs,.rotationslider .slider-tabs,.rotationslider .tabs{position:absolute;bottom:1.8rem;left:50%;right:0;padding:0;list-style:none;transform:translate(-50%);text-align:center;font-size:0;line-height:0;margin:0}.controls .slider-tabs li,.controls .tabs li,.rotationslider .slider-tabs li,.rotationslider .tabs li{display:inline-block;vertical-align:top}.controls .slider-tabs li.active button:before,.controls .tabs li.active button:before,.rotationslider .slider-tabs li.active button:before,.rotationslider .tabs li.active button:before{background-color:var(--color-text);box-shadow:0 0 0 2px var(--color-text)}.controls .slider-tabs .btn,.controls .tabs .btn,.rotationslider .slider-tabs .btn,.rotationslider .tabs .btn{--button-min-size: 24px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.controls .slider-tabs .btn:before,.controls .tabs .btn:before,.rotationslider .slider-tabs .btn:before,.rotationslider .tabs .btn:before{content:"";position:relative;display:block;width:10px;height:10px;border:2px solid var(--color-text);border-radius:5px;transition:.2s ease}.controls .slider-tabs .btn:after,.controls .tabs .btn:after,.rotationslider .slider-tabs .btn:after,.rotationslider .tabs .btn:after{display:none}.controls .slider-tabs .btn:hover,.controls .tabs .btn:hover,.rotationslider .slider-tabs .btn:hover,.rotationslider .tabs .btn:hover{background-color:transparent}.controls .slider-tabs .btn:hover:before,.controls .tabs .btn:hover:before,.rotationslider .slider-tabs .btn:hover:before,.rotationslider .tabs .btn:hover:before{background-color:var(--color-text)}.controls button,.rotationslider button{border:0;background-color:transparent;padding:0;cursor:pointer}.controls button.prev,.controls button.next,.rotationslider button.prev,.rotationslider button.next{position:absolute;top:-89px;width:60px;height:60px;text-align:center;line-height:60px;right:0;color:var(--color-text);border-radius:24px;background:var(--swatches-neutrals-white);--button-hover-shadow-opacity: .4;--button-hover-shadow-size: 6px}@media (max-width: 768px){.controls button.prev,.controls button.next,.rotationslider button.prev,.rotationslider button.next{display:none}}.controls button.prev:before,.controls button.next:before,.rotationslider button.prev:before,.rotationslider button.next:before{content:"";font-family:Icons,sans-serif;font-size:30px;content:""}.controls button.prev:after,.controls button.next:after,.rotationslider button.prev:after,.rotationslider button.next:after{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-lg);box-shadow:0 0 0 2px var(--color-surface-inset);opacity:0;transition:.3s ease}.controls button.prev:hover:after,.controls button.next:hover:after,.rotationslider button.prev:hover:after,.rotationslider button.next:hover:after{opacity:.4;box-shadow:0 0 0 6px var(--color-surface-inset)}.controls button.prev,.rotationslider button.prev{right:70px;transform:rotate(180deg)}@media (min-width: 400px){.right-open-container{width:calc(var(--container-width) / 2 + 50vw - 8px);margin-left:auto;margin-right:0;padding-right:0}}.eventteaserlargeslider{opacity:0;transition:opacity .4s linear}.eventteaserlargeslider.initiated{opacity:1}@media (min-width: 1471px){.eventteaserlargeslider .slider-tabs{width:calc(var(--container-width) - 2 * var(--container-padding));left:0!important;transform:none!important}}.eventteaserlargeslider.single-slide .controls{display:none}.eventteaserlargeslider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(.215,.61,.355,1)}.eventteaserlargeslider img.loading{opacity:0}.eventteaserlargeslider img.loaded{transition:.3s ease;opacity:1}.eventteaserlargeslider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:80000px;contain:layout;margin:0 calc(var(--col-padding) * -1)}@media (max-width: 999px){.eventteaserlargeslider .slide-wrapper{width:34500px}}@media (max-width: 399px){.eventteaserlargeslider .slide-wrapper{width:10000%;margin:0}}.eventteaserlargeslider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.eventteaserlargeslider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.eventteaserlargeslider .slide-wrapper img,.eventteaserlargeslider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.eventteaserlargeslider .slide{position:relative;width:1%;max-width:1%;min-width:1%;min-height:400px;padding:var(--col-padding)}@media (min-width: 400px){.eventteaserlargeslider .slide{padding:var(--col-padding)}}.eventteaserlargeslider .prev-clone,.eventteaserlargeslider .next-clone{position:absolute;display:flex;width:100%}.eventteaserlargeslider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotationslider{margin-bottom:calc(var(--section-margin) + 2rem)!important;overflow:hidden;padding-top:var(--section-margin);margin-top:0}.rotationslider h1{max-width:50%;display:inline-block}.rotationslider .eventteaserlargeslider{margin-bottom:2rem;position:relative;display:block}.rotationslider .eventteaserlargeslider .slider-tabs,.rotationslider .eventteaserlargeslider .tabs{bottom:-2rem}.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{position:absolute;top:-94px;width:60px;height:60px;text-align:center;line-height:60px;left:calc(var(--container-width) - 2 * var(--container-padding) - 60px);right:auto;border-radius:24px;background:var(--color-background);color:var(--color-text);--button-hover-shadow-opacity: .4;--button-hover-shadow-size: 6px}@media (max-width: 1470px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{left:auto;right:var(--container-padding)}}@media (max-width: 1339px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{top:-90px}}@media (max-width: 399px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{right:0;top:-80px}}.rotationslider .eventteaserlargeslider .prev:before,.rotationslider .eventteaserlargeslider .next:before{content:"";font-family:Icons,sans-serif;font-size:30px;content:""}.rotationslider .eventteaserlargeslider .prev:after,.rotationslider .eventteaserlargeslider .next:after{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-lg);box-shadow:0 0 0 2px var(--color-surface-inset);opacity:0;transition:.3s ease}.rotationslider .eventteaserlargeslider .prev:hover:after,.rotationslider .eventteaserlargeslider .next:hover:after{opacity:.4;box-shadow:0 0 0 6px var(--color-surface-inset)}.rotationslider .eventteaserlargeslider .prev{left:calc(var(--container-width) - 2 * var(--container-padding) - 140px);transform:rotate(180deg)}@media (max-width: 1470px){.rotationslider .eventteaserlargeslider .prev{left:auto;right:calc(var(--container-padding) + 70px)}}@media (max-width: 399px){.rotationslider .eventteaserlargeslider .prev{right:70px}}.rotationslider .eventteaserlargeslider .count{display:none}.rotationslider .eventteaserlargeslider h2,.rotationslider .eventteaserlargeslider .like-h2{margin-top:.3em;margin-bottom:.4em}
|
