.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  background-color: #1b3444;
  line-height: 1.33333333;
  cursor: pointer;
  color: #fff;
  padding: 8px 40px;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}
.button:hover,
.button:focus {
  color: #fff;
  background-color: #142632;
}
.button:active {
  background-color: #050a0d;
}
.section--one .area {
  width: 100%;
}
.section--one .area > .unit {
  margin-right: 4.48430493%;
  margin-left: 4.48430493%;
  width: 91.03139013%;
}
.section--one .area .cb-album .body,
.section--one .area .head,
.section--one .area .foot,
.section--one .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim {
  width: 41.03139013%;
}
.section--one .area > .slim .head,
.section--one .area > .slim .foot,
.section--one .area > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim .tiny {
  width: 100%;
}
.section--one .area {
  width: 109.85221675%;
  margin-left: -4.92610837%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.section--two .area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 107.24637681%;
  margin-left: -3.62318841%;
}
.section--two .area.side {
  z-index: 3;
  position: relative;
}
.section--two .area.side:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 506px;
  height: 305px;
  top: -190px;
  right: 0;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(/images/karotte-illu.svg);
}
.section--one .area .pure.wide .part.tiny {
  width: 48%;
}
.section--one .area .wide.seam {
  z-index: 1;
}
.section--one .area .wide.seam .part.pict.tall:first-child {
  z-index: 2;
  position: relative;
}
body.c1 .section--one .area .wide.seam .part.pict.tall:first-child:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 556px;
  height: 417px;
  top: -200px;
  left: -150px;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(/images/zitrone-green.svg);
}
body.c1 .section--one .area .wide.seam .part.pict.tall:first-child:before {
  content: '';
  position: absolute;
  z-index: 3;
  width: 282px;
  height: 325px;
  top: -90px;
  left: 290px;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(/images/zitrone-grey.svg);
}
body.c2 .section--one .area .wide.seam .part.pict.tall:first-child:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 523px;
  height: 476px;
  bottom: -80px;
  right: -140px;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(/images/zitrone-yellow.svg);
}
body.c2 .section--one .area .wide.seam .part.pict.tall:first-child:before {
  content: '';
  position: absolute;
  z-index: 3;
  width: 282px;
  height: 325px;
  top: -136px;
  left: -108px;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(/images/zitrone-grey.svg);
}
.section--two .area .unit.slim {
  width: 26.57657658%;
  margin-left: 3.37837838%;
  margin-right: 3.37837838%;
}
.section--two .area .unit.slim .body {
  min-height: 26.57657658%;
}
.section--two .area .unit.slim.seam {
  margin-top: 90px;
}
/*# sourceMappingURL=screen-medium.css.map */