/* 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+ */
  }

  /* bubblegum-sans-regular - latin */
  @font-face {
    font-family: 'Bubblegum Sans W05 Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bubblegum-sans-v21-latin-regular.woff2') format('woff2');
  }
  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", 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: "Bubblegum Sans W05 Regular", "Open Sans", sans-serif;
    font-weight: 300;
}
.expandable h3, .expandablecontent h3 {
    font-family: "Open Sans", 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(118,138,181,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(118,138,181,1) !important;
}
.bottombar {
    border-top: 1px solid rgba(118,138,181,1) !important;
}
.btn-pagenavlink, .btn-kategorien, .btn-tags, .btn-morenav {
    border: 1px solid rgba(118,138,181,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(166,212,46,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(166,212,46,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(166,212,46,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(255,255,255,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(70,80,80,1) !important;
}
.btn-footer.active {
    background-color: rgba(70,80,80,1) !important;
    border: 1px solid rgba(70,80,80,1) !important;
}
.btn-footer {
    border-color: rgba(70,80,80,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,0.5) !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(102,102,102,0.4) !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(102,102,102,0.4) !important;
}
.blog-text, .store-headline, .section-white {
    border-top: 1px solid rgba(102,102,102,0.4) !important;
}
#blog_overview .bottombar, .section-header .cell-left .fa-chevron-left {
    border-right: 1px solid rgba(102,102,102,0.4) !important;
}
#blog_overview .bottombar {
    border-left: 1px solid rgba(102,102,102,0.4) !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(166,212,46,1);
}


div.app-calendar div.select2-drop .select2-search input.primary, div.app-calendar select.primary, div.app-calendar button:not(.button-vue).primary, div.app-calendar .button.primary, div.app-calendar input:not([type='range']).primary, div.app-calendar textarea.primary, div.app-calendar div[contenteditable=true].primary, div.app-calendar .pager li a.primary {
    background-color: #10ff29 !important;
    border-color: #10ff29 !important;
    color: #10ff29 !important;
    cursor: pointer;
}

div.section-darkgrey, #footer {
background-color: #a6d42e !important;
}

.navbar-default {
    height: 100px;
    
}

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

.website-logo-footer {
max-height: 100px;
}



.btn-pagenavlink, .btn-kategorien, .btn-tags, .btn-morenav {

    border: 1px solid #a6d42e !important;
}

 .btn-kategorien {
border-color: #768ab5  !important;
background-color: #768ab5  !important;
color: #fff !important;
}

 .btn-kategorien:hover,  .btn-kategorien.active {
border-color: #fff !important;
background-color: #a6d42e !important;
color: #fff !important;
}

.sidebar-headline {
color: #768ab5 !important;
}

.blog-text, .store-headline, .section-white {
    border-top: 1px solid #fff !important;
}

.btn-tags {
border-color: #fff !important;
color: #fff !important;
}
.btn-tags:hover, .btn-tags.active {
background-color: #768ab5   !important;
border-color: #a6d42e !important;
    color: #fff !important;
}

 .btn-footer{
border-color: #fff !important;
background-color: transparent !important;
color: #fff !important;
}

 .btn-footer:hover, .btn-footer.active {
border-color: #a6d42e !important;
background-color: #fff!important;
color: #a6d42e !important;
}



.ntext a:link, .ntext a:visited, .ntext a, .ntext a:hover, .ntext a:active {
color: #a6d42e !important;
}

.bottombar {
    /*border-top: none !important;*/
    border-top: 1px solid #768ab5 !important;
background-color: #768ab5 !important;
color: #fff !important;
}
.bottombar a, .bottombar a:hover {
color: #fff !important;
}

.next-before, .next-before:hover, .cell-right a:hover div {
    background-color: #768ab5 !important;
color: #fff !important;
}

.content h1 {
    color: #666 !important;
}

 .ntext {
color: #666666 !important;
font-size: 16px !important;
    line-height: 1.7em !important;
}

.hl-artikel, .content h1 {
color: #768ab5  !important;
font-size: 28px !important;
    line-height: 36px !important;
}

.media-body p, .light-font {
color: #666 !important;
}

.box,  .content-overview .item, .collapse-border, .author-header, #team-overview .item, .authorOverviewSingle, .kategorien-tags, .store-overview .item {
    border-top: 1px solid rgba(102,102,102,0.4) !important;
    border-left: 1px solid rgba(102,102,102,0.4) !important;
    border-right: 1px solid rgba(102,102,102,0.4) !important;
    border-bottom: none !important;
}

.owl-item .content {
min-height: 160px !important;
}

li a:hover, li a:focus {
color: #a6d42e !important;
}

.home-teaser-h1 {
color: #fff !important;
font-size: 33px !important;
}
.home-teaser-p {
color: #fff !important;
font-size: 18px !important;
line-height: 25px !important;
}

.blog-text {
color: #fff !important;
font-size: 15px !important;
line-height: 20px !important;
}

.section-lightgrey {
    border-top: 20px solid #768ab5 !important;
background-color: #a6d42e !important;
}

.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: none !important;
}

.recent-content li, .mehrHeader, .section-header-blank, .blog-text, .section-header .cell-middle, #blog_overview, #sidebarTrolley table tr, #storeTrolley #frmStoreWarenkorb table tr, #storeKasse table tr, .store-overview table tr, hr, .store-headline {
    border-bottom: 1px solid #ffffff !important;
}

.mehrHeader {
background-color: rgba(255,255,255,0.75) !important;
color: #768ab5   !important;
}

.recent-content {
padding: 0 !important;
margin-left: -10px !important;
}

.recent-content li {
padding: 0.5em 10px 0.5em 10px  !important;
}

.recent-content li:hover {
background-color: #768ab5 !important;
color: #fff !important;
}
.recent-content li:hover a {
color: #fff !important;
}

.recent-content li a.active {
color: #768ab5 !important;
font-weight: bold !important;
}

.recent-content li:hover a.active {
background-color: #768ab5 !important;
color: #fff !important;
}

.autor-header.content {
min-height: auto !important;
}

.nextcloud-calendar-addon .ntext {
color: #fff !important;
}



.bhcarousel .item, .box, .blogOverviewSingle, .kategorien-tags, #blog_overview .blogOverviewSingle, .author-header, .authorOverviewSingle {
    background-color: rgba(255,255,255,0.75) !important;
}


.content h3 a, .content h2 a {
    color: #768ab5 !important;
font-size: 21px !important;
line-height: 25px !important;
}


p.main {
    font-size: 14px !important;
line-height: 18px !important;
}

.navbar {
padding-top: 10px;
}


#blog_overview .bottombar, .section-header .cell-left .fa-chevron-left {
    border-right: 1px solid #fff !important;
}

.bs--youtube-confirmation {
color: #000 !important;
}

.control-label, #frmGenerator label, .form-control-static {
color: #666;
font-size: 16px;
}


.section-header h2, .section-header h3 {
font-size: 16px  !important;
color: #768ab5   !important;
}


#formular > div {
padding-left: 0;
}


.bhcarousel .item .ntext  a, #products-overview .item .ntext  a, .productItem .ntext  a, .productItem2 .ntext a {
    color: #fff !important;
}



.usergrouptext > div > h2, .usergrouptext  {
color: #768ab5 !important;
}

.imageBtnID {
position: absolute;
}