@charset "UTF-8";
/* CSS Document */
/* great-vibes-regular - latin */

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/great-vibes-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Great Vibes'), local('GreatVibes-Regular'), url('../fonts/great-vibes-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/great-vibes-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/great-vibes-v5-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/great-vibes-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/great-vibes-v5-latin-regular.svg#GreatVibes') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url('../fonts/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('../fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
:root {
  --cassiopeia-color-primary: #e7f0f7;
  --cassiopeia-color-link: #e7f0f7;
  --cassiopeia-color-hover: #e7f0f7;
  --cassiopeia-font-weight-normal: 100;
  --cassiopeia-font-weight: 100;
}
/* Breite und Anordnung der Spalten (basierend auf dem neuen Grid-Konzept)
 ************************************************************************/
@media (min-width:768px) {
  @supports (display: grid) {
    .site-grid {
      grid-gap: 0 1em;
      display: grid;
      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] 17.0rem repeat(2, minmax(0, 19.875rem)) 12.5rem auto[main-end] minmax(0, 1fr) [full-end];
    }
    .grid-child.container-component main {
      margin-top: 0;
    }
  }
}
body {
  font-size: 140%;
  font-family: 'Open Sans Condensed', sans-serif;
  background-color: rgba(232, 240, 247, 1);
  background-image: url("../images/backgrounds/wasserzeichen.png"), url("../images/backgrounds/dots.png"), url("../images/backgrounds/back.png");
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: right 50px bottom 50px, left top 310px, left top 35px;
  background-attachment: scroll;
  line-height: 1.5em;
  font-weight: 100;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media(max-width: 991px) {
	body {
		 background-image: url("../images/backgrounds/wasserzeichen.png"), url("../images/backgrounds/dots.png");
  background-repeat: no-repeat, no-repeat;
  background-position: right 50px bottom 50px, left top 310px;
	}
}
.site-grid {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: unset;
}
.grid-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  width: 100%;
}
main {
  padding-left: 20px;
  border-left: solid 8px rgb(16, 34, 85);
  margin-top: 25px;
  min-height: 500px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans Condensed', sans-serif;
}
h1 {
  color: rgb(200, 200, 205);
  font-weight: normal;
}
h2 {
  color: rgb(200, 200, 205);
  font-weight: normal;
}
@media (min-width: 1200px) { 
.h2, h2 {
  font-size: 2.5rem;
}
	}
h3 {
  font-size: 30px;
  font-weight: normal;
  color: rgb(16, 34, 85);
  line-height: 36px;
}
blockquote {
  font-family: 'Great Vibes', italic, Arial, Helvetica, sans-serif;
  font-size: 250%;
  line-height: 1.1;
  /*background: rgba(0, 0, 0, 0) url("../images/zitat.png") no-repeat scroll left top;*/
  color: rgb(200, 200, 205);
  min-height: 45px;
  font-style: normal;
  border-left: none;
  text-shadow: 0 2px white;
}
.zitat {
  font-family: 'Great Vibes', italic, Arial, Helvetica, sans-serif;
  font-size: 200%;
  line-height: 1.3;
  color: rgb(200, 200, 205);
  min-height: 45px;
  padding-left: 60px;
  font-style: normal;
  text-shadow: 0 2px white;
}
a, a:not([class]) {
	color:rgb(200, 45, 35) ;
	text-decoration: none;
}
a:focus, a:hover, a:active {
  color: rgb(200, 45, 35) !important;
}
/*** BUTTONS ***/ 
.btn {
  --btn-padding-x: 1rem;
  --btn-padding-y: 0.6rem;
  --btn-font-size: 1.2rem;
  --btn-font-weight: 400;
  --btn-line-height: 1.5;
  --btn-color: #fff;
  --btn-bg: transparent;
  --btn-border-width: 1px;
  --btn-border-color: transparent;
  --btn-border-radius: 0.1rem;
  --btn-hover-border-color: transparent;
  --btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
  --btn-disabled-opacity: 0.65;
  --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb),.5);
  background-color:  rgb(16, 34, 85);
  border: none;
}
.btn-secondary {
  background-color: rgb(16, 34, 85);
  border: none;
  color: #fff;
}
.btn:focus, .btn:hover, .btn:active {
  color: rgb(255, 255, 255) !important;
	background-color: rgb(200, 45, 35) !important;
}
/*** BANNERS ***/
@media (min-width: 991px) {
  .mobil {
    display: none;
  }
}
  @media (max-width: 992px)  { 
    .desktop {
    display: none!important;
  }
}
/*** BANNERS ANSPRECHPARTNER SLIDESHOW **/
div#showplus_images_ansprechpartner_desktop, div#showplus_images_ansprechpartner_tablet_tablet, div#showplus_images_ansprechpartner_mobil_mobil {
  display: none;
}
@media (min-width: 767px) {
div#showplus_images_ansprechpartner_desktop {
    display:revert;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
div#showplus_images_ansprechpartner_tablet_tablet {
    display:revert;
  }
}
@media (max-width: 480px) {
div#showplus_images_ansprechpartner_mobil_mobil {
    display:revert;
  }
}
/* HAUPTMENU */
.metismenu.mod-menu .metismenu-item {
  font-size: 28px;
  padding: .5em .5em;
}
.metismenu.mod-menu .mm-collapse {
  background-color: #e7f0f7;
}
@media (max-width: 992px) {
.metismenu.mod-menu .mm-collapse {
  background-color: #586488;
}
  }
li.metismenu-item a {
  color: rgb(16, 34, 85) !important;
}
.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: none;
  color: rgb(200, 45, 35) !important;
}
.container-header .container-nav {
  justify-content: center !important;
  padding-bottom: 0;
}
@media (max-width: 992px) {
.container-header .container-nav {
  background-color: #102255;
  color:#e8f0f7;
  justify-content: left!important;
}}
.container-header .mod-menu > li > a {
  color: rgb(16, 34, 85) !important;
  position: relative;
  text-decoration: none;
  background-image: url(../images/backgrounds/trenn.png);
  background-repeat: no-repeat;
  background-position: left;
  display: block;
  padding-left: 25px;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus, .nav-ra > .active > a, .nav-ra > .active > a:hover, .nav-ra > .active > a:focus {
  color: rgb(200, 45, 35) !important;
  background-image: url(../images/backgrounds/trenn-rot.png);
  background-repeat: no-repeat;
  background-position: left;
  display: block;
}
.active > a:hover, .nav-pills > .active > a:focus, .nav-ra > .active > a, .nav-ra > .active > a:hover, .nav-ra > .active > a:focus, .container-header .mod-menu > li > a:hover, .container-header .mod-menu > li > a:active {
  color: rgb(200, 45, 35) !important;
	text-decoration: none;
}
.mod-list li.active > a {
  text-decoration: none;
}
.mod-list li.active > a, .mod-list li a:hover {
	  color: rgb(200, 45, 35) !important;
}
.dots {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 22px;
  letter-spacing: 2px;
	font-weight: 800;
}
.metismenu.mod-menu .mm-toggler {
  color: rgb(16, 34, 85) !important;
}
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list li a {
 color: rgb(16, 34, 85) !important;
}
@media (max-width: 991px) {
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list li a {
 color: rgb(255,255,255) !important;
  background-image: url(../images/backgrounds/dots-white.png);
  background-repeat: no-repeat;
  background-position: left;
  display: block;
  padding-left: 25px;
}}
.container-header .navbar-toggler {
  border-bottom: 2px dotted rgb(16, 34, 85);
  color: #e8f0f7 !important;
  cursor: pointer;
}
.container-header .navbar-toggler {
  border: 2px solid rgb(16, 34, 85);
  }
  @media (max-width: 991px) { 
.mm-toggler > li > a {
  color: rgb(255,255,255) !important;
}}

.navbar {
  --navbar-toggler-border-color: transparent;
  --navbar-toggler-border-radius:0;
  --navbar-toggler-focus-width: 0;
 }
/** MENÜ Sidebar ***/
.sidebar-left h3 {
  border-bottom: 1px dotted #b3b3b3;
  padding-bottom: 15px;
}
ul ul.nav-ra li {
  border-bottom: 1px dotted #b3b3b3;
  border-top: 1px dotted #b3b3b3;
}
.nav-ra a, .nav-ra a:not([class]) {
  color: rgb(16, 34, 85);
  text-decoration: none;
  background-image: url(../images/backgrounds/trenn.png);
  background-repeat: no-repeat;
  background-position: left;
  display: block;
  padding: 0 0 0 25px;
}
 .nav.nav-ra li {
  padding: 0;
}
.small, small {
  font-size: 1.25rem;
}
/* KASTEN */
div#kasten {
  margin: 15px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 3px solid #ffffff;
}
.wir {
  letter-spacing: 0.1em;
  font-weight: bold;
}
/*** FUSSZEILE ***/
.footer {
  color: rgb(16, 34, 85);
  background-color: transparent;
  background-image: none;
  font-size: 18px;
  text-align: center;
}
.footer .grid-child {
  border-top: 1px dotted #b3b3b3;
  border-bottom: 1px dotted #fff;
  text-align: center;
}
/****** Öffnungszeiten ******/
table tr {
  border-bottom: 2px solid rgba(16, 34, 85, 0.2);
}
table tr:first-child {
  border-top: 2px solid rgba(16, 34, 85, 0.2);
}
table td {
  padding: 5px 0px;
}
/*** MODULE ***/
.mod-custom.custom p img,  div.jmm-image.img-center {
  box-shadow: 0 0 15px rgb(107, 107, 111);
}
.ansprechpartner{
  box-shadow: 0 0 15px rgb(107, 107, 111);
}
#showplus_images_ansprechpartner_desktop, 
#showplus_images_ansprechpartner_mobil_mobil  { 
  box-shadow: 0 0 15px rgb(107, 107, 111)!important;
}
.showplusx-item {
  backgrund-size: contain;
}
/*** KONTAKT ***/
dt {
  font-weight: normal;
}
.dl-horizontal dt {
  white-space: nowrap;
}
.dl-horizontal::before, .dl-horizontal::after {
  display: table;
  content: "";
  line-height: 0;
}
@media (min-width: 1200px) {
.com-contact__container .com-contact__info {
  grid-column: 1/5;
  grid-row: 3/4;
} 
}

@media (max-width: 991px) {
  .container-header .container-nav {
  justify-content: left !important;
}
  .container-header .navbar-toggler {
  border: none;
}
.container-header .navbar-brand {
  padding-bottom: 1em;
  padding-top:1em;
    justify-content: left;
}
.container-header .container-nav, .container-header.full-width div.grid-child.container-nav {
 background-color: #102255;
}
.container-header .navbar-toggler {
  color: #e8f1f7!important;
  border: none;
}
.icon-menu {
   font-size: 1.5em;
  }
.container-header .mod-menu > li > a {
  color: #e8f1f7!important;
}
.container-header nav {
  padding-bottom: 0;
}
.container-header .grid-child {
  padding: 0.2em;
}
}
/*** BACK TO  TOP ***/
.back-to-top-link {
  color: #e8f1f7;
  background-color:#102255 ;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  opacity: 0.5;
  background-color: #102255;
}
@media (width <= 767.98px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0em;
  }
}