/* BBK Basis CSS anvalin.net 2017 */

/* WEBFONTS */

@font-face {
    font-family: 'GT Flexa Rg';
    src: url('../webfonts/flexa/GTFlexa-Regular.eot');
    src: url('../webfonts/flexa/GTFlexa-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/flexa/GTFlexa-Regular.woff2') format('woff2'),
        url('../webfonts/flexa/GTFlexa-Regular.woff') format('woff'),
        url('../webfonts/flexa/GTFlexa-Regular.ttf') format('truetype'),
        url('../webfonts/flexa/GTFlexa-Regular.svg#GTFlexa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Flexa Md';
    src: url('../webfonts/flexa/GTFlexa-Medium.eot');
    src: url('../webfonts/flexa/GTFlexa-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/flexa/GTFlexa-Medium.woff2') format('woff2'),
        url('../webfonts/flexa/GTFlexa-Medium.woff') format('woff'),
        url('../webfonts/flexa/GTFlexa-Medium.ttf') format('truetype'),
        url('../webfonts/flexa/GTFlexa-Medium.svg#GTFlexa-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* open-sans-regular - vietnamese_latin_cyrillic-ext_latin-ext_cyrillic_greek_greek-ext, compiled via http://google-webfonts-helper.herokuapp.com */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/opensans/open-sans-v15-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../webfonts/opensans/open-sans-v15-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/opensans/open-sans-v15-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/opensans/open-sans-v15-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/opensans/open-sans-v15-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/opensans/open-sans-v15-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Special Elite';
    src: url('../webfonts/specialelite/SpecialElite-Regular.eot');
    src: url('../webfonts/specialelite/SpecialElite-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/specialelite/SpecialElite-Regular.woff2') format('woff2'),
        url('../webfonts/specialelite/SpecialElite-Regular.woff') format('woff'),
        url('../webfonts/specialelite/SpecialElite-Regular.ttf') format('truetype'),
        url('../webfonts/specialelite/SpecialElite-Regular.svg#SpecialElite-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* LAYOUT */

body {
padding-top: 10rem;
}

main {
margin-bottom: 4rem;
}

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

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

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

}

/* TYPO */

body {
font-family: 'GT Flexa Rg', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #fff;
font-size: 105%;
}

h1, h2, h3, h4, h5, h6, nav {
font-family: 'GT Flexa Md', 'Special Elite', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1.75em;
}

h4 {
font-size: 1.5em;
}

h5 {
font-size: 1.25em;
}




p {
margin: 0 0 1em;
}

main ul {
padding-left: 1em;
}

main p a {
text-decoration: underline;
}

.grid h3 {
word-break: keep-all;
font-size: 2em;
}

.kidsevent h3 {
padding-right: 2em;
}

p.imgcaption {
margin-top: .5em;
font-size: .85em;
line-height: 1.5em;
}

.info_content h3 {
font-size: 1.5rem !important;
}

/* BOXEN BUTTONS ETC. */

.grid-item .desc p:first-child {
/*display: none;*/
}

#c92 .btn-group a {
white-space: nowrap !important;
}

#c92 {
max-width: 100%;
}

#c92 div div {
display: inline-block;
margin-bottom: .5em;
}

.grid-item {
padding: 10px 15px;
overflow: hidden;
}

.grid-item-image {
max-width: 240px;
margin-bottom: .5em;
box-shadow: 2px 4px 8px 1px #ccc;
}

div.tx-bbk-events div.images a img {
max-width: 97%;
height: auto;
margin-bottom: .5em;
box-shadow: 2px 4px 8px 1px #ccc;
}


.kidsevent .corner-ribbon.top-right {
/*z-index: -1;*/
}

.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;
}*/

.filters-button-group {
text-align: center;
}

.btn {
margin-bottom: .3em;
}

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

button.is-checked {
color: #333;
background-color: transparent;
border: 1px solid #000;
}

@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;
}
}

/* TOASTS */

div.toast {
position: absolute;
margin-left: 25%;
margin-right: 25%;
border: 5px solid #55b57c;
}

div.toast .close {
color: #000;
}

@media (max-width: 992px) {
div.toast {
top: 100px;
margin-left: 10%;
margin-right: 10%;

}
}


/* GM */

button.gm-ui-hover-effect {
top: 2px !important;
right: 2px !important;
}

button.gm-ui-hover-effect img {
width: 30px !important;
height: 30px !important;
margin: 0 !important;
}

.gm-style .gm-style-iw-c {
padding-right: 30px;
}

/* LOGOS */

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

.desktop-logo {
width: 100%;
min-height: 125px;
background-color: #EDEDED;
/*border-top: 7px solid #fff;
border-bottom: 7px solid #fff;
border-left: 7px solid #fff;*/
}

.wortmarke {
position: absolute;
left: 0;
top: 0;
}

.wortmarke h1 {
color: #fff;
font-family: 'GT Flexa Md', 'Special Elite', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: normal;
margin: 0;
}

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

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

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

.tdd-logo img {
max-height: 125px;
}


.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 */

#main-navbar {
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.navbar-fixed-top {
top: 116px;
z-index: 999;
}

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

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

.navbar-light .navbar-nav .nav-link {
color: #000;
}

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

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

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

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

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

.navbar-brand {
margin-right: 0 !important;
}

.navbar-light .navbar-brand {
    background-color: #EDEDED;
    border-radius: 100%;
    padding: 5px;
    /* margin: 5px 5px 0 0; */
    max-width: 125px;
    max-height: 125px;
}

.navbar-light .navbar-brand img {
width: 100%;
height: auto;
}


/*### */

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

.navbar-fixed-top {
/*background-color: #CC0033;
margin-top: 4px;*/
}

.navbar-brand {
position: absolute;
right: 5px;
top: 5px;
padding: 0;
height: auto;
}

.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;
}
}

@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;
}

/* HEADER */

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

.breadcrumb-box ol {
margin: 0;
}

.breadcrumb {
padding: 8px 0px;
}

.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;
}

.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;
}

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

/* LEAFLET */

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

/* TABELLE */

#c22 table td {
vertical-align: middle;
}

/* FOOTER */

#page-footer {
background-color: #EDEDED !important;
padding: 1em 0 1em 0;
}

#page-footer h4,
#page-footer p,
#page-footer a {
color: #212529;
}

#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";
}

/* SITEMAP */

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

.tree li a {
    color: inherit;
}


/* RESPONSIVES */


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

.navbar-brand {
display: none;
}

.xs-title {
display: none;
}

.desktop-only {
display: inline;
}

.mobile-only {
display: none;
}

main .list-clearfix {
display: none;
}

.grid-item-image {
margin-top: 5px;
}

}


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

body {
padding-top: 4rem;
}

.navbar-fixed-top {
top: 0;
}

.xs-title {
display: none;
}

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

.images img {
max-width: 100%;
height: auto;
}

}

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

main .list-clearfix {
display: none;
}

.grid-item-image {
margin-top: 5px;
}

}


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

.grid-item-image {
display: block;
max-width: 100%;
width: auto;
float: right;
margin-left: 0;
margin-bottom: 1.5em;
margin-top: 15px;
text-align: center;
}

main .list-clearfix::before, main .list-clearfix::after {
  content: " ";
  display: table;
} 

main .list-clearfix::after {
  clear: both;
}

main .list-clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}

}


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

body {
padding-top: 3rem;
}

.navbar-brand {
display: none;
}

#main-navbar {
padding: .1em 1em .1em 1em;
}

.xs-title {
display: inline;
padding-top: .3em;
}

.xs-title a {
color: #333;
text-decoration: none;
}

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

aside {
margin-bottom: 12em;
}

}

/*### FIX CONTAINER WIDTHS ###*/

@media (min-width: 992px)
.container {
    max-width: 100% !important;
}
}

@media (min-width: 768px)
.container {
    /* max-width: 720px; */
    max-width: 100% !important;
}
}

@media (min-width: 576px)
.container {
    /* max-width: 540px; */
    max-width: 100% !important;
}
}