/******* screen-medium.less *******/
/******* mixins.less 2013-1-16 *******/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
/******* hide-mobile.less 2013-1-16 *******/
#mobile-navi,
.togglenavigation,
.cb-mobile-access,
.cb-mobile-navigation,
.body-mobile {
  display: none;
}
.cb-mobile-navigation {
  opacity: 0;
  transition: none;
}
.cb-mobile-invisible,
.body-non-mobile {
  display: block;
}
/******* navigation-large.less 2013-1-16 *******/
.navi,
.navi > .item,
.dock {
  display: block;
  float: left;
}
.menu {
  display: block;
}
/* LEVEL 1 */
/* LEVEL 1 */
div.sub1 {
  float: right;
  width: 162px;
  margin-right: 20px;
  margin-top: 22px;
}
.sub1 > .item {
  width: 100%;
  border-bottom: 1px solid #696868;
  padding: 10px 0;
}
div.sub1 .menu {
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  font-family: 'FrutigerBold', helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.2;
}
div.sub1 .menu:hover,
div.sub1 .menu:focus {
  color: #0086ba;
}
div.sub1 a.path {
  color: #0086ba;
}
/* LEVEL 3 */
div.sub2 {
  width: 100%;
  padding: 7px 0 0;
}
.sub2 > .item {
  width: 100%;
}
div.sub2 .menu {
  font-family: 'FrutigerLight', helvetica, sans-serif;
  padding: 7px 0 7px 16px;
}
/******* layout-medium.less 2013-1-16 *******/
.cb-home {
  height: 104px;
}
.logo {
  width: 205px;
  float: right;
  margin: 20px 20px 0 0;
}
@media only screen and (max-width: 1023px) {
  .cb-expo {
    padding-bottom: 0;
    height: 406px;
  }
  .cb-slides {
    height: 406px !important;
  }
  .cb-slides .slide {
    width: 1210px;
    height: 406px !important;
    right: 0;
  }
}
#wrapper {
  padding-left: 244px;
}
#navigation {
  width: 244px;
}
#find {
  display: block;
  width: 210px;
  margin-right: 34px;
}
#searchfield {
  width: 170px;
}
.openings {
  margin-left: 20px;
}
@media only screen and (max-width: 1023px) {
  #view div.side div.pict,
  #view div.south div.pict {
    width: 100%;
    height: 360px;
  }
  #view div.side div.pict img,
  #view div.south div.pict img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
    -moz-transform: translateY(0);
  }
}
#cartwidth,
#header,
#services {
  display: block;
}
.openmarken,
#mobnavwrapper {
  display: none;
}
h1 {
  padding: 25px 34px;
}
.mainwidth,
.basewidth {
  padding: 0 24px;
}
@media only screen and (max-width: 1023px) {
  #servicelinks {
    margin-right: 20px;
  }
  .contact {
    float: left;
    width: 100%;
    margin-top: 30px;
  }
}
.area {
  width: 890px;
}
.area > .unit {
  margin-right: 0px;
  margin-left: 0px;
  width: 890px;
}
.area h2,
.area .foot {
  margin-right: 5px;
  margin-left: 5px;
}
.area .part,
.area > .grid table {
  margin-right: 5px;
  margin-left: 5px;
  width: 880px;
}
.area .tiny {
  width: 435px;
}
.area > .slim {
  width: 445px;
}
.area > .slim .part,
.area > .slim.grid table {
  width: 435px;
}
.area > .slim .tiny {
  margin-right: 5px;
  margin-left: 5px;
  width: 212px;
}
.area > .slim h2,
.area > .slim .foot,
.area > .slim .part,
.area > .slim.grid table {
  margin-right: 5px;
  margin-left: 5px;
}
.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%;
}
.area {
  width: 100%;
}
div.main div.unit,
div.base div.unit {
  margin-left: 10px;
  margin-right: 10px;
}
div.main div.unit.wide,
div.base div.unit.wide {
  width: 100%;
}
div.main div.unit.wide div.head h2,
div.base div.unit.wide div.head h2,
div.main div.unit.wide div.part,
div.base div.unit.wide div.part {
  margin-left: 0;
  margin-right: 0;
}
div.main div.unit.wide div.part,
div.base div.unit.wide div.part {
  width: 100%;
}
div.main div.unit.slim,
div.base div.unit.slim {
  width: 320px;
}
div.main div.unit.slim div.head h2,
div.base div.unit.slim div.head h2,
div.main div.unit.slim div.part,
div.base div.unit.slim div.part {
  margin-left: 20px;
  margin-right: 20px;
}
div.main div.unit.slim div.part,
div.base div.unit.slim div.part {
  width: 280px;
}
.cb-page-layout3 div.main div.unit.slim,
.cb-page-layout4 div.main div.unit.slim {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.cb-page-layout3 div.main div.unit.slim div.head h2,
.cb-page-layout4 div.main div.unit.slim div.head h2,
.cb-page-layout3 div.main div.unit.slim div.part,
.cb-page-layout4 div.main div.unit.slim div.part {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 0;
  margin-right: 0;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.cb-page-layout3 div.main div.unit.slim div.tall,
.cb-page-layout4 div.main div.unit.slim div.tall {
  width: 66.66666667%;
  float: right;
}
.cb-page-layout3 div.main div.unit.slim div.tiny,
.cb-page-layout4 div.main div.unit.slim div.tiny {
  width: 33.33333333%;
  float: left;
}
div.side div.unit,
div.south div.unit {
  width: 100%;
}
div.side div.unit div.head h2,
div.south div.unit div.head h2 {
  margin-left: 34px;
  margin-right: 34px;
}
div.side div.unit div.part,
div.south div.unit div.part {
  width: 100%;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 34px;
  margin-left: 0;
  margin-right: 0;
}
#disp {
  left: 10%;
  margin-left: 0;
  width: 80%;
  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;
  hyphens: none;
}
/* scan-large.less 2013-1-16 */
.scan li,
.scan li > .cb-hybrid,
.scan span,
.same > .cb-hybrid {
  padding: 0 0.3em;
}
th.prev,
th.next {
  font-weight: normal;
}
.scan th.prev,
.scan td.prev {
  text-align: left;
}
.scan th.next,
.scan td.next {
  text-align: right;
}
.same,
.this .same,
.same > .cb-hybrid {
  background: #0086ba;
  color: #fff;
}
.same,
.mese .same > span {
  background-color: #0086ba;
}
.this .same,
.this .same > .cb-hybrid,
.mese.this .same > span {
  background-color: #006187;
}
.mese .same {
  background: none;
}
/******* module-filter-medium.less 2013-1-16 *******/
.cb-mobile-filter-items > .beta > span {
  width: 14.28571429%;
}
/******* module-shop-medium.less 2013-1-16 *******/
.cb-shop-tabs > li {
  display: inline-block;
  margin-bottom: -1px;
}
.cb-shop-tab {
  margin-right: 0.3em;
  border-bottom-width: 1px;
  border-radius: 4px 4px 0 0;
}
.cb-shop-tab.selected {
  border-bottom-color: #f5f5f5;
}
#disp.shop .name,
a.agbs,
.cb-shop-country > label {
  width: 37%;
}
#disp.shop .file,
#disp.shop .text,
#disp.shop select {
  width: 62%;
}
#disp.shop .zip {
  clear: none;
  width: 10%;
}
#disp.shop input.city {
  width: 51%;
}
#disp.shop .cb-shop-currency > select {
  width: 55%;
}
.cb-shop-currency > select + a {
  width: 6%;
}
.cb-shop-currency + fieldset > .name + a,
.cb-shop-vat + fieldset > .name + a {
  clear: none;
  margin-bottom: 0.5em;
}
#disp .cb-shop-country > select {
  width: 62%;
}
.cb-shoppingcart .bill,
.cb-shoppingcart .ship,
.cb-shoppingcart fieldset.tiny {
  float: left;
  width: 49%;
}
.cb-shoppingcart .bill,
.cb-shoppingcart fieldset.tiny {
  margin-right: 2%;
}
/*# sourceMappingURL=./screen-medium.css.map */