:root {
  --textColor: #000000;
  --titleColor: #000000;
  --linkColor: #A1C854;
  --deskWidth: 1278px;
  --deskSpace: 4vw;
  --deskMaxWidth: calc(100vw - (2 * var(--deskSpace)));
}
@media (max-width: 1023px) {
  :root {
    --deskSpace: 6vw;
    --deskMaxWidth: calc(100vw - (2 * var(--deskSpace)));
  }
}
:root {
  --ns-UnitNavigationOffset: 240px;
}
@media (max-width: 767px) {
  :root {
    --ns-UnitNavigationOffset: 170px;
  }
}
:root {
  --spacePart: 10px;
}
@media (max-width: 1023px) {
  :root {
    --spacePart: 10px;
  }
}
@media (max-width: 767px) {
  :root {
    --spacePart: 10px;
  }
}
:root {
  --spaceUnit: 20px;
}
@media (max-width: 1023px) {
  :root {
    --spaceUnit: 20px;
  }
}
@media (max-width: 767px) {
  :root {
    --spaceUnit: 20px;
  }
}
:root {
  --spaceTotal: 30px;
}
@media (max-width: 1023px) {
  :root {
    --spaceTotal: 30px;
  }
}
@media (max-width: 767px) {
  :root {
    --spaceTotal: 30px;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.navigation div.navi {
  float: left;
}
.navigation div.navi > .item {
  float: left;
}
.navigation div.navi > .item > .menu {
  display: block;
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (min-width: 1280px) {
  .togglenavigation,
  .mobile-navigation {
    display: none;
  }
}
.topnavi--desktop div.sub1 {
  float: left;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
}
.topnavi--desktop div.sub1 > .cb-toggle {
  display: none;
}
.topnavi--desktop div.sub1 > .item {
  float: left;
  width: 100%;
  position: relative;
  margin-right: 14px;
}
.topnavi--desktop div.sub1 > .item:after {
  content: '|';
  position: absolute;
  right: -8px;
  top: -2px;
  color: var(--textColor);
  font-weight: bold;
}
.topnavi--desktop div.sub1 > .item.exit {
  margin-right: 0;
}
.topnavi--desktop div.sub1 > .item.exit:after {
  content: '';
}
.topnavi--desktop div.sub1 > .item.item-empty > .cb-toggle {
  display: none;
}
.topnavi--desktop div.sub1 > .item > .menu {
  display: block;
  color: #F0F0F0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.25;
}
.topnavi--desktop div.sub1 > .item > .menu.path {
  color: rgba(255, 255, 255, 0.5);
}
.navigation div.sub2 > .item {
  position: relative;
  margin: 0 0.8vw;
}
.navigation div.sub2 > .item.init {
  margin-left: 0;
}
.navigation div.sub2 > .item.exit {
  margin-right: 0;
}
.navigation div.sub2 > .item:hover > .menu:after,
.navigation div.sub2 > .item:focus > .menu:after {
  width: 100%;
  opacity: 1;
}
.navigation div.sub2 > .item > .menu {
  font-size: 18px;
  line-height: 1.22222222;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--textColor);
  padding-bottom: 5px;
  box-sizing: border-box;
  position: relative;
}
.navigation div.sub2 > .item > .menu:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background-color: #A1C854;
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  opacity: 0;
}
.layout1 .navigation div.sub2 > .item > .menu {
  --textColor: #FFFFFF;
}
.layout1 .cb-scroll-triggered--active .navigation div.sub2 > .item > .menu {
  --textColor: #000000;
}
.navigation div.sub2 > .item > .menu.path:after {
  width: 100%;
  opacity: 1;
}
.navigation div.sub3 {
  display: none;
  position: absolute;
  min-width: 250px;
  top: 100%;
  left: 0;
  padding: 20px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-radius: 0 10px 10px 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  flex-direction: column;
  align-items: flex-start;
}
.navigation div.sub3 > .item {
  margin-bottom: 10px;
}
.navigation div.sub3 > .item.exit {
  margin-bottom: 0;
}
.navigation div.sub3 > .item > .menu {
  font-size: 16px;
  line-height: 1.25;
  color: #366136;
  font-weight: bold;
}
.navigation div.sub3 > .item > .menu:hover,
.navigation div.sub3 > .item > .menu:focus {
  color: #A1C854;
}
.navigation div.sub3 > .item > .menu.path {
  color: #A1C854;
}
.navigation div.sub2 > .item.exit div.sub3 {
  left: initial;
  right: 0;
  border-radius: 10px 0 10px 10px;
  align-items: flex-end;
}
.navigation div.sub2 > .item.exit div.sub3:after {
  left: initial;
  right: 0;
}
.navigation div.sub2 > .item:hover div.sub3 {
  display: flex;
}
@media (min-width: 1280px) {
  #home {
    height: 76px;
  }
  body:not(.cb-toggle-target-active) .cb-scroll-triggered--active #home {
    height: 45px;
  }
}
#head {
  margin-top: calc(var(--spaceTotal) * 2);
}
.layout6 #head,
.layout7 #head,
.layout8 #head,
.layout9 #head,
.layout10 #head,
.layout11 #head,
.layout4 #head {
  padding: 0 17.05790297%;
  box-sizing: border-box;
}
.wrapper {
  font-size: 18px;
  line-height: 1.44444444;
}
.layout1 .wrapper {
  padding-top: 780px;
}
@media (min-width: 1280px) {
  .container--head {
    padding: 0 0 30px;
    transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .cb-scroll-triggered--active .container--head {
    padding: 20px 0;
  }
  .topnavi--desktop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    isolation: isolate;
    transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
    --textColor: #FFFFFF;
  }
  body:not(.layout1) .topnavi--desktop:after {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    left: -50vw;
    height: 100%;
    width: 200vw;
    background-color: #A1C854;
  }
  .cb-scroll-triggered--active .topnavi--desktop {
    opacity: 0;
    margin: 0;
    margin-top: -100%;
    padding: 0;
  }
  .topnavi--desktop .langnavi {
    margin-left: 20px;
  }
  .topnavi--desktop .contact {
    display: flex;
    flex-direction: row;
  }
  .topnavi--desktop .contact a {
    color: var(--textColor);
    background: linear-gradient(var(--textColor), var(--textColor));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
    font-weight: bold;
    margin-right: 20px;
  }
}
@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .topnavi--desktop .contact a:hover,
  .topnavi--desktop .contact a:focus {
    background-size: 100% 1px;
  }
}
.section--first {
  padding-top: 185px;
}
.container--mood {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.container--mood .content {
  width: 50%;
  padding-right: 70px;
  box-sizing: border-box;
}
.container--mood .mood {
  width: 50%;
}
.container--mood .mood #expo {
  width: 50vw;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
.section--navi {
  top: 85px;
}
.section--navi.navi--hidden {
  top: 85px;
}
.ns-unitNavigation {
  margin-top: var(--spaceUnit);
  margin-bottom: var(--spaceUnit);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.section--intro .content--anleitung {
  float: left;
  width: 65.88419405%;
  margin-left: 17.07126077%;
  position: relative;
}
.columns {
  width: 102.34741784%;
  margin-left: -1.14678899%;
}
.columns .column {
  float: left;
  width: 47.70642202%;
  margin-left: 1.14678899%;
  margin-right: 1.14678899%;
}
.columns .column--right {
  padding-left: 3.44036697%;
  box-sizing: border-box;
}
.footarea {
  width: 102.34741784%;
  margin-left: -1.14678899%;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--spaceTotal) * 3);
}
.footpart {
  margin-left: 1.14678899%;
  margin-right: 1.14678899%;
  margin-top: 25px;
  margin-bottom: 25px;
}
.footpart.footpart--slim {
  width: 22.70642202%;
}
.footpart.footpart--wide {
  width: 47.70642202%;
  padding-right: 17.46794872%;
  box-sizing: border-box;
}
.footpart.footpart--full {
  width: 97.70642202%;
}
.footlogo {
  width: 297px;
}
h1 {
  font-size: 55px;
  line-height: 1.09090909;
}
h2 {
  font-size: 45px;
  line-height: 1.11111111;
}
h3 {
  font-size: 35px;
  line-height: 1.14285714;
}
h4 {
  font-size: 25px;
  line-height: 1.2;
}
h5 {
  font-size: 20px;
  line-height: 1.25;
}
h6 {
  font-size: 25px;
  line-height: 1.2;
}
p.loud {
  font-size: 20px;
  line-height: 1.4;
}
p.skew {
  font-size: 35px;
  line-height: 1.22857143;
}
.area--one {
  width: 100%;
}
.area--one > .unit {
  margin-right: 1.14678899%;
  margin-left: 1.14678899%;
  width: 97.70642202%;
}
.area--one .cb-album .body,
.area--one .head,
.area--one .foot,
.area--one .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--one > .slim {
  width: 31.03975535%;
}
.area--one > .slim .head,
.area--one > .slim .foot,
.area--one > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--one > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--one > .slim .tiny {
  width: 100%;
}
.area--three {
  width: 100%;
}
.area--three > .unit {
  margin-right: 1.14678899%;
  margin-left: 1.14678899%;
  width: 97.70642202%;
}
.area--three .cb-album .body,
.area--three .head,
.area--three .foot,
.area--three .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--three > .slim {
  width: 47.70642202%;
}
.area--three > .slim .head,
.area--three > .slim .foot,
.area--three > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--three > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--three > .slim .tiny {
  width: 100%;
}
.area--six {
  width: 100%;
}
.area--six > .unit {
  margin-right: 1.14678899%;
  margin-left: 1.14678899%;
  width: 97.70642202%;
}
.area--six .cb-album .body,
.area--six .head,
.area--six .foot,
.area--six .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--six > .slim {
  width: 31.03975535%;
}
.area--six > .slim .head,
.area--six > .slim .foot,
.area--six > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--six > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.area--six > .slim .tiny {
  width: 100%;
}
.area--one {
  width: 102.34741784%;
  margin-left: -1.17370892%;
  margin-top: calc(var(--spaceTotal) * 2);
  margin-bottom: calc(var(--spaceTotal) * 2);
}
.layout6 .area--one.area1 {
  margin-bottom: calc(var(--spaceTotal) * -2);
}
.area--two {
  width: 102.34741784%;
  margin-left: -1.17370892%;
  margin-bottom: calc(var(--spaceTotal) * 2);
}
.area--three {
  width: 102.34741784%;
  margin-left: -1.17370892%;
  margin-top: calc(var(--spaceTotal) * 4);
  margin-bottom: calc(var(--spaceTotal) * 4);
}
.area--four {
  margin-top: calc(var(--spaceTotal) * 2);
  margin-bottom: calc(var(--spaceTotal) * 2);
  width: 102.34741784%;
  margin-left: -1.17370892%;
}
.area--five {
  margin-top: calc(var(--spaceTotal) * 3);
  margin-bottom: calc(var(--spaceTotal) * 3);
}
.area--six {
  width: 102.34741784%;
  margin-left: -1.17370892%;
  margin-top: calc(var(--spaceTotal) * 2);
  margin-bottom: calc(var(--spaceTotal) * 2);
}
.area--one .wide.pure .unit__body,
.area--one .wide.seam .unit__body {
  width: 102.34741784%;
  margin-left: -1.17370892%;
}
.area--one .wide.pure .part.tall,
.area--one .wide.seam .part.tall {
  width: 64.37308869%;
  margin-left: 17.81345566%;
  margin-right: 17.81345566%;
}
.area--one .wide.pure .part.tiny,
.area--one .wide.seam .part.tiny {
  width: 47.70642202%;
  margin-left: 1.14678899%;
  margin-right: 1.14678899%;
}
.area--one .wide.flat {
  width: 64.37308869%;
}
.area--one .wide.edge .unit__body {
  width: 102.34741784%;
  margin-left: -1.14678899%;
}
.area--one .wide.edge .part {
  margin-left: 1.14678899%;
  margin-right: 1.14678899%;
}
.area--one .wide.edge .part.tall {
  width: 97.70642202%;
}
.area--one .wide.edge .part.tiny {
  width: 47.70642202%;
}
.area--one .slim.seam {
  width: 47.70642202%;
}
.area--one .slim.seam .part.pict.tiny:first-child {
  width: 30.12820513%;
  float: left;
}
.area--one .slim.seam .part.tiny {
  width: 65.06410256%;
  float: right;
}
.section--one .slim.pure .unit__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
}
.area--one .unit--fold .fold-toggle:after {
  width: 26px;
  height: 26px;
}
.area--one .form.wide .unit__foot {
  width: 65.88419405%;
  margin-left: 17.05790297%;
  margin-right: 17.05790297%;
}
.area--two .unit {
  margin-left: 1.14678899%;
  margin-right: 1.14678899%;
}
.area--two .unit--third {
  width: 31.03975535%;
}
.area--two .unit--second {
  width: 47.70642202%;
}
.area--two .unit--full {
  width: 97.70642202%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.area--two .unit--full .head,
.area--two .unit--full .foot {
  display: none;
}
.area--two .unit--full .unit__content,
.area--two .unit--full .unit__background {
  width: calc(50% - 15px);
}
.area--two .unit--full .unit__body {
  padding-top: calc(var(--spaceTotal) * 2);
  padding-left: 45px;
  box-sizing: border-box;
}
.area--two .unit--fullRight {
  flex-direction: row-reverse;
}
.area--two .unit--fullRight .unit__body {
  padding-left: 0;
  padding-right: 45px;
}
.area--two .slim.seam {
  width: 47.70642202%;
}
.area--three .unit {
  width: 47.70642202%;
  padding: 30px 40px;
}
.area--three .unit .unit__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.area--three .unit .part.link:last-child {
  margin-top: auto;
}
.area--four .unit {
  width: 31.03975535%;
  margin-left: 1.14678899%;
  margin-right: 1.14678899%;
  padding-top: 40px;
  padding-left: 105px;
}
.area--four .unit .part.text:first-child h2 {
  font-size: 100px;
  line-height: 0.65;
}
.area--five .unit:not(.pure) {
  padding: var(--spacePart) 110px var(--spacePart) 50px;
}
.area--five .unit:not(.pure):before {
  font-size: 25px;
  line-height: 1.2;
  top: 20px;
}
.area--five .unit:not(.pure) .unit__body {
  width: 110.1010101%;
  margin-left: -4.58715596%;
}
.area--five .unit:not(.pure) .part {
  margin-left: 4.58715596%;
  margin-right: 4.58715596%;
}
.area--five .unit:not(.pure) .part.tall {
  width: 90.82568807%;
}
.area--five .unit:not(.pure) .part.tiny {
  width: 40.82568807%;
}
.area--five .unit:not(.pure) .part.link:first-child {
  position: absolute;
  right: 0;
  top: 15px;
  bottom: unset;
}
.area--six .wide .unit__body {
  width: 102.34741784%;
  margin-left: -1.17370892%;
}
.area--six .wide .part.tall {
  width: 64.37308869%;
  margin-left: 17.81345566%;
  margin-right: 17.81345566%;
}
.area--six .wide .part.tiny {
  width: 47.70642202%;
  margin-left: 1.14678899%;
  margin-right: 1.14678899%;
}
/*# sourceMappingURL=./screen-large.css.map */