/******* screen-small.less *******/
/******* mixins.less 2013-1-16 *******/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
/******* fontface.less 2013-1-16 *******/
/******* reset.less 2013-1-16 *******/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
abbr,
code,
em,
hr,
img,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
textarea,
button,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
audio,
video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0 #fff;
  /* color for input.file */
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
}
ul {
  list-style: none;
}
a:active,
a:focus {
  outline: none;
}
img {
  display: block;
  /* risky, was #root div.show img, cut at #disp .body img, */
  border: none;
  -ms-interpolation-mode: bicubic;
}
/******* cmsbox.less 2014-08-26 *******/
#desk,
.unit,
.part {
  position: relative;
}
.stop,
.unit > .foot {
  clear: both;
}
#head,
.area,
.unit,
.unit > .body,
.unit > form > .body,
.part {
  float: left;
}
.unit {
  margin-top: 15px;
  margin-bottom: 15px;
}
.unit > .body,
.unit > form > .body {
  margin: 0 0;
  width: 100%;
}
.cb-part-body {
  margin-top: 0;
  margin-bottom: 0;
}
.fold > .body {
  min-height: 0;
}
.part,
.grid table {
  margin-top: 5px;
  margin-bottom: 5px;
}
.part.list {
  margin-top: 0;
  margin-bottom: 0;
}
.gist,
.dent {
  display: list-item;
  list-style-position: outside;
}
.gist {
  margin-left: 16px;
}
.dent {
  margin-left: 32px;
}
.line {
  margin-top: 0;
  margin-bottom: 0;
  padding: 2px 0;
  font-size: 0;
  line-height: 0;
}
.line > hr {
  overflow: hidden;
  height: 1px;
  border-color: #6f9500;
  color: #6f9500;
  font-size: 0;
  line-height: 0;
}
.hair {
  border-bottom-style: solid;
}
.dash {
  border-bottom-style: dashed;
}
.spot {
  border-bottom-style: dotted;
}
.fine {
  border-bottom-width: 1px;
}
.bold {
  border-bottom-width: 2px;
}
.link > .open,
.load > .load {
  display: block;
  margin-left: 14px;
}
.link,
.load {
  background-repeat: no-repeat !important;
}
a.load {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
a.link {
  background: none;
}
.null,
.null:hover,
.null:focus {
  color: #000 !important;
  text-decoration: none !important;
  cursor: default;
}
.pict > img,
.pict > a > img,
.file > img,
.file > a > img,
.film > img,
.film > a > img,
.play > img,
.cb-googlemapscontainer,
.cb-zoom-image {
  width: 100%;
}
a.zoom {
  position: relative;
  display: block;
}
img.zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -17px !important;
  width: 35px !important;
  height: 35px;
}
.cb-zoom-image {
  overflow: hidden;
  margin: 0 auto;
  color: #ccc;
  font-size: 12px;
  font-family: monaco, 'courier new', courier, monospace;
  line-height: 1.2;
}
.crop {
  position: relative;
  overflow: hidden;
  height: 320px;
}
.crop > img {
  position: absolute;
  width: auto;
}
.plug {
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
}
p.plug {
  max-width: 100%;
  background-size: contain;
}
.flash,
.flash embed,
.flash object,
.crossslide {
  overflow: hidden;
  width: 100%;
}
div.flash > div {
  width: 100%;
  height: 100%;
}
.cb-youtube > .flash,
.cb-youtube > .null {
  background: url('/icons/youtube_logo.png') no-repeat 50%;
}
.cb-vimeo > .flash,
.cb-vimeo > .null {
  background: url('/icons/vimeo_logo.png') no-repeat 50%;
}
.cb-youtube > .cb-youtube,
.cb-vimeo > .cb-vimeo {
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
}
.cb-vimeo iframe,
.cb-youtube iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  /* iframe borderframe */
}
.cb-statistics .cb-loading {
  margin: 10px auto 25px;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background: #111 url(/icons/load.gif) no-repeat 50%;
}
.cb-service > a {
  font-size: 0;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  padding-bottom: 4px;
  width: 16px;
  height: 16px;
  background: url('/icons/email.png') no-repeat;
}
.cb-service > a:hover {
  background-position: 0px -20px;
}
.cb-service > a:active {
  background-position: 0px -40px;
}
.cb-service > .cb-delicious {
  background-image: url('/icons/delicious.png');
}
.cb-service > .cb-digg {
  background-image: url('/icons/digg.png');
}
.cb-service > .cb-twitter {
  background-image: url('/icons/twitter.png');
}
.cb-service > .cb-facebook {
  background-image: url('/icons/facebook.png');
}
.cb-service > .cb-service {
  position: relative;
  float: left;
  margin-bottom: 8px;
  padding: 2px 5px 2px 0;
  height: 24px;
  background: red;
}
.code pre {
  font-family: monaco, 'courier new', courier, monospace;
}
.grid table {
  border-collapse: collapse;
}
.cb-table-layout-fixed {
  table-layout: fixed;
}
.grid td,
.grid th {
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  vertical-align: top;
}
.horz td,
.horz th {
  padding: 0;
}
.vert td,
.vert th {
  padding: 0;
}
.horz .trim td,
.horz .trim th {
  border-width: 1px 0;
}
.vert .trim td,
.vert .trim th {
  border-width: 0 1px;
}
.grid th {
  font-weight: bold;
  background: transparent;
  text-align: left;
}
.vert > .beam td.odd,
.horz > .beam > .odd {
  background: rgba(26, 26, 26, 0);
}
a.plug {
  font-size: 0;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  display: block;
  width: 100%;
  height: 100%;
  background: url('/objects/flashplayer/images/adobe.png') no-repeat 50%;
  background-color: rgba(255, 255, 255, 0.5);
}
img.cb-loading {
  overflow: hidden;
  background: #111 url(/icons/load.gif) no-repeat 50%;
  opacity: 0.35;
}
.hidden,
.fake,
.read {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.cb-invisible {
  display: none !important;
}
.cb-access {
  display: inline;
  float: left;
  overflow: hidden;
  width: 0;
  height: 0;
}
caption {
  display: none;
}
#over {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 210;
  /* .mark in edit mode z-index: 200 */
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
}
#disp {
  position: absolute;
  z-index: 211;
  color: #404040;
}
#disp .head,
#disp h2,
#disp .head a.quit {
  color: #fff;
  line-height: 24px;
}
#disp .head {
  position: relative;
  overflow: hidden;
}
#disp h2 {
  font-size: 21px;
  font-size: 2.1rem;
  margin: 0 40px;
  padding-right: 30px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  letter-spacing: 0.025em;
  font-weight: 300;
}
#disp.zoom h2 {
  padding-right: 80px;
}
#disp .head .ctrl {
  position: absolute;
  top: 2px;
  right: 40px;
  width: 74px;
}
#disp .head .cb-hybrid,
#disp a.quit {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  float: left;
  width: 22px;
  height: 24px;
  background: url('/icon-lightbox/lb-ctr.png') no-repeat;
  font-size: 0;
}
#disp .head .cb-hybrid:hover,
#disp a.quit:hover,
#disp .head .cb-hybrid:focus,
#disp a.quit:focus {
  opacity: 0.75;
}
#disp .head .cb-hybrid:active,
#disp a.quit:active {
  opacity: 0.5;
}
#disp .prev > .cb-hybrid {
  background-position: 3px 50%;
}
#disp .next > .cb-hybrid {
  background-position: -15px 50%;
}
#disp a.quit {
  float: right;
  background-position: -50px 50%;
}
/* DISP BODY */
#disp .body {
  overflow: hidden;
  margin: 10px 40px 0;
  padding: 15px;
  border-radius: 2px 2px 0 0;
  background: #fff;
}
#disp.mail .body,
#disp.resp .body {
  padding-bottom: 0;
}
#disp.mail .foot,
#disp.resp .foot,
#disp.auth .foot {
  padding-bottom: 10px;
  text-align: right;
}
.mail p + fieldset + fieldset {
  min-height: 2.8em;
  /* no jumping after recipient address renders */
}
#disp a {
  color: #404040;
}
.cb-disp-sent,
.cb-disp-sent:hover {
  display: block;
  padding: 0.4em 14px;
  text-align: left;
  text-decoration: none;
}
#disp fieldset {
  padding: 0.2em 0 0.5em;
}
#disp .mail,
#disp select,
#disp textarea,
#disp .tick,
#disp .text,
#disp .file,
#disp .password {
  display: block;
  width: 100%;
}
#disp textarea {
  height: 160px;
}
#disp label.name {
  font-weight: bold;
  display: block;
  padding-bottom: 0.2em;
  width: 100%;
}
#disp label.sign {
  float: right;
  /* used where ? */
  width: 278px;
}
#disp div.tack {
  float: right;
  width: 20px;
}
/* DISP FOOT */
#disp .foot {
  overflow: hidden;
  margin: 0 40px;
  padding-bottom: 0.5em;
  border-radius: 0 0 2px 2px;
  background: #fff;
  text-align: left;
}
#disp .foot p.prev,
#disp .foot p.next {
  float: left;
  /* used where ? */
  width: 40%;
}
#disp .foot p.next {
  /* used where ? */
  float: right;
  text-align: right;
}
#disp .foot input.prev,
#disp .canc,
#disp .foot .button {
  margin-left: 15px;
}
#disp .submit,
#disp .foot input.next,
#disp .conf,
#disp .foot .button,
#disp.message .submit {
  margin-right: 15px;
}
a.capt {
  float: left;
  margin-bottom: 0.5em;
  padding: 0.3em 0;
  background: #000;
}
#disp a.capt {
  width: 100%;
}
img.capt {
  margin: 0 auto;
}
#disp.zoom .foot,
#disp.zoom .foot > fieldset {
  padding-bottom: 0;
}
.zoom fieldset > p {
  padding: 0 15px 25px;
  color: #404040;
}
#disp > .body > .part {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
#disp.film p.plug {
  width: 100%;
  height: 100%;
}
#disp .part > .flash {
  max-width: 100%;
}
/* CODE */
#disp.cb-lightbox-code textarea {
  height: 400px;
  font-family: monaco, 'courier new', courier, monospace;
}
/* DISP SITEMAP */
.cb-sitemap-target {
  font-size: 12px;
  font-size: 1.2rem;
  overflow: hidden;
  padding-bottom: 1em;
  color: #e64246;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 1.2;
}
#disp.site li,
.cb-sitemap li {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 5px 0 0 16px;
  list-style: url('/icon-lightbox/list-sitemap.png');
}
.srch a,
#disp.site li > a,
.cb-sitemap a {
  display: block;
  text-decoration: none;
}
.srch a:hover,
#disp.site li > a:hover,
.cb-sitemap a:hover,
.srch a:focus,
#disp.site li > a:focus,
.cb-sitemap a:focus {
  text-decoration: underline;
}
#disp.srch a:visited {
  color: #5c7c00;
}
.srch .text {
  appearance: searchfield;
}
.srch th,
.srch td {
  padding-right: 0.4em;
  text-align: left;
}
.srch th:first-child {
  color: #bfbfbf;
  text-align: right;
  line-height: 2;
  font-size: 0.9em;
  font-weight: normal;
}
.srch td {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  padding-bottom: 0.8em;
}
.flag {
  background-color: #fd0;
  color: #333;
  text-shadow: none;
}
::selection {
  background-color: #004664;
  color: #fff;
  text-shadow: none;
}
/* NEWSLETTER */
div.prog p,
div.prog img {
  float: left;
  margin-bottom: 10px;
  margin-left: 10px;
}
#disp.two-step-verification {
  z-index: 3100;
  width: 320px;
  left: 50% !important;
  transform: translateX(-50%);
  margin-left: 0;
}
#disp.two-step-verification .two-step-verification-container {
  position: relative;
  width: 300px;
  height: 350px;
  margin-left: -15px;
  background: #fff;
}
#disp.two-step-verification .two-step-verification__div {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 100%;
  height: 100%;
}
#disp.two-step-verification .two-step-verification__a {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-height: 40px;
  border-radius: 0;
  background-color: #033c49;
  padding: 0 20px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  opacity: 0;
}
#disp.two-step-verification .loaded .two-step-verification__a {
  opacity: 1;
  transition: opacity 200ms ease-out 150ms;
}
#disp.two-step-verification .two-step-verification-container:before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 15%;
  display: block;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border: 3px solid rgba(113, 113, 113, 0.3);
  border-radius: 50%;
  border-top-color: #033c49;
  animation: spin 1s linear infinite;
  opacity: 1;
  transition: opacity 200ms ease-in;
}
#disp.two-step-verification .two-step-verification-container.loaded:before {
  opacity: 0;
}
.ie9 #disp .two-step-verification__a {
  display: block;
  line-height: 40px;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (max-width: 1024px) {
  .cb-table-3up.vert {
    position: relative;
    display: block;
    border: 1px solid transparent;
  }
  .cb-table-3up.vert td {
    display: block;
    border: 0;
    padding: 0;
  }
  .cb-table-3up.vert > tbody {
    position: relative;
    display: block;
    overflow-x: auto;
    width: auto;
    white-space: nowrap;
  }
  .cb-table-3up.vert > tbody tr {
    display: inline-block;
    border-left: 1px solid transparent;
  }
  .cb-table-3up.vert > tbody tr:first-child {
    border: 0;
  }
  .cb-table-head .cb-table-3up.vert > thead {
    display: block;
    float: left;
  }
  .cb-table-head .cb-table-3up.vert > thead > tr {
    display: block;
  }
  .cb-table-head .cb-table-3up.vert > thead th {
    display: block;
    margin-right: -1px;
    padding: 0;
    border-width: 0 1px 0 0 !important;
    background: none;
    text-align: right;
  }
  .cb-table-foot .cb-table-3up.vert > tfoot {
    display: block;
    float: right;
  }
  .cb-table-foot .cb-table-3up.vert > tfoot > tr {
    display: block;
  }
  .cb-table-foot .cb-table-3up.vert > tfoot th {
    display: block;
    padding: 0;
    border-width: 0 0 0 1px !important;
    background: none;
  }
  .cb-table-both .cb-table-3up.horz {
    position: relative;
    display: block;
    border: 1px solid transparent;
  }
  .cb-table-both .cb-table-3up.horz td {
    display: block;
    border: 0;
    padding: 0;
  }
  .cb-table-both .cb-table-3up.horz > tbody {
    position: relative;
    display: block;
    overflow-x: auto;
    width: auto;
    white-space: nowrap;
  }
  .cb-table-both .cb-table-3up.horz > tbody tr {
    display: inline-block;
    border-left: 1px solid transparent;
  }
  .cb-table-both .cb-table-3up.horz > tbody tr:first-child {
    border: 0;
  }
  .cb-table-both .cb-table-3up.horz > thead {
    display: block;
    float: left;
  }
  .cb-table-both .cb-table-3up.horz > thead > tr {
    display: block;
  }
  .cb-table-both .cb-table-3up.horz > thead th {
    display: block;
    margin-right: -1px;
    padding: 0;
    border-width: 0 1px 0 0 !important;
    background: none;
    text-align: right;
  }
  .cb-table-both .cb-table-3up.horz > tfoot {
    display: block;
    float: right;
  }
  .cb-table-both .cb-table-3up.horz > tfoot > tr {
    display: block;
  }
  .cb-table-both .cb-table-3up.horz > tfoot th {
    display: block;
    padding: 0;
    border-width: 0 0 0 1px !important;
    background: none;
  }
  .cb-table-head .vert tr.odd {
    background: rgba(26, 26, 26, 0);
  }
  .cb-table-head .vert td {
    background: none !important;
  }
  .cb-table-column-inactive {
    position: relative;
  }
  .cb-table-column-inactive th {
    max-width: 1em;
    overflow: hidden;
    white-space: nowrap;
  }
  .cb-table-column-inactive > tr:after {
    top: 0;
    position: absolute;
    left: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    content: '…';
    display: inline-block;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz {
    position: relative;
    display: block;
    border: 0;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz thead,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz thead,
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz tbody,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz tbody,
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz th,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz th,
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz td,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz td,
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz tr,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz tr {
    display: block;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz thead,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz thead,
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz tfoot,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz tfoot {
    font-size: 0;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    padding: 0;
    border: 0;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz thead tr,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz thead tr,
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz tfoot tr,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz tfoot tr {
    border: 0;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz th,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz th {
    padding: 0;
    border: 0;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz tr,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz tr {
    border: 1px solid transparent;
    margin-bottom: 4px;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz td,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz td {
    position: relative;
    padding: 0;
    display: block;
    border: 0;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz td:after,
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz td:after {
    font-weight: bold;
    position: absolute;
    top: 0;
    overflow: hidden;
    padding: 0;
    width: 35%;
    border: 0;
    content: attr(data-title);
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    *behavior: url(/objects/boxsizing/boxsizing.htc);
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz td {
    padding-left: 38%;
  }
  .cb-table-head.cb-table-no-foot .cb-table-3up.horz td:after {
    left: 0;
    padding-right: 1%;
  }
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz td {
    padding-right: 38%;
  }
  .cb-table-foot.cb-table-no-head .cb-table-3up.horz td:after {
    right: 0;
    padding-left: 1%;
  }
  .cb-table-none .cb-table-3up.horz {
    display: block;
    border: 0;
  }
  .cb-table-none .cb-table-3up.horz tbody,
  .cb-table-none .cb-table-3up.horz th,
  .cb-table-none .cb-table-3up.horz tr,
  .cb-table-none .cb-table-3up.horz td {
    display: block;
  }
  .cb-table-none .cb-table-3up.horz tr {
    border: 1px solid transparent;
    margin-bottom: 4px;
  }
  .cb-table-none .cb-table-3up.horz td {
    padding: 0;
    border: 0;
  }
  .cb-table-columns-3 tr {
    min-width: 50%;
  }
}
/******* hide-non-mobile.less 2013-1-16 *******/
.body-mobile,
.cb-mobile .cb-mobile-invisible,
.cb-mobile .body-non-mobile {
  display: none;
}
.cb-mobile .body-mobile {
  display: block;
}
/******* site.less 2013-1-16 *******/
html,
body {
  min-height: 100%;
  height: 100%;
  background: #fff;
}
html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(3, 60, 73, 0.4);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  background-color: transparent;
  color: #000;
  font-family: 'Open Sans', helvetica, sans-serif;
  line-height: 1.5;
}
.desk {
  *zoom: 1;
  margin: 0 auto;
  max-width: 100%;
  width: 1080px;
  position: relative;
}
.desk:before,
.desk:after {
  display: table;
  content: '';
}
.desk:after {
  clear: both;
}
#home {
  position: absolute;
  right: 20px;
  top: 26px;
  z-index: 2;
  width: 200px;
}
.logo {
  width: 100%;
  height: auto;
}
#head {
  float: left;
  width: 100%;
  margin-top: 60px;
}
#wrapper {
  float: left;
  width: 100%;
  min-height: 100vh;
}
.section {
  float: left;
  width: 100%;
  position: relative;
}
.cb-layout2 .section--multimood {
  padding-bottom: 200px;
  background: url(/images/multimood.svg) no-repeat 50% 100%;
  background-size: cover;
}
.section--footer {
  background: url(/images/footer.svg) no-repeat 50% 0;
  background-size: 100%;
}
@media only screen and (max-width: 1200px) {
  .section--footer {
    background-position: 50% 100%;
  }
}
.logowidth {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 2;
}
.moodoverlay {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: none;
}
.cb-layout1 .moodoverlay {
  display: block;
}
.pfad {
  float: left;
  margin-top: 20px;
  font-weight: bold;
  line-height: 20px;
  font-size: 14px;
  text-transform: uppercase;
  display: none;
}
.pfad a {
  color: #033c49;
}
.langnavi {
  float: right;
  font-size: 14px;
  line-height: 1.43;
  margin-top: 20px;
  position: relative;
}
.langnavi a {
  color: #033c49;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.43;
}
.langnavi a:hover,
.langnavi a:focus {
  color: #6f9500;
}
#services {
  float: left;
}
#services .meta {
  float: left;
  margin: 0 10px;
}
#services .meta:first-child {
  margin-left: 0;
}
#services .meta:last-child {
  margin-right: 0;
}
@media (max-width: 699px) {
  #services .meta {
    display: none;
    margin: 0;
  }
  #services .meta.service_reservation {
    display: block;
  }
}
#find {
  float: left;
  width: 150px;
  margin: 0 20px;
  position: relative;
}
#find .find {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 26px;
  background: url(/images/find.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (max-width: 699px) {
  #find {
    width: auto;
  }
  #find .find {
    position: static;
    float: left;
    width: 20px;
    height: 20px;
  }
}
#searchfield {
  float: left;
  width: 100%;
  min-height: 18px;
  line-height: 18px;
  padding: 0 26px 0 5px;
  border: 1px solid #6f9500;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  text-transform: uppercase;
  color: #033c49;
}
@media (max-width: 699px) {
  #searchfield {
    display: none;
  }
}
.langnavi #social {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 16px;
  z-index: 2;
  display: flex;
}
.langnavi #social .meta {
  float: left;
  font-size: 0;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  width: 34px;
  height: 34px;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.langnavi #social .meta:last-child {
  margin-right: 0;
}
.langnavi #social .meta.service_facebook {
  background-image: url(/images/facebook.svg);
}
.langnavi #social .meta.service_instagram {
  background-image: url(/images/instagram.svg);
}
.visitor-count {
  float: left;
  width: 100%;
}
.visitor-count tbody.trim {
  width: 100%;
}
.visitor-count tr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.visitor-count tr td.last {
  padding-left: 5px;
  box-sizing: border-box;
}
.visitor-count .maxNumberWellness {
  display: none;
}
.maincontent {
  float: left;
  width: 100%;
}
.sidecontent {
  float: left;
  width: 100%;
}
.vcard {
  float: left;
  font-size: 14px;
  line-height: 1.5;
  color: #033c49;
  margin: 100px 0 36px;
}
.vcard a {
  color: #033c49;
}
.vcard a:hover,
.vcard a:focus {
  color: #6f9500;
}
.vcard .org {
  font-weight: bold;
  text-transform: uppercase;
}
.vcardpart {
  display: block;
}
#cmsbox {
  float: right;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 163px;
  color: #033c49;
}
#cmsbox .meta {
  color: #033c49;
  text-transform: uppercase;
}
#cmsbox .meta:hover,
#cmsbox .meta:focus {
  color: #6f9500;
}
.toplink {
  position: fixed;
  left: 10px;
  margin-left: -6px;
  bottom: -50px;
  width: 12px;
  height: 40px;
  background: url(/images/toplink.svg) no-repeat 0 0;
  z-index: 2;
  transition: all 0.218s;
}
.toplink:hover,
.toplink:focus {
  cursor: pointer;
}
.toplink.cb-goto-top-visible {
  bottom: 86px;
}
.servicewrapper {
  float: left;
  width: 100%;
}
.subnavi {
  float: left;
  margin-top: 20px;
  display: none;
}
.subnavi .sub2 > .item {
  width: auto;
  display: none;
  border: none;
}
.subnavi .sub2 > .item.path {
  display: block;
}
.subnavi .sub2 > .item:after {
  display: none;
}
.subnavi .sub2 > .item.exit {
  border: none;
}
.subnavi div.sub2 .menu {
  padding: 0;
}
.subnavi div.sub2 .menu:hover,
.subnavi div.sub2 .menu:focus,
.subnavi div.sub2 .menu.path {
  background: none;
}
.subnavi div.sub3 {
  position: static;
  display: block !important;
  border: none;
  background: none;
  padding: 0;
}
.subnavi .sub3 > .item {
  width: auto;
  float: none;
  display: block;
}
.subnavi .sub3 > .item.init {
  margin-top: 10px;
}
.subnavi div.sub3 .menu {
  line-height: 1.72;
  padding-left: 20px;
}
.subnavi div.sub3 .menu.path {
  color: #033c49;
  background: url(/images/link-green.svg) no-repeat 0 6px;
  background-size: 10px 12px;
}
h1,
h5 {
  font-weight: normal;
  font-size: 42px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #033c49;
}
h2,
h3 {
  font-weight: normal;
  font-size: 21px;
  line-height: 1.4;
  text-transform: uppercase;
}
h2 strong,
h3 strong {
  font-weight: normal;
  font-size: 14px;
  color: #033c49;
}
h2 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.flat h2 {
  padding-top: 1px;
}
h4 {
  text-transform: uppercase;
  font-weight: normal;
}
strong {
  font-weight: bold;
}
.loud {
  padding: 0.2em 0.4em;
  background-color: #bfbfbf;
  color: #fff;
  /* redo with @basecolor & guard */
}
.loud > .open {
  color: #e6e6e6;
  /* redo with @basecolor */
}
.loud > .open:hover,
.loud > .open:focus {
  color: #bfbfbf;
}
.pale {
  color: #4d4d4d;
}
.skew {
  letter-spacing: 0.03em;
  font-style: italic;
  font-family: georgia, serif;
}
.text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.open,
.load {
  overflow-wrap: normal;
  word-wrap: normal;
  hyphens: none;
}
.gist,
.dent {
  list-style: url(/images/list.png);
}
a {
  color: #6f9500;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #000;
}
.link {
  background: url('/icon-link/link.gif') no-repeat 0 0.4em;
}
.link.mail {
  background-image: url('/icon-link/mail.gif');
  background-position: 0 0.5em;
}
.load {
  background-position: 0 0.3em;
}
.rss {
  background-image: url('/icon-link/rss_small.gif');
}
div.line {
  margin-top: 35px;
  margin-bottom: 5px;
  padding: 0;
}
#edit div.line {
  padding: 5px 0  ;
}
div.link {
  background: none !important;
}
div.link + div.link {
  margin-top: -5px;
}
div.link a.open {
  margin-left: 0;
  background: url(/images/link-blue.svg) no-repeat 0 6px;
  background-size: 10px 12px;
  padding-left: 15px;
  color: #033c49;
}
div.link a.open:hover,
div.link a.open:focus {
  background-image: url(/images/link-green.svg);
  color: #6f9500;
}
.edge div.link a.open {
  color: #fff;
  background-image: url(/images/link-white.svg);
}
.edge div.link a.open:hover,
.edge div.link a.open:focus {
  color: #033c49;
  background-image: url(/images/link-blue.svg);
}
div.load {
  background: none !important;
}
div.load a.load {
  padding-left: 26px;
  margin-left: 0;
  background: url(/images/icon-load-blue.svg) no-repeat 0 0;
  background-size: 19px 24px;
  color: #033c49;
}
div.load a.load:hover,
div.load a.load:focus {
  color: #6f9500;
  background-image: url(/images/icon-load-green.svg);
}
div.area {
  display: flex;
  flex-wrap: wrap;
}
div.side {
  width: 100%;
}
div.side div.unit {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
div.side div.unit div.head h2,
div.side div.unit div.part {
  margin-left: 0;
  margin-right: 0;
}
div.side div.unit div.part {
  width: 100%;
}
#edit div.base {
  border-top: 3px dashed #ccc;
}
.seam,
.flat,
.edge {
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6f9500;
  background-color: rgba(130, 170, 190, 0.1);
  padding-top: 4px;
  padding-bottom: 15px;
}
.flat {
  background: none;
  padding-top: 0;
}
.flat div.head {
  background: rgba(111, 149, 0, 0.5);
  margin-bottom: 20px;
}
.edge {
  background: rgba(111, 149, 0, 0.5);
  border: none;
  padding-top: 15px;
}
.edge a {
  color: #fff;
}
.edge a:hover,
.edge a:focus {
  color: #033c49;
}
div.form div.part {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.form input.text,
div.form textarea {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #6f9500;
  min-height: 30px;
  padding: 3px 5px;
}
div.form label.name {
  padding-bottom: 0;
  line-height: 30px;
}
div.form input.submit {
  margin-top: 10px;
  font-size: 21px;
  text-transform: uppercase;
}
div.grid th {
  text-transform: uppercase;
}
div.main div.unit.fold {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #6f9500;
  background-color: #fff;
}
div.main div.unit.fold div.less .part {
  margin-top: 0;
  margin-bottom: 0;
}
div.main div.unit.fold h2 {
  padding: 0;
}
div.main div.unit.fold div.more {
  display: block !important;
}
div.main div.unit.fold div.more .part:first-child {
  margin-top: 10px;
}
div.main div.unit.fold div.more .part:last-child {
  margin-bottom: 24px;
}
div.main div.unit.fold .fold-toggle {
  display: block;
  color: #000;
  padding: 14px 32px 14px 0;
  box-sizing: border-box;
  position: relative;
}
div.main div.unit.fold .fold-toggle:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
  height: 100%;
  background-color: #000;
  mask-size: 12px 10px;
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  mask-image: url(/images/chevron-down.svg);
  transition: all 0.24s;
}
div.main div.unit.fold .fold-toggle.fold-toggle--open:after {
  transform: rotate(-180deg);
}
div.main div.unit.fold .foot {
  display: none;
}
#view div.main div.unit.fold div.more {
  height: 0;
  overflow: hidden;
  transition: all 0.6s;
}
#view div.main div.unit.fold div.more .part {
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.2s;
}
#view div.main div.unit.fold.fold--open div.more {
  height: var(--js-elementHeight);
}
#view div.main div.unit.fold.fold--open div.more .part {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s 0.2s;
}
.grow {
  text-transform: none !important;
}
#expo {
  float: left;
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 41.66666667%;
}
#slides {
  overflow: hidden;
  position: relative;
  max-width: 100% !important;
  max-height: 10000px !important;
  z-index: 1;
}
#slides .slide {
  width: 100%;
}
#slides img {
  display: block;
  width: 100%;
  max-width: 100% !important;
  max-height: 10000px !important;
}
#expo div.link {
  display: none;
}
@media only screen and (max-width: 720px) {
  #expo {
    padding-bottom: 300px;
  }
  #slides {
    height: 300px !important;
  }
  #slides .slide {
    width: 720px;
    height: 300px !important;
    left: 50%;
  }
  #slides .slide img {
    margin-left: -360px;
  }
}
/******* forms.less 2014-10-16 *******/
/* Changelog

2014-10-16
Checkboxes & Radiobuttons:
no float for inputs, no display block for labels

*/
fieldset {
  line-height: 1.5em;
}
fieldset .name,
label.sign {
  line-height: 1.2em;
  margin-top: 0px;
}
.form .name {
  padding-bottom: 0.2em;
}
input,
button,
select,
textarea {
  box-sizing: border-box;
  *behavior: url(/objects/boxsizing/boxsizing.htc);
}
input::-ms-clear {
  /* delete input IE 10+ */
  width: 0;
  height: 0;
}
input,
textarea {
  color: #404040;
  background-color: #fff;
  font-weight: normal;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
input.text,
input.sign,
input.password,
textarea,
input.hint,
textarea.hint,
input.capt {
  padding: 0.1em 3px;
  min-height: 1.5em;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
select {
  font-size: 16px;
  font-size: 1.6rem;
  color: #444;
  font-weight: normal;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  line-height: 16px;
}
textarea {
  overflow: auto;
  resize: vertical;
}
input.hint,
textarea.hint {
  color: #8c8c8c;
}
input.text[disabled],
textarea[disabled] {
  border-color: #cccccc;
  box-shadow: none;
}
textarea:focus,
input.text:focus,
input.sign:focus,
input.password:focus {
  outline: none;
  border-color: #99b5de;
  box-shadow: 0 0 3px rgba(153, 181, 222, 0.7);
  transition: box-shadow 0.218s;
}
textarea::selection,
input.text::selection,
input.sign::selection,
input.password::selection {
  background-color: #c7d7ed;
}
input.submit,
button.cb-hybrid {
  display: inline-block;
  background-color: #82aabe;
  color: #fff;
  text-align: center;
  text-decoration: none;
  min-height: 30px;
  border-radius: 0;
  padding: 0 20px;
  -webkit-appearance: none;
}
input.submit:hover,
button.cb-hybrid:hover,
input.submit:focus,
button.cb-hybrid:focus {
  background-color: #719fb5;
  text-decoration: none;
  cursor: pointer;
}
input.submit:active,
button.cb-hybrid:active {
  outline: none;
  background-color: #6093ad;
}
.form .foot,
.auth .foot {
  padding-bottom: 1em;
  text-align: right;
}
.form select,
.form textarea,
.form input.text,
.form input.file,
.form .name,
.form a.capt {
  display: block;
  width: 100%;
}
.form select,
.form .chop > input.file {
  float: right;
  width: 100.3%;
}
.form textarea {
  overflow: auto;
  resize: vertical;
}
.form .pile .ctrl,
.form .pile .chop {
  width: 100%;
}
.ship .chop {
  overflow: visible;
  margin-top: 0.1em;
}
.ship .chop > a {
  margin-left: 8px;
}
input.radio,
input.checkbox {
  /* add tag .unit if .unit .fade reactivated */
  margin: -3px 0.3em 0 0;
  min-height: 1.5em;
  background: none !important;
  /* IEs */
  vertical-align: middle;
}
.tick .ctrl > div,
.tick .ctrl > div {
  clear: left;
}
.form .ctrl .sign {
  min-width: 4em;
  display: inline-block;
  margin-left: 0.2em;
}
div.cb-form-sent {
  float: left;
  width: 100%;
  padding: 4px 0;
  border: solid #218823;
  border-width: 1px 0;
  background: #baeebb;
  text-align: center;
}
.cb-form-sent > .cb-form-sent {
  color: #218823;
}
input.fail,
textarea.fail {
  box-sizing: border-box;
  *behavior: url(/objects/boxsizing/boxsizing.htc);
  background: #fef6f6 url('/icons/warning.png') no-repeat 99% !important;
  padding-right: 30px !important;
  border-color: #e64246;
  color: #e64246 !important;
}
div.fail {
  background: #fef6f6 url('/icons/warning.png') no-repeat 99% !important;
  float: right;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border: 1px #e64246;
  border-style: solid none;
  color: #e64246;
}
div.cb-lightbox-table ul.fail {
  background: #fef6f6 url('/icons/warning.png') no-repeat 99% !important;
  color: #e64246;
}
.cb-lightbox-table textarea.fail {
  background-image: none !important;
}
.fail > p,
.fail > li,
div.cb-lightbox-table ul.fail li {
  margin: 2px 5px;
}
.fail > p {
  font-weight: 600;
}
.fail > li,
div.cb-lightbox-table ul.fail li {
  margin-left: 1em;
  list-style: square outside;
}
.fail .sign {
  width: 90%;
}
.calendar {
  position: absolute;
  z-index: 100;
  border: 1px solid #666;
  background: #333;
  text-align: right;
  line-height: 2;
  color: #fff !important;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.calendar > table {
  margin: 3px;
  border-spacing: 0;
  border-collapse: collapse;
}
.calendar th {
  color: #eee;
  text-align: center;
  font-weight: 700;
}
.calendar tbody {
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #666;
}
td.published {
  color: #7be;
  font-weight: 700;
}
td.show {
  background: #7be;
  color: #fff;
  font-weight: 700;
}
.calendar th > a,
.calendar td > a {
  display: block;
  padding: 0 6px 1px 6px;
  color: inherit;
  text-decoration: none;
}
.calendar th > a:hover,
.calendar td > a:hover {
  background: #666;
  color: #fff;
}
.calendar td.show {
  background: #87004e;
}
.calendar td.show a:hover {
  background: none;
}
/******* navigation.less 2017-10-30 *******/
.togglenavigation {
  position: fixed;
  left: 0;
  top: 26px;
  z-index: 101;
  text-transform: uppercase;
  font-weight: bold;
  color: #033c49;
  padding-left: 96px;
  width: 104px;
  font-size: 21px;
  line-height: 50px;
  background-color: rgba(255, 255, 255, 0.9);
  background-position: 60px 50%;
  background-size: 26px 16px;
  background-image: url(/images/mnavi.svg);
  background-repeat: no-repeat;
  display: none;
}
.togglenavigation:hover,
.togglenavigation:focus {
  cursor: pointer;
}
.togglenavigation.cb-toggle-active {
  background-image: url(/images/mnavi-close.svg);
}
@media (max-width: 1023px) {
  .togglenavigation {
    display: block;
  }
}
@media (max-width: 767px) {
  .togglenavigation {
    padding-left: 64px;
    background-position: 20px 50%;
    width: 84px;
  }
}
.navigation {
  position: fixed;
  top: 76px;
  left: -200px;
  z-index: 100;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 0.218s;
}
body.cb-toggle-target-active .navigation {
  left: 0;
}
.navipart {
  float: left;
  width: 100%;
}
.navipart:last-child {
  margin-bottom: 40px;
}
.fr .navipart--4 {
  display: none;
}
.navititle {
  float: left;
  width: 100%;
  background-color: #033c49;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 5px 20px;
  font-size: 14px;
  line-height: 1.42857143;
  box-sizing: border-box;
}
.navi,
.navi > .item {
  float: left;
  display: block;
}
.menu {
  display: block;
}
/* LEVEL 1 */
.langnavi .sub1 > .item {
  border-right: 1px solid #033c49;
  padding: 0 10px;
}
.langnavi .sub1 > .item.init {
  padding-left: 0;
}
.langnavi .sub1 > .item.exit {
  border: none;
  padding-right: 0;
}
/* LEVEL 2 */
.navigation div.sub2 {
  width: 100%;
}
.navigation .sub2 > .item {
  width: 100%;
  border-top: 1px solid #6f9500;
  position: relative;
}
.navigation .sub2 > .item.exit {
  border-bottom: 1px solid #6f9500;
}
@media only screen and (min-width: 1024px) {
  .navigation .sub2 > .item:hover > .menu,
  .navigation .sub2 > .item:focus > .menu {
    background: #6f9500;
  }
  .navigation .sub2 > .item:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 0 solid #6f9500;
    margin-top: -6px;
    transition: all 0.218s;
  }
  .navigation .sub2 > .item.item-empty:after {
    display: none;
  }
  .navigation .sub2 > .item:hover:after,
  .navigation .sub2 > .item:focus:after {
    border-left-width: 10px;
  }
}
.navigation div.sub2 .menu {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #033c49;
  line-height: 20px;
  padding: 5px 0 5px 60px;
}
.navigation div.sub2 .menu.path {
  background: #6f9500;
}
/* LEVEL 3 */
.navigation div.sub3 {
  position: absolute;
  left: 100%;
  top: -1px;
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #6f9500;
  border-bottom: 1px solid #6f9500;
  padding: 3px 0;
  display: none;
}
.navigation .sub3 > .item {
  width: 100%;
}
.navigation div.sub3 .menu {
  padding: 3px 20px;
  text-transform: none;
  font-weight: normal;
}
.navigation div.sub3 .menu:hover,
.navigation div.sub3 .menu:focus {
  background: none;
  color: #6f9500;
}
.navigation div.sub3 .menu.path {
  background: none;
  color: #6f9500;
  font-weight: bold;
}
.navigation div.sub2 .item:hover div.sub3 {
  display: block;
}
@media only screen and (max-width: 1023px) {
  .navigation {
    height: calc(100% - 76px);
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .navigation::-webkit-scrollbar {
    display: none;
  }
  .navigation div.sub2 > .item {
    position: relative;
  }
  .navigation div.sub2 > .item.item-empty .cb-toggle {
    display: none;
  }
  .navigation div.sub2 > .item > .cb-toggle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    z-index: 3;
  }
  .navigation div.sub2 > .item > .cb-toggle:hover,
  .navigation div.sub2 > .item > .cb-toggle:focus {
    cursor: pointer;
  }
  .navigation div.sub3 {
    position: relative;
    left: 0;
    margin-left: 0;
    display: block;
    background: none;
    border: none;
    padding: 0;
    max-height: 0;
    overflow: hidden;
  }
  .navigation div.sub3 .item.init {
    margin-top: 5px;
  }
  .navigation div.sub3 .item.exit {
    margin-bottom: 5px;
    border: none;
  }
  .navigation div.sub3 .menu {
    padding-left: 60px;
  }
  .navigation div.sub2 > .item.cb-toggle-target-active div.sub3 {
    max-height: 10000px;
    transition: all 6s;
  }
}
@media only screen and (max-width: 699px) {
  .navigation {
    width: 148px;
  }
  .navigation div.sub2 .menu {
    padding-left: 20px;
  }
}
.desktopNavi {
  position: fixed;
  left: 0;
  top: 50px;
  z-index: 2000;
}
@media (max-width: 1023px) {
  .desktopNavi {
    display: none;
  }
}
.desktopNavi__part {
  float: left;
  display: flex;
  flex-direction: column;
  width: 200px;
  margin-right: 5px;
}
.desktopNavi__part:last-child {
  margin-right: 0;
}
.fr .desktopNavi__part--4,
.en .desktopNavi__part--4 {
  display: none;
}
.desktopNavi__title {
  float: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 21px;
  line-height: 1.23809524;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
  padding: 10px;
  box-sizing: border-box;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #033c49;
  cursor: pointer;
}
.desktopNavi__part--4 .desktopNavi__title {
  background-color: rgba(3, 60, 73, 0.9);
  color: #fff;
}
.desktopNavi__content {
  float: left;
  width: 100%;
  margin-top: 6px;
}
.desktopNavi div.sub2 {
  float: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
.desktopNavi div.sub2 > .item {
  float: left;
  width: 100%;
  position: relative;
  border-top: 1px solid #6f9500;
  margin-top: -91px;
  opacity: 0;
  transition: margin 0.3s 0.1s, opacity 0.1s;
}
.desktopNavi div.sub2 > .item:hover > .menu,
.desktopNavi div.sub2 > .item:focus > .menu {
  background: #6f9500;
}
.desktopNavi div.sub2 > .item.exit {
  border-bottom: 1px solid #6f9500;
}
.desktopNavi div.sub2 > .item:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 11px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 0 solid #6f9500;
  transition: all 0.218s;
}
.desktopNavi div.sub2 > .item.item-empty:after {
  display: none;
}
.desktopNavi div.sub2 > .item:hover:after,
.desktopNavi div.sub2 > .item:focus:after {
  border-left-width: 10px;
}
.desktopNavi div.sub2 > .item > .menu {
  float: left;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #033c49;
  line-height: 20px;
  padding: 5px 24px;
  box-sizing: border-box;
}
.desktopNavi div.sub2 > .item > .menu.path {
  background: #6f9500;
}
.desktopNavi__part.cb-toggle-target-active div.sub2 {
  overflow: visible;
}
.desktopNavi__part.cb-toggle-target-active div.sub2 > .item {
  margin-top: 0;
  opacity: 1;
  transition: margin 0.3s, opacity 0.3s 0.2s;
}
.desktopNavi div.sub3 {
  position: absolute;
  left: 100%;
  top: -1px;
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #6f9500;
  border-bottom: 1px solid #6f9500;
  padding: 3px 0;
  display: flex;
  flex-direction: column;
  display: none;
}
.desktopNavi div.sub3 > .item {
  float: left;
}
.desktopNavi div.sub3 > .item > .menu {
  float: left;
  box-sizing: border-box;
  padding: 3px 20px;
  text-transform: none;
  white-space: nowrap;
  color: #000;
}
.desktopNavi div.sub3 > .item > .menu:hover,
.desktopNavi div.sub3 > .item > .menu:focus {
  color: #6f9500;
}
.desktopNavi div.sub3 > .item > .menu.path {
  color: #6f9500;
  font-weight: bold;
}
.desktopNavi div.sub2 .item:hover div.sub3 {
  display: block;
}
/******* layout-small.less 2013-1-16 *******/
.desk {
  padding-left: 20px;
  padding-right: 20px;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#home {
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .vcard {
    width: 100%;
    margin: 40px 0 0;
  }
  #cmsbox {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  h1,
  h5 {
    font-size: 28px;
    line-height: 1.2;
  }
}
.area {
  width: 100%;
}
.area > .unit {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area h2,
.area .foot {
  margin-right: 0%;
  margin-left: 0%;
}
.area .part,
.area > .grid table {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area > .slim .part,
.area > .slim.grid table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  div.area div.seam div.head h2,
  div.area div.flat div.head h2,
  div.area div.edge div.head h2,
  div.main div.unit.fold div.head h2,
  div.area div.seam div.part,
  div.area div.flat div.part,
  div.area div.edge div.part,
  div.main div.unit.fold div.part,
  div.area div.seam table,
  div.area div.flat table,
  div.area div.edge table,
  div.main div.unit.fold table,
  div.area div.seam div.foot,
  div.area div.flat div.foot,
  div.area div.edge div.foot,
  div.main div.unit.fold div.foot {
    margin-left: 5%;
    margin-right: 5%;
  }
  div.area div.seam div.part,
  div.area div.flat div.part,
  div.area div.edge div.part,
  div.main div.unit.fold div.part,
  div.area div.seam table,
  div.area div.flat table,
  div.area div.edge table,
  div.main div.unit.fold table {
    width: 90%;
  }
}
div.side div.flat .part.code {
  width: 90.82568807%;
  margin-left: 4.58715596%;
  margin-right: 4.58715596%;
}
div.side div.flat .part.code table {
  width: 100%;
  margin: 0;
}
#disp {
  left: 3%;
  margin-left: 0;
  width: 94%;
  font-size: 13px;
  font-size: 1.3rem;
  top: 90px !important;
}
#disp.site li,
div.cb-sitemap li {
  font-size: 14px;
  font-size: 1.4rem;
}
h1,
h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
/******* module-statistic.less 2013-1-16 *******/
.cb-statistics .chartclient-annotation-table {
  font-size: 12px;
  font-size: 1.2rem;
}
.cb-statistic-annotation li {
  list-style: none;
}
.cb-statistics .ctrl {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.cb-statistics .ctrl input {
  margin-right: 5px;
}
.cb-statistics .ctrl label {
  margin-right: 15px;
}
.cb-statistics .ctrl a {
  float: right;
}
#root .goog-custom-button-inner-box table,
#root .chartclient-annotation-table,
#root .annotatedtimelinetable {
  margin: 0;
}
#root #scrollingListTd {
  padding: 5px 0 5px 4px;
}
#root div.cb-statistics table.horz thead th {
  border-style: none none solid;
  border-color: #555;
  background-color: transparent;
}
#root div.cb-statistics table.horz tbody td {
  padding: 2px 1px;
  border: solid #ddd;
  border-width: 1px 0 0;
}
#root div.cb-statistics table.horz .odd td {
  background-color: #f9f9f9;
}
.cb-statistics .cb-visits {
  text-align: right;
}
/******* development.less 2013-1-16 *******/
/*.unit {
  box-shadow: 0 0 0 1px red inset;
}
 .part {
   box-shadow: 0 0 0 1px blue inset;
}*/
/*# sourceMappingURL=./screen-small.css.map */