/*===== COLOURS  =====*/
/*===== FONTS  =====*/
/* ==== GLP colors */
/* green */
/* text 80% transparent background */
/*===== DIMENSIONS =====*/
/*===== DIMENSIONS CONTENT PAGE =====*/
/*===== BREAKING POINTS =====*/
/* break point 1280px is set by BIG image size of 1280x720px
  if images were to be bigger, this could be altered!
  4.10.2017: set break1 to 1050px */
/*===== FONT-SIZE BREAKING POINTS =====*/
/*===== TEXT/FONT =====*/
* {
  color: #004b32;
  box-sizing: border-box;
  margin: 0;
}

/* FLEX */
p strong {
  font-weight: bold;
}
p em {
  font-style: italic;
}

/* defines basis for REM units */
html {
  font-size: 10px;
  /* Mobile is "kind of defined" below 700px.... Here we start with fixed font-sizes to avoid too small fonts! */
}
@media only screen and (max-width: 1920px) {
  html {
    font-size: 0.5vw;
  }
}
@media only screen and (max-width: 1050px) {
  html {
    font-size: 0.8vw;
  }
}
@media only screen and (max-width: 700px) {
  html {
    font-size: 7px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
  html {
    font-size: 5px;
  }
}

/* hyphens */
h1 {
  hyphens: auto;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
}

/*===== COLOURS  =====*/
/*===== FONTS  =====*/
/* ==== GLP colors */
/* green */
/* text 80% transparent background */
/*===== DIMENSIONS =====*/
/*===== DIMENSIONS CONTENT PAGE =====*/
/*===== BREAKING POINTS =====*/
/* break point 1280px is set by BIG image size of 1280x720px
  if images were to be bigger, this could be altered!
  4.10.2017: set break1 to 1050px */
/*===== FONT-SIZE BREAKING POINTS =====*/
/*===== TEXT/FONT =====*/
* {
  color: #004b32;
  box-sizing: border-box;
  margin: 0;
}

/* FLEX */
p strong {
  font-weight: bold;
}
p em {
  font-style: italic;
}

/* defines basis for REM units */
html {
  font-size: 10px;
  /* Mobile is "kind of defined" below 700px.... Here we start with fixed font-sizes to avoid too small fonts! */
}
@media only screen and (max-width: 1920px) {
  html {
    font-size: 0.5vw;
  }
}
@media only screen and (max-width: 1050px) {
  html {
    font-size: 0.8vw;
  }
}
@media only screen and (max-width: 700px) {
  html {
    font-size: 7px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
  html {
    font-size: 5px;
  }
}

/* hyphens */
h1 {
  hyphens: auto;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
}

.feature-container {
  margin: 0 auto;
  position: relative;
  max-width: 1920px;
  width: 100%;
  height: calc(100vh - 120px);
  overflow: hidden;
}
.feature-container .image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: center center;
}
.feature-container .title {
  color: #004b32;
  text-transform: uppercase;
  font-family: 'Calibri W01 Regular_904604';
  font-size: 50px;
  text-align: center;
  width: 85%;
  position: absolute;
  right: 0;
  bottom: 10vh;
  left: 0;
  margin: 0 auto;
}
.feature-container .title span {
  padding: 0.5rem 3rem;
  display: inline;
  line-height: 90px;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 1050px) {
  .feature-container {
    height: calc(100vh - 90px);
  }
}
@media only screen and (max-width: 700px) {
  .feature-container {
    height: calc(100vh - 90px);
  }
  .feature-container .title {
    font-size: 30px;
    left: 0rem;
    width: 95%;
  }
  .feature-container .title span {
    line-height: 55px;
  }
}
.wrapper footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 13.5rem 14rem 10rem 14rem;
  color: #004b32;
  background-color: white;
  position: relative;
}
.wrapper footer .col-1, .wrapper footer .col-2, .wrapper footer .col-3 {
  padding-right: 10px;
}
.wrapper footer .col-1, .wrapper footer .col-2, .wrapper footer .col-3, .wrapper footer .col-4 {
  margin-right: auto;
  flex: 1 25%;
  width: 25%;
  max-width: 25%;
}
.wrapper footer .linklistArea img {
  display: none;
}
.wrapper footer .linklistArea .linklist {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  margin-top: 8rem;
  justify-content: flex-end;
  font-family: 'Helvetica LT W01 Light';
}
.wrapper footer .linklistArea .linklist .link {
  margin-right: 4rem;
}
.wrapper footer .linklistArea .linklist .link:last-child {
  margin-right: 0;
}
.wrapper footer .linklistArea .linklist .link a {
  text-decoration: none;
  font-size: 16px;
}
.wrapper footer .title {
  margin-bottom: 2rem;
}
.wrapper footer .title h3 {
  font-size: 25px;
  line-height: initial;
  font-family: 'Calibri W01 Bold_904607';
  text-transform: uppercase;
}
@media all and (max-width: 1050px) {
  .wrapper footer .title h3 {
    font-size: 23px;
  }
}
@media all and (max-width: 1050px) {
  .wrapper footer .title h3 {
    font-size: 21px;
  }
}
@media all and (max-width: 936px) {
  .wrapper footer .title h3 {
    font-size: 18px;
  }
}
.wrapper footer .title img {
  display: none;
}
.wrapper footer .social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  margin-top: 8.5rem;
}
.wrapper footer .social img {
  width: 29px;
  height: 24px;
}
.wrapper footer .social .item {
  padding-right: 4rem;
}
.wrapper footer .social .item:last-child {
  padding-right: 0;
}
.wrapper footer ul li {
  margin-bottom: 10px;
}
.wrapper footer a {
  font-size: 22px;
  line-height: initial;
  font-family: 'Helvetica LT W01 Light';
  color: #004b32;
  text-decoration: none;
}
@media all and (max-width: 1050px) {
  .wrapper footer a {
    font-size: 20px;
  }
}
@media all and (max-width: 1050px) {
  .wrapper footer a {
    font-size: 18px;
  }
}
@media all and (max-width: 936px) {
  .wrapper footer a {
    font-size: 16px;
  }
}
.wrapper footer a:hover {
  text-decoration: underline;
}
.wrapper footer #openparties {
  position: relative;
  font-family: 'Helvetica LT W01 Light';
}
.wrapper footer #openparties:hover {
  cursor: pointer;
}
.wrapper footer #openparties span {
  color: white;
  position: absolute;
  right: 0;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 100%;
  border-left: 1px solid white;
}
.wrapper footer .cantons {
  background-color: #004b32;
  font-size: 28px;
  line-height: initial;
}
.wrapper footer .cantons .title {
  padding: 1rem 2rem;
  padding-right: 42px;
  color: white;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
}
.wrapper footer .cantons img {
  height: 100%;
  position: absolute;
  right: 0;
  border-left: 1px solid white;
  padding: 9px 0;
  width: 42px;
  display: inline-block;
}
.wrapper footer .overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #b4dc00;
  padding: 0rem 14rem;
  width: 100%;
  z-index: 4;
}
.wrapper footer .overlay .title {
  background-color: #b4dc00;
  margin-top: 4rem;
}
.wrapper footer .overlay .title h3 {
  text-transform: uppercase;
  font-family: 'Helvetica LT W01 Light';
  font-size: 4.8rem;
  background-color: #b4dc00;
}
.wrapper footer .overlay.hidden {
  display: none;
}
.wrapper footer .overlay #closeparties {
  position: absolute;
  right: 0;
  top: 0;
  width: 10rem;
  padding-top: 4rem;
  padding-right: 5rem;
  font-size: 4rem;
}
.wrapper footer .overlay #closeparties:hover {
  cursor: pointer;
}
.wrapper footer .overlay #closeparties img {
  width: 30px;
  height: 30px;
}
.wrapper footer .overlay .cantonslist {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #b4dc00;
  padding: 30px 0;
}
.wrapper footer .overlay .cantonslist a {
  flex: 1 19%;
  font-family: 'Helvetica LT W01 Light';
  font-size: 20px;
  text-decoration: none;
  max-width: 19%;
  margin-right: 1%;
  padding: 10px 0;
  border-bottom: 1px solid #004b32;
}
.wrapper footer .overlay .cantonslist a:nth-child(n+1):nth-child(-n+4) {
  border-top: 1px solid #004b32;
}
.wrapper footer .overlay .cantonslist a:nth-child(5) {
  border-top: 1px solid #004b32;
}
.wrapper footer .overlay .cantonslist a:hover {
  color: #ffffff;
}

/* 1050px */
@media all and (max-width: 1050px) {
  .wrapper footer {
    padding: 6rem 4rem 4rem 4rem;
  }
  .wrapper footer .cantons {
    font-size: 2.4rem;
  }
  .wrapper footer .overlay {
    padding: 0rem 12rem;
  }
  .wrapper footer .overlay .cantonslist a {
    flex: 1 24%;
    max-width: 24%;
  }
  .wrapper footer .overlay .cantonslist a:nth-child(n+1):nth-child(-n+4) {
    border-top: 1px solid #004b32;
  }
  .wrapper footer .overlay .cantonslist a:nth-child(5) {
    border-top: none;
  }
}
/* break 936px */
@media all and (max-width: 936px) {
  .wrapper footer .overlay .cantonslist a {
    flex: 1 32%;
    max-width: 32%;
  }
  .wrapper footer .overlay .cantonslist a:nth-child(n+1):nth-child(-n+3) {
    border-top: 1px solid #004b32;
  }
  .wrapper footer .overlay .cantonslist a:nth-child(n+4):nth-child(-n+5) {
    border-top: none;
  }
  .wrapper footer .col-4 .cantons img {
    width: 35px;
    padding: 1.2rem 0;
  }
  .wrapper footer .linklistArea .linklist .link a span {
    font-size: 2.4rem;
    line-height: initial;
  }
}
/* break 700px */
@media all and (max-width: 700px) {
  .wrapper footer {
    display: block;
    margin-top: 0;
    padding: 1rem 1rem;
  }
  .wrapper footer .hidden {
    display: none;
  }
  .wrapper footer .col-1, .wrapper footer .col-2, .wrapper footer .col-3 {
    margin-bottom: 2px;
    margin-right: 0;
    padding-right: 0;
  }
  .wrapper footer .col-1 img, .wrapper footer .col-2 img, .wrapper footer .col-3 img {
    display: block;
    position: absolute;
    top: 0rem;
    right: 0rem;
    padding: 1.5rem;
    cursor: pointer;
    width: 40px;
    height: 52px;
  }
  .wrapper footer .title {
    margin-bottom: 0;
    padding: 10px 26px 10px 21px;
    background-color: #e3ebe8;
    position: relative;
  }
  .wrapper footer .title h3 {
    font-size: 27px;
    line-height: 32px;
    font-family: 'Calibri W01 Regular_904604';
  }
  .wrapper footer ul li {
    margin-bottom: 0;
    padding: 10px 3rem;
    border-bottom: 1px solid #004b32;
  }
  .wrapper footer ul li:last-child {
    border-bottom: none;
  }
  .wrapper footer ul li > a {
    font-size: 20px;
    line-height: 34px;
  }
  .wrapper footer .col-4 {
    display: block;
    margin: 8rem 0 4rem 0;
  }
  .wrapper footer .col-4 .cantons {
    margin-top: 8rem;
    margin-bottom: 5rem;
    width: 100%;
    margin: 0 auto;
  }
  .wrapper footer .col-4 .cantons .title {
    font-size: 27px;
    line-height: 32px;
    padding: 10px 26px 10px 21px;
    color: white;
    width: 40rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    background-color: #004b32;
  }
  .wrapper footer .col-4 .cantons img {
    width: 42px;
    position: absolute;
    right: 0;
    border-left: 1px solid white;
    padding: 1.6rem 0;
    display: inline-block;
  }
  .wrapper footer .col-4 .overlay {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100%;
    padding: 0 3rem;
    background-color: #b4dc00;
    width: 100%;
    overflow: scroll;
    z-index: 4;
  }
  .wrapper footer .col-4 .overlay .title {
    padding: 10px 0;
  }
  .wrapper footer .col-4 .overlay .title h3 {
    font-size: 4.5rem;
  }
  .wrapper footer .col-4 .overlay #closeparties {
    width: 7rem;
    margin-top: 4rem;
    padding-top: 10px;
    padding-right: 3rem;
  }
  .wrapper footer .col-4 .overlay .cantonslist {
    height: auto;
    flex-direction: column;
  }
  .wrapper footer .col-4 .overlay .cantonslist a {
    flex: 1 100%;
    max-width: 100%;
    font-size: 4rem;
    border-bottom: 1px solid #004b32;
  }
  .wrapper footer .col-4 .overlay .cantonslist a:nth-child(n) {
    border-top: none;
  }
  .wrapper footer .col-4 .overlay .cantonslist a:first-child {
    border-top: 1px solid #004b32;
  }
  .wrapper footer .col-4 .social {
    display: inline-flex;
    flex-direction: row;
    padding-top: 5rem;
    width: 50%;
    margin-left: 0;
    margin-top: 0;
  }
  .wrapper footer .col-4 .social .item {
    padding-right: 20px;
  }
  .wrapper footer .col-4 .linklistArea {
    width: 50%;
    display: inline-block;
    margin-top: 5rem;
  }
  .wrapper footer .col-4 .linklistArea .linklist {
    display: inline-flex;
    flex-direction: row;
    padding-top: 5rem;
    justify-content: flex-end;
    font-family: 'Helvetica LT W01 Light';
    width: 100%;
    align-content: right;
    margin-top: 0;
  }
  .wrapper footer .col-4 .linklistArea .linklist a span {
    font-size: 14px;
  }
  .wrapper footer .col-1, .wrapper footer .col-2, .wrapper footer .col-3, .wrapper footer .col-4 {
    margin-right: auto;
    flex: 1 100%;
    width: 100%;
    max-width: 100%;
  }
}
/* Styling for HOME page only! */
.wrapper#home .content {
  width: 100%;
  height: auto;
  background-color: white;
}
.wrapper#home .content .flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.wrapper#home .content .flex-container .flex-row {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 100%;
  width: 100%;
  /* general title definition */
  /* a couple of things are different for the agenda than they are defined for both newsteaser and agenda: they are listed here! */
}
.wrapper#home .content .flex-container .flex-row .title {
  text-transform: uppercase;
  padding: 7rem 7rem 6rem 7rem;
}
.wrapper#home .content .flex-container .flex-row .title h3 {
  font-family: 'Calibri W01 Regular_904604';
  font-size: 5rem;
  line-height: 7.4rem;
  text-transform: uppercase;
}
.wrapper#home .content .flex-container .flex-row .title h3 span {
  position: relative;
  z-index: 2;
  padding: 0.1rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.wrapper#home .content .flex-container .flex-row .title .text, .wrapper#home .content .flex-container .flex-row .title .person, .wrapper#home .content .flex-container .flex-row .title .function {
  font-family: 'Helvetica LT W01 Light';
  font-size: 2.4rem;
}
.wrapper#home .content .flex-container .flex-row .title .text {
  margin-top: 5rem;
}
.wrapper#home .content .flex-container .flex-row .title .text p {
  line-height: 3.8rem;
}
.wrapper#home .content .flex-container .flex-row .title .text p:before {
  content: '';
  background-image: url("../img/quote-start.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 3.3rem;
  height: 3.3rem;
  margin-left: -4rem;
}
.wrapper#home .content .flex-container .flex-row .title .text p:after {
  content: '';
  background-image: url("../img/quote-end.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 3.3rem;
  height: 3.3rem;
  margin-left: 1rem;
}
.wrapper#home .content .flex-container .flex-row .slider {
  position: relative;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
  color: #004b32;
  height: 37.6vw;
}
.wrapper#home .content .flex-container .flex-row .slider a {
  display: block;
  height: 100%;
  width: 100%;
}
.wrapper#home .content .flex-container .flex-row .slider .quote {
  padding: 6.1rem 4rem 0 4rem;
  margin-left: auto;
  width: 48%;
}
.wrapper#home .content .flex-container .flex-row .slider .quote h3 {
  font-family: 'Calibri W01 Regular_904604';
  color: #004b32;
  font-size: 7.25rem;
  text-transform: uppercase;
}
.wrapper#home .content .flex-container .flex-row .slider .quote .text, .wrapper#home .content .flex-container .flex-row .slider .quote .person, .wrapper#home .content .flex-container .flex-row .slider .quote .function {
  font-family: 'Helvetica LT W01 Light';
  font-size: 2.5rem;
}
.wrapper#home .content .flex-container .flex-row .slider .quote .text {
  margin-top: 5rem;
}
.wrapper#home .content .flex-container .flex-row .slider .quote .text p {
  line-height: 3.8rem;
}
.wrapper#home .content .flex-container .flex-row .slider .quote .text p:before {
  content: '';
  background-image: url("../img/quote-start.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 3.3rem;
  height: 3.3rem;
  margin-left: -4rem;
}
.wrapper#home .content .flex-container .flex-row .slider .quote .text p:after {
  content: '';
  background-image: url("../img/quote-end.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 3.3rem;
  height: 3.3rem;
  margin-left: 1rem;
}
.wrapper#home .content .flex-container .flex-row .slider .quote .person {
  margin-top: 5rem;
  font-weight: bold;
}
.wrapper#home .content .flex-container .flex-row .slider .quote .function {
  margin-top: 1rem;
  font-size: 1.5rem;
}
.wrapper#home .content .flex-container .flex-row .slider img {
  max-width: 100%;
}
.wrapper#home .content .flex-container .flex-row .newsteaser, .wrapper#home .content .flex-container .flex-row .agenda {
  position: relative;
  color: white;
  background-color: #004b32;
  height: 37.6vw;
}
.wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen {
  background-color: #e3ebe8;
}
.wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .title h3, .wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .more a, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .title h3, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .more a {
  color: #004b32;
}
.wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .news, .wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .event, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .news, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .event {
  border-bottom: 1px dotted #004b32;
}
.wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .news .date, .wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .news .text, .wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .event .date, .wrapper#home .content .flex-container .flex-row .newsteaser.lightGreen .event .text, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .news .date, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .news .text, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .event .date, .wrapper#home .content .flex-container .flex-row .agenda.lightGreen .event .text {
  color: #004b32;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .title, .wrapper#home .content .flex-container .flex-row .agenda .title {
  padding: 6rem 7rem 3.7rem 7rem;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .title h3, .wrapper#home .content .flex-container .flex-row .agenda .title h3 {
  color: white;
  font-size: 5rem;
  line-height: 6.25rem;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .news, .wrapper#home .content .flex-container .flex-row .newsteaser .event, .wrapper#home .content .flex-container .flex-row .agenda .news, .wrapper#home .content .flex-container .flex-row .agenda .event {
  margin: 0 7rem 4rem 7rem;
  padding-bottom: 3.5rem;
  border-bottom: 1px solid white;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .news a, .wrapper#home .content .flex-container .flex-row .newsteaser .event a, .wrapper#home .content .flex-container .flex-row .agenda .news a, .wrapper#home .content .flex-container .flex-row .agenda .event a {
  display: block;
  height: 100%;
  width: 100%;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .news .date, .wrapper#home .content .flex-container .flex-row .newsteaser .event .date, .wrapper#home .content .flex-container .flex-row .agenda .news .date, .wrapper#home .content .flex-container .flex-row .agenda .event .date {
  font-family: 'Helvetica LT W01 Light';
  font-size: 1.8rem;
  font-weight: bold;
  color: white;
  margin-bottom: 0.7rem;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .news .text, .wrapper#home .content .flex-container .flex-row .newsteaser .event .text, .wrapper#home .content .flex-container .flex-row .agenda .news .text, .wrapper#home .content .flex-container .flex-row .agenda .event .text {
  font-family: 'Helvetica LT W01 Light';
  font-size: 2.5rem;
  color: white;
  line-height: 4rem;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .news:nth-last-child(2), .wrapper#home .content .flex-container .flex-row .newsteaser .event:nth-last-child(2), .wrapper#home .content .flex-container .flex-row .agenda .news:nth-last-child(2), .wrapper#home .content .flex-container .flex-row .agenda .event:nth-last-child(2) {
  border-bottom: none;
  padding-bottom: 0;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .more, .wrapper#home .content .flex-container .flex-row .agenda .more {
  padding: 0px 4rem 3rem 0;
  font-size: 2.4rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .more a, .wrapper#home .content .flex-container .flex-row .agenda .more a {
  text-decoration: none;
  color: white;
  font-family: 'Helvetica LT W01 Light';
  display: inline-block;
  vertical-align: middle;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .more a:hover, .wrapper#home .content .flex-container .flex-row .agenda .more a:hover {
  text-decoration: underline;
}
.wrapper#home .content .flex-container .flex-row .newsteaser .more a img, .wrapper#home .content .flex-container .flex-row .agenda .more a img {
  height: 3.4rem;
  width: 3rem;
  display: inline-block;
  vertical-align: middle;
}
.wrapper#home .content .flex-container .flex-row .agenda .title h3 {
  background-color: transparent;
}
.wrapper#home .content .flex-container .flex-row .agenda .event {
  border-bottom: 1px dotted darkgray;
}
.wrapper#home .content .flex-container .flex-row .participate {
  background-color: #f0f8cc;
  height: 37.6vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wrapper#home .content .flex-container .flex-row .participate .title {
  padding: 6rem 7rem 0rem 7rem;
}
.wrapper#home .content .flex-container .flex-row .participate .link {
  padding: 0 7rem;
}
.wrapper#home .content .flex-container .flex-row .participate .link a {
  display: block;
  height: 100%;
  width: 100%;
}
.wrapper#home .content .flex-container .flex-row .participate .link .icon {
  display: inline-block;
  width: 10rem;
  vertical-align: middle;
}
.wrapper#home .content .flex-container .flex-row .participate .link .icon img {
  width: 100%;
}
.wrapper#home .content .flex-container .flex-row .participate .link .text {
  font-family: 'Helvetica LT W01 Light';
  font-size: 2.5rem;
  padding-left: 3rem;
  line-height: 4rem;
  display: inline-block;
  width: 75%;
  vertical-align: middle;
}
.wrapper#home .content .flex-container .flex-row .participate .link:last-child {
  margin-bottom: 7rem;
}
.wrapper#home .content .flex-container .flex-row .teaser a {
  height: 100%;
  width: 100%;
  position: relative;
  color: #004b32;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wrapper#home .content .flex-container .flex-row .teaser a .title {
  padding: 6rem 6rem 0rem 6rem;
}
.wrapper#home .content .flex-container .flex-row .teaser.big {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 37.6vw;
}
.wrapper#home .content .flex-container .flex-row .teaser.big .text {
  padding: 6rem 6rem;
}
.wrapper#home .content .flex-container .flex-row .teaser.big .text span {
  font-family: 'Helvetica LT W01 Light';
  font-size: 2.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.8rem 1.5rem;
  display: inline;
  line-height: 5rem;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.wrapper#home .content .flex-container .flex-row .teaser.small {
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  height: 37.6vw;
  overflow: hidden;
}
.wrapper#home .content .flex-container .flex-row .teaser.small.noimage a {
  justify-content: flex-start;
  background-color: white;
}
.wrapper#home .content .flex-container .flex-row .teaser.small.noimage a h3 span, .wrapper#home .content .flex-container .flex-row .teaser.small.noimage a .text span {
  background-color: #f0f8cc;
}
.wrapper#home .content .flex-container .flex-row .teaser.small .text {
  padding: 6rem 6rem;
}
.wrapper#home .content .flex-container .flex-row .teaser.small .text span {
  font-family: 'Helvetica LT W01 Light';
  font-size: 2.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.8rem 1.5rem;
  display: inline;
  line-height: 5rem;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.wrapper#home .content .flex-container .flex-row .teaser.small img {
  max-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.wrapper .mob-nav-overlay {
  background: white;
  opacity: 0.8;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
}

/* max-width: 1920px */
/* break1: 1050px*/
/* break2: 700px*/
@media all and (min-width: 1920px) {
  .wrapper#home .content .flex-container .flex-row .slider, .wrapper#home .content .flex-container .flex-row .teaser.big {
    height: 720px;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser, .wrapper#home .content .flex-container .flex-row .participate, .wrapper#home .content .flex-container .flex-row .teaser.small, .wrapper#home .content .flex-container .flex-row .agenda {
    height: 720px;
  }
}
@media all and (min-width: 1050px) {
  .wrapper#home .content .flex-container .flex-row .slider, .wrapper#home .content .flex-container .flex-row .teaser.big {
    flex: 3 auto;
    width: calc(2 / 3 * 100%);
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser, .wrapper#home .content .flex-container .flex-row .participate, .wrapper#home .content .flex-container .flex-row .teaser.small, .wrapper#home .content .flex-container .flex-row .agenda {
    flex: 1 auto;
    width: calc(100% / 3);
    max-width: 640px;
  }
}
@media all and (max-width: 1050px) {
  .wrapper#home {
    margin-top: 90px;
  }
  .wrapper#home .content .flex-container .flex-row .slider, .wrapper#home .content .flex-container .flex-row .teaser.big {
    height: 56.3vw;
    width: 100%;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser, .wrapper#home .content .flex-container .flex-row .participate, .wrapper#home .content .flex-container .flex-row .teaser.small, .wrapper#home .content .flex-container .flex-row .agenda {
    flex: 1 auto;
    width: 50%;
    max-width: 960px;
    height: 56.3vw;
  }
}
/* break 700px */
@media all and (max-width: 700px) {
  .wrapper#home .content .flex-container .flex-row {
    margin-top: 0;
  }
  .wrapper#home .content .flex-container .flex-row .title h3 {
    font-size: 5rem;
  }
  .wrapper#home .content .flex-container .flex-row .slider {
    height: auto;
    background-size: 100% auto;
    background-color: #e3ebe8;
    padding: 0 5rem;
  }
  .wrapper#home .content .flex-container .flex-row .slider .quote {
    padding-top: 69%;
    margin: 0 0 11% 0;
    width: 100%;
  }
  .wrapper#home .content .flex-container .flex-row .slider .quote h3 {
    font-size: 5rem;
    margin-top: 8%;
  }
  .wrapper#home .content .flex-container .flex-row .slider .quote .text {
    font-size: 3rem;
  }
  .wrapper#home .content .flex-container .flex-row .slider .quote .text:before {
    margin-left: -5rem;
  }
  .wrapper#home .content .flex-container .flex-row .slider .quote .person {
    font-weight: bold;
    font-size: 3rem;
  }
  .wrapper#home .content .flex-container .flex-row .slider .quote .function {
    font-size: 2rem;
  }
  .wrapper#home .content .flex-container .flex-row .teaser.big.image, .wrapper#home .content .flex-container .flex-row .teaser.small.image {
    height: 120vw;
    padding: 0 5rem;
    background-size: auto 100%;
  }
  .wrapper#home .content .flex-container .flex-row .teaser.big .title, .wrapper#home .content .flex-container .flex-row .teaser.small .title {
    padding: 6rem 0 2rem 0;
  }
  .wrapper#home .content .flex-container .flex-row .teaser.big .text, .wrapper#home .content .flex-container .flex-row .teaser.small .text {
    padding: 4rem 0;
  }
  .wrapper#home .content .flex-container .flex-row .teaser.big .text span, .wrapper#home .content .flex-container .flex-row .teaser.small .text span {
    font-size: 3.4rem;
    line-height: 6rem;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser, .wrapper#home .content .flex-container .flex-row .participate, .wrapper#home .content .flex-container .flex-row .teaser.small, .wrapper#home .content .flex-container .flex-row .agenda {
    height: auto;
    padding: 0 5rem;
    width: 100%;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser .title, .wrapper#home .content .flex-container .flex-row .participate .title, .wrapper#home .content .flex-container .flex-row .teaser.small .title, .wrapper#home .content .flex-container .flex-row .agenda .title {
    padding: 6rem 0 6rem 0;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser .news, .wrapper#home .content .flex-container .flex-row .newsteaser .event, .wrapper#home .content .flex-container .flex-row .agenda .news, .wrapper#home .content .flex-container .flex-row .agenda .event {
    margin: 0 0 4rem 0;
    width: 100%;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser .news .date, .wrapper#home .content .flex-container .flex-row .newsteaser .event .date, .wrapper#home .content .flex-container .flex-row .agenda .news .date, .wrapper#home .content .flex-container .flex-row .agenda .event .date {
    font-weight: bold;
    font-size: 2.8rem;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser .news .text, .wrapper#home .content .flex-container .flex-row .newsteaser .event .text, .wrapper#home .content .flex-container .flex-row .agenda .news .text, .wrapper#home .content .flex-container .flex-row .agenda .event .text {
    font-size: 3.4rem;
    line-height: 4rem;
  }
  .wrapper#home .content .flex-container .flex-row .newsteaser .more, .wrapper#home .content .flex-container .flex-row .agenda .more {
    position: relative;
    text-align: right;
    padding: 0px 0rem 4rem 0px;
    font-size: 3rem;
  }
  .wrapper#home .content .flex-container .flex-row .participate .link {
    padding: 2rem 0;
  }
  .wrapper#home .content .flex-container .flex-row .participate .link .text {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  .wrapper#home .content .flex-container .flex-row .teaser.small .text {
    padding: 4rem 0;
  }
}

/*# sourceMappingURL=index.css.map */