@font-face {
  font-family: 'LarsLight';
  src: url('../fonts/LarsLight/Lars-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/LarsLight/Lars-Light.otf') format('opentype'), url('../fonts/LarsLight/Lars-Light.woff') format('woff');
  font-weight: 100;
}

@font-face {
  font-family: 'Genath';
  src: url('../fonts/Optimo-Genath/Genath-Light.otf') format('opentype');
  font-style: normal;
}

@font-face {
  font-family: 'Genath';
  src: url('../fonts/Optimo-Genath/Genath-LightIta.otf') format('opentype');
  font-style: italic;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: inherit;
}

*:focus {
  outline: none;
}

*::-moz-selection {
  background: #474793;
  color: #fafafa;
}

*::selection {
  background: #474793;
  color: #fafafa;
}

.hidden {
  display: none;
}

body.unscrollable {
  overflow: hidden !important;
}

html {
  font-family: Genath, serif;
  font-weight: 300;
  font-style: normal;
  font-size: 32px;
  color: #474793;
}

ul, li {
  list-style: none
}

a {
  color: currentcolor;
  text-decoration: none;
}

a:hover {
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  opacity: .5;
}

/* Typography */
h1 {
  font-size: 1.4rem
}

h2, h3 {
  font-family: Lars, sans-serif;
}

h3 {
  margin-bottom: 1rem
}

/* Header */
header {
  position: fixed;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 99
}

header>* {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.hamburger {
  margin: 1rem;
  height: 1rem;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
  position: relative;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 2px;
  background-color: #474793;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--slider .hamburger-inner {
  top: 8px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
          transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
          transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/* Navigation */
nav {
  position: absolute;
  top: 0;
  background: #474793;
  width: 100%;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}

nav .col {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

nav>ul>li.col {
  position: fixed;
  top: 3rem;
  height: calc(100vh - 4rem);
  width: 2rem;
  z-index: 100;
  background: white;
}

nav>ul>li.col::before {
  content: '';
  background: white;
  position: absolute;
  width: calc(100% + 2px);
  height: calc(1rem - 5px);
  top: calc(-1rem + 5px);
  left: -1px;
}
header.shrink nav>ul>li.col::before  {
  -webkit-box-shadow: inset 0px 5px 20px -12px rgba(0, 0, 0, 0.12);
          box-shadow: inset 0px 5px 20px -12px rgba(0, 0, 0, 0.12);
}
nav>ul>li.col::after {
  content: '';
  background: white;
  position: absolute;
  width: calc(100% + 2px);
  height: 1rem;
  bottom: -1rem;
  left: -1px;
  transition: 1s
}

nav .col label .number {
  text-align: center
}

nav .col label .title {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

nav .col label .title p {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  font-family: Lars, sans-serif;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  transition: .5s;
  /* text-transform: uppercase; */
}

nav .col .content {
  display: none;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  height: calc(100% - 3.15rem);
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  -o-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}

nav .col:hover, nav .col.lhover {
  width: 33vw;
  padding: 0 1rem 1rem 1rem;
}

nav .col:hover .content, nav .col.lhover .content {
  visibility: visible;
  opacity: 1;
  display: block;
}

nav .col:hover label, nav .col.lhover label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .5rem;
}
nav.is-open .col:hover label, nav .col.lhover label {
  margin-bottom: 1rem;
}

nav .col:hover label .number, nav .col.lhover label .number {
  text-align: left;
  font-size: 1.15rem;
  padding-right: .85rem;
}
nav.is-open .col:hover label .number, nav .col.lhover label .number {
  padding-right: .5rem;
}

nav .col:hover label .title, nav .col.lhover label .title {
  height: auto;
  width: auto;
  display: block;
}

nav .col:hover label .title p, nav .col.lhover label .title p {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  position: relative;
  line-height: 1.15rem;
  white-space: normal;
}

nav .col .content ul>li:first-child a span:first-child {
  padding-right: .25em
}

nav .col .content ul>li>a, .mobilesub ul>li>a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.65rem 1fr;
  grid-template-columns: 1.65rem 1fr;
  font-family: Lars, sans-serif;
  font-size: .8rem;
  margin-bottom: .35em;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

nav .col .content ul>li>a span:first-child, .mobilesub ul>li>a span:first-child {
  font-family: Genath, sans-serif;
  line-height: 0;
}

nav .col .content .teaser {
  margin-top: 2rem;
  font-size: 1rem;
  width: auto;
  padding: 0;
  font-size: .95rem;
}

/* section specific dependecies */
body.sec1 #col1 {
  border-right: 1px solid
}

body.sec1 #col2 {
  border-left: 1px solid;
  right: 2rem
}

body.sec1 #col3 {
  border-left: 1px solid;
  right: 0
}

body.sec2 #col1 {
  border-right: 1px solid
}

body.sec2 #col2 {
  border-right: 1px solid;
  left: 2rem
}

body.sec2 #col3 {
  border-left: 1px solid;
  right: 0
}

body.sec3 #col1 {
  border-right: 1px solid
}

body.sec3 #col2 {
  border-right: 1px solid;
  left: 2rem
}

body.sec3 #col3 {
  border-left: 1px solid;
  right: 0
}

body.sec2 main, body.sec3 main {
  padding: 4rem 4rem 4rem 6rem
}

body.sec1 li.mt-hover-dest {
  color: #E2E3F5
}

body.sec2 li.mt-hover-dest {
  color: #EDEFCE
}

body.sec3 li.mt-hover-dest {
  color: #FDECEC
}
body.landingpage li.mt-hover-dest {
  opacity: .5;
}
body.sec1 .jBox-container {
  background: #465A71;
  color: #FAFAFA;
}

body.sec2 .jBox-container {
  background: #EDEFCE;
  color: #474793;
}

body.sec3 .jBox-container {
  background: #787278;
  color: #FAFAFA;
}

body.sec1 #col1 label p{
  text-transform: uppercase;
}
body.sec2 #col2 label p{
  text-transform: uppercase;
}
body.sec3 #col3 label p{
  text-transform: uppercase;
}

nav>ul>li#col1:hover::after {
  border-right: 1px solid
}
body.sec1 nav>ul>li#col2:hover::after,
body.sec1 nav>ul>li#col2:hover ~ #col3::after {
  border-left: 1px solid;
}
body.sec1 #col2.hoverborder::after{
  border-left: 1px solid;
}
body.sec2 nav>ul>li#col2:hover::after,
body.sec3 nav>ul>li#col2:hover::after {
  border-right: 1px solid
}
body.sec2 nav>ul>li#col1:hover ~ #col2::after,
body.sec3 nav>ul>li#col1:hover ~ #col2::after {
  border-right: 1px solid;
  border-left: 1px solid
}
nav>ul>li#col3:hover::after {
  border-left: 1px solid
}
body.landingpage #progess-bar, body.landingpage button.hamburger, body.landingpage .breadcrumbs {
  display: none;
}

body.landingpage header {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 110vh;
  margin-bottom: 5rem;
}

body.landingpage header h1 {
  display: block;
  margin-top: 2.5rem;
  text-align: center;
  margin-left: 0;
}

body.landingpage header h1 span:first-of-type {
  font-size: 3rem;
}

body.landingpage header h1 span:nth-of-type(2), body.landingpage header h1 span:last-child {
  display: none
}

body.landingpage p.teaser {
  padding: 7vh 1rem 2rem 1rem;
  margin: 0;
  font-size: 4.5vh;
  width: 100%;
}

body.landingpage nav {
  position: relative;
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: none;
  max-height: 100%;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

body.landingpage nav>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

body.landingpage nav>ul>li.col {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  height: auto;
  top: 0
}

body.landingpage nav>ul>#col1, body.landingpage nav>ul>#col2 {
  border-right: 1px solid;
  padding-left: 1rem
}

body.landingpage nav>ul>li.col label .number {
  text-align: left
}

body.landingpage nav>ul>li.col label .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100% - 15vh);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.landingpage nav>ul>li.col label .title p {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  white-space: normal;
}

body.landingpage nav>ul>li.col .content {
  position: absolute;
  padding: 0 1rem 1rem 0;
}

body.landingpage nav>ul>li.col:hover, body.landingpage nav>ul>li.col.lhover {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3
}

body.landingpage #penta {
  right: 2rem;
}

/*Landingpage init*/
body.init {
  overflow: hidden;
}
body.init #penta {
  width: 100vw;
  height: 100vh;
  background: #fafafa;
  top: 0;
  right: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: white;
}

body.init #penta>div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  font-size: 2rem;
  color: #474793;
  display: block;
}
body.init #penta>div p{
  line-height: 1;
  max-width: 80%;
}
body.init #penta>div p span {
  font-size: inherit !important
}

body.init #penta>div>p:first-child {
  font-family: Lars, sans-serif;
  margin-bottom: 1rem
}

body.init #penta svg {
  margin-top: 20vh;
  width: auto;
  height: 80vh;
  margin-left: 15vw;
}

#penta div {
  display: none;
}

header h1 {
  display: -ms-grid;
  display: grid;
  margin-top: .5rem;
  margin-left: 1rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

header h1 span:first-of-type {
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  font-size: 2rem;
  z-index: 101
}

header h1 span:nth-child(2) {
  padding-left: 2rem;
}

header h1 span:last-of-type {
  font-family: Lars, sans-serif;
  line-height: 1.1;
  padding-left: .3rem;
  text-transform: uppercase;
  font-size: 1.2rem;
}

#penta {
  width: 10vw;
  height: 10vw;
  right: 5rem;
  top: 2rem;
  margin-left: auto;
  position: fixed;
  z-index: 102;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  font-size: 1.185rem;
}

body.landingpage #penta {position: absolute}

#penta svg {
  width: 100%;
  height: 100%;
}

#penta text {
  font-size: 100% !important;
}

#scrolltop {
  position: fixed;
  bottom: 1rem;
  right: 6rem;
  z-index: 999;
  font-family: Lars, sans-serif;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  display: none;
}

#scrolltop:hover {
  cursor: pointer;
  -webkit-transform: translate(100%, -20%);
      -ms-transform: translate(100%, -20%);
          transform: translate(100%, -20%);
  opacity: .5;
}

header.shrink+#penta text {
  opacity: 0;
}

header.nav-open {
  z-index: 150;
  height: 100%
}

header.shrink {
  background: white;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  padding-top: 5px;
}

header.shrink .hamburger {
  margin: .5rem 1rem;
}

header.shrink h1 span:nth-child(2), header.shrink h1 span:last-of-type {
  opacity: 0;
}

header.shrink h1 {
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
}

header.shrink+#penta {
  width: 2vw;
  height: 2vw;
  top: .5rem;
  visibility: visible !important;
  opacity: 1 !important;
}

.breadcrumbs {
  display: none;
}

header.shrink .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  font-size: .75rem;
  max-width: 80vw;
  margin-left: 1rem;
}

.breadcrumbs span {
  font-family: Lars, sans-serif;
  text-transform: uppercase;
}

.breadcrumbs span.number {
  font-family: Genath, serif;
  margin-right: 0.25em;
  font-size: 1.1em;
}

.breadcrumbs li {
  padding-right: .75rem;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
}

.breadcrumbs li:hover {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.breadcrumbs li:hover~li.current {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.breadcrumbs li.current {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}

.breadcrumbs li::before {
  content: '\2192';
  margin-right: .75rem;
  font-family: Lars, sans-serif;
}

.breadcrumbs li:first-child::before {
  display: none;
}

#progess-bar {
  position: fixed;
  left: 0;
  top: 0;
  width: 0%;
  height: 5px;
  background: #474793;
  /* -webkit-transition: .1s;
  -o-transition: .1s;
  transition: .1s; */
}

/* Main */
main {
  padding: 4rem;
  margin-top: 6rem;
}

p.teaser {
  margin: 2rem 0 0 0;
  width: calc(60% + 6.5rem);
  font-size: 1.25rem;
  line-height: 1.15;
}

section {
  width: 60%;
  margin: 3rem 0 0 6.5rem;
}

section p {
  text-indent: 2rem;
}

section p:first-of-type {
  text-indent: 0;
}

section p .quote {
  display: block;
  margin: 1.5rem 1rem 2.5rem -5rem;
  width: calc(100% - 4rem);
  text-indent: 0;
  position: relative;
}
section p .quote::before {
  content: '»';
  font-size: 1.25em;
  line-height: 0
}
section p .quote::after {
  content: '«';
  font-size: 1.25em;
  line-height: 0
}
section p .quote i {
  display: block;
  text-align: right;
  position: absolute;
  width: 100%;
  padding-top: .25em
}

.readmore p {
  font-style: italic;
  font-size: 1.25rem;
  text-indent: 0;
  margin-bottom: 1.5rem;
}

.readmore h3 {
  margin: 0;
  padding-left: 3rem;
  font-size: 1rem;
  position: relative;
}
.readmore h3:before {
    content: '↓';
    position: absolute;
    left: 1.5rem;
    top: 0;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.readmore h3:hover {
  opacity: .5;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.readmore h3:hover:before {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}

.readmore .arrow-down {
  margin-top: 1.5rem;
  font-family: Lars, sans-serif;
  width: 1rem;
  height: 1rem;
  display: block;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-left: 50%;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  -webkit-animation: arrow-down 1s ease infinite alternate;
          animation: arrow-down 1s ease infinite alternate;
  text-align: center;
}

@-webkit-keyframes arrow-down {
  from {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }

  to {
    -webkit-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }
}

@keyframes arrow-down {
  from {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }

  to {
    -webkit-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }
}

section .tooltip, section .modal, section .listmodal,  section .ext {
  font-style: italic;
  border-bottom: 1px solid;
}
section .modal, section .listmodal, section .ext {
  position: relative;
  margin-left: 1em;
  /* display: inline-block; */
}
section .modal::before, section .listmodal::before,
.ext::before {
  content: '→';
  font-family: Lars, sans-serif;
  position: absolute;
  left: -1.2em;
  font-size: .75em;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  font-style: normal;
  text-indent: 0;
}
section .modal:hover::before, section .listmodal:hover::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
section .ext::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

section .ext:hover::before {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
section .tooltip {
  position: relative;
  margin-right: .6em
}
section .tooltip::after {
  content: '?';
  font-family: Lars, sans-serif;
  font-size: .6em;
  position: relative;
  font-style: normal;
  right: -.2em;
  bottom: .5em;
  border-bottom: 2px solid white;
  padding-bottom: .65em;
}
/* section .tooltip::after {
  content: '?';
  font-family: Lars, sans-serif;
  font-size: .6em;
  position: absolute;
  font-style: normal;
  right: -.7em;
  bottom: .7em;
} */

section .tooltip:hover {
  cursor: help;
  opacity: .5;
}

section .modal:hover, section .listmodal:hover {
  cursor: pointer;
  opacity: .5
}

.tooltip-content {
  background: #474793;
  line-height: 1.15;
}

.jBox-container {
  background: #474793;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
  padding: .5rem;
  color: white;
}

.jBox-title, .jBox-container h3 {
  font-weight: 100 !important;
  background: none !important;
  border: none !important;
  font-family: Genath, sans-serif;
}

.jBox-content {
  font-size: .75rem;
  padding-left: 1.5rem;
}
.tooltip-content .jBox-content {
  padding: 0rem 0rem 0rem 1rem !important;
}
.jBox-Modal.jBox-closeButton-box:before {display: none !important}

.modal-content .jBox-container, .list-modal-content .jBox-container, .imagemodal-content .jBox-container {
  padding-bottom: 1.2rem;
}
.jBox-overlay {
  background-color: rgba(255, 255, 255, .82);
}
.imagemodal-content .jBox-container  {
  background: #474793 !important;
  color: white !important
}
.modal-content .jBox-content p,
.modal-content .jBox-content > .hidden > div {
  padding: 0 10%;
  margin-bottom: 1em
}
/* .modal-content .jBox-content div.hidden {
  padding-bottom: 20%;
} */
.modal-content .jBox-content p:last-of-type {
  margin-bottom: 0
}

.modal-content .jBox-title, .list-modal-content .jBox-title, .imagemodal-content .jBox-title, .jBox-container h3  {
  font-size: 2rem;
  padding: 0;
  margin: .5rem 0;
  text-indent: 0;
}
.modal-content h3{
  margin: .5rem 0 1.7rem 0;
  line-height: .97
}

.tooltip-content h3 {
  font-size: 1rem;
  margin-left: -1rem;
  margin-right: 0;
  font-style: italic;
  margin-top: 0;
}

.teilnehmer .jBox-closeButton svg, .modal-content .jBox-closeButton svg, .list-modal-content .jBox-closeButton svg, .imagemodal-content .jBox-closeButton svg {
  display: none
}

.teilnehmer .jBox-closeButton, .modal-content .jBox-closeButton, .list-modal-content .jBox-closeButton, .imagemodal-content .jBox-closeButton {
  width: 2rem;
  height: 2rem;
  background: none;
  top: 1rem;
  right: 1rem;
  -webkit-transition: -webkit-transform .25s ease-in;
  transition: -webkit-transform .25s ease-in;
  -o-transition: transform .25s ease-in;
  transition: transform .25s ease-in;
  transition: transform .25s ease-in, -webkit-transform .25s ease-in;
}

.teilnehmer .jBox-closeButton::after,.teilnehmer .jBox-closeButton::before, .modal-content .jBox-closeButton::after, .modal-content .jBox-closeButton::before, .list-modal-content .jBox-closeButton::after, .list-modal-content .jBox-closeButton::before, .imagemodal-content .jBox-closeButton::after, .imagemodal-content .jBox-closeButton::before {
  content: '';
  width: 100%;
  height: 2px;
  background: currentColor;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.teilnehmer .jBox-closeButton::before, .modal-content .jBox-closeButton::before, .list-modal-content .jBox-closeButton::before, .imagemodal-content .jBox-closeButton::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.teilnehmer .jBox-closeButton:hover, .modal-content .jBox-closeButton:hover, .list-modal-content .jBox-closeButton:hover, .imagemodal-content .jBox-closeButton:hover {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.list-modal-content ul {
  width: 100%;
}

.list-modal-content li {
  border-bottom: 1px solid;
  padding: .5rem 0;
  font-family: Lars, sans-serif;
  font-size: 1rem;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  width: 100%
}

.list-modal-content li span:last-child {
  font-size: .8rem;
  font-family: Genath, serif;
  font-style: italic;
}

.imagemodal-content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: Lars, sans-serif;
  -ms-flex-pack: distribute;
      justify-content: space-around;
      flex-direction: column;
      align-items: center;
}

.imagemodal-content li a {
  width: 20%;
  height: 10vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 1rem 0;
  display: flex;
  align-items: center;
}
.imagemodal-content li a img {
  width: 100%;
      height: auto;
      max-height: 10vh;
      object-fit: contain;
}

.imagemodal-content li p {
  width: 100%;
  text-align: left;
}

/* Plyr overrides */
section.media div.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
section.media div.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.plyr__video-embed {
  position: relative;
}

.plyr__video-embed iframe {
  width: 100%;
  height: 100%;
}
.plyr--video .plyr__controls {
  height: auto !important;
}

section.media {
  margin: 2rem 0 0 0;
  width: 100%;
}

section.media p {
  font-family: Lars, sans-serif;
  font-size: .75rem;
  text-indent: 0;
  text-align: center;
  margin-top: .5rem;
}

section.media .plyr+p a.modal {
  margin-left: 0;
  margin-top: 1rem;
  text-transform: uppercase;
  border: 1px solid;
  background: #474793;
  color: #fafafa;
  padding: .25em .45em;
  font-size: .75em;
  font-style: normal;
  display: table;
}
section.media .plyr+p  {
  text-align: left;
}

section.media .plyr+p a.modal:hover {
  cursor: pointer;
  background: white;
  color: #474793;
  opacity: 1;
}
section.media .plyr+p a.modal::before {
  content: '';
}

/* Single Img */
.singleimg>div>div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 50vh
}

/* OWL Gallerie */
.owl-carousel .owl-item>div>div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 50vh
}

.owl-carousel .owl-item p {
  font-size: .75rem;
  font-family: Lars, sans-serif;
  margin-top: .5rem;
  padding: 0 4rem;
}

.owl-carousel .owl-item p span,
.singleimg p span {
  opacity: .75;
}

.owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: Lars, sans-serif;
  font-size: .75rem;
  -webkit-transform: translateY(-1.85rem);
      -ms-transform: translateY(-1.85rem);
          transform: translateY(-1.85rem);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  text-transform: uppercase;
  margin: 0 .5rem;
}
.hiddenimg {
  visibility: hidden;
  width: 0;
  height: 0;
}
/* Teilnehmer und ihre Entwürfe */
section.teilnehmer {
  background: #EEF1BB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  width: calc(100% + 10rem);
  margin: 3rem 0 0 -3rem;
}

.teilnehmer ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: Lars, sans-serif;
  font-size: .75rem;
}

.teilnehmer ul li {
  padding: .5rem 0;
  border-bottom: 1px solid;
  opacity: .75;
}

.teilnehmer ul li:hover {
  cursor: pointer;
  opacity: 1;
}

.teilnehmer ul li:last-child {
  border-bottom: none;
}

.teilnehmer ul li.active {
  opacity: 1;
}

.teilnehmer>.t-wrapper {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin: 1rem;
  position: relative;
  height: 80vh;
}

.teilnehmer>.t-wrapper>.t-content {
  overflow-x: auto;
  max-height: 100%;
  display: none;
  position: absolute;
}

.teilnehmer>.t-wrapper>.t-content:first-of-type {
  display: block
}

.artgal {
  position: relative;
  height: 40vh;
  margin: 1rem 0;
  width: 100%;
}

.teilnehmer .artgal>div {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.teilnehmer .artgal>div.animated {
  -webkit-animation-name: artgalfade;
          animation-name: artgalfade;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  position: absolute;
  opacity: 0;
}

@-webkit-keyframes artgalfade {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes artgalfade {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.teilnehmer .artgal>div:last-of-type {
  -webkit-animation-delay: 3s;
          animation-delay: 3s
}

.teilnehmer .arttitle {
  text-indent: 0;
  font-size: 2rem;
  width: 75%;
  line-height: .9;
  margin-bottom: 1rem;
}

.teilnehmer .artname {
  text-align: right;
  font-size: 1.5rem;
  font-style: italic;
}

.teilnehmer .artname::before {
  content: '—'
}

.teilnehmer .t-content h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-family: Lars, sans-serif;
  margin-top: 1rem;
}

.teilnehmer .t-content h4:nth-of-type(2) {
  font-family: Genath, serif;
  margin-top: 1rem;
  font-style: italic;
}

.teilnehmer .t-content h4+p {
  text-indent: 0;
  font-family: Lars, sans-serif;
  font-size: .82rem;
  line-height: 1.3;
}

.teilnehmer .t-content p:last-child {
  font-style: italic;
  font-family: Genath, serif;
}

/* Footer */
footer {
  background: #474793;
  color: white;
  font-family: Lars, sans-serif;
  padding: .5rem;
  font-size: .75rem;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  opacity: 0;
}

footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

footer a.lichtstadt {
  height: 1rem;
  width: 10vw;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
footer a.lichtstadt img {
  width: 100%
}


/* Sonderseiten */

body.default main {
    margin-bottom: 6rem;
    padding: 5rem
}
body.default main h1 {
    margin-bottom: 3rem;
}
body.default main h1::before {
  content: 'Eduard Rosenthal';
  position: absolute;
  margin-top: -3rem;
  font-size: 2rem;
}
body.default main h2 {
  margin-bottom: 1rem;
  margin-top: 2rem;
  font-size: 1.2rem;
}
body.default main h2:first-of-type {
  margin-top: 0;
}
body.default main h3 {
  margin-top: 1rem;
  font-size: 1rem;
  text-transform: uppercase;
}
body.default main p {

}
#map {
  height:75vh;
  position: relative !important;
  z-index: 0;
  width: calc(100% + 10rem);
    margin-top: 2rem;
    margin-left: -3rem;
}
.locateicon {
  width: 100%;
  height: 100%;
  background-image: url('../images/locate.svg');
  display: block;
  background-size: contain;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {border: 1px solid #474793}
.leaflet-control-locate {-webkit-box-shadow: none !important;box-shadow: none !important; border: none !important}
.leaflet-control-locate a.leaflet-bar-part {background: none}

.leaflet-control-zoom {-webkit-box-shadow: none;box-shadow: none; border: 1px solid}
.leaflet-bar a, .leaflet-bar a:hover {color: #474793}
.leaflet-bar a:first-child {border-bottom: 0px solid; position: relative; }
.leaflet-control-zoom-in::after {
  content: '';
  position: absolute;
  height: 1px;
  background: #474793;
  width: 80%;
  bottom: -1px;
  left: 10%;
}
.leaflet-popup-content-wrapper {
  background: #474793;
  color: white;
  border-radius: 0;
  padding: .15rem;
  font-size: .625rem;
  font-family: Lars, sans-serif;
}
.leaflet-popup-content {
  max-height: 50vh;
  overflow: auto;
}
.leaflet-popup-tip {background: #474793;}
.leaflet-popup-content-wrapper h3 {
  font-family: Genath, serif;
      font-style: italic;
      font-size: 1.25rem;
}
.leaflet-popup-content-wrapper section.media {
    margin-top: 0;
}
.leaflet-popup-content-wrapper .plyr__controls {
    background: none;
    color: white
}
.leaflet-popup-content section.media p {
  font-size: .5rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leaflet-popup-content section.media .owl-item p {
  padding: 0 2rem;
  display: block;
  margin-bottom: 0;
}
.leaflet-popup-content section.media .owl-nav{
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin-top: -2.25rem;
  z-index: 99999;
  margin-bottom: 0;
  position: absolute;
  width: 100%;
}

.leaflet-popup-content section.media .plyr+p a.modal {
  margin-left: 0;
}
.leaflet-popup-close-button, .owl-dots {display: none}
.leaflet-popup-content div.close {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: .5rem;
  top: .5rem;
  cursor: pointer;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 999;
}
.leaflet-popup-content div.close:hover {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.leaflet-popup-content div.close::after, .leaflet-popup-content div.close::before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1px;
  background: white;
  top: .5rem;
  right: 0;
}
.leaflet-popup-content div.close::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.leaflet-popup-content div.close::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.leaflet-popup-content .owl-carousel .owl-item>div>div { height: 200px }
path.leaflet-interactive {cursor: default}
#drag { display: none}


/* Read Next */

section.chapterswitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3rem 0 0 3rem;
  width: 85%;
}
section.chapterswitch .next {
  text-align: right;
  margin-left: auto;
}
section.chapterswitch a::before,
section.chapterswitch a::after{
  font-family: Lars, sans-serif;
  position: absolute;
  line-height: 1;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
}
section.chapterswitch .prev a{
  padding-left: 1.5em;
  position: relative;
}
section.chapterswitch .next a{
  padding-right: 1.5em;
  position: relative;
}
section.chapterswitch .prev a::before{
  content: '←';
  left: 0;
}
section.chapterswitch .next a::after{
  content: '→';
  right: 0;
}
section.chapterswitch .prev a:hover::before{
  -webkit-transform: translateX(-.5em);
      -ms-transform: translateX(-.5em);
          transform: translateX(-.5em);
}
section.chapterswitch .next a:hover::after{
  -webkit-transform: translateX(.5em);
      -ms-transform: translateX(.5em);
          transform: translateX(.5em);
}

#landingpage-mobile {display: none }

/* Tablet Queries */
@media (min-width: 736px) and (max-width: 1366px) {
  html {
    font-size: 24px
  }

  .hamburger {
    visibility: visible;
    opacity: 1;
  }

  nav {
    position: absolute;
    top: 0;
    background: #474793;
    width: 100%;
    max-height: 0;
    -webkit-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
            transform: translateY(-100vh);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
  }

  nav.is-open {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0)
  }

  nav>ul {
    display: none;
  }

  nav.is-open {
    height: 100vh;
    max-height: 100vh;
    padding: 4rem 1rem;
    color: white;
    overflow-y: auto;
  }

  nav.is-open>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  nav>ul>li.col {
    width: 33.33333%;
    position: unset;
    height: auto;
    background: none;
    top: 0;
    padding: 0 1rem;
    border-left: 1px solid;
    border-right: none !important;
  }

  nav>ul>li.col:hover {
    width: 33.33333%;
    padding: 0 1rem;
  }

  nav .col:hover label .number, nav .col.lhover label .number {
    font-size: inherit
  }

  nav .col:hover label .title p, nav .col.lhover label .title p {
    line-height: normal
  }

  #col1 {
    padding-left: 0;
    border-left: none;
  }

  nav>ul>li.col label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
  }
  body.landingpage nav>ul>li.col label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height:100%
  }
  nav .col label .number {
    text-align: left;
    padding-right: .5rem;
  }

  nav .col label .title {
    height: auto;
    width: auto;
    display: block;
  }

  nav .col label .title p {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    font-size: 1rem;
    font-family: Genath, sans-serif;
    text-transform: none;
    white-space: normal;
    text-align: left;
    position: inherit;
  }

  nav .col .content {
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
  }

  body.landingpage nav>ul>li.col .content {
    display: none;
  }
  body.landingpage nav .col:hover .content, body.landingpage nav .col.lhover .content{
    display: block;
    height: calc(100% - 3.15rem);
  }
  body.landingpage nav .col:hover label, body.landingpage nav .col.lhover label{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto;
  }
  body.landingpage nav .col:hover .teaser, body.landingpage nav .col.lhover .teaser{
    display: block;
  }
  body.landingpage nav .col:after{
    display: none;
  }

  nav .col .content .teaser {
    display: none;
  }
  header.shrink .hamburger {
    margin: .75rem 0 .75rem 1rem;
    height: 20px;
  }
  header.shrink .hamburger {
    margin: .75rem 0 .75rem 1rem;
    height: 20px;
  }
  .hamburger-box {height: 20px; width: 40px}
  .hamburger--slider .hamburger-inner {top: 0}

   .teilnehmer .arttitle {
     font-size: 1.75rem
   }
   .teilnehmer .artname {
     font-size: 1.25rem
   }

}

/* Mobile Queries */
@media only screen and (max-device-width: 736px), screen and (max-width: 736px) {
  .artgal {height: 22vh}
  #scrolltop {
    right: 1.5rem;}
  .teilnehmer .jBox-content  {
        padding: .25rem;
  }
  .jBox-content {
    font-size: 1rem;
  }
  .modal-content .jBox-content p, .modal-content .jBox-content > .hidden > div {
    padding: 0
  }
  .list-modal-content li {
        display: block;
  }
  .list-modal-content li span:last-child{
    display: block;
    margin-top: .5rem;
        font-size: 1rem;
  }
  .modal-content .jBox-title, .list-modal-content .jBox-title, .imagemodal-content .jBox-title, .jBox-container h3 {
    font-size: 1.5rem
  }
  .owl-carousel .owl-item p {
        padding: 0 2rem;
  }
  .owl-nav {
    transform: translateY(-2.75rem);
  }
  .owl-carousel .owl-item>div>div {height: 30vh}
  /* Landingpage Mobile */
  div#landingpage-mobile {
    background: #474793;
        color: white;
        padding: 1rem;
        position: fixed;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 90vh;
        overflow: hidden;
        width: 100%;
        z-index: 999;
  }

  div#landingpage-mobile .content > h1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  }
  div#landingpage-mobile .content > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        bottom: 0;
        -webkit-box-flex: 2;
            -ms-flex: 2;
                flex: 2;
  }
  div#landingpage-mobile .content > div > p {
      padding-bottom: 1rem;
      border-bottom: 1px solid;
      font-style: italic;
    font-size: 2.3rem;
  }
  div#landingpage-mobile .content > div a {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      border-bottom: 1px solid;
      padding: 1rem 0;
      position: relative;
          font-family: Lars, sans-serif;
  }
  div#landingpage-mobile .content > div a::after {
    content: '\2192';
        position: absolute;
        font-size: 2rem;
        bottom: 1rem;
        right: 0;
  }
  div#landingpage-mobile .content > div a p {
    width: 100%;
    padding-right: 25%;
      position: relative;
  }
  div#landingpage-mobile .content > div a p::after{
    content: '';
    width: 2rem;
    height: 2rem;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
  }
  div#landingpage-mobile .content > div a:first-of-type p::after{
    background-image: url('../images/lp-mapicon.svg')
  }
  div#landingpage-mobile .content > div a:last-child p::after{
    background-image: url('../images/lp-texticon.svg')
  }

  #landingpage-mobile ~ header,
  #landingpage-mobile ~ #penta,
  #landingpage-mobile ~ footer { display: none }
  /* Mobile Landingpage End */

  html {
    font-size: 20px
  }
  body.init {
    overflow: auto;
  }

  .breadcrumbs,
  header h1 span:nth-child(2),
  header h1 span:last-of-type,
  #penta {
    display: none !important
  }

  header {
    background: white
  }
  header.nav-open  h1 span:first-of-type {
    z-index: 0
  }

  header h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    height: auto;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  header h1 span:first-of-type {
    font-size: 1.25rem;
    margin: 0;
  }

  header.shrink h1 {
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0
  }

  .hamburger {
    visibility: visible;
    opacity: 1;
  }

  header.shrink .hamburger {
    margin: .75rem 0 .75rem 1rem;
    height: 20px;
  }
  header.shrink .hamburger {
    margin: .75rem 0 .75rem 1rem;
    height: 20px;
  }
  .hamburger-box {height: 20px}
  .hamburger--slider .hamburger-inner {top: 0}

  nav>ul {
    display: none;
  }

  nav.is-open {
    height: 100%;
    max-height: 100%;
    padding: 4rem 1rem 1rem 1rem;
    color: white;
    overflow-y: auto;
  }

  nav.is-open>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
  }

  nav>ul>li.col {
    width: 100%;
    position: relative;
    height: 33.33333%;
    background: none;
    top: 0;
    right: 0 !important;
    left: 0 !important;
    border-left: none !important;
    border-right: none !important;
    margin-left: 0;
    padding: 0;
    border-bottom: 1px solid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  nav>ul>li.col:last-of-type {
    border-bottom: none;
  }
  nav>ul>li.col::before {
    display: none;
  }
  nav>ul>li.col:after {
    content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: .5rem;
    border-top: 1px solid;
    border-right: 1px solid;
    left: unset;
    background: none;
    bottom: unset;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  nav .col:hover, nav .col.lhover {
    width: inherit;
    padding: inherit;
  }

  nav .col:hover label, nav .col.lhover label {
    margin-bottom: 0;
  }

  nav .col:hover label .title p, nav .col.lhover label .title p {
    line-height: inherit;
  }

  nav>ul>li.col label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  nav .col label .number {
    display: none;
  }

  nav .col label .title {
    height: auto;
    width: 100%;
  }

  nav .col label .title p {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    font-size: 1.5rem;
    font-family: Genath, sans-serif;
    text-transform: none;
    white-space: normal;
    text-align: center;
    position: inherit;
    width: 50vw;
  }

  nav .col .content {
    display: none !important;
  }

  nav .col .content .teaser {
    display: none;
  }

  .mobilesub {
    position: fixed;
    width: 100%;
    padding: 1rem;
    z-index: 999;
    background: #474793;
    top: 0;
    height: 100%;
    color: white;
    -webkit-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
            transform: translateX(100vw);
  }

  .mobilesub.slide-in {
    -webkit-animation: slide-in .45s ease forwards;
            animation: slide-in .45s ease forwards;
  }

  @-webkit-keyframes slide-in {
    from {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw);
    }

    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }

  @keyframes slide-in {
    from {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw);
    }

    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }

  .mobilesub.slide-out {
    -webkit-animation: slide-out .55s ease forwards;
            animation: slide-out .55s ease forwards;
  }

  @-webkit-keyframes slide-out {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }

    to {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw);
    }
  }

  @keyframes slide-out {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }

    to {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw);
    }
  }

  nav.subopen {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    -webkit-transform: translateX(-100vw);
        -ms-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }

  @-webkit-keyframes slide-left {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }

    to {
      -webkit-transform: translateX(-100vw);
              transform: translateX(-100vw);
    }
  }

  @keyframes slide-left {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }

    to {
      -webkit-transform: translateX(-100vw);
              transform: translateX(-100vw);
    }
  }

  .mobilesub>div>span {
    height: .75rem;
    width: .75rem;
    display: block;
    float: left;
    border-top: 1px solid;
    border-left: 1px solid;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: .125rem;
    margin-right: 1rem;
  }

  .mobilesub>p {
    font-size: 1.5rem;
    text-align: center;
    margin: 1rem 0;
  }

  .mobilesub ul {
    overflow-x: auto;
    height: 100%;
    max-height: calc(100vh - 7rem);
    position: absolute;
    width: calc(100% - 2rem);
  }

  .mobilesub ul li {
    padding: 1rem 0;
    border-bottom: 1px solid;
  }

  .mobilesub ul li:last-child {
    border-bottom: none;
  }

  body.sec1 main, body.sec2 main, body.sec3 main, body.default main, main {
    padding: 1rem;
    margin-top: 6rem;
  }

  main>section {
    width: 100%;
    padding: 1rem;
    margin: 0;
  }
  section p .quote {
     margin: 1.5rem 1rem 2.5rem 1.5rem;
  }
  section.readmore h3 {
    margin: .5rem 0;
  }

  section.teilnehmer {
    width: 100%;
    margin: 0;
  }

  section.teilnehmer>.t-wrapper {
    display: none;
  }

  footer ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  footer ul li {
    padding: .75rem;
    text-align: left;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer a.lichtstadt {
    width: 100%
  }
  /* LP */
  body.landingpage p.teaser {
    font-size: 1.25rem;
  }

  body.landingpage nav>ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  body.landingpage header {
    height: auto;
  }

  body.landingpage nav>ul>li.col .content {
    height: auto;
    position: relative;
    opacity: 1;
    visibility: visible;
  }

  body.landingpage nav>ul>li.col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    margin: 0 1rem;
    width: calc(100% - 2rem);
    padding-left: 0 !important
  }

  body.landingpage nav>ul>li.col * {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
  }

  body.landingpage nav .col .content .teaser {
    display: block
  }

  body.landingpage nav .col .content.lp-open {
    display: block !important;
    padding: 0 0 1rem 0;
  }

  body.landingpage nav .col:hover label, body.landingpage nav .col.lhover label, body.landingpage nav .col label {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  body.landingpage nav>ul>li.col:after, body.landingpage nav>ul>li.col:before {
    display: none;
  }

  body.landingpage footer {
    position: relative;
    visibility: visible !important;
    opacity: 1 !important
  }
  body.map header {background: #474793; color: white}
  body.map main {
    padding: 0;
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
  }
  body.map main > h2 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;     padding: 0 1rem;}
  body.map main > p.teaser {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;     padding: 0 1rem;}
  #map {
    margin-top: 0rem;
        top: 0;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
            margin-bottom: 2rem;
            width: 100%;
            margin-left: 0;
  }
  body.map main .chapterswitch {
    order: 4
  }
  body.map footer {position: relative; margin-top: 3rem; visibility: visible !important; opacity: 1 !important;}
  body.map.mappopupopen footer {z-index: -1}
  body.map .hamburger-inner, body.map .hamburger-inner::before, body.map .hamburger-inner::after{ background-color: white}
  .leaflet-popup  {-webkit-transform: none !important;-ms-transform: none !important;transform: none !important; left: 0 !important; top: 0 !important; bottom: 0 !important}
  .leaflet-popup-content-wrapper {
    position: fixed;
    top: 0;
    left: -1rem;
    width: calc(100% + 2rem);
    height: 100%;
    z-index: 999;
    padding: 1rem;
  }
  .leaflet-popup-content {
    max-height: unset;
    width: auto !important;
    position: relative;
  }
  .leaflet-popup-content div.close {right: 0}
  .leaflet-control-zoom.leaflet-bar.leaflet-control {-webkit-transform: translateY(-42px);-ms-transform: translateY(-42px);transform: translateY(-42px)}
  .leaflet-control-zoom, .leaflet-control-locate {-webkit-transform: translateY(-42px);-ms-transform: translateY(-42px);transform: translateY(-42px)}
  .leaflet-popup-tip-container {display: none}
  body.mappopupopen { overflow: hidden}
  body.mappopupopen .leaflet-pane { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important}
  body.mappopupopen header { -webkit-transform: translateY(-3rem); -ms-transform: translateY(-3rem); transform: translateY(-3rem);}
  body.mappopupopen .leaflet-control-container { display: none;}
  body.mappopupopen #map{ margin-top: 0; top: 0; height: 110vh}
  body.mappopupopen #drag{z-index: -1}
  body.mappopupopen main>section{padding: 0}
  body.mappopupopen main{margin-top: 0}

  #drag {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Lars, sans-serif;
    z-index: 9999;
  }

  #drag .list-icon {
    background-color: #474793;
    background-image: url('../images/listicon.svg');
    background-size: 1rem;
    background-position: center;
        background-repeat: no-repeat;
        color: white;
        padding: .5rem;
        height: 32px;
        border-radius: 4px;
        width: 32px;
        left: calc(100% - 42px);
            position: relative;
        bottom: 42px;
  }
  #drag .list {
    background: #474793;
    color: white;
    padding: 1em;
    height: 0;
    font-size: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;

  }
  #drag.list-open .list-icon {
      bottom: 10px;
      background-image: url('../images/close.svg')
  }
  #drag.list-open .list {
    height: auto;
    font-size: .75rem;
    position: relative;
  }
  #drag .list li {
    padding: .5em 0;
    border-bottom: 1px solid;
  }
  #drag .list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: white;
  }
  #drag .list li a:hover {
    opacity: 1;
  }
  #drag .list li a span:nth-of-type(2) {
    margin-left: auto;
    margin-right: 3rem;
  }
  /* Read Next */

  section.chapterswitch {
    margin: 2rem 0 9rem 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section.chapterswitch div {
    text-align: center !important;
  }
  section.chapterswitch .next {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid;
    margin-left: 0
  }
  section.chapterswitch a::before,
  section.chapterswitch a::after{
    margin-top: 1em;
    width: 100%;
  }
  section.chapterswitch .prev a,
  section.chapterswitch .next a{
    padding: 0;
  }

}
@media screen and (min-width: 2000px) {
  main {
      width: 75%;
      margin-left: 9rem;
  }
  header h1 {
    margin-left: 10rem;
  }
}