[data-component=image-video][data-overlap=true]{margin-top:-5.625rem !important}@media(min-width: 992px){[data-component=image-video][data-overlap=true]{margin-top:-9rem !important}}[data-component=image-video] .bg-box{position:absolute;z-index:-1;left:0;width:100%;background-color:var(--color-max-invert);filter:brightness(var(--img-brightness))}[data-component=image-video] [data-bg=none] .bg-box{display:none}[data-component=image-video] [data-bg=half] .bg-box{top:-5.625rem;bottom:50%}@media(min-width: 992px){[data-component=image-video] [data-bg=half] .bg-box{top:calc(-9rem / 2)}}[data-component=image-video] [data-bg=full] .bg-box{top:calc(-2.5rem / 2);bottom:calc(-2.5rem / 2)}@media(min-width: 992px){[data-component=image-video] [data-bg=full] .bg-box{top:calc(-9rem / 2);bottom:calc(-9rem / 2)}}[data-component=image-video]:last-of-type [data-bg=full] .bg-box{bottom:-2.5rem}@media(min-width: 992px){[data-component=image-video]:last-of-type [data-bg=full] .bg-box{top:calc(-9rem / 2);bottom:-9rem}}[data-component=image-video] .wrapper{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto 1fr;gap:0 .625rem;grid-auto-flow:row}@media(min-width: 992px){[data-component=image-video] .wrapper{gap:0 2rem}}[data-component=image-video] [data-position=left][data-size="33"] .wrapper{grid-template-areas:"image . ."}[data-component=image-video] [data-position=left][data-size="66"] .wrapper{grid-template-areas:"image image ."}[data-component=image-video] [data-position=left][data-size="100"] .wrapper{grid-template-areas:"image image image"}[data-component=image-video] [data-position=right][data-size="33"] .wrapper{grid-template-areas:". . image"}[data-component=image-video] [data-position=right][data-size="66"] .wrapper{grid-template-areas:". image image"}[data-component=image-video] [data-position=right][data-size="100"] .wrapper{grid-template-areas:"image image image"}[data-component=image-video] .image{grid-area:image;line-height:0;opacity:0}[data-component=image-video] .image[data-inview]{opacity:1;transition:opacity 1s ease-out}[data-component=image-video] .image>svg[data-gfx=dienstleistung7]{fill:var(--color-max-invert)}[data-component=image-video] .image>svg[data-gfx=nagelplus] path{stroke:var(--color-max-invert);fill:var(--color-max-invert)}[data-component=image-video] .image>svg[data-gfx=nagelplus] .st1{stroke-width:4;stroke-miterlimit:10}[data-component=image-video] .image>a{position:relative;display:flex;line-height:0}[data-component=image-video] .image>a .btn_play{position:absolute;width:5rem;height:5rem;left:50%;top:50%;transform:translate(-50%, -50%);opacity:.7;border:3px solid var(--color-white);filter:grayscale(0) drop-shadow(0 0 0 rgba(0, 0, 0, 0));transition:opacity .2s ease-out,filter .2s ease-out;background-color:var(--color-white);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E4032E' viewBox='0 0 416 416'%3E%3Cpath d='M208,0C93.31,0,0,93.31,0,208s93.31,208,208,208,208-93.31,208-208S322.69,0,208,0Zm-56,296V120l144,88-144,88Z'/%3E%3C/svg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-size:cover}@media(prefers-color-scheme: dark){[data-component=image-video] .image>a .btn_play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D80F35' viewBox='0 0 416 416'%3E%3Cpath d='M208,0C93.31,0,0,93.31,0,208s93.31,208,208,208,208-93.31,208-208S322.69,0,208,0Zm-56,296V120l144,88-144,88Z'/%3E%3C/svg%3E")}}@media(hover: hover)and (pointer: fine){[data-component=image-video] .image>a:hover .btn_play{opacity:1;filter:grayscale(0) drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.3))}}[data-component=image-video] .image .teaser{user-select:none;display:block;color:var(--color-dark);filter:brightness(2.5);font-weight:500;font-size:2.125rem;line-height:1.15;text-align:center}@media(min-width: 768px){[data-component=image-video] .image .teaser{text-align:left;font-size:2.25rem}}@media(min-width: 992px){[data-component=image-video] .image .teaser{font-size:3.5rem}}@media(min-width: 1200px){[data-component=image-video] .image .teaser{font-size:5rem}}@media(min-width: 1400px){[data-component=image-video] .image .teaser{font-size:5.5rem}}[data-component=image-video] picture,[data-component=image-video] img,[data-component=image-video] video{width:100%;height:100%}[data-component=image-video] img,[data-component=image-video] video{object-fit:cover;filter:brightness(var(--img-brightness))}