/* Source and licensing information for the line(s) below can be found at https://www.trauerrednerin-uhrlich.at/sites/default/files/ipless/custom-startseite--startseite.css. */
:root{--font-size-default:20px;--line-height-default:32px;--font-size-h1:95px;--line-height-h1:75px;--font-size-h3:30px;--line-height-h3:38px;--font-size-h4:40px;--line-height-h4:48px;--font-size-small:18px;--line-height-small:28px;}#node-startseite{}#node-startseite #intro{height:100vh;background-color:#6c7c98;padding-top:230px;}#node-startseite #intro .section{height:100%;margin-right:0;}#node-startseite #intro .intro{display:flex;height:100%;}#node-startseite #intro .intro .textblock{width:38%;padding-top:100px;z-index:10;}#node-startseite #intro .intro .textblock .h1{color:#fff;white-space:nowrap;font-size:260px;line-height:260px;font-weight:400;position:relative;z-index:10;margin-bottom:50px;padding-left:10px;margin-left:-10px;}#node-startseite #intro .intro .textblock .subtitle{color:#fff;width:75%;font-weight:400;}#node-startseite #intro .intro .textblock .scrollto{position:absolute;left:-250px;bottom:50px;z-index:10;}#node-startseite #intro .intro .textblock .scrollto svg{position:relative;z-index:1;width:300px;}@keyframes path{0%{stroke-dashoffset:330px;opacity:1;}25%{stroke-dashoffset:0px;opacity:1;}50%{stroke-dashoffset:0px;opacity:1;}80%{stroke-dashoffset:0px;opacity:1;}90%{stroke-dashoffset:0px;opacity:0;}100%{stroke-dashoffset:330px;opacity:0;}}@keyframes st2{0%{stroke-dashoffset:22px;opacity:1;}25%{stroke-dashoffset:22px;opacity:1;}50%{stroke-dashoffset:0px;opacity:1;}80%{stroke-dashoffset:0px;opacity:1;}90%{stroke-dashoffset:0px;opacity:0;}100%{stroke-dashoffset:22px;opacity:0;}}@keyframes st3{0%{stroke-dashoffset:-23px;opacity:1;}25%{stroke-dashoffset:-23px;opacity:1;}50%{stroke-dashoffset:0px;opacity:1;}80%{stroke-dashoffset:0px;opacity:1;}90%{stroke-dashoffset:0px;opacity:0;}100%{stroke-dashoffset:-23px;opacity:0;}}#node-startseite #intro .intro .textblock .scrollto svg path{stroke:#1e2d5a;stroke-width:2px;fill:none;stroke-linecap:round;stroke-dasharray:400px 400px;stroke-dashoffset:330px;animation:path 3s linear 1s infinite;transition:stroke 0.5s ease;}#node-startseite #intro .intro .textblock .scrollto svg line{stroke:#1e2d5a;stroke-width:2px;fill:none;stroke-linecap:round;transition:stroke 0.5s ease;}#node-startseite #intro .intro .textblock .scrollto svg .st2{stroke-dashoffset:22px;stroke-dasharray:22px 22px;animation:st2 3s linear 1s infinite;}#node-startseite #intro .intro .textblock .scrollto svg .st3{stroke-dashoffset:-23px;stroke-dasharray:23px 23px;animation:st3 3s linear 1s infinite;}#node-startseite #intro .intro .textblock .scrollto:hover{opacity:0.3;}#node-startseite #intro .intro .image-wrapper{width:62%;position:relative;height:100%;isolation:isolate;z-index:1;}#node-startseite #intro .intro .image-wrapper picture{width:100%;height:100%;position:absolute;top:0;left:0;z-index:50;}#node-startseite #intro .intro .image-wrapper picture img{width:100%;height:100%;object-fit:cover;}#node-startseite #intro .intro .image-wrapper video{width:100%;height:100%;position:absolute;object-fit:cover;top:0;left:0;z-index:10;}#node-startseite #intro .intro .image-wrapper .play-button{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);z-index:60;height:100px;width:100px;}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1;}90%{transform:translate(-50%,-50%) scale(1.3);opacity:0;}100%{transform:translate(-50%,-50%) scale(1);opacity:0;}}#node-startseite #intro .intro .image-wrapper .play-button::before{content:'';width:100%;height:100%;border-radius:50%;background-color:#6c7c98;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-2;animation:pulse 2s ease infinite;transition:background-color 0.5s ease;}#node-startseite #intro .intro .image-wrapper .play-button::after{content:'';width:90%;height:90%;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}#node-startseite #intro .intro .image-wrapper .play-button .icon-play{color:#6c7c98;font-size:100px;line-height:100px;display:block;transition:color 0.5s ease;}#node-startseite #intro .intro .image-wrapper .play-button:hover .icon-play{color:#1e2d5a;}#node-startseite #intro .intro .image-wrapper .play-button:hover::before{background-color:#1e2d5a;}#node-startseite #einleitung{padding:200px 0;}#node-startseite #einleitung .h1{width:60%;}#node-startseite #einleitung .text{width:75%;}#node-startseite #einleitung .text .headlinefont{font-size:55px;line-height:45px;}#node-startseite #zitat{background-color:#6c7c98;padding:100px 0;}#node-startseite #zitat .zitat .text{text-align:center;font-family:"RastantyCortez","Nunito Sans",sans-serif;color:#fff;font-size:150px;line-height:125px;margin-bottom:50px;}#node-startseite #zitat .zitat .autor{text-transform:uppercase;font-weight:700;text-align:center;color:#fff;}@media all and (max-width:1799px){#node-startseite #intro .intro .textblock .h1{font-size:230px;line-height:230px;}#node-startseite #einleitung .h1{width:70%;}#node-startseite #zitat .zitat .text{font-size:120px;line-height:110px;}}@media all and (max-width:1699px){#node-startseite #einleitung .h1{width:80%;}#node-startseite #einleitung .text{width:85%;}}@media all and (max-width:1599px){#node-startseite #intro{padding-top:200px;}#node-startseite #intro .intro .textblock{padding-top:50px;}#node-startseite #intro .intro .textblock .h1{font-size:200px;line-height:200px;}#node-startseite #intro .intro .textblock .scrollto{left:-175px;}#node-startseite #intro .intro .textblock .scrollto svg{width:250px;}#node-startseite #zitat .zitat .text{font-size:110px;line-height:110px;}}@media all and (max-width:1439px){#node-startseite #intro{padding-top:150px;}#node-startseite #intro .intro .textblock{padding-top:25px;}#node-startseite #intro .intro .textblock .h1{margin-bottom:25px;}#node-startseite #intro .intro .textblock .subtitle{width:100%;}#node-startseite #intro .intro .textblock .scrollto{bottom:25px;}#node-startseite #einleitung{padding:100px 0;}#node-startseite #zitat .zitat .text{font-size:100px;line-height:100px;}}@media all and (max-width:1247px){#node-startseite #intro .intro .textblock .h1{font-size:175px;line-height:175px;}#node-startseite #intro .intro .textblock .scrollto{left:-150px;}#node-startseite #einleitung .h1{width:100%;}#node-startseite #zitat{padding:50px 0;}#node-startseite #zitat .zitat .text{font-size:90px;line-height:90px;margin-bottom:20px;}}@media all and (max-width:1023px){#node-startseite #intro{height:auto;padding-bottom:50px;padding-top:100px;}#node-startseite #intro .intro{flex-wrap:wrap;}#node-startseite #intro .intro .textblock{width:100%;padding-right:50px;}#node-startseite #intro .intro .textblock .h1{font-size:125px;line-height:125px;}#node-startseite #intro .intro .image-wrapper{height:0;width:75%;margin-left:auto;padding-bottom:57.5%;}#node-startseite #intro .intro .image-wrapper .play-button{top:calc(50% - 40px);left:calc(50% - 40px);height:80px;width:80px;}#node-startseite #intro .intro .image-wrapper .play-button .icon-play{font-size:80px;line-height:80px;}#node-startseite #einleitung .text{width:100%;}#node-startseite #zitat .zitat .text{font-size:70px;line-height:60px;}}@media screen and (max-width:812px){#node-startseite #intro .section{margin-right:50px;}#node-startseite #intro .intro .textblock{padding-right:0;}#node-startseite #intro .intro .textblock .h1{font-size:100px;line-height:100px;}#node-startseite #intro .intro .textblock .scrollto{display:none;}#node-startseite #intro .intro .image-wrapper{width:100%;}#node-startseite #einleitung .text .headlinefont{font-size:40px;line-height:35px;}#node-startseite #zitat .zitat .text{font-size:60px;line-height:55px;}}@media screen and (max-width:699px){#node-startseite #intro{padding-bottom:0;}#node-startseite #intro .section{margin:0;}#node-startseite #intro .section .intro .textblock{padding:0 30px;margin-bottom:30px;}#node-startseite #intro .section .intro .textblock .h1{font-size:80px;line-height:80px;}#node-startseite #einleitung .text .headlinefont{font-size:30px;line-height:30px;}#node-startseite #zitat .zitat .text{font-size:45px;line-height:45px;}}@media screen and (max-width:499px){#node-startseite #intro .intro .image-wrapper .play-button{top:calc(50% - 30px);left:calc(50% - 30px);height:60px;width:60px;}#node-startseite #intro .intro .image-wrapper .play-button .icon-play{font-size:60px;line-height:60px;}#node-startseite #einleitung{padding:50px 0;}}
/* Source and licensing information for the above line(s) can be found at https://www.trauerrednerin-uhrlich.at/sites/default/files/ipless/custom-startseite--startseite.css. */