html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h1{font-size:2em;text-align:center;margin-top:20px;font-weight:bolder}@media(max-width: 1024px){h1{font-size:1.7em}}@media(max-width: 768px){h1{font-size:1.4em}}@media(max-width: 480px){h1{font-size:1.2em}}h2{font-size:1.5em;text-align:center;padding:30px;font-weight:bolder}@media(max-width: 1024px){h2{font-size:1.3em}}@media(max-width: 768px){h2{font-size:1em}}@media(max-width: 480px){h2{font-size:.9em}}h3,p,li a,a.button,td,.list li{font-size:1em;line-height:150%}@media(max-width: 1024px){h3,p,li a,a.button,td,.list li{font-size:.8em}}@media(max-width: 768px){h3,p,li a,a.button,td,.list li{font-size:.75em}}td{padding:10px}*,a{font-family:"Roboto",sans-serif;font-weight:300;box-sizing:border-box}a{color:#000}.wrapper{max-width:800px;margin:0 auto;padding:30px}.text_white{color:#f2f2f2}.align_left{align-self:flex-start;display:flex}.holz{background-image:url("../img/holz3.jpg");background-size:cover;width:100%;height:400px;margin-bottom:200px}@media(max-width: 1024px){.holz{height:300px;margin-bottom:100px}}@media(max-width: 768px){.holz{height:200px;margin-bottom:100px}}.titel_box{display:flex;position:absolute;max-width:80%;height:470px;top:160px;left:0;right:0;margin:auto;background:#fff;box-shadow:2px 2px 60px rgba(100,100,100,.25)}@media(max-width: 768px){.titel_box{flex-direction:column}}.titel_box .titel_box_img{flex-basis:40%;background-size:cover}.titel_box h1{margin:0px}.titel_box_text{flex-basis:60%;padding:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.titel_box_text h1,.titel_box_text h2{padding:0px 0px 40px 0px}@media(max-width: 768px){.titel_box_text h1,.titel_box_text h2{padding:0px 0px 20px 0px}}@media(max-width: 1024px){.kontakt .titel_box_text,.verkauf .titel_box_text{padding:40px}}@media(max-width: 768px){.kontakt .titel_box_text,.verkauf .titel_box_text{padding:20px}}.button{display:block;margin-top:30px;padding:10px 30px;background-color:#1a6b58;color:#f2f2f2;border-radius:10px;text-decoration:none;text-align:center;letter-spacing:.1em;transition:all .4s}.button:hover{background-color:#1d876e}@media(max-width: 480px){.button{margin-top:10px;padding:5px}}.green{padding:30px;background-color:#1a6b58;color:#f2f2f2}nav{display:flex;justify-content:space-between}.logo{padding:25px 30px}@media(max-width: 768px){.logo{width:180px}}ul{list-style-type:none;display:flex;align-self:center}ul a{text-decoration:none;color:#000;padding:0px 30px;line-height:50px}@media(max-width: 480px){ul a{padding:0px 15px}}footer{display:flex;justify-content:space-between;margin:10px 20px}footer a{text-decoration:none}footer img{padding-top:10px}#menu{display:none;float:right;padding:9px 25px 0px 9px}@media(max-width: 1024px){#menu{display:block}}.nav-icon3{height:22px;position:relative;margin:25px 30px;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;align-self:center}.nav-icon3 span{display:block;position:absolute;height:2px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.nav-icon3 span:nth-child(1){top:0px}.nav-icon3 span:nth-child(2),.nav-icon3 span:nth-child(3){top:11px}.nav-icon3 span:nth-child(4){top:22px}.nav-icon3.open span:nth-child(1){top:18px;width:0%;left:50%}.nav-icon3.open span:nth-child(2){transform:rotate(45deg)}.nav-icon3.open span:nth-child(3){transform:rotate(-45deg)}.nav-icon3.open span:nth-child(4){top:18px;width:0%;left:50%}@media(min-width: 1025px){.header{display:flex !important}}@media(max-width: 1024px){.header{display:none;flex-direction:column;position:absolute;top:85px;width:100%;background-color:#fff;z-index:1000;padding-bottom:30px}.header a{display:block;text-align:center}}.header li{position:relative}.header li::before{content:"";position:absolute;width:100%;height:1.3px;bottom:0;left:0;background-color:#000;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}.header li:hover::before{visibility:visible;transform:scaleX(1)}.active::before{content:"";position:absolute;width:100%;height:1.3px;bottom:0;left:0;background-color:#000;visibility:visible}.titel_fahrrad{position:absolute;top:60px;left:40px;width:950px;height:520px;background-image:url("../img/test.png");background-size:cover}@media(max-width: 1024px){.titel_fahrrad{top:80px;width:700px;height:380px}}@media(max-width: 768px){.titel_fahrrad{top:140px;left:20px;width:350px;height:210px;background-image:url("../img/Fahrrad.png")}}@media(max-width: 480px){.titel_fahrrad{top:180px;width:250px;height:140px}}.icon_button{max-width:800px;margin:10px auto 60px auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.icon_button a,.icon_button div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:135px;margin:10px 0}@media(max-width: 1024px){.icon_button a,.icon_button div{width:90px}}.clickable{color:#000;text-decoration:none}.clickable:hover{background:#f8f8f8;cursor:pointer}.standorte{display:flex;justify-content:center}.standorte div{height:50vh;flex-basis:50%;background-size:cover;background-position:center}.standorte div:nth-child(1){background-image:url("../img/Harzbikehaus_Wernigerode.jpg")}.standorte div:nth-child(2){background-image:url("../img/Harzbikehaus_Elbingerode.jpg")}@media(max-width: 1024px){.standorte div{margin:5px}}@media(max-width: 480px){.standorte{flex-direction:column;height:350px;flex-basis:100%}}.myBox{position:relative}.boxBackground{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.64);z-index:1;visibility:hidden}@media(max-width: 1024px){.boxBackground{visibility:visible}}.boxBackground:hover{cursor:pointer;visibility:visible}.boxBackground h2{position:absolute;width:100%;top:45%;color:#fff;padding:0px;text-transform:uppercase;letter-spacing:.5em}a.divLink{position:absolute;width:100%;height:100%;visibility:visible}.img_verkauf{background-image:url("../img/IMG_3955.jpg");background-position:center}.verkauf{display:flex;flex-wrap:wrap;margin-top:30px}.verkauf div{height:50vh;flex-basis:50%;background-size:cover;background-position:center}.verkauf div:nth-child(1){background-image:url("../img/IMG_3959.jpg")}.verkauf div:nth-child(2){background:#1a6b58}.verkauf div:nth-child(3){background:#f2f2f2}.verkauf div:nth-child(4){background-image:url("../img/IMG_3949.jpg")}.verkauf div:nth-child(5){background-image:url("../img/IMG_3928.jpg")}.verkauf div:nth-child(6){background:#1a6b58}.verkauf div:nth-child(7){background:#f2f2f2}.verkauf div:nth-child(8){background-image:url("../img/IMG_4944.jpg")}.marken_img{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;margin-bottom:30px}.marken_img img{width:150px;height:70px;padding:10px 6px}@media(max-width: 480px){.marken_img img{width:100px;height:55px}}.img_verleih{background-image:url("../img/abenteuer-fahrer-fahrrad.jpg");background-position:center}@media(max-width: 768px){.img_verleih{background-image:url("../img/abenteuer-fahrer-fahrrad-quer.jpg")}}.titel_box_location{display:flex;align-self:center;height:50px;padding-top:20px;padding-right:15px}.titel_box_location p{align-self:center}.img_verein{background-image:url("../img/teamfoto-1280x720.jpg");background-position:center}.img_kontakt{background-image:url("../img/365_F5R5077.jpg")}.kontakt{display:flex;flex-wrap:wrap;margin-top:30px}.kontakt div{height:50vh;flex-basis:50%;background-size:cover;background-position:center}.kontakt div:nth-child(1){background-image:url("../img/Harzbikehaus_Wernigerode.jpg")}.kontakt div:nth-child(2){background:#f2f2f2}.kontakt div:nth-child(3){background:#1a6b58}.kontakt div:nth-child(4){background-image:url("../img/Harzbikehaus_Elbingerode.jpg")}@media(max-width: 480px){.kontakt div{flex-direction:column;height:250px;flex-basis:100%}.kontakt div:nth-child(3){order:4}}#Datenschutz .titel_box{height:auto}#Datenschutz h3{font-size:1.3em;font-weight:400;padding:20px 0px}strong{font-weight:400}.list{display:block;list-style:disc;line-height:140%;padding:30px;line-height:150%}.individual_margin{margin-top:0}@media(max-width: 1024px){.individual_margin{margin-top:300px}}@media(max-width: 768px){.individual_margin{margin-top:400px}}@media all and (max-width: 1024px){.active::before,.header li::before{width:0%}}