/******* screen-large.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;
}
/******* layout-large.less 2013-1-16 *******/
body {
  width: 98%;
  width: calc(100% - 40px);
  max-width: 970px;
}
#home {
  margin-top: 33px;
}
#head {
  margin-top: 49px;
}
.cb-layout2 #head {
  margin-top: 35px;
  padding-top: 59px;
}
.navigation {
  float: right;
  margin-top: 50px;
}
div.sub1 {
  margin-top: 7px;
  margin-right: -4px;
}
#expo {
  margin-top: 35px;
}
h1 {
  font-size: 32px;
  font-size: 3.2rem;
  padding-bottom: 0.1em;
}
.footer {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 53px;
  padding: 33px 0;
}
.copyright {
  float: left;
}
.services {
  float: right;
  margin-right: 20px;
}
.menu {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 1em 1.92em;
  letter-spacing: 0.01em;
}
div.sub1 {
  display: block;
}
div.sub2 {
  margin-right: 22px;
}
.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 {
  width: 50%;
}
.area > .slim h2,
.area > .slim .foot,
.area > .slim .part,
.area > .slim.grid table {
  margin-right: 0%;
  margin-left: 0%;
}
.area > .slim .part,
.area > .slim.grid table {
  width: 100%;
}
.area > .slim .tiny {
  width: 100%;
}
.base {
  width: 100%;
}
.base > .unit {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.base h2,
.base .foot {
  margin-right: 3.60824742%;
  margin-left: 3.60824742%;
}
.base .part,
.base > .grid table {
  margin-right: 3.60824742%;
  margin-left: 3.60824742%;
  width: 92.78350515%;
}
.base > .slim {
  width: 50%;
}
.base > .slim h2,
.base > .slim .foot,
.base > .slim .part,
.base > .slim.grid table {
  margin-right: 7.21649485%;
  margin-left: 7.21649485%;
}
.base > .slim .part,
.base > .slim.grid table {
  width: 85.56701031%;
}
.base > .slim .tiny {
  width: 85.56701031%;
}
.base > .pure h2,
.base > .pure .part,
.base > .pure.grid table,
.base > .pure .foot,
.base > .edge .code {
  margin-left: 0;
  margin-right: 0;
}
.base > .pure .part,
.base > .pure.grid table,
.base > .edge .code {
  width: 100%;
}
.unit.form .tile .name,
.unit a.capt {
  float: left;
  width: 33%;
}
.unit.form .tile .chop,
.unit.form .tile textarea,
.unit.form .tile input.text,
.unit.form .tile .ctrl,
.unit input.capt {
  float: right;
  width: 63%;
}
/*.unit {
  margin-top: 10px;
  margin-bottom: 10px;
}*/
.main,
.side {
  width: 50%;
}
.main > .unit:first-child h2 {
  margin-top: 10px;
}
.side {
  margin-top: 25px;
}
.main {
  margin-top: 28px;
}
.base {
  margin-top: 26px;
}
#edit .base {
  padding-top: 2px;
  border-top: 2px dashed #ccc;
}
.base {
  display: flex;
  flex-wrap: wrap;
}
.base > .slim.flat:nth-child(2) + .slim,
.base > .slim.flat:nth-child(2) + .slim + .slim {
  margin-top: 40px;
}
.pure h2,
.pure h3,
.pure .text > p,
.pure .link > .open,
.pure .load > .load,
.bio-text > .loud {
  padding-right: 0.8em;
}
.loud {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
}
.base > .seam,
.base > .flat {
  min-height: 350px;
}
.base > .seam .part:last-child,
.base > .flat .part:last-child {
  margin-bottom: 40px;
}
.base > .seam .show:last-child,
.base > .flat .show:last-child {
  margin-bottom: -0.4em;
}
.base .seam h2 {
  font-size: 20px;
  font-size: 2rem;
  padding: 34px 0 0.1em;
}
.base .flat h2 {
  padding-top: 34px;
}
.side .norm,
.skew {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.3125;
  letter-spacing: 0.01em;
}
.base > .seam,
.base > .flat {
  background: url(/images/flat.png) repeat-y 50% fixed;
}
.base > .edge h2 {
  line-height: 1.6;
}
.base > .edge h2:first-line {
  font-size: 20px;
  font-size: 2rem;
}
.cb-code-executable > .cb-toggle {
  margin-top: 60%;
}
.no-flexbox .bio,
.ie10 .bio {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  z-index: 1;
}
.bio {
  float: left;
  width: 200%;
  position: relative;
  z-index: 1;
}
.base .edge.slim:has(.bio):nth-child(2n + 2 of .edge.slim:has(.bio)) .bio {
  float: right;
}
.bio--huegli {
  margin-left: -100%;
}
.bio-text,
.bio-cv,
.bio-memberships {
  width: 50%;
  float: left;
}
.bio-memberships {
  margin-left: 50%;
}
.bio-text {
  margin-top: 52px;
}
.bio-cv {
  margin-top: 52px;
}
.bio dt,
.bio dd {
  float: left;
}
.bio dt {
  clear: left;
}
#disp {
  left: 50%;
  margin-left: -175px;
  width: 350px;
  font-size: 15px;
  font-size: 1.5rem;
  top: 120px !important;
}
#disp.zoom {
  left: 50%;
  margin-left: -385px;
  width: 770px;
}
#disp.tube {
  left: 50%;
  margin-left: -330px;
  width: 660px;
}
#disp.site > .body {
  overflow: auto;
  max-height: 400px;
}
/*#disp.site li,
div.cb-sitemap li {
  .font-size(14); 
}*/
h1,
h2 {
  hyphens: none;
}
/*# sourceMappingURL=./screen-large.css.map */