.node-type-frontpage main { width: 100%; margin: 0; }

#highlights { color: #FFF; margin-bottom: 100px; }
#highlights ul { list-style: none; padding: 0; margin: 0; }
#highlights li { list-style: none; padding: 0; }
#highlights li:before { display: none; }
.highlights-item { display: block; position: relative; width: 100%; height: 776px; background-size: cover; background-position: center center; overflow: hidden; text-decoration: none; border: none; }
#highlights li:nth-child(1) .highlights-item { height: calc(100vh - 230px); min-height: 500px; max-height: 600px; }
.highlights-item figure { width: 100%; height: 100%; }
.highlights-item img { object-fit: cover; width: 100%; height: 100%; }
.highlights-text { position: absolute; left: 50%; bottom: 70px; margin-left: -566px; width: 748px; align-items: flex-end; }
.highlights-item .small { margin-bottom: 20px; }
.highlights-item h3 { font-family: "Headline"; text-transform: uppercase; font-size: 9rem; line-height: 8rem; margin-bottom: 30px; -moz-font-feature-settings: "ss01"; -webkit-font-feature-settings: "ss01"; font-feature-settings: "ss01"; margin-bottom: 20px; }
.highlights-item h3.small { font-size: 7.2rem; line-height: 6.4rem; margin-bottom: 20px; }
.highlights-item .subhead { font-family: JMBProM, sans-serif; font-size: 2.5rem; line-height: 3rem; margin-bottom: 50px; }
.highlights-item .date { font-family: "JMBProBl"; font-size: 3.5rem; line-height: 4rem; margin-bottom: 0; }
.highlights-text .span4.span-last { text-align: right; }
.highlights-item span { display: inline-block; }
#highlights .highlights-item:hover span, #highlights .highlights-item:focus span { background: white; color: black; }
.highlights-item .shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 776px; background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.6) 100%); }

@media only screen and (max-width: 590px) {
  .highlights-item h3 { font-size: 5.4rem; line-height: 4.8rem; margin-bottom: 10px; }
  .highlights-item h3.small { font-size: 3.8rem; line-height: 4.2rem; margin-bottom: 10px; }
  .highlights-item .date { font-size: 2.2rem; line-height: 2.4rem; }
  .highlights-item .subhead { margin-bottom: 0; }
}

@media only screen and (max-width: 1350px) {
  .highlights-text { left: 108px; margin-left: 0; }
}

@media only screen and (max-width: 1270px) {
  .highlights-text { width: 620px; }
}

@media only screen and (max-width: 1080px) {
  .highlights-text { width: 540px; }
}

@media only screen and (max-width: 960px) {
  .highlights-item, #highlights li:nth-child(1) .highlights-item { height: 613px; min-height: 613px; max-height: 613px; }
  .highlights-item .shadow {height: 613px; }
  .highlights-text { left: 50%; margin-left: -410px; }
}

@media only screen and (max-width: 880px) {
  .highlights-text { left: 50%; margin-left: -310px; }
  .highlights-text .span8 { width: 100%; }
  .highlights-text .span4 { width: 50%; margin-right: 0; }
}

@media only screen and (max-width: 670px) {
  .highlights-text { left: 50%; margin-left: -270px; }
}

@media only screen and (max-width: 590px) {
  .highlights-item, #highlights li:nth-child(1) .highlights-item { height: 500px; min-height: 500px; }
  .highlights-item .shadow { height: 500px; }
  .highlights-text { width: calc(100% - 40px); left: 20px; margin-left: 0; bottom: 60px; }
}



#frontpage-intro { margin-bottom: 100px; }
#frontpage-intro p { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 20px; }
#frontpage-intro h2 { font-size: 7.2rem; line-height: 6.4rem; margin-bottom: 0px; font-family: "Headline"; text-transform: uppercase; -moz-font-feature-settings: "ss01"; -webkit-font-feature-settings: "ss01"; font-feature-settings: "ss01"; }

@media only screen and (max-width: 960px) {
  #frontpage-intro h2 { font-size: 4.3rem; line-height: 3.8rem; }
}

@media only screen and (max-width: 590px) {
  #frontpage-intro h2 { font-size: 3.5rem; line-height: 4rem; }
}

#termine { width: 100%; }
#termine ul { list-style: none; padding: 0; margin: 0 0 0 -3500px; }
#termine li { list-style: none; padding: 0; }
#termine li:before { display: none; }
#termine .intro { width: 550px; text-align: center; margin: 60px auto; 	font-size: 2.2rem; line-height: 3rem; }

#teaser { margin-bottom: 120px; }
#teaser ul { list-style: none; padding: 0; margin: 0; }
#teaser li { list-style: none; padding: 0; }
#teaser li:before { display: none; }
#teaser a { display: block; position: relative; min-height: 495px; width: 100%; border: 2px solid #000; float: left; padding: 30px; margin-right: 21px; font-size: 2.2rem; line-height: 3rem; text-decoration: none; }
#teaser li:last-child { margin-right: 0; }
#teaser li:nth-child(4n+1) a { border: 2px solid #FF2346; }
#teaser li:nth-child(4n+2) a { border: 2px solid #000073); }
#teaser li:nth-child(4n+3) a { border: 2px solid #AA005F; }
#teaser p.teaser__opener, #teaser p { display: inline; font-size: 2.2rem; line-height: 3rem; }
#teaser p.teaser__opener { font-family: JMBProBl; }
#teaser .fs2 p.teaser__opener, #teaser .fs2 p { font-size: 3.5rem; line-height: 4rem;  }
#teaser p.bottom-info, #teaser .fs2 p.bottom-info { font-size: 1.6rem; line-height: 1.6rem; position: absolute; bottom: 20px; left: 30px; }
#teaser svg { width: 12px; height: 12px; margin-left: 10px; transform: rotate(45deg); }
#teaser .fs2 svg { width: 16px; height: 16px; }
#teaser .extern svg { transform: rotate(0deg); }

#teaser li a:hover, #teaser li a:focus { color: white; }
#teaser li a:hover svg polygon, #teaser li a:focus svg polygon { fill: white; }
#teaser li:nth-child(4n+1) a:hover, #teaser li:nth-child(4n+1) a:focus { background-color: #FF2346; }
#teaser li:nth-child(4n+2) a:hover, #teaser li:nth-child(4n+2) a:focus { background-color: #000073; }
#teaser li:nth-child(4n+3) a:hover, #teaser li:nth-child(4n+3) a:focus { background-color: #AA005F; }

.row.stand { border: 1px solid black; padding: 30px; margin: 50px auto; }

@media only screen and (max-width: 1270px) {
	#teaser .fs2 h3, #teaser .fs2 p { font-size: 2.2rem; line-height: 3rem; }
  #teaser .fs2 svg { width: 12px; height: 12px; }
}

@media only screen and (max-width: 960px) {
	#teaser .span4 { width: 100%; margin: 0 0 20px 0; }
  #teaser .span4 a { min-height: auto; padding-bottom: 60px; }
}