html { font-family: 'Roboto Condensed', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #83B65D; font-size: 16px; line-height: 1.5em; background-color: #fff; }

h1, h2 { font-family: 'Dr Sugiyama', serif; font-weight: 400; font-style: normal; color: #83B65D; font-size: 2.75em; line-height: 1em; }
h3 { font-family: 'Roboto Condensed', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #83B65D; font-size: 1.75em; line-height: 1em; font-weight: normal; }
#quotes h3 { font-family: 'Dr Sugiyama', serif; font-weight: 400; font-style: normal; font-size: 1.75em; letter-spacing: 1px; }
a { text-decoration: underline; color: #83B65D; }
a:hover, .inverse a:hover { color: #A7CD7E; text-decoration: none; }
h1 a, h2 a, h3 a { text-decoration: none; }
.space-l { padding:2.5em 0; }
.inverse { background-color: #83B65D; color: #fff; }
.inverse-light { background-color: #A7CD7E; text-align: center; }
.inverse a, .inverse h1, .inverse h2, .inverse h3 { color: #fff; font-weight: normal; }
a.credit { color:#A7CD7E; }
#footer { text-align:center; }

/* menu */
.offcanvas-toggler, .langswitch { float: right; }
.menu { list-style: none; display:block; padding: 0; margin:0; float: right; }
.menu li, #logo { float: left; margin-right: 1px; }
.menu a,  #logo a { font-family: 'Dr Sugiyama', serif; font-weight: 400; font-style: normal; text-decoration: none; font-size: 1.75em; letter-spacing: 1px; height: 40px; line-height: 40px; display: block; }
.menu a {  padding: 0 0.5em; }
.menu li.active a, .menu li a:focus, .menu li a:hover, .menu li a:active { background-color: #A7CD7E; color: #fff; }
.offcanvas-toggler a { padding: 0; }
.offcanvas-toggler a:focus, .offcanvas-toggler a:hover, .offcanvas-toggler a:active,
#logo a:focus, #logo a:hover, #logo a:active { color: #fff; }
#logo img { height: 40px; padding: 5px 0; vertical-align: top; margin-right: 5px; }
.langswitch li { margin-right: 0; margin-left: 1px; }
.langswitch li a { border-radius:25px; -webkit-border-radius:25px; width: 50px; padding: 0; text-align: center; margin: 0; }
.uk-offcanvas .menu { float:none; }
.uk-offcanvas .menu li { float: none; margin-bottom: 1px; }
.uk-offcanvas .langswitch { display: inline-block; float: none; margin-top: 1em; }
.uk-offcanvas .langswitch li { float: left; }
.uk-offcanvas .langswitch li a { border-radius:20px; -webkit-border-radius:20px; width: 40px; }
.uk-offcanvas { background:rgba(255, 255, 255, 0.67); text-align: center; }
.uk-offcanvas-page { width: 100% !important; }

/* 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; }

/* table (schedule) */
.tablewrapper { overflow-y: hidden; }
table { border-collapse: collapse; margin:20px 0 15px 0; width: 100%; min-width: 460px; }
tr { border-top: 1px solid #A7CD7E; border-bottom: 1px solid #A7CD7E; }
td, th { padding: 5px; text-align: left; font-weight: normal; vertical-align: top; }
/* table (vertical schedule) */
table.table-vertical { min-width:unset; }
.table-vertical tr { border:none; }
.table-vertical td, .table-vertical th { text-align: right; border-right: 1px solid #A7CD7E; border-left: 1px solid #A7CD7E; }

/* responsive */
@media (max-width: 369px) {
  .offcanvas-toggler span { display:none; }
}
@media (min-width: 768px) {/* medium */
  .menu a, #logo a { height: 50px; line-height: 50px; }
  #logo img { height: 50px; }
}
@media (min-width: 960px) {/* lage */
  html { font-size: 18px; }
}
@media (min-width: 1220px) {/* xlage */
}