@font-face{font-family:'Roboto Thin';src:url('vhs-assets-css-232a15dcba221ce53a8139b05ead9f6d.eot');src:url('vhs-assets-css-e8dd1b84169bcca4d4915ff5b1061aec.eot?#iefix') format("embedded-opentype"),url('vhs-assets-css-b4d9295fb76f69fae0e3751e9e546b14.woff') format("woff"),url('vhs-assets-css-4667db7f118c4e336ab021e8d4eed2d7.ttf') format("truetype");font-weight:100;font-style:normal}
@font-face{font-family:'Roboto Regular';src:url('vhs-assets-css-8bcacb9c444d466463b3b85c2383799f.eot');src:url('vhs-assets-css-62c215f3638a9b6ed0adb71a88f6c69a.eot?#iefix') format("embedded-opentype"),url('vhs-assets-css-e4d7bcb5c4b587ca9822af8cc5f081da.woff') format("woff"),url('vhs-assets-css-de2cd154bfc1cbe1a1c35e35ab957cd5.ttf') format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Roboto Light';src:url('vhs-assets-css-1e5b9618242043f6564d577974400346.eot');src:url('vhs-assets-css-b3f53c165883171f3408db1e28d911da.eot?#iefix') format("embedded-opentype"),url('vhs-assets-css-db4b304ed528fb4a0269582e04990cac.woff') format("woff"),url('vhs-assets-css-9cb9555df565167c89904647569c3ce9.ttf') format("truetype");font-weight:300;font-style:normal}
body{font-family:"Roboto Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}
a{color:#000}
h1,h2,h3,h4,h5,h6{font-family:"Roboto Regular","Helvetica Neue",Helvetica,Arial,sans-serif}
span,a,p,li,.powermail_submit,.follow,td,.language{font-family:"Roboto Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}
.btn{padding:8px 12px;font-size:21px}
.grey{background-color:#f4f1ec}
.hr-underline{border-top:2px solid #969696;width:90px;margin-left:0;margin-top:0}
h2{color:#008e9f;font-size:28px;text-transform:uppercase}
a:hover,a:focus{text-decoration:none;outline:none}
.btn.focus,.btn:focus,.btn:hover{color:#008e9f}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:none}
.image{display:block;max-width:100%;height:auto}
.navbar{background-color:#008e9f;margin-top:42px!important;border-radius:1px;z-index:999;min-height:45px!important;height:45px!important}
.header-shop{margin-top:42px!important}
.navbar a{color:#fff;text-transform:uppercase;font-size:16px}
.navbar .dropdown a{color:#504a4a;font-size:12px}
.navbar .dropdown a.dropdown-toggle{color:#b9b7b7;font-size:16px}
.navbar-toggle{background-color:#fff}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover,.nav>li>a:focus,.nav>li>a:hover{background-color:inherit}
.nav{margin-top:-3px}
.nav .shop a{display:inline-block}
.nav .shop a:first-child{padding-right:0}
.nav .shop a:last-child{padding-left:0;padding-right:0}
.nav .shop a:first-child:after{content:"|"}
.navbar-collapse{padding-right:0}
.dropdown-menu{border:none;box-shadow:none;background-color:transparent;min-width:600px}
.dropdown-menu>li>a{padding:3px 10px}
#header{height:170px;border-top:5px solid #008e9f}
.header-nav{margin-top:30px}
.header-logo img{margin-left:auto;margin-right:auto;margin-top:10px}
.navbar-header button span{background-color:#504a4a}
.language{float:right;margin-right:45px;margin-top:10px}
#footer{width:100%;border-top:5px solid #008e9f;height:330px}
#footer h2{border-bottom:1px solid #bbb;padding-bottom:10px}
.rights{text-align:center}
.rights p:first-child{font-weight:600}
#footer .informations li{border-bottom:1px solid #d2cfcb;padding:5px 0}
.carousel-inner .item{position:relative;height:600px;background-size:cover;background-position:center right}
.carousel-inner .item .banner-text{color:#fff;position:absolute;left:150px;top:150px}
.carousel-inner p{font-size:21px;max-width:600px;margin-bottom:20px}
.btn-left{background-color:#fff;color:#008e9f;margin-right:10px}
.btn-left:hover{color:#fff;background-color:#008e9f}
.btn-right{background-color:#fff;color:#008e9f}
.btn-right:hover{color:#fff;background-color:#008e9f}
#start-banner .carousel-indicators li{height:150px;width:150px;border-radius:1px;margin-right:8px;border:3px solid transparent}
#start-banner .carousel-indicators li:hover{border:3px solid #008e9f}
#start-banner .carousel-indicators{text-align:left;margin-left:0;left:150px;width:100%}
#start-banner .carousel-indicators li.active{cursor:default;border:3px solid #008e9f}
.carousel{overflow:hidden;height:600px}
#event-carousel .carousel-indicators .active{width:auto;height:auto;background-color:transparent}
#event-carousel .carousel-indicators{width:auto;height:auto;position:initial}
#event-carousel .carousel-indicators li{display:block;width:auto;height:auto;color:#008e9f;background-color:transparent;border:none;text-indent:0;border-radius:1px;font-family:"Roboto Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;margin-bottom:10px}
#event-carousel .carousel-control span{color:#008e9f;font-size:50px}
#event-carousel .carousel-control.right{position:absolute;left:42.5%;top:auto;bottom:0;height:100px}
#event-carousel .carousel-control.left{position:absolute;top:10px;left:42.5%;height:100px}
#event-carousel .carousel-inner{padding:45px 0 100px}
#event-carousel .carousel-inner img,#event-carousel .carousel-inner p{margin-left:auto;margin-right:auto}
#event-carousel .carousel-inner p{text-align:center;font-family:"Roboto Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}
#event-carousel .carousel-inner h2{text-align:center}
#event-carousel .active .li-background{width:120px;background-color:#fff;margin-left:auto;margin-right:auto}
.teaser img{outline:3px solid #008e9f}
.btn-teaser{border:2px solid #008e9f;color:#008e9f;border-radius:1px;white-space:normal;font-size:16px}
.btn-teaser:hover{background-color:#008e9f;color:#fff}
.teaser{margin-top:40px}
.teaser h2{font-size:25px}
.scroll{padding-top:30px;padding-bottom:30px}
.btn-scroll{color:#008e9f;border-radius:50%;border:5px solid #008e9f;padding:9px 0 0 3px;width:50px;height:50px;display:block;margin:auto;background-color:transparent}
.btn-scroll span{font-size:24px}
.btn-scroll:hover{color:#008e9f}
.scroll{width:100%}
.btn.btn-scroll.scroll-up{padding-top:5px}
.kontakt .glyphicon{font-size:30px;color:#008e9f;top:-2px;left:-10px}
#kontakt h2{margin-top:30px}
#kontakt .hr-underline{margin-bottom:55px}
.powermail_fieldset_1 .col-sm-10{width:100%!important}
.kontakt-social{display:inline-block;float:left}
.form-control{background-color:#d2cfcb;color:#000;border:none;border-radius:1px}
.form-control:focus{-webkit-box-shadow:none;border:none}
.tx-powermail .container-fluid{padding-left:0}
.powermail_submit{background-color:#efefef;color:#008e9f;border-radius:1px;border:none;text-transform:lowercase}
.powermail_submit:hover{background-color:#008e9f}
.powermail_fieldwrap_type_submit div:before{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;content:"\e171";color:#008e9f}
.tx-powermail{margin-top:25px}
.form-control::-webkit-input-placeholder{color:#2E2E2E}
#powermail_field_marker{color:#2E2E2E}
.news{border:2px solid #008e9f;margin-bottom:25px;padding:40px 55px 55px}
.share i,.share,.follow,.follow p{color:#008e9f;font-size:16px}
.share{margin-right:10px;cursor:pointer}
.news img{margin-top:65px}
.share i{font-size:34px}
.share i:before{top:7px;position:relative;left:10px}
.bottom-container{position:relative}
.bottom{position:absolute;bottom:0}
.news .row:last-child{margin-top:50px;margin-bottom:-40px;font-size:16px!important}
.news .row:last-child a,.news .row:last-child i,.news .row:last-child .social-buttons,.news .row:last-child .col-md-4,.news .row:last-child .col-md-8{line-height:40px}
.follow .social-buttons{margin-left:10px}
.tx-kricknews{margin-top:10px}
.tx-kricknews .news{display:none}
.shariff-wrapper{display:none;margin-top:15px}
.modal .tx-powermail{margin-top:0}
.modal .btn{border-radius:0}
.modal .form-control{background-color:#008E9F;color:#fff}
.modal label.control-label.col-sm-2{width:16.66666667%}
.modal{font-family:"Roboto Light","Helvetica Neue",Helvetica,Arial,sans-serif}
.modal h3{margin-bottom:20px;color:#008E9F}
.modal label.control-label.col-sm-2,.modal label.control-label.col-sm-10{font-size:16px}
.modal .btn{font-size:14px}
.modal .col-sm-10.col-sm-offset-2{margin-left:16.66666667%}
.news-teaser{padding:20px;line-height:35px}
.news-teaser a{font-family:inherit;text-decoration:underline;color:#008e9f;margin-left:10px}
.news-teaser strong{margin-right:10px}
.news-teaser .date{margin-right:10px}
.news-links{width:100%;text-align:center;margin-top:30px}
.news-links div{margin-bottom:25px}
.news-button{font-family:inherit;padding:10px;display:inline-block;background-color:#fff}
.brand-container .two-third-one-third{padding-top:50px}
.social:before{color:#fff;font-size:26px;padding:7px 0 0 1px}
.social{width:40px;height:40px;border-radius:50%;background-color:#008e9f;line-height:40px;text-align:center}
.social:hover{text-decoration:none}
.social-buttons{display:inline-block}
.social-buttons a{margin-right:15px}
.hl-text h2{margin-top:0}
.hl-text hr{margin-bottom:50px}
#catalogue h1,.tx-kricknews h1,#imprint h1{padding:40px 80px;color:#008e9f;font-size:28px;text-transform:uppercase}
#catalogue h1:after,.tx-kricknews h1:after,#imprint h1:after{display:block;border-top:2px solid #969696;width:90px;margin-left:0;margin-top:10px;content:' '}
.tx-kricknews h1,#imprint h1{padding:0;margin-bottom:55px}
#catalogue .hl-text{padding:0 80px}
#catalogue .img-res{padding:80px 0}
#catalogue hr{margin-bottom:50px}
#ersatzteile hr{margin-bottom:50px}
.category{border:2px solid #008e9f;margin-bottom:50px}
.category:nth-child(3n+2){margin-right:0}
.category-name a{color:#fff;text-transform:uppercase;background-color:#008e9f;text-align:center;padding-top:5px;padding-bottom:5px;font-size:22px;width:100%;display:block}
.category-name a:hover{background-color:#fff;color:#008e9f}
.category-img img{width:100%}
.brand{border-right:2px solid #008e9f;border-left:2px solid #008e9f;border-bottom:2px solid #008e9f}
.brand:nth-child(even){background-color:#f4f1ec}
.brand-header + .brand{border-top:2px solid #008e9f}
.brand-img img{width:auto;max-height:75px;margin:auto}
.brand-img{padding:15px}
.brand-name{padding:15px}
.brand-name a{font-size:26px}
.produkt{border:2px solid #008e9f;padding:25px;margin-bottom:25px}
.produkt-img img{width:auto;max-height:160px;+margin:auto}
.produkt-img a{display:block;position:relative}
.produkt-img a .overlay{opacity:0;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,142,159,0.5);text-align:center;color:#fff;font-size:48px;vertical-align:middle;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.produkt-img a:hover .overlay{opacity:1}
.produkt-img a .overlay i{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center}
.produkt-name h2{margin-top:0}
.produkt-links li{margin-bottom:25px}
.produkt-links a{text-decoration:underline;display:inline-block}
.produkt-links i{color:#008e9f;font-size:30px;margin-left:20px}
.produkt-links i:before{position:relative;top:6px}
.spares-back{text-transform:uppercase;text-align:right;margin-bottom:20px;display:block}
#ersatzteil-suche button.btn,#ersatzteil-category-suche button.btn{border-radius:0;padding:4px 12px;border-color:#008E9F;color:#008E9F}
#ersatzteil-suche input,#ersatzteil-category-suche input{height:40px;padding-left:10px;color:#008E9F;border:1px solid #008E9F;width: 280px;}
#ersatzteil-suche,#ersatzteil-category-suche{margin-bottom:20px}
#map_canvas{height:500px; width: 100%}
#map_canvas p b{color:#008e9f}
#map_canvas p a{text-decoration:underline;color:#008e9f}
.map h2{margin-top:55px}
.map .hr-underline{margin-bottom:35px}
.carousel-control.right,.carousel-control.left{background:none;color:#eaeaea}
#award-carousel{height:160px}
#award-carousel .carousel-inner{width:70%;margin-left:auto;margin-right:auto}
.krick-section p,.krick-section p a{font-size:20px}
.krick-section p a{color:#008e9f;text-decoration:underline}
#kontakt a,p,li,.powermail_submit,td,.language{font-size:20px}
.tx-powermail a {font-size: 16px!important;color:#008e9f}
.tx-kricknews .pull-right{margin-top:15px;text-transform:uppercase;color:#b9b7b7;margin-right:40px}
.no-results{margin-bottom:25px}
.swiper-control{outline:none;padding:10px;display:block;text-align:center;font-size:48px;color:#008e9f}
.stores-list{margin-top: 25px;margin-left: 15px;margin-right: 15px;}
.store-item{padding: 15px; }
.store-content{border: 3px solid #008E9F; padding: 15px; min-height: 240px; cursor: pointer}
.store-content p, .store-content li, .store-content a {font-size: 16px;}
#store-content li {line-height: 1.5;}
#map_canvas p, #map_canvas li, #map_canvas a{font-size: 16px;}
#map_canvas h3 {font-size: 18px;}
.store-content h3 {margin: 5px 0}
.group9 {font-weight: bold; color:#EBD10C}
.store-item-group-9 .store-content{border: 3px solid #EBD10C;}
.group1,
.group10,
.group11,
.group12,
.group19,
.group14{font-weight: bold; color:#008E9F}
.store-item-group-1 .store-content,
.store-item-group-10 .store-content,
.store-item-group-11 .store-content,
.store-item-group-12 .store-content,
.store-item-group-19 .store-content,
.store-item-group-14 .store-content{border: 3px solid #008E9F;}

.store-item-group-21 .store-content,
.store-item-group-22 .store-content,
.store-item-group-23 .store-content {border: 3px solid #6C6637;}

.group21,
.group22,
.group23 {font-weight: bold; color: #6C6637;}

.gm-style-iw p{font-size: 16px;}
#map-wrap{position: relative}
#locator-form{width: 600px; margin-left: -225px; background: rgba(0,142,159,0.8); padding: 15px; border-radius: 5px; text-align: center; margin: auto; margin-top: -50px; position: relative;}
#locator-form h3 {color:#fff; margin: 5px 0;}
#locator-form .form-control {background: #fff}
#locator-form .btn {font-size: 14px; background: #008E9F; color: #fff; }
@media screen and (min-width: 769px) {
    .container{bottom:40px}
    .navbar{width:75%;margin-left:25%;height:50px}
    .navbar-nav{width:100%}
    .header-logo{width:25%;float:left}
    .dropdown-menu li{display:inline-block}
    .dropdown-menu li a{padding:3px 15px}
    .shop{float:right!important;margin-right:0}
    .col-xs-12.col-md-4.col-sm-4.two-third-one-third.col-two-right{padding-left:50px}
    .dropdown:hover .dropdown-menu{display:block;margin-top:0}
    .dropdown.active .dropdown-menu{display:block;margin-top:0}
}
@media screen and (min-width: 992px) {
    .header-logo img{height:125px}
    .brand-container .two-third-one-third{padding-bottom:50px;position:relative;min-height:400px}
    .brand-container .two-third-one-third .img-res{position:absolute;top:50%;transform:translateY(-50%)}
    .produkt .col-md-3{min-height:240px;position:relative}
    .produkt .produkt-img{left:25px;position:absolute;top:50%;transform:translateY(-50%)}
    .produkt-links a{text-align:right;width:80%}
}
@media screen and (min-width: 1200px) {
    .header-logo{padding-left:70px}
}
@media screen and (min-width: 1440px) {
    .container{width:1410px}
}
@media screen and (max-width: 1200px) {
    .navbar li a{font-size:14px}
    .navbar .container-fluid{padding-left:0}
    #footer h2{font-size:24px}
    .carousel-inner .item .banner-text{background:rgba(0,0,0,0.6);padding:15px;border-radius:5px}
    #event-carousel .carousel-indicators{margin:0;padding:0;float:none;clear:both;position:static}
}
@media screen and (max-width: 992px) {
    .navbar li a{font-size:12px;padding-left:10px;padding-right:10px}
    .navbar{margin-left:20%;width:80%}
    .header-logo{width:20%}
    .brand-name a{font-size:20px}
    .news-share{margin-bottom:25px}
    #event-carousel .carousel-indicators li{display:inline-block}
    #event-carousel .active .li-background{width:auto}
    .carousel-inner .item .banner-text{left:50px}
    #start-banner .carousel-indicators{left:50px;bottom:50px}
    #start-banner .carousel-indicators li{width:75px;height:75px}
}
@media screen and (max-width: 768px) {
    .category a{font-size:18px!important}
    #catalogue .hl-text{padding:20px}
    #catalogue p{font-size:16px!important}
    #catalogue h2{font-size:20px!important}
    #catalogue a.download{font-size:12px}
    #catalogue a.share{margin-left:49px!important}
    #catalogue .col-xs-12.col-md-3.col-two-right{margin-top:0!important}
    .language{text-align:right;margin-right:20px!important}
    .header-logo{text-align:center;width:100%}
    .header-logo img{max-width:220px;margin:auto!important}
    .navbar{margin-top:5px;width:100%;margin-bottom:0;margin-left:0}
    .navbar-toggle{margin-top:5px}
    .header-logo{float:none}
    .header-nav{margin-top:0}
    .navbar .dropdown a.dropdown-toggle{color:#fff}
    #header{height:auto}
    .navbar .container-fluid{padding-left:15px}
    #footer h2{font-size:16px}
    #footer p,#footer a{font-size:16px}
    #footer .rights{margin-top:10px}
    .carousel-indicators{left:50px}
    #start-banner .banner-text{left:50px}
    #start-banner .carousel-indicators li{height:100px;width:100px}
    #start-banner h2{font-size:28px}
    #start-banner .carousel-inner p{font-size:16px}
    #start-banner .btn{font-size:16px;margin-bottom:20px}
    .col-xs-12.col-md-4.col-sm-4.two-third-one-third.col-two-right{right:0}
    .secondlink{margin-left:43px;margin-top:0!important}
    h2{font-size:20px}
    .spares-back{position:initial!important}
    #kontakt .col-xs-12.col-md-4.col-sm-4.two-third-one-third.col-two-right{right:0}
    .krick-section p,.krick-section p a{font-size:16px!important}
    .brand-container .col-xs-12.col-md-4.col-sm-4.two-third-one-third.col-two-right{right:0}
    #start-banner{display:none}
    .navbar li a{font-size:16px}
    .navbar .dropdown a{color:#FFF}
    .dropdown-menu{background:#008e9f}
    #scrolltn-19{display:none}
    .tx-kricknews .pull-right.krick-news-date{font-size:13px;float:none!important;text-align:center;margin:15px 0;text-transform:none}
    #catalogue h1{padding:0;font-size:20px}
    #catalogue .container{padding-bottom:25px}
    #locator-form {position: static; margin: 0;
        max-width: 100%;
        border-radius: 0;
    }
    #map_canvas{height:350px;}
    .store-item {
        padding: 15px 0;
    }
    #map_canvas p, #map_canvas li, #map_canvas a {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    #navbar{background:#008e9f}
    #kontakt a{font-size:16px}
    .input-group-addon,.input-group-btn{width:auto}
    .navbar-nav{width:100%}
    .col-two-right{margin-bottom:20px}
}
@media screen and (max-width: 440px) {
    .follow{text-align:center}
    .follow span{display:block}
    .category a{font-size:10px}
    #kontakt a{font-size:16px!important}
    #start-banner .carousel-indicators{left:40px}
    #start-banner .banner-text{left:40px}
    #start-banner .carousel-indicators li{height:70px;width:70px}
    #start-banner h2{font-size:28px;margin-bottom:50px}
    #start-banner .carousel-inner p{font-size:16px;display:none}
    #start-banner .btn{font-size:16px;margin-bottom:20px}
    #start-banner{display:none}
    #footer p,#footer a{font-size:12px}
    .scroll:first-child{display:none}
    .language{margin-right:22px!important}
    #navbar{background:#008e9f}
    .navbar .dropdown a{color:#FFF}
    .shop{margin:auto;float:none!important}
    .btn-teaser{display:block}
    .secondlink{margin-left:0;margin-top:15px!important}
}
#catalogue p{font-size:20px}
.category-name a:hover{border-top:2px solid #008e9f}
.category-name a{border-top:2px solid transparent}
.spares-back{position:absolute;right:265px;top:200px}
.col-sm-10.col-sm-offset-2{margin-left:10px}
.powermail_submit:hover{color:#FFF}
#catalogue a.share{margin-left:70px}
#catalogue .col-xs-12.col-md-3.col-two-right{margin-top:170px}
#catalogue .img-res{padding:30px}
.hl-text p{font-size:19px}
footer p{font-size:14px}
.madeby{text-transform:uppercase;font-size:12px}
.language{font-size:12px;color:#d3d3d3;margin-right:98px}
#footer .markenfooter{margin-left:0;margin-bottom:17px}
.nav a{color:#FFF}
.nav a.active.current{color:#ddd}
.nav .dropdown-menu a.active.current{color:#504a4a;text-decoration:underline}
.nav a:hover,.navbar .dropdown a.dropdown-toggle:hover{color:#ddd}
.navbar .dropdown a.dropdown-toggle{color:#FFF}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover,.nav>li>a:focus,.nav>li>a:hover{color:#ddd}
.teaser p{font-size:16px}
.secondlink{margin-top:30px}
#catalogue a{font-size:20px}
#catalogue a[href$=".pdf"]:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f1c1";margin-left:15px}
@media screen and (min-width: 1023px) and (max-width: 1280px) {
    #footer .markenfooter{margin-left:0!important;padding-left:0}
}
.history-box{padding-top:80px}
.markenfooter{padding-left:60px}
label.control-label.col-sm-2{font-weight:400;font-size:13px;width:200px;text-align:left}
#powermail_field_captcha{float:left;width:160px;margin-right:15px}