/******* screen-medium.less *******/
/******* mixins.less 2013-1-16 *******/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
/******* layout-medium.less 2013-1-16 *******/
.desk {
  max-width: 93.75%;
}
#home {
  width: 190px;
  height: 74px;
}
.togglenavigation {
  right: 3.125%;
}
#teaser {
  margin-top: -28px;
}
.teaserarea {
  width: 100%;
}
.teaserunit {
  font-size: 14px;
  width: 33.33333333%;
  border-radius: 10px 10px 0 0;
  margin-top: 0;
}
.teaserpart {
  padding-left: 10px;
  padding-right: 10px;
}
.openteaser {
  font-size: 15px;
  line-height: 24px;
  padding-top: 4px;
}
@media only screen and (max-width: 1023px) {
  .teasercontent {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  #teaser.cb-toggle-target-active .teasercontent {
    max-height: 400px;
    padding: 15px 0 10px;
  }
  .teaserunit .area .unit div.link a.open {
    font-size: 14px;
    background-position: 0 0.2em;
  }
}
@media only screen and (max-width: 1023px) {
  #services {
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 2;
    margin: 0;
  }
}
.area {
  width: 100%;
}
.area > .unit {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area h2,
.area .foot {
  margin-right: 2%;
  margin-left: 2%;
}
.area .part,
.area > .grid table {
  margin-right: 2%;
  margin-left: 2%;
  width: 96%;
}
.area .tiny {
  width: 46%;
}
.area > .slim {
  width: 50%;
}
.area > .slim h2,
.area > .slim .foot,
.area > .slim .part,
.area > .slim.grid table {
  margin-right: 4%;
  margin-left: 4%;
}
.area > .slim .part,
.area > .slim.grid table {
  width: 92%;
}
.area > .slim .tiny {
  width: 92%;
}
.main > .wide.form .tile .name,
.main > .wide a.capt {
  float: left;
  width: 33%;
}
.main > .wide.form .tile .chop,
.main > .wide.form .tile textarea,
.main > .wide.form .tile input.text,
.main > .wide.form .tile .ctrl,
.main > .wide input.capt {
  float: right;
  width: 63%;
}
.main {
  margin-left: -2%;
  width: 104%;
}
.cb-layout1 div.main div.seam,
.cb-layout1 div.main div.flat,
.cb-layout2 div.main div.seam,
.cb-layout2 div.main div.flat {
  margin-left: 2%;
  margin-right: 2%;
}
.cb-layout1 div.main div.seam.wide,
.cb-layout1 div.main div.flat.wide,
.cb-layout2 div.main div.seam.wide,
.cb-layout2 div.main div.flat.wide {
  width: 96%;
}
.cb-layout1 div.main div.seam.wide div.head h2,
.cb-layout1 div.main div.flat.wide div.head h2,
.cb-layout2 div.main div.seam.wide div.head h2,
.cb-layout2 div.main div.flat.wide div.head h2,
.cb-layout1 div.main div.seam.wide div.part,
.cb-layout1 div.main div.flat.wide div.part,
.cb-layout2 div.main div.seam.wide div.part,
.cb-layout2 div.main div.flat.wide div.part {
  margin-left: 2%;
  margin-right: 2%;
}
.cb-layout1 div.main div.seam.wide div.tall,
.cb-layout1 div.main div.flat.wide div.tall,
.cb-layout2 div.main div.seam.wide div.tall,
.cb-layout2 div.main div.flat.wide div.tall {
  width: 96%;
}
.cb-layout1 div.main div.seam.wide div.tiny,
.cb-layout1 div.main div.flat.wide div.tiny,
.cb-layout2 div.main div.seam.wide div.tiny,
.cb-layout2 div.main div.flat.wide div.tiny {
  width: 46%;
}
.cb-layout1 div.main div.seam.slim,
.cb-layout1 div.main div.flat.slim,
.cb-layout2 div.main div.seam.slim,
.cb-layout2 div.main div.flat.slim {
  width: 46%;
}
.cb-layout1 div.main div.seam.slim div.head h2,
.cb-layout1 div.main div.flat.slim div.head h2,
.cb-layout2 div.main div.seam.slim div.head h2,
.cb-layout2 div.main div.flat.slim div.head h2,
.cb-layout1 div.main div.seam.slim div.part,
.cb-layout1 div.main div.flat.slim div.part,
.cb-layout2 div.main div.seam.slim div.part,
.cb-layout2 div.main div.flat.slim div.part {
  margin-left: 4%;
  margin-right: 4%;
}
.cb-layout1 div.main div.seam.slim div.part,
.cb-layout1 div.main div.flat.slim div.part,
.cb-layout2 div.main div.seam.slim div.part,
.cb-layout2 div.main div.flat.slim div.part {
  width: 92%;
}
@media only screen and (max-width: 1023px) {
  .cb-layout3 div.main div.unit.wide {
    width: 50%;
  }
  .cb-layout3 div.main div.unit.wide div.head h2,
  .cb-layout3 div.main div.unit.wide div.part {
    margin-left: 4%;
    margin-right: 4%;
  }
  .cb-layout3 div.main div.unit.wide div.part {
    width: 92%;
  }
  .cb-layout3 div.main div.seam,
  .cb-layout3 div.main div.flat {
    margin-left: 2%;
    margin-right: 2%;
  }
  .cb-layout3 div.main div.seam.wide,
  .cb-layout3 div.main div.flat.wide {
    width: 46%;
  }
  .cb-layout3 div.main div.seam.slim,
  .cb-layout3 div.main div.flat.slim {
    width: 46%;
  }
}
@media only screen and (max-width: 1023px) {
  div.side {
    margin-left: -2%;
    width: 104%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  div.side div.unit {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  div.side div.unit div.part,
  div.side div.unit div.head h2 {
    margin-left: 0;
    margin-right: 0;
  }
  div.side div.unit div.part {
    width: 100%;
  }
}
.cb-layout1 div.side div.seam div.head h2,
.cb-layout1 div.side div.flat div.head h2,
.cb-layout2 div.side div.seam div.head h2,
.cb-layout2 div.side div.flat div.head h2,
.cb-layout1 div.side div.seam div.part,
.cb-layout1 div.side div.flat div.part,
.cb-layout2 div.side div.seam div.part,
.cb-layout2 div.side div.flat div.part {
  margin-left: 4%;
  margin-right: 4%;
}
.cb-layout1 div.side div.seam div.part,
.cb-layout1 div.side div.flat div.part,
.cb-layout2 div.side div.seam div.part,
.cb-layout2 div.side div.flat div.part {
  width: 92%;
}
#root .cb-layout2 div.main div.fold {
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
}
#root .cb-layout2 div.main div.fold div.head h2,
#root .cb-layout2 div.main div.fold div.part {
  margin-left: 2%;
  margin-right: 2%;
}
#root .cb-layout2 div.main div.fold div.part {
  width: 96%;
}
#disp {
  left: 20%;
  margin-left: 0;
  width: 60%;
  font-size: 13px;
  font-size: 1.3rem;
  top: 100px !important;
}
#disp.zoom,
#disp.tube {
  left: 5%;
  margin-left: 0;
  width: 90%;
}
/*#disp.site li,
div.cb-sitemap li {
  .font-size(14); 
}*/
h1,
h2 {
  overflow-wrap: normal;
  word-wrap: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
/*# sourceMappingURL=screen-medium.css.map */