|
- .teasers:not([data-items="1"]){position:relative;display:block;container-type:inline-size}@media (min-width: 1000px){.teasers:not([data-items="1"]){margin-bottom:-10px}}.teasers:not([data-items="1"]) .ad-box{position:relative}.teasers:not([data-items="1"]) .ad-box img{position:relative;display:block;width:100%;height:auto}.teasers:not([data-items="1"]) *>.magazine-indicator{container-type:inline-size}.teasers:not([data-items="1"]) .magazine-indicator{display:inline-block;align-self:flex-start;font-family:Korb,sans-serif;color:var(--swatches-neutrals-white);padding:6px 12px;--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.teasers:not([data-items="1"]) .magazine-indicator{--gradient-angle: 150deg}}@container (min-width: 768px){.teasers:not([data-items="1"]) .magazine-indicator{--gradient-angle: 130deg}}@container (min-width: 1100px){.teasers:not([data-items="1"]) .magazine-indicator{--gradient-angle: 110deg}}.teasers:not([data-items="1"]) .magazine-indicator{position:absolute;top:100%;right:9px;margin:0;min-width:160px}.teasers:not([data-items="1"]) .magazine-indicator img{position:relative;display:block;width:auto;height:40px}@media (max-width: 767px){.teasers:not([data-items="1"]) .magazine-indicator{margin-bottom:12px}}.teasers:not([data-items="1"])[data-type=hero] .image-box~.text-box .magazine-indicator,.teasers:not([data-items="1"])[data-type=hero] .image-box~.text-box .title .magazine-indicator{top:-16px}.teasers:not([data-items="1"]) .image-box~.text-box h4,.teasers:not([data-items="1"]) .image-box~.text-box .like-h4{position:relative}.teasers:not([data-items="1"]) .image-box~.text-box h4 .magazine-indicator,.teasers:not([data-items="1"]) .image-box~.text-box .like-h4 .magazine-indicator{top:-40px;left:0;right:auto;transform:translateY(-100%)}.teasers:not([data-items="1"]) .button-wrapper{text-align:center;padding:calc(20px + 1%) 0 0}.teasers:not([data-items="1"])[data-type=masonry] .container{padding-bottom:calc(10px + 1vw)}.teasers:not([data-items="1"])[data-type=masonry] .row{flex-wrap:nowrap}.teasers:not([data-items="1"])[data-type=masonry] .row>.col{display:none}.teasers:not([data-items="1"])[data-type=masonry] .column{flex:1 1 100%}.teasers:not([data-items="1"])[data-type=masonry] .social-box{position:relative;display:block;min-height:478px;font-size:0;line-height:0}.teasers:not([data-items="1"])[data-type=masonry] .social-box>*:first-child{display:block;min-height:450px;height:450px!important}.teasers:not([data-items="1"])[data-type=masonry] img.lazy{opacity:0;transition:.3s ease}.teasers:not([data-items="1"])[data-type=masonry] img.lazy.loaded{opacity:1}.teasers:not([data-items="1"])[data-background=lightgrey]{background-color:var(--theme-grey-light);padding:calc(2vw + 20px) 0;margin:calc(2.5vw + 20px) 0 calc(2vw + 20px)}.teasers:not([data-items="1"])[data-background=lightgrey]+.teasers[data-background=lightgrey]{margin-top:calc(-2vw - 20px);padding-top:20px}.teasers:not([data-items="1"])[data-background=lightgrey]:first-child{margin-top:0}.teasers:not([data-items="1"])[data-background=lightgrey] h2,.teasers:not([data-items="1"])[data-background=lightgrey] .like-h2{margin-top:0!important}.teasers:not([data-items="1"])[data-background=lightgrey][data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box h4,.teasers:not([data-items="1"])[data-background=lightgrey][data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box .like-h4{background-color:var(--theme-grey-light)}@media (min-width: 568px){.teasers:not([data-items="1"])[data-items="2"] .col{max-width:50%}}@media (min-width: 768px){.teasers:not([data-items="1"])[data-items="3"] .col{max-width:33.3333333%}.teasers:not([data-items="1"])[data-items="4"] .col{max-width:50%}}@media (min-width: 1200px){.teasers:not([data-items="1"])[data-items="2"] .row{margin:0 -40px}.teasers:not([data-items="1"])[data-items="2"] .col{padding:20px 40px}.teasers:not([data-items="1"])[data-items="4"] .col{max-width:25%}}@media (min-width: 568px) and (max-width: 767px){.teasers:not([data-items="1"])[data-items="3"] .teaser,.teasers:not([data-items="1"])[data-items="4"] .teaser{position:relative;display:block;padding-left:40%;min-height:30vw}.teasers:not([data-items="1"])[data-items="3"] .col.txt-teaser .teaser,.teasers:not([data-items="1"])[data-items="4"] .col.txt-teaser .teaser{padding-left:8px;min-height:0}.teasers:not([data-items="1"])[data-items="3"] .col.txt-teaser .text-box,.teasers:not([data-items="1"])[data-items="4"] .col.txt-teaser .text-box{padding-top:12px}.teasers:not([data-items="1"])[data-items="3"] .image-box,.teasers:not([data-items="1"])[data-items="4"] .image-box{position:absolute;top:4px;left:0;right:60%;margin-right:10px}.teasers:not([data-items="1"])[data-items="3"] .kicker,.teasers:not([data-items="1"])[data-items="4"] .kicker{margin:0 0 4px 10px}.teasers:not([data-items="1"])[data-items="3"] .text-box,.teasers:not([data-items="1"])[data-items="4"] .text-box{margin-left:10px}.teasers:not([data-items="1"])[data-items="3"] h4,.teasers:not([data-items="1"])[data-items="3"] .like-h4,.teasers:not([data-items="1"])[data-items="4"] h4,.teasers:not([data-items="1"])[data-items="4"] .like-h4{margin-top:0}.teasers:not([data-items="1"])[data-items="3"][data-type=hero] .image-box+.text-box h3,.teasers:not([data-items="1"])[data-items="3"][data-type=hero] .image-box+.text-box .like-h3,.teasers:not([data-items="1"])[data-items="3"][data-type=hero] .image-box+.text-box h4,.teasers:not([data-items="1"])[data-items="3"][data-type=hero] .image-box+.text-box .like-h4,.teasers:not([data-items="1"])[data-items="4"][data-type=hero] .image-box+.text-box h3,.teasers:not([data-items="1"])[data-items="4"][data-type=hero] .image-box+.text-box .like-h3,.teasers:not([data-items="1"])[data-items="4"][data-type=hero] .image-box+.text-box h4,.teasers:not([data-items="1"])[data-items="4"][data-type=hero] .image-box+.text-box .like-h4{position:relative;font-size:20px;margin-top:0;padding:0}}.teasers:not([data-items="1"]) div.teaser{height:100%;display:flex;flex-direction:column}@media (max-width: 999px){.teasers:not([data-items="1"]) div.teaser{height:calc(100% - 20px)}}.teasers:not([data-items="1"]) .col.extern:before,.teasers:not([data-items="1"]) .col.download:before,.teasers:not([data-items="1"]) .col.intranet:before,.teasers:not([data-items="1"]) .col.extranet:before{display:none}.teasers:not([data-items="1"]) .col.extern .title:after,.teasers:not([data-items="1"]) .col.download .title:after,.teasers:not([data-items="1"]) .col.intranet .title:after,.teasers:not([data-items="1"]) .col.extranet .title:after{content:"";font-family:Icons,sans-serif;position:relative;font-size:20px;top:7px;line-height:1;text-decoration:none;display:inline-block;margin-left:3px}.teasers:not([data-items="1"]) .col.extern .title:after{content:""}.teasers:not([data-items="1"]) .col.download .title:after{content:""}.teasers:not([data-items="1"]) .col.intranet .title:after{content:""}.teasers:not([data-items="1"]) .teaser{position:relative;display:flex;flex-direction:column;text-decoration:none;transition:.25s cubic-bezier(.25,.46,.45,.94);margin:-7px -8px -5px;padding:7px 8px 5px;color:var(--color-text);border-radius:8px;width:auto}.teasers:not([data-items="1"]) .teaser.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.teasers:not([data-items="1"]) .teaser:focus-visible,.teasers:not([data-items="1"]) .teaser.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.teasers:not([data-items="1"]) a.teaser h3,.teasers:not([data-items="1"]) a.teaser .like-h3,.teasers:not([data-items="1"]) a.teaser h4,.teasers:not([data-items="1"]) a.teaser .like-h4{text-decoration:underline;text-underline-offset:.09em;text-decoration-thickness:.08em}.teasers:not([data-items="1"]) h3,.teasers:not([data-items="1"]) .like-h3,.teasers:not([data-items="1"]) h4,.teasers:not([data-items="1"]) .like-h4{margin:16px 0 14px;color:var(--color-text);transition:.3s ease;font-weight:400}.teasers:not([data-items="1"]) p{font-size:16px}@media (min-width: 768px){.teasers:not([data-items="1"]) p{font-size:18px}}.teasers:not([data-items="1"]) .kicker{margin-bottom:8px;margin-left:1px;order:-1}@media (min-height: 768px){.teasers:not([data-items="1"]) .kicker.stand-out{position:absolute;bottom:100%;margin-bottom:0}}.teasers:not([data-items="1"]) .text-box{margin-top:0;border-top:8px solid var(--color-border)}.teasers:not([data-items="1"]) .image-box+.text-box{margin-top:8px}.teasers:not([data-items="1"]) .social-box{border:4px solid var(--swatches-primary-100);margin-left:-2px;margin-right:-2px;padding:10px;flex:1 1 100%;background-color:var(--swatches-neutrals-white)}@media (max-width: 767px){.teasers:not([data-items="1"]) .social-box{margin-bottom:20px}}.teasers:not([data-items="1"]) .social-box .twitter-timeline{height:100%!important;min-height:420px!important}.teasers:not([data-items="1"]) .image-box{position:relative;display:block;overflow:hidden;flex-grow:0;flex-shrink:0;border-radius:4px;container-type:inline-size}.teasers:not([data-items="1"]) .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){.teasers:not([data-items="1"]) .image-box.chart{--gradient-angle: 150deg}}@container (min-width: 768px){.teasers:not([data-items="1"]) .image-box.chart{--gradient-angle: 130deg}}@container (min-width: 1100px){.teasers:not([data-items="1"]) .image-box.chart{--gradient-angle: 110deg}}.teasers:not([data-items="1"]) .image-box:before{content:"";position:relative;display:block;padding-top:66.6667%;margin-bottom:7px}.teasers:not([data-items="1"]) .image-box:after{content:"";position:absolute;left:0;bottom:0;width:100%;display:block;height:8px;background-color:var(--color-text-accent);transition:.3s ease;z-index:1;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.teasers:not([data-items="1"]) .image-box img{border-top-left-radius:4px;border-top-right-radius:4px}.teasers:not([data-items="1"]) .image-box~.text-box{border-top:0;margin-top:0}.teasers:not([data-items="1"]) .image-box .gallery{position:absolute;top:0;margin:0;width:100%}.teasers:not([data-items="1"]) .image-box .gallery .gallery-wrapper{margin:0;padding:0}.teasers:not([data-items="1"]) .image-box .gallery .image{margin:0;padding:0}.teasers:not([data-items="1"]) .image-box .gallery .image:before{padding-top:66.6666%}.teasers:not([data-items="1"]) .linklist{margin:0 0 12px}.teasers:not([data-items="1"]) .linklist>li{margin-bottom:2px;padding-left:26px;font-size:18px}.teasers:not([data-items="1"]) .linklist>li>a{margin-left:-26px;padding-left:26px}.teasers:not([data-items="1"]) .linklist>li>a:before{top:3px;left:-5px;font-size:24px}.teasers:not([data-items="1"]) .chart-title{display:block;font-weight:700!important;padding:30px;color:var(--color-text)!important;text-decoration-color:transparent!important;margin-bottom:16px;text-align:center}@media (max-width: 999px){.teasers:not([data-items="1"]) .chart-title{font-size:28px;margin-bottom:0;padding:20px}}.teasers:not([data-items="1"]) .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}.teasers:not([data-items="1"]) img{position:absolute;display:block;top:0;left:0;width:100%;height:calc(100% - 7px);transition:.3s ease;transform:translateZ(0) scale(1);opacity:1;object-fit:cover;filter:saturate(100%)}.teasers:not([data-items="1"])[data-type=hero] .teaser:not(.video-teaser-wrapper) .text-box{position:relative}.teasers:not([data-items="1"])[data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box{padding-top:16px}.teasers:not([data-items="1"])[data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box h4,.teasers:not([data-items="1"])[data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box .like-h4{position:absolute;bottom:100%;z-index:1;background-color:var(--color-background);margin-right:40px;padding-top:12px;padding-right:24px;margin-bottom:0}.teasers:not([data-items="1"])[data-type=hero] .teaser:not(.video-teaser-wrapper) .chart-title{margin-bottom:20px}@media (max-width: 567px){.teasers:not([data-items="1"])[data-type=hero] .teaser:not(.video-teaser-wrapper) .chart-title{margin-bottom:16px}}.teasers:not([data-items="1"]) .video-teaser-wrapper .text-box .text{font-size:16px}@media (min-width: 768px){.teasers:not([data-items="1"]) .video-teaser-wrapper .text-box .text{font-size:18px}}.teasers:not([data-items="1"]) .teaser-gallery .btn{position:absolute;top:0;right:0;margin:20px}.teasers:not([data-items="1"]) .teaser-gallery:hover .btn{box-shadow:0 0 0 5px color-mix(in srgb,var(--color-text) 30%,transparent)}[data-doctype=OnlineMagazinStart] section.teasers[data-items="1"]{margin-top:40px}.desktop a.teaser:hover,.desktop .teaser:has(.teaser--link):hover,.mobile a.teaser:active,.mobile .teaser:has(.teaser--link):active{color:var(--color-text-accent)}.desktop a.teaser:hover .image-box:after,.desktop .teaser:has(.teaser--link):hover .image-box:after,.mobile a.teaser:active .image-box:after,.mobile .teaser:has(.teaser--link):active .image-box:after{height:14px}.desktop a.teaser:hover h3,.desktop a.teaser:hover .like-h3,.desktop a.teaser:hover h4,.desktop a.teaser:hover .like-h4,.desktop .teaser:has(.teaser--link):hover h3,.desktop .teaser:has(.teaser--link):hover .like-h3,.desktop .teaser:has(.teaser--link):hover h4,.desktop .teaser:has(.teaser--link):hover .like-h4,.mobile a.teaser:active h3,.mobile a.teaser:active .like-h3,.mobile a.teaser:active h4,.mobile a.teaser:active .like-h4,.mobile .teaser:has(.teaser--link):active h3,.mobile .teaser:has(.teaser--link):active .like-h3,.mobile .teaser:has(.teaser--link):active h4,.mobile .teaser:has(.teaser--link):active .like-h4{color:var(--color-text-accent)}[data-type=masonry] .count{position:absolute;top:0;left:0;background-color:red;color:var(--swatches-neutrals-white);width:30px;height:30px;line-height:30px;text-align:center;z-index:1;font-size:14px;margin:10px}.magazine-article .teasers h2,.magazine-article .teasers .like-h2,.magazine-start .teasers h2,.magazine-start .teasers .like-h2,.teasers.magazine-style h2,.teasers.magazine-style .like-h2{text-transform:uppercase;font-size:var(--font-size-h4);margin-bottom:1.2em;line-height:1.2;margin-top:0;container-type:inline-size}.magazine-article .teasers h2:before,.magazine-article .teasers .like-h2:before,.magazine-start .teasers h2:before,.magazine-start .teasers .like-h2:before,.teasers.magazine-style h2:before,.teasers.magazine-style .like-h2:before{content:"";position:relative;display:block;height:calc(var(--border-width) / 2);margin:0 .05em .5em;--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.magazine-article .teasers h2:before,.magazine-article .teasers .like-h2:before,.magazine-start .teasers h2:before,.magazine-start .teasers .like-h2:before,.teasers.magazine-style h2:before,.teasers.magazine-style .like-h2:before{--gradient-angle: 150deg}}@container (min-width: 768px){.magazine-article .teasers h2:before,.magazine-article .teasers .like-h2:before,.magazine-start .teasers h2:before,.magazine-start .teasers .like-h2:before,.teasers.magazine-style h2:before,.teasers.magazine-style .like-h2:before{--gradient-angle: 130deg}}@container (min-width: 1100px){.magazine-article .teasers h2:before,.magazine-article .teasers .like-h2:before,.magazine-start .teasers h2:before,.magazine-start .teasers .like-h2:before,.teasers.magazine-style h2:before,.teasers.magazine-style .like-h2:before{--gradient-angle: 110deg}}.no-container{position:relative;left:50%;width:calc(100vw - var(--scrollbar-width));margin:0 calc(-50vw + 7px)}
|
