/******* screen-large.less *******/
/******* mixins.less 2013-1-16 *******/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
body.cb-toggle-target-active {
  overflow: visible;
}
.desk {
  max-width: 90%;
  width: 1200px;
}
#home {
  width: 40px;
  margin: 20px 10px 0;
  height: auto;
}
.cb-layout2 #head,
.cb-layout3 #head {
  margin: 60px 0 180px;
}
.cb-layout6 #head {
  width: 46.66666667%;
  margin: 60px 26.66666667% 0;
}
#wrapper {
  padding-left: 60px;
}
.cb-layout1 .movie {
  height: 100vh;
  min-height: 460px;
  padding-bottom: 0;
  overflow: hidden;
}
.cb-layout1 .movie.cb-toggle-target-active {
  min-height: 0;
}
.cmsbox-video--loop {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cmsbox-video--full {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.navigation__bar {
  width: 60px;
}
#social {
  margin-bottom: 20px;
}
.open-navi {
  width: 24px;
  height: 54px;
  margin-right: -12px;
}
div.sub1 .menu {
  font-size: 15px;
}
div.sub2 .menu {
  font-size: 20px;
}
.section {
  right: 0;
  transition: all 0.5s 0.3s;
}
body.cb-toggle-target-active .section {
  transition: all 0.5s 0.3s;
  right: -200px;
  transform: none;
}
.section--header {
  margin-top: 0;
}
.header {
  background-position: 50% 100%;
}
.round-date__circle {
  width: 100px;
  height: 100px;
}
#view .round-date__circle {
  margin-top: -50px;
}
.date-text {
  font-size: 14px;
}
.date-text.day {
  font-size: 40px;
}
.downlink {
  height: 56px;
  background-size: 8px 56px;
}
.inline-arrow img {
  width: 8px;
  height: 56px;
}
h4 a:after {
  margin-left: -28px;
  width: 56px;
  height: 8px;
  margin-top: -8px;
  background-size: 56px 8px;
}
.moodcontent .area div.unit div.part.text:after {
  width: 56px;
  height: 8px;
  background-size: 56px 8px;
}
.normcontent .area div.flat:after {
  width: 56px;
  height: 8px;
  background-size: 56px 8px;
}
.pale a:after {
  width: 56px;
  height: 8px;
  background-size: 56px 8px;
}
.hide-movie-peak {
  font-size: 12px;
  padding: 17px 96px 13px 20px;
}
.hide-movie-peak:after {
  right: 20px;
  width: 56px;
  height: 8px;
  margin-top: -4px;
  background-size: 56px 8px;
}
div.link {
  font-size: 12px;
}
div.link:after {
  right: 20px;
  width: 56px;
  height: 8px;
  margin-top: -4px;
  background-size: 56px 8px;
}
div.link a.open {
  padding: 17px 96px 13px 20px;
}
.downlink {
  bottom: 50px;
  animation-name: downlink-bounce;
}
.foothome {
  bottom: 120px;
}
#social {
  display: block;
}
#social2 {
  text-align: left;
  margin-top: 30px;
}
#social2 .meta {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}
#social2 .meta.service_custimprint,
#social2 .meta.service_datenschutz,
#social2 .meta.service_agb {
  margin-top: 6px;
}
.vcard {
  margin-top: 187px;
  margin-bottom: 116px;
}
.cb-iframe--responsive.tracking-frame-container {
  height: 176px;
}
h1 {
  font-size: 46px;
}
h1 strong {
  font-size: 16px;
  padding-bottom: 26px;
}
.cb-layout6 h1 {
  font-size: 46px;
}
.cb-layout6 h1 strong {
  font-size: 16px;
}
h2,
h3 {
  font-size: 34px;
}
h2 strong,
h3 strong {
  font-size: 14px;
  padding-bottom: 20px;
}
h4 {
  font-size: 45px;
  line-height: 1.1;
}
h4 strong {
  font-size: 14px;
  padding-bottom: 38px;
}
.moodcontent .area div.unit div.part.text:after {
  bottom: 100px;
}
.normcontent .area div.flat {
  padding-bottom: 100px !important;
}
.normcontent .area div.flat:after {
  left: 4.28571429%;
  bottom: 40px;
}
.movie.is-hovered .movie__peak {
  transition: all 0.3s ease-out;
  right: 45.05494505%;
}
.vcard__content a:hover,
.vcard__content a:focus {
  color: #fff;
  background-size: 100% 100%;
  padding-left: 8px;
  padding-right: 8px;
}
#social2 .meta {
  margin: 0 15px;
}
#social2 .meta:hover.service_youtube,
#social2 .meta:focus.service_youtube {
  background-image: url(/images/icon-youtube-purple.svg);
}
#social2 .meta:hover.service_facebook,
#social2 .meta:focus.service_facebook {
  background-image: url(/images/icon-facebooknew-purple.svg);
}
#social2 .meta:hover.service_twitter,
#social2 .meta:focus.service_twitter {
  background-image: url(/images/icon-twitter-purple.svg);
}
#social2 .meta:hover.service_instagram,
#social2 .meta:focus.service_instagram {
  background-image: url(/images/icon-instagram-purple.svg);
}
#social2 .meta:hover.service_linkedin,
#social2 .meta:focus.service_linkedin {
  background-image: url(/images/icon-linkedin-purple.svg);
}
.showcase .showcase-link:hover,
.hide-movie-peak:hover,
.showcase .showcase-link:focus,
.hide-movie-peak:focus {
  color: #fff;
}
.showcase .showcase-link:hover:before,
.hide-movie-peak:hover:before,
.showcase .showcase-link:focus:before,
.hide-movie-peak:focus:before {
  width: 100%;
}
.showcase .showcase-link:hover:after,
.hide-movie-peak:hover:after,
.showcase .showcase-link:focus:after,
.hide-movie-peak:focus:after {
  background-image: url(/images/arrow-right-white.svg);
}
.showcase .showcase-link:active:before,
.hide-movie-peak:active:before {
  background: #42b8ef;
}
div.link:hover:before,
div.link:focus:before {
  width: 100%;
}
div.link:hover:after,
div.link:focus:after {
  background-image: url(/images/arrow-right-white.svg);
}
div.link:active:before {
  background: #42b8ef;
}
div.link a.open:hover,
div.link a.open:focus {
  color: #fff;
}
#view .moodcontent .area .unit:hover h2,
#view .moodcontent .area .unit:hover h3,
#view .normcontent .area .flat:hover h2,
#view .normcontent .area .flat:hover h3 {
  color: #fff;
}
#view .moodcontent .area .unit:hover h2 strong,
#view .moodcontent .area .unit:hover h3 strong,
#view .normcontent .area .flat:hover h2 strong,
#view .normcontent .area .flat:hover h3 strong {
  color: #fff;
}
h4 a:hover,
h4 a:focus {
  color: #fff;
  background-size: 100% 100%;
}
h4 a:hover:after,
h4 a:focus:after {
  transform: scale(1.2);
}
.pale a:hover,
.pale a:focus {
  color: #fff;
  background-size: 100% 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.pale a:hover:after,
.pale a:focus:after {
  transform: scale(1.2);
}
.loud a:hover:after,
.loud a:focus:after {
  width: 100%;
  left: 0;
}
.moodcontent .area {
  background: #fff;
}
#view .moodcontent .area div.unit:hover div.part.text {
  background-image: url(/images/peak-mood-1-blue.svg);
}
#view .moodcontent .area div.unit:hover div.part.text:after {
  transform: scale(1.2);
  background-image: url(/images/arrow-right-white.svg);
}
#view .normcontent .area div.flat:hover {
  background-color: #71CAF3;
  color: #fff;
}
#view .normcontent .area div.flat:hover:after {
  transform: scale(1.2);
  background-image: url(/images/arrow-right-white.svg);
}
.cb-layout6 .normcontent .area {
  width: 100%;
}
.cb-layout6 .normcontent .area > .unit {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.cb-layout6 .normcontent .area .foot {
  margin-right: 3.33333333%;
  margin-left: 3.33333333%;
}
.cb-layout6 .normcontent .area .part {
  margin-right: 3.33333333%;
  margin-left: 3.33333333%;
  width: 93.33333333%;
}
.cb-layout6 .normcontent .area .tiny {
  width: 43.33333333%;
}
.cb-layout6 .normcontent .area > .slim {
  width: 50%;
}
.cb-layout6 .normcontent .area > .slim .foot,
.cb-layout6 .normcontent .area > .slim .part {
  margin-right: 6.66666667%;
  margin-left: 6.66666667%;
}
.cb-layout6 .normcontent .area > .slim .part {
  width: 86.66666667%;
}
.cb-layout6 .normcontent .area > .slim .tiny {
  width: 86.66666667%;
}
.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%;
}
#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;
}
/*# sourceMappingURL=./screen-large.css.map */