main .ctaBox{display:flex;flex-wrap:wrap;background-color:var(--brand-color);--switch:calc((var(--brand-color-l) - var(--threshold))*-100%);color:hsl(0,0%,var(--switch))}main .ctaBox>a{position:absolute}main .ctaBox>*{flex:1 1 100%}@media screen and (min-width:768px){main .ctaBox>*{flex:0 0 50%}}main .ctaBox .media figure{height:100%;display:flex;justify-content:center;align-items:center;margin:0;background-color:var(--bg-color)}main .ctaBox .media figure.video .video-embed{margin-left:0;margin-right:0;width:100%;padding-bottom:inherit;height:inherit}main .ctaBox .media figure.video .video-embed video{width:100%}main .ctaBox .media img{width:100%;max-height:575px;min-height:100%}main .ctaBox .media video{position:relative}main .ctaBox .text{padding-right:4vw;font-size:1.2em;font-size:clamp(24px,5vw,2em);display:flex;justify-content:center;align-items:center;min-width:50%;transform:translateX(0)}@media screen and (max-width:768px){main .ctaBox .text{padding-top:2.5em;padding-bottom:1.5em}}main .ctaBox .text ol,main .ctaBox .text ul{font-size:1.2rem;margin:.5em 1em}@media screen and (min-width:768px){main .ctaBox .text{height:100.06%}}main .ctaBox .text>div{margin-right:0;max-width:92%}@media screen and (min-width:1620px){main .ctaBox .text>div{max-width:750px;max-width:calc(750px - 4vw)}}main .ctaBox .text .cta a{font-size:.5em;font-size:clamp(12px,2vw,.5em);color:var(--button-color-brand);background-color:var(--button-color-negative);font-weight:800;margin-top:1em;box-shadow:0 0 25px rgba(0,0,0,.25)}@media screen and (min-width:1024px){main .ctaBox .text.right{order:2}}main .ctaBox .text[style*="--light: 85"] .cta a,main .ctaBox .text[style*="--light: 86"] .cta a,main .ctaBox .text[style*="--light: 87"] .cta a,main .ctaBox .text[style*="--light: 88"] .cta a,main .ctaBox .text[style*="--light: 89"] .cta a,main .ctaBox .text[style*="--light: 90"] .cta a,main .ctaBox .text[style*="--light: 91"] .cta a,main .ctaBox .text[style*="--light: 92"] .cta a,main .ctaBox .text[style*="--light: 93"] .cta a,main .ctaBox .text[style*="--light: 94"] .cta a,main .ctaBox .text[style*="--light: 95"] .cta a,main .ctaBox .text[style*="--light: 96"] .cta a,main .ctaBox .text[style*="--light: 97"] .cta a,main .ctaBox .text[style*="--light: 98"] .cta a,main .ctaBox .text[style*="--light: 99"] .cta a,main .ctaBox .text[style*="--light: 100"] .cta a{background-color:var(--button-color-brand);color:var(--button-color-negative)}main .ctaBox .media.left+.text>div{margin-left:0;margin-right:auto;padding-left:4vw}main .ctaBox.bg{padding:0}main .ctaBox:not(.bg) .text{color:#000}
/*# sourceMappingURL=/fileadmin/dag/css/maps/elements/ctaBox.css.map */