@charset "UTF-8";
/*--- Schriften lokal laden */
@font-face {
  font-family: 'Faustina';
  src: url('../fonts/Faustina-Light.woff2') format('woff2'), url('../fonts/Faustina-Light.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: swap}
@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans-Regular.woff2') format('woff2'), url('../fonts/FiraSans-Regular.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: swap}
@font-face {
  font-family: 'Marcelle Script';
  src: url('../fonts/MarcelleScript.woff2') format('woff2'), url('../fonts/MarcelleScript.woff') format('woff');
  font-weight: bold; font-style: normal; font-display: swap}

/*--- Grundlegende Template Farben und Einstellungen */
:root {
  --bpr-main-bg: rgb(77, 116, 172);
  --bpr-page-bg: rgb(255,225,190);
  --bpr-main-button: var(--bpr-main-bg);
  --bpr-logo-font: "Marcelle Script";
  --cassiopeia-font-family-body: Faustina, sans-serif;
  --cassiopeia-font-family-headings: "Fira Sans", Tahoma, sans-serif;
  --cassiopeia-font-weight-headings: 600;
  --cassiopeia-font-weight-normal: 500;
  --font-sans-serif: Faustina, system-ui, -apple-system, "Segoe UI",  Arial, sans-serif;
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --body-font-family: var(--cassiopeia-font-family-body);
  --body-font-size: 1.2rem;
  --body-font-weight: 500;
  --body-line-height: 1.3}

body {
/*  background-image: url(/images/BPR_bg.jpg);
  */
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
  background: var(--bpr-page-bg) !important;
  font-family: var(--body-font-family) !important;
  background-size: contain;
  margin: 0px;
  background-attachment: fixed;
  background-size: auto 100%}

/*---  Größe der Überschriften anpassen  */
h1 {  font-size: 1.6em}
h2 {  font-size: 1.4em}
h3 {  font-size: 1.2em}
h4 {  font-size: 1.0em}
h5 {  font-size: 0.8em}
.logo-font {
  font-family: var(--bpr-logo-font);
  color: var(--bpr-main-button);
  text-align: center;
  padding: 5px 0px 10px;
  border: 2px dotted var(--bpr-main-button);
  border-radius: 10px;
  margin-bottom: 15px}
/* --- Menü anpassen */
.metismenu.mod-menu .metismenu-item > ul {
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
background-color: var(--bpr-main-bg);
box-shadow: 2px 2px 5px #666666}
.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover {
/*text-decoration: underline;
text-decoration-line: none;
text-decoration-thickness: initial;
text-decoration-style: initial;
text-decoration-color: initial;*/}
.metismenu.mod-menu .mm-collapse .metismenu-item  a { color: white; }
.mm-collapse .metismenu-item { border-bottom-style: dotted; border-color: white; border-width: 2px}

/*---  Seitenkopf (Klasse "header") & Seitenfuß (Klasse "footer") */
.header { background: var(--bpr-main-bg); font-family: var(--cassiopeia-font-family-headings)}
.footer { background: var(--bpr-main-bg); font-family: var(--cassiopeia-font-family-headings); font-size: 1.0rem}
.container-header nav { margin-top: 0.1em}
.container-header .container-nav { padding-top: 0.1em;padding-bottom: 0.1em}
.card-header { background: var(--bpr-main-bg); color: white; border-radius: var(--bs-border-radius) var(--bs-border-radius) 0px 0px}
.card {
  box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35)}
/*-- Tabellen */
th, td { padding: 2px; text-align: left}
th.vfdvlabel {
  font-size: 0.9em !important;
  vertical-align: middle !important;
  background: var(--bpr-main-bg) !important; font-family: var(--cassiopeia-font-family-headings)}
th.vfdvlabel a:link {text-decoration: none !important; color: white}
td { vertical-align: top !important}
tr.sectiontableentry1 { background: white}
tr.sectiontableentry1:nth-child(even) { background-color: #f2f2f2}
/*--- ReadMore Button */
.btn-secondary {
  font-family: var(--cassiopeia-font-family-headings) !important;
  font-size: 0.8em !important;
  font-weight: 300 !important;
  background-color: rgb(77, 116, 172, 0.3) !important;
  box-shadow: 2px 2px 5px #999999 !important}
/*--- Social Icons */
.rssocial-right {
  margin-bottom: 2px !important;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px !important}
.rssocial-link {
  padding: 0px .5em 7px!important}
/* --- Einstellungen fuer Event-Kalender und visForms */
.dp-button, input[name="form4submit"], input[name="form2submit"] {
  font-family: var(--cassiopeia-font-family-headings);
  font-weight: 300 !important;
  color: white !important;
  background-color: var(--bpr-main-button) !important;
  box-shadow: 2px 2px 5px #999999 !important;
  border: 1px solid #aaaaaa !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
  margin-bottom: 5px !important}
.dp-button { font-size: 0.7em !important}
input[name="form4submit"], input[name="form2submit"] { font-size: 1.0em !important}
.dp-button:hover, input[name="form4submit"]:hover, input[name="form2submit"]:hover {
  border: 2px inset #777777 !important;
  box-shadow: 0px 0px !important}
div.mod-dpcalendar-upcoming-default__date { font-size: 1.0rem}
div.mod-dpcalendar-upcoming-default__information { font-size: 1.0rem}
.dp-event_future{  margin-bottom: 1em}
h2.dp-event__title { font-size: 1.25rem}
a.dp-event__link:link { text-decoration: none}
a.dp-event__link:hover { text-decoration: none}
/* --- Link als Button */
.linkbox {
  display: inline-block;
  color: white;
  background-color: var(--bpr-main-bg);
  box-shadow: 2px 2px 5px #999999;
  border: 1px solid #aaaaaa !important;
  border-radius: 4px !important;
  padding: 7px 15px 10px 15px;
  margin-top: 7px; margin-bottom: 10px;
  font-family: var(--cassiopeia-font-family-headings);
  font-weight: 300 !important;
  text-decoration: none}
.linkbox:hover {
  border: 2px inset #777777 !important;
  box-shadow: 0px 0px !important;
  color: white; text-decoration: none !important}
.linkbox:visited { color: white; text-decoration: none !important}
/* --- Event-Menü als Button (direkt nach Upcoming-Events) */
div.upcoming + div.card {
  background-color: var(--bpr-main-bg) !important;
  box-shadow: 2px 2px 5px #999999 !important;
  border: 1px solid #aaaaaa !important;
  border-radius: 4px !important;
  padding: 7px 15px 10px 15px !important;
  margin-top: 7px; margin-bottom: 10px;
  font-family: var(--cassiopeia-font-family-headings);
  font-weight: 300 !important;
  text-decoration: none !important}
div.upcoming + div.card:hover {
  border: 2px inset #777777 !important;
  box-shadow: 0px 0px !important}
div.upcoming + div.card div.card-body{
  text-align: center;
  padding: 0px !important;
  margin: 0px !important}
.eventmenue > li > a { color: white; text-decoration: none !important}
.eventmenue > li > a:visited { color: white; text-decoration: none !important}
/* --- Gallery-Werbung ausblenden */
div.ba-gallery-substrate + p { color: var(--bpr-page-bg); margin-top: -18px; margin-bottom: 10px}
div.ba-gallery-substrate + p a:link { color: var(--bpr-page-bg)}
div.ba-gallery-substrate + p a:visited { color: var(--bpr-page-bg)}
/* Akkordeons */
.bpaccord[role="button"]:after {
  content: '\02795'; /* Unicode for "plus" (+) */
  font-size: 20px;
  color: #777;
  float: right;
  margin-left: 5px}
.bpaccord[aria-expanded="true"]:after {
  content: "\2796"; /* Unicode for "minus" (-) alt: transform: translateY(-50%) rotate(-135deg);*/}
/* === Einstellungen fuer hikaShop ========================(Anstatt style_custom.css)=== */
div.cartIcon {
  background-image: url("../../../../../images/icon/Saddlebag.png");
  background-size: 34px 26px;
  background-repeat: no-repeat;
  min-width: 34px; min-height: 26px}
div.cartIconFill {
  background-image: url("../../../../../images/icon/SaddlebagFull.png");
  background-size: 34px 26px;
  background-repeat: no-repeat;
  min-width: 34px; min-height: 26px}
.hikashop_subcontainer {
  background-color: rgba(255, 255, 255, 0.85) !important}
.hikashop_cart_module {
  margin-top: 5px !important;
  font-size: 0.8rem !important}
/*.hikashop_cart_149
.hikashop_small_cart_checkout_link
.hikacart {  background-color: var(--bpr-main-bg) !important}
*/
.hikashop_cart_dropdown_content {
  position: relative !important;
  width: 300px !important;
  transform: translateX(-95%) !important}
span.hikashop_product_name {font-family: var(--cassiopeia-font-family-headings) !important}
.hikashop_cart_dropdown_container { position: absolute !important}
.hikashop_quantity_form { font-size: 0.5rem !important}
.hikashop_product_quantity_change_div_plus_default { font-size: 0.5rem !important}
.hikashop_product_quantity_change_div_minus_default { font-size: 0.5rem !important}
.hikashop_product_quantity_field_change {  font-size: 0.5rem !important}
.hikabtn {
  font-family: var(--cassiopeia-font-family-headings) !important;
  font-size: 1.0em !important;
  font-weight: 300 !important;
  color: white !important;
  background-color: var(--bpr-main-button) !important;
  border: 1px solid #aaaaaa !important;
  border-radius: 4px !important;
  box-shadow: 2px 2px 5px #999999 !important;
  padding: 6px 10px !important;
  margin-bottom: 5px !important}
.hikabtn:hover {
  border: 2px inset #777777 !important;
  box-shadow: 0px 0px !important}
.hikashop_cart_proceed_to_checkout {
  font-size: 1.0em !important;
  font-weight: 300 !important;
  margin-top: 10px}
/* ========== Carousel ================ */
.cards-wrap{ display:flex}
.quote-card{ background-color:#f4f5f7;margin-bottom:20px;margin-left:5px;padding:1px 5px;height:300px;position:relative}
.quote-card .card-body{ position:relative;z-index:10}
.quote-card .card-title{ font-size:0.8em;height:45px}
.quote-card .card-title a{ text-decoration:none}
.quote-card blockquote{ margin:0;font-size:0.85em;line-height:1.2;height:100px;position:relative}
.quote-card .quotemark{ width:36px;height:36px;position:absolute;top:5px;left:5px;z-index:3}
.quote-card .quotemark svg path{ fill:#dfe1e6}
.quote-card .qorigin{ position:absolute;bottom:0px;left:10px;padding-bottom:30px}
.quote-card .qauthor{ margin-bottom:4px;font-size:0.9em;text-transform:none;position:relative}
.quote-card .qinfo{ font-size:0.75em;position:relative}
@media only screen and (max-width:100px){ .hide-sm{ display:none}}
.carousel-control-prev,.carousel-control-next{ width:35px !important;z-index:99 !important}
.carousel-control-prev-icon{ position:absolute;bottom:40px;left:2px}
.carousel-control-next-icon{ position:absolute;bottom:40px;right:2px}
.carousel-inner .carousel-item.active,.carousel-inner .carousel-item-next,.carousel-inner .carousel-item-prev{ display:flex}
@media screen and (max-width:767px){ .carousel-inner .carousel-item>div{ display:none}
 .carousel-inner .carousel-item>div:first-child{ display:block}}
.carousel-inner .carousel-item.active,.carousel-inner .carousel-item-next,.carousel-inner .carousel-item-prev{ display:flex}
@media screen and (min-width:768px){ .carousel-inner .carousel-item-end.active,.carousel-inner .carousel-item-next{ transform:translateX(25%)}
 .carousel-inner .carousel-item-start.active,.carousel-inner .carousel-item-prev{ transform:translateX(-25%)}}
.carousel-inner .carousel-item-end,.carousel-inner .carousel-item-start{ transform:translateX(0)}
/* ========== Sonderlösung ================ */
a.extern:after {
content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxNDI2IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCAyMCAyMC4wMDAwMDEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMKICAgICBpZD0iZGVmczE0MzAiPjxjbGlwUGF0aAogICAgICAgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICBpZD0iY2xpcFBhdGgxNDQyIj48cGF0aAogICAgICAgICBkPSJtIDE4LDc5OS44ODk4IGggNTU5LjI3NTYgdiAyNCBIIDE4IFoiCiAgICAgICAgIGlkPSJwYXRoMTQ0MCIgLz48L2NsaXBQYXRoPjxjbGlwUGF0aAogICAgICAgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICBpZD0iY2xpcFBhdGgxNDY0Ij48cGF0aAogICAgICAgICBkPSJNIDE4LDQxIEggNTc3LjI3NTYgViA2NSBIIDE4IFoiCiAgICAgICAgIGlkPSJwYXRoMTQ2MiIgLz48L2NsaXBQYXRoPjxjbGlwUGF0aAogICAgICAgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICBpZD0iY2xpcFBhdGgxNDg0Ij48cGF0aAogICAgICAgICBkPSJNIDE4LDY1IEggNTc3IFYgNzk5IEggMTggWiIKICAgICAgICAgaWQ9InBhdGgxNDgyIiAvPjwvY2xpcFBhdGg+PGNsaXBQYXRoCiAgICAgICBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgICAgIGlkPSJjbGlwUGF0aDE0OTQiPjxwYXRoCiAgICAgICAgIGQ9Im0gMjQuNDAwODcsMTY3LjcxNDcgaCA1NDYuNDczOSBWIDc5Mi41OTkyIEggMjQuNDAwODcgWiIKICAgICAgICAgaWQ9InBhdGgxNDkyIiAvPjwvY2xpcFBhdGg+PC9kZWZzPjxnCiAgICAgaWQ9ImcxNDMyIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywtMzg2Ljg1MDM4LDY1MC40NDI1OCkiPjxwYXRoCiAgICAgICBkPSJtIDMwMi45OTQ5NCw0ODcuODMxOTUgYyAxLjE4MTkyLDAgMi4xNDI4NiwtMC45NjA5NCAyLjE0Mjg2LC0yLjE0Mjg2IHYgLTEwLjcxNDI4IGMgMCwtMS4xODE5MiAtMC45NjA5NCwtMi4xNDI4NiAtMi4xNDI4NiwtMi4xNDI4NiBoIC0xMC43MTQyOSBjIC0xLjE4MTkyLDAgLTIuMTQyODYsMC45NjA5NCAtMi4xNDI4NiwyLjE0Mjg2IHYgMTAuNzE0MjggYyAwLDEuMTgxOTIgMC45NjA5NCwyLjE0Mjg2IDIuMTQyODYsMi4xNDI4NiB6IG0gLTcuNSwtNC4yODU3MiBjIC0wLjIxNzY0LDAgLTAuNDExODMsLTAuMTMwNTggLTAuNDk1NTQsLTAuMzMxNDcgLTAuMDgzNywtMC4yMDA4OSAtMC4wMzY4LC0wLjQzMTkyIDAuMTE3MTksLTAuNTgyNTkgbCAxLjMzOTI5LC0xLjMzOTI4IC0yLjM3NzI0LC0yLjM3NzIzIGMgLTAuMTIzODgsLTAuMTIzODkgLTAuMTkwODQsLTAuMjg3OTUgLTAuMTkwODQsLTAuNDU4NzEgMCwtMC4xNzA3NiAwLjA2NywtMC4zMzQ4MiAwLjE5MDg0LC0wLjQ1ODcxIGwgMS4yMjg4LC0xLjIyODc5IGMgMC4xMjA1MywtMC4xMjA1NCAwLjI4NDYsLTAuMTkwODUgMC40NTg3LC0wLjE5MDg1IDAuMTc0MTEsMCAwLjMzNDgzLDAuMDY3IDAuNDU4NzEsMC4xOTA4NSBsIDIuMzc3MjMsMi4zNzcyMyAxLjMzOTI5LC0xLjMzOTI4IGMgMC4xNTQwMSwtMC4xNTQwMiAwLjM4NTA0LC0wLjE5NzU1IDAuNTgyNTksLTAuMTE3MTkgMC4xOTc1NCwwLjA4MDQgMC4zMzE0NywwLjI3NzkgMC4zMzE0NywwLjQ5NTUzIHYgNC44MjE0MyBjIDAsMC4yOTQ2NCAtMC4yNDEwNywwLjUzNTcyIC0wLjUzNTcyLDAuNTM1NzIgaCAtNC44MjE0MyB6IgogICAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC4wMjc0NDkiCiAgICAgICBpZD0icGF0aDE0OTYiIC8+PC9nPjwvc3ZnPgo=);
width:25px; height:25px; display:inline-block; position:relative; bottom:-4px; padding-left:3px}
a.download:after {
content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI4OCAzMmMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMmwwIDI0Mi43LTczLjQtNzMuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTI4IDEyOGMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxMjgtMTI4YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDI4OCAyNzQuNyAyODggMzJ6TTY0IDM1MmMtMzUuMyAwLTY0IDI4LjctNjQgNjRsMCAzMmMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTMyYzAtMzUuMy0yOC43LTY0LTY0LTY0bC0xMDEuNSAwLTQ1LjMgNDUuM2MtMjUgMjUtNjUuNSAyNS05MC41IDBMMTY1LjUgMzUyIDY0IDM1MnptMzY4IDU2YTI0IDI0IDAgMSAxIDAgNDggMjQgMjQgMCAxIDEgMC00OHoiLz48L3N2Zz4=);
width:25px; height:25px; display:inline-block; position:relative; bottom:-4px; padding-left:3px}