@charset "UTF-8";@font-face{font-family:roboto;src:url(../fonts/robotocondensed-bold-webfont.d2c35c2756c631c92e85f2c5a2caf6ae.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:roboto;src:url(../fonts/robotocondensed-light-webfont.77186b0e6ee22e0f14f4c97d9817a543.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto;src:url(../fonts/robotocondensed-lightitalic-webfont.370a97fd570e9544c72893dacdccadb9.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}#footer{margin:20px 0;padding:5px 10px;background:#63656a;color:#fff;text-align:center}#footer label{cursor:pointer}#footer .nomobile{display:block;width:0;height:0;visibility:hidden}@media (min-width:700px){#footer .nomobile{display:inline;visibility:visible}}#backToTop{position:fixed;bottom:15px;right:15px;width:30px;height:30px;background:rgba(151,39,44,.8);color:#fff;border-radius:50%;padding:4px 5px;opacity:0;transition:opacity .3s;cursor:pointer;text-align:center}#backToTop.show{opacity:1}#site-infos .site-info{position:relative;overflow-y:scroll;width:80%;margin:0 auto;max-height:0;opacity:0;transition:max-height .5s,opacity .4s}#site-infos .site-info label{cursor:pointer;border-radius:50%;background:#97272c;font-size:1.75rem;color:#fff;width:30px;height:30px;display:block;text-align:center;position:absolute;right:0;padding:0;align-items:flex-end;display:flex;justify-content:center}#site-infos .site-info .headline1{font-size:1.45rem;font-weight:700}#site-infos .site-info .headline2{font-size:1.35rem;font-weight:700;margin:10px 0 0}#site-infos .site-info ul{margin:15px 0}#site-infos .site-info ul li{padding:0 0 0 15px;margin:5px 0}#site-infos .site-info ul li:before{content:"> ";display:inline-block;margin:0 5px 0 -10px}#site-infos .site-info a{color:#97272c}#site-infos .site-info p{margin:0 0 10px}#site-infos .site-info .details-content{margin:0 0 10px 20px}#site-infos .site-info table{width:100%;border:2px solid #eee;margin:20px 0}#site-infos .site-info table tr:nth-child(2n){background:#eee}#site-infos .site-info table tr:hover{background:#ccc}#site-infos .site-info table th{font-weight:700;vertical-align:top;background:#eee;padding:10px 20px 20px 10px}#site-infos .site-info table th:last-child{padding:10px 10px 20px}#site-infos .site-info table td{padding:10px 20px 20px 10px;vertical-align:top}#site-infos .site-info table td:last-child{padding:10px 10px 20px}#site-infos .site-info table ul{margin:0}#site-infos input{position:absolute;left:-100%}#site-infos input:checked~.site-info{max-height:600px;opacity:1;margin:0 auto 20px}#siteLinks{display:inline-block;margin:0 0 0 1rem}#siteLinks #languageSelect{background:#fff;border:none;font-family:oswald;color:#1a171b;font-size:16px;margin:10px auto;padding:5px 10px;resize:none;transition:box-shadow .3s ease 0s}#siteLinks #languageSelect:focus{box-shadow:0 0 4px 0 #fff}#siteLinks #languageSelectList{width:125px;display:block;background:#fff;border:none;margin:10px auto;padding:5px 10px}#siteLinks #languageSelectList li{display:inline}#siteLinks #languageSelectList a{display:inline;margin-right:5px;font-family:oswald;color:#1a171b;font-size:16px}@keyframes bounce{0%{transform:rotate(90deg) scale(1) translateX(0) translateY(25%)}5%{transform:rotate(90deg) scale(1.05,.95) translateX(0) translateY(25%)}15%{transform:rotate(90deg) scale(.95,1.05) translateX(-20px) translateY(25%)}25%{transform:rotate(90deg) scale(1.025,.975) translateX(0) translateY(25%)}35%{transform:rotate(90deg) scale(1) translateX(-3px) translateY(25%)}45%{transform:rotate(90deg) scale(1) translateX(0) translateY(25%)}to{transform:rotate(90deg) scale(1) translateX(0) translateY(25%)}}body{background:#fafafa;font-size:20px;line-height:34px;color:#2c3449}ul{margin:30px 0}ul li{margin:0 0 10px 10px;position:relative}ul li:before{position:absolute;top:0;content:"› ";margin:0 0 0 -10px}section{padding:0 1.5rem}.tagline{margin:0 0 5px}.tagline .icon{margin:0 5px 0 -15px;width:10px;fill:#97272c;display:inline-block;transform:translateY(3px)}.headline{font-size:1.5rem;font-weight:700;margin:15px 0 10px;display:inline-block;text-transform:uppercase}#mainheader{position:relative;height:100vh;width:100%;min-height:500px}#mainheader #logo{width:75%;max-width:700px;left:50%;transform:translateX(-50%);top:2rem;position:absolute}#mainheader #logo img{display:block}#mainheader .headline{display:inline-block;font-size:2.5rem;line-height:2.5rem;text-transform:none;position:absolute;bottom:15%;left:3rem;padding:2rem;background:hsla(0,0%,100%,.85)}#mainheader #scrollDownButton{position:absolute;bottom:0;left:50%;transform:rotate(90deg) translateY(25%);width:60px;fill:#b98d98;animation-duration:3.5s;animation-iteration-count:infinite;animation-name:bounce;animation-timing-function:cubic-bezier(.28,.84,.42,1);filter:drop-shadow(3px -3px 3px rgba(0,0,0,.7))}#mainheader #backgroundImage,#mainheader #backgroundImage img{width:100%;height:100%;display:block}#mainheader #backgroundImage img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}#sticky-logo{position:absolute;height:100%;pointer-events:none;top:0;right:0;z-index:1000}@media (min-width:1250px){#sticky-logo{width:200px;right:-125px}}@media (min-width:1850px){#sticky-logo{right:-300px}}#sticky-logo .menuWrap{display:flex;justify-content:space-around;position:sticky;top:0;right:0;padding:10px;background:#fafafa;z-index:10}@media (min-width:1250px){#sticky-logo .menuWrap{display:block}}#sticky-logo .menuWrap img{display:block;width:28%;max-width:200px}@media (min-width:775px){#sticky-logo .menuWrap img{margin:0 2rem 0 0}}@media (min-width:1250px){#sticky-logo .menuWrap img{width:100%;margin:0 0 1rem}}#sticky-logo .contentLinks{display:flex;flex-flow:row wrap;justify-content:space-between;width:68%;max-width:310px;pointer-events:all}@media (min-width:775px){#sticky-logo .contentLinks{flex-flow:row;width:auto;max-width:none;align-items:center}}@media (min-width:1250px){#sticky-logo .contentLinks{flex-flow:column}}#sticky-logo .contentLinks a{display:block;text-decoration:none;color:#fff;background:#63656a;padding:10px 15px;width:-moz-fit-content;width:fit-content;margin:5px 0}@media (min-width:1250px){#sticky-logo .contentLinks a{width:100%}}#mainContent{position:relative;width:100%;max-width:800px;margin:0 auto}@media (min-width:1650px){#mainContent{max-width:1280px}}#intro{padding:9.5rem 2rem 2rem;max-width:1000px}@media (min-width:775px){#intro{padding:7.5rem ​2rem 2rem}}@media (min-width:1250px){#intro{padding:2.5rem 5.5rem 0 1.5rem}}#intro p{margin:0 0 .75rem}#intro .imgElementsWrap{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;position:relative;margin:80px 0 30px}@media (min-width:775px){#intro .imgElementsWrap{margin:30px 0}}#intro .imgElementsWrap .imgElement{border:12px solid #fff;width:50%}@media (min-width:775px){#intro .imgElementsWrap .imgElement{width:33.33%}}.productGroup{margin:40px 0}@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}to{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}#video-viewport{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;z-index:0;visibility:hidden}#video-viewport video{width:80%;margin:0 auto}#video-viewport.active{visibility:visible;background:rgba(0,0,0,.6);z-index:2000}#videoCloseButton{position:absolute;top:8px;right:60px;font-size:30px;padding:3px 10px 10px;background:red;border-radius:50%;width:40px;height:40px;text-align:center;color:#fff;font-weight:700;font-family:sans-serif;box-sizing:border-box;cursor:pointer}.videoPlayButtonWrap{position:relative;width:60px;height:60px}.videoPlayButton{position:absolute;z-index:10;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-sizing:content-box;display:block;width:16px;height:22px;border-radius:50%;padding:18px 20px 18px 28px}.videoPlayButton:before{z-index:0;background:#ba1f24;animation:pulse-border 1.5s ease-out infinite}.videoPlayButton:after,.videoPlayButton:before{content:"";position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:40px;height:40px;border-radius:50%}.videoPlayButton:after{z-index:1;background:#fa183d;transition:all .2s}.videoPlayButton:hover:after{background-color:#da0528}.videoPlayButton span{display:block;position:relative;z-index:3;width:0;height:0;border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}.videoName{position:absolute;left:60px;top:50%;transform:translateY(-50%)}.mediaWrap{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;position:relative;margin:75px 0 30px}@media (min-width:600px){.mediaWrap{margin:30px 0 0}}.mediaWrap .mainImg{position:relative;margin:75px 0;width:100%}@media (min-width:775px){.mediaWrap .mainImg{width:48%}}.mediaWrap .mainImg .imageSchriftzugWrap{position:relative}.mediaWrap .mainImg .schriftzug{position:absolute;display:block;width:80%;z-index:100;left:0;bottom:-75px}.mediaWrap .mainImg .schriftzug img{width:100%}.mediaWrap .mainImg .schriftzug.hpjzb-schriftzug{width:50%}.mediaWrap .mainImg .schriftzug.hpjzbm-schriftzug{width:55%;bottom:-15px}.mediaWrap .mainImg .schriftzug.hpjsb-schriftzug,.mediaWrap .mainImg .schriftzug.hpjsk-schriftzug{width:55%}.mediaWrap .mainImg .schriftzug:after{content:attr(data-info);position:absolute;right:5%;bottom:-5%}@media (min-width:450px){.mediaWrap .mainImg .schriftzug:after{right:5%;bottom:10%}}@media (min-width:775px){.mediaWrap .mainImg .schriftzug:after{right:-10px;bottom:-5px}}@media (min-width:1650px){.mediaWrap .mainImg .schriftzug:after{right:5%;bottom:10%}}.mediaWrap .mainImg .productImg{width:100%}.mediaWrap .mainImg .videoPlayButtonWrap{position:absolute;top:-50px;right:125px}.mediaWrap .productDetailImg{border:12px solid #fff;width:50%}@media (min-width:775px){.mediaWrap .productDetailImg{width:33.33%}}.dekoherz{position:absolute;transform:rotate(-6deg);top:-115px;left:-5%;width:250px;z-index:0;filter:drop-shadow(3px 3px 3px rgba(0,0,0,.15))}@media (min-width:775px){.dekoherz{top:-48px;left:-250px;width:400px}}.dekoherzen{position:absolute;transform:rotate(-2deg);z-index:0;bottom:-20px;right:-10px;width:200px;filter:drop-shadow(3px 3px 3px rgba(0,0,0,.25))}@media (min-width:775px){.dekoherzen{bottom:-58px;right:-120px;width:200px}}.description{max-width:1000px}.benefitsWrap{display:flex;position:relative}@media (min-width:775px){.benefitsWrap:after,.benefitsWrap:before{content:"";display:inline-block;width:15%;background:#f2dfe3;margin:30px 0}}.benefits{display:inline-block;padding:1rem;color:#fff;background:#b98d98;width:100%}@media (min-width:775px){.benefits{width:70%;border-left:12px solid #fff;border-right:12px solid #fff}}.benefits li:before{font-weight:700}.benefits .benefit .title{display:inline-block;font-weight:700;width:calc(100% - 10px)}#hpjsk .videoPlayButtonWrap{right:auto;left:15px;top:10px}#hpjsk .mainImg{margin:20px 0 40px}#contact{display:flex;justify-content:space-between;flex-flow:row wrap;padding:7.5%}@media (min-width:775px){#contact{flex-flow:row nowrap}}#contact .social-media{display:flex;justify-content:space-between;flex-flow:row wrap}#contact .social-media svg{fill:#63656a}#contact .social-media a{width:23%}#contact .contactInfoBlock{width:100%;max-width:350px;min-width:250px}@media (min-width:775px){#contact .contactInfoBlock{width:45%;margin:0 5% 0 0}}#contact .contactInfoBlock .vcards .vcard{margin:10px 0}#contact .contactInfoBlock .vcards .vcard span{display:inline-block}@media (min-width:500px){#contact .contactInfoBlock .vcards .vcard .label{margin:0 10px 0 0}}#contact .contactInfoBlock .vcards .vcard a{color:#97272c;text-decoration:none}#contact .contactInfoBlock .bunny-crosslinks{display:flex;justify-content:space-between;flex-flow:row nowrap}#contact .contactInfoBlock .bunny-crosslinks svg{fill:#63656a}#contact .contactInfoBlock .bunny-crosslinks a{width:45%}#contact .formBlock{width:100%;margin:35px 0 0}@media (min-width:775px){#contact .formBlock{width:55%}}#contact .formBlock form label{display:block;font-size:1rem;width:100%;margin:10px 0}#contact .formBlock form label label{display:inline;width:-moz-fit-content;width:fit-content;margin:0;cursor:pointer;text-decoration:underline}#contact .formBlock form button,#contact .formBlock form input,#contact .formBlock form select,#contact .formBlock form textarea{width:100%;background:#eee;padding:10px;margin:5px 0 0;font-size:1.2rem;font-family:inherit;border:0;outline:0}#contact .formBlock form input:focus:invalid,#contact .formBlock form textarea:focus:invalid{background:#f8e8e8}#contact .formBlock form input:focus:valid,#contact .formBlock form textarea:focus:valid{background:#caeed7}#contact .formBlock form textarea{resize:vertical}#contact .formBlock form input[type=checkbox]{display:inline-block;border:2px solid #eee;background:#fff;-webkit-appearance:none;padding:7px;width:5px;height:5px;margin:0 5px -3px 0}#contact .formBlock form input[type=checkbox]:checked{background:#1a171b}#contact .formBlock form button{background:#63656a;color:#fff;font-weight:700;cursor:pointer;text-transform:uppercase}#contact .formBlock .requestInfo{background:#fff;width:100%;max-height:0}#contact .formBlock .requestInfo.open{margin:10px 0 0;max-height:1000px}#contact .formBlock .requestInfo .info{display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer}#contact .formBlock .requestInfo .info .icon{width:16%}#contact .formBlock .requestInfo .info .text{width:80%}#contact .formBlock .requestInfo .info .text .headline{font-size:18px;font-weight:700;margin:0 0 10px}#contact .formBlock .requestInfo .info .text p{font-size:16px;line-height:20px}#contact .formBlock .requestInfo .fail .icon{fill:red}#contact .formBlock .requestInfo .fail .headline{color:red}#contact .formBlock .requestInfo .success .icon{fill:green}#contact .formBlock .requestInfo .success .headline{color:green}