|
- .teaser{position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;font-size:var(--font-size-small);container-type:inline-size}.teaser:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:-6px;border-radius:var(--border-radius-xs);transition:.2s ease}.teaser:focus{outline:none}.teaser.focus-visible:focus:before{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.teaser:focus-visible:before,.teaser.-moz-focusring:before{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.teaser.text{margin-bottom:0}.teaser .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.teaser .image-box{position:relative;display:block;border-radius:var(--border-radius-xs);background-color:var(--color-button-tertiary-background);overflow:hidden;flex-grow:0;flex-shrink:0}.teaser .image-box:before{content:"";position:relative;display:block;padding-top:66.6667%;margin-bottom:7px}.teaser .image-box:after{content:"";position:absolute;left:0;bottom:0;width:100%;display:block;height:8px;background-color:var(--color-decoration);transition:.3s ease;z-index:1;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.teaser .image-box.chart{display:flex;align-items:center;justify-content:center;--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.teaser .image-box.chart{--gradient-angle: 150deg}}@container (min-width: 768px){.teaser .image-box.chart{--gradient-angle: 130deg}}@container (min-width: 1100px){.teaser .image-box.chart{--gradient-angle: 110deg}}.teaser img{position:absolute;top:0;left:0;max-width:100%;width:100%;height:calc(100% - 7px);object-fit:cover;opacity:1;transition:.3s linear}.teaser img.loading{opacity:0}.teaser .copyright{position:absolute;display:block;left:100%;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px;bottom:8px}.teaser .picto-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.teaser .picto-box .icon{width:90px;height:90px;overflow:hidden;position:relative;margin:0 auto}@media (min-width: 568px){.teaser .picto-box .icon{width:100px;height:100px}}.teaser .picto-box .icon:before{display:block;position:absolute;left:0;top:0;font-family:Pictograms,sans-serif;color:var(--color-text);font-size:90px;line-height:1}@media (min-width: 568px){.teaser .picto-box .icon:before{font-size:100px}}.teaser .picto-box .picto-title{font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h3);line-height:1.2;font-weight:400;margin:10px 0 0;width:calc(100vw - 80px);overflow:hidden;height:38px;display:block;font-weight:400!important;color:var(--color-text)!important;text-decoration-color:transparent!important;text-align:center}@media (max-width: 999px){.teaser .picto-box .picto-title{font-size:28px;height:32px}}.teaser.pictoHero .picto-box{margin-top:-20px}@media (min-width: 568px){.teaser.pictoHero .picto-box .icon{width:150px;height:150px}}@media (min-width: 568px){.teaser.pictoHero .picto-box .icon:before{font-size:150px}}.teaser .chart-title{font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h3);line-height:1.2;font-weight:400;display:block;font-weight:500!important;padding:30px;margin:0 0 .4em;color:var(--color-text)!important;text-decoration-color:transparent!important;text-align:center}@media (max-width: 999px){.teaser .chart-title{font-size:28px;margin-bottom:0;padding:20px}}.teaser .kicker+.text-box{margin-top:0;border-top:8px solid var(--color-decoration)}.teaser .text-box{position:relative}.teaser .text-box:not(:last-child){padding-bottom:20px}.teaser .text-box:not(:last-child)>p:last-child{margin-bottom:0}.teaser .text-box:not(:last-child)>p:last-child:after{content:"";position:relative;float:right;height:.75em;display:inline-block;width:150px}.teaser .title{text-decoration:underline;text-underline-offset:.07em;text-decoration-thickness:.08em;margin:.5em 0}.teaser:has(.teaser--link):hover .image-box:after{height:var(--border-width-hover)}.teaser:has(.teaser--link):hover .copyright{bottom:14px}@media (max-width: 767px){.teaser:has(.teaser--link):hover .copyright{bottom:10px}}[date-type=hero] .image-box~.text-box,.teaser.hero .image-box~.text-box,.teaser.pictoHero .image-box~.text-box{padding-top:.9em}[date-type=hero] .image-box~.text-box .title,.teaser.hero .image-box~.text-box .title,.teaser.pictoHero .image-box~.text-box .title{position:absolute;bottom:100%;z-index:1;background-color:var(--swatches-neutrals-white);margin-right:40px;padding-top:.4em;padding-right:.8em;margin-bottom:-.05em}.col.extern:before,.col.download:before,.col.intranet:before,.col.extranet:before,.col.gallery:before,.col.interaction:before,.col.video:before,.teaser.extern:before,.teaser.gallery:before,.teaser.interaction:before,.teaser.video:before,.teaser.download:before,.teaser.intranet:before,.teaser.extranet:before{display:none}.col.extern .title:after,.col.download .title:after,.col.intranet .title:after,.col.extranet .title:after,.col.gallery .title:after,.col.interaction .title:after,.col.video .title:after,.teaser.extern .title:after,.teaser.gallery .title:after,.teaser.interaction .title:after,.teaser.video .title:after,.teaser.download .title:after,.teaser.intranet .title:after,.teaser.extranet .title:after{content:"";font-family:Icons,sans-serif;position:relative;font-size:var(--icon-size-small);line-height:1;text-decoration:none;display:inline-block;vertical-align:top;margin-left:.2em}@media (min-width: 983px){.col.extern .title:after,.col.download .title:after,.col.intranet .title:after,.col.extranet .title:after,.col.gallery .title:after,.col.interaction .title:after,.col.video .title:after,.teaser.extern .title:after,.teaser.gallery .title:after,.teaser.interaction .title:after,.teaser.video .title:after,.teaser.download .title:after,.teaser.intranet .title:after,.teaser.extranet .title:after{margin-top:.1rem}}@media (min-width: 1340px){.col.extern .title:after,.col.download .title:after,.col.intranet .title:after,.col.extranet .title:after,.col.gallery .title:after,.col.interaction .title:after,.col.video .title:after,.teaser.extern .title:after,.teaser.gallery .title:after,.teaser.interaction .title:after,.teaser.video .title:after,.teaser.download .title:after,.teaser.intranet .title:after,.teaser.extranet .title:after{margin-top:.27rem}}.col.extern .title:after,.teaser.extern .title:after{content:""}.col.download .title:after,.teaser.download .title:after{content:""}.col.intranet .title:after,.teaser.intranet .title:after{content:""}.col.gallery .title:after,.teaser.gallery .title:after{content:""}.col.interaction .title:after,.teaser.interaction .title:after{content:""}.col.video .title:after,.teaser.video .title:after{content:""}@media (min-width: 568px){.teaser[data-image-size=l] .reading-time,.teaser[data-image-size=m] .reading-time,.teaser[data-image-size=s] .reading-time{position:absolute;right:0;bottom:0;width:auto}}.teaser[data-image-size=l] .like-h4,.teaser[data-image-size=m] .like-h4,.teaser[data-image-size=s] .like-h4,.teaser[data-image-size=l] .like-h4.title,.teaser[data-image-size=m] .like-h4.title,.teaser[data-image-size=s] .like-h4.title{font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h2);line-height:1.2;font-weight:400;margin:0 -.05em .6em;text-decoration-thickness:.07em}@media (min-width: 568px){[date-type=fullwidth],.teaser.fullwidth,.teasers[data-items="1"]{display:block}[date-type=fullwidth]:after,.teaser.fullwidth:after,.teasers[data-items="1"]:after{content:"";display:block;clear:both}[date-type=fullwidth] .title,.teaser.fullwidth .title,.teasers[data-items="1"] .title{font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h4);font-style:normal;font-weight:400;line-height:1.2;margin:.25em -.05em .8em}[date-type=fullwidth] .image-box,.teaser.fullwidth .image-box,.teasers[data-items="1"] .image-box{float:left}[date-type=fullwidth] .kicker,[date-type=fullwidth] .text-box,.teaser.fullwidth .kicker,.teaser.fullwidth .text-box,.teasers[data-items="1"] .kicker,.teasers[data-items="1"] .text-box{float:right}[date-type=fullwidth][data-image-size=s] .image-box:before,.teaser.fullwidth[data-image-size=s] .image-box:before,.teasers[data-items="1"][data-image-size=s] .image-box:before{padding-top:100%}[date-type=fullwidth][data-image-size=l] .image-box:before,.teaser.fullwidth[data-image-size=l] .image-box:before,.teasers[data-items="1"][data-image-size=l] .image-box:before{padding-top:55%}}@media (min-width: 568px) and (max-width: 999px){[date-type=fullwidth] :has(>.image-box) .kicker,[date-type=fullwidth] :has(>.image-box) .text-box,[date-type=fullwidth] :has(>.image-box) .image-box,.teaser.fullwidth :has(>.image-box) .kicker,.teaser.fullwidth :has(>.image-box) .text-box,.teaser.fullwidth :has(>.image-box) .image-box,.teasers[data-items="1"] :has(>.image-box) .kicker,.teasers[data-items="1"] :has(>.image-box) .text-box,.teasers[data-items="1"] :has(>.image-box) .image-box{width:calc(50% - var(--col-padding))}}@media (min-width: 568px) and (max-width: 999px) and (min-width: 568px){[date-type=fullwidth] :has(>.image-box) .kicker,[date-type=fullwidth] :has(>.image-box) .text-box,[date-type=fullwidth] :has(>.image-box) .image-box,.teaser.fullwidth :has(>.image-box) .kicker,.teaser.fullwidth :has(>.image-box) .text-box,.teaser.fullwidth :has(>.image-box) .image-box,.teasers[data-items="1"] :has(>.image-box) .kicker,.teasers[data-items="1"] :has(>.image-box) .text-box,.teasers[data-items="1"] :has(>.image-box) .image-box{max-width:calc(50% - var(--col-padding));min-width:calc(50% - var(--col-padding))}}@media (min-width: 568px) and (min-width: 1000px){[date-type=fullwidth][data-image-size=s] .image-box,.teaser.fullwidth[data-image-size=s] .image-box,.teasers[data-items="1"][data-image-size=s] .image-box{width:calc((100% + var(--col-padding) * 2) / 12 * 5 - var(--col-padding) * 2)}[date-type=fullwidth][data-image-size=s] .kicker,[date-type=fullwidth][data-image-size=s] .text-box,.teaser.fullwidth[data-image-size=s] .kicker,.teaser.fullwidth[data-image-size=s] .text-box,.teasers[data-items="1"][data-image-size=s] .kicker,.teasers[data-items="1"][data-image-size=s] .text-box{width:calc((100% + var(--col-padding) * 2) / 12 * 7 - var(--col-padding) * 2)}[date-type=fullwidth][data-image-size=m] .image-box,[date-type=fullwidth][data-image-size=m] .kicker,[date-type=fullwidth][data-image-size=m] .text-box,.teaser.fullwidth[data-image-size=m] .image-box,.teaser.fullwidth[data-image-size=m] .kicker,.teaser.fullwidth[data-image-size=m] .text-box,.teasers[data-items="1"][data-image-size=m] .image-box,.teasers[data-items="1"][data-image-size=m] .kicker,.teasers[data-items="1"][data-image-size=m] .text-box{width:calc(50% - var(--col-padding))}[date-type=fullwidth][data-image-size=l] .image-box,.teaser.fullwidth[data-image-size=l] .image-box,.teasers[data-items="1"][data-image-size=l] .image-box{width:calc((100% + var(--col-padding) * 2) * 2 / 3 - var(--col-padding) * 2)}[date-type=fullwidth][data-image-size=l] .kicker,[date-type=fullwidth][data-image-size=l] .text-box,.teaser.fullwidth[data-image-size=l] .kicker,.teaser.fullwidth[data-image-size=l] .text-box,.teasers[data-items="1"][data-image-size=l] .kicker,.teasers[data-items="1"][data-image-size=l] .text-box{width:calc((100% + var(--col-padding) * 2) / 3 - var(--col-padding) * 2)}}[data-background=lightblue] .teaser .image-box{background-color:#fff6}
|
