/* BBK Basis CSS anvalin.net 2017 */

/* WEBFONTS */

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@300;400;600;700;800&display=swap');*/

/* open-sans-condensed-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/webfonts/open-sans-condensed-v21-latin-ext_latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/webfonts/open-sans-v27-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* LAYOUT */

main {
margin-bottom: 2em;
}

@media screen and (min-width: 992px) {

.col-md-push-4 {
left: 0;
}

.col-md-pull-8 {
right: 0;
}

}

/* TYPO */

body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #fff;
}

h1, h2, h3, h4 {
font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h5, h6 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h3 {
font-size: 1.9rem;
}

h5 {
font-size: 1.1em;
}

.subheader {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin-bottom: .5em;
}

p {
margin: 0 0 1em;
}

main ul {
padding-left: 1em;
}

/* BOXEN ETC. */

/* bs-callout */
.bs-callout {
  padding: 1em;
  /*margin: 20px 0;*/
  border: 1px solid #777777;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout-default {
border-left-color: #CC0033;
border-top: 1px solid #CC0033;
border-right: 1px solid #CC0033;
border-bottom: 1px solid #CC0033;
/*margin: 15px 0;*/
border-radius: 0;
background-color: transparent;
}

.bs-callout-default h3.textmedia-header {
margin-top: 0px;
}

.rulerBefore {
border-top: 1px solid #CC0033;
}

.rulerAfter {
border-bottom: 1px solid #CC0033;
}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: inherit;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-radius: 10px;
}

.tx-odsajaxmailsubscription-pi1 .info {
background-color: #dff0d8;
border: 1px solid transparent;
border-color: #d6e9c6;
color: #468847;
padding: .5em;
border-radius: 4px;
}

.tx-odsajaxmailsubscription-pi1 .error {
background-color: #f2dede;
border: 1px solid transparent;
border-color: #eed3d7;
color: #b94a48;
padding: .5em;
border-radius: 4px;
}

.btn {
color: #fff;
background-color: #CC0033;
}

.btn:hover {
color: #CC0033;
background-color: transparent;
border: 1px solid #CC0033;
}

@media screen and (min-width: 1200px) {
.bs-callout-default {
min-height: 290px;
hyphens: auto;
}
}

@media screen and (max-width: 1199px) {
.bs-callout-default {
min-height: 330px;
hyphens: auto;
}
}

@media screen and (max-width: 991px) {
.bs-callout-default {
min-height: 270px;
hyphens: auto;
}
}

@media screen and (max-width: 767px) {
.bs-callout-default {
min-height: unset;
margin: 10px 0;
hyphens: auto;
}
}

/* DOWNLOADLISTEN */

.audioplayer li:nth-child(odd) {
background: transparent !important;
}

.audioplayer .list-group-item {
border: 1px solid #eee !important;
margin-bottom: .5em;
}

.audioplayer .list-group-item a.mr-2 {
display: none;
}

.audioplayer .list-group-item a {
padding-top: .5em;
display: block;
}

/* LOGOS */

#desktop-logo {
position: fixed;
top: 0px;
z-index: 1000;
}

.desktop-logo {
width: 100%;
height: 138px;
background-color: #CC0033;
border-top: 7px solid #fff;
border-bottom: 7px solid #fff;
border-left: 7px solid #fff;
}

.bbk-wortmarke {
width: auto;
float: right;
margin-right: 20px;
padding-top: 50px;
}

.bbk-wortmarke img {
max-width: 370px;
width: 100%;
}

.bbk-logo {
/*float: right;
border-left: 7px solid #fff;
border-right: 7px solid #fff;*/
position: absolute;
right: 0;
top: 0;
}

.navbar-brand {
z-index: 2;
}

.nav-wortmarke {
margin-right: 89px;
}

@media screen and (max-width: 1199px) {
#desktop-logo {
display: none;
}
}

@media screen and (max-width: 479px) {
.nav-wortmarke {
width: 187px !important;
float: right;
margin-top: .2em !important;
}
}

@media screen and (max-width: 379px) {
.nav-wortmarke {
display: none !important;
}
}

/* NAVIGATION */

.navbar {
padding: .1rem;
}

.navbar-fixed-top, .fixed-top {
top: 116px;
z-index: 999;
background-color: #ffffff;
border-color: #eeeeee;
border-width: 0 0 1px;
border: 1px solid #eee;
}

.navbar-nav > li > a {
font-size: 1.3em;
line-height: inherit;
}

.nav > li > a, .navbar-nav > li > a {
/*padding: .5em 1em .5em 0;*/
color: #CC0033 !important;
}

.navbar-nav > li > a:first-child {
padding-left: 0 !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a {
color: #444 !important;
}

.dropdown-item {
color: #444 !important;
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active, .dropdown-item.active {
color: #fff !important;
}

.dropdown-item.parent-active {
background-color: #CC0033;
color: #fff !important;
}

.navbar-collapse {
background-color: #fff;
margin-top: 19px;
}

.navbar-right {
margin-right: 0;
}

ul.navbar-right > li > a {
padding: 10px 9px !important;
}

.navbar-right span.glyphicon {
font-size: 21px;
}

/*.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}*/

/* ### Nav responsiv ### */

@media screen and (max-width: 1199px) {

.mobile-brand {
background-color: #CC0033 !important;
height: 84px;
width: 100%;
top: 0px;
left: 0;
position: fixed;
border-top: 4px solid #fff;
border-left: 4px solid #fff;
z-index: 2;
}

.navbar-fixed-top, nav.fixed-top {
background-color: transparent !important;
margin-top: 0px;
border-bottom: 1px solid #eee;
}

.navbar-brand, nav.fixed-top {
position: fixed;
right: 0;
top: 4px;
padding: 0;
height: auto;
margin-right: 0;
}

button.navbar-toggler{
margin: 1.7rem 0 1rem 1em;
}

.navbar-light .navbar-toggler, .navbar-toggler-icon {
color: #fff;
border-color: #fff;
}

.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
}


.navbar-collapse {
margin-left: 15px;
}

.navbar-header .navbar-brand > img {
display: block;
height: auto;
width: auto;
margin-top: 0px;
}

.navbar-header {
float: none !important;
}

/*.navbar-left {
max-width: 85%;
}*/

.header-container {
margin-top: 92px;
}

.navbar-nav > li {
float: none;
}

.navbar-collapse {
/*position: relative;*/
/*top: 80px;*/
}

.navbar-collapse.in {
/*overflow-y: auto !important;*/
}

.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}

.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}

.navBar-container {
width: 100%;
display: table;
}

/*.navbar-toggle {
position: relative;
float: left;
padding: 9px 10px;
margin-top: 3px;
margin-right: 5px;
margin-bottom: 3px;
margin-left: 15px;
border: none;
font-size: 1.1em;
color: #fff;
}

.navbar-toggle:hover {
background: none !important;
border: none !important;
cursor: pointer;
}*/

}

@media screen and (max-width: 991px) {
/*.navbar-left {
max-width: 80%;
}*/
}

@media screen and (max-width: 767px) {
.navbar-left {
max-width: unset;
}
.header-container {
margin-top: unset;
}
#main-navbar {
border-bottom: none;
}
}

@media screen and (min-width: 1199px) {
ul.nav > li.dropdown:first-child > a {
padding: 10px 15px 10px 0px !important;
}
}

.mobile-searchicon {
margin-top: 12px;
list-style: none;
padding: 0;
}

.mobile-searchicon > li.dropdown {
float: left;
}

.mobile-searchicon > li.dropdown > a.dropdown-toggle {
color: #fff;
}

span.ce-sword {
background-color: #c03;
color: #fff;
padding: 0 .2em 0 .2em;
font-weight: bold;
}

/* HEADER */

.breadcrumb-box {
margin-top: 30px;
}

.breadcrumb-box ol {
margin: 0;
}

.breadcrumb {
padding: 8px 0px;
background-color: transparent;
}

.page-header h1 i.fa {
display: none;
}

.page-header {
border-bottom: 1px solid #CC0033;
}

/* SPRUNGMARKE */

.back-to-top {
right: 2em;
width: 42px;
height: 42px;
text-align: center;
border: 1px solid #fff;
opacity: 1;
background-color: #CC0033;
padding: .65em;
}

.back-to-top .glyphicon {
top: -1px;
margin-left: -1px;
font-weight: bold;
color: #FFF;
transform: rotate(-90deg);
}

.back-to-top:hover {
background-color: #FFF;
text-decoration: none;
color: #CC0033;;
}

.back-to-top:hover .glyphicon {
color: #CC0033;
text-decoration: none;
}

/* LEAFLET */

.leaflet-top, .leaflet-bottom {
z-index: 1;
}

/* FOOTER */

#page-footer {
background-color: #CC0033;
padding: 1em 0 1em 0;
border: 7px solid #fff;
}

#page-footer h4,
#page-footer p,
#page-footer a {
color: #FFF !important;
}

#page-footer h4 {
border-bottom: 1px solid #FFF;
padding-bottom: .5em;
}

#page-footer ul li a {
padding: 0;
}

#page-footer ul li a:hover {
text-decoration: underline;
}

#page-footer p {
margin: 0;
}

.nav-pills > li {
line-height: 1.3;
}



.footernav-container {
clear: both;
float: left;
width: 100%;
overflow: hidden;
margin-top: 1em;
}

.footernav {
float: left;
position: relative;
left: 50%;
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.footernav li {
float: left;
position: relative;
right: 50%;
color: #fff;
}

.footernav li a {
width: auto;
padding: 0 .1em !important;
}

/* Icons */

/*.external-link-new-window::before {
content: "\f14c";
}*/

.external-link::before, .external-link-new-window::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
font-size: .95em;
    content: "\f35d";
}

.internal-link::before, .external-link::before, .external-link-new-window::before, .download-link::before, .email-link::before {
    margin-right: 0.25em;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
font-size: .95em;
    -webkit-font-smoothing: antialiased;
}

/* SITEMAP */

.tree li {
    color: inherit;
    font-weight: normal;
}

.tree li a {
    color: inherit;
}

/* CAROUSEL */

@media screen and (min-width: 768px) {
.carousel-control-prev, .carousel-control-next {
    /*width: 30px;
    height: 30px;
    margin-top: -10px;*/
    font-size: 2.5rem;
 color: #CC0033;
width: auto;
opacity: 1;
  }
  .carousel-control-prev {
    margin-left: -10px;
  }
  .carousel-control-next {
    margin-right: -10px;
  }

.carousel-control-prev:hover, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-next:focus {
    color: #CC0033;
opacity: .5;
}
}

/* NEWS */

@media screen and (min-width: 992px) {

.news-single-img {
max-width: 50%;
}

.news-single-img img {
width: 100%;
height: auto;
}

}

@media screen and (max-width: 991px) {

.news-single-img {
max-width: 100%;
}

.news-single-img img {
width: 100%;
height: auto;
}

}

/* UPLOADS */

.ce-uploads .list-group { margin-top: 1em; margin-bottom: 1.5rem; }
.ce-uploads .list-group-item { border: none; padding: 0.25em 1em; }
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: inline-block; }

.ce-uploads .list-group li:nth-child(odd) {
background-color: #eee;
}

.ce-uploads .list-group li:nth-child(even) {
background-color: transparent;
}

/* SITEMAP */

.ce-menu_sitemap_pages ul.tree ul li {
line-height: 1.5em;
}

.ce-menu_sitemap_pages ul.tree li a:hover {
text-decoration: underline;
}


.ce-menu_sitemap_pages ul.tree li a span {
font-weight: 900;
}

.ce-menu_sitemap_pages ul.tree li ul li a span {
font-weight: 600;
}

.ce-menu_sitemap_pages ul.tree li ul li ul li a span {
font-weight: 400;
}

.ce-menu_sitemap_pages ul.tree ul li a span {
font-weight: normal;
}

.ce-menu_sitemap_pages ul.tree ul li ul li::before {
content: "► ";
font-size: .5em;
vertical-align: top;
}

/* TOASTS */

.toast {
max-width: unset;
width: 100%;
border-left: 1px solid  #CC0033;
border-top: 1px solid #CC0033;
border-right: 1px solid #CC0033;
border-bottom: 1px solid #CC0033;
border-radius: 0;
}


/* OTHER */

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dddddd !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li.activeLinkWrap > a {
    z-index: 2;
    color: #ffffff;
    background-color: #cc0033;
    border-color: #cc0033;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #444444;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

h2.display-4 {
font-weight: normal;
line-height: 1.7em;
color: #808080;
font-size: 1.7em;
}

/* BOTS ETC */

#puppy_form {
  display: none;
  opacity: 0;
  visibility: hidden;
}

/* RESPONSIVES */

/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 768px) {

#page, main {
margin-bottom: 6em;
}

aside {
margin-bottom: 12em;
}

}

/*@media screen and (min-width: 768px) {*/
@media screen and (min-width: 1200px) {

.desktop-only {
display: inline;
}

.mobile-only {
display: none;
}

}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 1199px) {

body {
padding-top: 80px !important;
}

.navbar-fixed-top {
top: 0;
height: 80px;
padding-top: 19px;
padding-right: 1em;
}

.desktop-only {
display: none;
}

.mobile-only {
display: inline;
}

.navbar-toggle {
/*display: inline;*/
}

.navbar-collapse.collapse {
/*display: none !important;*/
}

.navbar-collapse.collapse[aria-expanded="false"] {
/*display: none !important;*/
}

.navbar-collapse.collapse[aria-expanded="true"] {
/*display: block !important;*/
}

}