:root{--color-red:#e61432;--color-red-dark:#b71028;--color-yellow:#faaf00;--color-blue-navy:#042453;--color-blue-dark:#00325f;--color-black:#000;--color-white:#fff;--color-gray-dark:#262626;--color-gray-text:#333;--color-gray-mid:#666;--color-border:#ccc}h1{color:var(--color-white);font-family:FiraSans-ExtraBold;font-size:5em;line-height:1.2em;text-shadow:0 2px 4px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2)}@media only screen and (max-width:767px){h1{font-size:3.5em}}@media only screen and (max-width:530px){h1{font-size:3.1em}}@media only screen and (max-width:425px){h1{display:none}}@media only screen and (max-width:991px){h2{font-size:4em}}h3{color:var(--color-white);font-family:FiraSans-ExtraBold;font-size:2.15em;text-shadow:0 2px 4px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.4)}.bg-image,.front-block{background-position:20% 20%;min-height:950px;padding-top:170px}.bg-image{margin:0;z-index:0}@media only screen and (max-width:480px){.bg-image .container{position:static}}@media only screen and (max-width:425px){.bg-image .container{margin-top:0;position:relative}.bg-image img{bottom:0;position:relative}}@media only screen and (max-width:480px){.bg-image{padding-top:120px}}@media only screen and (max-width:425px){.bg-image{line-height:25px;min-height:500px;padding-top:90px}}@media only screen and (max-width:372px){.bg-image{min-height:530px}}@media only screen and (max-width:344px){.bg-image{min-height:560px}}@media only screen and (max-width:328px){.bg-image{min-height:590px}}@media only screen and (max-width:298px){.bg-image{min-height:620px}}@media only screen and (max-width:294px){.bg-image{min-height:640px}}#homepage-content{position:absolute;width:100%;z-index:1}@media only screen and (max-width:425px){main{margin-top:560px}}.front-block{border-radius:5px;margin:30px 0;min-height:auto;overflow:hidden;position:relative}.front-block:hover img{cursor:pointer}.front-block:focus-within{outline:2px solid #000}.front-block>a{display:block}.front-block h3{bottom:20px;left:20px;line-height:1.3em;position:absolute;right:20px}@media only screen and (max-width:1199px){.front-block h3{font-size:1.7em}}@media only screen and (max-width:991px){.front-block h3{font-size:1.3em;max-width:150px}}@media only screen and (max-width:767px){.front-block h3{font-size:2.5em;max-width:350px}}@media only screen and (max-width:480px){.front-block h3{font-size:2em}}@media only screen and (max-width:425px){.front-block h3{font-size:1.8em}}.newsletter{margin-top:7em}@media only screen and (max-width:480px){.newsletter{margin-top:0}.newsletter input{width:80%}}@media only screen and (max-width:425px){.newsletter input{width:100%}}.intro-text{background:hsla(0,0%,100%,.85);border-radius:5px;color:#042553;margin-top:5em;max-width:800px;padding:25px 35px;position:relative;width:100%;z-index:999}@media only screen and (max-width:991px){.intro-text{width:100%}}@media only screen and (max-width:530px){.intro-text{padding:15px 20px}}@media only screen and (max-width:425px){.intro-text{background:var(--color-red);color:var(--color-white);margin-top:0}}.intro-text p{display:inline-block;font-size:19px;line-height:35px;margin:.1em 0;max-width:510px}@media only screen and (max-width:991px){.intro-text p{max-width:400px}}@media only screen and (max-width:767px){.intro-text p{font-size:16px;line-height:30px;max-width:300px}}@media only screen and (max-width:530px){.intro-text p{width:300px}}@media only screen and (max-width:480px){.intro-text p{font-size:15px;width:250px}}@media only screen and (max-width:425px){.intro-text p{width:100%}}.intro-text:after{background:url(/build/images/kaart-nhpad.a3b9cc6c.png) no-repeat;background-size:210px 376px;content:"";display:inline-block;height:376px;position:absolute;right:20px;top:-80px;width:210px}@media only screen and (max-width:991px){.intro-text:after{right:0;top:-10px}}@media only screen and (max-width:767px){.intro-text:after{background-size:200px 358px;bottom:-50px;height:358px;right:-70px;top:-30px;width:200px}}@media only screen and (max-width:600px){.intro-text:after{background-size:150px 269px;bottom:-30px;height:269px;right:-20px;top:auto;width:150px}}@media only screen and (max-width:530px){.intro-text:after{background-size:120px 215px;bottom:0;height:215px;right:-10px;top:auto;width:120px}}@media only screen and (max-width:480px){.intro-text:after{background-size:150px 269px;bottom:0;height:269px;right:-10px;top:auto;width:150px}}@media only screen and (max-width:425px){.intro-text:after{background-position:50%;background-size:200px 358px;height:358px;position:absolute;right:0;top:calc(100% + 75px);width:100%}}@media only screen and (max-width:372px){.intro-text:after{top:calc(100% + 75px)}}.markeringen{bottom:-55px;left:10px;position:absolute}@media only screen and (max-width:480px){.markeringen{bottom:-55px}}.markeringen img{background-size:75px 75px;float:left;height:75px;margin-right:10px;position:relative;width:75px}.left-side{height:578px}@media only screen and (max-width:767px){.left-side{height:262px}}.right-side{height:310px}@media only screen and (max-width:767px){.right-side{height:262px;margin-top:0}}.small-block{float:left;height:262px;margin-right:30px;margin-top:5px;width:338px}@media only screen and (max-width:1199px){.small-block{width:279px}}@media only screen and (max-width:991px){.small-block{width:199px}}@media only screen and (max-width:767px){.small-block{width:100%}}.small-block:last-child{margin-right:0}.big-block{height:262px;margin-top:5px}@media only screen and (max-width:1199px){.big-block .pink-title h3{text-align:center}}@media only screen and (max-width:767px){.big-block .pink-title h3{left:auto}}.tips-block{height:550px}.tips-block .pink-title{height:auto;left:auto;right:30px}.big-block h3,.etappe-block-home h3,.tips-block h3{max-width:280px}@media only screen and (max-width:480px){.big-block h3,.tips-block h3{display:none}}.big-block h3,.etappe-block-home h3{bottom:20px;left:auto;right:20px}@media only screen and (max-width:1199px){.big-block h3{text-align:right}}@media only screen and (max-width:767px){.big-block h3{left:20px;right:auto}}html[lang=de] .pink-title,html[lang=de] .tips-block .pink-title{max-width:calc(100% - 60px)}html[lang=de] .big-block h3,html[lang=de] .etappe-block-home h3,html[lang=de] .tips-block h3{font-size:2em;max-width:-moz-fit-content;max-width:fit-content}.pink-title{background:rgba(230,20,50,.95);border-radius:5px;bottom:30px;left:30px;max-width:300px;padding:20px;position:absolute;text-transform:uppercase}@media only screen and (max-width:1199px){.pink-title{max-width:250px}}@media only screen and (max-width:991px){.pink-title{bottom:20px;left:20px;max-width:170px}}@media only screen and (max-width:767px){.pink-title{max-width:210px}}.pink-title h3{bottom:0;font-size:3.5em;left:0;position:relative;text-align:center;text-shadow:none}@media only screen and (max-width:1199px){.pink-title h3{font-size:3em}}@media only screen and (max-width:991px){.pink-title h3{font-size:2em}}@media only screen and (max-width:767px){.big-block .pink-title,.tips-block .pink-title{bottom:auto;left:auto;max-width:100%;right:20px;top:20px}}@media only screen and (max-width:480px){.big-block .pink-title,.pink-title,.tips-block .pink-title{bottom:20px;left:0;margin:0 auto;max-width:210px;right:0;top:auto}.big-block .pink-title h3,.tips-block .pink-title h3{display:block}}