@font-face {
  font-family: 'KlavikaWebBasic';
  src: url('../fonts/KlavikaWebBasicLight/KlavikaWebBasicLight.woff2') format('woff2'),
       url('../fonts/KlavikaWebBasicLight/KlavikaWebBasicLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Material Icons';
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
       url('../fonts/MaterialIcons-Regular.woff') format('woff'),
       url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* material icons */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

html { font-family: 'KlavikaWebBasic',sans-serif; font-weight: 300; font-style: normal; color: #473E3F; font-size: 16px; line-height: 1.5em; background-color: #EDEAE9; }

/* structure, general styles */
body { padding-top: 100px; }
#header { position: fixed; top: 0; width: 100%; height: 100px; z-index: 2; text-align: center; transition: background-color 0.5s, color 0.5s; }
.logo { position: absolute; left: 0; margin: 32px 0 0 15px; }
.logo img { height: 31px; width: 110px; }
#slides { background: #473E3F; position: relative; }
#slides .slider div { position: relative; height: 100vh; background: #473E3F; }
#slides .slider div img, 
#slides .slider div video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.75; }
#slides .slider div video { opacity: 0.85; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#slides .scrolldown { position: absolute; left: 0; right: 0; z-index: 1; bottom:25px; display: block; text-align: center; font-size: 3em; }
#slides .control a { color: #fff; }
#slides .control a:hover { color: #000; }
#logo { position: absolute; top: 40%; left: 0; right: 0; z-index: 1; }
#logo img { width: 240px; margin: 0 auto; display: block; }
.uk-slideshow-fullscreen { transition: height 0.5s; }
.uk-slideshow.muted { opacity: 0.75; }
.content { padding: 3rem 0; }
#footer ul { list-style: none; padding: 0; }
#footer small { line-height: 1.5em; display: inline-block; }
.footermenu a { margin-right: 1em; }
h1, h2, h3, h4 { font-family: 'KlavikaWebBasic',sans-serif; font-size: 1.5em; line-height: 1.25em; margin: 0.5em 0 0.5em 0; font-weight: 300; color: #473E3F; }
h4 { font-size: 1em; }
* + p, * + ol, * + ul, * + iframe { margin: 0.75em 0; }
.uk-modal iframe { margin: 0; }
ul, ol { padding-left: 1.2em; }
p a, li a, .crumbs a { text-decoration: underline; transition: color 0.33s; }
p a:hover, li a:hover, .crumbs a:hover, a:hover { text-decoration: none; }
.float-r { float: right; }
.uppercase { text-transform: uppercase; }
.nowrap { white-space: nowrap; }
.uk-width-medium-2-3.uk-container-center { text-align: center; }
strong { font-weight: 300; font-style: normal; }

/* list, table */
.list-style-1-wrapper ul, .list-style-1 { text-align: left; list-style: none; padding: 0; }
.list-style-1-wrapper ul li, .list-style-1 li { padding: 0.5em 0; border-bottom-width: 1px; border-bottom-style: solid; }
.list-style-1-wrapper ul li a, .list-style-1 li a { text-decoration: none; display: block; }
.list-style-1.list-icon li a span { display: inline-block; width: 90%; }
.list-style-1 li a i { float: right; line-height: 1.333em; }
.list-style-2 { list-style: none; padding: 0; }
.list-style-2 a.uk-button { display: block; }
.table-style-1 { width: 100%; text-align: left; }
.table-style-1 td, .table-style-1 th { padding: 0.5em 0; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; text-align: left; }

/* menu, nav, icons */
.crumbs { white-space: nowrap; overflow: hidden; line-height: 50px; }
.content .material-icons,
.menu .material-icons { vertical-align: text-top; margin-top: 1px; }
.content .theme-size-l .material-icons,
.content h2 .material-icons { margin-top: 2px; }
.material-icons { line-height: 1em; font-size: 1em; vertical-align: middle; }
.control a { display: inline-block; }
.menu { position: fixed; top: 0; right: 0; left: 0; z-index: 3; text-align: center; padding: 20px 0; }
#header ul { list-style: none; display: inline-block; padding: 0; margin:0; font-size: 1em; }
#header ul li { float: left; }
#header .icomenu { margin: 30px 17px 0 0; text-align: center; position: absolute; right: 0; }
#header .icomenu li a { padding: 8px; display: block; }
#header .icomenu li a i { vertical-align: text-bottom; margin-bottom: 1px; font-size: 26px; }
#header .icomenu li:nth-of-type(2) a i { font-size: 32px; }
#header .icomenu li:nth-of-type(2) a { padding: 4px; }
#header .icomenu .menu-toggler a i { font-size: 30px; line-height: 26px; }
.menu ul { list-style: none; display: inline-block; padding: 0; margin:0; }
.menu ul.main { font-size: 1.5em; }
.menu ul li { margin: 0.5em; }
.menu a { text-decoration: none; }
a h2 .material-icons { color: #A8A5A2; transition: background-color 0.33s; }
a.panel { display: block; }
.bullet { height:1rem; width:1rem; display: inline-block; }
.uk-overlay-icon::before { content: "play_circle_filled"; font-family: 'Material Icons'; font-feature-settings: 'liga'; }
.rotate-90cw { transform: rotate(90deg); }

/* menu, submenu */
#header > ul { font-size: 1.125em; margin-top: 28px; }
#header > ul.uk-subnav { display: none; }
.uk-dropdown { padding: 0; background-color: transparent; }
.uk-dropdown-bottom { margin: 0; height: 2.5em; }
.uk-nav > li { margin: 0 !important; }
.uk-nav > li > a { padding: 0.5em 0.75em; }
.uk-subnav > li > a { padding: 0.5em 0.75em 33px 0.75em; }
.uk-subnav > * { padding:0; margin:0; }
.uk-subnav li.active > a { color: #473E3F; }
.uk-subnav > li:hover > a { color: #473E3F; }
.uk-nav-dropdown > li > a { color: #fff }
.uk-nav-dropdown > li > a:focus, .uk-nav-dropdown > li > a:hover { background-color: transparent; color: #473E3F; }
.subnav-bar { background-color: #c0b8b0; height: 2.5em; position: absolute; top: 100px; width: 100%; display: none; }
/* home overrides */
.home #header.state-1 { background: transparent; color: #fff; }
.home #header.state-1 .subnav-bar { background: transparent; }
.home #header.state-1 ul li.active a { color: #fff; }
.home #header.state-1 a:hover,
.home #header.state-1 .uk-subnav > li:hover > a,
.home #header.state-1 .active a:hover { color: #000; }
.home #header.state-1 .logo { display: none; }
.home #header .control .material-icons { float: none; margin-right: 10px; }
.home #header.state-1 .icomenu { position: relative; margin-right: 0; }
body.home { padding-top: 0; }

/* button, form */
.uk-button { min-height: 24px; background-color: transparent; font-size: 0.9375em; text-transform: uppercase; letter-spacing: 2px; border-width: 1px; border-style: solid; transition: background-color 0.33s, color 0.33s, border-color 0.33s; padding: 0 0.2em 0 0.5em; margin-top: 0.5em; line-height: 1.875em; }
.uk-button:focus { background-color: transparent; }
.uk-button:active { background-color: transparent; }
.uk-form input[type="text"],
.uk-form input[type="email"],
.uk-form input[type="date"],
.uk-form select,
.uk-form textarea { background-color: #fff; border-width: 1px; border-style: solid; }
.uk-form input[type="text"],
.uk-form input[type="email"],
.uk-form input[type="date"],
.uk-form select { height: 2em; line-height: 1em; }
.content .uk-alert { text-align: center; }
.txt-error { color:#f33; }
.theme-color-d .uk-icon-button { background:transparent; border-radius: 0; border:1px solid #fff; width: 2em; height: 2em; line-height: 2em; font-size: 1em; margin-right: 0.5em; transition: background-color 0.33s, color 0.33s, border-color 0.33s; }
.theme-color-d .uk-icon-button:hover { background: #473E3F; color: #A8A5A2; border-color: #473E3F; }
#message, #URL { display: none; }
.sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.uk-form input[type="radio"] { vertical-align: middle; margin-bottom: 0.2em; border-radius:8px; }
.uk-form input[type="checkbox"] { vertical-align: middle; margin-bottom: 0.15em; }
.uk-form-select { background-color: #fff; border-width: 1px; border-style: solid; padding: 8px 6px; color: rgb(68, 68, 68); line-height: 1em; display: block; }
.uk-form-select i { float: right; }

/* themes */
.theme-color-a { background-color: #ffffff; color: #A8A5A2; }
.theme-color-a h1, .theme-color-a h2, .theme-color-a .uk-button, .theme-color-a h2 a, .theme-color-a strong { color: #473E3F; }
.theme-color-a .uk-width-medium-1-3 h2,
.theme-color-a.list-style-1-wrapper ul li, .theme-color-a .list-style-1 li, .theme-color-a .table-style-1 td,
.theme-color-a .uk-form input[type="text"], .theme-color-a .uk-form textarea, .uk-form-select { border-color: #DCD9D5; }
.theme-color-a .uk-form input[type=text]:focus, .theme-color-a .uk-form textarea:focus, .uk-form-select:focus { border-color: #A8A5A2; background-color: #FAFAFA; }
.theme-color-a .uk-button, .theme-color-a .table-style-1 th { color: #473E3F; border-color: #A8A5A2; }
.theme-color-a .uk-button:focus { color: #473E3F; }
.theme-color-a .uk-button:hover { background: #473E3F; color: #fff; border-color: #473E3F; }
.theme-color-a .uk-button:active { color: #473E3F; }
.theme-color-a a { color: #A8A5A2; }
.theme-color-a a:hover, .theme-color-a a:hover h2 .material-icons { color: #473E3F; }
.theme-color-a .bullet { background-color: #473E3F; }
.theme-color-a .custom-dot { background-color: #fff; border-color: #473E3F;  }
.theme-color-a .custom-dot.slick-active,
.theme-color-a .custom-dot:hover { background-color: #473E3F; }
.theme-color-e { background-color: #473E3F; color: #A8A5A2; }
.theme-color-e h1, .theme-color-e h2, .theme-color-e .uk-button, .theme-color-e h2 a, .theme-color-e strong { color: #fff; }
.theme-color-e .uk-width-medium-1-3 h2,
.theme-color-e.list-style-1-wrapper ul li, .theme-color-e .list-style-1 li,
.theme-color-e .table-style-1 td, .theme-color-e .table-style-1 th  { border-color: #6C6161; }
.theme-color-e .uk-button, .theme-color-e .table-style-1 th { color: #fff; border-color: #A8A5A2; }
.theme-color-e .uk-button:focus { color: #fff; }
.theme-color-e .uk-button:hover { background: #fff; color: #473E3F; border-color: #fff; }
.theme-color-e .uk-button:active { color: #fff; }
.theme-color-e a { color: #A8A5A2; }
.theme-color-e a:hover, .theme-color-e a:hover h2 .material-icons { color: #fff; }
.theme-color-e .bullet { background-color: #fff; }
.theme-color-e .custom-dot { background-color: #473E3F; border-color: #fff;  }
.theme-color-e .custom-dot.slick-active,
.theme-color-e .custom-dot:hover { background-color: #fff; }
.theme-color-d { background-color: #A8A5A2; color: #473E3F; }
.theme-color-d h1, .theme-color-d h2, .theme-color-d .uk-button, .theme-color-d strong { color: #fff; }
.theme-color-d .uk-button, .theme-color-d .table-style-1 th { color: #fff; border-color: #fff; }
.theme-color-d .uk-button:focus { color: #fff; }
.theme-color-d .uk-button:hover { background: #473E3F; color: #A8A5A2; border-color: #473E3F; }
.theme-color-d .uk-button:active { color: #fff; }
.theme-color-d a { color: #fff; text-decoration: none; }
.theme-color-d a:hover { color: #473E3F; }
.theme-color-d .uk-button.btn-highlight { background: #fff; color: #473E3F; }
.theme-color-d .uk-button.btn-highlight { background: #fff; color: #473E3F; }
.theme-color-d .uk-button.btn-highlight:focus { color: #473E3F; }
.theme-color-d .uk-button.btn-highlight:hover { background: #473E3F; color: #A8A5A2; border-color: #473E3F; }
.theme-color-d .uk-button.btn-highlight:active { color: #473E3F; }
.theme-size-l { font-size: 1.5em; line-height: 1.333em; text-align: center; }

/* carousel */
.slick-slider { /*max-width:1920px;*/ margin-left: auto; margin-right: auto; position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track::before, .slick-track::after { content: ""; display: table; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-dots { list-style: none; display: block; text-align: center; padding: 0; width: 100%; position: relative; bottom: 0; margin: 1em 0 0 0 !important; }
.slick-dots li { position: relative; display: inline-block; margin: 0 0.4em; padding: 0; cursor: pointer; }
/*.slick-dots li.slick-active button::before { opacity: 1; color: #8A9399; }*/
.custom-dot { border-width: 1px; border-style: solid; height:0.875rem; width:0.875rem; transition: background-color 0.333s; }
.carousel2.slick-slider { margin-left: -25px; max-width: none; }
.carousel2 .slick-slide { margin-left: 25px; }
.carousel2 .slick-dots { margin-left: 12px !important; }

/* twin visuals */
.twinvisual { overflow: hidden; }
.twin .uk-overlay-panel { padding: 15px 30px 0 0; }
.twin .uk-overlay-panel .uk-button { color: #fff; border-color: #fff; line-height: 1.5em; padding-top: 0.25em; padding-bottom: 0.2em; }
.twin .uk-overlay-panel .uk-button:hover { background: #fff; color: #473E3F; }
.twin figure { margin-bottom: 0; }
.twin figure img { width: 100%; }
.twin figure h3 { margin-bottom: 0; }
.twin video { width: 100%; height: auto; }

/* panoramas */
.pano .uk-overlay .uk-button { color: #fff; border-color: #fff; line-height: 1.5em; padding-top: 0.25em; padding-bottom: 0.2em; }
.pano .uk-overlay-fade { opacity: 0; }
.pano .uk-overlay-background { background: rgba(0,0,0,.5); }

/* modals */
.uk-modal { background: rgba(255,255,255,0.8); }
.uk-modal-dialog { background: #A8A5A2; padding: 1.25em 1.25em 1.75em 1.25em; }
.uk-modal-dialog.frameless { padding: 0; }
.uk-modal-close .material-icons { font-size: 2em; margin: 0px 0 10px 10px; float: right; }
.uk-modal h3 { margin-top: 1.25em !important; }
.uk-modal hr { margin-top: 1.25em; border-color: #888381; }

/* offcanvas */
.uk-offcanvas { background: rgba(255,255,255,.75); }
.uk-offcanvas-page { width: 100% !important; }
.uk-offcanvas-bar { width: 300px; }
.offcanvas-content { padding: 30px 15px 15px 15px; }
.offcanvas-close { overflow: hidden; display: inline-block; }
.offcanvas-close .material-icons { font-size: 30px; margin: 8px 8px 8px 0; }
.uk-offcanvas h3 { margin-top: 1.25em !important; }
.uk-offcanvas hr { margin-top: 1.25em; border-color: #888381; }
.langswitch .uk-button { margin-right: 0.5em; padding-right: 0.5em; }
.langswitch .uk-button.active { background: #473E3F; color: #A8A5A2; border-color: #473E3F; }
#oc-i18n .langswitch { margin-top: 30px; }
.uk-nav-offcanvas ul a, .uk-nav-offcanvas > li > a { color: #fff; }
.uk-nav-offcanvas ul a:hover, .uk-nav-offcanvas > li > a:hover { color: #473E3F !important; }
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html .uk-nav.uk-nav-offcanvas li.uk-active > a { background: transparent; color: #473E3F; }
.uk-nav-offcanvas.uk-nav > li > a { padding: 0.5em 0; font-size: 1.5em; }
.uk-nav-offcanvas ul.uk-nav-sub { padding: 0 0 10px 0; font-size: 1.1em; }
.uk-nav-offcanvas ul.uk-nav-sub a { padding: 4px 0; }
.uk-nav-parent-icon > .uk-parent > a::after { margin-right: 0; }
.uk-nav.uk-nav-offcanvas.main { margin-top: 1em; }
.siteswitch.uk-nav-offcanvas.uk-nav > li > a { padding: 4px 0; font-size: 1.1em; }

/* instagram */
.insta { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
.insta a { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; }

/* consent manager 2025 */
.youtubeVideoContainer { margin-top: 1.5em; }
.content-placeholder { padding: 20px; font-size: 1rem; text-align: left; }
.content-placeholder p,
.content-placeholder button { margin-bottom: 15px; }
.youtube-placeholder { min-height: 315px; }
.instagram-placeholder { min-height: 500px; }
#cookieBanner { line-height: 1.5em; position: fixed; bottom: 0; left: 0; right: 0; padding: 15px; text-align: center; box-shadow: 0 -2px 5px rgba(0,0,0,0.1); z-index: 1000; }
#cookieBanner p { margin: 0 0 10px 0; }
#cookieBanner button { margin: 0 5px; }
#cookieBanner button .material-icons { margin-bottom: 2px; }


/* responsive */
.visible-xlarge { display: none; }

@media (max-width: 480px) {/* mini */
  .theme-size-l { font-size: 1.25em; }
  h1, h2, h3 { font-size: 1.333em; }
  .uk-container { padding: 0 15px; }
  .crumbs { overflow: scroll; }
  .uk-modal-dialog { padding: 0.75em .75em 1.5em .75em; }
  .home #header .control .teaserboxtoggler { right: 5px; }
}
@media (min-width: 480px) {/* small */
  html, .uk-form input[type="text"], .uk-form input[type="email"], .uk-form input[type="date"], .uk-form select, .uk-form textarea { font-size: 17px; }
  .logo { margin-left: 25px; margin-top: 29px; }
  .logo img { height: 40px; width: 142px; }
  .theme-size-l { font-size: 1.33em; }
  #logo img { width: 300px; }
  .content { padding: 3.5rem 0; }
  .twin { width: 50%; float: left; }
}
@media (min-width: 768px) {/* medium */
  .theme-size-l { font-size: 25px; }
  .menu ul li { float: left; }
  #logo img { width: 360px; }
  .content .nav h2 { font-size: 2em; }
  .uk-width-medium-1-3 h2 { border-top-width: 1px; border-top-style: solid; padding-top: 0.7em; }
  .content { padding: 4rem 0; }
}
@media (min-width: 960px) {/* large */
  html, .uk-form input[type="text"], .uk-form input[type="email"], .uk-form input[type="date"], .uk-form select, .uk-form textarea { font-size: 18px; }
  .logo { margin-left: 36px; }
  #header .icomenu { margin-right:28px; }
  .uk-offcanvas-bar { width: 350px; }
  .offcanvas-content { padding-top: 28px; }
  .carousel2.slick-slider { margin-left: -35px; }
  .carousel2 .slick-slide { margin-left: 35px; }
  .carousel2 .slick-dots { margin-left: 17px !important; }
  .twin .uk-overlay-panel { padding-right: 60px; }
}
@media (min-width: 1220px) {/* xlarge */
  html, .uk-form input[type="text"], .uk-form input[type="email"], .uk-form input[type="date"], .uk-form select, .uk-form textarea { font-size: 19px; }
  #logo img { width: 450px; }
  .uk-offcanvas-bar { width: 400px; }
  .home #header.state-1 .icomenu { position: absolute; margin-right: 28px; }
  /*#header .icomenu li a i { font-size: 1.125em; }*/
  #header > ul.uk-subnav { display: inline-block; }
  .offcanvas-content { padding-top: 30px; }
  .carousel2.slick-slider { margin-left: -50px; }
  .carousel2 .slick-slide { margin-left: 50px; }
  .carousel2 .slick-dots { margin-left: 25px !important; }
  .hidden-xlarge { display: none; }
  .visible-xlarge { display: block; }
}