:root{--max-grid-width: 1430px;--max-container-width: 100vw}@media screen and (min-width:0){:root{--grid-available-width: calc(100vw - (2 * var(--grid-outer-gutter)));--grid-available-width-absolute: calc(var(--max-grid-width) - (2 * var(--grid-outer-gutter)));--grid-gaps-width: calc((var(--grid-columns) - 1) * var(--grid-column-gap));--grid-columns-width: calc(var(--grid-available-width) - var(--grid-gaps-width));--grid-columns-width-absolute: calc(var(--grid-available-width-absolute) - var(--grid-gaps-width));--singleColumnWidth: calc(var(--grid-columns-width) / var(--grid-columns));--singleColumnWidthAbsolute: calc(var(--grid-columns-width-absolute) / var(--grid-columns));--outer-space: var(--grid-outer-gutter)}}@media screen and (min-width:1430px){:root{--grid-available-width: var(--grid-available-width-absolute);--outer-space: calc(50vw - (var(--max-grid-width) / 2) + var(--grid-outer-gutter))}}.herocard{position:relative;max-height:calc(100vh - 120px);font-family:var(--font-family-alt);overflow:hidden}@media only screen and (max-width:1199px){.herocard{max-height:none}}.herocard--media{position:relative}.herocard--media img{width:100%;height:auto}.herocard--movie{aspect-ratio:2/1;overflow:hidden}.herocard--movie video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.herocard image-overlay,.herocard video-overlay{position:absolute;inset-inline:0;bottom:0;z-index:1;width:100%;transition:transform 4s ease-in-out}.herocard image-overlay{transform:translateY(-20px)}.herocard video-overlay{transform:translateY(-66px)}@media only screen and (max-width:1599px){.herocard video-overlay{transform:translateY(40px) scale(1.1)}}@media only screen and (max-width:767px){.herocard video-overlay{transform:translateY(20px) scale(1.4)}}.swiper-slide-active .herocard image-overlay{transform:translateY(0)}.swiper-slide-active .herocard video-overlay{transform:translateY(-46px)}@media only screen and (max-width:1599px){.swiper-slide-active .herocard video-overlay{transform:translateY(60px) scale(1.1)}}@media only screen and (max-width:767px){.swiper-slide-active .herocard video-overlay{transform:translateY(40px) scale(1.4)}}.herocard--text{position:absolute;top:20rem;left:10rem;z-index:2;max-width:900px;padding-right:var(--spacing-m)}@media(max-width:1430px){.herocard--text{top:22.5rem;left:var(--spacing-m)}}@media only screen and (max-width:767px){.herocard--text{position:static;height:320px;padding:var(--spacing-xl) var(--spacing-m);background:var(--primary-60);color:var(--white)}}@media only screen and (max-width:575px){.herocard--text{height:280px}}@media only screen and (max-width:767px){.herocard--bg-blau{background-color:var(--blue-60)}}@media only screen and (max-width:767px){.herocard--bg-violett{background-color:var(--violet-60)}}@media only screen and (max-width:767px){.herocard--bg-tuerkis{background-color:var(--teal-60)}}.herocard--font-hell{color:var(--white);text-shadow:0 0 20px rgba(0,0,0,.2)}.herocard--headline{font-size:var(--h-6xl-fs);font-weight:var(--h-6xl-fw, 400);line-height:var(--h-6xl-lh, normal);letter-spacing:var(--h-6xl-ls, normal);font-family:var(--h-6xl-ff, var(--font-family));text-transform:var(--h-6xl-tt, none);margin-block-end:var(--spacing-s)}@media only screen and (max-width:1599px){.herocard--headline{font-size:82px}}@media only screen and (max-width:1199px){.herocard--headline{font-size:42px;margin-block-end:0}}@media only screen and (max-width:575px){.herocard--headline{font-size:28px}}.herocard--subline{display:block;margin-block-end:var(--spacing-s);font-size:40px}@media only screen and (max-width:1199px){.herocard--subline{font-size:24px}}.herocard--date,.herocard--time{display:block;font-size:48px;font-weight:700;line-height:1;text-transform:uppercase}@media only screen and (max-width:1199px){.herocard--date,.herocard--time{font-size:24px}}.herocard--time{color:var(--neutral-60)}.herocard--font-hell .herocard--time{color:var(--white)}@media only screen and (max-width:767px){.herocard--text :is(.herocard--headline,.herocard--subline,.herocard--date,.herocard--time){color:var(--white)}}.herocard--btn{margin-block-start:var(--spacing-xl)}@media only screen and (max-width:1199px){.herocard--btn{margin-block-start:var(--spacing-l)}}@media only screen and (max-width:767px){.herocard--btn{--btn-bg-color: var(--white);--btn-color: var(--primary-60)}}.herocard--btn.herocard--btn-schwarz{--btn-bg-color: var(--neutral-100);--btn-color: var(--white)}.herocard--btn.herocard--btn-weiss{--btn-bg-color: var(--white);--btn-color: var(--primary-60)}.herocard-color{position:relative;font-family:var(--font-family-alt);color:var(--white);background-color:var(--primary-60);overflow:hidden}.herocard-color--blau{background-color:var(--blue-60)}.herocard-color--violett{background-color:var(--violet-60)}.herocard-color--tuerkis{background-color:var(--teal-60)}.herocard-color--body{max-width:var(--max-grid-width);margin-inline:auto;padding:20rem var(--grid-outer-gutter) 12rem}@media only screen and (min-width:1200px){.herocard-color--body>*{max-width:75%}}.herocard-color--headline{font-size:var(--h-6xl-fs);font-weight:var(--h-6xl-fw, 400);line-height:var(--h-6xl-lh, normal);letter-spacing:var(--h-6xl-ls, normal);font-family:var(--h-6xl-ff, var(--font-family));text-transform:var(--h-6xl-tt, none);margin-block-end:var(--spacing-s);color:var(--white)}.herocard-color--text.rte a:not(.btn){text-decoration:none;color:var(--white);border-bottom:0}@media(hover:hover)and (pointer:fine){.herocard-color--text.rte a:not(.btn):hover{color:var(--white);text-decoration:underline}}.herocard-color--with-image .herocard-color--body{display:flex;flex-direction:column;justify-content:center;padding-block:7.5rem 10rem}.herocard-color--with-image .herocard-color--body>*{max-width:none}@media only screen and (min-width:992px){.herocard-color--with-image .herocard-color--body{min-height:600px;padding-block:20rem 10rem;padding-inline-end:calc(min(50%,var(--max-grid-width) / 2) + 2rem)}}.herocard-color--with-image .herocard-color--text{margin-block-end:var(--spacing-m)}@media only screen and (min-width:992px){.herocard-color--with-image .herocard-color--headline{font-size:60px}}@media only screen and (min-width:992px){.herocard-color--img figure{position:static}}.herocard-color--img img{width:100%;height:500px;object-fit:cover}@media only screen and (min-width:992px){.herocard-color--img img{position:absolute;top:0;right:0;width:50%;height:100%}}
