.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.background-white{background:white}.background-black{background:black}.color-white{color:white}.color-black{color:black}@font-face{font-family:'Avenir Next';src:url("../fonts/avenir/AvenirNext-Bold.eot");src:url("../fonts/avenir/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/AvenirNext-Bold.woff2") format("woff2"),url("../fonts/avenir/AvenirNext-Bold.woff") format("woff"),url("../fonts/avenir/AvenirNext-Bold.ttf") format("truetype"),url("../fonts/avenir/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Avenir Next';src:url("../fonts/avenir/AvenirNext-Medium.eot");src:url("../fonts/avenir/AvenirNext-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/AvenirNext-Medium.woff2") format("woff2"),url("../fonts/avenir/AvenirNext-Medium.woff") format("woff"),url("../fonts/avenir/AvenirNext-Medium.ttf") format("truetype"),url("../fonts/avenir/AvenirNext-Medium.svg#AvenirNext-Medium") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Avenir Next';src:url("../fonts/avenir/AvenirNext-Regular.eot");src:url("../fonts/avenir/AvenirNext-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/AvenirNext-Regular.woff2") format("woff2"),url("../fonts/avenir/AvenirNext-Regular.woff") format("woff"),url("../fonts/avenir/AvenirNext-Regular.ttf") format("truetype"),url("../fonts/avenir/AvenirNext-Regular.svg#AvenirNext-Regular") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Avenir Next Condensed';src:url("../fonts/avenir/AvenirNextCondensed-DemiBold.eot");src:url("../fonts/avenir/AvenirNextCondensed-DemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/AvenirNextCondensed-DemiBold.woff2") format("woff2"),url("../fonts/avenir/AvenirNextCondensed-DemiBold.woff") format("woff"),url("../fonts/avenir/AvenirNextCondensed-DemiBold.ttf") format("truetype"),url("../fonts/avenir/AvenirNextCondensed-DemiBold.svg#AvenirNextCondensed-DemiBold") format("svg");font-weight:normal;font-style:normal;font-display:swap}.gradient{position:absolute;z-index:0;bottom:0;left:0;width:100%;height:65%;background:linear-gradient(0deg, #000 0%, transparent 100%);opacity:0.65}*{-ms-hyphens:none;-webkit-hyphens:none;hyphens:none}*{-webkit-font-smoothing:antialiased;font-family:'Avenir Next';font-weight:normal;font-size:1rem;line-height:1}h1,.like-h1,h2,.like-h2,h3,.like-h3{padding:0;margin:0;font-weight:500}h1,.like-h1{font-size:4rem;margin-bottom:3rem}h2,.like-h2{font-size:2.5rem;margin-bottom:2rem}h3,.like-h3{font-size:1.65rem;margin-bottom:1rem}p{margin:0;line-height:1.6}p a{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:underline;color:inherit}a{color:inherit;text-decoration:none}strong{font-weight:bolder;font-size:inherit;line-height:inherit}em{font-style:normal}ul{list-style-type:none;margin:0;padding:0;font-size:inherit;line-height:1.6rem}ul li{margin-left:1.5rem}ul li:before{content:"–";margin-right:1rem;margin-left:-1.5rem}section.breadcrumb{color:#878787;text-transform:uppercase;padding:1.5rem 0 1rem 0;font-size:1.2rem;letter-spacing:0.05rem}.cookie{position:fixed;right:1rem;bottom:1rem;z-index:10;width:calc(100% - 2rem);max-width:35rem;padding:2rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:black;color:white}.cookie *{font-size:1rem;line-height:1.2}.cookie p{max-width:80rem}.cookie .box{display:flex;flex-direction:row;justify-content:stretch;align-items:stretch;width:100%;margin-top:1rem}.cookie .box a{width:100%;background:black;color:white;border:1px solid white;white-space:nowrap;padding:.4rem .6666666667rem;cursor:pointer;font-weight:bolder;text-align:center;font-size:1rem}.cookie .box a:not(:last-of-type){margin-right:.4rem}.cookie .box a:hover{background:white;color:black}@media (max-width: 550px){.cookie{right:.5rem;bottom:.5rem;z-index:10;width:calc(100% - 1rem);padding:1.3333333333rem}.cookie *{font-size:0.8rem}.cookie .box a{font-weight:bolder;font-size:0.8rem}.cookie .box a:not(:last-of-type){margin-right:.3333333333rem}}.funding{display:flex;align-items:flex-end;justify-content:center;background:#0089c1;color:white;padding-top:1rem}.funding span{font-weight:500;line-height:1.2;font-size:0.8rem;margin:1rem 2rem}.funding a{padding:0.5rem;background:white}.funding a img{height:2rem;width:auto}@media (max-width: 550px){.funding{padding-top:0;flex-direction:column}.funding span{margin:1rem}.funding a{padding:0.5rem}}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}html{width:100%;background-color:white}html body{position:relative;width:100%;margin:0;padding:0;border:0;color:black;background:white}html body>main{position:relative;min-height:100vh}::selection{background:black !important;color:white !important}section{position:relative;width:100%;margin:auto;padding:1rem 0}.rail,section.breadcrumb,section.brands,footer,header,section.cloud,section.collage,section.stripe,section.combi,section.text,section.textlink,section.video,section.bikecategories,section.bikerental,section.heroslider,section.heroteaser,section.form,section.googlemap,section.categoryswitch,section.calculator,section.categorytiles,section.servicetiles,section.teasertiles{position:relative;width:calc(100vw - 4rem);max-width:120rem;margin:auto}.glue,section.brands,footer,section.heroslider,section.heroteaser{width:100%}@media (max-width: 1400px){html body{font-size:1rem}}@media (max-width: 900px){html body main{min-height:auto}}@media (max-width: 550px){section{padding:.5rem 0}.rail,section.breadcrumb,section.brands,footer,header,section.cloud,section.collage,section.stripe,section.combi,section.text,section.textlink,section.video,section.bikecategories,section.bikerental,section.heroslider,section.heroteaser,section.form,section.googlemap,section.categoryswitch,section.calculator,section.categorytiles,section.servicetiles,section.teasertiles{width:calc(100vw - 2rem)}.glue,section.brands,footer,section.heroslider,section.heroteaser{width:100%}}section.brands{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;background:#242423;margin-top:2rem !important}section.brands div{width:max-content;display:flex;align-items:center}section.brands div a img{filter:invert(1);max-width:8.5rem;max-height:3rem;margin:1rem 2rem;opacity:0.8}.textlink+.brands,.text+.brands{margin-top:0 !important}@media (max-width: 550px){section.brands div a img{max-width:5.5rem;max-height:2rem;margin:0.75rem 1em}}footer{position:relative;padding:0 2rem;background:black;color:white;margin-top:2rem;display:flex}footer .half{display:flex;padding:4rem 0 3rem 0}footer .half.left{display:flex;flex-direction:column;justify-content:space-between;width:30%;border-right:1px solid white}footer .half.right{display:flex}footer .half ul{list-style-type:none;margin-right:6rem;margin-left:6rem}footer .half ul li{margin-left:0;margin-bottom:2rem}footer .half ul li:before{content:none;margin-right:0;margin-left:0}footer .half ul li a{text-transform:uppercase;font-size:1.1rem;line-height:1;letter-spacing:0.05rem}footer .half ul li a:hover{color:#E10C3F}footer .logo{display:flex;justify-content:flex-start;align-items:center;margin-top:15rem}footer .logo img{filter:invert(1);height:3rem;width:auto;margin-right:2rem}footer .logo span{letter-spacing:0.035rem;margin-top:0.5rem}@media (max-width: 900px){footer .half.left{width:50vw}footer .half.left ul{margin-left:2rem}footer .half.right{width:50vw;flex-direction:column}footer .half.right ul{margin-left:4rem}footer .half ul{margin-right:2rem}footer .half ul li{margin-bottom:1.2rem}footer .logo img{height:2rem;margin-right:1rem}}@media (max-width: 550px){footer{flex-direction:column-reverse;padding:0}footer .half{padding:2rem 1rem}footer .half.left{width:100%;border-right:none;border-top:1px solid white}footer .half.right{width:100%;flex-direction:column}footer .half ul{margin:0 !important}footer .half ul li{margin-bottom:1rem}footer .half ul li a{font-size:0.9rem}footer .logo{margin-top:5rem}footer .logo img{height:2rem;margin-right:1rem}}header{position:relative;padding:0.5rem 0;z-index:1}header>div{padding:1.2rem 0;display:flex;align-items:flex-start;justify-content:space-between}header>div .logo{margin-right:4rem}header>div .logo img{height:8.25rem}header>div .navi{-webkit-transition:max-height 0.35s cubic-bezier(1, 0, 0, 1);-moz-transition:max-height 0.35s cubic-bezier(1, 0, 0, 1);-o-transition:max-height 0.35s cubic-bezier(1, 0, 0, 1);transition:max-height 0.35s cubic-bezier(1, 0, 0, 1)}header>div .menu{cursor:pointer;display:none;margin-right:1rem}header>div .menu svg{stroke-width:1.5;margin-top:1rem}header>div .menu svg line:nth-of-type(3){display:none}header>div .menu:hover svg line:nth-of-type(1){transform:translateY(0.1rem)}header>div .menu:hover svg line:nth-of-type(2){transform:translateY(-0.1rem)}body.drawer .menu svg line:nth-of-type(1){transform:rotate(45deg) translate(0.4rem, -0.9rem)}body.drawer .menu svg line:nth-of-type(2){transform:rotate(-45deg) translate(-0.6rem, 0.8rem)}body.drawer .navi{max-height:100vh}@media (max-width: 1400px){header>div{padding:2rem 0;padding-bottom:2rem}header>div .logo{margin-right:2rem}header>div .logo img{height:6.25rem}}@media (max-width: 900px){header{width:100vw !important;padding:0}header>div{flex-direction:row;flex-wrap:wrap;padding:1rem 0 0 0}header>div .menu{display:block}header>div .menu svg{margin-top:2.5rem}header>div .navi{width:100%;overflow:hidden;max-height:0}header>div .logo{padding:0 2rem}}@media (max-width: 550px){header>div .logo{padding:0 1rem}header>div .logo img{content:url("/files/images/logo/kyfrad-small.svg");height:3rem}header>div .menu{display:block}header>div .menu svg{margin-top:1rem}}header .navi{padding-top:2.5rem}header .navi a{text-transform:uppercase}header .navi ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;list-style-type:none}header .navi ul li{margin-left:0}header .navi ul li:before{content:none;margin-right:0;margin-left:0}header .navi ul.meta{margin-bottom:1.5rem}header .navi ul.meta a{color:#878787;font-weight:500;font-size:0.9rem;letter-spacing:0.02rem;margin-right:1.3rem}header .navi ul.meta a:hover{color:black}header .navi ul.main a{font-weight:bold;font-size:1.2rem;letter-spacing:0.02rem;margin-right:1.6rem}header .navi ul.main a:hover{color:#E10C3F}header .navi ul.main a:hover+.sub{max-height:100vh;width:2000%;transition:max-height 0.5s cubic-bezier(1, 0, 0, 1),width 0s 0s cubic-bezier(1, 0, 0, 1)}header .navi ul.sub{position:relative;background:white;padding:1rem 0;flex-direction:column;transition:max-height 0.5s cubic-bezier(1, 0, 0, 1),width 0s 0.5s cubic-bezier(1, 0, 0, 1);display:table-caption;max-height:0vh;width:0;overflow:hidden}header .navi ul.sub:hover{max-height:100vh;width:2000%;transition:max-height 0.5s cubic-bezier(1, 0, 0, 1),width 0s 0s cubic-bezier(1, 0, 0, 1)}header .navi ul.sub li{margin-top:1rem}header .navi ul.sub a{display:inline;color:#878787;font-weight:500;font-size:1rem;letter-spacing:0.02rem;text-transform:initial}header .navi ul.sub a:hover{color:black}@media (max-width: 1400px){header .navi{padding-top:1.5rem}header .navi a{margin-right:1rem}header .navi ul.meta{margin-bottom:1rem}header .navi ul.meta a{font-size:1rem;letter-spacing:0.02rem}header .navi ul.main a{font-size:1.3rem;letter-spacing:0.02rem}header .navi ul.sub{padding:1rem 0}header .navi ul.sub li{margin-top:1rem}header .navi ul.sub a{font-size:1rem;letter-spacing:0.02rem}}@media (max-width: 900px){header .navi{width:100%}header .navi a{margin-right:2rem;text-transform:uppercase}header .navi ul{flex-direction:column;padding:0 2rem;padding-top:2rem;border-top:1px solid black}header .navi ul.meta li{margin-bottom:0.8rem}header .navi ul.meta li a{color:black}header .navi ul.main{margin-bottom:4rem}header .navi ul.main li{margin-bottom:0.8rem}header .navi ul.sub{display:none}}@media (max-width: 550px){header .navi ul{padding:0 1rem;padding-top:2rem}}.opening{display:flex;justify-content:center;align-items:center;text-align:center}.opening em{font-weight:bolder}.opening.top{background:#f5f7fc;color:#cbcbcb}.opening.top:hover{cursor:default;color:black}.opening.bottom{background:#242423;color:#878787}.opening.bottom:hover{color:#E6E8ED}section.separator{margin:0;padding:0}section.separator.negative{margin-top:-4rem}section.separator.thin{height:1px}section.separator.small{height:2rem}section.separator.large{height:6rem}@media (max-width: 550px){section.separator.negative{margin-top:-2rem}}section.cloud{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10rem !important}section.cloud img{width:31%}section.cloud img:nth-of-type(5n-1),section.cloud img:nth-of-type(5n-1)+img{width:45%;margin:auto}section.cloud img:hover{cursor:pointer;z-index:1000;box-shadow:0 0 1rem rgba(0,0,0,0.2)}@media (max-width: 550px){section.cloud img{width:45%}}section.collage{display:flex;flex-direction:column}section.collage div{position:relative}section.collage div.orientation-landscape{width:75%;margin:-4rem 0}section.collage div.orientation-portrait{width:50%;margin:-6rem 0}section.collage div:first-of-type{margin-top:0}section.collage div:last-of-type{margin-bottom:0}section.collage div:nth-of-type(2n-1){align-self:flex-start}section.collage div:nth-of-type(2n){align-self:flex-end}section.collage div img{position:relative;width:100%;height:auto}section.collage div span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.2);color:white;font-family:"Avenir Next Condensed";font-size:3.6rem;text-transform:uppercase}section.collage div:hover{z-index:1}section.collage div:hover span{display:none}@media (max-width: 900px){section.collage div.orientation-landscape{width:75%;margin:-2rem 0}section.collage div.orientation-portrait{width:50%;margin:-4rem 0}section.collage div span{font-size:2.6rem}}@media (max-width: 900px){section.collage div.orientation-landscape{width:75%;margin:-.6666666667rem 0}section.collage div.orientation-portrait{width:50%;margin:-2rem 0}section.collage div span{font-size:1.6rem}}section.stripe{display:flex;justify-content:space-between}section.stripe>div{position:relative;width:100%}section.stripe>div img{width:100%}section.combi{display:flex;justify-content:center;align-items:flex-start}section.combi .text{width:50%;font-size:inherit}section.combi .text p+p{margin-top:1.5rem}section.combi .image{width:50%}section.combi .image img{width:100%;height:auto}section.combi.order-after .rail,section.combi.order-after section.breadcrumb,section.combi.order-after section.brands,section.combi.order-after footer,section.combi.order-after header,section.combi.order-after section.cloud,section.combi.order-after section.collage,section.combi.order-after section.stripe,section.combi.order-after section.combi,section.combi.order-after section.text,section.combi.order-after section.textlink,section.combi.order-after section.video,section.combi.order-after section.bikecategories,section.combi.order-after section.bikerental,section.combi.order-after section.heroslider,section.combi.order-after section.heroteaser,section.combi.order-after section.form,section.combi.order-after section.googlemap,section.combi.order-after section.categoryswitch,section.combi.order-after section.calculator,section.combi.order-after section.categorytiles,section.combi.order-after section.servicetiles,section.combi.order-after section.teasertiles{flex-direction:row}section.combi.order-after .image{justify-content:flex-end;padding-left:4rem}section.combi.order-before .rail,section.combi.order-before section.breadcrumb,section.combi.order-before section.brands,section.combi.order-before footer,section.combi.order-before header,section.combi.order-before section.cloud,section.combi.order-before section.collage,section.combi.order-before section.stripe,section.combi.order-before section.combi,section.combi.order-before section.text,section.combi.order-before section.textlink,section.combi.order-before section.video,section.combi.order-before section.bikecategories,section.combi.order-before section.bikerental,section.combi.order-before section.heroslider,section.combi.order-before section.heroteaser,section.combi.order-before section.form,section.combi.order-before section.googlemap,section.combi.order-before section.categoryswitch,section.combi.order-before section.calculator,section.combi.order-before section.categorytiles,section.combi.order-before section.servicetiles,section.combi.order-before section.teasertiles{flex-direction:row-reverse}section.combi.order-before .image{justify-content:flex-start;padding-right:4rem}@media (max-width: 900px){section.combi{flex-wrap:wrap}section.combi .text{width:100%}section.combi .image{width:100%}section.combi.order-after .image{padding-left:0}section.combi.order-before .image{padding-right:0}}section.markenlogos .rail,section.markenlogos section.breadcrumb,section.markenlogos section.brands,section.markenlogos footer,section.markenlogos header,section.markenlogos section.cloud,section.markenlogos section.collage,section.markenlogos section.stripe,section.markenlogos section.combi,section.markenlogos section.text,section.markenlogos section.textlink,section.markenlogos section.video,section.markenlogos section.bikecategories,section.markenlogos section.bikerental,section.markenlogos section.heroslider,section.markenlogos section.heroteaser,section.markenlogos section.form,section.markenlogos section.googlemap,section.markenlogos section.categoryswitch,section.markenlogos section.calculator,section.markenlogos section.categorytiles,section.markenlogos section.servicetiles,section.markenlogos section.teasertiles{display:flex;justify-content:space-between;align-items:flex-end}section.markenlogos .rail .box,section.markenlogos section.breadcrumb .box,section.markenlogos section.brands .box,section.markenlogos footer .box,section.markenlogos header .box,section.markenlogos section.cloud .box,section.markenlogos section.collage .box,section.markenlogos section.stripe .box,section.markenlogos section.combi .box,section.markenlogos section.text .box,section.markenlogos section.textlink .box,section.markenlogos section.video .box,section.markenlogos section.bikecategories .box,section.markenlogos section.bikerental .box,section.markenlogos section.heroslider .box,section.markenlogos section.heroteaser .box,section.markenlogos section.form .box,section.markenlogos section.googlemap .box,section.markenlogos section.categoryswitch .box,section.markenlogos section.calculator .box,section.markenlogos section.categorytiles .box,section.markenlogos section.servicetiles .box,section.markenlogos section.teasertiles .box{display:flex;justify-content:flex-end;align-items:flex-end;margin:2rem;margin-bottom:0;width:100%}section.markenlogos .rail .box img,section.markenlogos section.breadcrumb .box img,section.markenlogos section.brands .box img,section.markenlogos footer .box img,section.markenlogos header .box img,section.markenlogos section.cloud .box img,section.markenlogos section.collage .box img,section.markenlogos section.stripe .box img,section.markenlogos section.combi .box img,section.markenlogos section.text .box img,section.markenlogos section.textlink .box img,section.markenlogos section.video .box img,section.markenlogos section.bikecategories .box img,section.markenlogos section.bikerental .box img,section.markenlogos section.heroslider .box img,section.markenlogos section.heroteaser .box img,section.markenlogos section.form .box img,section.markenlogos section.googlemap .box img,section.markenlogos section.categoryswitch .box img,section.markenlogos section.calculator .box img,section.markenlogos section.categorytiles .box img,section.markenlogos section.servicetiles .box img,section.markenlogos section.teasertiles .box img{width:100%}@media (max-width: 900px){section.markenlogos .rail .box,section.markenlogos section.breadcrumb .box,section.markenlogos section.brands .box,section.markenlogos footer .box,section.markenlogos header .box,section.markenlogos section.cloud .box,section.markenlogos section.collage .box,section.markenlogos section.stripe .box,section.markenlogos section.combi .box,section.markenlogos section.text .box,section.markenlogos section.textlink .box,section.markenlogos section.video .box,section.markenlogos section.bikecategories .box,section.markenlogos section.bikerental .box,section.markenlogos section.heroslider .box,section.markenlogos section.heroteaser .box,section.markenlogos section.form .box,section.markenlogos section.googlemap .box,section.markenlogos section.categoryswitch .box,section.markenlogos section.calculator .box,section.markenlogos section.categorytiles .box,section.markenlogos section.servicetiles .box,section.markenlogos section.teasertiles .box{margin:1rem}}@media (max-width: 550px){section.markenlogos .rail,section.markenlogos section.breadcrumb,section.markenlogos section.brands,section.markenlogos footer,section.markenlogos header,section.markenlogos section.cloud,section.markenlogos section.collage,section.markenlogos section.stripe,section.markenlogos section.combi,section.markenlogos section.text,section.markenlogos section.textlink,section.markenlogos section.video,section.markenlogos section.bikecategories,section.markenlogos section.bikerental,section.markenlogos section.heroslider,section.markenlogos section.heroteaser,section.markenlogos section.form,section.markenlogos section.googlemap,section.markenlogos section.categoryswitch,section.markenlogos section.calculator,section.markenlogos section.categorytiles,section.markenlogos section.servicetiles,section.markenlogos section.teasertiles{flex-wrap:wrap;position:relative;justify-content:space-evenly}section.markenlogos .rail .box,section.markenlogos section.breadcrumb .box,section.markenlogos section.brands .box,section.markenlogos footer .box,section.markenlogos header .box,section.markenlogos section.cloud .box,section.markenlogos section.collage .box,section.markenlogos section.stripe .box,section.markenlogos section.combi .box,section.markenlogos section.text .box,section.markenlogos section.textlink .box,section.markenlogos section.video .box,section.markenlogos section.bikecategories .box,section.markenlogos section.bikerental .box,section.markenlogos section.heroslider .box,section.markenlogos section.heroteaser .box,section.markenlogos section.form .box,section.markenlogos section.googlemap .box,section.markenlogos section.categoryswitch .box,section.markenlogos section.calculator .box,section.markenlogos section.categorytiles .box,section.markenlogos section.servicetiles .box,section.markenlogos section.teasertiles .box{position:relative;width:40%}}section.text,section.combi{padding:1.5rem 0 2rem 0}section.text.center,section.center.combi{text-align:center}section.text.default>*,section.default.combi>*{max-width:80rem}section.text>*,section.combi>*{margin:1rem 0 2.5rem 0}section.text p,section.combi p{font-size:1.3rem;line-height:1.5}section.text h1,section.combi h1,section.text .like-h1,section.combi .like-h1,section.text h2,section.combi h2,section.text .like-h2,section.combi .like-h2,section.text h3,section.combi h3,section.text .like-h3,section.combi .like-h3{font-family:"Avenir Next Condensed";text-transform:uppercase;font-size:2.6rem}section.text p+h1,section.combi p+h1,section.text p+.like-h1,section.combi p+.like-h1,section.text p+h2,section.combi p+h2,section.text p+.like-h2,section.combi p+.like-h2,section.text p+h3,section.combi p+h3,section.text p+.like-h3,section.combi p+.like-h3{margin-top:1.5rem}section.text *+h3,section.combi *+h3,section.text *+.like-h3,section.combi *+.like-h3{font-family:"Avenir Next";font-weight:bolder;font-size:1.3rem;line-height:1.5}section.text ul li,section.combi ul li{font-size:1.3rem;line-height:1.5}section.text.default+section.text.default,section.default.combi+section.text.default,section.text.default+section.default.combi,section.default.combi+section.default.combi{padding-top:0}@media (max-width: 550px){section.text,section.combi{padding:0.5rem 0}section.text p,section.combi p{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;font-size:1.2rem}section.text h1,section.combi h1,section.text .like-h1,section.combi .like-h1,section.text h2,section.combi h2,section.text .like-h2,section.combi .like-h2,section.text h3,section.combi h3,section.text .like-h3,section.combi .like-h3{font-size:2.5rem}section.text *+h3,section.combi *+h3,section.text *+.like-h3,section.combi *+.like-h3{font-size:1.2rem}section.text ul li,section.combi ul li{font-size:1.2rem}}section.textlink{display:flex;flex-direction:column;align-items:center;padding:4rem 0}section.textlink *{font-size:1.8rem;line-height:1.4;text-align:center}section.textlink a{display:block;text-decoration:underline;font-weight:bolder}@media (max-width: 550px){section.textlink{padding:4rem 0}section.textlink *{font-size:1.6rem;line-height:1.2}}section.video video{width:100%}section.bikecategories{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2rem !important}section.bikecategories .notice{position:sticky;top:0;z-index:1;width:100%;margin:auto;padding:1rem 1.5rem;font-weight:bolder;font-size:0.65rem;background-color:#E6E8ED;color:#575757}section.bikecategories .tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:calc(100% / 2 - 1.5rem);margin-bottom:7rem}section.bikecategories .tile:nth-last-child(1),section.bikecategories .tile:nth-last-child(2){margin-bottom:2rem}section.bikecategories .tile:nth-child(2),section.bikecategories .tile:nth-child(3){margin-top:3rem}section.bikecategories .tile .level{width:100%;border-bottom:1px solid black;font-size:1.8rem;font-weight:500;margin-bottom:3rem;padding-bottom:0.5rem}section.bikecategories .tile .slick{position:relative;width:100%}section.bikecategories .tile .slick .slide{position:relative;width:100%;display:flex;justify-content:center;align-items:center}section.bikecategories .tile .slick .slide img{position:relative;width:80%}section.bikecategories .tile .name{font-weight:bolder;margin-bottom:1.5rem;font-size:1.4rem}section.bikecategories .tile .details>span{display:block;font-size:1.4rem;line-height:1.4}section.bikecategories .tile .details>span>span{font-weight:bolder;font-size:inherit}section.bikecategories .tile .state{margin-top:2rem;font-weight:500}section.bikecategories .tile .state>span{margin-right:0.35rem}section.bikecategories .tile .state.verfügbar{color:forestgreen}section.bikecategories .tile .state.inzulauf{color:orange}section.bikecategories .tile a{display:inline;font-weight:bolder;border:2px solid black;margin-top:1rem;padding:0.6rem 2.5rem;font-size:1.2rem}section.bikecategories .tile a:hover{background:black;color:white}section.bikecategories ul.slick-dots{position:relative;list-style-type:none;display:flex;justify-content:center;align-items:center;margin:2rem auto}section.bikecategories ul.slick-dots li{margin:0 0.5rem}section.bikecategories ul.slick-dots li:before{content:none;margin-right:0;margin-left:0}section.bikecategories ul.slick-dots li button{font-size:0;cursor:pointer;background:black;opacity:0.35;width:1rem;height:1rem;border-radius:100%;border:none}section.bikecategories ul.slick-dots li.slick-active button,section.bikecategories ul.slick-dots li:hover button{opacity:1}@media (max-width: 550px){section.bikecategories .notice{width:100vw;margin-left:-1rem;padding:1rem;margin-right:-1rem}section.bikecategories .tile{width:100%;margin-bottom:5rem}section.bikecategories .tile:nth-last-child(1),section.bikecategories .tile:nth-last-child(2){margin-bottom:5rem}section.bikecategories .tile .name{margin-bottom:1.5rem;font-size:1.2rem}section.bikecategories .tile .details>span{font-size:1.2rem}}section.bikerental{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2rem !important}section.bikerental .tile{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% / 4 - 1.5rem);margin-bottom:8rem}section.bikerental .tile:nth-last-child(1),section.bikerental .tile:nth-last-child(2),section.bikerental .tile:nth-last-child(3),section.bikerental .tile:nth-last-child(4){margin-bottom:2rem}section.bikerental .tile .category{width:100%;border-bottom:1px solid black;font-size:1.8rem;font-weight:500;margin-bottom:3rem;padding-bottom:0.5rem}section.bikerental .tile .image{margin-top:auto;margin-bottom:3rem}section.bikerental .tile .image img{width:90%;height:auto}section.bikerental .tile a{display:inline;font-weight:bolder;border:2px solid black;padding:0.6rem 2.5rem;font-size:1.2rem}section.bikerental .tile a:hover{background:black;color:white}@media (max-width: 900px){section.bikerental .tile{width:calc(100% / 2 - 1rem);margin-bottom:4rem}section.bikerental .tile:nth-last-child(1),section.bikerental .tile:nth-last-child(2),section.bikerental .tile:nth-last-child(3),section.bikerental .tile:nth-last-child(4){margin-bottom:4rem}}@media (max-width: 550px){section.bikerental{white-space:nowrap;overflow-x:scroll;display:flex;flex-wrap:nowrap;width:100% !important;padding:0 !important;margin:1rem 0 !important;padding-bottom:2rem !important}section.bikerental .tile{width:auto;margin-bottom:0}section.bikerental .tile:nth-last-child(1),section.bikerental .tile:nth-last-child(2),section.bikerental .tile:nth-last-child(3),section.bikerental .tile:nth-last-child(4){margin-bottom:0}section.bikerental .tile:first-child{margin-left:1rem}section.bikerental .tile:last-child .category{margin-right:1rem}section.bikerental .tile .category{width:60vw;margin-right:1rem}section.bikerental .tile .image{width:80%}}section.heroslider .slick .slide{position:relative;background-size:cover;background-position:bottom;min-height:40rem;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:white}section.heroslider .slick .slide>*{z-index:1}section.heroslider .slick .slide .gradient{height:50%}section.heroslider .slick .slide .subline{font-size:1.8rem;margin-bottom:2rem}section.heroslider .slick .slide .like-h2{margin-bottom:0;max-width:60rem}section.heroslider .slick .slide .like-h2>*{font-family:'Avenir Next Condensed';text-transform:uppercase;font-size:3rem;line-height:1}section.heroslider .slick .slide a{display:flex;font-size:1.2rem;letter-spacing:0.1rem;align-items:center;text-transform:uppercase;margin-top:4rem;margin-bottom:4rem}section.heroslider .slick .slide a svg{stroke:#E10C3F;stroke-width:0.15rem;margin-right:0.5rem}section.heroslider .slick .slide a:hover{color:#E10C3F}section.heroslider ul.slick-dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);list-style-type:none;display:flex}section.heroslider ul.slick-dots li{margin:0 0.5rem}section.heroslider ul.slick-dots li:before{content:none;margin-right:0;margin-left:0}section.heroslider ul.slick-dots li button{font-size:0;cursor:pointer;background:white;opacity:0.65;width:1rem;height:1rem;border-radius:100%;border:none}section.heroslider ul.slick-dots li.slick-active button,section.heroslider ul.slick-dots li:hover button{opacity:1}@media (max-width: 900px){section.heroslider{padding-top:0}}@media (max-width: 550px){section.heroslider .slick .slide{min-height:20rem;padding:1rem}section.heroslider .slick .slide .gradient{height:65%}section.heroslider .slick .slide .subline{font-size:1.5rem;margin-top:4rem}section.heroslider .slick .slide .like-h2>*{font-size:2.5rem}section.heroslider .slick .slide a{margin-top:2rem}}section.heroteaser .box{position:relative;background-size:cover;background-position:center;min-height:40rem;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:white}section.heroteaser .box>*{z-index:1}section.heroteaser .box .like-h2{margin-bottom:0;max-width:60rem}section.heroteaser .box .like-h2>*{font-family:'Avenir Next Condensed';text-transform:uppercase;font-size:3rem}section.heroteaser .box a{display:flex;font-size:1.2rem;letter-spacing:0.1rem;align-items:center;text-transform:uppercase;margin-bottom:1rem}section.heroteaser .box a svg{stroke:#E10C3F;stroke-width:0.15rem;margin-right:0.5rem}section.heroteaser .box a:hover{color:#E10C3F}@media (max-width: 550px){section.heroteaser .box{min-height:20rem;padding:1rem}section.heroteaser .box .like-h2>*{font-size:2.5rem}}section.form form{display:flex;flex-direction:column}section.form form *{font-size:1.4rem}section.form form>span{display:flex;align-items:flex-start;margin-bottom:0.25rem}section.form form>span>label{width:30rem;padding:1rem 0;margin-right:1rem;font-weight:300;font-size:1.3rem;color:#575757;letter-spacing:-0.02rem}section.form form>span>label+*{width:100%;background:rgba(230,232,237,0.4);color:black}section.form form>span:active *,section.form form>span:focus *,section.form form>span:hover *{color:black}section.form form>span:active>label,section.form form>span:focus>label,section.form form>span:hover>label{font-weight:500}section.form form input,section.form form textarea,section.form form select,section.form form button{-webkit-appearance:none;-moz-appearance:none;border-radius:0;border:none;box-shadow:none;resize:none;outline:none;font-family:inherit;font-weight:inherit;font-size:1.3rem;line-height:1.2;cursor:pointer;background:transparent;min-height:3rem;margin:.25rem;padding:.75rem;margin-right:0;padding-right:.5rem}section.form form input:not(button):active,section.form form input:not(button):focus,section.form form input:not(button):hover,section.form form textarea:not(button):active,section.form form textarea:not(button):focus,section.form form textarea:not(button):hover,section.form form select:not(button):active,section.form form select:not(button):focus,section.form form select:not(button):hover,section.form form button:not(button):active,section.form form button:not(button):focus,section.form form button:not(button):hover{background:rgba(230,232,237,0.6)}section.form form textarea{min-height:10rem}section.form form span.select{position:relative}section.form form span.select select{color:black}section.form form span.select:after{position:absolute;right:0.7rem;top:1.1rem;height:3rem;width:auto;pointer-events:none}section.form form span>div{display:flex;justify-content:space-between;align-items:center;background:transparent;padding:1rem 0}section.form form span>div *:hover{cursor:pointer}section.form form span>div label{width:100%;color:black;line-height:1.2;font-size:1.3rem}section.form form span>div input{position:relative;height:3rem;width:3rem;font-weight:100;background:rgba(230,232,237,0.4);margin:0;margin-right:1rem}section.form form span>div input:checked+label{color:black}section.form form span>div input:checked:after{position:absolute;left:0.75rem;top:0.75rem}section.form form button{align-self:flex-end;width:auto;background:black;color:white;font-size:1.4rem;font-weight:bold;padding:1rem 4rem;margin-top:3rem}section.form form button:disabled{cursor:not-allowed}@media (max-width: 900px){section.form form>span>label{width:20rem}section.form form span>div label{font-size:1rem}}@media (max-width: 550px){section.form form *{font-size:1.2rem}section.form form>span{margin-bottom:1rem;display:flex;flex-direction:column}section.form form>span>label{width:100%;font-size:1.2rem;font-weight:400;padding:0.5rem 0}section.form form>span>label+*{width:100%;min-height:2.9rem}section.form form input,section.form form textarea,section.form form select,section.form form button{font-size:1.2rem;margin:0}section.form form textarea{min-height:10rem}section.form form span.select:after{top:3rem !important}section.form form span>div label{font-size:0.9rem}section.form form span>div input{height:3rem;width:3rem}section.form form span>div input:checked:after{left:0.75rem;top:0.75rem}section.form form button{font-size:1.2rem;align-self:center}}section.googlemap{padding:0;background:#E6E8ED}section.googlemap .googlemap{width:100%;min-height:40rem;background:transparent}section.googlemap .googlemap .notice{display:block;padding:2rem;color:black;font-size:1rem;line-height:1.4;max-width:60rem}section.googlemap .gm-style-iw{color:black;border-radius:0}section.googlemap .gm-style-iw a{color:black;cursor:pointer}section.googlemap .infobox{line-height:1.4;padding:.5rem;font-size:1rem}section.googlemap .infobox *{line-height:1.4}section.categoryswitch .box{width:100%;border-bottom:1px solid black;padding-bottom:0.5rem;margin-bottom:4rem;display:flex;justify-content:space-between}section.categoryswitch .box a{display:flex;align-items:center;text-transform:uppercase;font-weight:600;font-size:1.5rem}section.categoryswitch .box a svg{color:#E10C3F;height:1.6rem;width:auto;margin-bottom:0.1rem;stroke-width:0.12rem}section.categoryswitch .box a.prev svg{margin-right:0.5rem}section.categoryswitch .box a.next svg{margin-left:0.5rem}section.categoryswitch .box a:hover{color:#575757}section.categoryswitch>span{display:block;font-size:2.4rem;font-family:"Avenir Next";text-transform:uppercase;font-weight:200}section.categoryswitch .headline{font-family:"Avenir Next Condensed";text-transform:uppercase;font-size:3.2rem;line-height:1.2;margin-bottom:0}@media (max-width: 550px){section.categoryswitch{margin:0 !important;width:100% !important}section.categoryswitch .box{margin-bottom:2rem;padding:0 .6666666667rem;padding-bottom:0.5rem}section.categoryswitch .box a{font-size:0.9rem;font-weight:bold}section.categoryswitch .box a svg{height:1rem;stroke-width:0.1rem}section.categoryswitch>span{font-size:1.4rem;margin:0 1rem}section.categoryswitch .headline{font-size:2.6rem;margin:0 1rem;margin-bottom:0}}section.calculator .notice{display:block;padding:2rem;background:#E6E8ED;color:black;font-size:1rem;line-height:1.4}section.categorytiles{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:2rem;padding-right:2rem;counter-reset:group}section.categorytiles .tile{display:flex;flex-direction:column;width:calc(100% / 4);background:#E6E8ED;border-left:3px solid white;border-bottom:3px solid white;counter-increment:group}section.categorytiles .tile:nth-child(4n-3){border-left:0}section.categorytiles .tile .name{margin-bottom:auto;padding:2rem}section.categorytiles .tile .name *{font-family:"Avenir Next";font-weight:bolder;font-size:1.6rem;text-transform:uppercase}section.categorytiles .tile .name:before{content:"0" counter(group);display:block;font-family:"Avenir Next";font-size:2.5rem;margin-bottom:1.3rem;color:white;font-weight:100}section.categorytiles .tile .image{position:relative;overflow:hidden;margin:2rem 0}section.categorytiles .tile .icon{align-self:center;margin:4rem 0;border:3px solid #575757;border-radius:100%;padding:0.35rem}section.categorytiles .tile .icon svg{width:4.25rem;height:auto;stroke:#575757;stroke-width:0.065rem;stroke-linecap:square}section.categorytiles .tile:hover{background:white;cursor:pointer}section.categorytiles .tile:hover .name:before{color:black}section.categorytiles .tile:hover a{border-color:#E10C3F}section.categorytiles .tile:hover a svg{stroke:#E10C3F}@media (max-width: 900px){section.categorytiles .tile{width:calc(100% / 2);border-left:3px solid white}section.categorytiles .tile:nth-child(2n-1){border-left:0}section.categorytiles .tile .name{padding:2rem 1rem}section.categorytiles .tile .name:before{margin-bottom:0}section.categorytiles .tile .image{margin:1rem 0}section.categorytiles .tile .icon{margin:2rem 0;margin-top:0}}@media (max-width: 550px){section.categorytiles{padding:0;margin:0;width:100vw !important}section.categorytiles .tile{flex-direction:row;flex-wrap:wrap;width:100%;border:0;border-bottom:3px solid white}section.categorytiles .tile .name{padding:1.5rem 1rem;width:100%;font-size:1.6rem}section.categorytiles .tile .name:before{display:inline-block;color:black;font-size:inherit;margin-right:0.5rem;margin-bottom:0;font-weight:400}section.categorytiles .tile .image{margin:0 1rem;margin-bottom:1.5rem;width:calc(100% - 12rem)}section.categorytiles .tile .image>img{width:100% !important;margin-left:0 !important}section.categorytiles .tile .icon{margin:0;margin-left:auto;margin-right:1rem;border-width:2px}section.categorytiles .tile .icon svg{width:2.5rem}}section.servicetiles{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:2rem;padding-right:2rem;counter-reset:group}section.servicetiles .tile{display:flex;flex-direction:column;width:calc(100% / 3);border-left:3px solid white;border-bottom:3px solid white}section.servicetiles .tile:not(:empty){background:#E6E8ED;padding:2rem}section.servicetiles .tile:nth-child(4n-3){border-left:0}section.servicetiles .tile .name{font-family:"Avenir Next";font-weight:bolder;font-size:1.6rem;text-transform:uppercase;margin-bottom:2rem}section.servicetiles .tile .addition{margin-bottom:1rem}section.servicetiles .tile p+p{margin-top:1rem}section.servicetiles .tile strong,section.servicetiles .tile em{margin-bottom:.5rem;display:block;line-height:1.2;font-weight:bold}section.servicetiles .tile ul{margin-bottom:1rem}section.servicetiles .tile ul li{line-height:1.2;font-size:0.8rem;margin-left:1rem;margin-bottom:0.2rem}section.servicetiles .tile ul li:before{margin-right:0.6rem;margin-left:-1rem}section.servicetiles .tile .price{font-family:"Avenir Next";font-weight:bolder;font-size:1.6rem;margin-top:auto;padding-top:1rem}section.servicetiles .tile a{margin-top:1rem;display:inline;font-weight:bolder;border:2px solid black;padding:0.6rem 2.5rem;font-size:1.2rem;align-self:flex-start}section.servicetiles .tile a:hover{background:black;color:white;cursor:pointer}@media (max-width: 1050px){section.servicetiles .tile{width:calc(100% / 2)}section.servicetiles .tile:nth-child(4n-1){border-left:0}}@media (max-width: 900px){section.servicetiles{padding:0}section.servicetiles .tile{width:100%;border-left:0}}section.teasertiles{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-2rem}section.teasertiles .tile{position:relative;width:calc(100% / 2 - 1rem);min-height:35rem;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background-position:center;background-size:cover;color:white;margin-bottom:2rem}section.teasertiles .tile>*{z-index:1}section.teasertiles .tile .subline{font-size:1.4rem;font-weight:400;margin-bottom:1rem}section.teasertiles .tile .headline{margin-bottom:0}section.teasertiles .tile .headline>*{font-family:'Avenir Next Condensed';text-transform:uppercase;font-size:2.6rem}section.teasertiles .tile a{display:flex;font-size:1.2rem;letter-spacing:0.1rem;align-items:center;text-transform:uppercase;margin-bottom:1rem}section.teasertiles .tile a svg{stroke:#E10C3F;stroke-width:0.15rem;margin-right:0.5rem}section.teasertiles .tile a:hover{color:#E10C3F}section.teasertiles .tile.position-top{background-position:top}section.teasertiles .tile.position-bottom{background-position:bottom}section.teasertiles .tile.position-left{background-position:left}section.teasertiles .tile.position-right{background-position:right}section.teasertiles .tile.position-center{background-position:center}@media (max-width: 900px){section.teasertiles .tile{width:calc(100% / 2 - 0.5rem);padding:1rem}}@media (max-width: 550px){section.teasertiles{padding:0;margin:0;width:100vw !important}section.teasertiles .tile{width:100%;background-position:bottom center;padding:1rem;min-height:25rem;margin-top:.6666666667rem;margin-bottom:0}section.teasertiles .tile .headline>*{font-size:2.5rem}}
/*# sourceMappingURL=kyfrad.min.css.map */