@font-face {
    font-family: 'Sofia W01 Semi Bold';
    src: url('../fonts/c215b44e-39cd-4bbf-ac84-7880a134e680.woff2') format('woff2'), url('../fonts/9ee6fc24-6ccc-4bd0-8814-6581c3f452e5.woff') format('woff');
  }

  @font-face {
      font-display: swap;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2');
  }
  
  @import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=bb1b3d1f-0818-47b5-b42f-23b7b9a8136a);
  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, #storeHeaderButton .badge {
    font-family: "Roboto", 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, .header-image p, .parallax-text p {
    font-family: "Sofia W01 Semi Bold", sans-serif;
    font-weight: 300;
}
.expandable h3, .expandablecontent h3 {
    font-family: "Roboto", arial, sans-serif;
    font-weight: 700;
}

/* Hauptfarbe */
.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(255,204,20,1) !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active, .ntext a:link, .ntext a:visited, .ntext a, .usergrouptext .content p a, .usergrouptext .content p a:link, .usergrouptext .content p a:visited, a.share-link:hover, a.bottombar-link:hover, .red, .ntext a:hover, .ntext a:active, .btn-tags:hover, .btn-tags:focus, .btn-tags:active, .btn-tags.active, .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(255,204,20,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(255,204,20,1) !important;
}

/* Zweitfarbe */


/* Schriftfarbe */
body, html, .navbar-default .navbar-nav > li > a, a.bottombar-link, .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, .recent-content li a, .btn-tags, a.share-link {
    color: rgba(46,50,50,1) !important;
}
.owl-theme .owl-controls .owl-page span, .btn-hauptfarbe, .btn-kategorien, .btn-pagenavlink, .btn-morenav, .section-header .cell-right a div {
    background-color: rgba(46,50,50,1) !important;
}
.btn-pagenavlink, .btn-kategorien, .btn-tags, .btn-morenav {
    border: 1px solid rgba(46,50,50,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;
}
.section-darkgrey .owl-theme .owl-controls .owl-page span, .btn-footer.active {
    background-color: rgba(255,255,255,1) !important;
}
.btn-footer.active {
    border: 1px solid rgba(255,255,255,1) !important;
}
.btn-footer, .section-darkgrey hr {
    border-color: rgba(255,255,255,1) !important;
}

/* Seite Hintergrundfarbe */
.section-lightgrey, .section-white {
    background-color: rgba(255,255,255,1) !important;
}

/* Content Hintergrundfarbe */
.bhcarousel .item, .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(230,230,230,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, .store-headline {
    border-bottom: 1px solid rgba(230,230,230,1) !important;
}
.blog-text, .store-headline, .section-white, .bottombar, .store-headline-single, hr {
    border-top: 1px solid rgba(230,230,230,1) !important;
}
#blog_overview .bottombar, .section-header .cell-left .fa-chevron-left {
    border-right: 1px solid rgba(230,230,230,1) !important;
}
#blog_overview .bottombar {
    border-left: 1px solid rgba(230,230,230,1) !important;
}

/* Sidebar */
.section-white, .navbar-default, .blogOverviewSingleComment, .section-white, .bottombar, .mehrHeader {
    background-color: rgba(255,255,255,1) !important;
}

/* Generelle Styles */
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 !important;
}
.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 !important;
}
.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 !important;
}
#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: 50px;
    margin: 20px 0 15px 0;
}
.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: 50px;
    margin-top: -5px !important;
    z-index: 9999;
}
.section-white {
    border-bottom: none !important;
}

.header-image p {
    text-shadow: 0 1px 15px rgba(0,0,0,.4);
}
.blogOverviewSingleComment {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    padding-top: 1px;
    border-top: none !important;
    margin: 0 0 20px 0;
}


body {
font-size: 16px;
line-height: 1.6em;
}

body, .header-image p {
    font-weight: 300;
}

#topNav > li > span > div > ul > li > a {
    font-weight: 400;
}

div.container {
    padding-top: 14px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff !important;
font-weight: 400;
}

.navbar-default .navbar-nav > li > a {
    border-bottom: 2px solid transparent !important;
}

.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:hover {
    border-bottom: 2px solid rgba(255,204,20,1) !important;
}

#website-logo {
    max-height: 40px;
    margin-top: 0 !important;
}

.website-logo-footer {
    margin: 20px auto 15px auto;
}



.navbar-default.navbar-style-transparent {
    background-color: transparent !important;
}
.navbar-default {
    border-bottom: none !important;
}

span.dropdown-menu-large {
    background-color: transparent;
}


.dropdown-menu2 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

a:hover, a:focus {
    color: #FFCC14;
    text-decoration: none;
}
li a:hover, li a:focus {
    color: #FFCC14;
    text-decoration: none;
}
.footerp a:hover, .footerp a:active, .footerp a:visited, .footerp a.active {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #FFCC14;
    -webkit-text-decoration-color: #FFCC14;
}

.btn-pagenavlink, .btn-kategorien, .btn-tags, .btn-morenav {
    border: 1px solid rgba(255,204,20,1) !important;
}
.btn-hauptfarbe, .btn-kategorien, .btn-pagenavlink, .btn-morenav, .section-header .cell-right a div {
    background-color: #fff !important;
    color: #FFCC14;
}


.btn-hauptfarbe:hover, .btn-hauptfarbe:focus, .btn-hauptfarbe:active, .btn-hauptfarbe.active, .section-header .cell-right a:hover div, .section-header .cell-right a:focus div {
    background-color: rgba(255,204,20,1) !important;
}


.section-darkgrey {
    background-color: #061843;
}


.hl-artikel, .content h1 {
    font-size: 25px !important;
margin: 25px 0 35px 0;
}

div.ntext {
    font-size: 16px;
    line-height: 1.8em;
}

.ntext a:link, .ntext a:visited, .ntext a, .ntext a:hover, .ntext a:active {
    font-weight: 400;
}

.smallImagesProductOwl .item img {
    border-radius: 3px;
    opacity: 0.4;
    border: 1px solid rgba(238,238,238,1);
    height: 100px;
}

.dropdown-menu-large {
background-color: transparent;
box-shadow: none;
}


.btn-kategorien, .btn-tags, .btn-morenav {
    padding: 6px 10px;
font-size: 1.1em;
}


.btn-tags {
    border-color: #2E3232 !important;
}
.btn-tags:hover, .btn-tags:focus, .btn-tags:active, .btn-tags.active {
    background-color: #2E3232 !important;
border-color: #2E3232 !important;
}
.btn-tags:hover, .btn-tags:focus, .btn-tags:active, .btn-tags.active {
   color: #fff !important;
border-color: #2E3232 !important;
}





.btn-kategorien  {
background-color: #061843 !important;
color: #fff;
border: 1px solid #061843 !important;
}

.btn-kategorien:hover, .btn-kategorien:focus, .btn-morenav:hover {
    border: 1px solid rgba(255,204,20,1) !important;
    background-color: rgba(255,204,20,1) !important;
}
.btn-kategorien:active, .btn-kategorien.active, .btn-morenav.active {
    border: 1px solid rgba(255,204,20,1) !important;
    background-color: rgba(255,204,20,1) !important;
}



.recent-content li a:hover, .recent-content li a.active {
    color: rgba(255, 141, 1, 1) !important;
}

.smallImagesProductOwl p {
font-weight: bold;
}

.content-overview .youtube-inner-wrapper {
     margin-bottom: 0 !important;
}


.siteSearchBoxIcon,
.siteSearchBoxSubmit {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
}
.siteSearchBoxInput {
    height: 30px;
    padding: 0px 40px 0px 10px;
}
.siteSearchBox {
    min-width: 30px;
    height: 30px;
}
.siteSearchBoxSubmit {
    background: rgba(255,204,20,1);
}

.siteHeaderLangPickerContainer {
top: 85px !important;
}




#CybotCookiebotDialog a, #CybotCookiebotDialog div, #CybotCookiebotDialogBodyContentTitle {
    font-family:'Montserrat', sans-serif !important;
    font-size: 13px !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #ffcc14 !important;
    border-color: #ffcc14 !important;
    color: #fff !important;
    font-size: 12px !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll{
    background-color: #fff !important;
    border-color: #ffcc14 !important;
    color: #ffcc14 !important;
    font-size: 12px !important;
}