.teaser__wrapper { position: relative; }
.teaser { position: relative; display: block; height: 495px; margin-bottom: 20px; text-decoration: none; border: none; }
/*
.teaser h3 { font-family: JMBProBl, sans-serif; font-size: 2.2rem; line-height: 3rem; }
*/
.teaser h3 { font-family: JMBProBl, sans-serif; font-size: 2rem; line-height: 2.7rem; }
.teaser:hover h3, .teaser:focus h3 { border-bottom: 1px solid black; }
.teaser-serie h3 em, .teaser-serie h3 i, .teaser-serie h3 cite { font-family: JMBProBlI, sans-serif; }
.teaser h2 { font-family: JMBProBl, sans-serif; font-size: 2rem; line-height: 2.7rem; }
.teaser:hover h2, .teaser:focus h2 { border-bottom: 1px solid black; }
.teaser-serie h2 em, .teaser-serie h2 i, .teaser-serie h2 cite { font-family: JMBProBlI, sans-serif; }
.teaser p { font-family: JMBProM, sans-serif; font-size: 2rem; line-height: 2.7rem; }
.teaser p.label { font-family: JMBProM, sans-serif; font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 10px; }
.threes .teaser { margin-bottom: 40px; }

.teaser svg { width: 16px; height: 16px; display: inline-block; margin-left: 10px; }

.teaser-topic { display: block; color: white; background: #000073; border: none; padding: 30px; }
.teaser-topic h3 { display: inline; }
.teaser-topic:hover h3, .teaser-topic:focus h3 { border-bottom: 0px solid white; }
.teaser-topic:hover h3 span, .teaser-topic:focus h3 span { border-bottom: 1px solid white; }

.teaser-text { border: 2px solid black; padding: 28px; }
.teaser-text:hover, .teaser-text:focus, .accordion-content .teaser-text:hover, .accordion-content .teaser-text:focus { border: 2px solid black; padding: 28px; }

.teaser-text h3, .teaser-text p { display: inline; }
.teaser-text p.label { position: absolute; bottom: 28px; left: 28px; margin-bottom: 0; }

.teaser-targetgroup { display: block; color: white; background: #AA005F; border: none; padding: 30px; }
.teaser-targetgroup h3 { display: inline; font-size: 3.5rem; line-height: 4rem; }
.teaser-targetgroup:hover h3, .teaser-targetgroup:focus h3 { border-bottom: 0px solid white; }
.teaser-targetgroup:hover h3 span, .teaser-targetgroup:focus h3 span { border-bottom: 1px solid white; }
.teaser-targetgroup svg { width: 24px; height: 24px; }

.teaser-image img { margin-bottom: 20px; }
.teaser-image h3, .teaser-image h2, .teaser-image p { display: inline; line-height: 2rem; }
.teaser-image:hover p.label, .teaser-image:focus p.label { border-bottom: none; }
/*
Alte Position
.teaser-image p.label { position: absolute; bottom: 0; left: 0; margin-bottom: 0; }
*/
.teaser-image p.label { display: block; margin-top: 20px; }


.teaser-serie { height: 530px; }
.teaser-serie, .teaser-serie h3, .teaser-serie p { font-size: 1.9rem; line-height: 2.6rem; }
.series.xsmall .teaser-serie { height: 370px; }
.series.small .teaser-serie { height: 396px; }
.series.large .teaser-serie { height: 580px; }
.teaser__weight { position: absolute; top: 10px; left: 10px; border: 1px solid white; background: #FF2346; padding: 4px 8px; color: white; }

.teaser-topic h3 { font-family: JMBProBo, sans-serif; font-size: 3.5rem; line-height: 4rem; }
.teaser-topic svg { width: 24px; height: 24px; }

@media only screen and (max-width: 1270px) {
	.teaser-serie, .teaser-serie h3, .teaser-serie p { font-size: 1.6rem; line-height: 2.2rem; }
  .teaser-serie { height: 480px; }
  .series.xsmall .teaser-serie { height: 320px; }
  .series.small .teaser-serie { height: 346px; }
  .series.large .teaser-serie { height: 530px; }
}

@media only screen and (max-width: 1080px) {
  .teaser-serie { height: 440px; }
  .series.xsmall .teaser-serie { height: 280px; }
  .series.small .teaser-serie { height: 306px; }
  .series.large .teaser-serie { height: 490px; }
}

@media only screen and (max-width: 880px) {
  .teaser-serie { height: 480px; }
  .series.xsmall .teaser-serie { height: 320px; }
  .series.small .teaser-serie { height: 346px; }
  .series.large .teaser-serie { height: 530px; }
}

@media only screen and (max-width: 670px) {
  .teaser-serie { height: 440px; }
  .series.xsmall .teaser-serie { height: 280px; }
  .series.small .teaser-serie { height: 306px; }
  .series.large .teaser-serie { height: 490px; }
}

@media only screen and (max-width: 590px) {
	.teaser, .teaser-text, .teaser-text:hover, .teaser-text:focus, .teaser-serie, .series.large .teaser-serie { height: auto; min-height: 202px; padding-bottom: 80px; }
  .series.xsmall .teaser-serie { height: auto; min-height: 160px; }
  .series.small .teaser-serie { height: auto; min-height: 160px; }
  .teaser-image { padding-bottom: 0; }
}

/* Fuer Views */
.view-switch { text-align: right; height: 24px; margin-bottom: 50px; }
.view-switch button, .view-switch svg { width: 24px; height: 24px; }
.view-switch .icon-view-list { margin-right: 16px; }
.view-switch .active rect, .view-switch :hover rect, .view-switch :focus rect { fill: #000073; }

.view-id-publications .view-header { margin-bottom: 40px; }
.view-id-publications .view-filters { margin-bottom: 40px; }
#views-exposed-form-publications-page .views-exposed-widget { margin-right: 20px; }
#views-exposed-form-publications-page .views-submit-button {
clear: left; }
#views-exposed-form-publications-page .views-widget-filter-field_filter_date_value_1 { margin-top: 32px; }
.view-id-publications .threes { margin-bottom: 0; }
.view-id-publications .view-events-footer { margin-bottom: 40px; }

.view-id-exhibitions .view-header { margin-bottom: 40px; }
.view-id-exhibitions .view-filters { margin-bottom: 40px; }
#views-exposed-form-exhibitions-page .views-exposed-widget { margin-right: 20px; }
#views-exposed-form-exhibitions-page .views-submit-button,
#views-exposed-form-exhibitions-page #edit-combine-wrapper {
clear: left; }
#views-exposed-form-exhibitions-page #edit-combine-wrapper { max-width: 100%; }
#views-exposed-form-exhibitions-page .views-widget-filter-field_filter_date_value_1 { margin-top: 32px; }
.view-id-exhibitions .threes { margin-bottom: 0; }
.view-id-exhibitions .view-events-footer { margin-bottom: 40px; }