/*****************************************************************
* VARIABLES
*****************************************************************/
/*****************************************************************
* GLOBALS
*****************************************************************/
html, body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 16px; }

.ccm-image-block {
  max-width: 100%;
  height: auto; }

h1 {
  font-weight: 100;
  font-size: 40px;
  color: #0077be;
  padding: 0;
  margin: 0 0 30px 0; }

h2 {
  font-weight: 400;
  font-size: 22px;
  color: #0077be;
  text-transform: uppercase;
  padding: 0;
  margin: 35px 0 35px 0; }

h4 {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #0077be;
  margin: 6px 0 30px 0; }

a {
  color: #0077be;
  text-decoration: none; }

input {
  background-color: #ececec;
  border: 0;
  padding: 5px; }

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

.logo-row {
  padding-top: 35px;
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
  .logo-row {
    padding-top: 80px;
    margin-bottom: 30px; } }

img.logo {
  width: 310px;
  max-width: 100%;
  height: auto;
  /*****************************************************************
* NAVIGATIONS
*****************************************************************/ }

a:focus-visible, .nav-link:focus-visible {
  outline: 0;
  box-shadow: inset 0px 0px 0px 2px #0077be; }

div.navbar {
  background: #fff; }

div.meta-nav {
  background-color: #fff;
  float: right; }
  @media screen and (max-width: 991px) {
  div.meta-nav {
    float: unset;
    margin-top: 15px; }
    div.meta-nav .nav-link, div.meta-nav .nav-link:hover, div.meta-nav .nav-link:active {
      padding: 10px 0; }

    div.meta-nav .nav-link:hover {
      color: #0077be; } }
  div.meta-nav ul.nav {
    padding: 0;
    margin: 0; }
  div.meta-nav li {
    float: left;
    width: auto;
    background-color: #fff; }
    @media screen and (max-width: 991px) {
  div.meta-nav li:first-of-type {
    display: none; } }
  div.meta-nav a, div.meta-nav a:active, div.meta-nav a:visited, div.meta-nav a:focus, div.meta-nav a:hover {
    color: #000;
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: normal; }

.home div.main-nav .navbar {
  margin-bottom: 0; }

.navbar-toggler {
  border-radius: 0;
  padding: 2px 7px; }

div.main-nav {
  /*****************************************************************
* ELEMENTS
*****************************************************************/ }
  @media screen and (min-width: 992px) {
  div.main-nav {
    margin-left: -9px; } }
  div.main-nav .navbar-nav {
    position: relative;
    text-transform: uppercase;
    /*
		hr.navbar-bottom {
			clear: both;
			margin-top: -10px;
			padding: 0;
			color: $default-input-bg-color;
			height: 1px;
			box-shadow: none;
			box-sizing: inherit;
			border-top: 1px solid $default-input-bg-color;
			display: block;
		}
		*/
    border-bottom: 1px solid #ececec; }
  div.main-nav li {
    margin: 0 0 7px 0; }
    @media screen and (max-width: 991px) {
  div.main-nav li:last-child {
    margin-bottom: 15px; } }
    div.main-nav li.active.siblings > a, div.main-nav li.active.siblings:active > a, div.main-nav li.active.siblings:visited > a, div.main-nav li.active.siblings:focus > a {
      color: #0077be;
      border-bottom: none; }
  div.main-nav a:hover {
    color: #0077be; }

body:not(.home) header {
  margin: 0 0 60px 0; }

.top-bar {
  border-bottom: 1px solid #ececec; }
  @media screen and (max-width: 991px) {
  .top-bar {
    padding: 15px; } }

.middle-bar {
  margin-bottom: 40px; }

@media screen and (max-width: 991px) {
    .bottom-bar {
      display: block !important;
      border-bottom: 1px solid #ececec; } }

.header-desktop {
  display: block; }
  @media screen and (max-width: 767px) {
  .header-desktop {
    display: none; } }

.navbar .dropdown-menu {
  border-radius: 0;
  min-width: 230px; }
  @media screen and (max-width: 991px) {
    .navbar .dropdown-menu {
      padding: 15px; } }
  .navbar hr:not(:last-child) {
    border-top: 1px solid #ddd; }
  .navbar .navbar-nav > li a {
    font-weight: bold; }
  .navbar .navbar-nav .level-1, .navbar .navbar-nav .level-2 {
    list-style-type: none; }
  .navbar .navbar-nav .level-2 a {
    font-weight: unset; }
  @media screen and (min-width: 991px) {
      .navbar .navbar-nav .dropdown-menu {
        -webkit-box-shadow: 7px 7px 15px 0px rgba(51, 51, 51, 0.3);
        -moz-box-shadow: 7px 7px 15px 0px rgba(51, 51, 51, 0.3);
        box-shadow: 7px 7px 15px 0px rgba(51, 51, 51, 0.3);
        margin-top: -1px; } }
  .navbar .navbar-nav a, .navbar .navbar-nav a:visited, .navbar .navbar-nav a:active {
    background: #fff;
    color: #000; }
  .navbar .navbar-nav a:hover {
    background: #fff;
    color: #0077be; }
  .navbar .navbar-nav a.active {
    background: #fff;
    color: #000; }

.header-mobile {
  display: none; }
  @media screen and (max-width: 767px) {
  .header-mobile {
    display: block; } }
  .header-mobile .language-switcher-wrapper {
    margin-top: 5px;
    margin-left: 15px; }
  .header-mobile .navbar {
    text-transform: uppercase; }
  .header-mobile .navbar hr:not(:last-child) {
    border-top: 1px solid #ddd; }
  .header-mobile .nav-icon {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer; }
  .header-mobile ul.level-1, .header-mobile ul.level-2 {
    display: none;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    list-style-image: none;
    list-style-type: none; }
  .header-mobile ul.level-1 li, .header-mobile ul.level-2 li {
    padding: 0;
    margin: 0; }
  .header-mobile ul.level-1 a, .header-mobile ul.level-2 a, .header-mobile ul.level-1 a:visited, .header-mobile ul.level-2 a:visited, .header-mobile ul.level-1 a:hover, .header-mobile ul.level-2 a:hover, .header-mobile ul.level-1 a:active, .header-mobile ul.level-2 a:active {
    background: #fff;
    color: #000; }
  .header-mobile ul.level-1 a.active, .header-mobile ul.level-2 a.active {
    background: #fff;
    color: #000; }
  .header-mobile ul.level-1 li a {
    padding-left: 25px; }
  .header-mobile ul.level-2 li a {
    padding-left: 50px; }
  .header-mobile .navbar-nav {
    margin: 7px 0px; }
  .header-mobile .navbar-nav > ul {
    border-bottom: 1px solid #ececec; }
  .header-mobile .navbar-nav > li {
    margin-bottom: 10px; }
  .header-mobile .navbar-nav > li > a {
    padding: 0;
    margin: 0;
    display: block; }
  .header-mobile .navbar-nav > li.active > a.active {
    color: #0077be; }
  .header-mobile .navbar-collapse {
    min-height: 386px; }
  .header-mobile .navbar-default .navbar-nav > .active > a, .header-mobile .navbar-default .navbar-nav > .active > a:focus, .header-mobile .navbar-default .navbar-nav > li > a {
    color: #000;
    background-color: #fff; }
  .header-mobile .navbar-default .navbar-nav > .active > a:hover {
    color: #0077be; }
  .header-mobile .navbar-default ul {
    margin-bottom: 10px !important; }
  .header-mobile .navbar-default .navbar-nav .active > a {
    color: #0077be; }
  .header-mobile .navbar-default .navbar-nav .active > ul {
    display: block; }
  .header-mobile .meta-navigation .navbar-nav li:first-child {
    display: none; }
    .header-mobile .meta-navigation .navbar-nav li a {
      text-transform: none; }

.language-switcher-wrapper .btn-switch-language {
  background-color: #fff;
  border: none;
  padding: 0;
  margin: 0; }
  .language-switcher-wrapper .dropdown-menu {
    min-width: unset;
    border-radius: 0;
    margin: 0;
    padding: 0;
    left: -7px;
    top: 27px; }
  .language-switcher-wrapper .dropdown-menu .dropdown-item {
    padding: 7px; }
    .language-switcher-wrapper .dropdown-menu .dropdown-item:active, .language-switcher-wrapper .dropdown-menu .dropdown-item:hover {
      background-color: #efefef; }

div.sidebar {
  padding-left: 20px;
  border-left: 1px solid #0077be; }
  @media screen and (max-width: 767px) {
  div.sidebar {
    padding-left: 0;
    border-left: none;
    margin-top: 50px; } }

div.search {
  float: right;
  position: relative; }
  div.search input[type="text"] {
    width: 255px; }
  @media screen and (max-width: 767px) {
    div.search input[type="text"] {
      width: 100%; } }
  div.search input[type="submit"] {
    position: absolute;
    top: 3px;
    right: 0;
    border: 0;
    background: rgba(0, 0, 0, 0) url("../img/btn_loupe.png") no-repeat scroll 4px 6px; }
  div.search input[type="submit"]:focus-visible {
    box-shadow: inset 0px 0px 0px 2px #0077be;
    border-radius: 0;
    width: 28px !important;
    height: 28px !important;
    display: inline-block;
    right: 2px; }
  @media screen and (max-width: 767px) {
  div.search {
    display: block;
    position: absolute;
    top: -61px;
    left: 50%;
    transform: translateX(-50%); } }

.search-wrapper {
  margin-bottom: 20px; }
  .search-wrapper input.ccm-search-block-text {
    width: 60%;
    height: 36px; }
  .search-wrapper input[type="submit"] {
    color: #fff;
    background-color: #4f97dc;
    border-color: #3a8ad8; }
  .search-wrapper div#searchResults {
    margin-top: 30px;
    clear: both; }
  .search-wrapper ul.custom-pagination {
    list-style-type: none;
    padding: 0;
    margin: 30px 0 0 0; }
  .search-wrapper ul.custom-pagination li {
    float: left;
    margin-right: 20px; }

.fontsize-wrapper {
  display: block;
  float: left;
  height: 22px;
  width: 19px;
  vertical-align: bottom !important; }

.fontsize {
  color: #000; }
  .fontsize.active {
    color: #0077be; }

.ccm-image-slider-container {
  margin-bottom: 65px;
  height: 420px;
  overflow: hidden;
  margin-top: -9px; }
  @media screen and (max-width: 767px) {
  .ccm-image-slider-container {
    height: 420px;
    overflow: hidden; } }
  .ccm-image-slider-container a.mega-link-overlay {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    left: 0px; }
  .ccm-image-slider-container img {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .ccm-image-slider-container img {
      width: auto; } }
  .ccm-image-slider-container .ccm-image-slider-title {
    margin-top: 0; }
  .ccm-image-slider-container .ccm-image-slider-text {
    position: absolute;
    width: 45%;
    left: 0;
    top: 10%; }
  .ccm-image-slider-container .ccm-image-slider-text {
    background-color: rgba(79, 151, 220, .3);
    position: absolute;
    top: 275px;
    right: 0;
    width: 100%;
    height: auto;
    min-height: 145px;
    text-align: center;
    font-weight: 200;
    clear: inherit;
    padding-top: 0; }
  @media screen and (max-width: 767px) {
    .ccm-image-slider-container .ccm-image-slider-text {
      bottom: 0;
      padding: 20px;
      top: auto;
      text-shadow: 2px 2px #333; } }
  .ccm-image-slider-container .ccm-image-slider-text .ccm-image-slider-title {
    color: #fff;
    font-size: 40px;
    font-weight: 200;
    padding-top: 20px;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
    .ccm-image-slider-container .ccm-image-slider-text .ccm-image-slider-title {
      font-size: 30px; } }
  .ccm-image-slider-container .ccm-image-slider-text p {
    color: #fff;
    font-size: 24px;
    font-weight: 200; }
    @media screen and (max-width: 767px) {
    .ccm-image-slider-container .ccm-image-slider-text p {
      font-size: 18px; } }

#tabs {
  margin-top: 15px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #000;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  color: #000; }

.nav-tabs > li.ui-state-default {
  color: #0077be;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 10px 20px; }

.nav-tabs > li.ui-tabs-active > a, .nav-tabs > li.ui-tabs-active > a:hover {
  border-bottom: 1px solid #0077be;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-weight: bold;
  color: #000; }

.nav-tabs > li > a {
  font-weight: bold; }

.nav-tabs > li > a:focus {
  color: #000; }

.tab-content {
  margin-top: 35px; }
  .tab-content a {
    color: #0077be; }

.footer-wrapper {
  margin-top: 100px;
  padding-top: 20px;
  font-size: 14px;
  border-top: 1px solid #ececec; }
  .footer-wrapper a, .footer-wrapper a:active, .footer-wrapper a:visited, .footer-wrapper a:focus {
    color: #000; }

.float-left {
  float: left;
  margin-right: 40px; }

.googleMapCanvas {
  margin-bottom: 50px; }

.ccm-image-slider {
  height: 420px; }

.rslides li {
  height: 420px; }

.rslides_nav {
  margin-top: unset !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }

@media print {
  a[href]:after {
    content: none !important; } }