@charset "UTF-8";
:root {
  --page-gutter: 10px;
}
@media screen and (max-width: 830px) {
  :root {
    --page-gutter: 10px;
  }
}
@media screen and (max-width: 550px) {
  :root {
    --page-gutter: 10px;
  }
}

.page-grid,
#wrapper-top,
#wrapper-navitop,
#wrapper-navibreadcrumb,
#wrapper-content,
#wrapper-bottom {
  display: grid;
  grid-template-columns: [full-start] minmax(var(--page-gutter), 1fr) [content-start] minmax(0, 1000px) [content-end] minmax(var(--page-gutter), 1fr) [full-end];
}

:where(.page-grid, #wrapper-top, #wrapper-navitop, #wrapper-navibreadcrumb, #wrapper-content, #wrapper-bottom) > * {
  grid-column: content;
}

:where(.page-grid, #wrapper-top, #wrapper-navitop, #wrapper-navibreadcrumb, #wrapper-content, #wrapper-bottom) > .full {
  grid-column: full;
}

* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

img {
  box-sizing: border-box;
  border: none;
  vertical-align: bottom;
}

body {
  margin: 0;
  background-color: #ffffff;
}

html, body, td, th {
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 100%;
}

:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

h1, h2, h3 {
  margin: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0.3125rem;
}

iframe {
  display: block;
}

a:focus:not(:focus-visible) {
  outline: none;
}

video,
iframe {
  display: block;
}

figure.table {
  margin: 0;
}

/* Space */
.frame-space-before-extra-small {
  margin-top: 0.3125rem;
}

.frame-space-before-small {
  margin-top: 0.625rem;
}

.frame-space-before-medium {
  margin-top: 1.25rem;
}

.frame-space-before-large {
  margin-top: 1.875rem;
}

.frame-space-before-extra-large {
  margin-top: 2.5rem;
}

.frame-space-after-extra-small {
  margin-bottom: 0.3125rem;
}

.frame-space-after-small {
  margin-bottom: 0.625rem;
}

.frame-space-after-medium {
  margin-bottom: 1.25rem;
}

.frame-space-after-large {
  margin-bottom: 1.875rem;
}

.frame-space-after-extra-large {
  margin-bottom: 2.5rem;
}

#wrapper-main {
  padding-top: 7.5rem;
}

#wrapper-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  height: 7.5rem;
  padding-top: 0.625rem;
  background-color: #009fe3;
}

#wrapper-logo {
  grid-row: 1;
  justify-self: start;
  align-self: start;
}

#wrapper-content {
  font-size: 1rem;
  position: relative;
  padding: 3.75rem 0;
  color: #575756;
}
#wrapper-content a:link, #wrapper-content a:visited {
  color: #575756;
}
#wrapper-content ul {
  margin: 0;
  padding: 0;
  margin-left: 15px;
}
#wrapper-content li {
  line-height: 1.375rem;
}
#wrapper-content p {
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}
#wrapper-content h1 {
  font-size: 2.375rem;
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
  color: #023d58;
}
#wrapper-content h1 a:link, #wrapper-content h1 a:visited {
  color: #023d58;
  text-decoration: none;
}
#wrapper-content h2 {
  font-size: 1.625rem;
  line-height: 1.75rem;
  margin-bottom: 0.9375rem;
  font-weight: normal;
  color: #009fe3;
}
#wrapper-content h2 a:link, #wrapper-content h2 a:visited {
  color: #009fe3;
  text-decoration: none;
}
#wrapper-content h3, #wrapper-content h4 {
  font-size: 1rem;
  margin-bottom: 0.9375rem;
  color: #009fe3;
  text-transform: uppercase;
}
#wrapper-content h3 a:link, #wrapper-content h3 a:visited, #wrapper-content h4 a:link, #wrapper-content h4 a:visited {
  color: #009fe3;
  text-decoration: none;
}
#wrapper-content pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 8px 0;
}

#wrapper-bottom {
  margin-top: 10px;
  background-color: #009fe3;
  padding: 0.9375rem 0;
  color: #ffffff;
  font-size: 0.875rem;
}
#wrapper-bottom a:link, #wrapper-bottom a:visited {
  color: #ffffff;
}
#wrapper-bottom .locations h3 {
  color: #023d58;
  text-transform: uppercase;
  font-size: 0.875rem;
  margin: 0 0 1.25rem;
}
#wrapper-bottom .locations .cols .col {
  line-height: 1.25rem;
}
#wrapper-bottom .locations p {
  margin-bottom: 0;
}
#wrapper-bottom .copyright-meta {
  margin-top: 3.125rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  -moz-column-gap: 1.5625rem;
       column-gap: 1.5625rem;
  row-gap: 0.3125rem;
}
#wrapper-bottom .copyright-meta .copyright {
  text-transform: uppercase;
  font-weight: bold;
}

#wrapper-navitop {
  display: block;
  grid-row: 1;
  justify-self: end;
  align-self: start;
  margin-top: 5rem;
  margin-right: 0.625rem;
  font-size: 1.25rem;
}

ul.navitop-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  justify-content: flex-end;
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
}
ul.navitop-menu li {
  padding: 0;
  margin: 0;
  position: relative;
}
ul.navitop-menu li a:link, ul.navitop-menu li a:visited {
  display: block;
  color: #023d58;
  text-decoration: none;
}
ul.navitop-menu li a:hover {
  color: #ffffff;
}
ul.navitop-menu li a.active:link, ul.navitop-menu li a.active:visited {
  color: #ffffff;
}
ul.navitop-menu li:hover > a {
  color: #ffffff;
}
ul.navitop-menu li:hover ul, ul.navitop-menu li:focus-within ul {
  display: block;
}
ul.navitop-menu li ul {
  list-style-type: none;
  margin: 0;
  padding: 0.625rem 0.9375rem;
  position: absolute;
  left: -0.9375rem;
  top: 100%;
  display: none;
  min-width: 160px;
  z-index: 99999;
  background-color: #009fe3;
}
ul.navitop-menu li ul li {
  display: block;
}
ul.navitop-menu li ul li a:link, ul.navitop-menu li ul li a:visited {
  padding: 0;
}
#wrapper-navimeta {
  display: inline-block;
  margin: 0;
}

ul.navimeta-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  justify-content: flex-start;
  -moz-column-gap: 0;
       column-gap: 0;
  font-size: 0.875rem;
}
ul.navimeta-menu li {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
ul.navimeta-menu li + li::before {
  content: "|";
  padding: 0 12px;
}
ul.navimeta-menu li a:link, ul.navimeta-menu li a:visited {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
}
ul.navimeta-menu li a:hover {
  color: #023d58;
}
ul.navimeta-menu li a.active:link, ul.navimeta-menu li a.active:visited {
  color: #023d58;
}

ol.navibreadcrumb-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  justify-content: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 0.875rem;
}
ol.navibreadcrumb-menu li {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
ol.navibreadcrumb-menu li a:link, ol.navibreadcrumb-menu li a:visited {
  display: inline-block;
  color: #000;
  text-decoration: none;
}
ol.navibreadcrumb-menu li a:hover {
  text-decoration: underline;
}
ol.navibreadcrumb-menu li a.active:link, ol.navibreadcrumb-menu li a.active:visited {
  text-decoration: underline;
}

#wrapper-language {
  display: flex;
  justify-content: flex-end;
  margin-right: 0.625rem;
  grid-row: 1;
  justify-self: end;
  align-self: start;
}

ul.language-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  justify-content: flex-start;
  -moz-column-gap: 0;
       column-gap: 0;
}
ul.language-menu li {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #023d58;
}
ul.language-menu li + li::before {
  content: "|";
  padding: 0 8px;
}
ul.language-menu li a:link, ul.language-menu li a:visited {
  display: inline-block;
  color: #023d58;
  text-decoration: none;
}
ul.language-menu li a:hover {
  color: #ffffff;
}
ul.language-menu li a.active:link, ul.language-menu li a.active:visited {
  color: #ffffff;
}

ul.social-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
ul.social-menu li {
  padding: 0 0 0 10px;
  margin: 0;
  display: inline-block;
  font-size: 1.5rem;
}
ul.social-menu li svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle;
}
ul.social-menu li a:link, ul.social-menu li a:visited {
  display: inline-block;
  color: #000;
  text-decoration: none;
}
ul.social-menu li a:hover {
  color: #ffffff;
}

#wrapper-mood {
  background-color: #009fe3;
  text-align: center;
  line-height: 0;
}

.moodslider {
  position: relative;
  overflow: hidden;
}

.moodslider-slides {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}
.moodslider-slides > li {
  grid-area: 1/1;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.moodslider-slides > li.is-active {
  opacity: 1;
  z-index: 1;
}
.moodslider-slides img {
  display: block;
  width: 100%;
  height: auto;
}

.moodslider-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.moodslider-nav button {
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  border: 1px solid #9a9292;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
.moodslider-nav button:hover, .moodslider-nav button.is-active {
  background: #d5d5d5;
}
.moodslider-nav button.is-active {
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  .moodslider-slides > li {
    transition: none;
  }
}
.frame-type-gm-wide-container {
  grid-column: full;
  display: grid;
  grid-template-columns: [full-start] minmax(var(--page-gutter), 1fr) [content-start] minmax(0, 1000px) [content-end] minmax(var(--page-gutter), 1fr) [full-end];
}
.frame-type-gm-wide-container > * {
  grid-column: content;
}
.frame-type-gm-wide-container > .full {
  grid-column: full;
}
.frame-type-gm-wide-container > .widecontainer-wrapper {
  grid-column: full;
}

.widecontainer-wrapper {
  grid-column: full;
  display: grid;
  grid-template-columns: [full-start] minmax(var(--page-gutter), 1fr) [content-start] minmax(0, 1000px) [content-end] minmax(var(--page-gutter), 1fr) [full-end];
}
.widecontainer-wrapper > * {
  grid-column: content;
}
.widecontainer-wrapper > .full {
  grid-column: full;
}
.widecontainer-wrapper {
  background-color: #d9d9d9;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.widecontainer-wrapper.withpadding {
  padding: 1.25rem 0;
}
.widecontainer-wrapper.nopadding {
  padding: 0;
}
#wrapper-content .frame-type-gm-wide-container.frame-darkblue, #wrapper-content .frame-type-gm-wide-container.frame-lightblue {
  color: #ffffff;
}
#wrapper-content .frame-type-gm-wide-container.frame-darkblue h1, #wrapper-content .frame-type-gm-wide-container.frame-darkblue h2, #wrapper-content .frame-type-gm-wide-container.frame-darkblue h3, #wrapper-content .frame-type-gm-wide-container.frame-darkblue h4,
#wrapper-content .frame-type-gm-wide-container.frame-darkblue a:link, #wrapper-content .frame-type-gm-wide-container.frame-darkblue a:visited, #wrapper-content .frame-type-gm-wide-container.frame-lightblue h1, #wrapper-content .frame-type-gm-wide-container.frame-lightblue h2, #wrapper-content .frame-type-gm-wide-container.frame-lightblue h3, #wrapper-content .frame-type-gm-wide-container.frame-lightblue h4,
#wrapper-content .frame-type-gm-wide-container.frame-lightblue a:link, #wrapper-content .frame-type-gm-wide-container.frame-lightblue a:visited {
  color: #ffffff;
}
#wrapper-content .frame-type-gm-wide-container.frame-darkblue .widecontainer-wrapper {
  background-color: #023d58;
}
#wrapper-content .frame-type-gm-wide-container.frame-darkblue .highlight {
  color: #009fe3;
}
#wrapper-content .frame-type-gm-wide-container.frame-lightblue .widecontainer-wrapper {
  background-color: #009fe3;
}
#wrapper-content .frame-type-gm-wide-container.frame-lightblue .highlight {
  color: #023d58;
}

.simple-gallery {
  display: grid;
  justify-content: space-evenly;
  grid-gap: 20px;
}
.simple-gallery figure {
  display: inline-block;
  padding: 0;
  margin: 0 10px 10px 0;
  position: relative;
}
.simple-gallery figure figcaption {
  color: #000;
  font-size: 0.875rem;
  padding: 10px;
  width: 100%;
}

.cols-1-1.cols {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cols .col {
  line-height: 1.375rem;
}

.cols-1-1-1.cols {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cols-1-1-1-1.cols {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.frame-type-gm-accordion-container-single > header, .gm-accordion-wrapper header {
  background-color: #d9d9d9;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  padding: 0.625rem 1.25rem;
  position: relative;
}
.frame-type-gm-accordion-container-single > header:hover, .gm-accordion-wrapper header:hover {
  transition: background-color 0.2s ease-in-out;
  background-color: #575756;
}
.frame-type-gm-accordion-container-single > header h1, .gm-accordion-wrapper header h1, .frame-type-gm-accordion-container-single > header h2, .gm-accordion-wrapper header h2, .frame-type-gm-accordion-container-single > header h3, .gm-accordion-wrapper header h3, .frame-type-gm-accordion-container-single > header h4, .gm-accordion-wrapper header h4 {
  font-size: 1.125rem !important;
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
}
.frame-type-gm-accordion-container-single > header h1:before, .gm-accordion-wrapper header h1:before, .frame-type-gm-accordion-container-single > header h2:before, .gm-accordion-wrapper header h2:before, .frame-type-gm-accordion-container-single > header h3:before, .gm-accordion-wrapper header h3:before, .frame-type-gm-accordion-container-single > header h4:before, .gm-accordion-wrapper header h4:before {
  content: "›";
  font-size: 1.125rem;
  display: inline-block;
  margin-right: 0.3125rem;
  transition: transform 0.2s ease-in-out;
  font-weight: bold;
  color: #000;
}
.frame-type-gm-accordion-container-single > header.gm-accordion_active, .gm-accordion-wrapper header.gm-accordion_active {
  background-color: #575756;
}
.frame-type-gm-accordion-container-single > header.gm-accordion_active h1:before, .gm-accordion-wrapper header.gm-accordion_active h1:before, .frame-type-gm-accordion-container-single > header.gm-accordion_active h2:before, .gm-accordion-wrapper header.gm-accordion_active h2:before, .frame-type-gm-accordion-container-single > header.gm-accordion_active h3:before, .gm-accordion-wrapper header.gm-accordion_active h3:before, .frame-type-gm-accordion-container-single > header.gm-accordion_active h4:before, .gm-accordion-wrapper header.gm-accordion_active h4:before {
  transform: rotate(90deg);
}

.gm-accordion-wrapper .frame.frame-layout-0 {
  margin-bottom: 20px;
  background-color: #d9d9d9;
}
.gm-accordion-wrapper .ce-bodytext {
  padding: 0.625rem 1.25rem;
}
.gm-accordion-wrapper + *:not(.gm-accordion-wrapper) {
  margin-top: 0.9375rem;
}

body .klaro .cookie-modal .cm-modal .cm-header h1 {
  font-size: 1.25rem;
}

.frame-layout-99 .ce-gallery .image img {
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
}
.frame-layout-99 .ce-gallery .image:hover img {
  filter: grayscale(0%);
}

#wrapper-content form input[type=text],
#wrapper-content form input[type=email],
#wrapper-content form select,
#wrapper-content form textarea {
  font-size: 0.875rem;
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  padding: 3px 3px 3px 5px;
  width: 100%;
  border: 1px solid #000;
}
#wrapper-content form input,
#wrapper-content form select {
  height: 30px;
}
#wrapper-content form textarea {
  height: 130px;
}
#wrapper-content form label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
#wrapper-content form select {
  width: auto;
}
#wrapper-content form select::-ms-expand {
  display: none;
}
#wrapper-content form input[type=radio],
#wrapper-content form input[type=checkbox] {
  font-size: 0.625rem;
  margin: 0;
  margin-right: 10px;
  vertical-align: middle;
}
#wrapper-content form button[type=submit],
#wrapper-content form button[type=reset] {
  background-color: #575756;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 5px 5px;
  height: 30px;
}
#wrapper-content form fieldset {
  border: 1px solid #000;
  padding: 5px;
}
#wrapper-content form .form-group {
  margin-bottom: 10px;
}