
  /* open-sans-300 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
        url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  body, td, .dropdown-menu-large .dropdown-header, .dropdown-menu-large .dropdown-header a, #topmenu .dropdown-header, #topmenu .dropdown-header a, h1, h2, h3, .kategorien-tags h3, .expandable h3, .expandablecontent h3, .header-image p {
    font-family: "Open Sans", arial, sans-serif;
}
body, .header-image p {
    font-weight: 400;
}
.dropdown-menu-large .dropdown-header, .dropdown-menu-large .dropdown-header a, #topmenu .dropdown-header, #topmenu .dropdown-header a, h1, h2, h3, .kategorien-tags h3 {
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 300;
}
.expandable h3, .expandablecontent h3 {
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 700;
}

/* Hauptfarbe */
.btn-hauptfarbe, .btn-kategorien, .btn-pagenavlink, .section-header .cell-right a div, .owl-theme .owl-controls .owl-page span, #footer, .btn-morenav {
    background-color: rgba(8,27,88,1) !important;
}
.btn-tags, a.share-link, a.bottombar-link, .recent-content li a, .ntext a:link, .ntext a:visited, .ntext a, .navbar-default .navbar-nav > li > a, .usergrouptext .content p a, .usergrouptext .content p a:link, .usergrouptext .content p a:visited {
    color: rgba(8,27,88,1) !important;
}
.bottombar {
    border-top: 1px solid rgba(8,27,88,1) !important;
}
.btn-pagenavlink, .btn-kategorien, .btn-tags, .btn-morenav {
    border: 1px solid rgba(8,27,88,1) !important;
}

/* Zweitfarbe */
.btn-hauptfarbe:hover, .btn-hauptfarbe:focus, .btn-hauptfarbe:active, .btn-hauptfarbe.active, .btn-kategorien:hover, .btn-kategorien:focus, .btn-kategorien:active, .btn-kategorien.active, .section-header .cell-right a:hover div, .section-header .cell-right a:focus div, .btn-morenav:hover, .btn-morenav:focus, .btn-morenav:active, .btn-morenav.active {
    background-color: rgba(226,0,26,1) !important;
}
.btn-kategorien:hover, .btn-kategorien:focus, .btn-kategorien:active, .btn-kategorien.active, .btn-tags:hover, .btn-tags:focus, .btn-tags:active, .btn-tags.active, .btn-morenav.active, .btn-morenav:hover {
    border: 1px solid rgba(226,0,26,1) !important;
}
.red, .ntext a:hover, .ntext a:active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active, .btn-tags:hover, .btn-tags:focus, .btn-tags:active, .btn-tags.active, a.share-link:hover, a.bottombar-link:hover, .blogOverviewSingle .content .dropdown-menu>li:hover a, .item .content .dropdown-menu>li:hover a, .recent-content li a:hover, .recent-content li a.active, .usergrouptext .content p a:hover {
    color: rgba(226,0,26,1) !important;
}

/* BASIS Sport Lavit */

/* Schriftfarbe */
body, html, .btn-footer.active, .content h2 a, .content h3 a, .content h3, .section-header .cell-left h1, .section-header .cell-left h2, .hl-artikel, .content h1, h1, h2, h3, .section-header .cell-right a div.down i {
    color: rgba(70,80,80,1) !important;
}

/* Schriftfarbe hell */
.btn-hauptfarbe, .btn-hauptfarbe:hover, .btn-hauptfarbe:focus, .btn-hauptfarbe:active, .btn-hauptfarbe.active, .btn-kategorien, .btn-kategorien:hover, .btn-kategorien:focus, .btn-kategorien:active, .btn-kategorien.active, .btn-pagenavlink, .btn-footer {
    color: rgba(255,255,255,1) !important;
}
.btn-footer.active {
    background-color: rgba(255,255,255,1) !important;
    border: 1px solid rgba(255,255,255,1) !important;
}
.btn-footer {
    border-color: rgba(255,255,255,1) !important;
}

/* Seite Hintergrundfarbe */
.section-lightgrey, .section-white {
    background-color: #fff !important;
}

/* Content Hintergrundfarbe */
.bhcarousel .item, .bottombar, .box, .blogOverviewSingle, .kategorien-tags, #blog_overview .blogOverviewSingle, .author-header, .authorOverviewSingle {
    background-color: rgba(255,255,255,1) !important;
}

/* Graue Linien */
.box, #carousel_blog .owl-item, .blogOverviewSingle, .content-overview .item, .bhcarousel .item, .collapse-border, .author-header, #team-overview .item, .authorOverviewSingle, .kategorien-tags, .store-overview .item {
    border: 1px solid rgba(240,240,240,1) !important;
}
.recent-content li, .mehrHeader, .section-header-blank, .blog-text, .section-header .cell-middle, #blog_overview .bottombar, #sidebarTrolley table tr, #storeTrolley #frmStoreWarenkorb table tr, #storeKasse table tr, .store-overview table tr, hr, .store-headline {
    border-bottom: 1px solid rgba(240,240,240,1) !important;
}
.blog-text, .store-headline, .section-white {
    border-top: 1px solid rgba(240,240,240,1) !important;
}
#blog_overview .bottombar, .section-header .cell-left .fa-chevron-left {
    border-right: 1px solid rgba(240,240,240,1) !important;
}
#blog_overview .bottombar {
    border-left: 1px solid rgba(240,240,240,1) !important;
}

/* Generelle Styles */
.store-headline {
    margin: 15px -15px 15px -15px;
    padding: 8px 0 8px 15px;
}
.store-headline h3 {
    margin:0 !important;
}
body, html, .navbar-default {
    background-color: #fff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
.navbar-default {
    border: none;
    height: 55px;
    padding-top: 0px;
}
.navbar-nav > li > a {
    padding: 18px 12px 16px 12px;
}
.navbar-default .navbar-nav > li > a.active {
    padding: 18px 12px 16px 12px;
    margin-top: 0px;
}
.navbar-brand {
    padding: 7px 10px 12px 15px;
}
.section-lightgrey {
    padding-top: 20px;
}
.section-header .cell-right a div {
    padding-top: 1px;
}
.section-white {
    min-height: 0;
}
#carousel_blog .owl-item {
    width: 617px;
    border-radius: 3px;
}
#carousel_blog .item {
    border: none !important;
}
.blogOverviewSingle {
    border-radius: 3px;
}
.blogOverviewSingle:after {
    content:'';
    display:block;
    clear: both;
}
#blog_overview .blogOverviewSingle {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: none;
}
.bhcarousel .item {
    border-radius: 3px;
}
.bhcarousel .item:after {
    content:'';
    display:block;
    clear: both;
}
.mehrHeader {
    height: 38px;
    padding: 4px 10px 0 13px;
}
.section-darkgrey .bhcarousel .item {
    border: none;
}
.col-xs-8 {
    width: 647px !important;
}
.col-xs-4 {
    width: 323px !important;
}
.blog-headline {
    padding: 0;
}
.blogOverviewSingleComment {
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top: none;
}
.template1 {
    margin-bottom: 20px;
}
.parallaxParent {
    margin-bottom: 0px !important;
}
.youtube-outer-wrapper {
    height: 171px;
}
.youtube-inner-wrapper {
    width: 306px;
}
#gallery {
    width: 587px;
    margin-left: -1px;
}
.authorOverviewSingle {
    margin-bottom: 20px;
    border-radius: 3px;
}
.authorOverviewSingle:after {
    content:'';
    display:block;
    clear: both;
}
.authorOverviewSingle .bottombar {
    margin-bottom: 0px;
}
.author-header {
    position: relative;
}
.section-header .cell-left .fa-chevron-left {
    padding-right: 10px !important;
    margin-right: 5px;
}
.collapse-border {
    border-top-color: transparent;
}
#website-logo {
    z-index: 10000000000;
    position: relative;
}
.navbar-default .navbar-nav > li > a {
    font-size: 16px;
}
.btn-tags:hover, .btn-tags:focus, .btn-tags:active, .btn-tags.active, .section-header .cell-right a div.down {
    background-color: transparent !important;
}
.section-header .cell-left h1, .section-header .cell-left h2 {
}
.website-logo-footer {
    max-height: 60px;
    margin: 20px auto 20px auto;
}
.ntext a:link, .ntext a:visited, .ntext a, .ntext a:hover, .ntext a:active {
    text-decoration: none;
}
.owl-theme .owl-controls .owl-page span {
    width: 9px;
    height: 9px;
}
.btn-tags, .section-lightgrey {
    background-color: transparent;
}
.recent-content li:last-child {
    border-bottom: none !important;
}
#website-logo {
    max-height: 20px;
    margin-top: 8px !important;
    /*-moz-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
    -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
    box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);*/
}
.section-white {
    border-bottom: none !important;
}

.header-image p {
    text-shadow: 0 1px 15px rgba(0,0,0,.4);
}
.parallax-text p {
    text-shadow: 0 1px 15px rgba(0,0,0,.4);
}


#storeHeaderButton {
    background-color: rgba(226,0,26,1);
}


body {
    font-size: 14px;
    line-height: 1.5em;
}

.bhcarousel h3.main, .item h3.main {
    line-height: 1.4em;
}

.bhcarousel .item .content, #team-overview .content {
    padding-bottom: 15px;
    min-height: 170px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4em;
}

.product-overview .content .right p {
    max-height: 150px !important;
    height: 150px;
}

.section-darkgrey .owl-theme .owl-controls .owl-page span {
    background: #fff !important;
}
.section-darkgrey .owl-theme .owl-controls .owl-pagination .fa {
    color: #fff !important;
}
#website-logo {
    z-index: 4999999;
}
img.img-owl-carousel-big {
    width: 100%;
}

.content.autor-header {
    min-height: 0 !important;
}

.youtube-outer-wrapper {
    width: 100%;
    height: 172px;
}
.bhcarousel .youtube-outer-wrapper {
    height: 172px;
}
.youtube-inner-wrapper {
    margin-bottom: 0px !important;
    width: 100% !important;
}
.youtube {
    height: auto;
    width: 100%;
}
.youtube {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
.content-overview .item {
    height: 450px;
}

.content-overview .item .content {
    min-height: 160px;
}



.siteSearchContainer {
    top: 75px;
    width: 200px;
}
.siteSearchBoxIcon,
.siteSearchBoxSubmit {
    background-color: rgba(8,27,88,1) !important;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
}
.siteSearchBoxInput {
    height: 30px;
    padding: 0px 40px 0px 10px;
}
.siteSearchBox {
    min-width: 30px;
    height: 30px;
}
.flag-icon-at {
    background-image: url(/libs/flag-icon-css/flags/4x3/at.svg);
}
.flag-icon-fr {
    background-image: url(/libs/flag-icon-css/flags/4x3/fr.svg);
}
.flag-icon-de {
    background-image: url(/libs/flag-icon-css/flags/4x3/de.svg);
}

#contactLinkButton {
    background-color: rgba(8,27,88,1) !important;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
top: 85px;
}

div.siteHeaderLangPickerContainer {
top: 125px !important;
}

div.footer-social {
position: fixed;
    right: 0;
    top: 180px;
}

#facebook {
    width: 26px;
    height: 26px;
}

#facebook path {
fill: #898f9c;
}
#youtube path {
fill: #898f9c;
}
#linkedin path {
fill: #898f9c;
}

#instagram {
    width: 26px;
    height: 26px;
}

#instagram path {
fill: #898f9c;
}


#productCompareButton {
top: 220px;
background-color: #898f9c;
}

#productCompareButton.active {
background-color: #e2001a;
}



.bhcarousel .item {
    position: relative;
}

div.blogOverviewSingle {
position: relative;
}

img.imageBtnID {
position: absolute;
top: 75px;
right: 15px;
margin-top: 0 !important;
}

img.idHomeContent {
position: absolute;
top: 10px;
}

img.idHomeBlog {
position: absolute;
top: 75px !important;
    right: 15px !important;
}

#navbarBtnID > img.imageBtnID {
    top: 0;
}


#CybotCookiebotDialog a, #CybotCookiebotDialog div, #CybotCookiebotDialogBodyContentTitle {
    font-family:'Open Sans', sans-serif !important;
    font-size: 14px !important;
}

.header-image p.left, div.header-image.margin-top-plus-nav > div > p.left > a {
font-size: 70px !important;
line-height: 65px !important;
font-weight: 700;
font-style: italic;
font-family: "Open Sans", arial, sans-serif;
text-shadow: 2px 2px 20px #000000;
}

.parallax-text, .parallax-text p, .parallax-text, .parallax-text  p > a, div.container.parallax-text > p > a {
font-size: 70px !important;
line-height: 65px !important;
font-style: italic;
font-weight: 700;
font-family: "Open Sans", arial, sans-serif;
text-shadow: 2px 2px 20px #000000;
color: #fff;
}

.parallax-special-small {
font-size: 20px;
line-height: 25px !important;
font-style: italic;
font-weight: 700;
font-family: "Open Sans", arial, sans-serif;
text-shadow: 2px 2px 20px #000000;
color: #fff;
position: absolute;
    bottom: 30px;
}


div.container.parallax-text > p > a.parallax-special-link, .parallax-special-link,
div.header-image.margin-top-plus-nav > div > p.left > a.parallax-special-link
{
font-size: 36px !important;
color: #fff !important;
}


div.header-image.margin-top-plus-nav > div > p.left > a {
color: #fff !important;
}

/*.margin-top-plus-nav {
    position: relative;
}*/

a.custom-link, a.custom-link:hover {
/*color: #E2001A;*/
font-weight: bold;
}