.verticalAlignHelper{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;margin:0}.imageCopyright{font:400 12px/1em 'Open Sans',Arial,sans-serif;font-weight:400;font-style:400;font-size:12px;line-height:1em;bottom:5px;right:5px;color:#fff;position:absolute;text-shadow:1px 1px 1px rgba(85,85,85,.25);z-index:1}.imageCopyright>span{display:block;font-size:10px;left:0;padding-left:5px;position:absolute;top:0;-webkit-transform:rotateZ(-90deg);-ms-transform:rotate(-90deg);transform:rotateZ(-90deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}#offCanvasMapLegend{background:#fff;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;max-width:100%;position:fixed;top:0;-webkit-transition:left .4s ease;transition:left .4s ease;width:366px;z-index:1000}html.-state-offCanvasBikeMapLegend__planner-visible #offCanvasMapLegend,html.-state-offCanvasMapLegend-visible #offCanvasMapLegend{left:0}html:not(.-state-offCanvasMapLegend-visible):not(.-state-offCanvasBikeMapLegend__planner-visible) #offCanvasMapLegend{left:-366px}#offCanvasMapLegend input[name="offCanvasMapLegend__tabs"]+.offCanvasMapLegend__tab{display:none}#offCanvasMapLegend .offCanvasMapLegend__tab--visible,#offCanvasMapLegend input[name="offCanvasMapLegend__tabs"]:checked+.offCanvasMapLegend__tab{display:block}html.project-bikemap #offCanvasMapLegend{margin-top:55px;width:435px}@media (min-width:551px){html.project-bikemap #offCanvasMapLegend{margin-top:66px}}@media (min-width:1201px){html.project-bikemap #offCanvasMapLegend{margin-top:71px}}html.project-bikemap.-state-offCanvasMapLegend-visible #offCanvasMapLegend::after{content:' ';width:20px;height:20px;background:#f7f7f7;position:absolute;top:-10px;left:230px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:400px){html.project-bikemap.-state-offCanvasMapLegend-visible #offCanvasMapLegend::after{left:185px}}html.project-bikemap.-state-offCanvasBikeMapLegend__planner-visible #offCanvasMapLegend::after{content:' ';width:20px;height:20px;background:#f7f7f7;position:absolute;top:-10px;left:95px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:400px){html.project-bikemap.-state-offCanvasBikeMapLegend__planner-visible #offCanvasMapLegend::after{left:45px}}html.project-bikemap:not(.-state-offCanvasMapLegend-visible):not(.-state-offCanvasBikeMapLegend__planner-visible) #offCanvasMapLegend{left:-442px}@media (min-width:436px){#offCanvasBikeMapLegend__closerHint,html.project-bikemap #offCanvasBikeMapLegend__closer .icon--mobile,html.project-bikemap.-state-offCanvasBikeMapLegend__planner-visible #offCanvasBikeMapLegend__closer .icon-arrowRight,html.project-bikemap.-state-offCanvasMapLegend-visible #offCanvasBikeMapLegend__closer .icon-arrowRight,html.project-bikemap:not(.-state-offCanvasMapLegend-visible):not(.-state-offCanvasBikeMapLegend__planner-visible) #offCanvasBikeMapLegend__closer .icon-arrowLeft{display:none}}@media (max-width:435px){html.project-bikemap #offCanvasBikeMapLegend__closer .icon-tourDistance{font-size:30px}html.project-bikemap #offCanvasBikeMapLegend__closer .icon--desktop,html.project-bikemap.-state-offCanvasBikeMapLegend__planner-visible #offCanvasBikeMapLegend__closer .icon-tourDistance,html.project-bikemap.-state-offCanvasMapLegend-visible #offCanvasBikeMapLegend__closer .icon-tourDistance,html.project-bikemap:not(.-state-offCanvasMapLegend-visible):not(.-state-offCanvasBikeMapLegend__planner-visible) #offCanvasBikeMapLegend__closer .icon-map{display:none}html.-state-routePlanner-routePlanned:not(.-state-closerHintClicked) #offCanvasBikeMapLegend__closerHint{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#offCanvasBikeMapLegend__closerHint{position:absolute;top:75px;right:0;font:400 16px/16px 'Open Sans',Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:16px;color:#fff;background:#797979;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 333ms ease-in-out;transition:-webkit-transform 333ms ease-in-out;transition:transform 333ms ease-in-out;transition:transform 333ms ease-in-out , -webkit-transform 333ms ease-in-out}#offCanvasBikeMapLegend__closerHint .offCanvasBikeMapLegend__closerHint__direction{border:0;background:0 0;display:block;font-size:15px;color:#fff;padding:5px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}#offCanvasBikeMapLegend__closerHint .offCanvasBikeMapLegend__closerHint__content{margin:10px 25px 10px 10px}}#offCanvasMapLegend__closer{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#797979;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:55px;position:absolute;right:0;text-align:center;top:0;width:55px;z-index:1}@media (min-width:551px){#offCanvasMapLegend__closer{height:66px;width:66px}}@media (min-width:1201px){#offCanvasMapLegend__closer{height:71px;width:71px}}#offCanvasMapLegend__closer>[class*="icon-"]{display:inline-block;font-size:20px;margin:auto}.verticalAlignHelper{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;margin:0}.imageCopyright{font:400 12px/1em 'Open Sans',Arial,sans-serif;font-weight:400;font-style:400;font-size:12px;line-height:1em;bottom:5px;right:5px;color:#fff;position:absolute;text-shadow:1px 1px 1px rgba(85,85,85,.25);z-index:1}.imageCopyright>span{display:block;font-size:10px;left:0;padding-left:5px;position:absolute;top:0;-webkit-transform:rotateZ(-90deg);-ms-transform:rotate(-90deg);transform:rotateZ(-90deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}.offCanvasMapLegend__soil{bottom:75px;left:0;padding:0 35px;position:absolute;right:0}.offCanvasMapLegend__soil:not(.offCanvasBikeMapLegend){top:90px}.offCanvasMapLegend__soil.offCanvasBikeMapLegend{top:10px}.offCanvasMapLegend__soil ul{list-style:none;margin:0;padding:0}.offCanvasMapLegend__soil ul ul{display:none}.offCanvasMapLegend__soil ul .-state-active>ul{display:block}.offCanvasMapLegend__soil input{display:none}.offCanvasMapLegend__soil label,.offCanvasMapLegend__soil span{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;position:relative;width:100%}.offCanvasMapLegend__soil label::after,.offCanvasMapLegend__soil span::after{display:block;font:400 16px/48px icomoon;position:absolute;right:0;text-align:center;top:0;width:35px}.offCanvasMapLegend__soil i::before{font-weight:400;font-size:16px;font-style:normal;line-height:22px;padding-right:3%}.offCanvasMapLegend__soil .icon-tourMountainBike::before,.offCanvasMapLegend__soil .icon-tourRaceBike::before,.offCanvasMapLegend__soil .icon-tourTourBike::before{font-size:19px}.offCanvasMapLegend__soil span::after{content:'\e911'}.offCanvasMapLegend__soil .-state-active>span::after{content:'\e90f'}.offCanvasMapLegend__soil input:checked+label{color:#c7354c}.offCanvasMapLegend__soil input:checked+label::after{content:'\e918'}.offCanvasMapLegend__tree:not(:first-child)>label,.offCanvasMapLegend__tree:not(:first-child)>span,.offCanvasMapLegend__tree>ul{border-top:1px #bfbfbf solid}.offCanvasMapLegend__tree>label,.offCanvasMapLegend__tree>span{font:700 16px/32px 'Open Sans',Arial,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:32px;color:#000;padding:5px 35px 5px 0;text-transform:uppercase}.offCanvasMapLegend__branch:not(:first-child)>label,.offCanvasMapLegend__branch:not(:first-child)>span,.offCanvasMapLegend__branch>ul{border-top:1px #bfbfbf solid}.offCanvasMapLegend__branch>label,.offCanvasMapLegend__branch>span{font:700 16px/22px 'Open Sans',Arial,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:22px;color:#555;padding:10px 35px 10px 0;text-transform:uppercase}.offCanvasMapLegend__leaf>label,.offCanvasMapLegend__leaf>span{font:400 16px/22px 'Open Sans',Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:22px;color:#878787;padding:13px 35px 13px 0}.offCanvasMapLegend__filter{display:none!important}.-state-active>.offCanvasMapLegend__filter.-state-active{display:block!important}.-state-active>.offCanvasMapLegend__filter.-state-active #offCanvasMapLegend--filter__freetime,.-state-active>.offCanvasMapLegend__filter.-state-active #offCanvasMapLegend--filter__stay{font:700 16px/28px 'Open Sans',Arial,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:28px;color:#c7354c}