@charset “UTF-8”; *, *::before, *::after {
-webkit-box-sizing: border-box; box-sizing: border-box; }
.col, [class*='col-'] {
-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 0.69444rem 1.38889rem; }
.col.width-padding-bottom, [class*='col-'].width-padding-bottom {
padding-bottom: 1.38889rem; }
.grid.col, .grid {
margin: 0; padding: 0; }
.grid {
-webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -0.69444rem; }
.page-text .grid, footer .grid {
margin-left: 0; margin-right: 0; }
.grid.no-gutter {
margin: 0; }
.grid.no-gutter > .col {
padding: 0; }
.grid.no-wrap {
-ms-flex-wrap: no-wrap; flex-wrap: no-wrap; }
.grid.center {
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.grid.right {
-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-left: auto; }
.grid.top {
-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.grid.middle {
-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.grid.bottom {
-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.grid.reverse {
-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.grid.column {
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.grid.column > .col {
-ms-flex-preferred-size: auto; flex-basis: auto; }
.grid.column-reverse {
-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.grid.space-between {
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.grid.space-around {
-ms-flex-pack: distribute; justify-content: space-around; }
.grid.equal-height > .col {
display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.grid.equal-height > .col > * {
-webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; }
.grid.no-bottom > .col {
padding-bottom: 0; }
@media screen and (max-width: 80em) {
.grid_.lg.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .grid_.lg.middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
@media screen and (max-width: 64em) {
.grid_.md.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .grid_._md.middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
@media screen and (max-width: 48em) {
.grid_.sm.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .grid_.sm.middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
@media screen and (max-width: 35.5em) {
.grid_.xs.-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .grid_.xs.-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
.col {
-webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; }
.col.top {
-ms-flex-item-align: start; align-self: flex-start; }
.col.middle {
-ms-flex-item-align: center; align-self: center; }
.col.bottom {
-ms-flex-item-align: end; align-self: flex-end; }
.col.first {
-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
.col.last {
-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.grid-1 > .col, .grid-1 > .col {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.grid-2 > .col, .grid-2 > .col {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.grid-3 > .col, .grid-3 > .col {
-ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
.grid-4 > .col, .grid-4 > .col {
-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.grid-5 > .col, .grid-5 > .col {
-ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
.grid-6 > .col, .grid-6 > .col {
-ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }
.grid-7 > .col, .grid-7 > .col {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
.grid-8 > .col, .grid-8 > .col {
-ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
.grid-9 > .col, .grid-9 > .col {
-ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; }
.grid-10 > .col, .grid-10 > .col {
-ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
.grid-11 > .col, .grid-11 > .col {
-ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; }
.grid-12 > .col, .grid-12 > .col {
-ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; }
.grid-13 > .col, .grid-13 > .col {
-ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; }
.grid-14 > .col, .grid-14 > .col {
-ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; }
.with-view-all .view-all-path-wrapper {
padding: 0 0.69444rem 1.38889rem; max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; }
@media screen and (max-width: 80em) {
.lg-1 > .col, .lg-1 > .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .lg-2 > .col, .lg-2 > .col { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .lg-3 > .col, .lg-3 > .col { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .lg-4 > .col, .lg-4 > .col { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .lg-5 > .col, .lg-5 > .col { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .lg-6 > .col, .lg-6 > .col { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .lg-7 > .col, .lg-7 > .col { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .lg-8 > .col, .lg-8 > .col { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .lg-9 > .col, .lg-9 > .col { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .lg-10 > .col, .lg-10 > .col { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .lg-11 > .col, .lg-11 > .col { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .lg-12 > .col, .lg-12 > .col { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .lg-13 > .col, .lg-13 > .col { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .lg-14 > .col, .lg-14 > .col { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .with-view-all .view-all-path-wrapper { padding: 0 0.69444rem 1.38889rem; max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; } }
@media screen and (max-width: 64em) {
.md-1 > .col, .md-1 > .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .md-2 > .col, .md-2 > .col { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .md-3 > .col, .md-3 > .col { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .md-4 > .col, .md-4 > .col { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .md-5 > .col, .md-5 > .col { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .md-6 > .col, .md-6 > .col { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .md-7 > .col, .md-7 > .col { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .md-8 > .col, .md-8 > .col { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .md-9 > .col, .md-9 > .col { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .md-10 > .col, .md-10 > .col { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .md-11 > .col, .md-11 > .col { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .md-12 > .col, .md-12 > .col { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .md-13 > .col, .md-13 > .col { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .md-14 > .col, .md-14 > .col { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .with-view-all .view-all-path-wrapper { padding: 0 0.69444rem 1.38889rem; max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; } }
@media screen and (max-width: 48em) {
.sm-1 > .col, .sm-1 > .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .sm-2 > .col, .sm-2 > .col { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .sm-3 > .col, .sm-3 > .col { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .sm-4 > .col, .sm-4 > .col { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .sm-5 > .col, .sm-5 > .col { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .sm-6 > .col, .sm-6 > .col { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .sm-7 > .col, .sm-7 > .col { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .sm-8 > .col, .sm-8 > .col { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .sm-9 > .col, .sm-9 > .col { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .sm-10 > .col, .sm-10 > .col { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .sm-11 > .col, .sm-11 > .col { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .sm-12 > .col, .sm-12 > .col { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .sm-13 > .col, .sm-13 > .col { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .sm-14 > .col, .sm-14 > .col { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .with-view-all .view-all-path-wrapper { padding: 0 0.69444rem 1.38889rem; max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; } }
@media screen and (max-width: 35.5em) {
.xs-1 > .col, .xs-1 > .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .xs-2 > .col, .xs-2 > .col { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .xs-3 > .col, .xs-3 > .col { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .xs-4 > .col, .xs-4 > .col { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .xs-5 > .col, .xs-5 > .col { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .xs-6 > .col, .xs-6 > .col { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .xs-7 > .col, .xs-7 > .col { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .xs-8 > .col, .xs-8 > .col { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .xs-9 > .col, .xs-9 > .col { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .xs-10 > .col, .xs-10 > .col { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .xs-11 > .col, .xs-11 > .col { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .xs-12 > .col, .xs-12 > .col { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .xs-13 > .col, .xs-13 > .col { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .xs-14 > .col, .xs-14 > .col { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .with-view-all .view-all-path-wrapper { padding: 0 0.69444rem 1.38889rem; max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; } }
.grid > .col-1 {
-ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; }
.grid > .col-2 {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
.grid > .col-3 {
-ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; }
.grid > .col-4 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.grid > .col-5, .grid .view-display-id-subprojects .col-4-of-14, .grid .view-display-id-sub-working-groups .col-4-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
.grid > .col-6 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
.grid > .col-7 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.grid > .col-8 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
.grid > .col-9, .grid .view-display-id-subprojects .col-10-of-14, .grid .view-display-id-sub-working-groups .col-10-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
.grid > .col-10 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
.grid > .col-11 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
.grid > .col-12, .grid .view-events .view-header .view-events {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
.grid > .col-13 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
.grid > .col-14 {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.grid > .col-third {
-ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
.grid > .col-quarter {
-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.grid > .col-fifth, .grid .view-events .view-header li {
-ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
.grid > .col-sixth {
-ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }
.grid > .col-seventh {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
.grid > .col-eighth {
-ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
.grid > .col-ninth {
-ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; }
.grid > .col-tenth {
-ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
.grid > .col-eleventh {
-ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; }
.grid > .col-twelth {
-ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; }
.grid > .col-thirteenth {
-ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; }
.grid > .col-4-of-14 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.grid > .col-5-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
.grid > .col-6-of-14 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
.grid > .col-7-of-14 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.grid > .col-8-of-14 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
.grid > .col-9-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
.grid > .col-10-of-14 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
.grid > .col-11-of-14 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
.grid > .col-12-of-14 {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
.grid > .col-13-of-14 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
.department-working-groups-grid .teaser-working-group {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.grid > [data-push-left*='off-0'] {
margin-left: 0; }
.grid > [data-push-left*='off-1'] {
margin-left: 7.14286%; }
.grid > [data-push-left*='off-2'] {
margin-left: 14.28571%; }
.grid > [data-push-left*='off-3'] {
margin-left: 21.42857%; }
.grid > [data-push-left*='off-4'] {
margin-left: 28.57143%; }
.grid > [data-push-left*='off-5'] {
margin-left: 35.71429%; }
.grid > [data-push-left*='off-6'] {
margin-left: 42.85714%; }
.grid > [data-push-left*='off-7'] {
margin-left: 50%; }
.grid > [data-push-left*='off-8'] {
margin-left: 57.14286%; }
.grid > [data-push-left*='off-9'] {
margin-left: 64.28571%; }
.grid > [data-push-left*='off-10'] {
margin-left: 71.42857%; }
.grid > [data-push-left*='off-11'] {
margin-left: 78.57143%; }
.grid > [data-push-left*='off-12'] {
margin-left: 85.71429%; }
.grid > [data-push-left*='off-13'] {
margin-left: 92.85714%; }
.grid > [data-push-right*='off-0'] {
margin-right: 0; }
.grid > [data-push-right*='off-1'] {
margin-right: 7.14286%; }
.grid > [data-push-right*='off-2'] {
margin-right: 14.28571%; }
.grid > [data-push-right*='off-3'] {
margin-right: 21.42857%; }
.grid > [data-push-right*='off-4'] {
margin-right: 28.57143%; }
.grid > [data-push-right*='off-5'] {
margin-right: 35.71429%; }
.grid > [data-push-right*='off-6'] {
margin-right: 42.85714%; }
.grid > [data-push-right*='off-7'] {
margin-right: 50%; }
.grid > [data-push-right*='off-8'] {
margin-right: 57.14286%; }
.grid > [data-push-right*='off-9'] {
margin-right: 64.28571%; }
.grid > [data-push-right*='off-10'] {
margin-right: 71.42857%; }
.grid > [data-push-right*='off-11'] {
margin-right: 78.57143%; }
.grid > [data-push-right*='off-12'] {
margin-right: 85.71429%; }
.grid > [data-push-right*='off-13'] {
margin-right: 92.85714%; }
.grid > [data-pull-left*='off-0'] {
margin-left: -0; }
.grid > [data-pull-left*='off-1'] {
margin-left: -7.14286%; }
.grid > [data-pull-left*='off-2'] {
margin-left: -14.28571%; }
.grid > [data-pull-left*='off-3'] {
margin-left: -21.42857%; }
.grid > [data-pull-left*='off-4'] {
margin-left: -28.57143%; }
.grid > [data-pull-left*='off-5'] {
margin-left: -35.71429%; }
.grid > [data-pull-left*='off-6'] {
margin-left: -42.85714%; }
.grid > [data-pull-left*='off-7'] {
margin-left: -50%; }
.grid > [data-pull-left*='off-8'] {
margin-left: -57.14286%; }
.grid > [data-pull-left*='off-9'] {
margin-left: -64.28571%; }
.grid > [data-pull-left*='off-10'] {
margin-left: -71.42857%; }
.grid > [data-pull-left*='off-11'] {
margin-left: -78.57143%; }
.grid > [data-pull-left*='off-12'] {
margin-left: -85.71429%; }
.grid > [data-pull-left*='off-13'] {
margin-left: -92.85714%; }
.grid > [data-pull-right*='off-0'] {
margin-right: -0; }
.grid > [data-pull-right*='off-1'] {
margin-right: -7.14286%; }
.grid > [data-pull-right*='off-2'] {
margin-right: -14.28571%; }
.grid > [data-pull-right*='off-3'] {
margin-right: -21.42857%; }
.grid > [data-pull-right*='off-4'] {
margin-right: -28.57143%; }
.grid > [data-pull-right*='off-5'] {
margin-right: -35.71429%; }
.grid > [data-pull-right*='off-6'] {
margin-right: -42.85714%; }
.grid > [data-pull-right*='off-7'] {
margin-right: -50%; }
.grid > [data-pull-right*='off-8'] {
margin-right: -57.14286%; }
.grid > [data-pull-right*='off-9'] {
margin-right: -64.28571%; }
.grid > [data-pull-right*='off-10'] {
margin-right: -71.42857%; }
.grid > [data-pull-right*='off-11'] {
margin-right: -78.57143%; }
.grid > [data-pull-right*='off-12'] {
margin-right: -85.71429%; }
.grid > [data-pull-right*='off-13'] {
margin-right: -92.85714%; }
@media screen and (max-width: 80em) {
.grid > .lg-1 { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .grid > .lg-2 { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .lg-3 { -ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; } .grid > .lg-4 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .lg-5, .grid .view-display-id-subprojects .col-4-of-14, .grid .view-display-id-sub-working-groups .col-4-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .lg-6 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .lg-7 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .lg-8 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .lg-9, .grid .view-display-id-subprojects .col-10-of-14, .grid .view-display-id-sub-working-groups .col-10-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .lg-10 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .lg-11 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .lg-12, .grid .view-events .view-header .view-events { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .lg-13 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .grid > .lg-14 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid > .lg-third { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .grid > .lg-quarter { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid > .lg-fifth, .grid .view-events .view-header li { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .grid > .lg-sixth { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .grid > .lg-seventh { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .lg-eighth { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .grid > .lg-ninth { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .grid > .lg-tenth { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .grid > .lg-eleventh { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .grid > .lg-twelth { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .grid > .lg-thirteenth { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .grid > .lg-4-of-14 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .lg-5-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .lg-6-of-14 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .lg-7-of-14 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .lg-8-of-14 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .lg-9-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .lg-10-of-14 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .lg-11-of-14 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .lg-12-of-14 { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .lg-13-of-14 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .department-working-groups-grid .teaser-working-group { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > [data-push-left*='lg-0'] { margin-left: 0; } .grid > [data-push-left*='lg-1'] { margin-left: 7.14286%; } .grid > [data-push-left*='lg-2'] { margin-left: 14.28571%; } .grid > [data-push-left*='lg-3'] { margin-left: 21.42857%; } .grid > [data-push-left*='lg-4'] { margin-left: 28.57143%; } .grid > [data-push-left*='lg-5'] { margin-left: 35.71429%; } .grid > [data-push-left*='lg-6'] { margin-left: 42.85714%; } .grid > [data-push-left*='lg-7'] { margin-left: 50%; } .grid > [data-push-left*='lg-8'] { margin-left: 57.14286%; } .grid > [data-push-left*='lg-9'] { margin-left: 64.28571%; } .grid > [data-push-left*='lg-10'] { margin-left: 71.42857%; } .grid > [data-push-left*='lg-11'] { margin-left: 78.57143%; } .grid > [data-push-left*='lg-12'] { margin-left: 85.71429%; } .grid > [data-push-left*='lg-13'] { margin-left: 92.85714%; } .grid > [data-push-right*='lg-0'] { margin-right: 0; } .grid > [data-push-right*='lg-1'] { margin-right: 7.14286%; } .grid > [data-push-right*='lg-2'] { margin-right: 14.28571%; } .grid > [data-push-right*='lg-3'] { margin-right: 21.42857%; } .grid > [data-push-right*='lg-4'] { margin-right: 28.57143%; } .grid > [data-push-right*='lg-5'] { margin-right: 35.71429%; } .grid > [data-push-right*='lg-6'] { margin-right: 42.85714%; } .grid > [data-push-right*='lg-7'] { margin-right: 50%; } .grid > [data-push-right*='lg-8'] { margin-right: 57.14286%; } .grid > [data-push-right*='lg-9'] { margin-right: 64.28571%; } .grid > [data-push-right*='lg-10'] { margin-right: 71.42857%; } .grid > [data-push-right*='lg-11'] { margin-right: 78.57143%; } .grid > [data-push-right*='lg-12'] { margin-right: 85.71429%; } .grid > [data-push-right*='lg-13'] { margin-right: 92.85714%; } .grid > [data-pull-left*='lg-0'] { margin-left: -0; } .grid > [data-pull-left*='lg-1'] { margin-left: -7.14286%; } .grid > [data-pull-left*='lg-2'] { margin-left: -14.28571%; } .grid > [data-pull-left*='lg-3'] { margin-left: -21.42857%; } .grid > [data-pull-left*='lg-4'] { margin-left: -28.57143%; } .grid > [data-pull-left*='lg-5'] { margin-left: -35.71429%; } .grid > [data-pull-left*='lg-6'] { margin-left: -42.85714%; } .grid > [data-pull-left*='lg-7'] { margin-left: -50%; } .grid > [data-pull-left*='lg-8'] { margin-left: -57.14286%; } .grid > [data-pull-left*='lg-9'] { margin-left: -64.28571%; } .grid > [data-pull-left*='lg-10'] { margin-left: -71.42857%; } .grid > [data-pull-left*='lg-11'] { margin-left: -78.57143%; } .grid > [data-pull-left*='lg-12'] { margin-left: -85.71429%; } .grid > [data-pull-left*='lg-13'] { margin-left: -92.85714%; } .grid > [data-pull-right*='lg-0'] { margin-right: -0; } .grid > [data-pull-right*='lg-1'] { margin-right: -7.14286%; } .grid > [data-pull-right*='lg-2'] { margin-right: -14.28571%; } .grid > [data-pull-right*='lg-3'] { margin-right: -21.42857%; } .grid > [data-pull-right*='lg-4'] { margin-right: -28.57143%; } .grid > [data-pull-right*='lg-5'] { margin-right: -35.71429%; } .grid > [data-pull-right*='lg-6'] { margin-right: -42.85714%; } .grid > [data-pull-right*='lg-7'] { margin-right: -50%; } .grid > [data-pull-right*='lg-8'] { margin-right: -57.14286%; } .grid > [data-pull-right*='lg-9'] { margin-right: -64.28571%; } .grid > [data-pull-right*='lg-10'] { margin-right: -71.42857%; } .grid > [data-pull-right*='lg-11'] { margin-right: -78.57143%; } .grid > [data-pull-right*='lg-12'] { margin-right: -85.71429%; } .grid > [data-pull-right*='lg-13'] { margin-right: -92.85714%; } }
@media screen and (max-width: 64em) {
.grid > .md-1 { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .grid > .md-2 { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .md-3 { -ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; } .grid > .md-4 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .md-5, .grid .view-display-id-subprojects .col-4-of-14, .grid .view-display-id-sub-working-groups .col-4-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .md-6 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .md-7 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .md-8 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .md-9, .grid .view-display-id-subprojects .col-10-of-14, .grid .view-display-id-sub-working-groups .col-10-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .md-10 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .md-11 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .md-12, .grid .view-events .view-header .view-events { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .md-13 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .grid > .md-14 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid > .md-third { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .grid > .md-quarter { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid > .md-fifth, .grid .view-events .view-header li { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .grid > .md-sixth { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .grid > .md-seventh { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .md-eighth { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .grid > .md-ninth { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .grid > .md-tenth { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .grid > .md-eleventh { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .grid > .md-twelth { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .grid > .md-thirteenth { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .grid > .md-4-of-14 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .md-5-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .md-6-of-14 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .md-7-of-14 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .md-8-of-14 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .md-9-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .md-10-of-14 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .md-11-of-14 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .md-12-of-14 { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .md-13-of-14 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .department-working-groups-grid .teaser-working-group { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > [data-push-left*='md-0'] { margin-left: 0; } .grid > [data-push-left*='md-1'] { margin-left: 7.14286%; } .grid > [data-push-left*='md-2'] { margin-left: 14.28571%; } .grid > [data-push-left*='md-3'] { margin-left: 21.42857%; } .grid > [data-push-left*='md-4'] { margin-left: 28.57143%; } .grid > [data-push-left*='md-5'] { margin-left: 35.71429%; } .grid > [data-push-left*='md-6'] { margin-left: 42.85714%; } .grid > [data-push-left*='md-7'] { margin-left: 50%; } .grid > [data-push-left*='md-8'] { margin-left: 57.14286%; } .grid > [data-push-left*='md-9'] { margin-left: 64.28571%; } .grid > [data-push-left*='md-10'] { margin-left: 71.42857%; } .grid > [data-push-left*='md-11'] { margin-left: 78.57143%; } .grid > [data-push-left*='md-12'] { margin-left: 85.71429%; } .grid > [data-push-left*='md-13'] { margin-left: 92.85714%; } .grid > [data-push-right*='md-0'] { margin-right: 0; } .grid > [data-push-right*='md-1'] { margin-right: 7.14286%; } .grid > [data-push-right*='md-2'] { margin-right: 14.28571%; } .grid > [data-push-right*='md-3'] { margin-right: 21.42857%; } .grid > [data-push-right*='md-4'] { margin-right: 28.57143%; } .grid > [data-push-right*='md-5'] { margin-right: 35.71429%; } .grid > [data-push-right*='md-6'] { margin-right: 42.85714%; } .grid > [data-push-right*='md-7'] { margin-right: 50%; } .grid > [data-push-right*='md-8'] { margin-right: 57.14286%; } .grid > [data-push-right*='md-9'] { margin-right: 64.28571%; } .grid > [data-push-right*='md-10'] { margin-right: 71.42857%; } .grid > [data-push-right*='md-11'] { margin-right: 78.57143%; } .grid > [data-push-right*='md-12'] { margin-right: 85.71429%; } .grid > [data-push-right*='md-13'] { margin-right: 92.85714%; } .grid > [data-pull-left*='md-0'] { margin-left: -0; } .grid > [data-pull-left*='md-1'] { margin-left: -7.14286%; } .grid > [data-pull-left*='md-2'] { margin-left: -14.28571%; } .grid > [data-pull-left*='md-3'] { margin-left: -21.42857%; } .grid > [data-pull-left*='md-4'] { margin-left: -28.57143%; } .grid > [data-pull-left*='md-5'] { margin-left: -35.71429%; } .grid > [data-pull-left*='md-6'] { margin-left: -42.85714%; } .grid > [data-pull-left*='md-7'] { margin-left: -50%; } .grid > [data-pull-left*='md-8'] { margin-left: -57.14286%; } .grid > [data-pull-left*='md-9'] { margin-left: -64.28571%; } .grid > [data-pull-left*='md-10'] { margin-left: -71.42857%; } .grid > [data-pull-left*='md-11'] { margin-left: -78.57143%; } .grid > [data-pull-left*='md-12'] { margin-left: -85.71429%; } .grid > [data-pull-left*='md-13'] { margin-left: -92.85714%; } .grid > [data-pull-right*='md-0'] { margin-right: -0; } .grid > [data-pull-right*='md-1'] { margin-right: -7.14286%; } .grid > [data-pull-right*='md-2'] { margin-right: -14.28571%; } .grid > [data-pull-right*='md-3'] { margin-right: -21.42857%; } .grid > [data-pull-right*='md-4'] { margin-right: -28.57143%; } .grid > [data-pull-right*='md-5'] { margin-right: -35.71429%; } .grid > [data-pull-right*='md-6'] { margin-right: -42.85714%; } .grid > [data-pull-right*='md-7'] { margin-right: -50%; } .grid > [data-pull-right*='md-8'] { margin-right: -57.14286%; } .grid > [data-pull-right*='md-9'] { margin-right: -64.28571%; } .grid > [data-pull-right*='md-10'] { margin-right: -71.42857%; } .grid > [data-pull-right*='md-11'] { margin-right: -78.57143%; } .grid > [data-pull-right*='md-12'] { margin-right: -85.71429%; } .grid > [data-pull-right*='md-13'] { margin-right: -92.85714%; } }
@media screen and (max-width: 48em) {
.grid > .sm-1 { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .grid > .sm-2 { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .sm-3 { -ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; } .grid > .sm-4 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .sm-5, .grid .view-display-id-subprojects .col-4-of-14, .grid .view-display-id-sub-working-groups .col-4-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .sm-6 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .sm-7 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .sm-8 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .sm-9, .grid .view-display-id-subprojects .col-10-of-14, .grid .view-display-id-sub-working-groups .col-10-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .sm-10 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .sm-11 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .sm-12, .grid .view-events .view-header .view-events { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .sm-13 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .grid > .sm-14 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid > .sm-third { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .grid > .sm-quarter { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid > .sm-fifth, .grid .view-events .view-header li { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .grid > .sm-sixth { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .grid > .sm-seventh { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .sm-eighth { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .grid > .sm-ninth { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .grid > .sm-tenth { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .grid > .sm-eleventh { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .grid > .sm-twelth { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .grid > .sm-thirteenth { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .grid > .sm-4-of-14 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .sm-5-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .sm-6-of-14 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .sm-7-of-14 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .sm-8-of-14 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .sm-9-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .sm-10-of-14 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .sm-11-of-14 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .sm-12-of-14 { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .sm-13-of-14 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .department-working-groups-grid .teaser-working-group { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > [data-push-left*='sm-0'] { margin-left: 0; } .grid > [data-push-left*='sm-1'] { margin-left: 7.14286%; } .grid > [data-push-left*='sm-2'] { margin-left: 14.28571%; } .grid > [data-push-left*='sm-3'] { margin-left: 21.42857%; } .grid > [data-push-left*='sm-4'] { margin-left: 28.57143%; } .grid > [data-push-left*='sm-5'] { margin-left: 35.71429%; } .grid > [data-push-left*='sm-6'] { margin-left: 42.85714%; } .grid > [data-push-left*='sm-7'] { margin-left: 50%; } .grid > [data-push-left*='sm-8'] { margin-left: 57.14286%; } .grid > [data-push-left*='sm-9'] { margin-left: 64.28571%; } .grid > [data-push-left*='sm-10'] { margin-left: 71.42857%; } .grid > [data-push-left*='sm-11'] { margin-left: 78.57143%; } .grid > [data-push-left*='sm-12'] { margin-left: 85.71429%; } .grid > [data-push-left*='sm-13'] { margin-left: 92.85714%; } .grid > [data-push-right*='sm-0'] { margin-right: 0; } .grid > [data-push-right*='sm-1'] { margin-right: 7.14286%; } .grid > [data-push-right*='sm-2'] { margin-right: 14.28571%; } .grid > [data-push-right*='sm-3'] { margin-right: 21.42857%; } .grid > [data-push-right*='sm-4'] { margin-right: 28.57143%; } .grid > [data-push-right*='sm-5'] { margin-right: 35.71429%; } .grid > [data-push-right*='sm-6'] { margin-right: 42.85714%; } .grid > [data-push-right*='sm-7'] { margin-right: 50%; } .grid > [data-push-right*='sm-8'] { margin-right: 57.14286%; } .grid > [data-push-right*='sm-9'] { margin-right: 64.28571%; } .grid > [data-push-right*='sm-10'] { margin-right: 71.42857%; } .grid > [data-push-right*='sm-11'] { margin-right: 78.57143%; } .grid > [data-push-right*='sm-12'] { margin-right: 85.71429%; } .grid > [data-push-right*='sm-13'] { margin-right: 92.85714%; } .grid > [data-pull-left*='sm-0'] { margin-left: -0; } .grid > [data-pull-left*='sm-1'] { margin-left: -7.14286%; } .grid > [data-pull-left*='sm-2'] { margin-left: -14.28571%; } .grid > [data-pull-left*='sm-3'] { margin-left: -21.42857%; } .grid > [data-pull-left*='sm-4'] { margin-left: -28.57143%; } .grid > [data-pull-left*='sm-5'] { margin-left: -35.71429%; } .grid > [data-pull-left*='sm-6'] { margin-left: -42.85714%; } .grid > [data-pull-left*='sm-7'] { margin-left: -50%; } .grid > [data-pull-left*='sm-8'] { margin-left: -57.14286%; } .grid > [data-pull-left*='sm-9'] { margin-left: -64.28571%; } .grid > [data-pull-left*='sm-10'] { margin-left: -71.42857%; } .grid > [data-pull-left*='sm-11'] { margin-left: -78.57143%; } .grid > [data-pull-left*='sm-12'] { margin-left: -85.71429%; } .grid > [data-pull-left*='sm-13'] { margin-left: -92.85714%; } .grid > [data-pull-right*='sm-0'] { margin-right: -0; } .grid > [data-pull-right*='sm-1'] { margin-right: -7.14286%; } .grid > [data-pull-right*='sm-2'] { margin-right: -14.28571%; } .grid > [data-pull-right*='sm-3'] { margin-right: -21.42857%; } .grid > [data-pull-right*='sm-4'] { margin-right: -28.57143%; } .grid > [data-pull-right*='sm-5'] { margin-right: -35.71429%; } .grid > [data-pull-right*='sm-6'] { margin-right: -42.85714%; } .grid > [data-pull-right*='sm-7'] { margin-right: -50%; } .grid > [data-pull-right*='sm-8'] { margin-right: -57.14286%; } .grid > [data-pull-right*='sm-9'] { margin-right: -64.28571%; } .grid > [data-pull-right*='sm-10'] { margin-right: -71.42857%; } .grid > [data-pull-right*='sm-11'] { margin-right: -78.57143%; } .grid > [data-pull-right*='sm-12'] { margin-right: -85.71429%; } .grid > [data-pull-right*='sm-13'] { margin-right: -92.85714%; } }
@media screen and (max-width: 35.5em) {
.grid > .xs-1 { -ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; } .grid > .xs-2 { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .xs-3 { -ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; } .grid > .xs-4 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .xs-5, .grid .view-display-id-subprojects .col-4-of-14, .grid .view-display-id-sub-working-groups .col-4-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .xs-6 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .xs-7 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .xs-8 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .xs-9, .grid .view-display-id-subprojects .col-10-of-14, .grid .view-display-id-sub-working-groups .col-10-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .xs-10 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .xs-11 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .xs-12, .grid .view-events .view-header .view-events { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .xs-13 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .grid > .xs-14 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid > .xs-third { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .grid > .xs-quarter { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid > .xs-fifth, .grid .view-events .view-header li { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .grid > .xs-sixth { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .grid > .xs-seventh { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } .grid > .xs-eighth { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } .grid > .xs-ninth { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .grid > .xs-tenth { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .grid > .xs-eleventh { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } .grid > .xs-twelth { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .grid > .xs-thirteenth { -ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; } .grid > .xs-4-of-14 { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > .xs-5-of-14 { -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; } .grid > .xs-6-of-14 { -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; } .grid > .xs-7-of-14 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid > .xs-8-of-14 { -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; } .grid > .xs-9-of-14 { -ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; } .grid > .xs-10-of-14 { -ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; } .grid > .xs-11-of-14 { -ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; } .grid > .xs-12-of-14 { -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; } .grid > .xs-13-of-14 { -ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; } .department-working-groups-grid .teaser-working-group { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; } .grid > [data-push-left*='xs-0'] { margin-left: 0; } .grid > [data-push-left*='xs-1'] { margin-left: 7.14286%; } .grid > [data-push-left*='xs-2'] { margin-left: 14.28571%; } .grid > [data-push-left*='xs-3'] { margin-left: 21.42857%; } .grid > [data-push-left*='xs-4'] { margin-left: 28.57143%; } .grid > [data-push-left*='xs-5'] { margin-left: 35.71429%; } .grid > [data-push-left*='xs-6'] { margin-left: 42.85714%; } .grid > [data-push-left*='xs-7'] { margin-left: 50%; } .grid > [data-push-left*='xs-8'] { margin-left: 57.14286%; } .grid > [data-push-left*='xs-9'] { margin-left: 64.28571%; } .grid > [data-push-left*='xs-10'] { margin-left: 71.42857%; } .grid > [data-push-left*='xs-11'] { margin-left: 78.57143%; } .grid > [data-push-left*='xs-12'] { margin-left: 85.71429%; } .grid > [data-push-left*='xs-13'] { margin-left: 92.85714%; } .grid > [data-push-right*='xs-0'] { margin-right: 0; } .grid > [data-push-right*='xs-1'] { margin-right: 7.14286%; } .grid > [data-push-right*='xs-2'] { margin-right: 14.28571%; } .grid > [data-push-right*='xs-3'] { margin-right: 21.42857%; } .grid > [data-push-right*='xs-4'] { margin-right: 28.57143%; } .grid > [data-push-right*='xs-5'] { margin-right: 35.71429%; } .grid > [data-push-right*='xs-6'] { margin-right: 42.85714%; } .grid > [data-push-right*='xs-7'] { margin-right: 50%; } .grid > [data-push-right*='xs-8'] { margin-right: 57.14286%; } .grid > [data-push-right*='xs-9'] { margin-right: 64.28571%; } .grid > [data-push-right*='xs-10'] { margin-right: 71.42857%; } .grid > [data-push-right*='xs-11'] { margin-right: 78.57143%; } .grid > [data-push-right*='xs-12'] { margin-right: 85.71429%; } .grid > [data-push-right*='xs-13'] { margin-right: 92.85714%; } .grid > [data-pull-left*='xs-0'] { margin-left: -0; } .grid > [data-pull-left*='xs-1'] { margin-left: -7.14286%; } .grid > [data-pull-left*='xs-2'] { margin-left: -14.28571%; } .grid > [data-pull-left*='xs-3'] { margin-left: -21.42857%; } .grid > [data-pull-left*='xs-4'] { margin-left: -28.57143%; } .grid > [data-pull-left*='xs-5'] { margin-left: -35.71429%; } .grid > [data-pull-left*='xs-6'] { margin-left: -42.85714%; } .grid > [data-pull-left*='xs-7'] { margin-left: -50%; } .grid > [data-pull-left*='xs-8'] { margin-left: -57.14286%; } .grid > [data-pull-left*='xs-9'] { margin-left: -64.28571%; } .grid > [data-pull-left*='xs-10'] { margin-left: -71.42857%; } .grid > [data-pull-left*='xs-11'] { margin-left: -78.57143%; } .grid > [data-pull-left*='xs-12'] { margin-left: -85.71429%; } .grid > [data-pull-left*='xs-13'] { margin-left: -92.85714%; } .grid > [data-pull-right*='xs-0'] { margin-right: -0; } .grid > [data-pull-right*='xs-1'] { margin-right: -7.14286%; } .grid > [data-pull-right*='xs-2'] { margin-right: -14.28571%; } .grid > [data-pull-right*='xs-3'] { margin-right: -21.42857%; } .grid > [data-pull-right*='xs-4'] { margin-right: -28.57143%; } .grid > [data-pull-right*='xs-5'] { margin-right: -35.71429%; } .grid > [data-pull-right*='xs-6'] { margin-right: -42.85714%; } .grid > [data-pull-right*='xs-7'] { margin-right: -50%; } .grid > [data-pull-right*='xs-8'] { margin-right: -57.14286%; } .grid > [data-pull-right*='xs-9'] { margin-right: -64.28571%; } .grid > [data-pull-right*='xs-10'] { margin-right: -71.42857%; } .grid > [data-pull-right*='xs-11'] { margin-right: -78.57143%; } .grid > [data-pull-right*='xs-12'] { margin-right: -85.71429%; } .grid > [data-pull-right*='xs-13'] { margin-right: -92.85714%; } }
.col:not(.col-0) {
display: block; }
.grid.col:not(.col-0) {
display: -webkit-box; display: -ms-flexbox; display: flex; }
.col.col-0 {
display: none; }
@media screen and (max-width: 80em) {
.grid > :not(.lg-0) { display: block; } .grid:not(.lg-0) { display: -webkit-box; display: -ms-flexbox; display: flex; } .grid > .lg-0, .grid.equal-height > ._lg-0 { display: none; } }
@media screen and (max-width: 64em) {
.grid > :not(.md-0) { display: block; } .grid:not(.md-0) { display: -webkit-box; display: -ms-flexbox; display: flex; } .grid > .md-0, .grid.equal-height > .md-0 { display: none; } }
@media screen and (max-width: 48em) {
.grid > :not(.sm-0) { display: block; } .grid:not(.sm-0) { display: -webkit-box; display: -ms-flexbox; display: flex; } .grid > .sm-0, .grid.equal-height > .sm-0 { display: none; } }
@media screen and (max-width: 35.5em) {
.grid > :not(._xs-0) { display: block; } .grid:not(.xs-0) { display: -webkit-box; display: -ms-flexbox; display: flex; } .grid > .xs-0, .grid.equal-height > ._xs-0 { display: none; } }
@media screen and (min-width: 1024px) {
.grid > [data-pull-right*='off-1'] { margin-left: -7.14286%; } }
.row {
max-width: 1200px; margin: 0 auto; clear: both; padding: 0 1em; }
.row.extend {
max-width: 1400px; }
.row.extend.extra {
max-width: 100%; }
.row.full {
padding: 0; }
.row .container {
max-width: 1200px; margin: 0 auto; }
.row .container.xlarge {
max-width: 90%; }
.microsite .content-section {
overflow: hidden; }
.microsite .main-container {
margin-bottom: 2rem; }
.col {
max-width: 100%; }
.microsite.xlarge .row.extend {
max-width: 95%; }
.microsite.xlarge .row .container {
max-width: 95%; }
.microsite.large .row.extend {
max-width: 1400px; }
.microsite.large .row .container {
max-width: 95%; }
/* Generated by Font Squirrel (www.fontsquirrel.com) on March 9, 2017 */ @font-face {
font-family: 'Sectra Book Italic'; src: url(../fonts/GT-Sectra-Book-Italic.eot); src: url(../fonts/GT-Sectra-Book-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/GT-Sectra-Book-Italic.ttf) format("truetype"), url(../fonts/GT-Sectra-Book-Italic.woff2) format("woff2"), url(data:application/font-woff;base64,bW9kdWxlLmV4cG9ydHMgPSAiLi4vZm9udHMvR1QtU2VjdHJhLUJvb2stSXRhbGljLndvZmYiOw==) format("woff"); font-weight: normal; font-style: normal; }
@font-face {
font-family: 'Sectra Book'; src: url(../fonts/GT-Sectra-Book.eot); src: url(../fonts/GT-Sectra-Book.eot?#iefix) format("embedded-opentype"), url(../fonts/GT-Sectra-Book.ttf) format("truetype"), url(../fonts/GT-Sectra-Book.woff2) format("woff2"), url(data:application/font-woff;base64,bW9kdWxlLmV4cG9ydHMgPSAiLi4vZm9udHMvR1QtU2VjdHJhLUJvb2sud29mZiI7) format("woff"); font-weight: normal; font-style: normal; }
@font-face {
font-family: 'Sectra Medium'; src: url(../fonts/GT-Sectra-Medium.eot); src: url(../fonts/GT-Sectra-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/GT-Sectra-Medium.ttf) format("truetype"), url(../fonts/GT-Sectra-Medium.woff2) format("woff2"), url(data:application/font-woff;base64,bW9kdWxlLmV4cG9ydHMgPSAiLi4vZm9udHMvR1QtU2VjdHJhLU1lZGl1bS53b2ZmIjs=) format("woff"); font-weight: normal; font-style: normal; }
@font-face {
font-family: 'Sectra Medium Italic'; src: url(../fonts/GT-Sectra-Medium-Italic.eot); src: url(../fonts/GT-Sectra-Medium-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/GT-Sectra-Medium-Italic.ttf) format("truetype"), url(../fonts/GT-Sectra-Medium-Italic.woff2) format("woff2"), url(data:application/font-woff;base64,bW9kdWxlLmV4cG9ydHMgPSAiLi4vZm9udHMvR1QtU2VjdHJhLU1lZGl1bS1JdGFsaWMud29mZiI7) format("woff"); font-weight: normal; font-style: normal; }
@font-face {
font-family: 'Apercu Pro'; src: url(../fonts/ApercuPro-Bold.eot); src: url(../fonts/ApercuPro-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/ApercuPro-Bold.ttf) format("truetype"), url(../fonts/ApercuPro-Bold.woff2) format("woff2"), url(data:application/font-woff;base64,bW9kdWxlLmV4cG9ydHMgPSAiLi4vZm9udHMvQXBlcmN1UHJvLUJvbGQud29mZiI7) format("woff"); letter-spacing: .01rem; font-weight: bold; font-style: normal; }
@font-face {
font-family: 'mpiwg-icons'; src: url(../fonts/mpiwg-icons.eot); src: url(../fonts/mpiwg-icons.eot#iefix) format("embedded-opentype"), url(../fonts/mpiwg-icons.ttf) format("truetype"), url(data:application/font-woff;base64,bW9kdWxlLmV4cG9ydHMgPSAiLi4vZm9udHMvbXBpd2ctaWNvbnMud29mZiI7) format("woff"), url(../imgs/mpiwg-icons.svg#mpiwg-icons) format("svg"); font-weight: normal; font-style: normal; }
- class^=“icon-”], [class*=“ icon-”
-
{
/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mpiwg-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-calendar:after {
content: "\E901"; }
.icon-chevron_akk_down:after {
content: "\E909"; }
.icon-chevron_akk_up:after {
content: "\E90A"; }
.icon-chevron_kl_li:after {
content: "\E90B"; }
.icon-chevron_kl_re:after {
content: "\E90F"; }
.icon-chevron_kl_oben:after {
content: "\E90B"; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.icon-chevron_kl_unten:after {
content: "\E90F"; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.icon-chevron_slider_li:after {
content: "\E910"; }
.icon-chevron_slider_re:after {
content: "\E911"; }
.icon-forward:after {
content: "\E912"; }
.icon-lupe:after {
content: "\E915"; }
.icon-podcast:after {
content: "\E916"; }
.icon-print:after {
content: "\E917"; }
.icon-rss:after {
content: "\E918"; }
.icon-schloss:after {
content: "\E919"; }
.icon-share:after {
content: "\E91A"; }
.icon-video_gr:after {
content: "\E91B"; }
.icon-video_kl:after {
content: "\E91C"; }
.icon-www:after {
content: "\E91D"; }
.icon-burger:after {
content: "\E900"; }
.icon-minus:after {
content: "\E902"; }
.icon-plus:after {
content: "\E903"; }
.icon-cross:after {
content: "\E904"; }
.icon-pfeil_unten:after {
content: "\E905"; }
.icon-pfeil_oben:after {
content: "\E913"; }
.icon-pfeil_rechts-oben:after {
content: "\E906"; }
.icon-pfeil_rechts-unten:after {
content: "\E914"; }
.icon-pfeil_rechts:after {
content: "\E90E"; }
.icon-pfeil_links:after {
content: "\E90E"; -webkit-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; }
.icon-facebook:after {
content: "\E907"; }
.icon-instagram:after {
content: "\E908"; }
.icon-bullet:after {
content: "\E90C"; }
.icon-twitter:after {
content: "\E90D"; }
.icon-list_view:after {
content: "\E91E"; }
.icon-block_view:after {
content: "\E91F"; }
.bg-primary {
background-color: #004646; }
.bg-white {
background-color: white; }
.bg-black {
background-color: black; }
.bg-primarydarken {
background-color: #006464; }
.bg-site {
background-color: #e1e1dc; }
.bg-content {
background-color: white; }
.bg-seondary {
background-color: #50fa96; }
.bg-grey100 {
background-color: #878278; }
.bg-grey75 {
background-color: #a5a09b; }
.bg-grey50 {
background-color: #c3beb9; }
.bg-grey40 {
background-color: #666666; }
.bg-grey25 {
background-color: #e1e1dc; }
.bg-grey15 {
background-color: #f0f0ee; }
.bg-header-background {
background-color: #f0f0ee; }
.text-primary, .text-primary a, .text-primary label, .color-primary, .color-primary a, .color-primary label {
color: #004646; }
.text-primary a:hover, .color-primary a:hover {
color: #50fa96; }
.text-white, .text-white a, .text-white label, .color-white, .color-white a, .color-white label {
color: white; }
.text-white a:hover, .color-white a:hover {
color: #50fa96; }
.text-black, .text-black a, .text-black label, .color-black, .color-black a, .color-black label {
color: black; }
.text-black a:hover, .color-black a:hover {
color: #50fa96; }
.text-primarydarken, .text-primarydarken a, .text-primarydarken label, .color-primarydarken, .color-primarydarken a, .color-primarydarken label {
color: #006464; }
.text-primarydarken a:hover, .color-primarydarken a:hover {
color: #50fa96; }
.text-site, .text-site a, .text-site label, .color-site, .color-site a, .color-site label {
color: #e1e1dc; }
.text-site a:hover, .color-site a:hover {
color: #50fa96; }
.text-content, .text-content a, .text-content label, .color-content, .color-content a, .color-content label {
color: white; }
.text-content a:hover, .color-content a:hover {
color: #50fa96; }
.text-seondary, .text-seondary a, .text-seondary label, .color-seondary, .color-seondary a, .color-seondary label {
color: #50fa96; }
.text-seondary a:hover, .color-seondary a:hover {
color: #50fa96; }
.text-grey100, .text-grey100 a, .text-grey100 label, .color-grey100, .color-grey100 a, .color-grey100 label {
color: #878278; }
.text-grey100 a:hover, .color-grey100 a:hover {
color: #50fa96; }
.text-grey75, .text-grey75 a, .text-grey75 label, .color-grey75, .color-grey75 a, .color-grey75 label {
color: #a5a09b; }
.text-grey75 a:hover, .color-grey75 a:hover {
color: #50fa96; }
.text-grey50, .text-grey50 a, .text-grey50 label, .color-grey50, .color-grey50 a, .color-grey50 label {
color: #c3beb9; }
.text-grey50 a:hover, .color-grey50 a:hover {
color: #50fa96; }
.text-grey40, .text-grey40 a, .text-grey40 label, .color-grey40, .color-grey40 a, .color-grey40 label {
color: #666666; }
.text-grey40 a:hover, .color-grey40 a:hover {
color: #50fa96; }
.text-grey25, .text-grey25 a, .text-grey25 label, .color-grey25, .color-grey25 a, .color-grey25 label {
color: #e1e1dc; }
.text-grey25 a:hover, .color-grey25 a:hover {
color: #50fa96; }
.text-grey15, .text-grey15 a, .text-grey15 label, .color-grey15, .color-grey15 a, .color-grey15 label {
color: #f0f0ee; }
.text-grey15 a:hover, .color-grey15 a:hover {
color: #50fa96; }
.text-header-background, .text-header-background a, .text-header-background label, .color-header-background, .color-header-background a, .color-header-background label {
color: #f0f0ee; }
.text-header-background a:hover, .color-header-background a:hover {
color: #50fa96; }
.yo {
background: black; }
.colors .color-white p {
text-shadow: 0 0 10px #000; }
.colors li {
position: relative; padding: 0; margin-bottom: .9375em; }
.colors li p {
position: absolute; padding: 3px 13px; color: #666; background-color: #fff; font-size: 12px; bottom: 0; left: .9375em; }
.colors li .color {
padding-bottom: 100%; margin-right: .9375em; }
.colors li:last-child {
margin-right: 0; }
.word-wrap {
word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.display-as-block {
display: block; }
.font-sectra-medium {
font-family: 'Sectra Medium', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
.font-sectra-medium-italic {
font-family: 'Sectra Medium Italic', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
.font-sectra-italic, .font-sectra-italic * {
font-family: 'Sectra Book Italic', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
.font-sectra-italic strong, .font-sectra-italic b {
font-weight: bold; }
.font-sectra {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
.font-apercu {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
.pad-top-xl {
padding-top: 2.77778rem; }
.mar-top-xl {
margin-top: 2.77778rem; }
.pad-bottom-xl {
padding-bottom: 2.77778rem; }
.mar-bottom-xl {
margin-bottom: 2.77778rem; }
.pad-left-xl {
padding-left: 2.77778rem; }
.mar-left-xl {
margin-left: 2.77778rem; }
.pad-right-xl {
padding-right: 2.77778rem; }
.mar-right-xl {
margin-right: 2.77778rem; }
.pad-top-l {
padding-top: 1.66667rem; }
.mar-top-l {
margin-top: 1.66667rem; }
.pad-bottom-l {
padding-bottom: 1.66667rem; }
.mar-bottom-l {
margin-bottom: 1.66667rem; }
.pad-left-l {
padding-left: 1.66667rem; }
.mar-left-l {
margin-left: 1.66667rem; }
.pad-right-l {
padding-right: 1.66667rem; }
.mar-right-l {
margin-right: 1.66667rem; }
.pad-top-m {
padding-top: 1.38889rem; }
.mar-top-m {
margin-top: 1.38889rem; }
.pad-bottom-m {
padding-bottom: 1.38889rem; }
.mar-bottom-m {
margin-bottom: 1.38889rem; }
.pad-left-m {
padding-left: 1.38889rem; }
.mar-left-m {
margin-left: 1.38889rem; }
.pad-right-m {
padding-right: 1.38889rem; }
.mar-right-m {
margin-right: 1.38889rem; }
.pad-top-sm {
padding-top: 1.11111rem; }
.mar-top-sm {
margin-top: 1.11111rem; }
.pad-bottom-sm {
padding-bottom: 1.11111rem; }
.mar-bottom-sm {
margin-bottom: 1.11111rem; }
.pad-left-sm {
padding-left: 1.11111rem; }
.mar-left-sm {
margin-left: 1.11111rem; }
.pad-right-sm {
padding-right: 1.11111rem; }
.mar-right-sm {
margin-right: 1.11111rem; }
.pad-top-s {
padding-top: 0.55556rem; }
.mar-top-s {
margin-top: 0.55556rem; }
.pad-bottom-s {
padding-bottom: 0.55556rem; }
.mar-bottom-s {
margin-bottom: 0.55556rem; }
.pad-left-s {
padding-left: 0.55556rem; }
.mar-left-s {
margin-left: 0.55556rem; }
.pad-right-s {
padding-right: 0.55556rem; }
.mar-right-s {
margin-right: 0.55556rem; }
.pad-top-0 {
padding-top: 0; }
.mar-top-0 {
margin-top: 0; }
.pad-bottom-0 {
padding-bottom: 0; }
.mar-bottom-0 {
margin-bottom: 0; }
.pad-left-0 {
padding-left: 0; }
.mar-left-0 {
margin-left: 0; }
.pad-right-0 {
padding-right: 0; }
.mar-right-0 {
margin-right: 0; }
.pad-xl {
padding: 2.77778rem; }
.mar-xl {
margin: 2.77778rem; }
.pad-l {
padding: 1.66667rem; }
.mar-l {
margin: 1.66667rem; }
.pad-m {
padding: 1.38889rem; }
.mar-m {
margin: 1.38889rem; }
.pad-sm {
padding: 1.11111rem; }
.mar-sm {
margin: 1.11111rem; }
.pad-s {
padding: 0.55556rem; }
.mar-s {
margin: 0.55556rem; }
.pad-0 {
padding: 0; }
.mar-0 {
margin: 0; }
.reveal .reveal-label {
display: inline-block; }
.reveal .reveal-toggle {
position: absolute; left: -999em; }
.reveal .reveal-content {
will-change: opacity, max-height, height; opacity: 0; max-height: 0; border: 0; overflow: hidden; -webkit-transition: opacity .34s ease-in, max-height 1.5s linear; transition: opacity .34s ease-in, max-height 1.5s linear; }
.reveal .reveal-toggle:checked ~ div {
max-height: 99em; opacity: 1; height: auto; }
.reveal .reveal-toggle:checked + .reveal-label {
display: none; }
.pad-top-xl {
padding-top: 2.77778rem; }
.mar-top-xl {
margin-top: 2.77778rem; }
.pad-bottom-xl {
padding-bottom: 2.77778rem; }
.mar-bottom-xl {
margin-bottom: 2.77778rem; }
.pad-left-xl {
padding-left: 2.77778rem; }
.mar-left-xl {
margin-left: 2.77778rem; }
.pad-right-xl {
padding-right: 2.77778rem; }
.mar-right-xl {
margin-right: 2.77778rem; }
.pad-top-l {
padding-top: 1.66667rem; }
.mar-top-l {
margin-top: 1.66667rem; }
.pad-bottom-l {
padding-bottom: 1.66667rem; }
.mar-bottom-l {
margin-bottom: 1.66667rem; }
.pad-left-l {
padding-left: 1.66667rem; }
.mar-left-l {
margin-left: 1.66667rem; }
.pad-right-l {
padding-right: 1.66667rem; }
.mar-right-l {
margin-right: 1.66667rem; }
.pad-top-m {
padding-top: 1.38889rem; }
.mar-top-m {
margin-top: 1.38889rem; }
.pad-bottom-m {
padding-bottom: 1.38889rem; }
.mar-bottom-m {
margin-bottom: 1.38889rem; }
.pad-left-m {
padding-left: 1.38889rem; }
.mar-left-m {
margin-left: 1.38889rem; }
.pad-right-m {
padding-right: 1.38889rem; }
.mar-right-m {
margin-right: 1.38889rem; }
.pad-top-sm {
padding-top: 1.11111rem; }
.mar-top-sm {
margin-top: 1.11111rem; }
.pad-bottom-sm {
padding-bottom: 1.11111rem; }
.mar-bottom-sm {
margin-bottom: 1.11111rem; }
.pad-left-sm {
padding-left: 1.11111rem; }
.mar-left-sm {
margin-left: 1.11111rem; }
.pad-right-sm {
padding-right: 1.11111rem; }
.mar-right-sm {
margin-right: 1.11111rem; }
.pad-top-S {
padding-top: 0.55556rem; }
.mar-top-S {
margin-top: 0.55556rem; }
.pad-bottom-S {
padding-bottom: 0.55556rem; }
.mar-bottom-S {
margin-bottom: 0.55556rem; }
.pad-left-S {
padding-left: 0.55556rem; }
.mar-left-S {
margin-left: 0.55556rem; }
.pad-right-S {
padding-right: 0.55556rem; }
.mar-right-S {
margin-right: 0.55556rem; }
.pad-top-0 {
padding-top: 0; }
.mar-top-0 {
margin-top: 0; }
.pad-bottom-0 {
padding-bottom: 0; }
.mar-bottom-0 {
margin-bottom: 0; }
.pad-left-0 {
padding-left: 0; }
.mar-left-0 {
margin-left: 0; }
.pad-right-0 {
padding-right: 0; }
.mar-right-0 {
margin-right: 0; }
.pad-xl {
padding: 2.77778rem; }
.mar-xl {
margin: 2.77778rem; }
.pad-l {
padding: 1.66667rem; }
.mar-l {
margin: 1.66667rem; }
.pad-m {
padding: 1.38889rem; }
.mar-m {
margin: 1.38889rem; }
.pad-sm {
padding: 1.11111rem; }
.mar-sm {
margin: 1.11111rem; }
.pad-S {
padding: 0.55556rem; }
.mar-S {
margin: 0.55556rem; }
.pad-0 {
padding: 0; }
.mar-0 {
margin: 0; }
.bg-image-cover {
background-size: cover; }
.text-xs-right {
text-align: right; }
.text-uppercase {
text-transform: uppercase; }
.text-lowercase {
text-transform: lowercase; }
.text-no-transform {
text-transform: none; }
.pos-rel {
position: relative; }
.pos-abs {
position: absolute; }
.pos-abs-t {
position: absolute; top: 0; }
.pos-abs-t-r {
position: absolute; top: 0; right: 0; }
.pos-abs-t-0-r-0-b-0 {
position: absolute; top: 0; right: 0; bottom: 0; }
.pos-abs-t-0-l-0-r-0-b-0 {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.pos-abs-r-0-b-0 {
position: absolute; right: 0; bottom: 0; }
.pos-abs-all-s {
position: absolute; top: 0.55556rem; right: 0.55556rem; bottom: 0.55556rem; left: 0.55556rem; }
.pos-abs-t-r-xl {
position: absolute; top: 0; right: 2.77778rem; }
.pos-abs-t-s-r-100pcnt {
position: absolute; top: 0.55556rem; right: 100%; }
.pos-abs-t-r-mistake {
position: absolute; top: 0; right: mistake; }
.pos-abs-t-s-r-m-b-m-l-sm {
position: absolute; top: 0.55556rem; right: 1.38889rem; bottom: 1.38889rem; left: 1.11111rem; }
.icon-space.left {
padding-left: 0.27778rem; }
.icon-space.right {
padding-right: 0.27778rem; }
.icon-space.top {
padding-top: 0.27778rem; }
.icon-space.bottom {
padding-bottom: 0.27778rem; }
.rotate180 {
-webkit-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; }
:root {
font-size: 16px; }
@media (min-width: 400px) and (max-width: 800px) {
:root { font-size: calc(16px + (18 - 16) * ((100vw - 400px) / (800 - 400))); } .h1, h1 { font-size: calc(65px + (100 - 65) * ((100vw - 400px) / (800 - 400))); line-height: 1; } }
@media (min-width: 800px) {
:root { font-size: 18px; } .h1, h1 { font-size: 100px; line-height: 1; } }
body {
line-height: 1.666666; font-size: 100%; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; color: #004646; }
.italic {
font-style: italic; }
.h1, h1 {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 1; margin-bottom: 1rem; }
.h1.small, h1.small {
font-size: 5rem; line-height: 1; }
@media screen and (max-width: 64em) {
.h1.small, h1.small { font-size: 3.333333333rem; } }
.h2, navbar .ultimenu__flyout .block-title, h2 {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 40px; line-height: 1.25; margin: 0 0 2.777777rem; }
.h2 a, navbar .ultimenu__flyout .block-title a, h2 a {
font-size: .8em; }
@media screen and (max-width: 64em) {
.h2, #navbar .ultimenu__flyout .block-title, h2 { font-size: 30px; } }
@media screen and (max-width: 35.5em) {
.h2, #navbar .ultimenu__flyout .block-title, h2 { font-size: 25px; } }
.content-lists-featurestory .h2, .content-lists-featurestory navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .content-lists-featurestory .block-title, .content-lists-featurestory
h2 { margin: 0; }
.tile.bg-image .h2.color-secondary, .tile.bg-image navbar .ultimenu__flyout .color-secondary.block-title, navbar .ultimenu__flyout .tile.bg-image .color-secondary.block-title, .tile.bg-image
h2.color-secondary { font-size: 50px; }
@media screen and (max-width: 80em) and (min-width: 64em) {
.tile.bg-image .h2.color-secondary, .tile.bg-image #navbar .ultimenu__flyout .color-secondary.block-title, #navbar .ultimenu__flyout .tile.bg-image .color-secondary.block-title, .tile.bg-image h2.color-secondary { font-size: 40px; } }
.h3, h3 {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 25px; line-height: 1.4; margin: 2.777777rem 0; }
.carousel-umbrella .h3, .content-lists section .h3, .nav .h3, .stage .h3, .carousel-umbrella
h3, .content-lists section h3, .nav h3, .stage h3 { margin: 0; }
.h3 a, h3 a {
font-size: .8em; }
.h4, h4 {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; line-height: 1.666666rem; }
@media screen and (max-width: 64em) {
.h4, h4 { font-size: 15px; } }
.h5, h5 {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; font-size: 15px; line-height: 2; margin: 0; }
blockquote .h1, blockquote .h2, blockquote navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout blockquote .block-title, blockquote .h3, blockquote .h4, blockquote .h5, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {
margin: 0; }
.header-content .h1, .header-content .h2, .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .header-content .block-title, .header-content .h3, .header-content .h4, .header-content .h5, .header-content h1, .header-content h2, .header-content h3, .header-content h4, .header-content h5 {
word-wrap: normal; overflow-wrap: normal; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; }
.header-content.tile.content .h1, .header-content.tile.content .h2, .header-content.tile.content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .header-content.tile.content .block-title, .header-content.tile.content .h3, .header-content.tile.content .h4, .header-content.tile.content .h5, .header-content.tile.content h1, .header-content.tile.content h2, .header-content.tile.content h3, .header-content.tile.content h4, .header-content.tile.content h5 {
word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
div, p {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; margin: 0; }
label {
cursor: pointer; text-transform: uppercase; }
sub, sup {
line-height: 0; position: relative; vertical-align: baseline; }
sub, sub a, sup, sup a {
font-size: .72222rem; }
sup {
top: -.27777rem; }
.footnotes dd {
margin: 0 0 1.11111rem 2.77778rem; }
.footnotes dt {
min-width: 2.77778rem; float: left; clear: both; }
.footnotes dt::before {
content: '['; }
.footnotes dt::after {
content: ']'; }
.button, .block-latest-publication-media .button-type a, .more-link a, .nav-accordeon label, .tabs label, .tile-link, a {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; font-size: .81rem; letter-spacing: .025rem; }
.button .tile-subtitle, .block-latest-publication-media .button-type a .tile-subtitle, .button .tile-title, .block-latest-publication-media .button-type a .tile-title, .more-link a .tile-subtitle, .more-link a .tile-title, .nav-accordeon label .tile-subtitle, .nav-accordeon label .tile-title, .tabs label .tile-subtitle, .tabs label .tile-title, .tile-link .tile-subtitle, .tile-link .tile-title, a .tile-subtitle, a .tile-title {
font-size: 18px; }
.link-tooltip {
text-transform: none; border-bottom: 2px solid #50fa96; }
.link-tooltip:hover {
border-color: transparent; overflow: visible; }
.small, .small div, .small h5, .small p, .small-typography, .small-typography div, .small-typography h5, .small-typography p, .tile.note, .tile.note div, .tile.note h5, .tile.note p, .tile.small, .tile.small div, .tile.small h5, .tile.small p, small, small div, small h5, small p {
font-size: 15px; line-height: 1.666666em; }
.small, .small.font-apercu, .small a, .small-typography, .small-typography.font-apercu, .small-typography a, .tile.note, .tile.note.font-apercu, .tile.note a, .tile.small, .tile.small.font-apercu, .tile.small a, small, small.font-apercu, small a {
font-size: .83333rem; line-height: 1.38889rem; }
@media screen and (max-width: 35.5em) {
.small-xs, .small-xs a, .small-xs span, .small-typography-xs, .small-typography-xs a, .small-typography-xs span, .tile.note-xs, .tile.note-xs a, .tile.note-xs span, .tile.small-xs, .tile.small-xs a, .tile.small-xs span, small-xs, small-xs a, small-xs span { font-size: .83333rem; line-height: 1.66667rem; } }
.tile-link {
font-size: .73333rem; }
a {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; text-decoration: none; color: #004646; text-transform: uppercase; }
a, a div {
font-weight: 900; }
a, a > *::after, a > *::before {
-webkit-transition: color .12s ease-in-out; transition: color .12s ease-in-out; }
a:hover, a:hover > *::after, a:hover > *::before, a:hover > i::after {
color: #50fa96; }
.tile-note.bg-secondary a:hover, .tile-note.bg-secondary a:hover > *::after, .tile-note.bg-secondary a:hover > *::before {
color: #fff; }
a.tile-wrapper:hover .button-round {
background: #006464; }
.footer-site a {
line-height: 30px; }
a.multiline {
position: relative; display: block; max-width: 24em; }
a.multiline [class^='icon-'] {
position: absolute; left: 0; line-height: 1.6; }
a.multiline span {
display: inline-block; font-size: .84rem; margin-left: 1.4rem; }
a.multiline-bottom [class^='icon-'] {
position: absolute; bottom: 0; }
a.multiline-bottom span {
margin: 0; padding-bottom: 1.5rem; }
mark {
background: #50fa96; }
blockquote {
margin: 0; }
em, i {
font-family: 'Sectra Book Italic', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
em a, i a {
font-family: 'Sectra Book Italic', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; text-transform: none; font-style: italic; }
address {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; font-style: normal; }
.button, .block-latest-publication-media .button-type a, .more-link a {
background: #006464; border: 0; color: #50fa96; cursor: pointer; text-decoration: none; display: inline-block; text-align: center; text-transform: uppercase; font-size: .7rem; font-weight: bold; padding: .4rem .5rem; letter-spacing: .05em; -webkit-transition: background-color .3s, opacity .3s; transition: background-color .3s, opacity .3s; }
.button:focus, .block-latest-publication-media .button-type a:focus, .more-link a:focus {
outline: none; }
.button.bg-primarydarken, .block-latest-publication-media .button-type a.bg-primarydarken, .more-link a.bg-primarydarken {
color: #50fa96; background: #006464; }
.button.bg-secondary, .block-latest-publication-media .button-type a.bg-secondary, .more-link a.bg-secondary {
color: #004646; background: #50fa96; }
.button .load, .block-latest-publication-media .button-type a .load, .more-link a .load {
-webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.button-square, .more-link a-square {
padding: 0; text-align: center; font-size: 1.11111rem; height: 2.77778rem; line-height: 2.77778rem; width: 2.77778rem; text-transform: none; vertical-align: baseline; }
.button-round, .more-link a-round {
text-align: center; width: 2rem; text-transform: none; vertical-align: baseline; line-height: 2rem; border-radius: 50%; padding: 0; }
.button-round-description, .more-link a-round-description {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; cursor: pointer; text-align: center; display: inline-block; width: 70px; font-size: 11px; line-height: 1.4; }
.button-round-description [class*='icon'], .more-link a-round-description [class*='icon'] {
font-size: 36px; line-height: 70px; }
.button-round-description .button-round, .more-link a-round-description .button-round {
width: 70px; height: 70px; margin-bottom: 0.55556rem; }
.button-info, .more-link a-info {
font-size: 1rem; }
.button-round-www, .more-link a-round-www {
font-size: .7rem; width: 2.6rem; line-height: 2.6rem; }
.button:hover, .block-latest-publication-media .button-type a:hover, .more-link a:hover {
background-color: #006464; color: #50fa96; }
.button-round-description:hover, .more-link a-round-description:hover {
color: #50fa96; }
.button-round-description:hover .button-round, .more-link a-round-description:hover .button-round {
color: #50fa96; background: #006464; }
.button.bg-primarydarken:hover, .block-latest-publication-media .button-type a.bg-primarydarken:hover, .more-link a.bg-primarydarken:hover {
background: #50fa96; color: #006464; }
.nav-search-and-filter .button:hover, .nav-search-and-filter .block-latest-publication-media .button-type a:hover, .block-latest-publication-media .button-type .nav-search-and-filter a:hover, .nav-search-and-filter
.more-link a:hover { background: inherit; color: inherit; }
.button:hover, .block-latest-publication-media .button-type a:hover, .more-link a:hover {
color: #50fa96; background-color: transparent; }
.button-switch, .more-link a-switch {
color: #fff; font-size: 2.5rem; width: 2.5rem; height: 2.5rem; }
.button-switch i, .more-link a-switch i {
color: #fff; }
.button-switch i::after, .more-link a-switch i::after {
color: #fff; }
input:checked ~ * .button-switch, input:checked ~ .button-switch, input:checked ~ * .button-switch, input:checked ~ .button-switch, input:checked ~ *
.more-link a-switch[data-list-type*='block'], input[data-list-type*='block']:checked ~ .more-link a-switch[data-list-type*='block'], input[data-list-type*='list']:checked ~ * .more-link a-switch[data-list-type*='list'], input[data-list-type*='list']:checked ~ .more-link a-switch[data-list-type*='list'] { background-color: #c3beb9; }
input ~ [rel=‘layout-list-switchable’] [class*='grid'] {
margin: 0; }
input ~ [rel=‘layout-list-switchable’] [class*='grid'] > [class*='col'] {
width: 100%; padding: 0; max-width: none; -ms-flex-preferred-size: auto; flex-basis: auto; }
input:checked ~ [rel='layout-list-switchable'] [class*='grid'] > [class*='col'], input:checked ~ [rel=‘layout-list-switchable’] > [class*='col'] {
max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-1 {
-ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-2 {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-3 {
-ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-4 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-5, input:checked ~ [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-4-of-14, input:checked ~ [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-4-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-6 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-7 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-8 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-9, input:checked ~ [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-10-of-14, input:checked ~ [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-10-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-10 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-11 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-12, input:checked ~ [rel=‘layout-list-switchable’] .grid .view-events .view-header .view-events {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-13 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-14 {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-third {
-ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-quarter {
-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-fifth, input:checked ~ [rel=‘layout-list-switchable’] .grid .view-events .view-header li {
-ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-sixth {
-ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-seventh {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-eighth {
-ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-ninth {
-ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-tenth {
-ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-eleventh {
-ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-twelth {
-ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-thirteenth {
-ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-4-of-14 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-5-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-6-of-14 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-7-of-14 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-8-of-14 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-9-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-10-of-14 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-11-of-14 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-12-of-14 {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
input:checked ~ [rel=‘layout-list-switchable’] .grid > .col-13-of-14 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
input:checked ~ [rel=‘layout-list-switchable’] .department-working-groups-grid .teaser-working-group {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
input:checked ~ [rel=‘layout-list-switchable’] .col, input:checked ~ [rel=‘layout-list-switchable’] [class*='col-'] {
padding: 0 0.69444rem 1.38889rem; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.text-center {
text-align: center; }
@media (min-width: 544px) {
.text-sm-right { text-align: right; } .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } }
@media (min-width: 768px) {
.text-md-right { text-align: right; } .text-md-left { text-align: left; } .text-md-center { text-align: center; } }
@media (min-width: 1012px) {
.text-lg-right { text-align: right; } .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } }
@media (min-width: 1280px) {
.text-xl-right { text-align: right; } .text-xl-left { text-align: left; } .text-xl-center { text-align: center; } }
.text-normal {
font-weight: normal; }
.text-bold, .text-emphasized, strong {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
.text-italic {
font-style: italic; }
.text-uppercase {
text-transform: uppercase; }
.text-none {
text-transform: none; }
.no-underline {
text-decoration: none; }
.no-wrap {
white-space: nowrap; }
.wb-break-all {
word-break: break-all; }
:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder, ::-webkit-input-placeholder, :placeholder-shown {
color: #50fa96; }
.typography p {
margin-bottom: 2rem; }
.error-color {
color: #f00028; }
.carousel-umbrella .group-title, .content-lists section .group-title, .nav .group-title, .stage .group-title {
margin: 2.777777rem 0; }
.field–name-field-mpiwg-grey-box-entry-textc h2 .h2, .field–name-field-mpiwg-grey-box-entry-textc h2 navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .field–name-field-mpiwg-grey-box-entry-textc h2 .block-title, .paragraph–type–mpiwg-text-paragraph h2 .h2, .paragraph–type–mpiwg-text-paragraph h2 navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .paragraph–type–mpiwg-text-paragraph h2 .block-title {
color: #a5a09b; font-size: 25px; }
.paragraph–type–mpiwg-text-paragraph .accordion-content h1, .paragraph–type–mpiwg-text-paragraph .accordion-content h2, .paragraph–type–mpiwg-text-paragraph .accordion-content h3, .paragraph–type–mpiwg-text-paragraph .accordion-content h4 {
color: #a5a09b; }
.paragraph–type–mpiwg-text-paragraph .accordion-content h2 {
font-size: 25px; }
.huge-list–unstyled {
list-style-type: none; margin: 0; padding: 0; position: static; }
.huge-list–float li {
float: left; }
body {
line-height: 1.666666; font-family: 'Apercu Pro', Geneva, Helvetica, Arial, sans-serif; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; color: #004646; }
main {
height: 100%; }
img {
border: 0; max-width: 100%; }
ol, ul {
padding-left: 1.5em; }
.popover ol:last-child, .popover
ul:last-child { margin-bottom: 0; }
a {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; -webkit-transition: color .12s ease-in-out; transition: color .12s ease-in-out; }
a:hover {
text-decoration: none; }
.page-header {
margin-top: 0; border-bottom: 0; }
.footer {
padding: 36px 0; border-top: 1px solid #e1e1dc; }
p:last-child, .form-group:last-child, .panel:last-child {
margin-bottom: 0; }
.region-help > .glyphicon {
float: left; margin: -.05em .5em 0 0; font-size: 2.22222rem; }
.region-help .block {
overflow: hidden; }
.help-block, .control-group .help-inline {
margin: 5px 0 10px; padding: 0; font-size: 12px; color: #e1e1dc; }
.help-block:first-child, .control-group .help-inline:first-child {
margin-top: 0; }
a .icon-pfeil_rechts-oben {
padding-right: .6rem; }
.iconfont_demo i {
border-radius: 50%; text-align: center; line-height: 2rem; display: inline-block; margin-left: 1rem; width: 2rem; background: currentColor; height: 2rem; }
.iconfont_demo i:after {
color: #50fa96; }
ol, ul {
list-style: none; margin: 0 0 2em; padding: 0; }
ul.list-triangle ul, .field–name-field-mpiwg-text ul ul, .field-type-text-long ul ul, header.stage .field–name-field-mpiwg-text ul ul, header.stage .field-type-text-long ul ul {
margin-left: 0; margin-bottom: 0; }
ul.list-triangle li, .field–name-field-mpiwg-text ul li, .field-type-text-long ul li, header.stage .field–name-field-mpiwg-text ul li, header.stage .field-type-text-long ul li {
padding-left: 1rem; position: relative; }
ul.list-triangle li::before, .field–name-field-mpiwg-text ul li::before, .field-type-text-long ul li::before, header.stage .field–name-field-mpiwg-text ul li::before, header.stage .field-type-text-long ul li::before {
content: '\B7'; font-size: 1rem; vertical-align: middle; margin-right: .3rem; position: absolute; left: 0; }
ol, ol.list-numbered {
counter-reset: item; }
ol ol, ol.list-numbered ol {
margin-left: 0; margin-bottom: 0; }
ol li, ol.list-numbered li {
position: relative; }
ol li::before, ol.list-numbered li::before {
content: counters(item, ".") " "; counter-increment: item; color: #c3beb9; margin-right: 1rem; vertical-align: baseline; }
.header-subnav li {
padding: .4rem 0 0; }
.list-links {
margin: 0; }
.list-links.list-links-left, .list-links.text-left {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.list-links.list-links-left span, .list-links.text-left span {
padding-left: 3px; margin-right: .9rem; }
.list-links.list-links-right, .list-links.text-right {
-webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; }
.list-links.list-links-right span, .list-links.text-right span {
padding-right: 3px; margin-left: .9rem; }
.list-links.list-links-right li > span, .list-links.list-links-right li a > span, .list-links.text-right li > span, .list-links.text-right li a > span {
margin-left: 0.55556rem; margin-right: 0; }
.list-links.list-links-right li:first-child > span, .list-links.list-links-right li:first-child a > span, .list-links.text-right li:first-child > span, .list-links.text-right li:first-child a > span {
border: 0; }
.list-links.list-links-right li:last-child > span:last-child::after, .list-links.list-links-right li:last-child a > span:last-child::after, .list-links.text-right li:last-child > span:last-child::after, .list-links.text-right li:last-child a > span:last-child::after {
display: none; }
.list-links.list-links-right li:last-child span:last-child, .list-links.text-right li:last-child span:last-child {
padding-right: 0; }
.list-links li {
display: inline; }
.list-links li > span, .list-links li a > span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; display: inline; line-height: normal; margin-right: 0.55556rem; }
.list-links li > span::after, .list-links li a > span::after {
content: ' '; display: inline; border-right: 2px solid #006464; font-size: .5rem; position: relative; top: -.1rem; margin: 0 0 0 0.55556rem; }
.list-links li:first-child span {
padding-left: 0; }
.list-links li:last-child > span:last-child, .list-links li:last-child a > span:last-child {
margin: 0; }
.list-links li:last-child > span:last-child::after, .list-links li:last-child a > span:last-child::after {
display: none; margin: 0; border-right: 0; }
.list-links li + li::before {
font-size: 1.25rem; vertical-align: top; padding: 0 0.6rem 0 calc(.555555rem - .2rem); line-height: 2rem; }
.stage .list-links span {
border-color: #fff; }
.stage.stage-news .list-links span {
border-color: inherit; }
.list-links.other-involved-comma {
display: inline; }
.list-links.other-involved-comma + .list-links.cooperative-partners {
display: inline; margin-left: .555555rem; }
.list-links .cooperation-partners-title {
text-transform: none; }
.list-links .cooperation-partners-title::after {
display: none; }
.list-links-full {
margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -2px; width: auto; }
.list-links-full span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; display: inline-block; line-height: .7rem; padding: 0 1rem; border-right: 2px solid #006464; }
.list-links-full.list-links-left, .list-links-full.text-left, .vertical-accordeon .list-links-full {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.list-links-full.list-links-left span, .list-links-full.text-left span, .vertical-accordeon .list-links-full span {
padding-left: 3px; margin-right: 0.55556rem; }
.list-links-full.list-links-right, .list-links-full.text-right {
-webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; }
.list-links-full.list-links-right span, .list-links-full.text-right span {
padding-right: 3px; margin-left: 0.55556rem; }
.list-links-full .item, .list-links-full > li {
margin: .35rem 0; text-align: center; line-height: .944444rem; color: #004646; }
.list-links-full .item a, .list-links-full > li a {
display: inline-block; }
.list-links-full .item:last-child span:last-child, .list-links-full > li:last-child span:last-child {
border-right: 0; }
.list-links-full.list-links-keywords {
margin: auto; }
.list-links-full.list-links-keywords li {
border-color: transparent; margin: 1.1111rem .55555rem 0; padding: auto; }
.list-links-full.list-links-keywords a {
text-transform: none; }
.list-links-full.list-links-keywords a span {
border: 0; }
.stage .list-links-full span {
border-color: #fff; }
.mediaelement {
margin: 10px 0; }
.mediaelement, .mediaelement .bd {
overflow: hidden; zoom: 1; }
.mediaelement .img {
float: left; margin-right: 10px; }
.mediaelement .img img {
display: block; max-width: 100px; }
.mediaelement .img-ext {
float: right; margin-left: 10px; }
.breadcrumb li {
display: inline-block; }
.breadcrumb li i::after {
font-size: .5rem; display: inline-block; padding: 0 0.55556rem; position: relative; bottom: .02rem; }
.counters {
counter-reset: index; }
.counters .counters-item.count {
counter-reset: sub; counter-increment: index; }
.counters .counters-item.count::before {
content: counter(index) "."; margin-right: 1rem; }
.counters .counters-item.sub {
counter-increment: sub; counter-reset: subsub; }
.counters .counters-item.sub::before {
content: counter(index) "." counter(sub) "."; margin-right: 1rem; }
.counters .counters-item.sub-sub {
counter-increment: subsub; counter-reset: subsubsub; }
.counters .counters-item.sub-sub::before {
content: counter(index) "." counter(sub) "." counter(subsub) "."; margin-right: 1rem; }
.counters .counters-item.sub-sub-sub {
counter-increment: subsubsub; }
.counters .counters-item.sub-sub-sub::before {
content: counter(index) "." counter(sub) "." counter(subsub) "." counter(subsubsub) "."; margin-right: 1rem; }
.counters.upper-roman .count::before {
content: counter(index, upper-roman) "."; }
.counters.upper-roman .sub::before {
content: counter(index, upper-roman) "." counter(sub, upper-roman) "."; }
.counters.upper-roman .sub-sub::before {
content: counter(index, upper-roman) "." counter(sub, upper-roman) "." counter(subsub, upper-roman) "."; }
.counters.upper-roman .sub-sub-sub::before {
content: counter(index, upper-roman) "." counter(sub, upper-roman) "." counter(subsub, upper-roman) "." counter(subsubsub, upper-roman) "."; }
.counters.lower-roman .count::before {
content: counter(index, lower-roman) "."; }
.counters.lower-roman .sub::before {
content: counter(index, lower-roman) "." counter(sub, lower-roman) "."; }
.counters.lower-roman .sub-sub::before {
content: counter(index, lower-roman) "." counter(sub, lower-roman) "." counter(subsub, lower-roman) "."; }
.counters.lower-roman .sub-sub-sub::before {
content: counter(index, lower-roman) "." counter(sub, lower-roman) "." counter(subsub, lower-roman) "." counter(subsubsub, lower-roman) "."; }
.counters.upper-latin .count::before {
content: counter(index, upper-latin) "."; }
.counters.upper-latin .sub::before {
content: counter(index, upper-latin) "." counter(sub, upper-latin) "."; }
.counters.upper-latin .sub-sub::before {
content: counter(index, upper-latin) "." counter(sub, upper-latin) "." counter(subsub, upper-latin) "."; }
.counters.upper-latin .sub-sub-sub::before {
content: counter(index, upper-latin) "." counter(sub, upper-latin) "." counter(subsub, upper-latin) "." counter(subsubsub, upper-latin) "."; }
.counters.lower-latin .count::before {
content: counter(index, lower-latin) "."; }
.counters.lower-latin .sub::before {
content: counter(index, lower-latin) "." counter(sub, lower-latin) "."; }
.counters.lower-latin .sub-sub::before {
content: counter(index, lower-latin) "." counter(sub, lower-latin) "." counter(subsub, lower-latin) "."; }
.counters.lower-latin .sub-sub-sub::before {
content: counter(index, lower-latin) "." counter(sub, lower-latin) "." counter(subsub, lower-latin) "." counter(subsubsub, lower-latin) "."; }
@media screen and (max-width: 35.5em) {
.alphabetic-index { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } }
@media screen and (min-width: 35.5em) {
.alphabetic-index > div, .alphabetic-index > a { -ms-flex-preferred-size: 0; flex-basis: 0; padding: .5rem; } }
dl.simple-content-list dt {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
dl.simple-content-list dd {
margin-left: 0; margin-bottom: 1.11111rem; }
dl.simple-content-list dd .list-links {
margin-bottom: 0; }
.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li {
border-top: 0; padding-bottom: 0; }
.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li:first-child {
padding-top: 0; }
.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li:last-child {
border-bottom: 0; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item {
padding-bottom: 0; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item:not(first-child) {
padding-top: 0; border-top: 0; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item:first-child {
border-top: solid 3px #c3beb9; padding-top: 1.38889rem; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item:last-child {
padding-bottom: 0; border-bottom: 0; }
.view-news.view-display-id-press-media-latest .nav-accordeon-list-accord-group li, .view-news.view-display-id-press-release-latest .nav-accordeon-list-accord-group li {
padding-bottom: 0; border: 0; }
.content-lists.huge-module {
margin-bottom: 40px; }
.content-lists.archived-years .related-content {
margin: 0 auto; max-width: 889px; }
.content-lists.archived-years .related-inner {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin: 1.4rem auto 0; padding-bottom: 2.08333rem; }
.content-lists.archived-years .col-fifth-sm-third-xs-14 {
line-height: 0; margin: 0; padding-bottom: 0; }
.content-lists .vews-news, .content-lists .view-display-id-past-events, .content-lists .view-events .view-header .view-display-id-past-events {
margin: 0 auto; max-width: 889px; }
.content-lists .vews-news > .grid-center, .content-lists .view-display-id-past-events > .grid-center, .content-lists .view-events .view-header .view-display-id-past-events > .grid-center {
margin: 0; }
.content-lists .vews-news .related-inner, .content-lists .view-display-id-past-events .related-inner, .content-lists .view-events .view-header .view-display-id-past-events .related-inner {
margin: 0 auto; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.content-lists .vews-news .related-content .related-inner > div, .content-lists .view-display-id-past-events .related-content .related-inner > div, .content-lists .view-events .view-header .view-display-id-past-events .related-content .related-inner > div {
margin: 0; padding-bottom: 0; }
.content-lists .view-events .view-header .view-display-id-past-events {
margin-bottom: 5em; }
.content-lists.archived-years .view-news .nav-accordeon-list-accord-group li, .content-lists.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li, .content-lists.press-media-latest .view-news .nav-accordeon-list-accord-group li, .content-lists.press-release-latest .view-news .nav-accordeon-list-accord-group li {
padding-bottom: 0; }
.content-lists.archived-years .view-news .nav-accordeon-list-accord-group li:first-child, .content-lists.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li:first-child, .content-lists.press-media-latest .view-news .nav-accordeon-list-accord-group li:first-child, .content-lists.press-release-latest .view-news .nav-accordeon-list-accord-group li:first-child {
border-top: 0; }
.content-lists.press-media-latest .accordion-list {
width: 100%; }
.content-lists.past-events-list .events-listing .events-listing {
margin-bottom: 40px; }
.content-lists .umbrella-list .h3 {
margin: 0; }
.content-lists .flickity-slider .col-5, .content-lists .flickity-slider .col-9, .content-lists .umbrella-grid .col-5, .content-lists .umbrella-grid .col-9 {
padding: 0; width: 100%; max-width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; }
.content-lists .flickity-slider .col-5, .content-lists .umbrella-grid .col-5 {
margin-bottom: 1.11111rem; }
.content-lists .flickity-slider .h3, .content-lists .umbrella-grid .h3 {
margin: 0; }
.content-lists .umbrella-grid {
width: 100%; }
.content-lists .umbrella-grid .project.grid-center {
margin: 0; }
.content-lists .teaser-working-group .h3 {
margin: 0; }
header.stage .stage-content p.address {
margin-bottom: 0; max-width: 100%; }
.feature-story .image {
font-size: 0; }
.node-type-feature-story .field-name-field-fstory-teaser {
margin-bottom: 10px; }
.node-type-feature-story .page-content {
margin-top: 40px; width: 100%; }
.node-type-feature-story .date {
text-transform: uppercase; }
.content-lists .load-more.col-10-md-12-xs-14 {
margin-bottom: 0; }
.without-grid {
width: 100%; }
.without-grid .form-group {
width: 100%; }
.department-working-groups-grid > .grid-center {
width: 100%; }
.department-working-groups-grid .umbrella-list {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.department-working-groups-grid .umbrella-list .grid {
display: block; }
.department-working-groups-grid.content-lists .umbrella-list .project {
margin: 0; }
.department-working-groups-grid .grid > .col-5, .department-working-groups-grid .grid > .col-9 {
padding: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.view-display-id-sub-working-groups .project, .view-display-id-subprojects .project {
display: -webkit-box; display: -ms-flexbox; display: flex; }
.view-display-id-sub-working-groups .col-10-of-14, .view-display-id-sub-working-groups .col-4-of-14, .view-display-id-subprojects .col-10-of-14, .view-display-id-subprojects .col-4-of-14 {
padding-bottom: 0; }
.projects-list-all .h3 {
margin: 0; font-size: 100%; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
.projects-list-all .nav-filter-and-sort {
padding-left: 0; padding-right: 0; }
.block-pubs footer {
width: 100%; }
.block-pubs .hide {
display: none; }
.block-pubs .hide.active {
display: -webkit-box; display: -ms-flexbox; display: flex; }
.block-pubs .download, .block-pubs .view {
display: block; }
.block-pubs .download::before, .block-pubs .view::before {
display: inline-block; padding-right: .6rem; font-family: 'mpiwg-icons'; font-weight: normal; }
.block-pubs .view::before {
content: '\E906'; }
.block-pubs .download::before {
content: '\E905'; }
.block-pubs .italic {
font-style: italic; }
.umbrella-list .col-5, .umbrella-list .umbrella-content {
padding-bottom: 0; }
.view-cooperative-partners .nav-accordeon-list li {
padding-bottom: 0; border-top: 0; border-bottom: 0; }
.view-cooperative-partners .nav-accordeon-list li:first-child {
border-top: solid 3px #c3beb9; }
.view-cooperative-partners .nav-accordeon-list li:last-child {
border-bottom: 0; }
.research-report h3 {
margin-top: 0; }
.research-report .field-report-links {
margin-top: 1rem; }
.nav-accordeon-list-accord-group .list-links li.date > span, .nav-accordeon-list-accord-group .list-links li.date > time {
color: #004646; }
.field-accordion-img {
background-repeat: no-repeat; background-size: 100%; }
.field-accordion-img.col-14-xs-10 {
padding: 0; }
.view-articles.view-display-id-list .views-row {
margin-bottom: 2rem; }
.with-view-more .view-all-path-wrapper.text-center {
margin-top: -34px; padding: 0 1.38889rem; text-align: left !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
.with-view-more .view-all-path-wrapper.text-center .col-5 {
padding: 0; }
@media screen and (max-width: 35.5em) {
.with-view-more .view-all-path-wrapper.text-center { margin-top: -32px; padding: 0 0.55556rem; } }
.with-view-more .content-lists .load-more.col-10.md-12.xs-14.js-pager-items {
margin-bottom: 0; padding-bottom: 0; }
.media-tech-full-list-view .col-10.md-12.xs-14, div.view-books .col-10.md-12.xs-14, div.view-projects .col-10.md-12.xs-14, section.block-views .col-10.md-12.xs-14 {
padding-right: 0; padding-left: 0; }
.view-mediatech .view-header {
margin-bottom: 4rem; }
.view-mediatech .media-tech-full-list-view.grid-center {
margin: 0; }
section .related-content .related-inner div.col-fifth-sm-third-xs-14, .archived-years .related-content .related-inner div.col-fifth-sm-third-xs-14 {
margin-top: 0; padding-bottom: 0; }
section .related-content, .archived-years .related-content {
margin: 0 auto; max-width: 889px; }
section [class*='grid'] > [class*='col-10'], .archived-years [class*='grid'] > [class*='col-10'] {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
section .small-typography .multiline a, .archived-years .small-typography .multiline a {
font-size: .84rem; }
.block-views-blockevents-list .nav-accordeon–list-item .grid-center, .block-views-blockevents-past-events-list .nav-accordeon–list-item .grid-center {
margin: 0 auto; }
.job-position-header .field-name-title {
font-weight: bold; }
.accordion-content-sec.job-position {
padding-left: 0; padding-right: 0; }
.field-job-position-language {
margin-bottom: 2rem; }
.view-events .accordion-list .nav-accordeon–list {
margin-bottom: 0; }
.view-events .accordion-list .nav-accordeon–list-item {
border-bottom: 0; }
.view-events .accordion-list:last-child .nav-accordeon–list-item:last-child {
margin-bottom: 2rem; border-bottom: solid 3px #c3beb9; }
.view-events.view-display-id-past-events-list .accordion-list {
margin: 0 auto; max-width: 674px; }
.view-id-feature-stories .nav-filter-and-sort {
margin: 0 auto 2rem; max-width: 818px; }
.view-id-feature-stories .views-infinite-scroll-content-wrapper > .grid-center {
margin: 0 auto; max-width: 818px; }
.view-id-feature-stories blockquote:nth-child(2n-1) {
padding-left: 0; }
.view-id-feature-stories blockquote:nth-child(2n) {
padding-right: 0; }
.nav-accordeon–list–accord-group li section input.accordion-helper:checked ~ header .several-speakers {
display: none; }
.nav-accordeon–list–accord-group li section input.accordion-helper:checked ~ header .hide-speakers {
display: inline; }
.nav-accordeon–list–accord-group li section input.accordion-helper:not(:checked) ~ header .several-speakers span::after {
display: none; }
.nav-accordeon–list–accord-group li .list–links {
width: 100%; }
.list–links li.hide-speakers {
display: none; }
.list–links-keywords .item div.button {
cursor: default; }
.list–links .event-time-period span {
text-transform: none; }
.event-time-period {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; text-transform: none; }
.view-id-events .nav-filter-and-sort {
margin: 0 auto 2rem; max-width: 674px; }
.cooperation-partners-title {
text-transform: none; }
.cooperation-partners-title::after {
display: none; }
.project-list {
display: inline; }
.cooperative-partners-top {
display: inline; margin-left: .555555rem; }
.cooperative-partners-top::before {
display: inline-block; vertical-align: middle; content: ' '; border-radius: 50%; margin-right: .555555rem; width: 5px; height: 5px; background-color: #000; }
.project.teaser .list–links li.date span .datetime, .teaser-working-group .list–links li.date span .datetime {
line-height: 30px; }
.print-status {
font-weight: 700; font-style: italic; }
.field-scholar-status {
display: inline-block; }
.department-working-groups-grid [rel=‘layout-list-switchable’] [class*='grid'], .layout-grid [rel=‘layout-list-switchable’] [class*='grid'], .view-display-id-umbrella-themes-grid [rel=‘layout-list-switchable’] [class*='grid'] {
margin: 0; -ms-flex-line-pack: start; align-content: flex-start; }
.department-working-groups-grid [rel=‘layout-list-switchable’] [class*='grid'] > [class*='col'], .layout-grid [rel=‘layout-list-switchable’] [class*='grid'] > [class*='col'], .view-display-id-umbrella-themes-grid [rel=‘layout-list-switchable’] [class*='grid'] > [class*='col'] {
width: 100%; padding: 0; max-width: none; -ms-flex-preferred-size: auto; flex-basis: auto; }
.department-working-groups-grid .teaser-working-group div, .layout-grid .teaser-working-group div, .view-display-id-umbrella-themes-grid .teaser-working-group div {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
@media screen and (max-width: 48em) {
.department-working-groups-grid .teaser-working-group, .layout-grid .teaser-working-group, .view-display-id-umbrella-themes-grid .teaser-working-group { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } }
@media screen and (max-width: 35.5em) {
.department-working-groups-grid .teaser-working-group, .layout-grid .teaser-working-group, .view-display-id-umbrella-themes-grid .teaser-working-group { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }
.department-working-groups-grid .teaser-working-group .text-right, .layout-grid .teaser-working-group .text-right, .view-display-id-umbrella-themes-grid .teaser-working-group .text-right {
text-align: left !important; }
.department-working-groups-list [rel='layout-list-switchable'] [class*='grid'] > [class*='col'], .department-working-groups-list [rel=‘layout-list-switchable’] > [class*='col'], .layout-list [rel='layout-list-switchable'] [class*='grid'] > [class*='col'], .layout-list [rel=‘layout-list-switchable’] > [class*='col'], .view-display-id-umbrella-themes-grid-2 [rel='layout-list-switchable'] [class*='grid'] > [class*='col'], .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] > [class*='col'] {
max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-1, .layout-list [rel=‘layout-list-switchable’] .grid > .col-1, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-1 {
-ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-2, .layout-list [rel=‘layout-list-switchable’] .grid > .col-2, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-2 {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-3, .layout-list [rel=‘layout-list-switchable’] .grid > .col-3, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-3 {
-ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-4, .layout-list [rel=‘layout-list-switchable’] .grid > .col-4, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-4 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-5, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-4-of-14, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-4-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-5, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-4-of-14, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-4-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-5, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-4-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-4-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-6, .layout-list [rel=‘layout-list-switchable’] .grid > .col-6, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-6 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-7, .layout-list [rel=‘layout-list-switchable’] .grid > .col-7, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-7 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-8, .layout-list [rel=‘layout-list-switchable’] .grid > .col-8, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-8 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-9, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-10-of-14, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-10-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-9, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-10-of-14, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-10-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-9, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-10-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-10-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-10, .layout-list [rel=‘layout-list-switchable’] .grid > .col-10, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-10 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-11, .layout-list [rel=‘layout-list-switchable’] .grid > .col-11, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-11 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-12, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-events .view-header .view-events, .layout-list [rel=‘layout-list-switchable’] .grid > .col-12, .layout-list [rel=‘layout-list-switchable’] .grid .view-events .view-header .view-events, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-12, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-events .view-header .view-events {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-13, .layout-list [rel=‘layout-list-switchable’] .grid > .col-13, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-13 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-14 {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-third, .layout-list [rel=‘layout-list-switchable’] .grid > .col-third, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-third {
-ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-quarter, .layout-list [rel=‘layout-list-switchable’] .grid > .col-quarter, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-quarter {
-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-fifth, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-events .view-header li, .layout-list [rel=‘layout-list-switchable’] .grid > .col-fifth, .layout-list [rel=‘layout-list-switchable’] .grid .view-events .view-header li, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-fifth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-events .view-header li {
-ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-sixth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-sixth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-sixth {
-ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-seventh, .layout-list [rel=‘layout-list-switchable’] .grid > .col-seventh, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-seventh {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-eighth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-eighth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-eighth {
-ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-ninth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-ninth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-ninth {
-ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-tenth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-tenth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-tenth {
-ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-eleventh, .layout-list [rel=‘layout-list-switchable’] .grid > .col-eleventh, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-eleventh {
-ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-twelth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-twelth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-twelth {
-ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-thirteenth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-thirteenth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-thirteenth {
-ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-4-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-4-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-4-of-14 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-5-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-5-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-5-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-6-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-6-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-6-of-14 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-7-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-7-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-7-of-14 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-8-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-8-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-8-of-14 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-9-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-9-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-9-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-10-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-10-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-10-of-14 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-11-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-11-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-11-of-14 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-12-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-12-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-12-of-14 {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-13-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-13-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-13-of-14 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .department-working-groups-grid .teaser-working-group, .layout-list [rel=‘layout-list-switchable’] .department-working-groups-grid .teaser-working-group, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .department-working-groups-grid .teaser-working-group {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .col, .department-working-groups-list [rel=‘layout-list-switchable’] [class*='col-'], .layout-list [rel=‘layout-list-switchable’] .col, .layout-list [rel=‘layout-list-switchable’] [class*='col-'], .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .col, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] [class*='col-'] {
padding: 0 0.69444rem 1.38889rem; }
.teaser-working-group {
margin: 0; }
.teaser-working-group img {
width: 100%; }
@media screen and (max-width: 64em) {
.field-name-field-page-note [data-push-left*='off-10'] { margin-left: 59.666667%; } }
.block-custom-buttons .bg-primarydarken span {
font-size: .7rem; }
.preprint.preview .small .h5 {
font-size: 1rem; }
.content-lists–pres-n-talks a {
word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.table-container {
min-height: .01%; overflow-x: auto; }
table {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; empty-cells: show; }
table caption {
padding: 0.55556rem 0; text-align: center; }
table td, table th {
font-size: inherit; border-bottom: 3px solid #fff; overflow: visible; padding: 0.55556rem 1.11111rem; }
table th {
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; }
table td {
background-color: #f0f0ee; }
table td.column-sorted {
background-color: #e1e1dc; }
table thead {
text-align: left; vertical-align: bottom; }
@media screen and (max-width: 35.5em) {
table thead { display: none; } }
table tbody th {
background: #e1e1dc; }
table tbody th.column-sorted {
background-color: #e1e1dc; }
@media screen and (max-width: 35.5em) {
table tbody tr { display: block; background: #f0f0ee; margin-bottom: 0.55556rem; padding: 1.11111rem; } }
@media screen and (max-width: 35.5em) {
table tbody tr td, table tbody tr th { display: block; text-align: left; background: transparent; border: 0; padding: 0 0 0.55556rem; } }
@media screen and (max-width: 35.5em) {
table tbody tr td.column-sorted, table tbody tr th.column-sorted { background: transparent; } }
table tbody tr td .thead, table tbody tr th .thead {
display: none; color: #a5a09b; }
@media screen and (max-width: 35.5em) {
table tbody tr td .thead, table tbody tr th .thead { display: block; } }
@media screen and (max-width: 35.5em) {
table tbody tr td:last-child { padding-bottom: 0; } }
@media screen and (max-width: 35.5em) {
table.mobile-td-width100 tbody tr td, table.mobile-td-width100 tbody tr th { width: 100%; } }
table th:not(.no-sort) {
cursor: pointer; }
table th:not(.no-sort)::after {
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'mpiwg-icons'; speak: none; font-style: normal; font-weight: normal; width: 2rem; font-variant: normal; text-transform: none; line-height: 1; font-size: .8em; padding-left: 0.27778rem; content: '\E905'; visibility: hidden; opacity: 0; }
table th:not(.no-sort)::after {
content: '\E913'; }
table th:not(.no-sort)::after {
visibility: visible; opacity: .4; }
table th:not(.no-sort):hover::after {
visibility: visible; opacity: 1; }
.microsite table th {
background: #fff; }
.microsite table tr:nth-child(even) {
background: #fff; }
.microsite table tr:nth-child(odd) {
background: #f0f0ee; }
.microsite table td {
background: none; }
tables table {
width: 90%; }
table {
width: 100%; }
.tile {
display: block; }
.tile .h1, .tile .h2, .tile navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout
.tile .block-title, .tile .h3, .tile .h4, .tile .h5, .tile h1, .tile h2, .tile h3, .tile h4, .tile h5 { margin: 0; }
.tile + .h1, .tile + .h2, navbar .ultimenu__flyout
.tile + .block-title, .tile + .h3, .tile + .h4, .tile + .h5, .tile + h1, .tile + h2, .tile + h3, .tile + h4, .tile + h5 { margin-top: 1.111111rem; }
.carousel-cell .tile {
margin: auto; }
.tile .tile-wrapper {
display: block; width: 100%; position: relative; padding-bottom: 100%; text-transform: none; }
.tile .tile-wrapper a {
text-transform: uppercase; }
.tile.wrapper:hover, .tile.wrapper:hover .tile-subtitle, .tile.wrapper:hover .tile-title {
color: inherit; }
.tile.wrapper:hover .tile-link {
color: #50fa96; }
.tile.color-white .tile-wrapper:hover, .tile.color-white .tile-wrapper:hover .tile-subtitle, .tile.color-white .tile-wrapper:hover .tile-title {
color: #fff; }
.tile .bg-image {
background-size: cover; background-repeat: no-repeat; }
.tile .bg-image.tile-wrapper:hover, .tile .bg-image.tile-wrapper:hover .tile-link {
color: #fff; }
.tile .bg-image.tile-wrapper:hover i {
color: #50fa96; }
.tile .bg-image .h2, .tile .bg-image navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .tile .bg-image .block-title {
-webkit-transition: color .12s ease-in-out; transition: color .12s ease-in-out; }
.tile .bg-image i {
font-size: 45px; }
.tile a.tile-wrapper:hover {
color: inherit; }
.tile a.tile-wrapper:hover .tile-link {
color: #50fa96; }
.tile a {
display: block; }
.tile-16-9 .tile-wrapper, .tile.flip-16-9 {
padding-bottom: 56.25%; }
.tile-9-16 .tile-wrapper, .tile.flip-9-16 {
padding-bottom: 177%; }
.tile-4-3 .tile-wrapper, .tile.flip-4-3 {
padding-bottom: 75%; }
.tile-3-4 .tile-wrapper, .tile.flip-3-4 {
padding-bottom: 133.33%; }
.tile.flip-square, .tile.square .tile-wrapper {
padding-bottom: 100%; }
.huge-module .snippet .slider-item .tile {
width: 100%; }
.tile.content {
position: absolute; left: 1rem; right: 1rem; top: 1rem; bottom: 1rem; overflow: hidden; z-index: 10; }
.tile.content.grid {
margin: 0 -1rem; }
.tile.content .col {
padding: 1.6666rem; }
.tile .tile-title {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 18px; }
.tile .tile-title a {
font-size: 18px; }
.tile .tile-subtitle {
font-family: 'Sectra Book Italic', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
.tile .tile-subtitle, .tile .tile-title {
display: block; text-transform: none; }
.tile .tile-link {
position: absolute; bottom: 0; left: 0; right: 0; font-weight: bold; text-transform: uppercase; }
.tile.bg-primarydarken .tile-link {
background: #006464; }
.tile.note {
position: relative; overflow: hidden; }
.tile.note::before {
-webkit-transition: .3s ease-out; transition: .3s ease-out; content: ''; cursor: pointer; position: absolute; bottom: -1px; right: -1px; border-width: 0 45px 45px 0; border-style: solid; border-color: #fff #fff #50fa96 #50fa96; display: block; width: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index: 10; }
.tile.note .tile-content a {
display: block; color: inherit; }
.tile.note:hover::before {
border-width: 0 58px 58px 0; }
.tile.note.bg-secondary::before {
border-color: #fff #fff transparent transparent; z-index: 1; }
.tile.note.passive::before {
border-color: #fff #fff #e1e1dc #e1e1dc; z-index: 1; cursor: default; }
.tile.note.passive:hover::before {
border-width: 0 45px 45px 0; }
.tile.note.left::before {
right: initial; left: 0; border-width: 0 45px 45px 0; border-color: #006464 #006464 #fff #fff; -webkit-transform: rotate(0); transform: rotate(0); }
.tile.note.left:hover::before {
border-width: 0 50px 50px 0; }
.tile.note.left.bg-secondary::before {
border-color: transparent transparent #fff #fff; }
.tile.tile-quicklink .h2, .tile.tile-quicklink navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .tile.tile-quicklink .block-title, .tile.tile-quicklink h2 {
font-size: 1.66667rem; }
.tile.tile-quicklink a.tile-wrapper .tile-content {
top: 0.69444rem; right: 2.77778rem; }
.tile.tile-quicklink a.tile-wrapper:hover {
color: inherit; }
.tile.tile-quicklink a.tile-wrapper:hover .tile-content .tile-link {
color: #fff; }
.tile.tile-quicklink a.tile-wrapper .quicklink-icon {
position: absolute; top: 1.11111rem; right: 0; width: 3rem; height: 3rem; }
.tile.tile-quicklink a.tile-wrapper .quicklink-icon::after {
font-size: 1.66667rem; }
.tile.bg-grey25 {
display: block; font-size: 0; }
.card-flip {
position: relative; }
.card-flip:nth-child(1) {
margin-left: -3px; margin-right: 1px; }
.card-flip:nth-child(2), .card-flip:nth-child(3) {
margin-right: 1px; }
.card-flip.back, .card-flip.front {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .4s linear 0s; transition: -webkit-transform .4s linear 0s; transition: transform .4s linear 0s; transition: transform .4s linear 0s, -webkit-transform .4s linear 0s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }
.card-flip.front {
-webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.card-flip.back {
-webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.card-flip.effect-click.flipped .card-flip.front {
-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.card-flip.effect-click.flipped .card-flip.back {
-webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.header-note .tile.content {
display: -webkit-box; display: -ms-flexbox; display: flex; }
.block-latest-publication-media .huge-module {
padding-top: 0; padding-bottom: 0; }
.block-latest-publication-media.content-lists .tile {
margin-bottom: 0; }
.block-latest-publication-media .tile-subtitle p {
font-family: 'Sectra Book Italic', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
.block-latest-publication-media .carousel-links {
text-align: center; }
.block-latest-publication-media .carousel-links li {
display: inline-block; }
.block-latest-publication-media .carousel-links li:last-child a::after {
display: none; }
.block-latest-publication-media .carousel-links a {
position: relative; display: block; padding: .5rem .8rem; }
.block-latest-publication-media .carousel-links a::after {
position: absolute; top: 15px; right: 0; bottom: 10px; display: block; width: 2px; height: 12px; content: ''; background-color: #004646; }
.block-latest-publication-media .button-type a {
color: #50fa96; background-color: #006464; }
.block-latest-publication-media .button-type a:hover {
color: #006464; background-color: #50fa96; }
.block-latest-publication-media .carousel-adaptiveHeight .flickity-viewport {
min-height: 0; }
.stack-wrapper {
-ms-flex-item-align: stretch; align-self: stretch; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.stack-wrapper:nth-child(even):last-child {
width: 100%; }
.stack {
margin: 0 auto; position: relative; cursor: pointer; z-index: 1; margin-top: 120px; width: 520px; height: 480px; padding: 0; list-style: none; pointer-events: none; }
.stack-item {
height: 100%; width: 100%; position: absolute; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: auto; }
.stack-item a, .stack-item h1, .stack-item h3, .stack-item h4 {
display: none; }
.stack-item-current {
opacity: 1; }
.stack-item-current a, .stack-item-current h1, .stack-item-current h3, .stack-item-current h4 {
display: block; }
.stack-item h1 {
position: absolute; left: -1em; top: 1em; }
@media screen and (max-width: 35.5em) {
.stack-item h1 { position: absolute; left: 0; top: initial; } }
.stack-item img {
width: 100%; display: block; pointer-events: none; }
.controls {
position: absolute; bottom: 1.5em; left: 1em; }
@media screen and (max-width: 64em) {
.controls { display: none; } }
.controls .button, .controls .block-latest-publication-media .button-type a, .block-latest-publication-media .button-type .controls a {
border: 0; background: none; position: relative; display: inline-block; padding: .25em; margin: 0 .5em; cursor: pointer; font-size: 1.5em; width: 50px; height: 50px; z-index: 100; }
.controls .button .fa, .controls .block-latest-publication-media .button-type a .fa, .block-latest-publication-media .button-type .controls a .fa {
pointer-events: none; }
.controls .button-default {
background: #006464; border-radius: 3px; color: #50fa96; font-size: .95em; font-weight: bold; padding: .65em 2em; width: auto; height: auto; }
.text-hidden {
position: absolute; overflow: hidden; width: 0; height: 0; color: transparent; display: block; }
.stack-item-accept, .stack-item-reject {
pointer-events: none; }
.stack-item-reject {
-webkit-animation: cintaReject .5s forwards; animation: cintaReject .5s forwards; }
@-webkit-keyframes cintaReject {
to { opacity: 0; -webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0); transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0); } }
@keyframes cintaReject {
to { opacity: 0; -webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0); transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0); } }
.stack-item-accept {
-webkit-animation: cintaAccept .5s forwards; animation: cintaAccept .5s forwards; }
@-webkit-keyframes cintaAccept {
to { opacity: 0; -webkit-transform: translate3d(0, 0, 1000px); transform: translate3d(0, 0, 1000px); } }
@keyframes cintaAccept {
to { opacity: 0; -webkit-transform: translate3d(0, 0, 1000px); transform: translate3d(0, 0, 1000px); } }
@media screen and (max-width: 64em) {
.stack { height: 500px; margin-top: 0; } .stack h1 { bottom: 2.8em; left: 0; } }
@media screen and (max-width: 35.5em) {
.stack { width: 100%; height: 460px; } .stack h1 { bottom: 4.2em; } .stack h4 { padding-top: 1em; } }
@media screen and (max-width: 48em) {
.flickity-prev-next-button { display: none; } }
.flickity-prev-next-button svg {
width: 100%; height: 100%; }
.news-teaser-item .tile-link {
position: static; font-size: 13px; }
@media screen and (min-width: 64.1em) {
.news-teaser-item { position: relative; } .news-teaser-item .tile-content { top: 1.6666rem; left: 21.5384615385%; right: 21.5384615385%; bottom: 1.6666rem; } .news-teaser-item:nth-of-type(1) { margin-bottom: 2.77777rem; } .news-teaser-item:nth-of-type(2) { z-index: 9; } .news-teaser-item:nth-of-type(2) .tile-content { top: 1.6666rem; left: 17.7215189873%; right: 17.7215189873%; bottom: 1.6666rem; } .news-teaser-item:nth-of-type(3) { margin-bottom: 5.55555rem; } }
@media screen and (min-width: 35.5em) and (max-width: 64em) {
.news-teaser-item .tile-content { top: 10.5634066902%; bottom: 10.5634066902%; left: 14.7058823529%; right: 14.7058823529%; } .news-teaser-item:nth-of-type(1) { margin-bottom: -50px; } .news-teaser-item:nth-of-type(2) { position: relative; margin-top: 0; } .news-teaser-item:nth-of-type(2) .tile-content { top: 16.38001638%; bottom: 16.38001638%; left: 12.285012285%; right: 12.285012285%; } .news-teaser-item:nth-of-type(3) { margin-top: -70px; } .news-teaser-item:nth-of-type(3) .tile-content { top: 22.5352112676%; } }
@media screen and (max-width: 35.5em) {
.news-teaser-item .tile-wrapper { padding-bottom: 100%; } }
.news-teaser.grid-bottom {
margin: 0; }
.news-teaser .tile-wrapper:hover .tile-link {
color: inherit; }
.news-teaser .tile-wrapper:hover .tile-hover {
color: #50fa96; }
.news-teaser .tile-wrapper .tile-link {
display: inline-block; }
.news-teaser .list-links.other-involved-comma li:last-child::after {
display: none; }
.lightbox-carousel.paragraph {
padding-left: 0; padding-right: 0; }
.lightbox-carousel-bgrd {
position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99991; visibility: hidden; margin: 0; }
visibility: hidden; margin: 0; }
visibility: hidden; margin: 0; }
.lightbox-carousel-bgrd .background {
opacity: .8; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.lightbox-carousel-bgrd .lightbox-carousel-imgs {
position: relative; padding-bottom: 0; z-index: 1; height: auto; width: 100%; margin-top: 8.33333rem; }
.lightbox-carousel-bgrd .lightbox-carousel-imgs, .lightbox-carousel-bgrd .lightbox-carousel-imgs {
max-width: 955px; }
.lightbox-carousel-bgrd .lightbox-carousel-imgs .carousel-cell {
width: 100%; height: auto; margin: 0 5rem; }
.lightbox-carousel-bgrd .lightbox-carousel-imgs img {
max-height: 500px; display: inline-block; margin-bottom: 2.77778rem; }
.lightbox-carousel-bgrd .lightbox-carousel-imgs img {
padding: 0; }
.lightbox-carousel label {
cursor: pointer; }
.lightbox-carousel label i.icon-cross {
display: none; font-size: 1.66rem; position: fixed; right: 1.66667rem; top: 1.66667rem; z-index: 99992; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .1s; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; }
.lightbox-carousel label i.icon-cross:hover {
-webkit-transform: rotate(90deg); transform: rotate(90deg); }
.lightbox-carousel .lightbox-carousel-toggler:checked ~ .lightbox-carousel-bgrd {
visibility: visible; }
.lightbox-carousel .lightbox-carousel-toggler:checked + label i {
display: inline-block; }
.lightbox-carousel .flickity-prev-next-button {
margin-top: -22px; }
.lightbox-carousel .flickity-prev-next-button.previous {
left: -3.1rem; }
.lightbox-carousel .flickity-prev-next-button.next {
right: -3.1rem; }
@media screen and (max-width: 48em) {
.lightbox-carousel .flickity-prev-next-button { display: none; } }
.lightbox-carousel .flickity-page-dots {
bottom: auto; top: 520px; display: none; }
@media screen and (max-width: 64em) {
.lightbox-carousel .flickity-page-dots { display: block; } }
@media screen and (max-width: 35.5em) {
.lightbox-carousel .flickity-page-dots { display: block; top: auto; bottom: -15px; } }
.items-gallery .flickity-prev-next-button.previous {
left: -4rem; }
.items-gallery .flickity-prev-next-button.next {
right: -4rem; }
.colorbox-image {
text-align: center; width: 100%; }
.colorbox-image .col-10 {
padding: 0; }
.list-content .colorbox-image .field.field-name-field-text {
margin-bottom: 0; text-align: center; }
header.stage .stage-content .colorbox-image p {
margin-bottom: 0; max-width: 100%; }
.default-image {
background-repeat: no-repeat; background-size: 100%; }
.stack-wrapper {
-ms-flex-item-align: stretch; align-self: stretch; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.stack-wrapper:nth-child(even):last-child {
width: 100%; }
.stack {
margin: 0 auto; position: relative; cursor: pointer; z-index: 1000; margin-top: 120px; width: 520px; height: 450px; padding: 0; list-style: none; pointer-events: none; }
.stack-item {
background: #fff; height: 100%; width: 100%; border-radius: 4px; text-align: center; position: absolute; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: auto; }
.stack-item h1 {
position: absolute; left: -1em; top: 1em; }
.stack-item img {
width: 100%; display: block; pointer-events: none; }
.controls {
position: absolute; bottom: 2.5em; left: 2em; text-align: center; }
.controls .button, .controls .block-latest-publication-media .button-type a, .block-latest-publication-media .button-type .controls a {
border: 0; background: none; position: relative; display: inline-block; padding: .25em; margin: 0 .5em; cursor: pointer; font-size: 1.5em; width: 50px; height: 50px; z-index: 100; }
.controls .button .fa, .controls .block-latest-publication-media .button-type a .fa, .block-latest-publication-media .button-type .controls a .fa {
pointer-events: none; }
.controls .button-default {
background: #e1e1dc; border-radius: 3px; color: #fff; font-size: .95em; font-weight: bold; padding: .65em 2em; width: auto; height: auto; }
.controls .button-sonar {
border-radius: 50%; background: #fff; }
.controls .button-sonar::before {
position: absolute; top: 50%; left: 50%; border-radius: 50%; content: ''; opacity: 0; pointer-events: none; border: 4px solid rgba(0, 0, 0, 0.2); margin: -35px 0 0 -35px; width: 70px; height: 70px; }
.controls .button-sonar.button-active::before {
-webkit-animation: anim-effect-sonar .3s ease-out forwards; animation: anim-effect-sonar .3s ease-out forwards; }
@-webkit-keyframes anim-effect-sonar {
0% { opacity: 1; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); } to { opacity: 0; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } }
@keyframes anim-effect-sonar {
0% { opacity: 1; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); } to { opacity: 0; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } }
.material-circle {
width: 150vh; height: 150vh; margin: -75vh 0 0 -75vh; z-index: 0; border-radius: 50%; pointer-events: none; opacity: 0; position: absolute; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
.material-circle-accept.material-circle-active {
background: #878278; }
.material-circle-reject.material-circle-active {
background: #e1e1dc; }
.material-circle-active {
-webkit-animation: anim-effect-material .6s ease-out forwards; animation: anim-effect-material .6s ease-out forwards; }
@-webkit-keyframes anim-effect-material {
0% { opacity: 1; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); } 70% { opacity: 1; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } 100% { opacity: 0; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } }
@keyframes anim-effect-material {
0% { opacity: 1; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); } 70% { opacity: 1; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } 100% { opacity: 0; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } }
.button:focus, .block-latest-publication-media .button-type a:focus {
outline: none; }
.button-accept {
color: #878278; }
.button-reject {
color: #e1e1dc; }
.text-hidden {
position: absolute; overflow: hidden; width: 0; height: 0; color: transparent; display: block; }
.stack-item-accept, .stack-item-reject {
pointer-events: none; }
.stack-cinta .stack-item-reject {
-webkit-animation: cintaReject .5s forwards; animation: cintaReject .5s forwards; }
@keyframes cintaReject {
to { opacity: 0; -webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0); transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0); } }
.stack-cinta .stack-item-accept {
-webkit-animation: cintaAccept .5s forwards; animation: cintaAccept .5s forwards; }
@keyframes cintaAccept {
to { opacity: 0; -webkit-transform: translate3d(0, 0, 1000px); transform: translate3d(0, 0, 1000px); } }
@media screen and (max-width: 60em) {
.stack { width: 260px; height: 260px; } }
.flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: none; }
.flickity-viewport {
overflow: hidden; position: relative; height: 100%; width: 100%; -webkit-transition: height .2s; transition: height .2s; }
.flickity-slider {
position: absolute; width: 100%; height: 100%; }
.flickity-enabled.is-draggable {
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing; cursor: grabbing; }
.flickity-prev-next-button {
position: absolute; top: 50%; width: 44px; height: 44px; border: 0; background: none; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.flickity-prev-next-button:hover {
background: transparent; }
.flickity-prev-next-button:focus {
outline: none; }
.flickity-prev-next-button:active {
opacity: .6; }
.flickity-prev-next-button.previous {
left: 0; }
.flickity-prev-next-button.next {
right: 0; }
.flickity-rtl .flickity-prev-next-button.previous {
left: auto; right: 0; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto; left: 0; }
.flickity-prev-next-button:disabled {
opacity: .2; cursor: auto; }
.flickity-prev-next-button svg {
position: absolute; left: 0; top: 0; width: 60%; height: 60%; }
.flickity-prev-next-button .arrow {
fill: #c3beb9; }
.flickity-page-dots {
position: absolute; width: 100%; bottom: -2rem; left: 0; right: 0; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block; width: .6rem; height: .6rem; padding: 0; margin: 0 .3rem; background: #e1e1dc; border-radius: 50%; cursor: pointer; }
.flickity-page-dots .dot::before {
display: none; }
.flickity-page-dots .dot.is-selected {
background: #a5a09b; }
.carousel-cell {
width: 18%; height: 200px; margin-right: 1rem; counter-increment: carousel-cell; }
.carousel-cell::before {
display: block; color: #fff; }
.flickity-slider .project::before, .carousel-cell::before {
display: block; text-align: center; line-height: 200px; font-size: 80px; color: #fff; }
.carousel-cell-height2 {
height: 300px; }
.carousel-cell-height3 {
height: 400px; }
.carousel-adaptive-height .flickity-viewport {
border-bottom: 5px solid #c3beb9; min-height: 300px; }
@media screen and (max-width: 35.5em) {
.carousel-adaptive-height .flickity-prev-next-button { display: none; } }
.carousel-adaptive-height .flickity-slider .project, .carousel-adaptive-height .carousel-cell {
padding: 0; width: 22%; height: auto; bottom: 0; }
.carousel-adaptive-height .flickity-slider .project .tile, .carousel-adaptive-height .carousel-cell .tile {
min-width: 0; }
.carousel-adaptive-height .flickity-slider .project .tile .icon-container, .carousel-adaptive-height .carousel-cell .tile .icon-container {
padding: 0; }
.carousel-adaptive-height .flickity-slider .project img, .carousel-adaptive-height .carousel-cell img {
margin: auto; display: block; }
@media screen and (max-width: 64em) {
.carousel-adaptive-height .flickity-slider .project, .carousel-adaptive-height .carousel-cell { width: 40%; } }
@media screen and (max-width: 35.5em) {
.carousel-adaptive-height .flickity-slider .project, .carousel-adaptive-height .carousel-cell { width: 70%; } .carousel-adaptive-height .flickity-slider .project .tile, .carousel-adaptive-height .carousel-cell .tile { max-width: 300px; } }
.carousel-adaptive-height .flickity-page-dots {
display: none; }
.carousel-umbrella, .method-and-tools-carousel .umbrella-list {
padding: 0 7.3298429319%; }
@media screen and (max-width: 64em) {
.carousel-umbrella, .method-and-tools-carousel .umbrella-list { padding: 0; } }
@media screen and (max-width: 35.5em) {
.carousel-umbrella, .method-and-tools-carousel .umbrella-list { height: 410px; } }
.carousel-umbrella .flickity-viewport, .method-and-tools-carousel .umbrella-list .flickity-viewport {
overflow: hidden; padding: 0 0.69444rem 1.38889rem; }
.carousel-umbrella .previous, .method-and-tools-carousel .umbrella-list .previous {
left: 0; }
.carousel-umbrella .arrow, .method-and-tools-carousel .umbrella-list .arrow {
fill: #c3beb9; }
.carousel-umbrella .next, .method-and-tools-carousel .umbrella-list .next {
right: 0; }
.carousel-umbrella.grid-center, .method-and-tools-carousel .umbrella-list.grid-center {
margin: 0; }
.carousel-umbrella .flickity-slider .project, .method-and-tools-carousel .umbrella-list .flickity-slider .project {
display: block; margin: 0 .5rem; padding: 0; height: auto; width: 48.4662576687%; opacity: 1; }
@media screen and (max-width: 35.5em) {
.carousel-umbrella .flickity-slider .project, .method-and-tools-carousel .umbrella-list .flickity-slider .project { width: 70%; } }
.carousel-umbrella .flickity-slider .project .tile, .method-and-tools-carousel .umbrella-list .flickity-slider .project .tile {
padding-bottom: 8px; }
.carousel-umbrella .flickity-slider .project .h3, .method-and-tools-carousel .umbrella-list .flickity-slider .project .h3 {
margin-top: 2.6rem; }
@media screen and (max-width: 35.5em) {
.carousel-umbrella .flickity-slider .project .h3, .method-and-tools-carousel .umbrella-list .flickity-slider .project .h3 { margin-top: .5rem; } }
.carousel-umbrella .flickity-slider .project img, .method-and-tools-carousel .umbrella-list .flickity-slider .project img {
width: 100%; }
.carousel-umbrella .flickity-prev-next-button, .method-and-tools-carousel .umbrella-list .flickity-prev-next-button {
top: 30%; }
@media screen and (max-width: 48em) {
.carousel-umbrella .flickity-prev-next-button, .method-and-tools-carousel .umbrella-list .flickity-prev-next-button { top: 23%; } }
@media screen and (max-width: 64em) {
.carousel-umbrella .flickity-prev-next-button, .method-and-tools-carousel .umbrella-list .flickity-prev-next-button { display: none; } }
.carousel-umbrella .col:not(.col-0).umbrella-content, .method-and-tools-carousel .umbrella-list .col:not(.col-0).umbrella-content {
visibility: hidden; }
.carousel-umbrella .is-selected .col:not(.col-0).umbrella-content, .method-and-tools-carousel .umbrella-list .is-selected .col:not(.col-0).umbrella-content {
visibility: visible; }
.carousel.content-lists-video .flickity-viewport {
min-height: 350px; }
.carousel.content-lists-video .carousel-cell {
width: 49.5%; margin: 0 2.32385%; }
.carousel.content-lists-video .flickity-slider {
width: 97.5%; }
.carousel.content-lists-video .flickity-prev-next-button {
top: 27%; }
.carousel.content-lists-video .flickity-page-dots {
display: none; }
@media screen and (max-width: 64em) {
.carousel.content-lists-video { margin-bottom: 2.77778rem; } .carousel.content-lists-video .flickity-prev-next-button { top: 27%; } .carousel.content-lists-video .flickity-page-dots { display: block; bottom: -2.77778rem; } .carousel.content-lists-video .carousel-cell { margin: 0 2.43451%; } }
@media screen and (max-width: 35.5em) {
.carousel.content-lists-video { min-height: 370px; } .carousel.content-lists-video .carousel-cell { width: 100%; margin: 0; } .carousel.content-lists-video .flickity-slider { width: 100%; } .carousel.content-lists-video .flickity-page-dots { bottom: 0; } }
.items-gallery .carousel-cell {
opacity: 0; }
.items-gallery .carousel-cell.is-selected {
opacity: 1; }
.items-gallery.book-shelf {
border-bottom: 5px solid #c3beb9; margin-bottom: 1rem; }
.items-gallery.book-shelf .shelf-inner {
padding-bottom: 0; }
.items-gallery.book-shelf .flickity-viewport {
border: 0; }
.items-gallery.book-shelf .flickity-page-dots {
display: block; bottom: -3rem; }
@media screen and (min-width: 48em) {
.items-gallery.book-shelf .flickity-page-dots { display: none; } }
.block-umbrella-carousel > .grid-center {
margin: 0; }
.lightbox-carousel-one-item .flickity-prev-next-button:disabled {
display: none; }
.related-content {
padding-top: 2rem; }
.related-content .related-inner {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.related-content .related-inner > div {
margin-top: 0; padding-bottom: 0; }
.related-content .related-inner > div {
margin-top: 1.4rem; padding-bottom: .9rem; }
.related-content h5 {
margin-top: 1.6rem; margin-bottom: .8rem; }
.related-content .multiline {
margin-bottom: .5rem; }
@media screen and (max-width: 35.5em) {
.related-content.related-content-chronology .multiline { display: inline-block; width: 49%; } }
.tabs {
text-align: center; }
.tabs.more {
position: absolute; bottom: -1.2rem; left: calc(96% / 2); }
.tabs .tabs-inner > .col {
padding-bottom: 0; }
.tabs .tab11-xao:checked ~ .content11-xao, .tabs .tab12-xao:checked ~ .content12-xao {
background: #f0f0ee; display: block; }
.tabs section {
position: relative; display: none; text-align: left; padding: 2.77777rem 0 2.77777rem 3.45rem; }
@media screen and (max-width: 48em) {
.tabs section { padding: 2.3rem 4rem; } }
@media screen and (max-width: 35.5em) {
.tabs section { padding: 2.3rem 2rem; } }
.tabs input {
display: none; }
.tabs label {
text-transform: uppercase; display: inline-block; margin: 0 0 -2px; padding: .3rem .8rem; font-weight: 600; text-align: center; border: 1px solid transparent; }
.tabs label::before {
margin-right: 2rem; }
.tabs label:hover {
cursor: pointer; }
.tabs input:checked + label {
color: currentColor; border: 1px solid #f0f0ee; border-top: 2px solid #50fa96; border-bottom: 1px solid #fff; }
.tabs .tab1:checked ~ .content1, .tabs .tab2:checked ~ .content2, .tabs .tab3:checked ~ .content3, .tabs .tab4:checked ~ .content4, .tabs .tab5:checked ~ .content5, .tabs .tab6:checked ~ .content6 {
display: block; }
@media screen and (max-width: 750px) {
.tabs label { max-width: 12em; } }
@media screen and (max-width: 400px) {
.tabs label { padding: 15px; max-width: 9em; } }
.tabs.colored input:checked + label {
background: #f0f0ee; border: 0; }
.tabs.colored .tab-entry {
position: relative; border-bottom: 3px solid #fff; margin: 0 0.69444rem; padding-bottom: 1.6666rem; }
.tabs.colored .tab-entry > * {
margin-left: -0.69444rem; margin-right: -0.69444rem; margin-top: 0; margin-bottom: 0; }
@media screen and (max-width: 35.5em) {
.tabs.colored .tab-entry { padding-right: 0; } }
.tabs.colored .tab-entry p {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; margin-top: .5rem; margin-bottom: 0; }
.tabs.colored .tab-entry a {
display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding-top: 0.55556rem; padding-bottom: 0.55556rem; }
.tabs.colored .tab-entry:first-child {
border-top: 3px solid #fff; }
.tabs.colored .tab-entry:nth-child(2) {
border-top: 0; }
@media screen and (min-width: 48em) {
.tabs.colored .tab-entry:nth-child(2) { border-top: 3px solid #fff; } }
.nav-mobile {
position: relative; }
.nav-mobile::before {
content: ''; display: block; position: absolute; top: 0; left: 0; height: 3rem; width: 100%; background: #006464; }
.nav-mobile textarea, .nav-mobile input, .nav-mobile button {
border: 0; background: transparent; text-transform: uppercase; font-weight: 900; color: #50fa96; }
.nav-mobile textarea:focus, .nav-mobile input:focus, .nav-mobile button:focus {
outline: none; }
.nav-mobile .hamburger {
font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; cursor: pointer; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; text-transform: none; color: inherit; border: 0; background-color: transparent; }
.nav-mobile .hamburger:hover {
opacity: .95; }
.nav-mobile .hamburger-label {
float: right; line-height: 3rem; height: 3rem; }
.nav-mobile .hamburger-squeeze .hamburger-inner {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition-duration: 75ms; transition-duration: 75ms; }
.nav-mobile .hamburger-squeeze .hamburger-inner::before {
-webkit-transition: top 75ms ease .12s, opacity 75ms ease; transition: top 75ms ease .12s, opacity 75ms ease; }
.nav-mobile .hamburger-squeeze .hamburger-inner::after {
-webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.nav-mobile-list input:checked + label + ul, .nav-mobile input.nav-mobile-check:checked ~ .nav-mobile-list {
max-height: 1000px; }
.nav-mobile input.nav-mobile-check:checked ~ .nav-search {
display: block; }
.nav-mobile input.nav-mobile-check:checked ~ .nav-languageswitch {
display: none; }
.nav-mobile ul {
margin: 0; padding: 0; }
.nav-mobile-list {
clear: both; padding-top: 2rem; }
.nav-mobile-list a, .nav-mobile-list label {
display: block; text-transform: uppercase; -webkit-transition: .15s; transition: .15s; font-weight: 700; padding: 0 .9rem; line-height: 3rem; color: #004646; }
.nav-mobile-list i {
line-height: 1.6; }
.nav-mobile-list a:focus, .nav-mobile-list a:hover, .nav-mobile-list label:focus, .nav-mobile-list label:hover {
background-color: #50fa96; }
.nav-mobile-list a:focus, .nav-mobile-list a:focus i::after, .nav-mobile-list a:hover, .nav-mobile-list a:hover i::after, .nav-mobile-list label:focus, .nav-mobile-list label:focus i::after, .nav-mobile-list label:hover, .nav-mobile-list label:hover i::after {
color: #fff; }
.nav-mobile-list label {
cursor: pointer; }
.nav-mobile-list label > i {
will-change: transform, float; -webkit-transform: rotate(180deg); transform: rotate(180deg); float: right; line-height: 3rem; -webkit-transition: -webkit-transform .65s ease; transition: -webkit-transform .65s ease; transition: transform .65s ease; transition: transform .65s ease, -webkit-transform .65s ease; }
.nav-mobile-list input:checked + label {
background: #50fa96; left: initial; bottom: initial; }
.nav-mobile-list input:checked + label > i {
-webkit-transform: rotate(0); transform: rotate(0); }
.nav-mobile-list input:checked + label > i::after {
content: '\E902'; }
.nav-mobile-list-mobile-group li {
border-top: solid 3px #c3beb9; padding: 1.66667rem 0; position: relative; }
@media screen and (max-width: 35.5em) {
.nav-mobile-list-mobile-group li header { text-align: center; } }
.nav-mobile-list-mobile-group li header.col {
padding: 0; }
.nav-mobile-list-mobile-group li h3, .nav-mobile-list-mobile-group li .h3 {
margin: 0; }
@media screen and (max-width: 35.5em) {
.nav-mobile-list-mobile-group li section header { text-align: left; } }
.nav-mobile-list-mobile-group li section q {
quotes: '\BB' '\AB' '\203A' '\2039'; padding: 0 0.55556rem; }
.nav-mobile-list-mobile-group li section .accordion-content {
padding-top: 0; }
.nav-mobile-list-mobile-group li section input.accordion-helper:checked ~ .accordion-content {
max-height: 1500px; padding-top: 2.77778rem; }
.nav-mobile-list-mobile-group li section input.accordion-helper:checked + label {
background: none; }
.nav-mobile-list-mobile-group li section input.accordion-helper:checked + label i::after {
content: '\E912'; }
.nav-mobile-list-mobile-group li:last-child {
border-bottom: solid 3px #c3beb9; }
.nav-mobile-list-mobile-group li ul li, .nav-mobile-list-mobile-group li ul li:last-child {
border: 0; padding: 0; }
.nav-mobile-list-mobile-group .mobile-links {
display: inline-block; }
.nav-mobile-list-mobile-group .mobile-links a {
padding: 0; line-height: 1.38889rem; }
.nav-mobile-list-mobile-group .mobile-links a span {
margin-right: 0; margin-left: 1.11111rem; }
.nav-mobile-list-mobile-group .mobile-links a:hover {
color: #50fa96; background-color: transparent; }
.nav-mobile-list-mobile-group .mobile-links li:first-child a span {
margin-left: 0; }
.nav-mobile-group-list a {
padding-left: 2.5rem; font-weight: normal; }
.nav-mobile-group-list label {
padding-left: 0; font-weight: normal; }
.nav-mobile-sub-group-list a {
font-weight: normal; padding-left: 4rem; }
.nav-mobile-sub-group-list label {
font-weight: normal; padding-left: 0; }
.nav-mobile-sub-sub-group-list a, .nav-mobile-sub-sub-group-list label {
padding-left: 6rem; }
.nav-mobile-group-list, .nav-mobile-list, .nav-mobile-sub-group-list, .nav-mobile-sub-sub-group-list, .nav-mobile-list-accord-group .accordion-content {
will-change: max-height, height; height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .2s; transition: max-height .2s; }
.nav-mobile-list-accord-group {
max-height: none; }
.nav-mobile-list-accord-group .accordion-content {
-webkit-transition: max-height .1s, padding-top .1s; transition: max-height .1s, padding-top .1s; }
.nav-languageswitch {
padding-left: .9rem; position: absolute; top: 1rem; }
.nav-languageswitch ul {
line-height: 1rem; }
.nav-languageswitch ul li {
display: inline; line-height: 1rem; }
.nav-languageswitch ul li a {
display: inline; }
.nav-search {
display: none; line-height: 3rem; padding-left: .9rem; }
.nav-search i {
font-size: 1.4rem; vertical-align: middle; margin-right: .5rem; }
.nav-search .search-input {
width: 30%; }
.nav-search .search-input.search-input-wider {
width: 80%; }
.nav-flyout, .nav-flyout-list {
background: transparent; }
.nav-flyout.bg-primary .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-primary a {
width: calc(100% + 4px); }
.nav-flyout.bg-primary a.hover, .nav-flyout.bg-primary a:hover, .nav-flyout.bg-primary a.open, .nav-flyout.bg-primary a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-primary a.hover span, .nav-flyout.bg-primary a:hover span, .nav-flyout.bg-primary a.open span, .nav-flyout.bg-primary a:focus span {
border-color: transparent; }
.nav-flyout.bg-white .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-white a {
width: calc(100% + 4px); }
.nav-flyout.bg-white a.hover, .nav-flyout.bg-white a:hover, .nav-flyout.bg-white a.open, .nav-flyout.bg-white a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-white a.hover span, .nav-flyout.bg-white a:hover span, .nav-flyout.bg-white a.open span, .nav-flyout.bg-white a:focus span {
border-color: transparent; }
.nav-flyout.bg-black .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-black a {
width: calc(100% + 4px); }
.nav-flyout.bg-black a.hover, .nav-flyout.bg-black a:hover, .nav-flyout.bg-black a.open, .nav-flyout.bg-black a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-black a.hover span, .nav-flyout.bg-black a:hover span, .nav-flyout.bg-black a.open span, .nav-flyout.bg-black a:focus span {
border-color: transparent; }
.nav-flyout.bg-primarydarken .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-primarydarken a {
width: calc(100% + 4px); }
.nav-flyout.bg-primarydarken a.hover, .nav-flyout.bg-primarydarken a:hover, .nav-flyout.bg-primarydarken a.open, .nav-flyout.bg-primarydarken a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-primarydarken a.hover span, .nav-flyout.bg-primarydarken a:hover span, .nav-flyout.bg-primarydarken a.open span, .nav-flyout.bg-primarydarken a:focus span {
border-color: transparent; }
.nav-flyout.bg-site .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-site a {
width: calc(100% + 4px); }
.nav-flyout.bg-site a.hover, .nav-flyout.bg-site a:hover, .nav-flyout.bg-site a.open, .nav-flyout.bg-site a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-site a.hover span, .nav-flyout.bg-site a:hover span, .nav-flyout.bg-site a.open span, .nav-flyout.bg-site a:focus span {
border-color: transparent; }
.nav-flyout.bg-content .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-content a {
width: calc(100% + 4px); }
.nav-flyout.bg-content a.hover, .nav-flyout.bg-content a:hover, .nav-flyout.bg-content a.open, .nav-flyout.bg-content a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-content a.hover span, .nav-flyout.bg-content a:hover span, .nav-flyout.bg-content a.open span, .nav-flyout.bg-content a:focus span {
border-color: transparent; }
.nav-flyout.bg-seondary .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-seondary a {
width: calc(100% + 4px); }
.nav-flyout.bg-seondary a.hover, .nav-flyout.bg-seondary a:hover, .nav-flyout.bg-seondary a.open, .nav-flyout.bg-seondary a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-seondary a.hover span, .nav-flyout.bg-seondary a:hover span, .nav-flyout.bg-seondary a.open span, .nav-flyout.bg-seondary a:focus span {
border-color: transparent; }
.nav-flyout.bg-grey100 .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-grey100 a {
width: calc(100% + 4px); }
.nav-flyout.bg-grey100 a.hover, .nav-flyout.bg-grey100 a:hover, .nav-flyout.bg-grey100 a.open, .nav-flyout.bg-grey100 a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-grey100 a.hover span, .nav-flyout.bg-grey100 a:hover span, .nav-flyout.bg-grey100 a.open span, .nav-flyout.bg-grey100 a:focus span {
border-color: transparent; }
.nav-flyout.bg-grey75 .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-grey75 a {
width: calc(100% + 4px); }
.nav-flyout.bg-grey75 a.hover, .nav-flyout.bg-grey75 a:hover, .nav-flyout.bg-grey75 a.open, .nav-flyout.bg-grey75 a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-grey75 a.hover span, .nav-flyout.bg-grey75 a:hover span, .nav-flyout.bg-grey75 a.open span, .nav-flyout.bg-grey75 a:focus span {
border-color: transparent; }
.nav-flyout.bg-grey50 .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-grey50 a {
width: calc(100% + 4px); }
.nav-flyout.bg-grey50 a.hover, .nav-flyout.bg-grey50 a:hover, .nav-flyout.bg-grey50 a.open, .nav-flyout.bg-grey50 a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-grey50 a.hover span, .nav-flyout.bg-grey50 a:hover span, .nav-flyout.bg-grey50 a.open span, .nav-flyout.bg-grey50 a:focus span {
border-color: transparent; }
.nav-flyout.bg-grey40 .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-grey40 a {
width: calc(100% + 4px); }
.nav-flyout.bg-grey40 a.hover, .nav-flyout.bg-grey40 a:hover, .nav-flyout.bg-grey40 a.open, .nav-flyout.bg-grey40 a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-grey40 a.hover span, .nav-flyout.bg-grey40 a:hover span, .nav-flyout.bg-grey40 a.open span, .nav-flyout.bg-grey40 a:focus span {
border-color: transparent; }
.nav-flyout.bg-grey25 .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-grey25 a {
width: calc(100% + 4px); }
.nav-flyout.bg-grey25 a.hover, .nav-flyout.bg-grey25 a:hover, .nav-flyout.bg-grey25 a.open, .nav-flyout.bg-grey25 a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-grey25 a.hover span, .nav-flyout.bg-grey25 a:hover span, .nav-flyout.bg-grey25 a.open span, .nav-flyout.bg-grey25 a:focus span {
border-color: transparent; }
.nav-flyout.bg-grey15 .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-grey15 a {
width: calc(100% + 4px); }
.nav-flyout.bg-grey15 a.hover, .nav-flyout.bg-grey15 a:hover, .nav-flyout.bg-grey15 a.open, .nav-flyout.bg-grey15 a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-grey15 a.hover span, .nav-flyout.bg-grey15 a:hover span, .nav-flyout.bg-grey15 a.open span, .nav-flyout.bg-grey15 a:focus span {
border-color: transparent; }
.nav-flyout.bg-header-background .nav-flyout-sub-nav {
background-color: #004646; }
.nav-flyout.bg-header-background a {
width: calc(100% + 4px); }
.nav-flyout.bg-header-background a.hover, .nav-flyout.bg-header-background a:hover, .nav-flyout.bg-header-background a.open, .nav-flyout.bg-header-background a:focus {
background-color: #004646; color: #fff; }
.nav-flyout.bg-header-background a.hover span, .nav-flyout.bg-header-background a:hover span, .nav-flyout.bg-header-background a.open span, .nav-flyout.bg-header-background a:focus span {
border-color: transparent; }
.nav-flyout .grid-center > div {
margin-top: 2rem; margin-bottom: 2rem; padding: 0 5% 0 0; }
.nav-flyout .grid-center > div + div {
padding: 0 0 0 5%; border-left: 3px solid #e1e1dc; }
.nav-flyout-list {
display: block; position: relative; list-style: none; text-align: center; }
.nav-flyout-item {
list-style: none; display: inline-block; padding: 0; margin: 0; background: #fff; text-align: left; }
.nav-flyout-item .sub-nav-wrap {
height: 100%; }
.nav-flyout-item .sub-nav-wrap .sub-nav-inner-col {
height: calc(100% - 4.2rem); }
.nav-flyout-item > a {
position: relative; display: inline-block; padding: .5rem 0; margin: 0; background: #fff; color: #004646; }
.nav-flyout-item > a span {
display: inline-block; line-height: .7rem; padding-right: .7rem; padding-left: .7rem; border-left: solid 2px #004646; }
.nav-flyout-item:first-child > a span {
border: 0; }
.nav-flyout-sub-nav {
position: absolute; display: none; top: 2.2rem; left: 0; right: 0; padding: .5rem; height: 558px; }
.nav-flyout-sub-nav.open {
display: block; }
.nav-flyout-sub-nav li {
display: block; list-style-type: none; margin: 0; padding: 0; }
.nav-flyout .grid-center ul {
margin-bottom: 0; }
.nav-flyout .grid-center ul + ul {
margin-top: 1rem; }
.nav-flyout.microsite-nav .nav-flyout-list {
margin-bottom: 0; }
.nav-flyout.microsite-nav .nav-flyout-list .nav-flyout-sub-nav {
top: 2.35rem; }
.nav-accordeon {
position: relative; }
.nav-accordeon::before {
content: ''; display: block; position: absolute; top: 0; left: 0; height: 3rem; width: 100%; background: #006464; }
.nav-accordeon .nav-accordion-label {
line-height: 3rem; padding-left: 1.11111rem; }
.nav-accordeon.nav-filter-and-sort .nav-accordion-label i {
margin-left: 0.55556rem; }
.nav-accordeon.nav-filter-and-sort .nav-accordeon-list {
display: none; min-height: initial; -webkit-transition: background .24s, opacity .01s, height .6s, max-height .1s; transition: background .24s, opacity .01s, height .6s, max-height .1s; }
.nav-accordeon.nav-filter-and-sort .nav-accordeon-list label {
display: block; margin-bottom: 1.38889rem; }
.nav-accordeon.nav-filter-and-sort .nav-accordeon-list label:hover {
background: transparent; }
.nav-accordeon.nav-filter-and-sort input.nav-accordion-check:checked ~ .nav-accordeon-list {
display: block; background: transparent; max-height: initial; }
.nav-accordeon.nav-filter-and-sort input.nav-accordion-check:checked + label i {
position: absolute; top: 1.38889rem; right: 1.38889rem; }
.nav-accordeon.nav-filter-and-sort input.nav-accordion-check:checked + label i::after {
content: '\E904'; }
.nav-accordeon textarea, .nav-accordeon input:not() {
border: 0; font-weight: 900; }
.nav-accordeon textarea:focus, .nav-accordeon input:not():focus {
outline: none; }
.nav-accordeon button {
text-transform: uppercase; }
.nav-accordeon .hamburger {
font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; cursor: pointer; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; text-transform: none; color: inherit; border: 0; background-color: transparent; }
.nav-accordeon .hamburger:hover {
opacity: .95; }
.nav-accordeon .hamburger-label {
float: right; line-height: 3rem; height: 3rem; }
.nav-accordeon .hamburger-box {
position: relative; display: inline-block; width: 3rem; height: 3rem; }
.nav-accordeon .hamburger-inner {
top: 50%; display: block; margin-top: -2px; }
.nav-accordeon .hamburger-inner, .nav-accordeon .hamburger-inner::after, .nav-accordeon .hamburger-inner::before {
position: absolute; width: 2rem; height: 3px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; background-color: currentColor; }
.nav-accordeon .hamburger-inner::after, .nav-accordeon .hamburger-inner::before {
display: block; content: ''; }
.nav-accordeon .hamburger-inner::before {
top: -10px; }
.nav-accordeon .hamburger-inner::after {
bottom: -10px; }
.nav-accordeon .hamburger-squeeze .hamburger-inner {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition-duration: 75ms; transition-duration: 75ms; }
.nav-accordeon .hamburger-squeeze .hamburger-inner::before {
-webkit-transition: top 75ms ease .12s, opacity 75ms ease; transition: top 75ms ease .12s, opacity 75ms ease; }
.nav-accordeon .hamburger-squeeze .hamburger-inner::after {
-webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.nav-accordeon input.nav-accordion-check:checked ~ .nav-accordeon-list {
min-height: 96.5vh; padding-top: 0; }
.nav-accordeon-list input:checked + label + ul, .nav-accordeon input.nav-accordion-check:checked ~ .nav-accordeon-list {
max-height: 1000px; }
.nav-accordeon input.nav-accordion-check:checked ~ .nav-search {
display: block; max-height: initial; -webkit-transition: max-height .1s; transition: max-height .1s; }
.nav-accordeon input.nav-accordion-check:checked ~ .nav-languageswitch {
display: none; max-height: 0; }
.nav-accordeon ul {
margin: 0; padding: 0; }
.nav-accordeon.nav-search-and-keywords:hover .hover-trigger + .search-and-keywords-inner .nav-accordeon-list {
padding-top: 0; }
@media screen and (min-width: 48em) {
.nav-accordeon.nav-search-and-keywords:hover .hover-trigger + .search-and-keywords-inner .nav-accordeon-list { min-height: 96.5vh; } }
@media screen and (min-width: 48em) {
.nav-accordeon.nav-search-and-keywords:hover .hover-trigger + .search-and-keywords-inner .hamburger-label { display: block; } }
.nav-accordeon.nav-search-and-keywords .hover-trigger {
font-size: 11px; }
.nav-accordeon.nav-search-and-keywords .search-and-keywords-inner {
position: absolute; top: 100%; left: 1.2em; right: 1.2em; }
.nav-accordeon.nav-search-and-keywords::before {
display: none; }
.nav-accordeon.nav-search-and-keywords .hamburger-label {
position: absolute; top: 1.38889rem; right: 1.38889rem; display: none; }
.nav-accordeon.nav-search-and-keywords .nav-accordeon-list {
min-height: initial; -webkit-transition: background .1s, height .6s, max-height .1s; transition: background .1s, height .6s, max-height .1s; padding-top: 0; }
.nav-accordeon.nav-search-and-keywords .nav-accordeon-list label {
line-height: 1.25; display: block; margin-bottom: 1.38889rem; }
.nav-accordeon.nav-search-and-keywords input.nav-accordion-check:checked ~ .nav-accordeon-list {
padding-top: 0; }
.nav-accordeon.nav-search-and-keywords input.nav-accordion-check:checked .hamburger-label {
display: block; }
.nav-accordeon-list {
clear: both; padding-left: 0; padding-right: 0; padding-top: 0; -webkit-transition: background .24s, opacity .01s, height .5s, max-height .1s; transition: background .24s, opacity .01s, height .5s, max-height .1s; }
.nav-accordeon-list .grid {
margin: 0; }
.nav-accordeon-list .nav-main-label {
display: block; text-transform: uppercase; -webkit-transition: .15s; transition: .15s; font-weight: 700; padding: 0 .9rem; line-height: 3rem; color: #004646; }
.nav-accordeon-list i {
line-height: 1.6; }
.nav-accordeon-list .nav-main-label:focus, .nav-accordeon-list .nav-main-label:hover {
background-color: #50fa96; }
.nav-accordeon-list .nav-main-label:focus, .nav-accordeon-list .nav-main-label:focus i::after, .nav-accordeon-list .nav-main-label:hover, .nav-accordeon-list .nav-main-label:hover i::after {
color: #fff; }
.nav-accordeon-list .nav-main-label > i {
will-change: transform, float; -webkit-transform: rotate(180deg); transform: rotate(180deg); float: right; line-height: 3rem; -webkit-transition: -webkit-transform .65s ease; transition: -webkit-transform .65s ease; transition: transform .65s ease; transition: transform .65s ease, -webkit-transform .65s ease; }
.nav-accordeon-list .nav-main-toggle:checked + label {
background: #50fa96; left: initial; bottom: initial; }
.nav-accordeon-list .nav-main-toggle:checked + label > i {
-webkit-transform: rotate(0); transform: rotate(0); }
.nav-accordeon-list .nav-main-toggle:checked + label > i::after {
content: '\E902'; }
.nav-accordeon-list-accord-group li {
border-top: solid 3px #c3beb9; padding: 1.66667rem 0; }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group li { padding: 1.11111rem 0; position: relative; } }
.nav-accordeon-list-accord-group li header {
position: relative; }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group li header { text-align: center; position: static; } }
.nav-accordeon-list-accord-group li header.col {
padding-left: 0; }
.nav-accordeon-list-accord-group li h3, .nav-accordeon-list-accord-group li .h3 {
margin: 0; }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group li section header { text-align: left; } }
.nav-accordeon-list-accord-group li section q {
quotes: '\BB' '\AB' '\203A' '\2039'; padding: 0 0.55556rem; }
.nav-accordeon-list-accord-group li section .accordion-content {
padding-top: 0; }
.nav-accordeon-list-accord-group li section .accordion-content .list-links {
margin-bottom: 1.66667rem; }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group li section .accordion-content .list-links { margin-bottom: 1.11111rem; } }
.nav-accordeon-list-accord-group li section .accordion-content dl dd .list-links {
margin-bottom: 0; }
.nav-accordeon-list-accord-group li section .accordion-content .list-links-keywords {
margin-top: -1.11111rem; margin-left: -0.55556rem; padding-top: 2.77778rem; }
.nav-accordeon-list-accord-group li section .accordion-content .list-links-keywords li a {
padding: .4rem .5rem; line-height: normal; }
.nav-accordeon-list-accord-group li section .accordion-content .list-links-keywords li a:hover {
background-color: #006464; color: #50fa96; }
.nav-accordeon-list-accord-group li section input.accordion-helper:checked ~ .accordion-content {
max-height: 100%; padding-top: 2.77778rem; }
.nav-accordeon-list-accord-group li section input.accordion-helper:checked + header label {
background: none; }
.nav-accordeon-list-accord-group li section input.accordion-helper:checked + header label i {
-webkit-transform: rotate(180deg); transform: rotate(180deg); }
.nav-accordeon-list-accord-group li section.accordion-content-sec {
padding-bottom: 0; }
.nav-accordeon-list-accord-group li section.accordion-content-sec header label {
position: absolute; right: 0; top: 0; padding: 0; color: #c3beb9; width: 100%; text-align: right; }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group li section.accordion-content-sec header label { right: 10px; top: 10px; } }
.nav-accordeon-list-accord-group li section.accordion-content-sec header label i {
display: inline-block; line-height: normal; font-size: 1.38889rem; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.nav-accordeon-list-accord-group li section.accordion-content-sec header label:hover {
background-color: transparent; }
.nav-accordeon-list-accord-group li section.accordion-content-sec header label:hover i::after {
color: #c3beb9; }
.nav-accordeon-list-accord-group li section.accordion-content-sec a.multiline {
padding: 0; line-height: normal; }
.nav-accordeon-list-accord-group li section.accordion-content-sec a.multiline.group-link {
padding-left: 1.4rem; }
.nav-accordeon-list-accord-group li section.accordion-content-sec a:hover {
background-color: transparent; color: #50fa96; }
.nav-accordeon-list-accord-group li section.accordion-content-sec a:hover i::after {
color: #50fa96; }
.nav-accordeon-list-accord-group li:last-child {
border-bottom: solid 3px #c3beb9; }
.nav-accordeon-list-accord-group li ul li, .nav-accordeon-list-accord-group li ul li:last-child {
border: 0; padding: 0; }
.nav-accordeon-list-accord-group .field–name-field-mpiwg-text ul li, .nav-accordeon-list-accord-group .field–name-field-mpiwg-text ul li:last-child {
padding: 0 0 0 20px; }
.nav-accordeon-list-accord-group .field–name-field-mpiwg-text ol li {
border-top: 0; padding: 0 0 0 30px; }
.nav-accordeon-list-accord-group .field–name-field-mpiwg-text ol li:last-child {
border-bottom: 0; }
@media screen and (max-width: 48em) {
.nav-accordeon-list-accord-group > li { margin-left: 0; margin-right: 0; } }
.nav-accordeon-list-accord-group .list-links {
display: block; }
.nav-accordeon-list-accord-group .list-links a {
padding: 0; line-height: 1.38889rem; display: inline; }
.nav-accordeon-list-accord-group .list-links a:hover {
color: #50fa96; background-color: transparent; }
.nav-accordeon-list-accord-group .list-links .item > span {
color: #004646; }
.nav-accordeon-list-accord-group .list-links li:first-child a span {
margin-left: 0; }
.nav-accordeon-list-accord-group.small-preview .accordion-content-sec > header {
height: auto; }
.nav-accordeon-list-accord-group.small-preview .accordion-content-sec > header label {
right: 0.55556rem; width: 100%; text-align: right; }
.nav-accordeon-list-accord-group.small-preview .accordion-content-sec > header i {
top: 50%; }
.nav-accordeon-list-accord-group.small-preview .accordion-content-sec.col, .nav-accordeon-list-accord-group.small-preview .accordion-content-sec.grid {
padding: 0; }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.research-websites > li, .nav-accordeon-list-accord-group.events-list > li, .nav-accordeon-list-accord-group.preprints-accordion > li { position: relative; padding-top: 1.66667rem; padding-bottom: 1.66667rem; } }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.research-websites > li header, .nav-accordeon-list-accord-group.events-list > li header, .nav-accordeon-list-accord-group.preprints-accordion > li header { position: static; } }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.research-websites > li header h3, .nav-accordeon-list-accord-group.research-websites > li header .h3, .nav-accordeon-list-accord-group.events-list > li header h3, .nav-accordeon-list-accord-group.events-list > li header .h3, .nav-accordeon-list-accord-group.preprints-accordion > li header h3, .nav-accordeon-list-accord-group.preprints-accordion > li header .h3 { text-align: left; } }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.research-websites section.accordion-content-sec, .nav-accordeon-list-accord-group.events-list section.accordion-content-sec, .nav-accordeon-list-accord-group.preprints-accordion section.accordion-content-sec { padding-left: 0; padding-right: 0; } }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.research-websites section.accordion-content-sec header label, .nav-accordeon-list-accord-group.events-list section.accordion-content-sec header label, .nav-accordeon-list-accord-group.preprints-accordion section.accordion-content-sec header label { top: 1.11111rem; right: 0.55556rem; width: 100%; text-align: right; } }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.research-websites section.accordion-content-sec header label i, .nav-accordeon-list-accord-group.events-list section.accordion-content-sec header label i, .nav-accordeon-list-accord-group.preprints-accordion section.accordion-content-sec header label i { font-size: 2.22222rem; } }
.nav-accordeon-list-accord-group.research-websites .tile {
padding: 0; }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.events-list header .list-links .item { display: block; } }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.events-list header .list-links .item a > span::after, .nav-accordeon-list-accord-group.events-list header .list-links .item > span::after { border: 0; } }
@media screen and (max-width: 35.5em) {
.nav-accordeon-list-accord-group.events-list header .list-links .item span span { display: block; } }
.nav-accordeon-list-accord-group.preprints-accordion li header h3, .nav-accordeon-list-accord-group.preprints-accordion li header .h3 {
font-size: 1.38889rem; }
.nav-accordeon-group-list a {
padding-left: 2.5rem; font-weight: normal; }
.nav-accordeon-group-list label {
padding-left: 0; font-weight: normal; }
.nav-accordeon-sub-group-list a {
font-weight: normal; padding-left: 4rem; }
.nav-accordeon-sub-group-list label {
font-weight: normal; padding-left: 0; }
.nav-accordeon-sub-sub-group-list a, .nav-accordeon-sub-sub-group-list label {
padding-left: 6rem; }
.nav-accordeon-group-list, .nav-accordeon-list, .nav-accordeon-sub-group-list, .nav-accordeon-sub-sub-group-list, .nav-accordeon-list-accord-group .accordion-content {
height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .2s; transition: max-height .2s; }
.nav-accordeon-list-accord-group {
max-height: none; }
.nav-accordeon-list-accord-group .accordion-content {
-webkit-transition: max-height .1s, padding-top .1s; transition: max-height .1s, padding-top .1s; }
input.nav-accordion-check:checked ~ .hamburger-label .hamburger-inner, input.nav-mobile-check:checked ~ .hamburger-label .hamburger-inner {
-webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
input.nav-accordion-check:checked ~ .hamburger-label .hamburger-inner::before, input.nav-mobile-check:checked ~ .hamburger-label .hamburger-inner::before {
top: 0; -webkit-transition: top 75ms ease, opacity 75ms ease .12s; transition: top 75ms ease, opacity 75ms ease .12s; opacity: 0; }
input.nav-accordion-check:checked ~ .hamburger-label .hamburger-inner::after, input.nav-mobile-check:checked ~ .hamburger-label .hamburger-inner::after {
bottom: 0; -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.static-content-list ul li section .accordion-content {
padding-top: 2.77778rem; max-height: none; overflow: visible; }
.accordion-list > h2 {
margin-bottom: 0; padding-left: 0; }
.content-lists-events .accordion-list .nav-accordeon-list {
margin-top: 1.111111rem; }
.view-display-id-subprojects .accordion-list + .accordion-list, .view-display-id-sub-working-groups .accordion-list + .accordion-list {
margin-top: -2rem; }
.view-display-id-subprojects .accordion-list + .accordion-list .nav-accordeon-list-accord-group li:first-child, .view-display-id-sub-working-groups .accordion-list + .accordion-list .nav-accordeon-list-accord-group li:first-child {
border-top: 0; }
.paragraph-accordion-title {
padding-left: 0; padding-right: 0; padding-bottom: 2rem; margin-bottom: 0; font-size: 25px; }
.footer-site {
padding-top: 2rem; }
.footer-site .footer-inner {
position: relative; }
.footer-site nav .h5 {
margin-bottom: 0.55556rem; }
.footer-site nav a {
display: inline-block; padding-bottom: .5rem; }
@media screen and (max-width: 35.5em) {
.footer-site nav { padding: 0; } }
.footer-site .footer-logo-wrapper {
padding: 0; }
@media screen and (min-width: 35.5em) {
.footer-site .footer-logo-wrapper { padding: 2rem 0 0; } }
.footer-logo {
font-size: .55rem; padding: 0 0 0 .2rem; }
@media screen and (min-width: 35.5em) {
.footer-logo { padding: 0 .4rem .8rem; } }
.footer-logo img {
max-width: 100px; width: 100%; height: auto; }
@media screen and (min-width: 35.5em) {
.footer-logo img { padding-left: .2rem; } }
.footer-social {
padding-top: 2rem; position: absolute; top: 5rem; bottom: 0; right: 1.5rem; }
.footer-social .fa {
font-size: 1.38889rem; }
.footer-social a + a {
display: block; margin-top: 1.5rem; }
@media screen and (min-width: 35.5em) {
.footer-social { font-size: 1.5rem; position: static; right: auto; bottom: auto; } }
.footer-social .social-icons-wrap {
position: absolute; bottom: 0; right: 1rem; padding-bottom: 2rem; margin-bottom: 0; }
@media screen and (min-width: 35.5em) {
.footer-social .social-icons-wrap { position: static; left: auto; bottom: auto; padding-bottom: initial; } }
@media screen and (max-width: 35.5em) {
.footer-social .social-icons-wrap li { margin-top: 1rem; } }
.footer-social li {
padding-left: 0; display: inline-block; }
@media screen and (max-width: 64em) {
.footer-social li { display: block; text-align: center; margin: auto; } }
@media screen and (min-width: 35.5em) {
.footer-social li { display: inline; padding-left: .5rem; } }
@media screen and (min-width: 64.1em) {
.footer-social li { padding-left: 1.5rem; } }
@media screen and (max-width: 35.5em) {
.footer ul { margin-bottom: 0; } .footer ul a { display: block; line-height: 30px; } }
div.block-addtoany {
position: relative; padding: 0; float: right; text-align: right; }
div.block-addtoany .col-10.md-12.xs-14 {
padding: 0; }
div.block-addtoany .button-share {
position: relative; top: -10px; font-size: .7rem; }
.event-addtoany .addtoany-list, div.block-addtoany .addtoany-list {
display: block; visibility: hidden; opacity: 0; -webkit-transition: .3s ease; transition: .3s ease; }
.event-addtoany .addtoany-list.active, div.block-addtoany .addtoany-list.active {
visibility: visible; opacity: 1; }
.event-addtoany .addtoany-list a:last-child, div.block-addtoany .addtoany-list a:last-child {
padding-right: 0; }
.event-addtoany {
margin-left: 8rem; position: relative; }
.event-addtoany .addtoany-list {
position: absolute; top: 30px; width: 10rem; left: 0; }
@media screen and (max-width: 35.5em) {
.microsite-footer .footer-inner { padding-bottom: 1.38889rem; } }
.microsite-footer nav {
position: relative; }
.microsite-footer nav a {
padding-bottom: .3rem; line-height: 20px; }
@media screen and (max-width: 35.5em) {
.microsite-footer nav a.col { padding: 0; } }
.microsite-footer nav span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; line-height: 1.66667rem; }
.microsite-footer nav .impressum-item {
position: absolute; left: 0; bottom: 1.38889rem; }
@media screen and (max-width: 35.5em) {
.microsite-footer nav .impressum-item { position: static; } }
.tabs-more {
left: 50%; right: auto; width: auto; display: inline-block; -webkit-transform: translate(-50%); transform: translate(-50%); }
.logo-type .no-gutter > .col {
padding-right: 1.666666666rem; }
@media screen and (max-width: 35.5em) {
.logo-type .no-gutter > .col { padding-right: .55555rem; max-width: 75%; } }
.logo-type div, .logo-type h4 {
padding-bottom: 0; margin-top: 0; }
@media screen and (max-width: 48em) {
.logo-type h4 { font-size: .88888888rem; } }
@media screen and (max-width: 35.5em) {
.logo-type h4 { font-size: .833333333rem; line-height: 1.3rem; } }
.logo-type h4 span.logo-name-en {
text-transform: none; display: block; }
@media screen and (max-width: 35.5em) {
.logo-type h4 span.logo-name-en { display: none; } }
.past-events .events-listing > header li {
display: inline-block; margin-right: 6px; }
.past-events .events-listing > header li a {
font-size: 1.11111rem; }
.past-events-years .events-listing li {
display: inline-block; margin-right: 6px; }
.past-events-years .events-listing li a {
font-size: 1.11111rem; }
.events-list .field-label {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; text-rendering: optimizeLegibility; font-weight: 700; font-size: .83333rem; letter-spacing: .01rem; }
.events-list .field {
margin-bottom: 1.666666rem; }
.view-profile-projects .tabs-more ul {
margin: 0; padding: 0; }
.nav-accordeon.nav-filter-and-sort input.nav-accordion-check:checked ~ .nav-accordeon-list {
overflow: visible; }
.nav-accordeon.nav-filter-and-sort input.nav-accordion-check:checked ~ .nav-accordeon-list .grid-center {
margin: 0; }
.nav-accordeon-list .paragraph-type-colorbox-images i {
line-height: 36px; }
.nav > li {
display: block; }
.nav > li > a {
position: relative; display: block; padding: 1rem; font-size: .81rem; }
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none; }
.nav-tabs > li {
float: left; }
.nav-tabs > li > a {
margin-right: 2px; }
.nav-tabs > li.is-active > a, .nav-tabs > li.is-active > a:hover, .nav-tabs > li.is-active > a:focus {
background-color: #006464; color: #fff; }
.nav-pills > li {
float: left; }
.nav-pills > li + li {
margin-left: 2px; }
.nav-stacked > li {
float: none; }
.nav-stacked > li + li {
margin-top: 2px; margin-left: 0; }
.nav-justified {
width: 100%; }
.nav-justified > li {
float: none; }
.nav-justified > li > a {
margin-bottom: 5px; text-align: center; }
.nav-justified > .dropdown .dropdown-menu {
top: auto; left: auto; }
.nav-tabs-justified {
border-bottom: 0; }
.nav-tabs-justified > li > a {
margin-right: 0; }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
border: 1px solid #e1e1dc; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.nav-tabs .dropdown-menu {
margin-top: -1px; }
.ultimenu–basic .region {
background: transparent; padding: 0; }
.ultimenu–basic .region {
display: table; width: 100%; }
navbar .ultimenu–basic .region > .ultimenusub {
border: 0 none; }
.ultimenusub a::before {
content: none; }
.language-switcher-language-url ul.links {
display: block; text-align: right; }
.language-switcher-language-url ul.links li {
display: inline-block; margin-right: 5px; margin-bottom: 15px; border-right: 2px solid #004646; list-style: none; text-transform: uppercase; }
.language-switcher-language-url ul.links li a {
display: block; margin-right: 5px; padding: 5px 10px; text-decoration: none; font-weight: bold; line-height: 16px; color: #004646; }
.language-switcher-language-url ul.links li a:hover, .language-switcher-language-url ul.links li a.active {
background-color: #006464; color: #fff; }
.language-switcher-language-url ul.links li a.active:hover {
color: #50fa96; }
.language-switcher-language-url ul.links li:last-child {
margin-right: 0; border-right: 0; }
.language-switcher-language-url ul.links li:last-child a {
margin-right: 0; }
navbar {
margin-bottom: 0; padding-top: 20px; border: 0; border-radius: 0; background-color: #fff; }
navbar .ultimenu__flyout .block-title {
color: #fff; }
navbar .container {
position: relative; }
@media screen and (min-width: 64.1em) {
#navbar .mobile-language { display: none; } #navbar .region-language { display: block; } }
@media screen and (max-width: 64em) {
#navbar { position: fixed; z-index: 99990; top: 0; width: 100%; height: 3rem; padding-top: 0; background-color: #006464; } #navbar > div { padding-right: 0; padding-left: 0; } #navbar .region-language { display: none; } #navbar .mobile-language { margin-top: 10px; margin-left: 6px; } #navbar .mobile-language ul { margin-bottom: 0; } #navbar .mobile-language .region-language { display: block; } }
navbar .mobile-language {
float: left; }
navbar .mobile-language ul li {
border-right: 2px solid #50fa96; }
navbar .mobile-language ul li a {
color: #50fa96; }
navbar .mobile-language ul li:last-child {
border-right: 0; }
navbar .ultimenu–main {
float: none; min-height: inherit; text-align: center; }
@media screen and (max-width: 64em) {
#navbar .ultimenu--main { position: fixed; top: 3rem; left: 0; bottom: 0; overflow-y: auto; width: 100%; margin: 0; text-align: left; background: #fff; } }
navbar .ultimenu–main > li {
display: inline-block; margin-left: -4px; }
navbar .ultimenu–main > li:hover a {
color: #fff; background-color: #004646; }
@media screen and (max-width: 64em) {
#navbar .ultimenu--main > li:hover a { color: #004646; background-color: #fff; } }
navbar .ultimenu–main > li:hover > a::after {
display: none; }
@media screen and (max-width: 64em) {
#navbar .ultimenu--main > li:hover > a { background-color: #50fa96; } #navbar .ultimenu--main > li:hover > a::after { display: block; background-color: #50fa96; } }
@media screen and (max-width: 64em) {
#navbar .ultimenu--main > li { display: block; margin-left: 0; } #navbar .ultimenu--main > li span { display: none; } #navbar .ultimenu--main > li.has-ultimenu span { display: block; height: auto; border: 0; background: none; top: 0; right: 0; min-height: 3rem; width: 40px; text-align: center; } #navbar .ultimenu--main > li.has-ultimenu span::before { display: block; position: static; margin-top: 0; border: 0; content: '+'; font-size: 25px; color: #004646; width: auto; } #navbar .ultimenu--main > li.has-ultimenu.js-ultimenu-item-expanded .js-ultimenu-active span::before { content: '-'; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout { padding: 0; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout .block-block-content { display: none; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout__item { display: block; width: 100%; margin: 0; padding: 0; border: 0; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout .ultimenusub { background-color: #fff; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout .ultimenusub a { position: relative; display: block; padding: 0 .9rem 0 2.5rem; line-height: 3rem; color: #004646; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout ul { margin: 0; background-color: #e1e1dc; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout ul ul.menu { display: none; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout ul ul.menu a { padding-left: 4rem; } #navbar .ultimenu--main > li.has-ultimenu .ultimenu__flyout ul .js-ultimenu-item-expanded ul { display: block; } }
navbar .ultimenu–main > li > a {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; position: relative; display: block; padding: .5rem .8rem; text-transform: uppercase; color: #004646; }
navbar .ultimenu–main > li > a::after {
position: absolute; top: 15px; right: 0; bottom: 10px; display: block; width: 2px; height: 12px; content: ''; background-color: #004646; }
@media screen and (max-width: 64em) {
#navbar .ultimenu--main > li > a { padding: 0 3rem 0 .9rem; line-height: 3rem; } #navbar .ultimenu--main > li > a::after { display: none; } }
navbar .ultimenu–main > li:last-child > a::after {
display: none; }
navbar .ultimenu__flyout {
padding: .5rem; background-color: #004646; border-radius: 0; }
navbar .ultimenu__flyout .menu > li {
display: block; float: none; }
navbar .ultimenu__flyout .menu > li > a {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; padding: 2px 0; -webkit-transition: none; transition: none; text-transform: uppercase; line-height: 25px; color: #fff; background: none; }
navbar .ultimenu__flyout .menu > li > a:hover, navbar .ultimenu__flyout .menu > li > a:active {
color: #50fa96; }
navbar .ultimenu__flyout .menu > li > a.divider {
margin-bottom: 18px; height: 0; opacity: 0; overflow: hidden; }
navbar .ultimenu__flyout__item {
display: table; width: 100%; padding: 0; margin-top: 2rem; margin-bottom: 2rem; background: none; }
@media screen and (max-width: 64em) {
#navbar .ultimenu__flyout__item { margin: 0; } }
navbar .ultimenu__flyout__item .block, navbar .ultimenu__flyout__item .ultimenusub {
display: table-cell; width: 50%; border-right: 2px solid #fff; border-left: 1px solid #fff; vertical-align: top; color: #fff; padding-top: 0; padding-bottom: 2rem; }
@media screen and (max-width: 64em) {
#navbar .ultimenu__flyout__item .block, #navbar .ultimenu__flyout__item .ultimenusub { display: block; width: 100%; } }
navbar .ultimenu__flyout__item .block {
border-left: 0; padding-right: 5%; padding-left: 13.5%; text-align: left; }
@media screen and (max-width: 64em) {
#navbar .ultimenu__flyout__item .block { display: none; } }
navbar .ultimenu__flyout__item .ultimenusub {
border-right: 0; padding-left: 5%; padding-right: 2%; }
@media screen and (max-width: 64em) {
#navbar .ultimenu__flyout__item .ultimenusub { padding: 0; } }
navbar .ultimenu__flyout__item > .ultimenusub {
border: 0 none; }
footer .menu > li > a {
margin-bottom: .5rem; padding-top: 0; padding-bottom: 0; text-transform: uppercase; font-weight: 900; line-height: 30px; background-color: transparent; }
footer .menu > li > a.menu-title {
text-transform: none; }
footer .menu > li > a:active, footer .menu > li > a:hover {
background-color: transparent; }
footer .menu > li > a::before {
top: .24rem; }
.ultimenu__region .block {
text-align: left; }
.ultimenu__region .block h3 {
margin-top: 0; text-align: left; font-size: 30px; }
.ultimenusub {
text-align: left; }
@media screen and (max-width: 64em) {
.user-logged-in #navbar { top: 0; } .button--ultimenu { position: fixed; z-index: 99990; top: 0; right: 10px; border: 0; background-color: transparent; display: inline-block; width: 3rem; height: 3rem; } .button--ultimenu:focus { outline: none; } .ultimenu--main { background: #fff; } .ultimenu--main .ultimenu__link.is-active { background: #fff; } .ultimenusub { background-color: #004646; } .bars { top: 50%; display: block; margin-top: -2px; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition-duration: 75ms; transition-duration: 75ms; } .bars, .bars::after, .bars::before { position: absolute; width: 2rem; height: 3px; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; transition-duration: .15s; background-color: #50fa96; } .bars::after, .bars::before { display: block; content: ''; } .bars::before { top: -10px; -webkit-transition: top 75ms ease .12s, opacity 75ms ease; transition: top 75ms ease .12s, opacity 75ms ease; } .bars::after { bottom: -10px; transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .js-ultimenu-button-active .bars { -webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-duration: 75ms; transition-duration: 75ms; } .js-ultimenu-button-active .bars::before { top: 0; -webkit-transition: top 75ms ease, opacity 75ms ease .12s; -webkit-transition: top 75ms ease, opacity 75ms ease .12s; transition: top 75ms ease, opacity 75ms ease .12s; opacity: 0; } .js-ultimenu-button-active .bars::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; } }
@media screen and (max-width: 64em) {
body { padding-top: 3rem; } .event-anchors { position: relative; height: 0; } .event-anchors span { position: absolute; bottom: 4.2rem; } .logo-type .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: none; } }
@media screen and (max-width: 35.5em) {
#toolbar-administration, .toolbar-lining { display: none; } }
@media screen and (max-width: 48em) {
.ultimenu--main .ultimenu__link:active, .ultimenu--main .ultimenu__link:hover { background: transparent; } }
.flatpickr-calendar {
overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; line-height: 24px; position: absolute; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e1e1dc; }
.flatpickr-calendar:focus {
outline: none; }
.flatpickr-calendar input, .flatpickr-calendar span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
.flatpickr-calendar.inline, .flatpickr-calendar.open {
opacity: 1; visibility: visible; overflow: visible; max-height: 640px; }
.flatpickr-calendar.open {
display: inline-block; -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1); animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1); z-index: 1000; }
.flatpickr-calendar.inline {
display: block; position: relative; top: 2px; }
.flatpickr-calendar.static {
position: absolute; top: calc(100% + 2px); }
.flatpickr-calendar.static.open {
z-index: 999; display: block; }
.flatpickr-calendar.hasWeeks {
width: auto; }
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px; border-top: 1px solid #e1e1dc; }
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto; }
.flatpickr-calendar.rightMost::after, .flatpickr-calendar.rightMost::before {
left: auto; right: 22px; }
.flatpickr-calendar::before {
border-width: 5px; margin: 0 -5px; }
.flatpickr-calendar::after {
border-width: 4px; margin: 0 -4px; }
.flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowTop::before {
bottom: 100%; }
.flatpickr-calendar.arrowTop::before {
border-bottom-color: #e1e1dc; }
.flatpickr-calendar.arrowTop::after {
border-bottom-color: #fff; }
.flatpickr-calendar.arrowBottom::after, .flatpickr-calendar.arrowBottom::before {
top: 100%; }
.flatpickr-calendar.arrowBottom::before {
border-top-color: #e1e1dc; }
.flatpickr-calendar.arrowBottom::after {
border-top-color: #fff; }
.flatpickr-wrapper {
position: relative; display: inline-block; }
.flatpickr-month {
background: transparent; height: 3.22222rem; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flatpickr-next-month, .flatpickr-prev-month {
text-decoration: none; cursor: pointer; position: absolute; top: 160px; height: 16px; line-height: 16px; }
.flatpickr-next-month i, .flatpickr-prev-month i {
position: relative; }
.flatpickr-next-month.flatpickr-prev-month, .flatpickr-prev-month.flatpickr-prev-month {
left: calc(1.5% - 1.5px); }
.flatpickr-next-month.flatpickr-next-month, .flatpickr-prev-month.flatpickr-next-month {
right: calc(1.5% - 1.5px); }
.flatpickr-next-month:hover, .flatpickr-prev-month:hover {
color: #50fa96; }
.flatpickr-next-month:hover svg, .flatpickr-prev-month:hover svg {
fill: #50fa96; }
.flatpickr-next-month svg, .flatpickr-prev-month svg {
fill: #fff; width: 20px; }
.flatpickr-next-month svg path, .flatpickr-next-month svg path, .flatpickr-prev-month svg polygon, .flatpickr-prev-month svg polygon {
-webkit-transition: fill .1s; transition: fill .1s; fill: inherit; }
.numInputWrapper {
position: relative; height: auto; }
.numInputWrapper input, .numInputWrapper span {
display: inline-block; }
.numInputWrapper input {
width: 100%; }
.numInputWrapper span {
position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.05); -webkit-box-sizing: border-box; box-sizing: border-box; }
.numInputWrapper span:hover {
background: rgba(0, 0, 0, 0.1); }
.numInputWrapper span:active {
background: rgba(0, 0, 0, 0.2); }
.numInputWrapper span::after {
display: block; content: ''; position: absolute; top: 33%; }
.numInputWrapper span.arrowUp {
top: 0; border-bottom: 0; }
.numInputWrapper span.arrowUp::after {
border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); }
.numInputWrapper span.arrowDown {
top: 50%; }
.numInputWrapper span.arrowDown::after {
border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); }
.numInputWrapper span svg {
width: inherit; height: auto; }
.numInputWrapper span svg path {
fill: #fff; }
.numInputWrapper:hover span {
opacity: 1; }
.numInputWrapper:hover span svg path {
fill: #50fa96; }
.flatpickr-current-month {
font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; width: 84%; margin: auto; padding: 1.11111rem 0; display: block; }
.flatpickr-current-month span.cur-month {
font-size: 15px; line-height: 1.666666rem; color: inherit; display: inline-block; margin-left: 7px; padding: 0; }
.flatpickr-current-month .numInputWrapper {
width: 7ch \0; display: inline-block; }
.flatpickr-current-month .numInputWrapper span.arrowUp::after {
border-bottom-color: rgba(0, 0, 0, 0.9); }
.flatpickr-current-month .numInputWrapper span.arrowDown::after {
border-top-color: rgba(0, 0, 0, 0.9); }
.flatpickr-current-month input.cur-year {
font-size: 15px; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: default; padding: 0 0 0 .5ch; margin: 0; display: inline; font-weight: 300; line-height: inherit; height: initial; border: 0; border-radius: 0; vertical-align: initial; }
.flatpickr-current-month input.cur-year:focus {
outline: 0; }
.flatpickr-current-month input.cur-year, .flatpickr-current-month input.cur-year:hover {
font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; }
.flatpickr-weekdays {
background: transparent; text-align: center; overflow: hidden; }
.flatpickr-days, .flatpickr-weeks {
padding: 1px 0 0; }
.dayContainer, .flatpickr-days {
padding: 0; outline: 0; text-align: left; width: 226px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
.flatpickr-day {
background: #fff; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-weight: 400; width: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 26px; height: 26px; line-height: 23px; margin: 3px 2px; display: inline-block; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.flatpickr-day a {
color: inherit; }
.flatpickr-day.weekend {
background: #f0f0ee; }
.flatpickr-day.busy, .flatpickr-day.weekend.busy {
background: #50fa96; }
.flatpickr-day.busy a:hover, .flatpickr-day.weekend.busy a:hover {
color: #004646; }
.flatpickr-day.today.busy .flatpickr-day.today a:hover, .flatpickr-day.today.weekend.busy a:hover {
color: #fff; }
.flatpickr-day.busy:hover, .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day.today.inRange:hover, .flatpickr-day.today.inRange:hover, .flatpickr-day.today.selected, .flatpickr-day.today.selected:hover, .flatpickr-day.weekend.busy:hover, .flatpickr-day.weekend:hover, .flatpickr-day:focus, .flatpickr-day:hover {
cursor: pointer; outline: 0; background: #c3beb9; border-color: #c3beb9; }
.flatpickr-day.busy:hover a, .flatpickr-day.busy:hover a:hover, .flatpickr-day.inRange a, .flatpickr-day.inRange a:hover, .flatpickr-day.nextMonthDay.inRange a, .flatpickr-day.nextMonthDay.inRange a:hover, .flatpickr-day.nextMonthDay.today.inRange a, .flatpickr-day.nextMonthDay.today.inRange a:hover, .flatpickr-day.nextMonthDay:focus a, .flatpickr-day.nextMonthDay:focus a:hover, .flatpickr-day.nextMonthDay:hover a, .flatpickr-day.nextMonthDay:hover a:hover, .flatpickr-day.prevMonthDay.inRange a, .flatpickr-day.prevMonthDay.inRange a:hover, .flatpickr-day.prevMonthDay.today.inRange a, .flatpickr-day.prevMonthDay.today.inRange a:hover, .flatpickr-day.prevMonthDay:focus a, .flatpickr-day.prevMonthDay:focus a:hover, .flatpickr-day.prevMonthDay:hover a, .flatpickr-day.prevMonthDay:hover a:hover, .flatpickr-day.today.inRange a, .flatpickr-day.today.inRange a:hover, .flatpickr-day.today.inRange:hover a, .flatpickr-day.today.inRange:hover a:hover, .flatpickr-day.today.inRange:hover a, .flatpickr-day.today.inRange:hover a:hover, .flatpickr-day.today.selected a, .flatpickr-day.today.selected a:hover, .flatpickr-day.today.selected:hover a, .flatpickr-day.today.selected:hover a:hover, .flatpickr-day.weekend.busy:hover a, .flatpickr-day.weekend.busy:hover a:hover, .flatpickr-day.weekend:hover a, .flatpickr-day.weekend:hover a:hover, .flatpickr-day:focus a, .flatpickr-day:focus a:hover, .flatpickr-day:hover a, .flatpickr-day:hover a:hover {
color: inherit; }
.flatpickr-day.busy.today, .flatpickr-day.today, .flatpickr-day.today.nextMonthDay, .flatpickr-day.today.prevMonthDay, .flatpickr-day.weekend.busy.today {
background: #006464; border-color: #006464; color: #50fa96; }
.flatpickr-day.today.weekend.busy:focus, .flatpickr-day.today.weekend.busy:hover, .flatpickr-day.today.weekend:focus, .flatpickr-day.today.weekend:hover, .flatpickr-day.today:focus, .flatpickr-day.today:hover {
background: #006464; border-color: #006464; color: #fff; }
.flatpickr-day.endRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
background: #c3beb9; }
.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
border-radius: 50px 0 0 50px; }
.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
border-radius: 0 50px 50px 0; }
.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
border-radius: 50px; }
.flatpickr-day.inRange {
border-radius: 0; -webkit-box-shadow: -5px 0 0 #e1e1dc, 5px 0 0 #e1e1dc; box-shadow: -5px 0 0 #e1e1dc, 5px 0 0 #e1e1dc; }
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
pointer-events: none; }
.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
color: #f0f0ee; background: transparent; cursor: default; }
span.flatpickr-weekday {
cursor: default; font-size: 80%; height: 27.333333333333332px; line-height: 24px; background: transparent; text-align: center; display: block; float: left; width: 14.28%; font-weight: bold; margin: 0; padding-top: 3.333333333333333px; }
.flatpickr-weekwrapper {
display: inline-block; float: left; }
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 1px 12px 0; -webkit-box-shadow: 1px 0 0 #e1e1dc; box-shadow: 1px 0 0 #e1e1dc; }
.flatpickr-weekwrapper .flatpickr-weekday {
float: none; width: 100%; }
.flatpickr-weekwrapper span.flatpickr-day {
display: block; width: 100%; max-width: none; }
.flatpickr-innerContainer {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-bottom: 1.11111rem; }
.flatpickr-rContainer {
display: inline-block; padding: 0; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.flatpickr-time {
text-align: center; outline: 0; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: height 0.33s cubic-bezier(0, 1, 0.5, 1); transition: height 0.33s cubic-bezier(0, 1, 0.5, 1); display: -webkit-box; display: -ms-flexbox; display: flex; }
.flatpickr-time::after {
content: ''; display: table; clear: both; }
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; }
.flatpickr-time .numInputWrapper span.arrowUp::after {
border-bottom-color: #50fa96; }
.flatpickr-time .numInputWrapper span.arrowDown::after {
border-top-color: #50fa96; }
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%; }
.flatpickr-time.time24hr .numInputWrapper {
width: 49%; }
.flatpickr-time input {
background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; cursor: pointer; color: #50fa96; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.flatpickr-time input.flatpickr-hour {
font-weight: bold; }
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
font-weight: 400; }
.flatpickr-time input:focus {
outline: 0; border: 0; }
.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
height: inherit; display: inline-block; float: left; line-height: inherit; color: #50fa96; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flatpickr-time .flatpickr-am-pm {
outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; }
.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover {
background: #f0f0ee; }
.hasTime .flatpickr-days, .hasWeeks .flatpickr-days {
border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.hasWeeks .flatpickr-days {
border-left: 0; }
@media all and (-ms-high-contrast: none) {
.flatpickr-month { padding: 0; } .flatpickr-month svg { top: 0; } }
cursor: pointer; }
@-webkit-keyframes flatpickrFadeInDown {
from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes flatpickrFadeInDown {
from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
.events-calendar {
margin-top: -10rem; padding: 0; }
.events-calendar .form-item {
margin: 0; }
.events-calendar .event-calendar {
display: none; }
.slideLeft, .slideRight {
display: none; }
section#siteheader {
padding: 0; max-width: 100%; }
.article-header {
position: relative; z-index: 0; }
.article-header::before {
content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 28.22222rem; background: #f0f0ee; z-index: -1; margin-left: -100%; margin-right: -100%; }
.article-header ul ul {
margin-left: 1.2rem; }
.article-header ul ul ul {
margin-left: 2.4rem; }
.article-header .h4 {
margin-top: -2rem; }
.article-header .header-wrapper-article {
padding-top: 5.55555rem; max-width: 955px; position: relative; margin: 0 auto; }
@media screen and (max-width: 35.5em) {
.article-header .header-wrapper-article { padding-top: 7rem; } }
.article-header .header-wrapper-article .header-note {
margin-top: -1.666666rem; padding-right: 0; padding-left: 0; }
.article-header .header-wrapper-article .header-note .tile-content .h2, .article-header .header-wrapper-article .header-note .tile-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header .header-wrapper-article .header-note .tile-content .block-title {
font-size: 1.2rem; }
@media screen and (min-width: 80em) {
.article-header .header-wrapper-article .header-note .tile-content .h2, .article-header .header-wrapper-article .header-note .tile-content #navbar .ultimenu__flyout .block-title, #navbar .ultimenu__flyout .article-header .header-wrapper-article .header-note .tile-content .block-title { font-size: 1.5rem; } }
.article-header .header-content {
background-size: cover; background-repeat: no-repeat; height: 25.5rem; position: relative; }
@media screen and (max-width: 35.5em) {
.article-header .header-content { height: auto; min-height: 25.5rem; } }
.article-header .header-content .list-links ul {
margin-bottom: 2.666666rem; }
.article-header .header-content p {
margin-bottom: 1.66666rem; max-width: 30rem; }
.article-header .header-content .h2, .article-header .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header .header-content .block-title {
margin-top: 1.66666rem; margin-bottom: 1rem; }
.article-header .header-content .header-subnav {
position: absolute; left: 2.77778rem; bottom: 1.11111rem; }
@media screen and (max-width: 35.5em) {
.article-header .header-content .header-subnav { position: relative; left: auto; bottom: auto; } }
.article-header .header-content .header-subnav li ul {
margin-bottom: 0; }
.article-header .header-content .back-button {
position: absolute; top: 100%; left: 3rem; font-size: 0.7rem; }
@media screen and (max-width: 35.5em) {
.article-header .header-content .back-button { top: auto; bottom: -13rem; left: auto; } }
.article-header-homepage .header-content, .article-header-news-carousel .header-content {
margin: 0; padding: 0; }
@media screen and (max-width: 35.5em) {
.article-header-homepage .header-content .back-button, .article-header-news-carousel .header-content .back-button { top: 106%; } }
.article-header-homepage .header-wrapper-article, .article-header-news-carousel .header-wrapper-article {
margin: 0 auto; padding: 0; }
.article-header-news::before {
background: #c3beb9; }
.article-header-news .news-wrapper {
max-width: 670px; margin: auto; }
.article-header-news .header-content {
padding: 2rem 8.33333333% 0; height: auto; min-height: 25.5rem; }
.article-header-news .header-content .h2, .article-header-news .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header-news .header-content .block-title {
margin-top: 5rem; margin-bottom: 1.66667rem; }
.article-header-news .header-content .h4 {
margin-top: -4.9rem; }
.article-header-news .header-content .list-links ul {
margin-bottom: 5rem; }
.article-header-news .header-content .back-button {
top: -1rem; left: 4rem; }
@media screen and (max-width: 48em) {
.article-header-news .header-content .back-button { left: 3rem; } }
@media screen and (max-width: 35.5em) {
.article-header-news .header-content .back-button { left: 1.5rem; } }
.article-header-department .header-content, .article-header-featured-story .header-content, .article-header-innerdepartment .header-content, .article-header-intranet .header-content, .article-header-personal .header-content, .article-header-podcast .header-content, .article-header-umbrella .header-content, .article-header-working-group .header-content {
margin-top: 8.333333%; padding: 0 20% 1.66667rem 3rem; }
@media screen and (max-width: 64em) {
.article-header-department .header-content .h4, .article-header-featured-story .header-content .h4, .article-header-innerdepartment .header-content .h4, .article-header-intranet .header-content .h4, .article-header-personal .header-content .h4, .article-header-podcast .header-content .h4, .article-header-umbrella .header-content .h4, .article-header-working-group .header-content .h4 { padding-right: 40%; } }
@media screen and (max-width: 64em) and (max-width: 64em) {
.article-header-department .header-content .h4, .article-header-featured-story .header-content .h4, .article-header-innerdepartment .header-content .h4, .article-header-intranet .header-content .h4, .article-header-personal .header-content .h4, .article-header-podcast .header-content .h4, .article-header-umbrella .header-content .h4, .article-header-working-group .header-content .h4 { padding-right: 0; } }
@media screen and (max-width: 35.5em) {
.article-header-department .header-content, .article-header-featured-story .header-content, .article-header-innerdepartment .header-content, .article-header-intranet .header-content, .article-header-personal .header-content, .article-header-podcast .header-content, .article-header-umbrella .header-content, .article-header-working-group .header-content { padding-bottom: 7rem; padding-left: 2rem; padding-right: 2rem; } }
.article-header-intranet .header-wrapper-article .searchbutton, .article-header-microsite .header-wrapper-article .searchbutton {
position: absolute; top: -2rem; right: -4rem; line-height: 3rem; width: 3rem; font-size: 1.38889rem; }
@media screen and (max-width: 64em) {
.article-header-intranet .header-wrapper-article .searchbutton, .article-header-microsite .header-wrapper-article .searchbutton { top: -1.5rem; right: 2rem; } }
.article-header-intranet::before, .article-header-microsite::before {
background: #a0b987; }
.article-header-intranet .header-content, .article-header-microsite .header-content {
padding: 0; position: relative; }
@media screen and (max-width: 64em) {
.article-header-intranet .header-content, .article-header-microsite .header-content { margin-top: 0; } }
.article-header-intranet .h1, .article-header-microsite .h1 {
margin-top: -3rem; position: absolute; top: 0; left: auto; z-index: 1; }
@media screen and (max-width: 64em) {
.article-header-intranet .h1, .article-header-microsite .h1 { margin-top: -2rem; } }
.article-header-intranet::before {
background: #006464; }
.article-header-calendar::before {
background: #c3beb9; }
@media screen and (max-width: 64em) {
.article-header-calendar .header-wrapper-article { padding-top: 5.55555rem; } }
.article-header-calendar .header-wrapper-article .header-note {
margin-top: -10rem; }
.article-header-calendar .h1 {
margin-top: -3rem; }
@media screen and (max-width: 35.5em) {
.article-header-calendar .h1 { margin-top: -2rem; } }
.article-header-calendar .header-content {
padding: 0 20% 1.66667rem 3rem; }
.article-header-featured-story.stage {
margin-bottom: 7rem; }
.article-header-featured-story.stage::before {
background: #56766e; }
.article-header-featured-story.stage .header-content .tile {
width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
@media screen and (max-width: 35.5em) {
.article-header-featured-story.stage .header-content .back-button { bottom: -8rem; } }
.article-header-featured-story.stage .h1 {
position: absolute; bottom: -3.5rem; }
@media screen and (max-width: 35.5em) {
.article-header-featured-story.stage .h1 { bottom: -6.5rem; } }
.article-header-featured-story.stage .h4 {
position: absolute; left: auto; top: -2.5rem; margin-top: auto; }
.article-header-innerdepartment::before, .article-header-personal::before, .article-header-podcast::before, .article-header-umbrella::before, .article-header-working-group::before {
background: #c3beb9; }
.article-header-innerdepartment .header-content .h2, .article-header-innerdepartment .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header-innerdepartment .header-content .block-title, .article-header-personal .header-content .h2, .article-header-personal .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header-personal .header-content .block-title, .article-header-podcast .header-content .h2, .article-header-podcast .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header-podcast .header-content .block-title, .article-header-umbrella .header-content .h2, .article-header-umbrella .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header-umbrella .header-content .block-title, .article-header-working-group .header-content .h2, .article-header-working-group .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header-working-group .header-content .block-title {
margin-top: 2.77778rem; margin-bottom: 0; }
@media screen and (max-width: 35.5em) {
.article-header-innerdepartment .header-content .h2, .article-header-innerdepartment .header-content #navbar .ultimenu__flyout .block-title, #navbar .ultimenu__flyout .article-header-innerdepartment .header-content .block-title, .article-header-personal .header-content .h2, .article-header-personal .header-content #navbar .ultimenu__flyout .block-title, #navbar .ultimenu__flyout .article-header-personal .header-content .block-title, .article-header-podcast .header-content .h2, .article-header-podcast .header-content #navbar .ultimenu__flyout .block-title, #navbar .ultimenu__flyout .article-header-podcast .header-content .block-title, .article-header-umbrella .header-content .h2, .article-header-umbrella .header-content #navbar .ultimenu__flyout .block-title, #navbar .ultimenu__flyout .article-header-umbrella .header-content .block-title, .article-header-working-group .header-content .h2, .article-header-working-group .header-content #navbar .ultimenu__flyout .block-title, #navbar .ultimenu__flyout .article-header-working-group .header-content .block-title { margin-top: 15.5rem; } }
.article-header-innerdepartment .header-content .h3, .article-header-personal .header-content .h3, .article-header-podcast .header-content .h3, .article-header-umbrella .header-content .h3, .article-header-working-group .header-content .h3 {
margin-bottom: 1.66667rem; }
.article-header-innerdepartment .header-content .h4, .article-header-personal .header-content .h4, .article-header-podcast .header-content .h4, .article-header-umbrella .header-content .h4, .article-header-working-group .header-content .h4 {
margin-top: -2.5rem; }
@media screen and (max-width: 35.5em) {
.article-header-innerdepartment .header-content .h4, .article-header-personal .header-content .h4, .article-header-podcast .header-content .h4, .article-header-umbrella .header-content .h4, .article-header-working-group .header-content .h4 { margin-top: -6.5rem; } }
.article-header-podcast .header-content {
margin-top: 0; }
.article-header-podcast .header-content .header-subnav {
position: static; width: auto; }
.article-header-innerdepartment::before {
background: #6f9278; }
.article-header-innerdepartment .stage-profile {
margin: .7rem; }
@media screen and (max-width: 35.5em) {
.article-header-innerdepartment .stage-profile { margin: 0; } }
.article-header-innerdepartment .header-content {
padding-right: 30%; }
@media screen and (max-width: 35.5em) {
.article-header-innerdepartment .header-content { padding-right: 2rem; } }
.article-header-umbrella::before {
background: #a0b987; }
.article-header-umbrella .h4 {
margin-top: 0; }
@media screen and (min-width: 64.1em) {
.article-header-umbrella .h4 { margin-top: -2rem; } }
.article-header-umbrella .header-note {
margin-top: 0; }
@media screen and (min-width: 80em) {
.article-header-umbrella .header-note { margin-top: 3rem; } }
.article-header-working-group.stage::before {
background: #6f9278; }
.article-header-working-group.stage .header-content {
padding: 0 10% 1.66667rem 3rem; }
@media screen and (max-width: 35.5em) {
.article-header-working-group.stage .header-content { padding-left: 2rem; padding-right: 2rem; } }
@media screen and (max-width: 35.5em) {
.article-header-working-group.stage .header-content .h2, .article-header-working-group.stage .header-content #navbar .ultimenu__flyout .block-title, #navbar .ultimenu__flyout .article-header-working-group.stage .header-content .block-title { margin-top: 6rem; } }
@media screen and (max-width: 35.5em) {
.article-header-working-group.stage .header-content .header-subnav { position: absolute; bottom: 0; left: 2rem; } }
@media screen and (max-width: 35.5em) {
.article-header-working-group.stage .header-content .back-button { bottom: -3rem; } }
.article-header-podcast::before {
background: #c3beb9; }
.article-header-podcast .h4 {
margin-top: 0; }
@media screen and (min-width: 64.1em) {
.article-header-podcast .h4 { margin-top: -2rem; } }
@media screen and (max-width: 35.5em) {
.article-header-podcast .header-content { padding-bottom: 0; } }
.article-header-podcast .header-content .header-subnav {
margin-left: 0; }
@media screen and (max-width: 48em) {
.article-header-podcast .header-content .header-subnav { bottom: 0; } }
@media screen and (max-width: 35.5em) {
.article-header-podcast .header-content .header-subnav { padding-top: 8rem; } }
.article-header-podcast .header-content .header-subnav li a dl dt {
display: inline; padding-bottom: 0; }
.article-header-podcast .header-content .header-subnav li a dl dt, .article-header-podcast .header-content .header-subnav li a dl dt {
padding-left: 0; padding-right: 0; }
.article-header-podcast .header-content .header-subnav li a dl dd {
display: inline; margin-left: 0; padding-bottom: 0; padding-left: 0; }
@media screen and (max-width: 35.5em) {
.article-header-podcast .header-content .back-button { left: 2rem; bottom: -3rem; } }
.article-header .header-note {
margin-top: -7rem; }
.article-header .header-note .h2, .article-header .header-note navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header .header-note .block-title {
margin: 0; }
@media screen and (max-width: 64em) {
.article-header .header-note { margin-top: -6rem; } }
@media screen and (min-width: 64.1em) {
.article-header .stage-library .header-subnav { position: absolute; bottom: 24%; } }
.article-header .stage-profile {
position: absolute; padding: 0; width: 100%; top: 2.77778rem; right: 0; z-index: 1; }
@media screen and (max-width: 35.5em) {
.article-header .stage-profile { right: 2.77778rem; top: 5rem; } }
@media screen and (max-width: 35.5em) {
.article-header .stage-profile[class*='col'][class*='xs-7'], .article-header .stage-profile[class*='col'][class*='xs-8'], .article-header .stage-profile[class*='col'][class*='xs-9'], .article-header .stage-profile[class*='col'][class*='xs-10'], .article-header .stage-profile[class*='col'][class*='xs-11'], .article-header .stage-profile[class*='col'][class*='xs-12'], .article-header .stage-profile[class*='col'][class*='xs-13'], .article-header .stage-profile[class*='col'][class*='xs-14'] { right: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; } }
.article-header .stage-profile .figure-caption-tooltip figcaption, .article-header .stage-profile .figure-caption-tooltip figcaption {
left: -2.77778rem; right: 2.77778rem; }
.article-header .stage-profile .tile {
overflow: hidden; margin: 0; text-align: right; }
@media screen and (max-width: 64em) {
.article-header .stage-profile .tile { min-width: initial; } }
.article-header .stage-profile .tile img {
display: block; float: right; width: auto; max-height: 310px; }
@media screen and (max-width: 35.5em) {
.article-header .stage-profile .tile img { width: auto; max-height: 180px; } }
@media screen and (min-width: 35.5em) and (max-width: 64em) {
.article-header .stage-profile .tile img { width: auto; max-height: 280px; } }
.figure-caption.figure-caption-tooltip figcaption {
min-width: 15rem; max-width: 25rem; }
.figure-caption.figure-caption-tooltip figcaption, .figure-caption.figure-caption-tooltip figcaption {
left: inherit; right: 2.77778rem; }
.type-4 .h4 {
width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.stage-podcast-content .grid-center {
margin: 0; }
.stage-podcast-content .col-12 {
padding: 0 0 1.66667rem; }
header.event-media .header-content .event-date {
margin-top: 1.66667rem; margin-bottom: 1.666rem; }
header.event-media .header-content .h2, header.event-media .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout header.event-media .header-content .block-title {
margin-top: 0; }
.global.article-header::before {
background: #c3beb9; }
@media screen and (max-width: 64em) {
.global .header-wrapper-article { padding-top: 5.55555rem; } }
.global .header-wrapper-article .header-content {
padding: 0 10% 1.66667rem 3rem; position: relative; }
@media screen and (max-width: 35.5em) {
.global .header-wrapper-article .header-content { padding-left: 2rem; padding-right: 2rem; } }
@media screen and (max-width: 35.5em) {
.global .header-wrapper-article .header-content .header-subnav { position: absolute; left: 1.66667rem; bottom: 1.11111rem; } }
.global .header-wrapper-article .h1 {
margin-top: -3rem; }
@media screen and (max-width: 35.5em) {
.global .header-wrapper-article .h1 { margin-top: -2rem; } }
.article-header.with-image .h1 {
margin-top: -3rem; }
@media screen and (max-width: 35.5em) {
.article-header.with-image .h1 { margin-top: 9rem; position: relative; z-index: 1; } }
@media screen and (max-width: 35.5em) {
.article-header.with-image .stage-profile { top: 2.77778rem; } }
.article-header.with-image .header-content {
padding-right: 30%; }
@media screen and (max-width: 64em) {
.article-header.with-image .header-content { padding-right: 16%; } }
@media screen and (max-width: 35.5em) {
.article-header.with-image .header-content { padding-right: 2rem; } }
.article-header.with-image .header-content .h2, .article-header.with-image .header-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .article-header.with-image .header-content .block-title, .article-header.with-image .header-content h2 {
margin-bottom: 5.55555rem; }
@media screen and (max-width: 35.5em) {
.without-note .back-button { left: 2rem; bottom: -2.5rem !important; } }
audio, canvas, progress, video {
max-width: 100%; }
img {
border: 0; max-width: 100%; height: auto; }
code, kbd, pre, samp {
font-family: monospace, monospace; font-size: .8em; }
header.stage .stagecontent .field-name-field-text p {
max-width: 100%; }
.field-name-field-text p {
margin-bottom: 1.11111rem; }
.field-name-field-text blockquote::after, .field-name-field-text blockquote::before {
display: block; }
.field-name-field-text blockquote::before {
content: '\BB'; }
.field-name-field-text blockquote::after {
content: '\AB'; }
.field-name-field-text video {
display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; }
.page-content p {
margin-bottom: 1.66667rem; }
.content-lists.department-working-groups-grid .tile, .content-lists .feature-story .tile {
margin-bottom: 1.11111rem; }
.content-lists-blog-comment {
margin: 0 auto; max-width: 659px; }
.content-lists-blog-comment .border-bottom {
margin-bottom: 1.66667rem; }
.content-lists-blog-comment mark {
display: none; }
.content-lists-blog-comment header {
margin-bottom: 2.77778rem; }
.content-lists-blog-comment p {
margin-top: 1.38889rem; }
.content-lists .col-10-md-12-xs-14 {
padding-bottom: 0; }
.content-lists .view-content {
margin-top: 2rem; }
.content-lists-news .border-bottom {
margin-bottom: 1.666666rem; }
.content-lists-news .col-10-of-14-xs-9 .col-4-of-14-xs-3 {
padding-bottom: 0; }
.content-lists-press .view-content {
margin-top: 0; width: 100%; }
.content-lists-video article {
margin: 0; }
.content-lists .nav-accordeon {
margin-bottom: 2rem; }
.content-lists .news-years {
display: inline-block; }
.content-lists .umbrella-grid-content .h3 {
display: block; margin: 0; width: 100%; }
.content-lists-blog-comment .border-bottom, .content-lists-books .border-bottom, .content-lists-mediathek .border-bottom, .content-lists-news .border-bottom, .content-lists-people .border-bottom, .content-lists-projects .border-bottom {
margin: 0; padding: 0 0 1.11111rem; }
.content-lists-blog-comment div, .content-lists-books div, .content-lists-podcast div, .content-lists-video div {
padding-bottom: 2.77778rem; }
@media screen and (max-width: 35.5em) {
.content-lists-blog-comment div[class$='-xs-8'], .content-lists-books div[class$='-xs-8'], .content-lists-podcast div[class$='-xs-8'], .content-lists-video div[class$='-xs-8'] { padding-bottom: 0; } }
@media screen and (max-width: 35.5em) {
.content-lists-projects div[class*='col-'] { padding-bottom: 2.77778rem; } .content-lists-projects div[class$='-xs-8'] { padding-bottom: 0; } }
.content-lists-projects .tile-3-4 {
width: 65%; min-width: 110px; float: right; }
@media screen and (max-width: 64em) {
.content-lists-projects .tile-3-4 { min-width: initial; width: 100%; } }
@media screen and (max-width: 35.5em) {
.content-lists-people div[class*='col-'] { padding-bottom: 2.77778rem; } .content-lists-people div[class^='col-4-of-14'] { padding-bottom: 0; } }
.content-lists-people p {
max-width: 22em; }
.content-lists-events section .h3, .content-lists-events section h3 {
margin-bottom: 0.55556rem; }
.content-lists-books p, .content-lists-featurestory p {
margin-top: 1.11111rem; }
.content-lists-books blockquote, .content-lists-featurestory blockquote {
padding-bottom: 2.77778rem; }
.caption-text-under {
margin-top: .5rem; }
.figure-caption label, .figure-without-caption label, .text-caption label {
width: auto; }
.figure-caption figure, .figure-without-caption figure, .text-caption figure {
margin: 0; padding: 0; }
.figure-caption-tooltip figure, .figure-without-caption-tooltip figure, .text-caption-tooltip figure {
position: relative; }
.figure-caption-tooltip figure .tile, .figure-without-caption-tooltip figure .tile, .text-caption-tooltip figure .tile {
padding: 0; }
.figure-caption-tooltip figcaption, .figure-caption-tooltip figcaption, .figure-caption-tooltip .textcaption, .figure-caption-tooltip .textcaption, .figure-without-caption-tooltip figcaption, .figure-without-caption-tooltip figcaption, .figure-without-caption-tooltip .textcaption, .figure-without-caption-tooltip .textcaption, .text-caption-tooltip figcaption, .text-caption-tooltip figcaption, .text-caption-tooltip .textcaption, .text-caption-tooltip .textcaption {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; display: none; position: absolute; left: 2.77778rem; right: -2.77778rem; bottom: 0; margin-bottom: -2.77778rem; padding: 1.11111rem; }
.figure-caption-tooltip label, .figure-without-caption-tooltip label, .text-caption-tooltip label {
display: inline-block; width: 100%; text-align: right; padding: 0; position: absolute; top: auto; bottom: 0.27778rem; right: 0.27778rem; }
.figure-caption-tooltip label:hover, .figure-without-caption-tooltip label:hover, .text-caption-tooltip label:hover {
cursor: pointer; }
.figure-caption-tooltip input, .figure-without-caption-tooltip input, .text-caption-tooltip input {
display: none !important; }
.figure-caption-tooltip input:checked ~ .textcaption, .figure-caption-tooltip input:checked ~ figcaption, .figure-without-caption-tooltip input:checked ~ .textcaption, .figure-without-caption-tooltip input:checked ~ figcaption, .text-caption-tooltip input:checked ~ .textcaption, .text-caption-tooltip input:checked ~ figcaption {
display: inline-block; z-index: 99999; }
.figure-caption-tooltip input:checked ~ label::after, .figure-without-caption-tooltip input:checked ~ label::after, .text-caption-tooltip input:checked ~ label::after {
content: ' '; width: 100%; height: 100%; display: block; position: fixed; left: 0; top: 0; z-index: 99998; }
.figure-caption-visible figcaption, .figure-without-caption-visible figcaption, .text-caption-visible figcaption {
margin-top: 1.11111rem; }
.caption-text-under, .figure-caption-tooltip {
text-align: left; }
.content-lists.huge-module {
padding-top: 0; border-bottom: 0; }
.list-content .field {
margin-bottom: 1.11111rem; }
.list-content .field-label {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-weight: bold; font-size: .83333rem; letter-spacing: .01rem; font-style: normal; }
header.stage .stage-content p {
word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; max-width: none; }
.page-header .intranet-header {
display: block; color: #50fa96; }
.news-apply-button {
text-align: right; }
.news-apply-button .form-actions {
margin: 0; }
.news-apply-button input {
background-color: #50fa96; color: #004646; }
.header-content {
margin: 0 auto; max-width: 818px; width: 100%; }
.paragraph {
margin: 0 auto 1.66667rem; max-width: 818px; width: 100%; }
.paragraph h5 {
margin-top: 0; }
.paragraph h5 * {
font-weight: bold; font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; }
.paragraph.mar-top-XL {
margin-top: 2.77778rem; }
.paragraph.related-content {
padding: 50px 0; }
.paragraph.related-content h5 {
margin-top: 0; width: 100%; margin-bottom: 10px; }
.paragraph.related-content h5 * {
font-weight: bold; font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; }
.paragraph.related-content .paragraph-type-group-links .grid.center {
padding: 0; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.paragraph.paragraph-type-image {
margin-bottom: 0; }
.paragraph.paragraph–type–mpiwg-accordion.paragraph–view-mode–default, .paragraph.paragraph–type–mpiwg-accordion-image.paragraph–view-mode–default {
max-width: 100%; }
.field–name-field-mpiwg-media-image {
text-align: center; }
.field–name-field-mpiwg-media-image .col-14 {
display: inline-block; }
.field–name-field-mpiwg-media-image .bg-grey25 {
display: inline-block; position: relative; background-color: transparent; width: 100%; }
.field–name-field-mpiwg-media-image .figure-caption.grid, .field–name-field-mpiwg-media-image .figure-without-caption.grid {
margin: 0; }
.field–name-field-mpiwg-media-image .tile {
font-size: 0; width: auto; display: inline-block; position: relative; }
.field–name-field-mpiwg-media-image .col-4 {
-ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; }
.field–name-field-mpiwg-media-image .col-3 {
-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.paragraph-links.related-content {
margin: 0 auto 2rem; }
.paragraph-links.related-content:last-child {
margin-bottom: 0; }
.paragraph-links.related-content .related-inner {
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.paragraph-links.related-content .related-inner > div {
margin-top: 0; padding-bottom: 0; }
.paragraph-links.related-content .related-inner .multiline {
margin-bottom: .5rem; }
.paragraph-links.related-content .group-links-left.col-12 a.multiline {
max-width: 100%; }
.background-figcaption.figure-caption-tooltip.grid {
margin: 0; }
.background-figcaption.background-with-note {
position: relative; right: 22%; }
.background-figcaption label {
width: 36px; }
.field–name-field-mpiwg-text, .field-type-text-long, header.stage .field–name-field-mpiwg-text, header.stage .field-type-text-long {
position: relative; }
.paragraph-type-colorbox-images {
position: relative; }
.paragraph-type-colorbox-images label {
position: relative; display: block; font-size: 0; }
.paragraph-type-colorbox-images .field-name-field-text {
text-align: center; font-size: 0.83333rem; }
.paragraph-type-colorbox-images .iconfont_demo {
position: absolute; right: 0; top: 0; padding-right: 5px; padding-top: 5px; font-size: 18px; }
.paragraph-type-colorbox-images .iconfont_demo .icon-pfeil_rechts-oben {
margin-left: 0; }
.paragraph-type-colorbox-images .figure-caption-tooltip {
margin: 0; }
.paragraph-type-colorbox-images .with-caption.colorbox-image .field-name-field-text {
margin-top: .5rem; margin-bottom: 0; }
.paragraph-type-colorbox-images .colorbox-image-inner {
display: inline-block; position: relative; }
.paragraph-type-colorbox-images .colorbox-image {
overflow: hidden; }
.paragraph-type-colorbox-images .lightbox-item .with-caption .grid.center {
display: none; }
.paragraph-type-colorbox-images .lightbox-item:hover .icon-pfeil-rechts-oben {
background-color: #50fa96; }
.paragraph-type-colorbox-images .lightbox-item:hover .icon-pfeil-rechts-oben::after {
color: #004646; }
.paragraph-type-colorbox-images .lightbox-carousel-bgrd .lightbox-carousel-imgs img {
width: auto; }
.teaser {
margin-bottom: 1rem; }
.news-teaser .tile-title a {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; text-decoration: none; color: #004646; text-transform: uppercase; }
.news-teaser .tile-title a:hover {
color: #50fa96; }
.project-content .page-content {
margin-top: 2rem; }
.paragraph-type-image-text .grid.center {
margin: 0; }
.paragraph-type-image-text [class*='col-'] {
padding-bottom: 0; }
.paragraph-type-image-text [class*='col-3'] {
padding-right: 1.66667rem; padding-left: 0; }
.field-name-field-media-type .field-item, .field-name-field-podcast-locations .field-item, .field-name-field-podcast-media-permanant-id .field-item {
margin-bottom: 1.66667rem; }
.paragraph-type-group-links {
padding-top: 0; }
.paragraph-type-group-links [class*=‘grid’]:not() {
display: block; }
.paragraph-type-group-links h5 {
margin-top: 0; width: 100%; text-align: center; }
.paragraph-type-group-links a {
margin-left: 1.38889rem; margin-right: 1.38889rem; max-width: calc(50% - 3rem); }
.paragraph-type-group-links .col-14 {
max-width: 678px; }
.paragraph-type-links .paragraph-type-group-links h5 {
text-align: left; }
.paragraph-type-links .paragraph-type-group-links a {
margin-left: 0; margin-right: 0; max-width: 100%; }
.paragraph-type-links .paragraph-type-group-links .col-14 {
max-width: 100%; }
.paragraph-type-links .paragraph-type-group-links .grid.center {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; padding: 0; }
.list-links-title::after {
display: none; }
.hidden {
display: none !important; }
.event-date {
font-size: .83333333rem; font-weight: bold; font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; }
header.stage-book.stage-personal .stage-content {
height: auto; }
header.stage-book.stage-personal .list-links {
margin-top: 1.66666rem; }
header.stage-book.stage-personal .page-content {
padding: 0 3rem 1.666666rem; }
header.stage-book.stage-personal .page-content .col-6 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
header.stage-book.stage-personal .page-content .col-6 h4 {
margin-top: 0; margin-bottom: 0; }
header.stage-book.stage-personal .related-content .grid.center.related-inner > div {
margin-top: 0 !important; padding-bottom: 0 !important; }
header.stage-book.stage-personal .related-content .grid.center.related-inner .field-label {
margin-top: 0; }
header.stage-book.stage-personal .related-content .grid.center.related-inner .field-item {
padding: 0; margin-bottom: .5rem; }
header.stage-book.stage-personal .download.related-content {
margin: 2rem 0; }
header.stage-news .stage-content .h4 {
padding-bottom: 2rem; }
header.stage-news .stage-content .h2, header.stage-news .stage-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout header.stage-news .stage-content .block-title, header.stage-news .stage-content h2 {
margin-top: 1.66667rem; }
header.stage-news .stage-content .tile-quicklink .h2, header.stage-news .stage-content .tile-quicklink navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout header.stage-news .stage-content .tile-quicklink .block-title {
margin-top: 0; }
header.stage-podcast .stage-content .h2, header.stage-podcast .stage-content navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout header.stage-podcast .stage-content .block-title {
margin-top: 1.38889rem; margin-bottom: 0; }
header.stage-podcast .stage-content .h3 {
margin-bottom: 1.38889rem; }
header.stage-podcast .stage-content.with-sections-content {
padding-right: 3rem; }
header.stage-personal a.multiline [class^='icon-'] {
position: relative; margin-left: 0; }
header.stage-video .stage-content {
position: relative; }
header.stage-video .stage-content .media {
position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }
header.stage-video .stage-content .h4 {
margin-top: -2rem; }
header.stage-video .page-content {
padding: 0; }
.profile-content {
margin: 0 auto; max-width: 889px; }
.block-entity-fieldprofilefield-scholar-keywords .list-links-keywords .button:hover, .block-entity-fieldprofilefield-scholar-keywords .list-links-keywords .block-latest-publication-media .button-type a:hover, .block-latest-publication-media .button-type .block-entity-fieldprofilefield-scholar-keywords .list-links-keywords a:hover {
color: #50fa96; }
.nav-accordeon-list-accord-group li section.accordion-content-sec .tile-quicklink a:hover {
background-color: #006464; }
.block-entity-fieldnodefield-page-content {
padding-top: 0; padding-bottom: 0; }
.with-back-button {
margin-bottom: 5.55555rem; }
.block-title {
color: #878278; }
.events-calendar-wrapper {
padding-bottom: 0; }
.several-speakers {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; padding-left: 0; margin-right: 0; }
.stage-content .several-speakers {
display: none; }
.content-lists .list-links .speakers-hidden, .nav-accordeon-list .list-links .speakers-hidden {
display: none; }
input.accordion-helper:checked ~ header .speakers-hidden {
display: inline; }
input.accordion-helper:checked ~ header .several-speakers {
display: none; }
.newsletter-subscribe {
margin: 2.77778rem auto 0; max-width: 818px; }
.newsletter-subscribe .block-title {
margin-top: 0; }
.newsletter-subscribe .block-image-link {
margin-right: 0; padding-top: 0; padding-bottom: 0; max-width: 230px; }
.newsletter-subscribe .block-image-link .bg-image {
height: 100%; }
.block-image-link {
max-width: 290px; }
.block-image-link .bg-image {
padding: 1em; background-size: 100%; }
.block-image-link .h2, .block-image-link navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .block-image-link .block-title {
margin: 0; }
.block-image-link a {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; text-transform: none; font-size: 40px; }
views-exposed-form-scholar-profiles-archived-people-list .form-item-end, views-exposed-form-scholar-profiles-archived-people-list .form-item-start, .form-item-field-scholar-presence-end-value, .form-item-field-scholar-presence-value-max, .form-item-field-scholar-presence-value-min {
display: none; }
.comment-form {
margin-top: 5.0rem; }
.comment-form .field-name-field-comment-email, .comment-form .field-name-field-comment-name {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
@media screen and (max-width: 64em) {
.comment-form .field-name-field-comment-email, .comment-form .field-name-field-comment-name { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } }
@media screen and (max-width: 35.5em) {
.comment-form .field-name-field-comment-email, .comment-form .field-name-field-comment-name { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }
.comment-form .form-control {
border: 0; background-color: #f0f0ee; }
input {
background-color: #006464; color: #50fa96; }
.figure-caption-node .small div {
display: inline-block; position: relative; font-size: 0; }
.figure-caption-node figcaption {
font-size: 0.83333rem; }
.text-caption-tooltip {
display: inline-block; margin-left: .3rem; margin-right: .3rem; position: relative; }
.text-caption-tooltip label {
display: inline-block; width: auto; position: relative; top: auto; bottom: auto; right: auto; }
.text-caption-tooltip .textcaption {
min-width: 35rem; max-width: 45rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: auto; right: auto; }
@media screen and (max-width: 35.5em) {
.text-caption-tooltip .textcaption { min-width: 20rem; max-width: 25rem; } }
.content-panel-main .huge-module:first-child {
padding-top: 0; }
.intranet-header .huge-module {
padding-top: 2.77778rem; padding-bottom: 2.77778rem; }
header.mar-bottom-XL .stage-note .tile {
margin-bottom: -2.77778rem; }
.figure-caption-tooltip, .paragraph-type-links, .paragraph-type-quick-links-group, .tile-content, header.stage .tile-content {
word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.paragraph-type-accordion .accordion-content h1, .paragraph-type-accordion .accordion-content h2, .paragraph-type-accordion .accordion-content h3, .paragraph-type-accordion .accordion-content h4 {
color: #a5a09b; }
.paragraph-type-accordion .accordion-content h2 {
font-size: 25px; }
.field–name-field-mpiwg-text .h2, .field–name-field-mpiwg-text navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .field–name-field-mpiwg-text .block-title, .field–name-field-mpiwg-text h2, .paragraph-type-image-text .h2, .paragraph-type-image-text navbar .ultimenu__flyout .block-title, navbar .ultimenu__flyout .paragraph-type-image-text .block-title, .paragraph-type-image-text h2 {
color: #a5a09b; font-size: 25px; }
.figure-caption-tooltip img {
display: block; margin: 0 auto; }
.tile figcaption p {
margin: 0; }
.tile figcaption a {
display: inline-block; }
.border-bottom {
border-bottom: solid 3px #a5a09b; }
blockquote p {
padding-bottom: 0.55556rem; }
blockquote q {
quotes: '\BB' '\AB' '\203A' '\2039'; }
blockquote q::after, blockquote q::before {
display: block; }
.leading-zero {
counter-reset: items; }
.leading-zero li {
display: block; counter-increment: items; padding-left: 2.77778rem; margin-bottom: 2.77778rem; }
.leading-zero li::before {
content: "0" counter(items); }
.leading-zero li:nth-child(n+10)::before {
content: counter(items); }
.to-top {
float: right; }
.to-top i {
position: relative; bottom: -.4rem; }
.messages {
position: relative; background-position: 10px 20px; }
.messages.close {
position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }
.messages.close:hover {
font-weight: bold; }
section.completeheaders {
max-width: 100%; padding: 0 1em; }
.page-header {
margin-top: 30px; }
.page-header h4 {
margin-bottom: 20px; }
div.stage {
max-width: 955px; margin-left: auto; margin-right: auto; }
header nav.nav-mobile {
z-index: 1000; }
header nav.nav-mobile.sticky {
display: none; will-change: top; position: fixed; left: 0; top: 0; width: 100%; -webkit-transition: top .2s; transition: top .2s; }
header nav.nav-mobile.sticky.sticky-hiden {
top: -3rem; }
@media screen and (max-width: 35.5em) {
header nav.nav-mobile.sticky { display: block; } }
header nav.nav-flyout {
display: block; }
@media screen and (max-width: 35.5em) {
header nav.nav-flyout { display: none; } }
.side-menu {
display: none; position: fixed; top: 25%; left: 20px; max-width: 200px; z-index: 1; }
@media screen and (min-width: 1500px) {
.side-menu { display: block; } }
.side-menu .spy-scroll-wrapper {
margin-bottom: 0; }
.side-menu .spy-scroll {
display: inline-block; position: relative; font-size: .8rem; line-height: 1.3; }
.side-menu .spy-scroll span {
display: inline-block; padding-left: 20px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: transparent; }
.side-menu .spy-scroll span:hover {
visibility: visible; color: #50fa96; }
.side-menu .spy-scroll::before {
display: block; content: ''; position: absolute; top: 3px; border-radius: 50%; width: 12px; height: 12px; background-color: #50fa96; }
.side-menu .active .spy-scroll span {
color: #004646; }
.side-menu .active .spy-scroll::before {
background-color: #004646; }
.side-menu .active .spy-scroll:hover::before {
background-color: #50fa96; }
@media screen and (max-width: 64em) {
.side-menu { display: none; } }
.block-hide {
visibility: hidden; }
.search-popup {
position: relative; }
search-modal-trigger {
position: absolute; top: -15px; right: -70px; z-index: 10; }
search-modal-trigger:hover .icon-lupe {
color: #50fa96; }
@media screen and (max-width: 64em) {
#search-modal-trigger { top: -8px; right: auto; left: 80px; width: 50px; height: 50px; background-color: transparent; } }
search-modal-trigger .icon-lupe {
font-size: 24px; color: #006464; }
@media screen and (max-width: 64em) {
#search-modal-trigger .icon-lupe { color: #50fa96; } }
search-modal .modal-content {
background-color: #50fa96; }
.search-dropdown–hidden {
display: none; }
.search-dropdown .block-views {
padding-top: 2rem; }
.search-dropdown.nav-accordeon.nav-search-and-keywords .nav-accordeon-list {
display: block; padding-top: 0; }
@media screen and (min-width: 48em) {
.search-dropdown.nav-accordeon.nav-search-and-keywords .nav-accordeon-list { max-height: none; } }
.view-display-id-intranet_search_page .view-filters, .view-id-welcome_page_search.view-display-id-welcome_page_search_page .view-filters {
display: none; }
.search-results-total {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
header.stage.stage-search .views-row {
margin-bottom: 2.77778rem; }
header.stage.stage-search .stage-content h3 {
margin: 0 0 0.55556rem; }
header.stage.stage-search .stage-content p {
margin: 0; max-width: none; }
.field–name-field-text {
margin-bottom: 1em; }
.field–name-field-text .read-more-part, .field–name-field-text .read_more_part {
display: none; }
.field–name-field-text .read-more-part:first-child, .field–name-field-text .read_more_part:first-child {
display: block; }
.field–name-field-text .readmore {
margin-top: 1em; }
.figure-caption .field–name-field-text, .figure-caption .field–name-field-text p, .figure-without-caption .field–name-field-text, .figure-without-caption .field–name-field-text p {
margin-bottom: 0; }
.readmore-trigger {
margin-top: 30px; text-align: center; }
.readmore-trigger .field–name-field-text + [data-readmore-toggle], .readmore-trigger .field–name-field-text {
display: inline-block; width: auto; }
datalist {
display: inline-block; }
.nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white input, .nav-accordeon-list.color-white textarea {
background: #fff; }
.nav-accordeon-list.color-white label {
color: #fff; }
margin-right: 10px; }
select {
width: 100%; }
forms fieldset {
margin-top: 0; }
option, select {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
.newsletter .h3, .newsletter h3 {
margin-bottom: 1.11111rem; }
.newsletter form {
margin-top: 1.66667rem; }
@media screen and (max-width: 48em) {
.inputform[class*='grid'] { margin: 0; } }
.inputform > [class*='col'] {
padding: 0; }
.inputform form fieldset {
border: 0; padding: 2.77778rem 0; }
@media screen and (max-width: 35.5em) {
.inputform form fieldset { padding: 2.175rem 0 0.55556rem; } }
.inputform form fieldset ul li {
padding-bottom: 1.11111rem; }
.inputform form fieldset ul li {
padding: 0; }
.inputform form fieldset ul li:last-child {
margin-bottom: 0; }
.inputform form fieldset label {
padding: 0 0 0.55556rem; }
.inputform form fieldset input, .inputform form fieldset textarea {
margin: 0; }
.inputform form fieldset p {
padding-bottom: 0; }
@media screen and (max-width: 35.5em) {
.inputform form fieldset p { margin-top: 1.11111rem; } }
.inputform form fieldset .form-ctrl {
margin-top: 0.55556rem; }
.inputform form fieldset .form-ctrl button + a {
margin-left: 1.11111rem; }
.inputform.search-form form fieldset button, .inputform.search-form form fieldset button {
font-size: 1.11111rem; height: 2.77778rem; }
.inputform.search-form form fieldset button.postfix, .inputform.search-form form fieldset button.prefix, .inputform.search-form form fieldset button.postfix, .inputform.search-form form fieldset button.prefix {
max-width: 2.77778rem; }
@media screen and (max-width: 35.5em) {
.inputform.search-form form fieldset button { margin-left: 0; } }
@media screen and (max-width: 35.5em) {
.inputform.search-form form fieldset p { margin-bottom: 0.55556rem; padding-left: 0.55556rem; } }
@media screen and (max-width: 35.5em) {
.inputform.login-form form fieldset { padding-bottom: 1.66667rem; } }
.inputform.login-form form fieldset ul li {
margin-bottom: 1.11111rem; }
.inputform.login-form form fieldset ul li:last-child {
margin-bottom: 0; }
.inputform.registration-form form fieldset ul li {
margin-bottom: 1.66667rem; }
.input-reset-style {
display: inline-block; background: transparent; padding: 0; margin: 0; }
.input-reset-style:focus {
-webkit-box-shadow: none; box-shadow: none; border-color: transparent; outline: none; }
.welcome-screen {
max-width: 100%; }
.welcome-screen h3 {
margin: 10px 0; font-size: 40px !important; line-height: 50px; }
.welcome-screen liveClockTicker {
line-height: 100px; font-size: 25px !important; }
.welcome-screen h5 {
line-height: 100px; padding-left: 100px !important; font-size: 25px !important; }
.welcome-screen header {
line-height: 100px; padding-left: 100px !important; font-size: 25px; }
.welcome-screen .list-links {
display: inline; }
.welcome-screen .list-links li a, .welcome-screen .list-links li span {
text-transform: none; }
.welcome-screen .list-links li span {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 25px !important; line-height: 15px; padding-top: 0; }
.welcome-screen .list-links .item, .welcome-screen .list-links .pipe {
display: inline; }
.welcome-screen .list-links .item span::after, .welcome-screen .list-links .pipe span::after {
font-size: 14px; }
.welcome-screen .list-links .pipe {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; font-size: 25px; }
.welcome-screen .list-links .event-top span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
.welcome-screen .current-events {
padding: 0 !important; position: relative; }
.welcome-screen .current-events p {
font-size: 25px !important; line-height: 35px; }
.welcome-screen .current-events .tile-note p {
font-size: 0.83333rem !important; }
.welcome-screen .current-events::before {
position: absolute; top: 0; right: 0; bottom: 100px; left: 0; content: ''; z-index: 1; background: #006464; display: block; }
.welcome-screen .current-events [class*='col'] {
z-index: 10; }
.welcome-screen .tile-note::before {
border-color: #fff #fff #50fa96 #50fa96; }
.welcome-screen .tile-note .tile-content {
-webkit-box-align: start; -ms-flex-align: start; align-items: start; top: auto; right: 18px; bottom: auto; left: 18px; }
.welcome-screen .tile-note .tile-content .col {
padding: 18px; }
.welcome-screen .tile-note em, .welcome-screen .tile-note p {
word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.welcome-screen .book-cover {
margin-left: 14.28571%; -ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; width: 35.71429%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 220px; }
.welcome-screen .book-cover img {
max-height: 680px; max-width: none; height: auto; width: auto; }
.welcome-screen .block-region-content {
display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 0 50px; }
.welcome-screen .col-6 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; width: 42.85714%; padding: 0; }
.welcome-screen .col-3-bottom {
-ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; margin-left: -14.28571%; padding: 0; }
.welcome-screen-title {
font-size: 25px !important; line-height: 35px; }
.welcome-screen-title li, .welcome-screen-title p, .welcome-screen-title ul {
display: inline; margin-bottom: 0; }
.welcome-screen-title a {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 25px; }
.welcome-screen-project {
display: inline; }
.welcome-screen-project .list-links span::before {
content: ' '; display: inline; border-right: 2px solid #006464; font-size: 14px; position: relative; top: -.1rem; margin: .555555rem 0 0; }
.welcome-screen .several-speakers span {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; }
.welcome-screen .several-speakers span::after {
display: none; }
.welcome-screen-speakers {
display: inline; }
.page-node-type-lobby-tv .button-ultimenu {
display: none; }
color: #000; text-shadow: 0 1px #fff; font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
pre::-moz-selection, pre ::-moz-selection, code::-moz-selection, code ::-moz-selection {
text-shadow: none; background: #b3d4fc; }
pre::selection, pre ::selection, code::selection, code ::selection {
text-shadow: none; background: #b3d4fc; }
@media print {
code[class*='language-'], pre[class*='language-'] { text-shadow: none; } }
pre {
padding: 1em; margin: 0 0 2em; overflow: auto; }
background: #f5f2f0; }
:not(pre) > code {
padding: .1em; border-radius: .3em; }
.token.cdata, .token.comment, .token.doctype, .token.prolog {
color: slategray; }
.token.punctuation {
color: #999; }
.namespace {
opacity: .7; }
.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
color: #905; }
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
color: #690; }
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
color: #a67f59; background: rgba(255, 255, 255, 0.5); }
.token.atrule, .token.attr-value, .token.keyword {
color: #07a; }
.token.function {
color: #dd4a68; }
.token.important, .token.regex, .token.variable {
color: #e90; }
.token.important {
font-weight: bold; }
.token.entity {
cursor: help; }
pre {
position: relative; padding: 1em 0 1em 3em; }
.line-highlight {
position: absolute; left: 0; right: 0; padding: inherit 0; margin-top: 1em; background: -webkit-gradient(linear, right top, left top, color-stop(70%, rgba(153, 122, 102, 0.1)), to(rgba(153, 122, 102, 0))); background: linear-gradient(to left, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0)); pointer-events: none; line-height: inherit; white-space: pre; }
.line-highlight::before, .line-highlight::after {
content: attr(data-start); position: absolute; top: .4em; left: .6em; min-width: 1em; padding: 0 .5em; background-color: rgba(153, 122, 102, 0.4); color: #f5f2f0; font: bold 65% / 1.5 sans-serif; text-align: center; vertical-align: .3em; border-radius: 999px; text-shadow: none; -webkit-box-shadow: 0 1px #fff; box-shadow: 0 1px #fff; }
.line-highlight::after {
content: attr(data-end); top: auto; bottom: .4em; }
pre.line-numbers {
position: relative; padding-left: 3.8em; counter-reset: linenumber; }
pre.line-numbers > code {
position: relative; }
.line-numbers .line-numbers-rows {
position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.line-numbers-rows > span {
pointer-events: none; display: block; counter-increment: linenumber; }
.line-numbers-rows > span::before {
content: counter(linenumber); color: #999; display: block; padding-right: .8em; text-align: right; }
pre {
position: relative; }
overflow: scroll; max-height: 28em; display: block; }
content: attr(data-language); color: black; background-color: #cfcfcf; display: inline-block; position: absolute; top: 0; right: 0; font-size: .9em; border-radius: 0 0 0 5px; padding: 0 .5em; text-shadow: none; }
.logo-type {
margin-bottom: 3rem; padding-top: 2rem; }
.logo-type h4 {
line-height: 1.4rem; }
.logo-type .no-gutter > .col {
padding-right: 1.666666666rem; }
@media screen and (max-width: 35.5em) {
.logo-type .no-gutter > .col { padding-right: .55555rem; max-width: 75%; } }
.logo-type div, .logo-type h4 {
padding-bottom: 0; margin-top: 0; }
.logo-type img {
padding-right: 1.666666666rem; }
.logo-type h4 {
color: #006464; }
.logo-type h4 span.logo-name-en {
text-transform: none; display: block; }
@media screen and (max-width: 35.5em) {
.logo-type h4 span.logo-name-en { display: none; } }
.header-wrapper {
background: #fff; }
.microsite-footer .footer-logo-wrapper {
padding: 0; }
.microsite-footer .footer-logo {
padding-right: 2rem; }
.microsite-footer span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; line-height: 1.66667rem; }
@media screen and (max-width: 35.5em) {
.microsite-footer .footer-inner { padding-bottom: 1.38889rem; } }
.microsite-footer nav {
position: relative; }
.microsite-footer nav a {
padding-bottom: .3rem; line-height: 20px; }
@media screen and (max-width: 35.5em) {
.microsite-footer nav a.col { padding: 0; } }
.microsite-footer nav span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; line-height: 1.66667rem; }
.microsite-footer nav a.xtra {
position: absolute; left: 0; bottom: 1.38889rem; }
@media screen and (max-width: 35.5em) {
.microsite-footer nav a.xtra { position: static; } }
.footer {
border: 0; margin-top: 2rem; }
.microsite .footer {
margin-top: 0; }
@media screen and (max-width: 64em) {
.microsite .footer.inner .col1, .microsite .footer.inner .col2 { margin-bottom: 2rem; } .microsite .footer.inner .col1, .microsite .footer.inner .col2, .microsite .footer.inner .footer-logo-text { text-align: center; } .microsite .footer.inner .col1, .microsite .footer.inner .footer-logo-wrapper { margin-left: 0; } }
@media screen and (max-width: 48em) {
.microsite .footer.inner .col2 { margin-left: 0; } }
.huge-sidebar__toggle–in {
overflow: hidden; cursor: pointer; text-align: center; right: 0; z-index: 10; width: 45px; position: fixed; padding: 0; height: 35px; background: none; left: 187px; top: 15px; }
.huge-sidebar__toggle–in a {
display: inline-block; float: none; text-indent: -99999px; position: relative; width: 15px; height: 2px; background: #fff; clear: both; margin: 16px auto 0; }
.huge-sidebar__toggle–in a::before {
display: block; float: left; clear: both; content: ''; position: absolute; width: 100%; height: 2px; left: 0; background: #777; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.huge-sidebar__toggle–in a::after {
display: block; float: left; clear: both; content: ''; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background: #777; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; }
.huge-sidebar__toggle–out {
margin: 0; overflow: hidden; cursor: pointer; text-align: center; height: 63px; width: 63px; background-color: #004646; padding: 20px 0 10px; z-index: 10; position: absolute; }
.huge-sidebar__toggle–out:hover a::before {
top: -8px; }
.huge-sidebar__toggle–out:hover a::after {
bottom: -8px; }
.huge-sidebar__toggle–out a {
display: inline-block; float: none; text-indent: -99999px; position: relative; width: 23px; height: 2px; background: #fff; clear: both; margin: 10px auto 0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }
.huge-sidebar__toggle–out a::before {
display: block; float: left; clear: both; content: ''; position: absolute; width: 100%; height: 2px; top: -4px; left: 0; background: #fff; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }
.huge-sidebar__toggle–out a::after {
display: block; float: left; clear: both; content: ''; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background: #fff; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }
.huge-sidebar__logo {
display: block; width: 140px; margin: 29px 0 40px 29px; }
.huge-sidebar__content {
position: fixed; background-color: #fff; border-right: 1px solid #e1e1dc; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72); -webkit-transform: translateX(-240px); transition: -webkit-transform 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72); transition: transform 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72); transition: transform 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72), -webkit-transform 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72); transform: translateX(-240px); height: 100%; width: 240px; z-index: 11; overflow: auto; }
.huge-sidebar__content img {
width: 80%; display: block; margin: 1em auto; }
.huge-sidebar__nav {
margin-top: 30px; }
.huge-sidebar__nav__item__link {
display: block; padding: 12px 16px 12px 29px; color: #e1e1dc; font-family: 'Apercu Pro', sans-serif; text-decoration: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; line-height: 1.5; border-left: 0 solid #004646; outline: none; -webkit-transition: all .4s ease; transition: all .4s ease; }
.huge-sidebar__nav__item__link.active, .huge-sidebar__nav__item__hover {
color: #004646; -webkit-transition: all .4s ease; transition: all .4s ease; border-left: 4px solid #004646; }
body.opened .huge-sidebar__content {
position: fixed; -webkit-transform: translateX(0); transform: translateX(0); }
.huge-sidebar__content svg {
margin: 90px 0 12px; width: 140px; }
huge-logo {
fill: #000; }
body.opened .huge-iframe-wrapper {
left: 240px; width: calc(100% - 240px); max-width: calc(100% - 240px); }
.huge-module {
max-width: 955px; margin: 0 auto; clear: both; padding: 2em 1em; }
.huge-module:last-child {
border-bottom: 0; }
.huge-iframe-wrapper {
overflow: hidden; height: 100%; width: 100%; left: 0; padding: 0; margin: 0; max-width: initial; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: left 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72), width 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72); transition: left 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72), width 0.2s cubic-bezier(0.37, 0.62, 0.47, 0.72); background-color: #e1e1dc; position: relative; }
.huge-iframe-wrapper iframe {
border: 0; overflow: hidden; overflow-x: hidden; overflow-y: hidden; height: calc(100% - 65px) !important; width: 100%; max-width: 100%; position: absolute; top: 65px; left: 0; right: 0; bottom: 0; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; margin: 0 auto; }
.huge-iframe-content {
max-width: 100%; margin: 0 auto; padding: 15px 0 0; background-color: #fff; }
.huge-iframe-content iframe {
border: 0; overflow: hidden; overflow-x: hidden; overflow-y: hidden; height: 15rem; width: 100%; max-width: 100%; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; margin: 0 auto; }
.huge-module__toggle-code {
display: block; text-indent: -9999999px; height: 1.5em; opacity: .5; margin-bottom: 15px; position: relative; z-index: 9; float: right; clear: right; min-width: 30px; }
overflow: auto; }
cboxOverlay {
background-color: rgba(255, 255, 255, 0.5); }
colorbox cboxContent, colorbox cboxWrapper {
background: transparent; }
colorbox cboxCurrent {
display: none; }
colorbox cboxNext, colorbox cboxPrevious {
top: 50%; margin-top: -18px; width: 36px; height: 36px; background: url(data:application/image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTphcHBsaWNhdGlvbi9pbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhacFpYZENiM2c5SWpBZ01DQXhNREFnTVRBd0lqNDhjR0YwYUNCa1BTSk5JREV3TERVd0lFd2dOakFzTVRBd0lFd2dOekFzT1RBZ1RDQXpNQ3cxTUNBZ1RDQTNNQ3d4TUNCTUlEWXdMREFnV2lJZ1kyeGhjM005SW1GeWNtOTNJaUJtYVd4c1BTSWpZek5pWldJNUlqNDhMM0JoZEdnK1BDOXpkbWMrQ2c9PSI=); }
colorbox cboxNext {
-webkit-transform: rotate(180deg); transform: rotate(180deg); right: 0; left: initial; }
colorbox cboxClose {
top: 0; right: 0; }
.view-books .author.external-scholar {
text-transform: uppercase; }
.block-echo form .form-item {
margin-bottom: 0; }
.block-echo .col-12.md-14 {
padding-left: 0; padding-right: 0; }
.block-echo-search {
padding-bottom: 0; }
max-width: 2.77778rem; background-color: #50fa96; }
.block-echo-action:hover {
background-color: #006464; }
.block-echo-action {
position: relative; width: 2.77778rem; height: 2.77778rem; padding: 0; }
.block-echo-action .button, .block-echo-action .block-latest-publication-media .button-type a, .block-latest-publication-media .button-type .block-echo-action a {
position: relative; z-index: 1; width: 2.77778rem; height: 2.77778rem; background-color: transparent; }
.block-echo .icon-lupe::after {
position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.block-echo .icon-lupe:hover::after {
color: #50fa96; }
.block-views-blockecho-list .echo [class*='col-4'] {
text-align: right; }
.block-views-blockecho-list .echo .grid {
margin: 0; }
.visually-hidden, .label–visually_hidden {
position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; }
.label–above {
display: block; }
.label–inline {
display: inline-block; }
.form-with-style [type='checkbox']:checked, .form-with-style [type='checkbox']:not(:checked), form [type='checkbox']:checked, form [type='checkbox']:not(:checked) {
position: absolute; left: -9999px; }
.form-with-style [type='checkbox']:checked + label, .form-with-style [type='checkbox']:not(:checked) + label, form [type='checkbox']:checked + label, form [type='checkbox']:not(:checked) + label {
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; padding-left: 2em; cursor: pointer; }
.form-with-style [type='checkbox']:checked + label::before, .form-with-style [type='checkbox']:not(:checked) + label::before, form [type='checkbox']:checked + label::before, form [type='checkbox']:not(:checked) + label::before {
-webkit-transition: all .12s; transition: all .12s; content: ''; position: absolute; left: 0; top: 0; width: 1.4em; height: 1.4em; background: #fff; }
.form-with-style [type='checkbox']:checked + label::before, form [type='checkbox']:checked + label::before {
background: #006464; }
.form-with-style [type='checkbox']:checked + label::after, .form-with-style [type='checkbox']:not(:checked) + label::after, form [type='checkbox']:checked + label::after, form [type='checkbox']:not(:checked) + label::after {
content: url(data:application/image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTphcHBsaWNhdGlvbi9pbWFnZS9zdmcreG1sO2Jhc2U2NCxJRHh6ZG1jZ2VHMXNibk05SjJoMGRIQTZMeTkzZDNjdWR6TXViM0puTHpJd01EQXZjM1puSnlCM2FXUjBhRDBuTVRRdU15Y2dhR1ZwWjJoMFBTY3hNUzR4SnlCMmFXVjNRbTk0UFNjd0lEQWdNVFF1TXlBeE1TNHhKejQ4YzNSNWJHVStMbUZ5Y205M2UyWnBiR3c2STNza2NISnBiV0Z5ZVdSaGNtdGxibjA3ZlR3dmMzUjViR1UrUEdjZ2FXUTlKMUJoWjJVdE1WOHhYeWMrUEhCaGRHZ2dZMnhoYzNNOUoyRnljbTkzSnlCa1BTZE5OUzQwSURFeExqRk1NQ0EwTGpsc01pNHpMVElnTXk0eklETXVPRXd4TWk0eElEQnNNaTR5SURJdU1Yb25JR2xrUFNkVFpXRnlZMmd0UzJWNWQyOXlaSE5mTVY5MFlXSnNaWFJmTVY4bkx6NDhMMmMrUEM5emRtYysi); fill: #004646; font-size: 1.3em; position: absolute; top: .08em; left: .12em; line-height: .8; -webkit-transition: all .12s; transition: all .12s; }
.form-with-style [type='checkbox']:checked + label::after .arrow, .form-with-style [type='checkbox']:not(:checked) + label::after .arrow, form [type='checkbox']:checked + label::after .arrow, form [type='checkbox']:not(:checked) + label::after .arrow {
fill: #006464; }
.form-with-style [type='checkbox']:not(:checked) + label::after, form [type='checkbox']:not(:checked) + label::after {
opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.form-with-style [type='checkbox']:checked + label::after, form [type='checkbox']:checked + label::after {
opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.form-with-style [type='checkbox']:disabled:checked + label::before, .form-with-style [type='checkbox']:disabled:not(:checked) + label::before, form [type='checkbox']:disabled:checked + label::before, form [type='checkbox']:disabled:not(:checked) + label::before {
-webkit-box-shadow: none; box-shadow: none; background-color: #f0f0ee; }
.form-with-style [type='checkbox']:disabled:checked + label::after, form [type='checkbox']:disabled:checked + label::after {
color: #c3beb9; }
.form-with-style [type='checkbox']:disabled + label, form [type='checkbox']:disabled + label {
color: #e1e1dc; }
.bg-primarydarken [type='checkbox']:checked + label::before {
background: #50fa96; }
.bg-primarydarken.more-link {
background-color: transparent; text-align: center; }
.bg-primarydarken.more-link a {
background-color: #006464; color: #50fa96; }
.bg-primarydarken.more-link a:hover {
background: #50fa96; color: #006464; }
.bg-secondary [type='checkbox']:checked + label::before {
background: #006464; }
.bg-secondary [type='checkbox']:checked + label::after, .bg-secondary [type='checkbox']:not(:checked) + label::after {
content: url(data:application/image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTphcHBsaWNhdGlvbi9pbWFnZS9zdmcreG1sO2Jhc2U2NCxJRHh6ZG1jZ2VHMXNibk05SjJoMGRIQTZMeTkzZDNjdWR6TXViM0puTHpJd01EQXZjM1puSnlCM2FXUjBhRDBuTVRRdU15Y2dhR1ZwWjJoMFBTY3hNUzR4SnlCMmFXVjNRbTk0UFNjd0lEQWdNVFF1TXlBeE1TNHhKejQ4YzNSNWJHVStMbUZ5Y205M2UyWnBiR3c2STNza2NISnBiV0Z5ZVdSaGNtdGxibjA3ZlR3dmMzUjViR1UrUEdjZ2FXUTlKMUJoWjJVdE1WOHhYeWMrUEhCaGRHZ2dZMnhoYzNNOUoyRnljbTkzSnlCa1BTZE5OUzQwSURFeExqRk1NQ0EwTGpsc01pNHpMVElnTXk0eklETXVPRXd4TWk0eElEQnNNaTR5SURJdU1Yb25JR2xrUFNkVFpXRnlZMmd0UzJWNWQyOXlaSE5mTVY5MFlXSnNaWFJmTVY4bkx6NDhMMmMrUEM5emRtYysi); fill: #50fa96; }
.bg-secondary a:hover {
color: #fff; }
.choices {
position: relative; margin-bottom: 24px; font-size: 16px; }
.choices:focus {
outline: none; }
.choices:last-child {
margin-bottom: 0; }
.choices.is-disabled .choices-inner, .choices.is-disabled .choices-input {
background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.choices.is-disabled .choices-item {
cursor: not-allowed; }
.choices {
cursor: pointer; }
.choices .choices-inner {
padding-bottom: 7.5px; padding-top: 3.5px; }
.choices .choices-input {
display: block; width: 100%; padding: 10px; background-color: #fff; margin: 0; }
.choices .choices-button {
background-image: url(data:application/image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTphcHBsaWNhdGlvbi9pbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCM2FXUjBhRDBpTWpFaUlHaGxhV2RvZEQwaU1qRWlJSFpwWlhkQ2IzZzlJakFnTUNBeU1TQXlNU0lnZUcxc2JuTTlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5Mekl3TURBdmMzWm5JajQ4WnlCbWFXeHNQU0lqTURBd0lpQm1hV3hzTFhKMWJHVTlJbVYyWlc1dlpHUWlQanh3WVhSb0lHUTlJazB5TGpVNU1pNHdORFJzTVRndU16WTBJREU0TGpNMk5DMHlMalUwT0NBeUxqVTBPRXd1TURRMElESXVOVGt5ZWlJdlBqeHdZWFJvSUdROUlrMHdJREU0TGpNMk5Fd3hPQzR6TmpRZ01Hd3lMalUwT0NBeUxqVTBPRXd5TGpVME9DQXlNQzQ1TVRKNklpOCtQQzluUGp3dmMzWm5QZz09Ig==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: .5; }
.choices .choices-button:focus, .choices .choices-button:hover {
opacity: 1; }
.choices .choices-button:focus {
-webkit-box-shadow: 0 0 0 2px #004646; box-shadow: 0 0 0 2px #004646; }
.choices::after {
font-family: 'mpiwg-icons'; content: '\E90B'; display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; right: 11.5px; top: 31%; margin-top: -2.5px; pointer-events: none; -webkit-transition: .1s transform; transition: .1s transform; }
.choices.is-open::after {
-webkit-transform: rotate(90deg) translateY(2px); transform: rotate(90deg) translateY(2px); border-color: transparent transparent #004646; }
.choices[dir='rtl']::after {
left: 11.5px; right: auto; }
.choices[dir='rtl'] .choices-button {
right: auto; left: 0; margin-left: 25px; margin-right: 0; }
.choices .choices-inner, .choices .choices-inner {
cursor: text; }
.choices .choices-button, .choices .choices-button {
position: relative; display: inline-block; margin: -0.27778rem 0 0.55556rem; padding-left: 1.11111rem; border-left: 1px solid #001313; background-image: url(data:application/image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTphcHBsaWNhdGlvbi9pbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCM2FXUjBhRDBpTWpFaUlHaGxhV2RvZEQwaU1qRWlJSFpwWlhkQ2IzZzlJakFnTUNBeU1TQXlNU0lnZUcxc2JuTTlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5Mekl3TURBdmMzWm5JajQ4WnlCbWFXeHNQU0lqUmtaR0lpQm1hV3hzTFhKMWJHVTlJbVYyWlc1dlpHUWlQanh3WVhSb0lHUTlJazB5TGpVNU1pNHdORFJzTVRndU16WTBJREU0TGpNMk5DMHlMalUwT0NBeUxqVTBPRXd1TURRMElESXVOVGt5ZWlJdlBqeHdZWFJvSUdROUlrMHdJREU0TGpNMk5Fd3hPQzR6TmpRZ01Hd3lMalUwT0NBeUxqVTBPRXd5TGpVME9DQXlNQzQ1TVRKNklpOCtQQzluUGp3dmMzWm5QZz09Ig==); background-size: 0.55556rem; width: 0.55556rem; line-height: 1; opacity: .75; }
.choices .choices-button:focus, .choices .choices-button:hover, .choices .choices-button:focus, .choices .choices-button:hover {
opacity: 1; }
.choices-inner {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 0 13.5px; border-radius: 0; font-size: 14px; overflow: hidden; }
.is-focused .choices-inner, .is-open .choices-inner {
border-color: #b7b7b7; }
.is-open .choices-inner {
border-radius: 0 0 0 0; }
.is-flipped.is-open .choices-inner {
border-radius: 0 0 0 0; }
.choices-list {
margin: 0; padding-left: 0; list-style: none; }
.choices-list–single {
display: inline-block; padding: 7px 16px 7px 4px; width: 100%; }
- dir='rtl'
-
.choices-list–single {
padding-right: 4px; padding-left: 16px; }
.choices-list–single .choices-item {
width: 100%; }
.choices-list–multiple {
display: inline; }
.choices-list–multiple .choices-item {
display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; margin: 3.75px; background-color: #004646; color: #fff; word-break: break-all; }
.choices-list–multiple .choices-item {
padding-right: 5px; }
- dir='rtl'
-
.choices-list–multiple .choices-item {
margin-right: 0; margin-left: 3.75px; }
.choices-list–multiple .choices-item.is-highlighted {
background-color: #002d2d; border: 1px solid #001313; }
.is-disabled .choices-list–multiple .choices-item {
background-color: #a6a697; border: 1px solid #8f8f7c; }
.choices-group {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
.choices-list–dropdown {
display: none; z-index: 1; position: absolute; width: 100%; background-color: #fff; top: 100%; margin-top: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: hidden; word-break: break-all; }
.choices-list–dropdown.is-active {
display: block; }
.is-open .choices-list–dropdown {
border-color: #b7b7b7; }
.is-flipped .choices-list–dropdown {
top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: .25rem .25rem 0 0; }
.choices-list–dropdown .choices-list {
position: relative; max-height: 300px; overflow: auto; will-change: scroll-position; }
.choices-list–dropdown .choices-item {
position: relative; padding: 15px; font-size: 14px; }
- dir='rtl'
-
.choices-list–dropdown .choices-item {
text-align: right; }
@media (min-width: 640px) {
.choices-list--dropdown .choices-item--selectable { padding-right: 100px; } .choices-list--dropdown .choices-item--selectable::after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } [dir='rtl'] .choices-list--dropdown .choices-item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir='rtl'] .choices-list--dropdown .choices-item--selectable::after { right: auto; left: 10px; } }
.choices-list–dropdown .choices-item–selectable.is-highlighted {
background-color: #f2f2f2; }
.choices-list–dropdown .choices-item–selectable.is-highlighted::after {
opacity: .5; }
.choices-item {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; cursor: default; }
.choices-item–selectable {
cursor: pointer; }
.choices-item–disabled {
cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5; }
.choices-heading {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: white; }
.choices-button {
text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.choices-button:focus {
outline: none; }
form .choices-inner .choices-input {
display: inline-block; vertical-align: baseline; font-size: 14px; margin-bottom: 0; border: 0; border-radius: 0; max-width: 100%; padding: 0; height: 2.5rem; background-color: #f9f9f9; }
form .choices-inner .choices-input:focus {
outline: 0; -webkit-box-shadow: none; box-shadow: none; }
- dir='rtl'
-
form .choices-inner .choices-input {
padding-right: 2px; padding-left: 0; }
.choices-placeholder {
opacity: .5; }
.hidden-ie {
display: none; }
.visible-ie {
display: block; }
.form-with-style label, form label {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; color: #006464; cursor: pointer; display: block; line-height: 1.2; margin-bottom: 0; }
.form-with-style label.right, form label.right {
float: none; text-align: right; }
.form-with-style label.inline, form label.inline {
margin: 0 0 1rem; padding: .5625rem 0; }
.form-with-style label small, form label small {
text-transform: capitalize; }
.form-with-style label.prefix, .form-with-style span.prefix, form label.prefix, form span.prefix {
background: #f0f0ee; border-right: 0; }
.form-with-style label.postfix, .form-with-style span.postfix, form label.postfix, form span.postfix {
background: #f0f0ee; border-left: 0; }
.form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style input, .form-with-style textarea, form input, form input, form input, form input, form input, form input, form input, form input, form input, form input, form input, form input, form input, form input, form textarea {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; background-color: #f0f0ee; border: 0; -webkit-box-shadow: none; box-shadow: none; display: block; margin: 0 0 1rem; padding: 0.55556rem 1.11111rem; height: 2.77778rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color .45s ease-in-out, -webkit-box-shadow .45s; transition: border-color .45s ease-in-out, -webkit-box-shadow .45s; transition: box-shadow .45s, border-color .45s ease-in-out; transition: box-shadow .45s, border-color .45s ease-in-out, -webkit-box-shadow .45s; }
.form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style input.bg-white, .form-with-style textarea.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form input.bg-white, form textarea.bg-white {
background-color: #fff; }
.form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style input.bg-primarydarken, .form-with-style textarea.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form input.bg-primarydarken, form textarea.bg-primarydarken {
background-color: #006464; }
.form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style input::-webkit-input-placeholder, .form-with-style textarea::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; color: #006464; opacity: 1; }
.form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style input:-moz-placeholder, .form-with-style textarea:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form input:-moz-placeholder, form textarea:-moz-placeholder {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; color: #006464; opacity: 1; }
.form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style input::-moz-placeholder, .form-with-style textarea::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form input::-moz-placeholder, form textarea::-moz-placeholder {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; color: #006464; opacity: 1; }
.form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style input:-ms-input-placeholder, .form-with-style textarea:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; color: #006464; opacity: 1; }
.form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style input::-ms-input-placeholder, .form-with-style textarea::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form input::-ms-input-placeholder, form textarea::-ms-input-placeholder {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; color: #006464; opacity: 1; }
.form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style input:placeholder-shown, .form-with-style textarea:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form input:placeholder-shown, form textarea:placeholder-shown {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; color: #006464; opacity: 1; }
.form-with-style textarea, form textarea {
min-height: 14rem; max-width: 100%; }
.form-with-style button, form button {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
.form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style input:focus, .form-with-style textarea:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form input:focus, form textarea:focus {
-webkit-box-shadow: 0 0 5px #c3beb9; box-shadow: 0 0 5px #c3beb9; border-color: #c3beb9; outline: none; }
.form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style input:disabled, .form-with-style textarea:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form input:disabled, form textarea:disabled {
background-color: #ddd; cursor: default; }
.form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset input, .form-with-style fieldset textarea, .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style input[disabled], .form-with-style input[readonly], .form-with-style textarea, .form-with-style textarea, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset input, form fieldset textarea, form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form input[disabled], form input[readonly], form textarea, form textarea {
cursor: default; }
.form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style input.radius, .form-with-style textarea.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form input.radius, form textarea.radius {
border-radius: 3px; }
.form-with-style input, form input {
-webkit-appearance: none; -webkit-border-radius: 0; }
.form-with-style textarea, form textarea {
height: auto; }
.form-with-style select, form select {
background-color: #fafafa; background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #ccc; padding: .5rem; font-size: .875rem; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: 2.3125rem; }
.form-with-style select::-ms-expand, form select::-ms-expand {
display: none; }
.form-with-style select.radius, form select.radius {
border-radius: 3px; }
.form-with-style select:hover, form select:hover {
background-color: #f3f3f3; border-color: #c3beb9; }
.form-with-style select:disabled, form select:disabled {
background-color: #ddd; cursor: default; }
.form-with-style input, .form-with-style input, .form-with-style input, .form-with-style select, form input, form input, form input, form select {
margin: 0 0 1rem; }
.form-with-style input + label, .form-with-style input + label, form input + label, form input + label {
display: inline-block; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; }
.form-with-style input, form input {
width: 100%; }
.form-with-style fieldset, form fieldset {
border: 1px solid #ddd; padding: 1.25rem; margin: 1.125rem 0; }
.form-with-style fieldset legend, form fieldset legend {
font-weight: bold; background: #fff; padding: 0 .1875rem; margin: 0 0 0 -.1875rem; }
.form-with-style [data-abide] .error small.error, .form-with-style [data-abide] .error span.error, .form-with-style [data-abide] small.error, .form-with-style [data-abide] span.error, form [data-abide] .error small.error, form [data-abide] .error span.error, form [data-abide] small.error, form [data-abide] span.error {
display: block; padding: .375rem .5625rem .5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: .75rem; font-weight: normal; font-style: italic; background: #f00028; color: #fff; }
.form-with-style [data-abide] small.error, .form-with-style [data-abide] span.error, form [data-abide] small.error, form [data-abide] span.error {
display: none; }
.form-with-style small.error, .form-with-style span.error, form small.error, form span.error {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; display: block; padding: .375rem 0 .5625rem; margin-top: -1px; margin-bottom: 1rem; background: transparent; color: #f00028; }
.form-with-style .error input, .form-with-style .error select, .form-with-style .error textarea, form .error input, form .error select, form .error textarea {
margin-bottom: 0; }
.form-with-style .error input, .form-with-style .error input, form .error input, form .error input {
margin-bottom: 1rem; }
.form-with-style .error label, .form-with-style .error label.error, form .error label, form .error label.error {
color: #f00028; }
.form-with-style .error small.error, form .error small.error {
display: block; padding: .375rem .5625rem .5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: .75rem; font-weight: normal; font-style: italic; background: #f00028; color: #fff; }
.form-with-style .error > label > small, form .error > label > small {
color: #676767; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline; }
.form-with-style .error span.error-message, form .error span.error-message {
display: block; }
.form-with-style input.error, .form-with-style select.error, .form-with-style textarea.error, form input.error, form select.error, form textarea.error {
margin-bottom: 0; }
.form-with-style label.error, form label.error {
color: #f00028; }
.postfix, .prefix {
display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: .875rem; height: 2.3125rem; line-height: 2.3125rem; }
.postfix.button, .block-latest-publication-media .button-type a.postfix {
padding: 0; text-align: center; line-height: 2.125rem; border: 0; }
.prefix.button, .block-latest-publication-media .button-type a.prefix {
padding: 0; text-align: center; line-height: 2.125rem; border: 0; }
.prefix.button.radius, .block-latest-publication-media .button-type a.prefix.radius {
border-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.postfix.button.radius, .block-latest-publication-media .button-type a.postfix.radius {
border-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.prefix.button.round, .block-latest-publication-media .button-type a.prefix.round {
border-radius: 0; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
.postfix.button.round, .block-latest-publication-media .button-type a.postfix.round {
border-radius: 0; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }
form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
border-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea {
border-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
border-radius: 0; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix {
border-radius: 0; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea {
border-radius: 0; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix {
border-radius: 0; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }
.link-with-icon, .external, .internal, .link-download, .go-to {
position: relative; display: inline-block; padding-left: 1.4rem; }
.link-with-icon::before, .external::before, .internal::before, .link-download::before, .go-to::before {
position: absolute; top: .06rem; left: 0; display: inline-block; font-family: 'mpiwg-icons' !important; font-weight: normal; line-height: inherit; -moz-osx-font-smoothing: grayscale; }
.link-with-icon:active, .external:active, .internal:active, .link-download:active, .go-to:active, .link-with-icon:focus, .external:focus, .internal:focus, .link-download:focus, .go-to:focus, .link-with-icon:hover, .external:hover, .internal:hover, .link-download:hover, .go-to:hover {
text-decoration: none; }
.paragraph–type–group-links a.external.multiline, .paragraph–type–group-links a.internal.multiline {
display: block; }
.link-download::before {
content: '\E905'; }
.internal::before {
content: '\E90E'; }
.external::before {
content: '\E906'; }
.linkTypeMail.external {
padding-left: 0; }
.linkTypeMail.external::before {
content: none; }
.go-to {
text-transform: uppercase; }
.go-to::before {
content: '\E906'; }
.block-custom-buttons {
padding-top: 0; }
.event-share-buttons-wrapper {
padding-top: 3rem; }
.event-share-buttons-wrapper .event-add-to-calendar {
position: relative; }
.event-share-buttons-wrapper .event-add-to-calendar > span {
position: absolute; left: -9000px; }
.event-share-buttons-wrapper .event-add-to-calendar > span span.addtocalendar {
position: absolute; left: 9022px; width: 8rem; top: .1rem; }
.event-share-buttons-wrapper .event-add-to-calendar .atcb-item, .event-share-buttons-wrapper .event-add-to-calendar .atcb-list {
background-color: transparent; }
.tabs-primary a::before {
display: none; }
.back-button.external, .back-button.internal {
padding: 0; }
.back-button.external:before, .back-button.internal:before {
display: none; }
.back-button.external i:after, .back-button.internal i:after {
display: inline-block; }
ol, ul {
list-style: none; margin: 0 0 2em; padding: 0; }
ul.list-triangle ul, .field–name-field-mpiwg-text ul ul, .field-type-text-long ul ul, header.stage .field–name-field-mpiwg-text ul ul, header.stage .field-type-text-long ul ul {
margin-left: 0; margin-bottom: 0; }
ul.list-triangle li, .field–name-field-mpiwg-text ul li, .field-type-text-long ul li, header.stage .field–name-field-mpiwg-text ul li, header.stage .field-type-text-long ul li {
padding-left: 1rem; position: relative; }
ul.list-triangle li::before, .field–name-field-mpiwg-text ul li::before, .field-type-text-long ul li::before, header.stage .field–name-field-mpiwg-text ul li::before, header.stage .field-type-text-long ul li::before {
content: '\B7'; font-size: 1rem; vertical-align: middle; margin-right: .3rem; position: absolute; left: 0; }
ol, ol.list-numbered {
counter-reset: item; }
ol ol, ol.list-numbered ol {
margin-left: 0; margin-bottom: 0; }
ol li, ol.list-numbered li {
position: relative; }
ol li::before, ol.list-numbered li::before {
content: counters(item, ".") " "; counter-increment: item; color: #c3beb9; margin-right: 1rem; vertical-align: baseline; }
.header-subnav li {
padding: .4rem 0 0; }
.list-links {
margin: 0; }
.list-links.list-links-left, .list-links.text-left {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.list-links.list-links-left span, .list-links.text-left span {
padding-left: 3px; margin-right: .9rem; }
.list-links.list-links-right, .list-links.text-right {
-webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; }
.list-links.list-links-right span, .list-links.text-right span {
padding-right: 3px; margin-left: .9rem; }
.list-links.list-links-right li > span, .list-links.list-links-right li a > span, .list-links.text-right li > span, .list-links.text-right li a > span {
margin-left: 0.55556rem; margin-right: 0; }
.list-links.list-links-right li:first-child > span, .list-links.list-links-right li:first-child a > span, .list-links.text-right li:first-child > span, .list-links.text-right li:first-child a > span {
border: 0; }
.list-links.list-links-right li:last-child > span:last-child::after, .list-links.list-links-right li:last-child a > span:last-child::after, .list-links.text-right li:last-child > span:last-child::after, .list-links.text-right li:last-child a > span:last-child::after {
display: none; }
.list-links.list-links-right li:last-child span:last-child, .list-links.text-right li:last-child span:last-child {
padding-right: 0; }
.list-links li {
display: inline; }
.list-links li > span, .list-links li a > span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; display: inline; line-height: normal; margin-right: 0.55556rem; }
.list-links li > span::after, .list-links li a > span::after {
content: ' '; display: inline; border-right: 2px solid #006464; font-size: .5rem; position: relative; top: -.1rem; margin: 0 0 0 0.55556rem; }
.list-links li:first-child span {
padding-left: 0; }
.list-links li:last-child > span:last-child, .list-links li:last-child a > span:last-child {
margin: 0; }
.list-links li:last-child > span:last-child::after, .list-links li:last-child a > span:last-child::after {
display: none; margin: 0; border-right: 0; }
.list-links li + li::before {
font-size: 1.25rem; vertical-align: top; padding: 0 0.6rem 0 calc(.555555rem - .2rem); line-height: 2rem; }
.stage .list-links span {
border-color: #fff; }
.stage.stage-news .list-links span {
border-color: inherit; }
.list-links.other-involved-comma {
display: inline; }
.list-links.other-involved-comma + .list-links.cooperative-partners {
display: inline; margin-left: .555555rem; }
.list-links .cooperation-partners-title {
text-transform: none; }
.list-links .cooperation-partners-title::after {
display: none; }
.list-links-full {
margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -2px; width: auto; }
.list-links-full span {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; display: inline-block; line-height: .7rem; padding: 0 1rem; border-right: 2px solid #006464; }
.list-links-full.list-links-left, .list-links-full.text-left, .vertical-accordeon .list-links-full {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.list-links-full.list-links-left span, .list-links-full.text-left span, .vertical-accordeon .list-links-full span {
padding-left: 3px; margin-right: 0.55556rem; }
.list-links-full.list-links-right, .list-links-full.text-right {
-webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; }
.list-links-full.list-links-right span, .list-links-full.text-right span {
padding-right: 3px; margin-left: 0.55556rem; }
.list-links-full .item, .list-links-full > li {
margin: .35rem 0; text-align: center; line-height: .944444rem; color: #004646; }
.list-links-full .item a, .list-links-full > li a {
display: inline-block; }
.list-links-full .item:last-child span:last-child, .list-links-full > li:last-child span:last-child {
border-right: 0; }
.list-links-full.list-links-keywords {
margin: auto; }
.list-links-full.list-links-keywords li {
border-color: transparent; margin: 1.1111rem .55555rem 0; padding: auto; }
.list-links-full.list-links-keywords a {
text-transform: none; }
.list-links-full.list-links-keywords a span {
border: 0; }
.stage .list-links-full span {
border-color: #fff; }
.mediaelement {
margin: 10px 0; }
.mediaelement, .mediaelement .bd {
overflow: hidden; zoom: 1; }
.mediaelement .img {
float: left; margin-right: 10px; }
.mediaelement .img img {
display: block; max-width: 100px; }
.mediaelement .img-ext {
float: right; margin-left: 10px; }
.breadcrumb li {
display: inline-block; }
.breadcrumb li i::after {
font-size: .5rem; display: inline-block; padding: 0 0.55556rem; position: relative; bottom: .02rem; }
.counters {
counter-reset: index; }
.counters .counters-item.count {
counter-reset: sub; counter-increment: index; }
.counters .counters-item.count::before {
content: counter(index) "."; margin-right: 1rem; }
.counters .counters-item.sub {
counter-increment: sub; counter-reset: subsub; }
.counters .counters-item.sub::before {
content: counter(index) "." counter(sub) "."; margin-right: 1rem; }
.counters .counters-item.sub-sub {
counter-increment: subsub; counter-reset: subsubsub; }
.counters .counters-item.sub-sub::before {
content: counter(index) "." counter(sub) "." counter(subsub) "."; margin-right: 1rem; }
.counters .counters-item.sub-sub-sub {
counter-increment: subsubsub; }
.counters .counters-item.sub-sub-sub::before {
content: counter(index) "." counter(sub) "." counter(subsub) "." counter(subsubsub) "."; margin-right: 1rem; }
.counters.upper-roman .count::before {
content: counter(index, upper-roman) "."; }
.counters.upper-roman .sub::before {
content: counter(index, upper-roman) "." counter(sub, upper-roman) "."; }
.counters.upper-roman .sub-sub::before {
content: counter(index, upper-roman) "." counter(sub, upper-roman) "." counter(subsub, upper-roman) "."; }
.counters.upper-roman .sub-sub-sub::before {
content: counter(index, upper-roman) "." counter(sub, upper-roman) "." counter(subsub, upper-roman) "." counter(subsubsub, upper-roman) "."; }
.counters.lower-roman .count::before {
content: counter(index, lower-roman) "."; }
.counters.lower-roman .sub::before {
content: counter(index, lower-roman) "." counter(sub, lower-roman) "."; }
.counters.lower-roman .sub-sub::before {
content: counter(index, lower-roman) "." counter(sub, lower-roman) "." counter(subsub, lower-roman) "."; }
.counters.lower-roman .sub-sub-sub::before {
content: counter(index, lower-roman) "." counter(sub, lower-roman) "." counter(subsub, lower-roman) "." counter(subsubsub, lower-roman) "."; }
.counters.upper-latin .count::before {
content: counter(index, upper-latin) "."; }
.counters.upper-latin .sub::before {
content: counter(index, upper-latin) "." counter(sub, upper-latin) "."; }
.counters.upper-latin .sub-sub::before {
content: counter(index, upper-latin) "." counter(sub, upper-latin) "." counter(subsub, upper-latin) "."; }
.counters.upper-latin .sub-sub-sub::before {
content: counter(index, upper-latin) "." counter(sub, upper-latin) "." counter(subsub, upper-latin) "." counter(subsubsub, upper-latin) "."; }
.counters.lower-latin .count::before {
content: counter(index, lower-latin) "."; }
.counters.lower-latin .sub::before {
content: counter(index, lower-latin) "." counter(sub, lower-latin) "."; }
.counters.lower-latin .sub-sub::before {
content: counter(index, lower-latin) "." counter(sub, lower-latin) "." counter(subsub, lower-latin) "."; }
.counters.lower-latin .sub-sub-sub::before {
content: counter(index, lower-latin) "." counter(sub, lower-latin) "." counter(subsub, lower-latin) "." counter(subsubsub, lower-latin) "."; }
@media screen and (max-width: 35.5em) {
.alphabetic-index { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } }
@media screen and (min-width: 35.5em) {
.alphabetic-index > div, .alphabetic-index > a { -ms-flex-preferred-size: 0; flex-basis: 0; padding: .5rem; } }
dl.simple-content-list dt {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
dl.simple-content-list dd {
margin-left: 0; margin-bottom: 1.11111rem; }
dl.simple-content-list dd .list-links {
margin-bottom: 0; }
.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li {
border-top: 0; padding-bottom: 0; }
.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li:first-child {
padding-top: 0; }
.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li:last-child {
border-bottom: 0; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item {
padding-bottom: 0; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item:not(first-child) {
padding-top: 0; border-top: 0; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item:first-child {
border-top: solid 3px #c3beb9; padding-top: 1.38889rem; }
.view-news .nav-accordeon-list-accord-group li.nav-accordeon-list-item:last-child {
padding-bottom: 0; border-bottom: 0; }
.view-news.view-display-id-press-media-latest .nav-accordeon-list-accord-group li, .view-news.view-display-id-press-release-latest .nav-accordeon-list-accord-group li {
padding-bottom: 0; border: 0; }
.content-lists.huge-module {
margin-bottom: 40px; }
.content-lists.archived-years .related-content {
margin: 0 auto; max-width: 889px; }
.content-lists.archived-years .related-inner {
-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin: 1.4rem auto 0; padding-bottom: 2.08333rem; }
.content-lists.archived-years .col-fifth-sm-third-xs-14 {
line-height: 0; margin: 0; padding-bottom: 0; }
.content-lists .vews-news, .content-lists .view-display-id-past-events, .content-lists .view-events .view-header .view-display-id-past-events {
margin: 0 auto; max-width: 889px; }
.content-lists .vews-news > .grid-center, .content-lists .view-display-id-past-events > .grid-center, .content-lists .view-events .view-header .view-display-id-past-events > .grid-center {
margin: 0; }
.content-lists .vews-news .related-inner, .content-lists .view-display-id-past-events .related-inner, .content-lists .view-events .view-header .view-display-id-past-events .related-inner {
margin: 0 auto; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.content-lists .vews-news .related-content .related-inner > div, .content-lists .view-display-id-past-events .related-content .related-inner > div, .content-lists .view-events .view-header .view-display-id-past-events .related-content .related-inner > div {
margin: 0; padding-bottom: 0; }
.content-lists .view-events .view-header .view-display-id-past-events {
margin-bottom: 5em; }
.content-lists.archived-years .view-news .nav-accordeon-list-accord-group li, .content-lists.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li, .content-lists.press-media-latest .view-news .nav-accordeon-list-accord-group li, .content-lists.press-release-latest .view-news .nav-accordeon-list-accord-group li {
padding-bottom: 0; }
.content-lists.archived-years .view-news .nav-accordeon-list-accord-group li:first-child, .content-lists.past-events-list .events-listing .events-listing .nav-accordeon-list-accord-group li:first-child, .content-lists.press-media-latest .view-news .nav-accordeon-list-accord-group li:first-child, .content-lists.press-release-latest .view-news .nav-accordeon-list-accord-group li:first-child {
border-top: 0; }
.content-lists.press-media-latest .accordion-list {
width: 100%; }
.content-lists.past-events-list .events-listing .events-listing {
margin-bottom: 40px; }
.content-lists .umbrella-list .h3 {
margin: 0; }
.content-lists .flickity-slider .col-5, .content-lists .flickity-slider .col-9, .content-lists .umbrella-grid .col-5, .content-lists .umbrella-grid .col-9 {
padding: 0; width: 100%; max-width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; }
.content-lists .flickity-slider .col-5, .content-lists .umbrella-grid .col-5 {
margin-bottom: 1.11111rem; }
.content-lists .flickity-slider .h3, .content-lists .umbrella-grid .h3 {
margin: 0; }
.content-lists .umbrella-grid {
width: 100%; }
.content-lists .umbrella-grid .project.grid-center {
margin: 0; }
.content-lists .teaser-working-group .h3 {
margin: 0; }
header.stage .stage-content p.address {
margin-bottom: 0; max-width: 100%; }
.feature-story .image {
font-size: 0; }
.node-type-feature-story .field-name-field-fstory-teaser {
margin-bottom: 10px; }
.node-type-feature-story .page-content {
margin-top: 40px; width: 100%; }
.node-type-feature-story .date {
text-transform: uppercase; }
.content-lists .load-more.col-10-md-12-xs-14 {
margin-bottom: 0; }
.without-grid {
width: 100%; }
.without-grid .form-group {
width: 100%; }
.department-working-groups-grid > .grid-center {
width: 100%; }
.department-working-groups-grid .umbrella-list {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.department-working-groups-grid .umbrella-list .grid {
display: block; }
.department-working-groups-grid.content-lists .umbrella-list .project {
margin: 0; }
.department-working-groups-grid .grid > .col-5, .department-working-groups-grid .grid > .col-9 {
padding: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.view-display-id-sub-working-groups .project, .view-display-id-subprojects .project {
display: -webkit-box; display: -ms-flexbox; display: flex; }
.view-display-id-sub-working-groups .col-10-of-14, .view-display-id-sub-working-groups .col-4-of-14, .view-display-id-subprojects .col-10-of-14, .view-display-id-subprojects .col-4-of-14 {
padding-bottom: 0; }
.projects-list-all .h3 {
margin: 0; font-size: 100%; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
.projects-list-all .nav-filter-and-sort {
padding-left: 0; padding-right: 0; }
.block-pubs footer {
width: 100%; }
.block-pubs .hide {
display: none; }
.block-pubs .hide.active {
display: -webkit-box; display: -ms-flexbox; display: flex; }
.block-pubs .download, .block-pubs .view {
display: block; }
.block-pubs .download::before, .block-pubs .view::before {
display: inline-block; padding-right: .6rem; font-family: 'mpiwg-icons'; font-weight: normal; }
.block-pubs .view::before {
content: '\E906'; }
.block-pubs .download::before {
content: '\E905'; }
.block-pubs .italic {
font-style: italic; }
.umbrella-list .col-5, .umbrella-list .umbrella-content {
padding-bottom: 0; }
.view-cooperative-partners .nav-accordeon-list li {
padding-bottom: 0; border-top: 0; border-bottom: 0; }
.view-cooperative-partners .nav-accordeon-list li:first-child {
border-top: solid 3px #c3beb9; }
.view-cooperative-partners .nav-accordeon-list li:last-child {
border-bottom: 0; }
.research-report h3 {
margin-top: 0; }
.research-report .field-report-links {
margin-top: 1rem; }
.nav-accordeon-list-accord-group .list-links li.date > span, .nav-accordeon-list-accord-group .list-links li.date > time {
color: #004646; }
.field-accordion-img {
background-repeat: no-repeat; background-size: 100%; }
.field-accordion-img.col-14-xs-10 {
padding: 0; }
.view-articles.view-display-id-list .views-row {
margin-bottom: 2rem; }
.with-view-more .view-all-path-wrapper.text-center {
margin-top: -34px; padding: 0 1.38889rem; text-align: left !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
.with-view-more .view-all-path-wrapper.text-center .col-5 {
padding: 0; }
@media screen and (max-width: 35.5em) {
.with-view-more .view-all-path-wrapper.text-center { margin-top: -32px; padding: 0 0.55556rem; } }
.with-view-more .content-lists .load-more.col-10.md-12.xs-14.js-pager-items {
margin-bottom: 0; padding-bottom: 0; }
.media-tech-full-list-view .col-10.md-12.xs-14, div.view-books .col-10.md-12.xs-14, div.view-projects .col-10.md-12.xs-14, section.block-views .col-10.md-12.xs-14 {
padding-right: 0; padding-left: 0; }
.view-mediatech .view-header {
margin-bottom: 4rem; }
.view-mediatech .media-tech-full-list-view.grid-center {
margin: 0; }
section .related-content .related-inner div.col-fifth-sm-third-xs-14, .archived-years .related-content .related-inner div.col-fifth-sm-third-xs-14 {
margin-top: 0; padding-bottom: 0; }
section .related-content, .archived-years .related-content {
margin: 0 auto; max-width: 889px; }
section [class*='grid'] > [class*='col-10'], .archived-years [class*='grid'] > [class*='col-10'] {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
section .small-typography .multiline a, .archived-years .small-typography .multiline a {
font-size: .84rem; }
.block-views-blockevents-list .nav-accordeon–list-item .grid-center, .block-views-blockevents-past-events-list .nav-accordeon–list-item .grid-center {
margin: 0 auto; }
.job-position-header .field-name-title {
font-weight: bold; }
.accordion-content-sec.job-position {
padding-left: 0; padding-right: 0; }
.field-job-position-language {
margin-bottom: 2rem; }
.view-events .accordion-list .nav-accordeon–list {
margin-bottom: 0; }
.view-events .accordion-list .nav-accordeon–list-item {
border-bottom: 0; }
.view-events .accordion-list:last-child .nav-accordeon–list-item:last-child {
margin-bottom: 2rem; border-bottom: solid 3px #c3beb9; }
.view-events.view-display-id-past-events-list .accordion-list {
margin: 0 auto; max-width: 674px; }
.view-id-feature-stories .nav-filter-and-sort {
margin: 0 auto 2rem; max-width: 818px; }
.view-id-feature-stories .views-infinite-scroll-content-wrapper > .grid-center {
margin: 0 auto; max-width: 818px; }
.view-id-feature-stories blockquote:nth-child(2n-1) {
padding-left: 0; }
.view-id-feature-stories blockquote:nth-child(2n) {
padding-right: 0; }
.nav-accordeon–list–accord-group li section input.accordion-helper:checked ~ header .several-speakers {
display: none; }
.nav-accordeon–list–accord-group li section input.accordion-helper:checked ~ header .hide-speakers {
display: inline; }
.nav-accordeon–list–accord-group li section input.accordion-helper:not(:checked) ~ header .several-speakers span::after {
display: none; }
.nav-accordeon–list–accord-group li .list–links {
width: 100%; }
.list–links li.hide-speakers {
display: none; }
.list–links-keywords .item div.button {
cursor: default; }
.list–links .event-time-period span {
text-transform: none; }
.event-time-period {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; text-transform: none; }
.view-id-events .nav-filter-and-sort {
margin: 0 auto 2rem; max-width: 674px; }
.cooperation-partners-title {
text-transform: none; }
.cooperation-partners-title::after {
display: none; }
.project-list {
display: inline; }
.cooperative-partners-top {
display: inline; margin-left: .555555rem; }
.cooperative-partners-top::before {
display: inline-block; vertical-align: middle; content: ' '; border-radius: 50%; margin-right: .555555rem; width: 5px; height: 5px; background-color: #000; }
.project.teaser .list–links li.date span .datetime, .teaser-working-group .list–links li.date span .datetime {
line-height: 30px; }
.print-status {
font-weight: 700; font-style: italic; }
.field-scholar-status {
display: inline-block; }
.department-working-groups-grid [rel=‘layout-list-switchable’] [class*='grid'], .layout-grid [rel=‘layout-list-switchable’] [class*='grid'], .view-display-id-umbrella-themes-grid [rel=‘layout-list-switchable’] [class*='grid'] {
margin: 0; -ms-flex-line-pack: start; align-content: flex-start; }
.department-working-groups-grid [rel=‘layout-list-switchable’] [class*='grid'] > [class*='col'], .layout-grid [rel=‘layout-list-switchable’] [class*='grid'] > [class*='col'], .view-display-id-umbrella-themes-grid [rel=‘layout-list-switchable’] [class*='grid'] > [class*='col'] {
width: 100%; padding: 0; max-width: none; -ms-flex-preferred-size: auto; flex-basis: auto; }
.department-working-groups-grid .teaser-working-group div, .layout-grid .teaser-working-group div, .view-display-id-umbrella-themes-grid .teaser-working-group div {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
@media screen and (max-width: 48em) {
.department-working-groups-grid .teaser-working-group, .layout-grid .teaser-working-group, .view-display-id-umbrella-themes-grid .teaser-working-group { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } }
@media screen and (max-width: 35.5em) {
.department-working-groups-grid .teaser-working-group, .layout-grid .teaser-working-group, .view-display-id-umbrella-themes-grid .teaser-working-group { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }
.department-working-groups-grid .teaser-working-group .text-right, .layout-grid .teaser-working-group .text-right, .view-display-id-umbrella-themes-grid .teaser-working-group .text-right {
text-align: left !important; }
.department-working-groups-list [rel='layout-list-switchable'] [class*='grid'] > [class*='col'], .department-working-groups-list [rel=‘layout-list-switchable’] > [class*='col'], .layout-list [rel='layout-list-switchable'] [class*='grid'] > [class*='col'], .layout-list [rel=‘layout-list-switchable’] > [class*='col'], .view-display-id-umbrella-themes-grid-2 [rel='layout-list-switchable'] [class*='grid'] > [class*='col'], .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] > [class*='col'] {
max-width: 85.71429%; -ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-1, .layout-list [rel=‘layout-list-switchable’] .grid > .col-1, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-1 {
-ms-flex-preferred-size: 7.14286%; flex-basis: 7.14286%; max-width: 7.14286%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-2, .layout-list [rel=‘layout-list-switchable’] .grid > .col-2, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-2 {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-3, .layout-list [rel=‘layout-list-switchable’] .grid > .col-3, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-3 {
-ms-flex-preferred-size: 21.42857%; flex-basis: 21.42857%; max-width: 21.42857%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-4, .layout-list [rel=‘layout-list-switchable’] .grid > .col-4, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-4 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-5, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-4-of-14, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-4-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-5, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-4-of-14, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-4-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-5, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-4-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-4-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-6, .layout-list [rel=‘layout-list-switchable’] .grid > .col-6, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-6 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-7, .layout-list [rel=‘layout-list-switchable’] .grid > .col-7, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-7 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-8, .layout-list [rel=‘layout-list-switchable’] .grid > .col-8, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-8 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-9, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-10-of-14, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-10-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-9, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-10-of-14, .layout-list [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-10-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-9, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-subprojects .col-10-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-display-id-sub-working-groups .col-10-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-10, .layout-list [rel=‘layout-list-switchable’] .grid > .col-10, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-10 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-11, .layout-list [rel=‘layout-list-switchable’] .grid > .col-11, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-11 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-12, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-events .view-header .view-events, .layout-list [rel=‘layout-list-switchable’] .grid > .col-12, .layout-list [rel=‘layout-list-switchable’] .grid .view-events .view-header .view-events, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-12, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-events .view-header .view-events {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-13, .layout-list [rel=‘layout-list-switchable’] .grid > .col-13, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-13 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-14 {
-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-third, .layout-list [rel=‘layout-list-switchable’] .grid > .col-third, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-third {
-ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-quarter, .layout-list [rel=‘layout-list-switchable’] .grid > .col-quarter, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-quarter {
-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-fifth, .department-working-groups-list [rel=‘layout-list-switchable’] .grid .view-events .view-header li, .layout-list [rel=‘layout-list-switchable’] .grid > .col-fifth, .layout-list [rel=‘layout-list-switchable’] .grid .view-events .view-header li, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-fifth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid .view-events .view-header li {
-ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-sixth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-sixth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-sixth {
-ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-seventh, .layout-list [rel=‘layout-list-switchable’] .grid > .col-seventh, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-seventh {
-ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-eighth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-eighth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-eighth {
-ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-ninth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-ninth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-ninth {
-ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-tenth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-tenth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-tenth {
-ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-eleventh, .layout-list [rel=‘layout-list-switchable’] .grid > .col-eleventh, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-eleventh {
-ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-twelth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-twelth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-twelth {
-ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-thirteenth, .layout-list [rel=‘layout-list-switchable’] .grid > .col-thirteenth, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-thirteenth {
-ms-flex-preferred-size: 7.69231%; flex-basis: 7.69231%; max-width: 7.69231%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-4-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-4-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-4-of-14 {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-5-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-5-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-5-of-14 {
-ms-flex-preferred-size: 35.71429%; flex-basis: 35.71429%; max-width: 35.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-6-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-6-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-6-of-14 {
-ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; max-width: 42.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-7-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-7-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-7-of-14 {
-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-8-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-8-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-8-of-14 {
-ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; max-width: 57.14286%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-9-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-9-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-9-of-14 {
-ms-flex-preferred-size: 64.28571%; flex-basis: 64.28571%; max-width: 64.28571%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-10-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-10-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-10-of-14 {
-ms-flex-preferred-size: 71.42857%; flex-basis: 71.42857%; max-width: 71.42857%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-11-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-11-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-11-of-14 {
-ms-flex-preferred-size: 78.57143%; flex-basis: 78.57143%; max-width: 78.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-12-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-12-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-12-of-14 {
-ms-flex-preferred-size: 85.71429%; flex-basis: 85.71429%; max-width: 85.71429%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .grid > .col-13-of-14, .layout-list [rel=‘layout-list-switchable’] .grid > .col-13-of-14, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .grid > .col-13-of-14 {
-ms-flex-preferred-size: 92.85714%; flex-basis: 92.85714%; max-width: 92.85714%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .department-working-groups-grid .teaser-working-group, .layout-list [rel=‘layout-list-switchable’] .department-working-groups-grid .teaser-working-group, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .department-working-groups-grid .teaser-working-group {
-ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; max-width: 28.57143%; }
.department-working-groups-list [rel=‘layout-list-switchable’] .col, .department-working-groups-list [rel=‘layout-list-switchable’] [class*='col-'], .layout-list [rel=‘layout-list-switchable’] .col, .layout-list [rel=‘layout-list-switchable’] [class*='col-'], .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] .col, .view-display-id-umbrella-themes-grid-2 [rel=‘layout-list-switchable’] [class*='col-'] {
padding: 0 0.69444rem 1.38889rem; }
.teaser-working-group {
margin: 0; }
.teaser-working-group img {
width: 100%; }
@media screen and (max-width: 64em) {
.field-name-field-page-note [data-push-left*='off-10'] { margin-left: 59.666667%; } }
.block-custom-buttons .bg-primarydarken span {
font-size: .7rem; }
.preprint.preview .small .h5 {
font-size: 1rem; }
.content-lists–pres-n-talks a {
word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.block-views-blockpodcast-podcast-latest .tile {
margin-bottom: 1.11111rem; }
.stage-podcast .tile-content {
left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.stage-podcast .tile-content {
margin: 0; }
.stage-podcast .media-audio {
position: absolute; width: 100%; bottom: 0; }
.stage-podcast .media-audio audio {
width: 100%; vertical-align: bottom; }
.stage-podcast .audio-visible {
overflow: visible; overflow-x: visible !important; }
.stage-podcast .audio-visible .media-audio {
bottom: 0; z-index: 2; }
.stage-podcast .podcast-sections-link {
display: block; }
.stage-podcast .podcast-sections-link .grid {
margin: 0; }
.active-corner {
position: fixed; top: 0; right: 0; z-index: 1; }
@media screen and (max-width: 35.5em) {
.active-corner { display: none; } }
@media screen and (max-width: 64em) {
.active-corner { top: 3rem; } }
.active-corner .fold-corner {
position: relative; }
.active-corner .fold-corner::after {
-webkit-transition: .3s ease-out; transition: .3s ease-out; content: ''; cursor: pointer; border-width: 0 70px 70px 0; border-style: solid; border-color: #e1e1dc #e1e1dc #006464 #006464; display: block; width: 0; -webkit-transform: rotate(0); transform: rotate(0); }
.active-corner .corner-label {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; font-size: 0.72222rem; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: .9rem; right: .2rem; }
.active-corner a {
display: inline-block; position: absolute; content: ' '; width: 70px; height: 70px; top: 0; right: 0; z-index: 5; }
.active-corner a:hover {
width: 90px; height: 90px; }
.active-corner a:hover ~ .fold-corner::after {
border-color: #e1e1dc #e1e1dc #50fa96 #50fa96; border-width: 0 90px 90px 0; }
.user-logged-in .active-corner {
top: 89px; }
.search-popup {
position: relative; }
search-modal-trigger {
position: absolute; top: -15px; right: -70px; z-index: 10; }
search-modal-trigger:hover .icon-lupe {
color: #50fa96; }
@media screen and (max-width: 64em) {
#search-modal-trigger { top: -8px; right: auto; left: 80px; width: 50px; height: 50px; background-color: transparent; } }
search-modal-trigger .icon-lupe {
font-size: 24px; color: #006464; }
@media screen and (max-width: 64em) {
#search-modal-trigger .icon-lupe { color: #50fa96; } }
search-modal .modal-content {
background-color: #50fa96; }
.search-dropdown–hidden {
display: none; }
.search-dropdown .block-views {
padding-top: 2rem; }
.search-dropdown.nav-accordeon.nav-search-and-keywords .nav-accordeon-list {
display: block; padding-top: 0; }
@media screen and (min-width: 48em) {
.search-dropdown.nav-accordeon.nav-search-and-keywords .nav-accordeon-list { max-height: none; } }
.view-display-id-intranet_search_page .view-filters, .view-id-welcome_page_search.view-display-id-welcome_page_search_page .view-filters {
display: none; }
.search-results-total {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; }
header.stage.stage-search .views-row {
margin-bottom: 2.77778rem; }
header.stage.stage-search .stage-content h3 {
margin: 0 0 0.55556rem; }
header.stage.stage-search .stage-content p {
margin: 0; max-width: none; }
.adminimal-admin-toolbar .lightbox-carousel label i.icon-cross {
top: 6rem; }
.paragraph–type–mpiwg-link-box a::after {
content: none; }
.nav-accordeon-list-accord-group li section input.accordion-helper:checked ~ .accordion-content {
overflow: visible; }
.nav-accordeon-list {
overflow: visible; }
.colorbox-image a, .tile figcaption a {
padding: 0; font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 0.83333333rem; }
.colorbox-image a::after, .colorbox-image a::before, .tile figcaption a::after, .tile figcaption a::before {
content: none; }
.path-books table tr td:first-child {
width: 70%; }
.path-books table tr td:last-child {
width: 30%; }
.path-books table .views-field-title a {
font-family: 'Sectra Book', 'Times', 'Vollkorn', serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: normal; text-transform: none; font-size: 18px; }
.path-books table .views-field-aggregated-field {
word-break: break-word; }
.path-books table, .path-places table, .path-persons table, .path-node table {
width: 100%; }
.path-node.node–type-sphaera-book table tr td:first-child {
width: 30%; }
.path-node.node–type-sphaera-book table tr td:last-child {
width: 70%; word-break: break-word; }
.ultimenu li:hover > .ultimenu__flyout {
width: 955px; left: calc(50% - (955px / 2)); }
.block-facets h3 {
margin-bottom: 0; }
.block-facets ul {
display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.block-facets .facet-item.glossaryaz {
font-family: 'Apercu Pro', Helvetica, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 0.83333rem; letter-spacing: .01rem; font-style: normal; height: 50px; width: 114px; min-width: auto; min-height: 100%; line-height: 50px; background: #006464; color: #fff; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; }
.block-facets .facet-item.glossaryaz a.is-inactive:hover {
background: #50fa96; color: #006464; }
.block-facets .facet-item.glossaryaz.no-results {
background: #c3beb9; }
.block-facets .facet-item {
-webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-bottom: 1px solid #e1e1dc; padding: 5px 0; }
article.media {
text-align: center; margin: 1rem; }
figure {
margin: 0; }
header.article-header h1 {
position: relative; top: -0.5em; }
header.article-header h2 {
margin-top: 5.7rem; }
h2 a {
padding-left: 0 !important; }
h2 a::before {
display: none !important; }
.node–type-sphaera-person {
overflow: hidden; margin-bottom: 4rem; }
.node–type-sphaera-person .field:not(.field–name-field-sphaera-profile-image), .node–type-sphaera-person .external.group-link {
margin-left: 10.5rem; }
.node–type-sphaera-person .field–name-title {
margin-left: 0 !important; }
.node–type-sphaera-person .field–name-field-sphaera-function {
font-style: italic; }
.node–type-sphaera-person .field–name-field-sphaera-profile-image {
float: left; max-width: 10em; }
.node–type-sphaera-person .field–name-title h3 {
margin-top: 0; margin-bottom: 0; }
.node–type-sphaera-person h2 {
margin-top: 0; }
.field–name-field-sphaera-file {
margin-top: 2rem; }
.field–name-field-sphaera-image-caption {
padding: 0 1rem 1rem 1rem; font-size: 15px; text-align: center; }
.teaser {
margin-bottom: 5rem; }
.teaser h2 {
margin-bottom: 1rem; }
.teaser .views-field-created {
margin-top: 1rem; }
.view-header {
margin-bottom: 2rem; }
.view-sphaera-whats-new .views-row {
max-width: 818px; margin: auto; }
.view-sphaera-whats-new .views-row .views-field-title {
margin-top: 4em; }
/* @media (min-width: 400px) and (max-width: 800px) {
.js-ultimenu-expanded #navbar { height: 100vh; } }
*/ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3Mvc3R5bGVzLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/