.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  width: auto;
  min-width: 60px;
  font-size: 38px;
  line-height: 1;
  cursor: pointer;
  color: #000000;
  font-weight: 500;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 53px 35px;
  text-decoration: none;
  border-bottom: 6px solid #000000;
  padding: 60px 0 0;
  transition: all 0.4s;
}
.black .button {
  background-image: url(/images/link-arrow-black.svg);
}
.yellow .button {
  background-image: url(/images/link-arrow-yellow.svg);
}
.green .button {
  background-image: url(/images/link-arrow-green.svg);
}
.blue .button {
  background-image: url(/images/link-arrow-blue.svg);
}
.pink .button {
  background-image: url(/images/link-arrow-pink.svg);
}
.red .button {
  background-image: url(/images/link-arrow-red.svg);
}
.gray .button {
  background-image: url(/images/link-arrow-gray.svg);
}
.lightblue .button {
  background-image: url(/images/link-arrow-lightblue.svg);
}
@media (max-width: 1023px) {
  .button {
    font-size: 20px;
    background-size: 32px 21px;
    padding: 35px 0 0;
    border-bottom: 3px solid #000000;
  }
}
.button:hover,
.button:focus {
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  background-position: 50% 10px;
}
@media (max-width: 1023px) {
  .button:hover,
  .button:focus {
    border-bottom: 3px solid rgba(0, 0, 0, 0);
  }
}
.area--two .unitOne .button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
div.navi {
  float: left;
}
div.navi > .item {
  float: left;
}
div.navi > .item > .menu {
  display: block;
  text-decoration: none;
}
.navigation div.sub1 > .item {
  margin-right: 40px;
}
.navigation div.sub1 > .item:hover.yellow .menu:before,
.navigation div.sub1 > .item:active.yellow .menu:before {
  background-color: #FFE200;
}
.navigation div.sub1 > .item:hover.green .menu:before,
.navigation div.sub1 > .item:active.green .menu:before {
  background-color: #61D399;
}
.navigation div.sub1 > .item:hover.blue .menu:before,
.navigation div.sub1 > .item:active.blue .menu:before {
  background-color: #5E6FFC;
}
.navigation div.sub1 > .item:hover.pink .menu:before,
.navigation div.sub1 > .item:active.pink .menu:before {
  background-color: #E36CDF;
}
.navigation div.sub1 > .item:hover.red .menu:before,
.navigation div.sub1 > .item:active.red .menu:before {
  background-color: #FF5555;
}
.navigation div.sub1 > .item:hover.gray .menu:before,
.navigation div.sub1 > .item:active.gray .menu:before {
  background-color: #BFB4B4;
}
.navigation div.sub1 > .item:hover.lightblue .menu:before,
.navigation div.sub1 > .item:active.lightblue .menu:before {
  background-color: #84C1D3;
}
.navigation div.sub1 > .item.exit {
  margin: 0;
}
.navigation div.sub1 > .item > .menu {
  position: relative;
  font-size: 38px;
  line-height: 1;
  letter-spacing: 0.01em;
  padding-left: 48px;
  font-weight: 500;
}
.navigation div.sub1 > .item > .menu:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background-color: #000000;
}
@media (max-width: 1830px) {
  .navigation div.sub1 > .item {
    margin-right: 30px;
  }
}
@media (max-width: 1770px) {
  .navigation div.sub1 > .item > .menu {
    font-size: 30px;
    padding-left: 35px;
  }
  .navigation div.sub1 > .item > .menu:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 27px;
    border-radius: 27px;
    background-color: #000000;
  }
}
.layout6 #head {
  margin-top: 50px;
}
.section--header .desk {
  width: 100%;
  max-width: 100%;
}
.container--head {
  float: left;
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px;
  margin-bottom: 55px;
  padding-left: 60px;
  padding-right: 60px;
  box-sizing: border-box;
}
.cb-scroll-triggered--active .container--head {
  margin-top: 40px;
  margin-bottom: 40px;
}
.headpart--left {
  float: left;
  margin-right: 40px;
}
@media (max-width: 1830px) {
  .headpart--left {
    margin-right: 30px;
  }
}
.logo {
  font-size: 38px;
  line-height: 1;
  letter-spacing: 0.01em;
  padding-left: 48px;
}
.logo:before {
  width: 35px;
  height: 35px;
  border-radius: 35px;
}
@media (max-width: 1830px) {
  .layout1 .logo,
  .layout2 .logo {
    padding-left: 35px;
  }
}
@media (max-width: 1770px) {
  .layout1 .logo,
  .layout2 .logo {
    font-size: 30px;
  }
  .layout1 .logo:before,
  .layout2 .logo:before {
    width: 27px;
    height: 27px;
    border-radius: 27px;
  }
}
.breadcrump {
  margin-left: 40px;
}
.breadcrump .here,
.breadcrump a {
  font-size: 38px;
  padding-left: 48px;
}
.breadcrump .here:before,
.breadcrump a:before {
  width: 35px;
  height: 35px;
  border-radius: 35px;
}
@media (max-width: 1770px) {
  .layout1 .breadcrump .here,
  .layout1 .breadcrump a,
  .layout2 .breadcrump .here,
  .layout2 .breadcrump a {
    font-size: 30px;
  }
  .layout1 .breadcrump .here:before,
  .layout1 .breadcrump a:before,
  .layout2 .breadcrump .here:before,
  .layout2 .breadcrump a:before {
    width: 27px;
    height: 27px;
    border-radius: 27px;
  }
}
@media (min-width: 1450px) {
  .layout1 .homeBurgerNavi .mobile-navi-animation {
    display: block;
  }
  .layout1 .BurgerNavi .mobile-navi-animation {
    display: none;
  }
}
main {
  margin-top: 148px;
}
.cb-scroll-triggered--active main {
  margin-top: 120px;
}
.layout1 main {
  margin-top: 148px;
}
.cb-scroll-triggered--active .layout1 main {
  margin-top: 120px;
}
.teaserMetaContainer {
  margin-top: 40px;
  padding-left: 17.22222222%;
  padding-right: 17.22222222%;
  box-sizing: border-box;
}
#head {
  width: 65.55555556%;
  margin-left: 17.22222222%;
  margin-right: 17.22222222%;
}
.cbdModule--introtext {
  margin-top: calc(var(--spacePart) * 2);
  margin-bottom: calc(var(--spacePart) * 2);
  width: 65.55555556%;
  margin-left: 17.22222222%;
  margin-right: 17.22222222%;
}
.cbdModule--moodDescription {
  margin-top: var(--spacePart);
  width: 65.55555556%;
  margin-bottom: -5px;
  margin-left: 17.22222222%;
  margin-right: 17.22222222%;
}
.pagerLink {
  width: 54px;
  height: 51px;
  bottom: 50px;
}
.pagerLink:hover--prev,
.pagerLink:focus--prev {
  left: -20px;
}
.layout6 .ns-teaser {
  width: 65.55555556%;
  margin-left: 17.22222222%;
  margin-right: 17.22222222%;
  padding-top: 25px;
  padding-bottom: 60px;
  border-top: 3px dotted #000000;
}
.cbdModule--teaserFilter {
  padding-left: 17.22222222%;
  padding-right: 17.22222222%;
  margin-top: 5px;
  margin-bottom: calc(var(--spaceUnit) * 2);
}
.ns-teaserFilter__cover {
  display: block;
}
.ns-teaserFilter__item {
  width: auto;
  font-size: 28px;
  line-height: 1.28571429;
  letter-spacing: 0.015em;
  padding: 15px;
  border: 6px solid #000000;
  margin-right: 50px;
}
.footpart--slim {
  width: 16.88888889%;
}
@media (max-width: 1305px) {
  .footpart--slim {
    width: 25.53191489%;
  }
}
.footpart--wide {
  width: 66.22222222%;
  padding-right: 160px;
}
@media (max-width: 1305px) {
  .footpart--wide {
    width: 48.93617021%;
  }
}
.area--one,
.area--three {
  gap: 0 2.22222222%;
}
.area--one .unitOne--1-1,
.area--three .unitOne--1-1 {
  padding-left: 17.11111111%;
  padding-right: 17.11111111%;
}
.area--one .unitOne.unit--fold .unit__content,
.area--three .unitOne.unit--fold .unit__content {
  border-top: 3px dotted #000000;
  border-bottom: 3px dotted #000000;
  padding-right: 62px;
}
.area--one .unitOne.unit--fold .link,
.area--three .unitOne.unit--fold .link {
  font-size: 0;
  overflow: hidden;
  text-indent: 101%;
  color: transparent;
  width: 31px;
  height: 31px;
  margin-right: 17.11111111%;
}
.unit--fold + .unit--fold {
  margin-top: -3px !important;
}
.area--one .unitOne--1-2,
.area--three .unitOne--1-2 {
  width: 48.77777778%;
}
.area--one .unitOne--1-3,
.area--three .unitOne--1-3 {
  width: 20.5%;
}
.area--one .unitOne--1-3 .unit__body,
.area--three .unitOne--1-3 .unit__body {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.area--one .unitTwo,
.area--three .unitTwo {
  padding-left: 17.22222222%;
  padding-right: 17.22222222%;
}
.area--one .unitTwo .unit__content,
.area--three .unitTwo .unit__content {
  padding-left: 81px;
  padding-right: 81px;
  padding-top: 0;
  padding-bottom: 0;
}
.area--one .unitTwo:before,
.area--three .unitTwo:before {
  left: 17.22222222%;
  top: var(--spacePart);
  width: 65px;
  height: 58px;
}
.area--one .unitTwo:after,
.area--three .unitTwo:after {
  right: 17.22222222%;
  bottom: var(--spacePart);
  width: 65px;
  height: 58px;
}
.area--two .unitOne .unit__content {
  padding: 12px 22px;
}
@media (min-width: 1450px) {
  .area--two {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: calc(var(--spaceTotal) + 70px);
  }
  .area--two .unitOne:nth-child(2n) {
    transform: translateY(70px);
  }
}
/*# sourceMappingURL=./screen-large.css.map */