.mdl__frontpage__introduction{background:#084772;background:linear-gradient(90deg, #0a4d7b 0%, #043b61 100%);position:relative;margin-bottom:45px}@media (min-width:768px){.mdl__frontpage__introduction{margin-bottom:75px}}.mdl__frontpage__introduction .mdl__frontpage__introduction__background{background:url(/typo3conf/ext/heyst_theme/Resources/Public/Images/Page/Highlightbox/background_highlightbox-360.png);height:100%;width:100%;position:absolute;background-size:cover;background-repeat:no-repeat;pointer-events:none}@media (min-width:361px){.mdl__frontpage__introduction .mdl__frontpage__introduction__background{background:url(/typo3conf/ext/heyst_theme/Resources/Public/Images/Page/Highlightbox/background_highlightbox-480.png);background-size:cover;background-repeat:no-repeat}}@media (min-width:481px){.mdl__frontpage__introduction .mdl__frontpage__introduction__background{background:url(/typo3conf/ext/heyst_theme/Resources/Public/Images/Page/Highlightbox/background_highlightbox-768.png);background-size:cover;background-repeat:no-repeat}}@media (min-width:769px){.mdl__frontpage__introduction .mdl__frontpage__introduction__background{background:url(/typo3conf/ext/heyst_theme/Resources/Public/Images/Page/Highlightbox/background_highlightbox-1024.png);background-size:cover;background-repeat:no-repeat}}@media (min-width:1280px){.mdl__frontpage__introduction .mdl__frontpage__introduction__background{background:url(/typo3conf/ext/heyst_theme/Resources/Public/Images/Page/Highlightbox/background_highlightbox-default.png);background-size:cover;background-repeat:no-repeat}}.mdl__frontpage__introduction .mdl__frontpage__introduction__content{max-width:1480px;padding:45px 20px;box-sizing:border-box;margin:auto;position:relative}@media (min-width:768px){.mdl__frontpage__introduction .mdl__frontpage__introduction__content{padding:75px 30px}}.mdl__frontpage__introduction .mdl__frontpage__introduction__content .mdl__frontpage__introduction__container{max-width:1200px;margin:auto}.mdl__frontpage__introduction .mdl__frontpage__introduction__headline{font-family:"brandon-grotesque", sans-serif;font-weight:300;font-size:2.25rem;line-height:1.25em;text-transform:uppercase;color:#FFFFFF;padding-bottom:20px;text-align:center}.mdl__frontpage__introduction .mdl__frontpage__introduction__headline:first-line{font-weight:700}.mdl__frontpage__introduction .mdl__frontpage__introduction__text{text-align:center;padding:0 20px;box-sizing:border-box;padding-bottom:20px}@media (min-width:768px){.mdl__frontpage__introduction .mdl__frontpage__introduction__text{padding:0 35px}}@media (min-width:1024px){.mdl__frontpage__introduction .mdl__frontpage__introduction__text{padding:0 75px}}.mdl__frontpage__introduction .mdl__frontpage__introduction__text p{color:rgba(255, 255, 255, 0.5);font-size:1.2rem}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp{position:relative;-webkit-box-shadow:50px 30px 50px 20px rgba(0, 0, 0, 0.25);box-shadow:50px 30px 50px 20px rgba(0, 0, 0, 0.25);margin-bottom:30px;border-radius:10px}@media (min-width:768px){.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp{margin-bottom:60px}}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp.mdl__frontpage__introduction__mediawrp-playing picture{opacity:0;z-index:-1}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp.mdl__frontpage__introduction__mediawrp-playing .mdl__frontpage__introduction__videowrp{opacity:1;z-index:1}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp.mdl__frontpage__introduction__mediawrp-playing .mdl__frontpage__introduction--play-button{opacity:0;z-index:-1}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp.mdl__frontpage__introduction__mediawrp-playing:after{height:0}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp picture{opacity:1;z-index:1;transition:opacity 0.3s ease-in-out, z-index 0.3s ease-in-out}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp .mdl__frontpage__introduction--play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5;cursor:pointer;background:transparent;margin:0;opacity:1;transition:opacity 0.3s ease-in-out}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp .mdl__frontpage__introduction--play-button svg{height:60px;width:60px}@media (min-width:768px){.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp .mdl__frontpage__introduction--play-button svg{height:110px;width:110px}}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp .mdl__frontpage__introduction--play-button svg path{stroke:#FFFFFF;transition:stroke 0.3s ease-in-out}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp .mdl__frontpage__introduction--play-button svg:hover path{stroke:#F59D24}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp:after{position:absolute;content:"";height:100%;width:100%;bottom:0;background:rgba(255, 255, 255, 0);background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, #ffffff00 100%);border-radius:10px;transition:height 0.3s ease-in-out}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp img{width:100%;border-radius:10px}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp .mdl__frontpage__introduction__videowrp{position:absolute;bottom:0;height:100%;width:100%;opacity:0;z-index:-1;transition:opacity 0.3s ease-in-out, z-index 0.3s ease-in-out;cursor:pointer}.mdl__frontpage__introduction .mdl__frontpage__introduction__mediawrp .mdl__frontpage__introduction__videowrp video{height:100%;width:100%;border-radius:10px}.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container{display:flex;justify-content:space-between;padding-bottom:50px;flex-direction:column}@media (min-width:1024px){.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container{flex-direction:row}}.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item{border-radius:20px;position:relative;max-width:440px;width:100%;padding:40px 45px;pointer-events:none;box-sizing:border-box;z-index:2;box-shadow:30px 15px 20px 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow:30px 15px 20px 10px rgba(0, 0, 0, 0.1);margin-left:auto;margin-right:auto}@media (min-width:768px){.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item{padding:45px 55px}}@media (min-width:1024px){.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item{margin-left:15px;margin-right:15px;padding:60px 70px}}.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item:not(:last-of-type){margin-bottom:20px}@media (min-width:1024px){.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item:not(:last-of-type){margin-bottom:0}}.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item:after{content:"";position:absolute;height:100%;width:auto;background:#28648c;background:linear-gradient(145deg, #28648c 0%, #084772 100%);top:0;right:0;left:0;border-radius:20px;pointer-events:none;z-index:-1}.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item .mdl__frontpage__introduction__facts__number{font-family:"brandon-grotesque", sans-serif;color:#FFFFFF;font-size:3rem;line-height:1.25em;font-weight:300;display:block;text-align:center;padding-bottom:10px}@media (min-width:768px){.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item .mdl__frontpage__introduction__facts__number{font-size:4rem}}.mdl__frontpage__introduction .mdl__frontpage__introduction__facts__container .mdl__frontpage__introduction__facts__item .mdl__frontpage__introduction__facts__text{text-align:center;color:rgba(255, 255, 255, 0.75);display:block}.mdl__frontpage__introduction .mdl__frontpage__introduction__link{background-color:#F59D24;border-radius:10px;padding:15px 30px;transition:background-color 0.3s ease-in-out;align-items:center;display:block;width:max-content;margin:auto}.mdl__frontpage__introduction .mdl__frontpage__introduction__link .mdl__frontpage__introduction__linktext{font-family:"brandon-grotesque", sans-serif;text-transform:uppercase;font-size:1rem;color:#FFFFFF;font-weight:700}.mdl__frontpage__introduction .mdl__frontpage__introduction__link:hover{background-color:#0786C0}