@charset "UTF-8";

.container {
    max-width: 60rem !important;
}

body main>.container>:first-child {
    margin-top: 2rem;
}

h1 {
    font-family: roboto, Arial, sans-serif !important;
    font-size: 2.5rem !important;
}

.nav-main__submenu,
.slick-loading .slick-slide,
.slick-loading .slick-track,
body:after {
    visibility: hidden
}

.nav-main__submenu,
.slick-loading .slick-slide,
.slick-loading .slick-track,
body:after {
    visibility: hidden
}

.gallery,
.nav-aside ul,
.sharing,
.solrAutocomplete {
    list-style: none
}

.flexbox .poster__content,
.presentation__slide__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.unstyled,
footer ul {
    list-style-type: none
}

.slick-slider,
.xdsoft_noselect {
    -khtml-user-select: none;
    -webkit-touch-callout: none
}

.cookieNotice {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 8px;
    opacity: 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.cookieNotice.cookieNotice--active {
    opacity: 1
}

.cookieNotice .contents {
    width: 80%;
    margin: 0 auto
}

.cookieNotice a {
    color: #fff;
    text-decoration: underline
}

.cookieNotice .agree,
.cookieNotice .disagree,
.cookieNotice a:hover {
    color: #fff;
    text-decoration: none
}

.cookieNotice .statement {
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0;
    float: left;
    max-width: 70%
}

.cookieNotice .statement_expand:focus,
.cookieNotice .statement_expand:hover {
    color: #fff
}

.cookieNotice .statement_detail {
    clear: both;
    display: none
}

.center,
.cookieNotice .statement_detail.statement_detail--active,
body:after {
    display: block
}

.cookieNotice .cookieButtons {
    max-width: 30%;
    float: right
}

.cookieNotice .agree {
    float: right;
    padding: 8px;
    margin: 8px 0 0;
    background-color: green
}

.cookieNotice .disagree {
    float: right;
    padding: 8px;
    margin: 8px 8px 0 0;
    background-color: #b20000
}

@media only screen and (max-width:1200px) {
    .cookieNotice .contents {
        width: 90%
    }

    .cookieNotice .cookieButtons,
    .cookieNotice .statement {
        max-width: 100%
    }
}

.lg-1,
.lg-10,
.lg-11,
.lg-12,
.lg-2,
.lg-3,
.lg-4,
.lg-5,
.lg-6,
.lg-7,
.lg-8,
.lg-9,
.md-1,
.md-10,
.md-11,
.md-12,
.md-2,
.md-3,
.md-4,
.md-5,
.md-6,
.md-7,
.md-8,
.md-9,
.sm-1,
.sm-10,
.sm-11,
.sm-12,
.sm-2,
.sm-3,
.sm-4,
.sm-5,
.sm-6,
.sm-7,
.sm-8,
.sm-9,
.xl-1,
.xl-10,
.xl-11,
.xl-12,
.xl-2,
.xl-3,
.xl-4,
.xl-5,
.xl-6,
.xl-7,
.xl-8,
.xl-9,
.xs-1,
.xs-10,
.xs-11,
.xs-12,
.xs-2,
.xs-3,
.xs-4,
.xs-5,
.xs-6,
.xs-7,
.xs-8,
.xs-9 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.46875rem;
    padding-right: 1.46875rem;
    float: left;
    width: 100%
}

body:after {
    content: "xs"
}

.container,
.lg-1,
.lg-10,
.lg-11,
.lg-12,
.lg-2,
.lg-3,
.lg-4,
.lg-5,
.lg-6,
.lg-7,
.lg-8,
.lg-9,
.md-1,
.md-10,
.md-11,
.md-12,
.md-2,
.md-3,
.md-4,
.md-5,
.md-6,
.md-7,
.md-8,
.md-9,
.sm-1,
.sm-10,
.sm-11,
.sm-12,
.sm-2,
.sm-3,
.sm-4,
.sm-5,
.sm-6,
.sm-7,
.sm-8,
.sm-9,
.xl-1,
.xl-10,
.xl-11,
.xl-12,
.xl-2,
.xl-3,
.xl-4,
.xl-5,
.xl-6,
.xl-7,
.xl-8,
.xl-9,
.xs-1,
.xs-10,
.xs-11,
.xs-12,
.xs-2,
.xs-3,
.xs-4,
.xs-5,
.xs-6,
.xs-7,
.xs-8,
.xs-9 {
    padding-left: 1.46875rem;
    padding-right: 1.46875rem
}

.grid-row,
.row,
ul.row {
    margin-left: -1.46875rem;
    margin-right: -1.46875rem;
    clear: both
}

.xs-1 {
    width: 8.3333333333%
}

.xs-2 {
    width: 16.6666666667%
}

.xs-3 {
    width: 25%
}

.xs-4 {
    width: 33.3333333333%
}

.xs-5 {
    width: 41.6666666667%
}

.xs-6 {
    width: 50%
}

.xs-7 {
    width: 58.3333333333%
}

.xs-8 {
    width: 66.6666666667%
}

.xs-9 {
    width: 75%
}

.xs-10 {
    width: 83.3333333333%
}

.xs-11 {
    width: 91.6666666667%
}

.xs-12 {
    width: 100%
}

@media (min-width:37.5em) {
    body:after {
        content: "sm"
    }

    .sm-1 {
        width: 8.3333333333%
    }

    .sm-2 {
        width: 16.6666666667%
    }

    .sm-3 {
        width: 25%
    }

    .sm-4 {
        width: 33.3333333333%
    }

    .sm-5 {
        width: 41.6666666667%
    }

    .sm-6 {
        width: 50%
    }

    .sm-7 {
        width: 58.3333333333%
    }

    .sm-8 {
        width: 66.6666666667%
    }

    .sm-9 {
        width: 75%
    }

    .sm-10 {
        width: 83.3333333333%
    }

    .sm-11 {
        width: 91.6666666667%
    }

    .sm-12 {
        width: 100%
    }
}

@media (min-width:64em) {
    body:after {
        content: "md"
    }

    .md-1 {
        width: 8.3333333333%
    }

    .md-2 {
        width: 16.6666666667%
    }

    .md-3 {
        width: 25%
    }

    .md-4 {
        width: 33.3333333333%
    }

    .md-5 {
        width: 41.6666666667%
    }

    .md-6 {
        width: 50%
    }

    .md-7 {
        width: 58.3333333333%
    }

    .md-8 {
        width: 66.6666666667%
    }

    .md-9 {
        width: 75%
    }

    .md-10 {
        width: 83.3333333333%
    }

    .md-11 {
        width: 91.6666666667%
    }

    .md-12 {
        width: 100%
    }
}

@media (min-width:80em) {
    body:after {
        content: "lg"
    }

    .lg-1 {
        width: 8.3333333333%
    }

    .lg-2 {
        width: 16.6666666667%
    }

    .lg-3 {
        width: 25%
    }

    .lg-4 {
        width: 33.3333333333%
    }

    .lg-5 {
        width: 41.6666666667%
    }

    .lg-6 {
        width: 50%
    }

    .lg-7 {
        width: 58.3333333333%
    }

    .lg-8 {
        width: 66.6666666667%
    }

    .lg-9 {
        width: 75%
    }

    .lg-10 {
        width: 83.3333333333%
    }

    .lg-11 {
        width: 91.6666666667%
    }

    .lg-12 {
        width: 100%
    }
}

.xs-p-1 {
    padding-top: 2.9375rem;
    padding-bottom: 2.9375rem
}

.xs-p-2 {
    padding-top: 5.875rem;
    padding-bottom: 5.875rem
}

.xs-mt-1 {
    margin-top: 2.9375rem
}

.xs-mt-2 {
    margin-top: 5.875rem
}

.xs-mb-1 {
    margin-bottom: 2.9375rem
}

.xs-mb-2 {
    margin-bottom: 5.875rem
}

@media (min-width:37.5em) {
    .sm-p-1 {
        padding-top: 2.9375rem;
        padding-bottom: 2.9375rem
    }

    .sm-p-2 {
        padding-top: 5.875rem;
        padding-bottom: 5.875rem
    }

    .sm-mt-1 {
        margin-top: 2.9375rem
    }

    .sm-mt-2 {
        margin-top: 5.875rem
    }

    .sm-mb-1 {
        margin-bottom: 2.9375rem
    }

    .sm-mb-2 {
        margin-bottom: 5.875rem
    }
}

@media (min-width:64em) {
    .md-p-1 {
        padding-top: 2.9375rem;
        padding-bottom: 2.9375rem
    }

    .md-p-2 {
        padding-top: 5.875rem;
        padding-bottom: 5.875rem
    }

    .md-mt-1 {
        margin-top: 2.9375rem
    }

    .md-mt-2 {
        margin-top: 5.875rem
    }

    .md-mb-1 {
        margin-bottom: 2.9375rem
    }

    .md-mb-2 {
        margin-bottom: 5.875rem
    }
}

@media (min-width:80em) {
    .lg-p-1 {
        padding-top: 2.9375rem;
        padding-bottom: 2.9375rem
    }

    .lg-p-2 {
        padding-top: 5.875rem;
        padding-bottom: 5.875rem
    }

    .lg-mt-1 {
        margin-top: 2.9375rem
    }

    .lg-mt-2 {
        margin-top: 5.875rem
    }

    .lg-mb-1 {
        margin-bottom: 2.9375rem
    }

    .lg-mb-2 {
        margin-bottom: 5.875rem
    }
}

@media (min-width:120em) {
    body:after {
        content: "xl"
    }

    .xl-1 {
        width: 8.3333333333%
    }

    .xl-2 {
        width: 16.6666666667%
    }

    .xl-3 {
        width: 25%
    }

    .xl-4 {
        width: 33.3333333333%
    }

    .xl-5 {
        width: 41.6666666667%
    }

    .xl-6 {
        width: 50%
    }

    .xl-7 {
        width: 58.3333333333%
    }

    .xl-8 {
        width: 66.6666666667%
    }

    .xl-9 {
        width: 75%
    }

    .xl-10 {
        width: 83.3333333333%
    }

    .xl-11 {
        width: 91.6666666667%
    }

    .xl-12 {
        width: 100%
    }

    .xl-p-1 {
        padding-top: 2.9375rem;
        padding-bottom: 2.9375rem
    }

    .xl-p-2 {
        padding-top: 5.875rem;
        padding-bottom: 5.875rem
    }

    .xl-mt-1 {
        margin-top: 2.9375rem
    }

    .xl-mt-2 {
        margin-top: 5.875rem
    }

    .xl-mb-1 {
        margin-bottom: 2.9375rem
    }

    .xl-mb-2 {
        margin-bottom: 5.875rem
    }
}

body:after {
    position: static;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    background: red;
    speak: none
}

body.development:after {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    width: auto;
    height: auto;
    opacity: 1;
    background: #fff;
    visibility: visible;
    color: #000;
    speak: none
}

.container {
    max-width: 80rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.text-right {
    text-align: right
}

.text-hide {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.list-arrow,
.list-inline,
.list-reset,
.nav-main ul,
.presentation__controls ul,
.profile__contactdata,
.tags ul,
.tx-powermail .parsley-errors-list {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.list-inline li,
.tags ul li {
    display: inline-block
}

.cf:after,
.cf:before,
.container:after,
.container:before,
.grid-row:after,
.grid-row:before,
.group:after,
.group:before,
.paging:after,
.paging:before,
.row:after,
.row:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

.cf:after,
.container:after,
.grid-row:after,
.group:after,
.paging:after,
.row:after {
    clear: both
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.left {
    float: left
}

.right {
    float: right
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.clear-both,
.container:after,
.gallery:after,
.presentation__controls li,
.xdsoft_datetimepicker .xdsoft_calendar,
figure:after {
    clear: both
}

.circle {
    border-radius: 100%
}

.lg-show,
.md-show,
.sm-show,
.xl-show,
.xs-show {
    display: none
}

.xs-show {
    display: block
}

.xs-hide {
    display: none
}

@media (min-width:37.5em) {
    .sm-show {
        display: block
    }

    .sm-hide {
        display: none
    }
}

@media (min-width:64em) {
    .md-show {
        display: block
    }

    .md-hide {
        display: none
    }
}

@media (min-width:80em) {
    .lg-show {
        display: block
    }

    .lg-hide {
        display: none
    }
}

@media (min-width:120em) {
    .xl-show {
        display: block
    }

    .xl-hide {
        display: none
    }
}

.patty,
.patty:after,
.patty:before {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 25px;
    height: 2px;
    background-color: #fff;
    display: block
}

.patty {
    border: none;
    position: relative;
    margin: 6px auto
}

.patty:after,
.patty:before {
    content: '';
    position: absolute;
    left: 0
}

.patty:before {
    top: 6px
}

.patty:after {
    bottom: 6px
}

.is-active .patty:after,
.is-active .patty:before {
    -webkit-transform-origin: center;
    transform-origin: center
}

.is-active .patty {
    border-color: transparent;
    background-color: transparent
}

.is-active .patty:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.is-active .patty:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 0
}

.media {
    overflow: hidden;
    transform: scale(1);
}

.media__object {
    float: left;
    display: block
}

.media__object img {
    display: block
}

.media__content {
    overflow: hidden;
    transform: scale(1);
}

.media__rev {
    float: right
}

/*
@font-face{font-family:icons;src:url(../../../../tud_styling/Resources/Public/fonts/icons.eot);src:url(../../../../tud_styling/Resources/Public/fonts/icons.eot?#iefix) format("embedded-opentype"),url(../../../../tud_styling/Resources/Public/fonts/icons.woff) format("woff"),url(../../../../tud_styling/Resources/Public/fonts/icons.ttf) format("truetype"),url(../../../../tud_styling/Resources/Public/fonts/icons.svg#icons) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){
@font-face{font-family:icons;src:url(../../../../tud_styling/Resources/Public/fonts/icons.svg#icons) format("svg")}}
@font-face{font-family:roboto;src:url(../../../../tud_styling/Resources/Public/fonts/roboto-light.eot);src:url(../../../../tud_styling/Resources/Public/fonts/roboto-light.eot?#iefix) format("embedded-opentype"),url(../../../../tud_styling/Resources/Public/fonts/roboto-light.woff2) format("woff2"),url(../../../../tud_styling/Resources/Public/fonts/roboto-light.woff) format("woff"),url(../../../../tud_styling/Resources/Public/fonts/roboto-light.ttf) format("truetype"),url(../../../../tud_styling/Resources/Public/fonts/roboto-light.svg#robotolight) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:roboto;src:url(../../../../tud_styling/Resources/Public/fonts/roboto-thin.eot);src:url(../../../../tud_styling/Resources/Public/fonts/roboto-thin.eot?#iefix) format("embedded-opentype"),url(../../../../tud_styling/Resources/Public/fonts/roboto-thin.woff2) format("woff2"),url(../../../../tud_styling/Resources/Public/fonts/roboto-thin.woff) format("woff"),url(../../../../tud_styling/Resources/Public/fonts/roboto-thin.ttf) format("truetype"),url(../../../../tud_styling/Resources/Public/fonts/roboto-thin.svg#robotothin) format("svg");font-weight:100;font-style:normal}
*/

.accordion__title.is-closed:before,
.accordion__title:before,
.breadcrumb li:before,
.carousel .btn--play:before,
.i-arrow_down-after:after,
.i-arrow_down:before,
.i-arrow_left-after:after,
.i-arrow_left:before,
.i-arrow_right-after:after,
.i-arrow_right:before,
.i-arrow_select-after:after,
.i-arrow_select:before,
.i-arrow_up-after:after,
.i-arrow_up:before,
.i-available-after:after,
.i-available:before,
.i-close-after:after,
.i-close:before,
.i-facebook-after:after,
.i-facebook:before,
.i-instagram-after:after,
.i-instagram:before,
.i-linkedin-after:after,
.i-linkedin:before,
.i-mail-after:after,
.i-mail:before,
.i-map-after:after,
.i-map:before,
.i-minus-after:after,
.i-minus:before,
.i-phone-after:after,
.i-phone:before,
.i-plus-after:after,
.i-plus:before,
.i-rss-after:after,
.i-rss:before,
.i-search-after:after,
.i-search:before,
.i-twitter-after:after,
.i-twitter:before,
.i-video_play-after:after,
.i-video_play:before,
.i-youtube-after:after,
.i-youtube:before,
.slick-next:before,
.slick-prev:before,
.video--popup:before {
    display: inline-block;
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    speak: none;
    vertical-align: middle
}

.i-arrow_down-after:after,
.i-arrow_down:before {
    content: ""
}

.i-arrow_left-after:after,
.i-arrow_left:before {
    content: ""
}

.i-arrow_right-after:after,
.i-arrow_right:before {
    content: ""
}

.i-arrow_select-after:after,
.i-arrow_select:before {
    content: ""
}

.i-arrow_up-after:after,
.i-arrow_up:before {
    content: ""
}

.i-available-after:after,
.i-available:before {
    content: ""
}

.i-close-after:after,
.i-close:before {
    content: ""
}

.i-facebook-after:after,
.i-facebook:before {
    content: ""
}

.i-instagram-after:after,
.i-instagram:before {
    content: ""
}

.i-linkedin-after:after,
.i-linkedin:before {
    content: ""
}

.i-mail-after:after,
.i-mail:before {
    content: ""
}

.i-map-after:after,
.i-map:before {
    content: ""
}

.i-minus-after:after,
.i-minus:before {
    content: ""
}

.i-phone-after:after,
.i-phone:before {
    content: ""
}

.i-plus-after:after,
.i-plus:before {
    content: ""
}

.i-rss-after:after,
.i-rss:before {
    content: ""
}

.i-search-after:after,
.i-search:before {
    content: ""
}

.i-twitter-after:after,
.i-twitter:before {
    content: ""
}

.i-video_play-after:after,
.i-video_play:before {
    content: ""
}

.i-youtube-after:after,
.i-youtube:before {
    content: ""
}

.i-more:before {
    content: '…'
}

.agenda__item:after,
.card:after,
.grid-row>:after,
.nav-overlay__mainitem:after,
.news-summary:before,
.onhover-linecover:after {
    content: ''
}

input[type=search]::-webkit-search-decoration {
    display: none
}

input[type=checkbox]:active,
input[type=checkbox]:focus,
input[type=file]:active,
input[type=file]:focus,
input[type=radio]:active,
input[type=radio]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    outline: 0;
    text-decoration: none;
    vertical-align: top;
    width: auto;
    background-color: #00A6D6;
    margin-top: 1rem
}

a.button:focus,
a.button:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    background-color: #1E6188
}

a.button::-moz-focus-inner,
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=number],
input[type=search],
select,
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid;
    border-color: #F2F2F2 #F2F2F2 #00A6D6;
    color: #000;
    outline: 0;
    margin: 0;
    padding-left: .5em;
    text-align: left;
    font-size: 1em;
    height: 2.5em;
    vertical-align: top;
    width: 100%;
    font-family: Arial, "Liberation Sans", FreeSans, sans-serif
}

a.button_disabled,
button[disabled],
input[disabled],
select[disabled],
select[disabled] optgroup,
select[disabled] option,
textarea[disabled] {
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #505050;
    cursor: default
}

.accordion__title,
.xdsoft_noselect {
    -moz-user-select: none;
    -ms-user-select: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #505050
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #505050
}

input.placeholder_text,
textarea.placeholder_text {
    color: #505050
}

select[multiple],
select[size],
textarea {
    height: auto
}

select[size="0"],
select[size="1"] {
    height: 1.8em
}

@media (-webkit-min-device-pixel-ratio:0) {

    select[multiple],
    select[multiple][size],
    select[size] {
        background-image: none;
        padding-right: 3px
    }

    select,
    select[size="0"],
    select[size="1"] {
        background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px
    }

    ::-webkit-validation-bubble-message {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
        border: 0;
        color: #fff;
        font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
        overflow: hidden;
        padding: 15px 15px 17px;
        text-shadow: #000 0 0 1px;
        min-height: 16px
    }

    ::-webkit-validation-bubble-arrow,
    ::-webkit-validation-bubble-top-inner-arrow,
    ::-webkit-validation-bubble-top-outer-arrow {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #666;
        border-color: #666
    }
}

textarea {
    min-height: 40px;
    resize: vertical;
    width: 100%
}

optgroup::-moz-focus-inner {
    border: 0;
    padding: 0
}

a.button,
button,
input,
select,
textarea {
    -webkit-transition: background-color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: background-color .2s cubic-bezier(.56, 0, 0, 1.6)
}

a.button:invalid,
button:invalid,
input:invalid,
select:invalid,
textarea:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

a.button:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    border-bottom-width: 3px;
    border-color: #F2F2F2 #F2F2F2 #00A6D6;
    background-color: #F2F2F2;
    z-index: 1
}

.xdsoft_datetimepicker {
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    background: #FFF;
    border-bottom: 1px solid #BBB;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: 0 0;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.accordion__title,
.nav-overlay,
.slick-slider {
    -webkit-user-select: none
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker,
[hidden],
audio:not([controls]),
template {
    display: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: currentColor;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.list-arrow a:focus li,
.list-arrow a:hover li,
.list-arrow li:focus,
.list-arrow li:hover,
.nav-main .btn--icon,
.onhover-arrow_left:focus,
.onhover-arrow_left:hover,
.onhover-arrow_right:focus,
.onhover-arrow_right:hover,
.slick-list:focus,
.slick-slide:focus,
a:active,
a:focus .list-arrow li,
a:focus .onhover-arrow_left,
a:focus .onhover-arrow_right,
a:hover,
a:hover .list-arrow li,
a:hover .onhover-arrow_left,
a:hover .onhover-arrow_right {
    outline: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #DDD
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #F5F5F5;
    border-top: 1px solid #DDD;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3AF;
    -webkit-box-shadow: #178FE5 0 1px 3px 0 inset;
    box-shadow: #178FE5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #F5F5F5;
    border: 1px solid #DDD;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #F1F1F1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3AF
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3AF;
    -webkit-box-shadow: #178FE5 0 1px 3px 0 inset;
    box-shadow: #178FE5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.news-summary,
.xdsoft_scroller_box,
sub,
sup {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506);
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #c50;
    -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #c50;
    -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000 !important;
    background: #007fff !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    height: 0
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

.breadcrumb a,
.nav-main .btn--icon,
.nav-search input,
blockquote img {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.bg-blue a,
.onhover-linecover:focus,
.onhover-linecover:hover {
    color: #fff
}

.agenda__day,
body {
    font-family: Arial, sans-serif
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

.box,
.card__content,
.nav-carousel,
.nav-inpage,
.notice {
    padding: 1.46875rem
}

table td.align-right {
    text-align: right
}

table td.align-center {
    text-align: center
}

table td.align-left {
    text-align: left
}

table td.align-justify {
    text-align: justify
}

.news-summary:before {
    -webkit-transition: height .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: height .2s cubic-bezier(.56, 0, 0, 1.6);
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0
}

[href].news-summary:hover:before {
    height: 5px
}

.agenda__item,
.card,
.nav-overlay__mainitem {
    position: relative
}

.agenda__item:after,
.card:after,
.nav-overlay__mainitem:after {
    -webkit-transition: height .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: height .2s cubic-bezier(.56, 0, 0, 1.6);
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0
}

[href].agenda__item:hover:after,
[href].card:hover:after,
[href].nav-overlay__mainitem:hover:after {
    height: 5px
}

.fact label.fact--header,
.tx-powermail .powermail_label,
label.btn--round,
label.label {
    display: block;
    margin-top: 1rem
}

.btn--round,
.fact .fact--header,
.label,
.tags a,
.tx-powermail .powermail_label {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 1px
}

.onhover-linecover {
    position: relative;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.onhover-linecover:after {
    -webkit-transition: height .5s cubic-bezier(.56, 0, 0, 1.6);
    transition: height .5s cubic-bezier(.56, 0, 0, 1.6);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    display: block;
    height: .5rem;
    background-color: #00A6D6;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.onhover-linecover:focus:after,
.onhover-linecover:hover:after {
    height: 100%;
    opacity: .8
}

.list-arrow li,
.onhover-arrow_left,
.onhover-arrow_right {
    position: relative;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    padding: .5em;
    display: inline-block;
    vertical-align: middle
}

.list-arrow li:after,
.list-arrow li:before,
.onhover-arrow_left:after,
.onhover-arrow_left:before,
.onhover-arrow_right:after,
.onhover-arrow_right:before {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: transform .2s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    content: '';
    width: .5em;
    height: 1px;
    display: block;
    -webkit-transform-origin: left;
    transform-origin: left;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff
}

.accordion.is-loading,
.grid-row,
.grid-row>* {
    position: relative
}

.list-arrow li:before,
.onhover-arrow_left:before,
.onhover-arrow_right:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.list-arrow li:after,
.onhover-arrow_left:after,
.onhover-arrow_right:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.list-arrow a:focus li:before,
.list-arrow a:hover li:before,
.list-arrow li:focus:before,
.list-arrow li:hover:before,
.onhover-arrow_left:focus:before,
.onhover-arrow_left:hover:before,
.onhover-arrow_right:focus:before,
.onhover-arrow_right:hover:before,
a:focus .list-arrow li:before,
a:focus .onhover-arrow_left:before,
a:focus .onhover-arrow_right:before,
a:hover .list-arrow li:before,
a:hover .onhover-arrow_left:before,
a:hover .onhover-arrow_right:before {
    -webkit-transform: translate(-50%, -50%) rotate(25deg);
    transform: translate(-50%, -50%) rotate(25deg)
}

.list-arrow a:focus li:after,
.list-arrow a:hover li:after,
.list-arrow li:focus:after,
.list-arrow li:hover:after,
.onhover-arrow_left:focus:after,
.onhover-arrow_left:hover:after,
.onhover-arrow_right:focus:after,
.onhover-arrow_right:hover:after,
a:focus .list-arrow li:after,
a:focus .onhover-arrow_left:after,
a:focus .onhover-arrow_right:after,
a:hover .list-arrow li:after,
a:hover .onhover-arrow_left:after,
a:hover .onhover-arrow_right:after {
    -webkit-transform: translate(-50%, -50%) rotate(-25deg);
    transform: translate(-50%, -50%) rotate(-25deg)
}

.list-arrow li:after,
.list-arrow li:before,
.onhover-arrow_right:after,
.onhover-arrow_right:before {
    -webkit-transform-origin: right;
    transform-origin: right
}

form {
    max-width: 40rem
}

.powermail_confirmation form {
    width: 50%;
    float: left
}

input::-webkit-input-placeholder {
    color: #9B9B9B
}

input:-ms-input-placeholder {
    color: #9B9B9B
}

input::-ms-input-placeholder {
    color: #9B9B9B
}

input::placeholder {
    color: #9B9B9B
}

.grid>* {
    padding-bottom: 3rem
}

.grid-row>* {
    margin-bottom: 3rem
}

.grid-row>:after {
    display: block;
    height: 23.75rem
}

.grid-row>*>* {
    position: absolute !important;
    width: calc(100% - 2.9375rem) !important;
    height: 100% !important
}

.grid-row div[style^=background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media (min-width:37.5em) {
    .grid-row:not(.no-pullup) div:first-child+div+div {
        margin-top: -26.75rem
    }
}

.grid-row:not(.no-pullup) div:first-child+div+div:after {
    height: 50.5rem
}

.grid-row .latestArticlesCe>div>.grid-row,
.grid-row .latestArticlesCe>div>.grid-row>div {
    height: inherit
}

.grid-row.grid-row--halfHeight>:after,
.grid-row.grid-row--horizontalHalfHeight>:after {
    height: 11.875rem
}

.negative-top-margin {
    float: left;
    width: 100%
}

.grid-background--black {
    background-color: #222;
    padding: 1.46875rem
}

.grid-background--white {
    background-color: #fff;
    padding: 1.46875rem
}

.grid-background--blue_lighter {
    background-color: #E5F6FA;
    padding: 1.46875rem
}

.grid-background--blue_light {
    background-color: #6EBBD5;
    padding: 1.46875rem
}

.grid-background--blue {
    background-color: #00A6D6;
    padding: 1.46875rem
}

.grid-background--blue_dark {
    background-color: #1E6188;
    padding: 1.46875rem
}

.grid-background--teal {
    background-color: #008891;
    padding: 1.46875rem
}

.grid-background--yellow {
    background-color: #FFC400;
    padding: 1.46875rem
}

.grid-background--green {
    background-color: #A5CA1A;
    padding: 1.46875rem
}

.grid-background--red {
    background-color: #E21A1A;
    padding: 1.46875rem
}

.grid-background--orange {
    background-color: #E64616;
    padding: 1.46875rem
}

.grid-background--purple {
    background-color: #1C1C73;
    padding: 1.46875rem
}

.grid-background--purple_light {
    background-color: #6D177F;
    padding: 1.46875rem
}

.grid-background--grey_dark {
    background-color: #505050;
    padding: 1.46875rem
}

.grid-background--grey,
.grid-background--grey_medium {
    background-color: #9B9B9B;
    padding: 1.46875rem
}

.grid-background--grey_light {
    background-color: #F2F2F2;
    padding: 1.46875rem
}

.grid-background--background {
    background-color: #F7F7F7;
    padding: 1.46875rem
}

.grid-background--pink {
    background-color: #DB028C;
    padding: 1.46875rem
}

html {
    font-size: 1em;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga" on;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    font-weight: 400;
    line-height: 1.625;
    padding: 0;
    margin: 0;
    color: #222;
    background-color: #F7F7F7
}

a {
    -webkit-transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    color: #00A6D6
}

a:focus,
a:hover {
    color: #1E6188
}

.bodytext,
p {
    margin-top: 0
}

img {
    border: 0;
    max-width: 100%;
    height: auto
}

.container:after,
.container:before,
figure:after,
figure:before {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

abbr {
    border-bottom: 1px dotted #222;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.mainWithOffset,
.modal+main {
    margin-top: 3.75rem
}

.intro,
.poster+main,
main>.container>:first-child {
    margin-top: 0
}

figure {
    margin: 0
}

figure:after,
figure:before {
    width: 0
}

figure img {
    float: left;
    width: calc(100% - 11rem)
}

figure figcaption {
    overflow: hidden;
    padding-left: 1rem;
    font-size: .8em;
    min-width: 10rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title-size--large,
.title-size--medium,
.title-size--small,
.user-content h1,
.user-content h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: 0
}

.h1,
.title-size--large,
.title-size--medium,
.title-size--small,
h1 {
    line-height: 1.3;
    font-size: 2rem
}

@media (min-width:37.5em) {

    .h1,
    .title-size--large,
    .title-size--medium,
    .title-size--small,
    h1 {
        font-size: 3.5rem;
        font-family: Arial, sans-serif;
        line-height: 1;
        font-weight: 100
    }

    .fontsLoaded .h1,
    .fontsLoaded .title-size--large,
    .fontsLoaded .title-size--medium,
    .fontsLoaded .title-size--small,
    .fontsLoaded h1 {
        font-family: roboto, Arial, sans-serif
    }
}

@media (min-width:64em) {

    .h1,
    .title-size--large,
    .title-size--medium,
    .title-size--small,
    h1 {
        font-size: 4.5rem
    }
}

.h2,
.user-content h1,
h2 {
    font-size: 2.0625rem
}

.h3,
.user-content h2,
h3 {
    font-size: 1.375rem;
    line-height: 1.3
}

.user-content a h2,
a .h3,
a .user-content h2,
a h3 {
    color: #00A6D6;
    text-decoration: none
}

.subtitle {
    font-family: roboto, Arial, sans-serif
}

.button-reset,
.slick-next,
.slick-prev {
    background: 0 0;
    padding: 0;
    margin: 0;
    border: none
}

.title-size--small {
    font-size: 1.375rem
}

.title-size--medium {
    font-size: 2.0625rem
}

.intro {
    font-size: 1.3em;
    line-height: 1.4
}

.container:after,
.container:before {
    width: 0
}

.container>* {
    margin-top: 3rem
}

.container>:last-child {
    margin-bottom: 3rem
}

.container.no-spacing>* {
    margin-top: auto
}

.container.no-spacing>:last-child {
    margin-bottom: auto
}

.space-children>* {
    margin-top: 3rem
}

.content-container {
    max-width: 37.5rem
}

.equalheight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.equalheight h1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.equalheight>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inline {
    display: inline-block !important
}

.user-content h1,
.user-content h2,
.user-content h3,
.user-content h4,
.user-content h5 {
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 3rem
}

.user-content h1+p,
.user-content h1:first-child,
.user-content h2+p,
.user-content h2:first-child,
.user-content h3+p,
.user-content h3:first-child,
.user-content h4+p,
.user-content h4:first-child,
.user-content h5+p,
.user-content h5:first-child {
    margin-top: 0
}

.user-content h1 {
    margin-bottom: .3em
}

@media (min-width:37.5em) {
    .intro {
        font-size: 1.5em
    }

    .user-content h1 {
        font-size: 2.7rem
    }
}

.user-content h3,
.user-content h4,
.user-content h5,
.user-content h6 {
    font-size: 1rem;
    font-weight: 600
}

.user-content .pull {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.bg-blue {
    background-color: #00A6D6
}

.bg-blue_dark {
    background-color: #1E6188
}

.bg-blue_light {
    background-color: #6EBBD5
}

.bg-grey {
    background-color: #F2F2F2
}

.bg-blue a:focus,
.bg-blue a:hover,
.color-black {
    color: #222
}

.color-blue {
    color: #00A6D6
}

.color-white {
    color: #fff !important
}

.accordion__title {
    user-select: none;
    -webkit-transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    overflow: hidden;
    transform: scale(1);
    cursor: pointer
}

.nav-overlay,
.slick-slider {
    -moz-user-select: none;
    -ms-user-select: none
}

.accordion__title span {
    display: block;
    overflow: hidden;
    transform: scale(1);
    font-weight: 600
}

.accordion__title:hover {
    color: #00A6D6
}

.accordion__title:before {
    content: "";
    -webkit-transition: -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: transform .2s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    border: 1px solid #9B9B9B;
    color: #00A6D6;
    font-size: .8rem;
    padding: .5rem;
    border-radius: 100%;
    line-height: 1;
    text-align: center;
    margin-right: 1em;
    float: left;
    display: block
}

.agenda .agenda__month,
.agenda .agenda__stopDay,
.agenda__day {
    font-weight: 100;
    font-size: 3rem
}

.accordion__title.is-closed {
    margin-bottom: 10px
}

.accordion__title.is-closed:before {
    content: "";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion__content {
    display: block;
    -webkit-transition: height .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: height .2s cubic-bezier(.56, 0, 0, 1.6);
    margin-bottom: 1em;
    overflow: hidden;
    height: auto !important
}

.accordion__content.is-closed {
    display: none;
    height: 0
}

.accordion.is-loading:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNDJweCcgaGVpZ2h0PSc0MnB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9InVpbC1kZWZhdWx0Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgY2xhc3M9ImJrIj48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nLTFzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nLTAuOTE2NjY2NjY2NjY2NjY2NnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPSctMC44MzMzMzMzMzMzMzMzMzM0cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49Jy0wLjc1cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPSctMC42NjY2NjY2NjY2NjY2NjY2cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPSctMC41ODMzMzMzMzMzMzMzMzM0cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPSctMC41cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPSctMC40MTY2NjY2NjY2NjY2NjY3cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPSctMC4zMzMzMzMzMzMzMzMzMzMzcycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPSctMC4yNXMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMzAwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nLTAuMTY2NjY2NjY2NjY2NjY2NjZzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49Jy0wLjA4MzMzMzMzMzMzMzMzMzMzcycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%
}

.agenda__item {
    overflow: hidden;
    text-decoration: none;
    display: block;
    width: 100%
}

.agenda__item:after {
    background-color: #00A6D6
}

.agenda__item .btn--round,
.agenda__item .fact .fact--header,
.agenda__item .label,
.agenda__item .tags a,
.fact .agenda__item .fact--header,
.tags .agenda__item a {
    color: #222
}

.agenda__day {
    float: left;
    color: #222;
    width: 1.5em
}

.agenda .agenda__stopDay,
.fontsLoaded .agenda__day {
    font-family: roboto, Arial, sans-serif
}

.agenda__content {
    overflow: hidden
}

.agenda .agenda__date {
    float: left
}

.agenda .agenda__item {
    margin-bottom: 3rem
}

.agenda .agenda__day {
    float: none;
    line-height: .8;
    font-weight: 100
}

.agenda .agenda__stopDay {
    display: block;
    color: #222
}

.agenda .agenda__row {
    position: relative
}

.user-content a h2.agenda__item__headline,
a .h3.agenda__item__headline,
a .user-content h2.agenda__item__headline {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-top: -8px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 9
}

.js-back_to_top {
    -webkit-transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6);
    opacity: 0;
    position: fixed;
    z-index: 1000;
    bottom: 4.55rem;
    right: 1.46875rem
}

.js-back_to_top:hover .btn--icon:after {
    background-color: #fff
}

.js-back_to_top .btn--icon:before {
    color: #00A6D6
}

.js-back_to_top .btn--icon:after {
    border-color: #00A6D6
}

.breadcrumb,
blockquote {
    border-bottom: 1px solid #9B9B9B;
    width: 100%
}

.js-back_to_top.up .btn--icon:before {
    content: ""
}

.js-back_to_top.show {
    opacity: 1
}

.js-back_to_top.is-fixed {
    position: absolute;
    top: -3em;
    bottom: auto
}

.disable-mouse {
    position: fixed;
    -webkit-transform: translateZ(1);
    transform: translateZ(1);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.disable-mouse.is-scroll {
    z-index: 999999999999
}

blockquote {
    float: left;
    font-family: Georgia, Times, "Times New Roman", serif;
    margin: 2rem 0;
    border-top: .3rem solid #00A6D6;
    font-size: 2.25rem;
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative
}

blockquote cite {
    color: #9B9B9B;
    margin-top: 3.7rem;
    display: block;
    font-size: 1rem;
    margin-left: 7.188em;
    overflow: hidden
}

blockquote img {
    float: left;
    border-radius: 100%
}

blockquote p {
    margin-left: .4em;
    margin-right: .4em
}

blockquote p:before {
    content: "\201C";
    margin-left: -.4em
}

blockquote p:after {
    content: "\201D"
}

.breadcrumb {
    padding: 1rem 0;
    font-size: .9rem
}

.breadcrumb a {
    color: #9B9B9B;
    padding: .5rem 0;
    text-decoration: none;
    display: inline-block
}

.breadcrumb a:focus,
.breadcrumb a:hover {
    color: #505050
}

.breadcrumb li {
    color: #9B9B9B
}

.breadcrumb li:before {
    content: "";
    color: #9B9B9B
}

.breadcrumb li:first-child:before {
    display: none
}

.btn,
.btn--ghost,
a.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-transition: background-color .2s cubic-bezier(.56, 0, 0, 1.6), color .2s cubic-bezier(.56, 0, 0, 1.6), border-color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: background-color .2s cubic-bezier(.56, 0, 0, 1.6), color .2s cubic-bezier(.56, 0, 0, 1.6), border-color .2s cubic-bezier(.56, 0, 0, 1.6);
    padding: .9rem 1.5rem;
    border-radius: 3px;
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    border: none;
    cursor: pointer;
    text-decoration: none;
    line-height: 1
}

.btn--icon,
.btn--round {
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 0
}

.btn--icon:after,
.btn--round:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: background-color .2s ease, -webkit-transform .2s cubic-bezier(0, 0, 0, 3);
    transition: background-color .2s ease, -webkit-transform .2s cubic-bezier(0, 0, 0, 3);
    transition: background-color .2s ease, transform .2s cubic-bezier(0, 0, 0, 3);
    transition: background-color .2s ease, transform .2s cubic-bezier(0, 0, 0, 3), -webkit-transform .2s cubic-bezier(0, 0, 0, 3);
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 1px solid #fff;
    border-radius: 100%
}

.btn--icon:focus,
.btn--icon:hover,
.btn--round:focus,
.btn--round:hover {
    color: #fff !important
}

.btn--icon:focus:after,
.btn--icon:hover:after,
.btn--round:focus:after,
.btn--round:hover:after {
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
    background-color: #222
}

.btn,
button {
    background-color: #00A6D6;
    color: #fff
}

.bg-blue .btn,
.bg-blue button {
    background-color: #fff;
    color: #00A6D6
}

.btn:focus,
.btn:hover,
button:focus,
button:hover {
    background-color: #222;
    color: #fff !important
}

.btn--ghost {
    background-color: transparent;
    border-color: #00A6D6;
    color: #00A6D6
}

.btn--ghost:focus,
.btn--ghost:hover {
    color: #fff;
    background-color: #00A6D6
}

.bg-blue .btn--ghost {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.bg-blue .btn--ghost:focus,
.bg-blue .btn--ghost:hover {
    background-color: #fff;
    color: #00A6D6
}

.btn--round {
    font-size: .8rem !important;
    color: #fff;
    display: block;
    width: 3rem;
    padding: 2rem 1.31rem
}

.btn--round:focus:after,
.btn--round:hover:after {
    background-color: #00A6D6
}

.btn--icon {
    padding: .5rem;
    font-size: 1.4rem;
    background: 0 0
}

.bg-blue .btn--icon {
    border-color: #fff;
    color: #fff
}

.card,
.card[href]:focus,
.card[href]:hover {
    color: #222
}

.btn--icon:after,
.btn--icon:before {
    vertical-align: top
}

.btn--icon.i-more {
    width: 38px
}

.card {
    -webkit-transition: none;
    transition: none;
    display: block;
    background: #000;
    height: 23.75em;
    position: relative;
    overflow: hidden
}

.fact,
footer {
    overflow: auto
}

.card:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    opacity: .5;
    position: absolute;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)) no-repeat bottom left;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff) no-repeat bottom left;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 2em
}

.card:after {
    z-index: 3;
    background-color: #00A6D6
}

.card--background.card--pillar.card--no_image .card__content,
.card--black.card--pillar.card--no_image .card__content,
.card--blue.card--pillar.card--no_image .card__content,
.card--blue_dark.card--pillar.card--no_image .card__content,
.card--blue_light.card--pillar.card--no_image .card__content,
.card--blue_lighter.card--pillar.card--no_image .card__content,
.card--grey.card--pillar.card--no_image .card__content,
.card--grey_dark.card--pillar.card--no_image .card__content,
.card--grey_light.card--pillar.card--no_image .card__content,
.card--grey_medium.card--pillar.card--no_image .card__content,
.card--no_description .card__content,
.card--orange.card--pillar.card--no_image .card__content,
.card--pink.card--pillar.card--no_image .card__content,
.card--purple.card--pillar.card--no_image .card__content,
.card--purple_light.card--pillar.card--no_image .card__content,
.card--red.card--pillar.card--no_image .card__content,
.card--teal.card--pillar.card--no_image .card__content,
.card--white.card--pillar.card--no_image .card__content,
.card--yellow.card--pillar.card--no_image .card__content {
    z-index: 1
}

.card[href]:focus:after,
.card[href]:hover:after {
    height: .5em
}

.card[href]:focus .card__img,
.card[href]:hover .card__img {
    opacity: .5
}

.card__img {
    -webkit-transition: opacity .2s cubic-bezier(0, 0, 0, 1);
    transition: opacity .2s cubic-bezier(0, 0, 0, 1);
    -webkit-transform-origin: center;
    transform-origin: center;
    background-position: 50%;
    background-size: cover;
    height: 50%
}

.card__content {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.card__img+.card__content {
    top: 50%
}

.card--no_description:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), to(#222));
    background-image: linear-gradient(rgba(34, 34, 34, 0), #222)
}

.card--no_description .card__content {
    background: 0 0;
    position: absolute;
    height: auto
}

.card--no_description .card__img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    height: 100%
}

.card--no_description .card__content,
.card--no_image:not(.card--no_placeholder) .card__content {
    background-color: transparent;
    color: #fff
}

.card--no_description .h3,
.card--no_description .user-content h2,
.card--no_description h3,
.card--no_image:not(.card--no_placeholder) .h3,
.card--no_image:not(.card--no_placeholder) .user-content h2,
.card--no_image:not(.card--no_placeholder) h3,
.user-content .card--no_description h2,
.user-content .card--no_image:not(.card--no_placeholder) h2 {
    color: #fff
}

.card--no_description .h3:before,
.card--no_description .user-content h2:before,
.card--no_description h3:before,
.card--no_image:not(.card--no_placeholder) .h3:before,
.card--no_image:not(.card--no_placeholder) .user-content h2:before,
.card--no_image:not(.card--no_placeholder) h3:before,
.user-content .card--no_description h2:before,
.user-content .card--no_image:not(.card--no_placeholder) h2:before {
    content: '';
    width: 1.5em;
    height: 1px;
    display: block;
    margin-bottom: .5em;
    background-color: #fff
}

.card--black.card--no_image:after,
.card--black.card--no_image[href]:after,
.card--no_image:not(.card--no_placeholder) .card__img {
    display: none
}

.card--no_image:not(.card--no_placeholder) {
    background-color: #00A6D6;
    background-image: url(../../../../tud_styling/Resources/Public/img/torch.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.card--no_image:not(.card--no_placeholder).card--no_placeholder {
    background-image: none
}

.card--no_image:not(.card--no_placeholder) .card__content {
    background-color: transparent;
    color: #fff
}

.card--no_image:not(.card--no_placeholder) .h3,
.card--no_image:not(.card--no_placeholder) .user-content h2,
.card--no_image:not(.card--no_placeholder) h3,
.user-content .card--no_image:not(.card--no_placeholder) h2 {
    color: #fff
}

.card--no_image:not(.card--no_placeholder):before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 166, 214, 0)), to(#00A6D6));
    background-image: linear-gradient(rgba(0, 166, 214, 0), #00A6D6)
}

.card--horizontal:before,
.card--horizontalHalfHeight:before {
    width: 50%;
    right: 0
}

.card--horizontal .card__img,
.card--horizontalHalfHeight .card__img {
    height: 100%;
    width: 50%
}

.card--horizontal .card__content,
.card--horizontalHalfHeight .card__content {
    top: 0;
    left: 50%;
    width: 50%
}

.card--colored.card--no_image .h3,
.card--colored.card--no_image .user-content h2,
.card--colored.card--no_image h3,
.user-content .card--colored.card--no_image h2 {
    color: #fff
}

.card--colored.card--pillar.card--no_image {
    background-size: 100% 46%;
    background-position: 50% 4%
}

.card--colored.card--pillar.card--no_image:before {
    background: 0 0
}

.card--colored.card--pillar.card--no_image .btn--round,
.card--colored.card--pillar.card--no_image .fact .fact--header,
.card--colored.card--pillar.card--no_image .label,
.card--colored.card--pillar.card--no_image .tags a,
.fact .card--colored.card--pillar.card--no_image .fact--header,
.tags .card--colored.card--pillar.card--no_image a {
    color: #222
}

.card--colored.card--pillar.card--no_image .card__content {
    background-color: #fff
}

.card--black.card--no_image {
    background-color: #222
}

.card--black.card--no_image .card__content,
.card--black.card--no_image .card__content .h3,
.card--black.card--no_image .card__content .user-content h2,
.card--black.card--no_image .card__content h3,
.user-content .card--black.card--no_image .card__content h2 {
    color: #fff
}

.card--black.card--no_image .card__content .h3:before,
.card--black.card--no_image .card__content .user-content h2:before,
.card--black.card--no_image .card__content h3:before,
.card--black.card--no_image .card__content:before,
.user-content .card--black.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--black.card--no_image:before {
    background-image: none !important
}

.card--black.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--black.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--black.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--black.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--black.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--black.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--black.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #222 !important
}

.card--black.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #222
}

.card--black.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--white.card--no_image:after,
.card--white.card--no_image[href]:after {
    display: none
}

.card--black:after {
    background-color: #222
}

.card--black.card--pillar.card--no_image .card__content,
.card--black.card--pillar.card--no_image .card__content .h3,
.card--black.card--pillar.card--no_image .card__content .user-content h2,
.card--black.card--pillar.card--no_image .card__content h3,
.user-content .card--black.card--pillar.card--no_image .card__content h2 {
    color: #222
}

.card--black.card--no_description .h3,
.card--black.card--no_description .user-content h2,
.card--black.card--no_description h3,
.card--black.card--no_description.card--no_image .h3,
.card--black.card--no_description.card--no_image .user-content h2,
.card--black.card--no_description.card--no_image h3,
.user-content .card--black.card--no_description h2,
.user-content .card--black.card--no_description.card--no_image h2 {
    color: #fff
}

.card--black .h3,
.card--black .user-content h2,
.card--black h3,
.user-content .card--black h2 {
    color: #222
}

.card--white.card--no_image {
    background-color: #fff
}

.card--white.card--no_image .card__content,
.card--white.card--no_image .card__content .h3,
.card--white.card--no_image .card__content .user-content h2,
.card--white.card--no_image .card__content h3,
.user-content .card--white.card--no_image .card__content h2 {
    color: #000
}

.card--white.card--no_image .card__content .h3:before,
.card--white.card--no_image .card__content .user-content h2:before,
.card--white.card--no_image .card__content h3:before,
.card--white.card--no_image .card__content:before,
.user-content .card--white.card--no_image .card__content h2:before {
    background-color: #000
}

.card--white.card--no_image:before {
    background-image: none !important
}

.card--white.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--white.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--white.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--white.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--white.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--white.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--white.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #fff !important
}

.card--white.card--no_description .h3,
.card--white.card--no_description .user-content h2,
.card--white.card--no_description h3,
.card--white.card--pillar.card--no_image .card__content,
.card--white.card--pillar.card--no_image .card__content .h3,
.card--white.card--pillar.card--no_image .card__content .user-content h2,
.card--white.card--pillar.card--no_image .card__content h3,
.user-content .card--white.card--no_description h2,
.user-content .card--white.card--pillar.card--no_image .card__content h2 {
    color: #fff
}

.card--white.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #fff
}

.card--blue_lighter.card--no_image:after,
.card--blue_lighter.card--no_image[href]:after,
.card--white.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--white:after {
    background-color: #fff
}

.card--white.card--no_description.card--no_image .h3,
.card--white.card--no_description.card--no_image .user-content h2,
.card--white.card--no_description.card--no_image h3,
.user-content .card--white.card--no_description.card--no_image h2 {
    color: #000
}

.card--white .h3,
.card--white .user-content h2,
.card--white h3,
.user-content .card--white h2 {
    color: #fff
}

.card--blue_lighter.card--no_image {
    background-color: #E5F6FA
}

.card--blue_lighter.card--no_image .card__content,
.card--blue_lighter.card--no_image .card__content .h3,
.card--blue_lighter.card--no_image .card__content .user-content h2,
.card--blue_lighter.card--no_image .card__content h3,
.user-content .card--blue_lighter.card--no_image .card__content h2 {
    color: #000
}

.card--blue_lighter.card--no_image .card__content .h3:before,
.card--blue_lighter.card--no_image .card__content .user-content h2:before,
.card--blue_lighter.card--no_image .card__content h3:before,
.card--blue_lighter.card--no_image .card__content:before,
.user-content .card--blue_lighter.card--no_image .card__content h2:before {
    background-color: #000
}

.card--blue_lighter.card--no_image:before {
    background-image: none !important
}

.card--blue_lighter.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--blue_lighter.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--blue_lighter.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--blue_lighter.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--blue_lighter.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--blue_lighter.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--blue_lighter.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #E5F6FA !important
}

.card--blue_lighter.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #E5F6FA
}

.card--blue_light.card--no_image:after,
.card--blue_light.card--no_image[href]:after,
.card--blue_lighter.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--blue_lighter:after {
    background-color: #E5F6FA
}

.card--blue_lighter.card--pillar.card--no_image .card__content,
.card--blue_lighter.card--pillar.card--no_image .card__content .h3,
.card--blue_lighter.card--pillar.card--no_image .card__content .user-content h2,
.card--blue_lighter.card--pillar.card--no_image .card__content h3,
.user-content .card--blue_lighter.card--pillar.card--no_image .card__content h2 {
    color: #E5F6FA
}

.card--blue_lighter.card--no_description .h3,
.card--blue_lighter.card--no_description .user-content h2,
.card--blue_lighter.card--no_description h3,
.user-content .card--blue_lighter.card--no_description h2 {
    color: #fff
}

.card--blue_lighter.card--no_description.card--no_image .h3,
.card--blue_lighter.card--no_description.card--no_image .user-content h2,
.card--blue_lighter.card--no_description.card--no_image h3,
.user-content .card--blue_lighter.card--no_description.card--no_image h2 {
    color: #000
}

.card--blue_lighter .h3,
.card--blue_lighter .user-content h2,
.card--blue_lighter h3,
.user-content .card--blue_lighter h2 {
    color: #E5F6FA
}

.card--blue_light.card--no_image {
    background-color: #6EBBD5
}

.card--blue_light.card--no_image .card__content,
.card--blue_light.card--no_image .card__content .h3,
.card--blue_light.card--no_image .card__content .user-content h2,
.card--blue_light.card--no_image .card__content h3,
.user-content .card--blue_light.card--no_image .card__content h2 {
    color: #000
}

.card--blue_light.card--no_image .card__content .h3:before,
.card--blue_light.card--no_image .card__content .user-content h2:before,
.card--blue_light.card--no_image .card__content h3:before,
.card--blue_light.card--no_image .card__content:before,
.user-content .card--blue_light.card--no_image .card__content h2:before {
    background-color: #000
}

.card--blue_light.card--no_image:before {
    background-image: none !important
}

.card--blue_light.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--blue_light.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--blue_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--blue_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--blue_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--blue_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--blue_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #6EBBD5 !important
}

.card--blue_light.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #6EBBD5
}

.card--blue.card--no_image:after,
.card--blue.card--no_image[href]:after,
.card--blue_light.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--blue_light:after {
    background-color: #6EBBD5
}

.card--blue_light.card--pillar.card--no_image .card__content,
.card--blue_light.card--pillar.card--no_image .card__content .h3,
.card--blue_light.card--pillar.card--no_image .card__content .user-content h2,
.card--blue_light.card--pillar.card--no_image .card__content h3,
.user-content .card--blue_light.card--pillar.card--no_image .card__content h2 {
    color: #6EBBD5
}

.card--blue_light.card--no_description .h3,
.card--blue_light.card--no_description .user-content h2,
.card--blue_light.card--no_description h3,
.user-content .card--blue_light.card--no_description h2 {
    color: #fff
}

.card--blue_light.card--no_description.card--no_image .h3,
.card--blue_light.card--no_description.card--no_image .user-content h2,
.card--blue_light.card--no_description.card--no_image h3,
.user-content .card--blue_light.card--no_description.card--no_image h2 {
    color: #000
}

.card--blue_light .h3,
.card--blue_light .user-content h2,
.card--blue_light h3,
.user-content .card--blue_light h2 {
    color: #6EBBD5
}

.card--blue.card--no_image {
    background-color: #00A6D6
}

.card--blue.card--no_image .card__content,
.card--blue.card--no_image .card__content .h3,
.card--blue.card--no_image .card__content .user-content h2,
.card--blue.card--no_image .card__content h3,
.user-content .card--blue.card--no_image .card__content h2 {
    color: #fff
}

.card--blue.card--no_image .card__content .h3:before,
.card--blue.card--no_image .card__content .user-content h2:before,
.card--blue.card--no_image .card__content h3:before,
.card--blue.card--no_image .card__content:before,
.user-content .card--blue.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--blue.card--no_image:before {
    background-image: none !important
}

.card--blue.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--blue.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--blue.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--blue.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--blue.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--blue.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--blue.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #00A6D6 !important
}

.card--blue.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #00A6D6
}

.card--blue.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--blue_dark.card--no_image:after,
.card--blue_dark.card--no_image[href]:after {
    display: none
}

.card--blue:after {
    background-color: #00A6D6
}

.card--blue.card--pillar.card--no_image .card__content,
.card--blue.card--pillar.card--no_image .card__content .h3,
.card--blue.card--pillar.card--no_image .card__content .user-content h2,
.card--blue.card--pillar.card--no_image .card__content h3,
.user-content .card--blue.card--pillar.card--no_image .card__content h2 {
    color: #00A6D6
}

.card--blue.card--no_description .h3,
.card--blue.card--no_description .user-content h2,
.card--blue.card--no_description h3,
.card--blue.card--no_description.card--no_image .h3,
.card--blue.card--no_description.card--no_image .user-content h2,
.card--blue.card--no_description.card--no_image h3,
.user-content .card--blue.card--no_description h2,
.user-content .card--blue.card--no_description.card--no_image h2 {
    color: #fff
}

.card--blue .h3,
.card--blue .user-content h2,
.card--blue h3,
.user-content .card--blue h2 {
    color: #00A6D6
}

.card--blue_dark.card--no_image {
    background-color: #1E6188
}

.card--blue_dark.card--no_image .card__content,
.card--blue_dark.card--no_image .card__content .h3,
.card--blue_dark.card--no_image .card__content .user-content h2,
.card--blue_dark.card--no_image .card__content h3,
.user-content .card--blue_dark.card--no_image .card__content h2 {
    color: #fff
}

.card--blue_dark.card--no_image .card__content .h3:before,
.card--blue_dark.card--no_image .card__content .user-content h2:before,
.card--blue_dark.card--no_image .card__content h3:before,
.card--blue_dark.card--no_image .card__content:before,
.user-content .card--blue_dark.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--blue_dark.card--no_image:before {
    background-image: none !important
}

.card--blue_dark.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--blue_dark.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--blue_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--blue_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--blue_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--blue_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--blue_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #1E6188 !important
}

.card--blue_dark.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #1E6188
}

.card--blue_dark.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--teal.card--no_image:after,
.card--teal.card--no_image[href]:after {
    display: none
}

.card--blue_dark:after {
    background-color: #1E6188
}

.card--blue_dark.card--pillar.card--no_image .card__content,
.card--blue_dark.card--pillar.card--no_image .card__content .h3,
.card--blue_dark.card--pillar.card--no_image .card__content .user-content h2,
.card--blue_dark.card--pillar.card--no_image .card__content h3,
.user-content .card--blue_dark.card--pillar.card--no_image .card__content h2 {
    color: #1E6188
}

.card--blue_dark.card--no_description .h3,
.card--blue_dark.card--no_description .user-content h2,
.card--blue_dark.card--no_description h3,
.card--blue_dark.card--no_description.card--no_image .h3,
.card--blue_dark.card--no_description.card--no_image .user-content h2,
.card--blue_dark.card--no_description.card--no_image h3,
.user-content .card--blue_dark.card--no_description h2,
.user-content .card--blue_dark.card--no_description.card--no_image h2 {
    color: #fff
}

.card--blue_dark .h3,
.card--blue_dark .user-content h2,
.card--blue_dark h3,
.user-content .card--blue_dark h2 {
    color: #1E6188
}

.card--teal.card--no_image {
    background-color: #008891
}

.card--teal.card--no_image .card__content,
.card--teal.card--no_image .card__content .h3,
.card--teal.card--no_image .card__content .user-content h2,
.card--teal.card--no_image .card__content h3,
.user-content .card--teal.card--no_image .card__content h2 {
    color: #fff
}

.card--teal.card--no_image .card__content .h3:before,
.card--teal.card--no_image .card__content .user-content h2:before,
.card--teal.card--no_image .card__content h3:before,
.card--teal.card--no_image .card__content:before,
.user-content .card--teal.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--teal.card--no_image:before {
    background-image: none !important
}

.card--teal.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--teal.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--teal.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--teal.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--teal.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--teal.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--teal.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #008891 !important
}

.card--teal.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #008891
}

.card--teal.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--yellow.card--no_image:after,
.card--yellow.card--no_image[href]:after {
    display: none
}

.card--teal:after {
    background-color: #008891
}

.card--teal.card--pillar.card--no_image .card__content,
.card--teal.card--pillar.card--no_image .card__content .h3,
.card--teal.card--pillar.card--no_image .card__content .user-content h2,
.card--teal.card--pillar.card--no_image .card__content h3,
.user-content .card--teal.card--pillar.card--no_image .card__content h2 {
    color: #008891
}

.card--teal.card--no_description .h3,
.card--teal.card--no_description .user-content h2,
.card--teal.card--no_description h3,
.card--teal.card--no_description.card--no_image .h3,
.card--teal.card--no_description.card--no_image .user-content h2,
.card--teal.card--no_description.card--no_image h3,
.user-content .card--teal.card--no_description h2,
.user-content .card--teal.card--no_description.card--no_image h2 {
    color: #fff
}

.card--teal .h3,
.card--teal .user-content h2,
.card--teal h3,
.user-content .card--teal h2 {
    color: #008891
}

.card--yellow.card--no_image {
    background-color: #FFC400
}

.card--yellow.card--no_image .card__content,
.card--yellow.card--no_image .card__content .h3,
.card--yellow.card--no_image .card__content .user-content h2,
.card--yellow.card--no_image .card__content h3,
.user-content .card--yellow.card--no_image .card__content h2 {
    color: #fff
}

.card--yellow.card--no_image .card__content .h3:before,
.card--yellow.card--no_image .card__content .user-content h2:before,
.card--yellow.card--no_image .card__content h3:before,
.card--yellow.card--no_image .card__content:before,
.user-content .card--yellow.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--yellow.card--no_image:before {
    background-image: none !important
}

.card--yellow.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--yellow.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--yellow.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--yellow.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--yellow.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--yellow.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--yellow.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #FFC400 !important
}

.card--yellow.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #FFC400
}

.card--green.card--no_image:after,
.card--green.card--no_image[href]:after,
.card--yellow.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--yellow:after {
    background-color: #FFC400
}

.card--yellow.card--pillar.card--no_image .card__content,
.card--yellow.card--pillar.card--no_image .card__content .h3,
.card--yellow.card--pillar.card--no_image .card__content .user-content h2,
.card--yellow.card--pillar.card--no_image .card__content h3,
.user-content .card--yellow.card--pillar.card--no_image .card__content h2 {
    color: #FFC400
}

.card--yellow.card--no_description .h3,
.card--yellow.card--no_description .user-content h2,
.card--yellow.card--no_description h3,
.card--yellow.card--no_description.card--no_image .h3,
.card--yellow.card--no_description.card--no_image .user-content h2,
.card--yellow.card--no_description.card--no_image h3,
.user-content .card--yellow.card--no_description h2,
.user-content .card--yellow.card--no_description.card--no_image h2 {
    color: #fff
}

.card--yellow .h3,
.card--yellow .user-content h2,
.card--yellow h3,
.user-content .card--yellow h2 {
    color: #FFC400
}

.card--green.card--no_image {
    background-color: #A5CA1A
}

.card--green.card--no_image .card__content,
.card--green.card--no_image .card__content .h3,
.card--green.card--no_image .card__content .user-content h2,
.card--green.card--no_image .card__content h3,
.user-content .card--green.card--no_image .card__content h2 {
    color: #fff
}

.card--green.card--no_image .card__content .h3:before,
.card--green.card--no_image .card__content .user-content h2:before,
.card--green.card--no_image .card__content h3:before,
.card--green.card--no_image .card__content:before,
.user-content .card--green.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--green.card--no_image:before {
    background-image: none !important
}

.card--green.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--green.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--green.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--green.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--green.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--green.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--green.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #A5CA1A !important
}

.card--green.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #A5CA1A
}

.card--green.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--red.card--no_image:after,
.card--red.card--no_image[href]:after {
    display: none
}

.card--green:after {
    background-color: #A5CA1A
}

.card--green.card--pillar.card--no_image .card__content,
.card--green.card--pillar.card--no_image .card__content .h3,
.card--green.card--pillar.card--no_image .card__content .user-content h2,
.card--green.card--pillar.card--no_image .card__content h3,
.user-content .card--green.card--pillar.card--no_image .card__content h2 {
    color: #A5CA1A
}

.card--green.card--pillar.card--no_image .card__content {
    z-index: 1
}

.card--green.card--no_description .h3,
.card--green.card--no_description .user-content h2,
.card--green.card--no_description h3,
.card--green.card--no_description.card--no_image .h3,
.card--green.card--no_description.card--no_image .user-content h2,
.card--green.card--no_description.card--no_image h3,
.user-content .card--green.card--no_description h2,
.user-content .card--green.card--no_description.card--no_image h2 {
    color: #fff
}

.card--green .h3,
.card--green .user-content h2,
.card--green h3,
.user-content .card--green h2 {
    color: #A5CA1A
}

.card--red.card--no_image {
    background-color: #E21A1A
}

.card--red.card--no_image .card__content,
.card--red.card--no_image .card__content .h3,
.card--red.card--no_image .card__content .user-content h2,
.card--red.card--no_image .card__content h3,
.user-content .card--red.card--no_image .card__content h2 {
    color: #fff
}

.card--red.card--no_image .card__content .h3:before,
.card--red.card--no_image .card__content .user-content h2:before,
.card--red.card--no_image .card__content h3:before,
.card--red.card--no_image .card__content:before,
.user-content .card--red.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--red.card--no_image:before {
    background-image: none !important
}

.card--red.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--red.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--red.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--red.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--red.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--red.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--red.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #E21A1A !important
}

.card--red.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #E21A1A
}

.card--orange.card--no_image:after,
.card--orange.card--no_image[href]:after,
.card--red.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--red:after {
    background-color: #E21A1A
}

.card--red.card--pillar.card--no_image .card__content,
.card--red.card--pillar.card--no_image .card__content .h3,
.card--red.card--pillar.card--no_image .card__content .user-content h2,
.card--red.card--pillar.card--no_image .card__content h3,
.user-content .card--red.card--pillar.card--no_image .card__content h2 {
    color: #E21A1A
}

.card--red.card--no_description .h3,
.card--red.card--no_description .user-content h2,
.card--red.card--no_description h3,
.card--red.card--no_description.card--no_image .h3,
.card--red.card--no_description.card--no_image .user-content h2,
.card--red.card--no_description.card--no_image h3,
.user-content .card--red.card--no_description h2,
.user-content .card--red.card--no_description.card--no_image h2 {
    color: #fff
}

.card--red .h3,
.card--red .user-content h2,
.card--red h3,
.user-content .card--red h2 {
    color: #E21A1A
}

.card--orange.card--no_image {
    background-color: #E64616
}

.card--orange.card--no_image .card__content,
.card--orange.card--no_image .card__content .h3,
.card--orange.card--no_image .card__content .user-content h2,
.card--orange.card--no_image .card__content h3,
.user-content .card--orange.card--no_image .card__content h2 {
    color: #fff
}

.card--orange.card--no_image .card__content .h3:before,
.card--orange.card--no_image .card__content .user-content h2:before,
.card--orange.card--no_image .card__content h3:before,
.card--orange.card--no_image .card__content:before,
.user-content .card--orange.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--orange.card--no_image:before {
    background-image: none !important
}

.card--orange.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--orange.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--orange.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--orange.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--orange.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--orange.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--orange.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #E64616 !important
}

.card--orange.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #E64616
}

.card--orange.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--purple.card--no_image:after,
.card--purple.card--no_image[href]:after {
    display: none
}

.card--orange:after {
    background-color: #E64616
}

.card--orange.card--pillar.card--no_image .card__content,
.card--orange.card--pillar.card--no_image .card__content .h3,
.card--orange.card--pillar.card--no_image .card__content .user-content h2,
.card--orange.card--pillar.card--no_image .card__content h3,
.user-content .card--orange.card--pillar.card--no_image .card__content h2 {
    color: #E64616
}

.card--orange.card--no_description .h3,
.card--orange.card--no_description .user-content h2,
.card--orange.card--no_description h3,
.card--orange.card--no_description.card--no_image .h3,
.card--orange.card--no_description.card--no_image .user-content h2,
.card--orange.card--no_description.card--no_image h3,
.user-content .card--orange.card--no_description h2,
.user-content .card--orange.card--no_description.card--no_image h2 {
    color: #fff
}

.card--orange .h3,
.card--orange .user-content h2,
.card--orange h3,
.user-content .card--orange h2 {
    color: #E64616
}

.card--purple.card--no_image {
    background-color: #1C1C73
}

.card--purple.card--no_image .card__content,
.card--purple.card--no_image .card__content .h3,
.card--purple.card--no_image .card__content .user-content h2,
.card--purple.card--no_image .card__content h3,
.user-content .card--purple.card--no_image .card__content h2 {
    color: #fff
}

.card--purple.card--no_image .card__content .h3:before,
.card--purple.card--no_image .card__content .user-content h2:before,
.card--purple.card--no_image .card__content h3:before,
.card--purple.card--no_image .card__content:before,
.user-content .card--purple.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--purple.card--no_image:before {
    background-image: none !important
}

.card--purple.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--purple.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--purple.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--purple.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--purple.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--purple.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--purple.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #1C1C73 !important
}

.card--purple.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #1C1C73
}

.card--purple.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--purple_light.card--no_image:after,
.card--purple_light.card--no_image[href]:after {
    display: none
}

.card--purple:after {
    background-color: #1C1C73
}

.card--purple.card--pillar.card--no_image .card__content,
.card--purple.card--pillar.card--no_image .card__content .h3,
.card--purple.card--pillar.card--no_image .card__content .user-content h2,
.card--purple.card--pillar.card--no_image .card__content h3,
.user-content .card--purple.card--pillar.card--no_image .card__content h2 {
    color: #1C1C73
}

.card--purple.card--no_description .h3,
.card--purple.card--no_description .user-content h2,
.card--purple.card--no_description h3,
.card--purple.card--no_description.card--no_image .h3,
.card--purple.card--no_description.card--no_image .user-content h2,
.card--purple.card--no_description.card--no_image h3,
.user-content .card--purple.card--no_description h2,
.user-content .card--purple.card--no_description.card--no_image h2 {
    color: #fff
}

.card--purple .h3,
.card--purple .user-content h2,
.card--purple h3,
.user-content .card--purple h2 {
    color: #1C1C73
}

.card--purple_light.card--no_image {
    background-color: #6D177F
}

.card--purple_light.card--no_image .card__content,
.card--purple_light.card--no_image .card__content .h3,
.card--purple_light.card--no_image .card__content .user-content h2,
.card--purple_light.card--no_image .card__content h3,
.user-content .card--purple_light.card--no_image .card__content h2 {
    color: #fff
}

.card--purple_light.card--no_image .card__content .h3:before,
.card--purple_light.card--no_image .card__content .user-content h2:before,
.card--purple_light.card--no_image .card__content h3:before,
.card--purple_light.card--no_image .card__content:before,
.user-content .card--purple_light.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--purple_light.card--no_image:before {
    background-image: none !important
}

.card--purple_light.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--purple_light.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--purple_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--purple_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--purple_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--purple_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--purple_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #6D177F !important
}

.card--purple_light.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #6D177F
}

.card--grey_dark.card--no_image:after,
.card--grey_dark.card--no_image[href]:after,
.card--purple_light.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--purple_light:after {
    background-color: #6D177F
}

.card--purple_light.card--pillar.card--no_image .card__content,
.card--purple_light.card--pillar.card--no_image .card__content .h3,
.card--purple_light.card--pillar.card--no_image .card__content .user-content h2,
.card--purple_light.card--pillar.card--no_image .card__content h3,
.user-content .card--purple_light.card--pillar.card--no_image .card__content h2 {
    color: #6D177F
}

.card--purple_light.card--no_description .h3,
.card--purple_light.card--no_description .user-content h2,
.card--purple_light.card--no_description h3,
.card--purple_light.card--no_description.card--no_image .h3,
.card--purple_light.card--no_description.card--no_image .user-content h2,
.card--purple_light.card--no_description.card--no_image h3,
.user-content .card--purple_light.card--no_description h2,
.user-content .card--purple_light.card--no_description.card--no_image h2 {
    color: #fff
}

.card--purple_light .h3,
.card--purple_light .user-content h2,
.card--purple_light h3,
.user-content .card--purple_light h2 {
    color: #6D177F
}

.card--grey_dark.card--no_image {
    background-color: #505050
}

.card--grey_dark.card--no_image .card__content,
.card--grey_dark.card--no_image .card__content .h3,
.card--grey_dark.card--no_image .card__content .user-content h2,
.card--grey_dark.card--no_image .card__content h3,
.user-content .card--grey_dark.card--no_image .card__content h2 {
    color: #fff
}

.card--grey_dark.card--no_image .card__content .h3:before,
.card--grey_dark.card--no_image .card__content .user-content h2:before,
.card--grey_dark.card--no_image .card__content h3:before,
.card--grey_dark.card--no_image .card__content:before,
.user-content .card--grey_dark.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--grey_dark.card--no_image:before {
    background-image: none !important
}

.card--grey_dark.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--grey_dark.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--grey_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--grey_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--grey_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--grey_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--grey_dark.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #505050 !important
}

.card--grey_dark.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #505050
}

.card--grey.card--no_image:after,
.card--grey.card--no_image[href]:after,
.card--grey_dark.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--grey_dark:after {
    background-color: #505050
}

.card--grey_dark.card--pillar.card--no_image .card__content,
.card--grey_dark.card--pillar.card--no_image .card__content .h3,
.card--grey_dark.card--pillar.card--no_image .card__content .user-content h2,
.card--grey_dark.card--pillar.card--no_image .card__content h3,
.user-content .card--grey_dark.card--pillar.card--no_image .card__content h2 {
    color: #505050
}

.card--grey_dark.card--no_description .h3,
.card--grey_dark.card--no_description .user-content h2,
.card--grey_dark.card--no_description h3,
.card--grey_dark.card--no_description.card--no_image .h3,
.card--grey_dark.card--no_description.card--no_image .user-content h2,
.card--grey_dark.card--no_description.card--no_image h3,
.user-content .card--grey_dark.card--no_description h2,
.user-content .card--grey_dark.card--no_description.card--no_image h2 {
    color: #fff
}

.card--grey_dark .h3,
.card--grey_dark .user-content h2,
.card--grey_dark h3,
.user-content .card--grey_dark h2 {
    color: #505050
}

.card--grey.card--no_image {
    background-color: #9B9B9B
}

.card--grey.card--no_image .card__content,
.card--grey.card--no_image .card__content .h3,
.card--grey.card--no_image .card__content .user-content h2,
.card--grey.card--no_image .card__content h3,
.user-content .card--grey.card--no_image .card__content h2 {
    color: #000
}

.card--grey.card--no_image .card__content .h3:before,
.card--grey.card--no_image .card__content .user-content h2:before,
.card--grey.card--no_image .card__content h3:before,
.card--grey.card--no_image .card__content:before,
.user-content .card--grey.card--no_image .card__content h2:before {
    background-color: #000
}

.card--grey.card--no_image:before {
    background-image: none !important
}

.card--grey.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--grey.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--grey:after,
.card--grey_medium.card--no_image {
    background-color: #9B9B9B
}

.card--grey.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--grey.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--grey.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--grey.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--grey.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #9B9B9B !important
}

.card--grey.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #9B9B9B
}

.card--grey.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--grey_medium.card--no_image:after,
.card--grey_medium.card--no_image[href]:after {
    display: none
}

.card--grey.card--pillar.card--no_image .card__content,
.card--grey.card--pillar.card--no_image .card__content .h3,
.card--grey.card--pillar.card--no_image .card__content .user-content h2,
.card--grey.card--pillar.card--no_image .card__content h3,
.user-content .card--grey.card--pillar.card--no_image .card__content h2 {
    color: #9B9B9B
}

.card--grey.card--no_description .h3,
.card--grey.card--no_description .user-content h2,
.card--grey.card--no_description h3,
.user-content .card--grey.card--no_description h2 {
    color: #fff
}

.card--grey.card--no_description.card--no_image .h3,
.card--grey.card--no_description.card--no_image .user-content h2,
.card--grey.card--no_description.card--no_image h3,
.user-content .card--grey.card--no_description.card--no_image h2 {
    color: #000
}

.card--grey .h3,
.card--grey .user-content h2,
.card--grey h3,
.user-content .card--grey h2 {
    color: #9B9B9B
}

.card--grey_medium.card--no_image .card__content,
.card--grey_medium.card--no_image .card__content .h3,
.card--grey_medium.card--no_image .card__content .user-content h2,
.card--grey_medium.card--no_image .card__content h3,
.user-content .card--grey_medium.card--no_image .card__content h2 {
    color: #000
}

.card--grey_medium.card--no_image .card__content .h3:before,
.card--grey_medium.card--no_image .card__content .user-content h2:before,
.card--grey_medium.card--no_image .card__content h3:before,
.card--grey_medium.card--no_image .card__content:before,
.user-content .card--grey_medium.card--no_image .card__content h2:before {
    background-color: #000
}

.card--grey_medium.card--no_image:before {
    background-image: none !important
}

.card--grey_medium.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--grey_medium.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--grey_medium.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--grey_medium.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--grey_medium.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--grey_medium.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--grey_medium.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #9B9B9B !important
}

.card--grey_medium.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #9B9B9B
}

.card--grey_light.card--no_image:after,
.card--grey_light.card--no_image[href]:after,
.card--grey_medium.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--grey_medium:after {
    background-color: #9B9B9B
}

.card--grey_medium.card--pillar.card--no_image .card__content,
.card--grey_medium.card--pillar.card--no_image .card__content .h3,
.card--grey_medium.card--pillar.card--no_image .card__content .user-content h2,
.card--grey_medium.card--pillar.card--no_image .card__content h3,
.user-content .card--grey_medium.card--pillar.card--no_image .card__content h2 {
    color: #9B9B9B
}

.card--grey_medium.card--no_description .h3,
.card--grey_medium.card--no_description .user-content h2,
.card--grey_medium.card--no_description h3,
.user-content .card--grey_medium.card--no_description h2 {
    color: #fff
}

.card--grey_medium.card--no_description.card--no_image .h3,
.card--grey_medium.card--no_description.card--no_image .user-content h2,
.card--grey_medium.card--no_description.card--no_image h3,
.user-content .card--grey_medium.card--no_description.card--no_image h2 {
    color: #000
}

.card--grey_medium .h3,
.card--grey_medium .user-content h2,
.card--grey_medium h3,
.user-content .card--grey_medium h2 {
    color: #9B9B9B
}

.card--grey_light.card--no_image {
    background-color: #F2F2F2
}

.card--grey_light.card--no_image .card__content,
.card--grey_light.card--no_image .card__content .h3,
.card--grey_light.card--no_image .card__content .user-content h2,
.card--grey_light.card--no_image .card__content h3,
.user-content .card--grey_light.card--no_image .card__content h2 {
    color: #000
}

.card--grey_light.card--no_image .card__content .h3:before,
.card--grey_light.card--no_image .card__content .user-content h2:before,
.card--grey_light.card--no_image .card__content h3:before,
.card--grey_light.card--no_image .card__content:before,
.user-content .card--grey_light.card--no_image .card__content h2:before {
    background-color: #000
}

.card--grey_light.card--no_image:before {
    background-image: none !important
}

.card--grey_light.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--grey_light.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--grey_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--grey_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--grey_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--grey_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--grey_light.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #F2F2F2 !important
}

.card--grey_light.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #F2F2F2
}

.card--background.card--no_image:after,
.card--background.card--no_image[href]:after,
.card--grey_light.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--grey_light:after {
    background-color: #F2F2F2
}

.card--grey_light.card--pillar.card--no_image .card__content,
.card--grey_light.card--pillar.card--no_image .card__content .h3,
.card--grey_light.card--pillar.card--no_image .card__content .user-content h2,
.card--grey_light.card--pillar.card--no_image .card__content h3,
.user-content .card--grey_light.card--pillar.card--no_image .card__content h2 {
    color: #F2F2F2
}

.card--grey_light.card--no_description .h3,
.card--grey_light.card--no_description .user-content h2,
.card--grey_light.card--no_description h3,
.user-content .card--grey_light.card--no_description h2 {
    color: #fff
}

.card--grey_light.card--no_description.card--no_image .h3,
.card--grey_light.card--no_description.card--no_image .user-content h2,
.card--grey_light.card--no_description.card--no_image h3,
.user-content .card--grey_light.card--no_description.card--no_image h2 {
    color: #000
}

.card--grey_light .h3,
.card--grey_light .user-content h2,
.card--grey_light h3,
.user-content .card--grey_light h2 {
    color: #F2F2F2
}

.card--background.card--no_image {
    background-color: #F7F7F7
}

.card--background.card--no_image .card__content,
.card--background.card--no_image .card__content .h3,
.card--background.card--no_image .card__content .user-content h2,
.card--background.card--no_image .card__content h3,
.user-content .card--background.card--no_image .card__content h2 {
    color: #000
}

.card--background.card--no_image .card__content .h3:before,
.card--background.card--no_image .card__content .user-content h2:before,
.card--background.card--no_image .card__content h3:before,
.card--background.card--no_image .card__content:before,
.user-content .card--background.card--no_image .card__content h2:before {
    background-color: #000
}

.card--background.card--no_image:before {
    background-image: none !important
}

.card--background.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--background.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--background.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--background.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--background.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--background.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--background.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #F7F7F7 !important
}

.card--background.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #F7F7F7
}

.card--background.card--no_image.card--no_placeholder:not(.card--no_description):before,
.card--pink.card--no_image:after,
.card--pink.card--no_image[href]:after {
    display: none
}

.card--background:after {
    background-color: #F7F7F7
}

.card--background.card--pillar.card--no_image .card__content,
.card--background.card--pillar.card--no_image .card__content .h3,
.card--background.card--pillar.card--no_image .card__content .user-content h2,
.card--background.card--pillar.card--no_image .card__content h3,
.user-content .card--background.card--pillar.card--no_image .card__content h2 {
    color: #F7F7F7
}

.card--background.card--no_description .h3,
.card--background.card--no_description .user-content h2,
.card--background.card--no_description h3,
.user-content .card--background.card--no_description h2 {
    color: #fff
}

.card--background.card--no_description.card--no_image .h3,
.card--background.card--no_description.card--no_image .user-content h2,
.card--background.card--no_description.card--no_image h3,
.user-content .card--background.card--no_description.card--no_image h2 {
    color: #000
}

.card--background .h3,
.card--background .user-content h2,
.card--background h3,
.user-content .card--background h2 {
    color: #F7F7F7
}

.card--pink.card--no_image {
    background-color: #DB028C
}

.card--pink.card--no_image .card__content,
.card--pink.card--no_image .card__content .h3,
.card--pink.card--no_image .card__content .user-content h2,
.card--pink.card--no_image .card__content h3,
.user-content .card--pink.card--no_image .card__content h2 {
    color: #fff
}

.card--pink.card--no_image .card__content .h3:before,
.card--pink.card--no_image .card__content .user-content h2:before,
.card--pink.card--no_image .card__content h3:before,
.card--pink.card--no_image .card__content:before,
.user-content .card--pink.card--no_image .card__content h2:before {
    background-color: #fff
}

.card--pink.card--no_image:before {
    background-image: none !important
}

.card--pink.card--no_image[href]:before {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.card--pink.card--no_image[href]:hover:before {
    background-color: #222;
    background-image: none
}

.card--pink.card--no_image.card--no_placeholder:not(.card--no_description) .card__content {
    color: #222
}

.card--pink.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .h3,
.card--pink.card--no_image.card--no_placeholder:not(.card--no_description) .card__content .user-content h2,
.card--pink.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h3,
.user-content .card--pink.card--no_image.card--no_placeholder:not(.card--no_description) .card__content h2 {
    color: #DB028C !important
}

.card--pink.card--no_image.card--no_placeholder:not(.card--no_description):after {
    display: block;
    background-color: #DB028C
}

.card--pink.card--no_image.card--no_placeholder:not(.card--no_description):before {
    display: none
}

.card--pink:after {
    background-color: #DB028C
}

.card--pink.card--pillar.card--no_image .card__content,
.card--pink.card--pillar.card--no_image .card__content .h3,
.card--pink.card--pillar.card--no_image .card__content .user-content h2,
.card--pink.card--pillar.card--no_image .card__content h3,
.user-content .card--pink.card--pillar.card--no_image .card__content h2 {
    color: #DB028C
}

.card--pink.card--no_description .h3,
.card--pink.card--no_description .user-content h2,
.card--pink.card--no_description h3,
.card--pink.card--no_description.card--no_image .h3,
.card--pink.card--no_description.card--no_image .user-content h2,
.card--pink.card--no_description.card--no_image h3,
.user-content .card--pink.card--no_description h2,
.user-content .card--pink.card--no_description.card--no_image h2 {
    color: #fff
}

.card--pink .h3,
.card--pink .user-content h2,
.card--pink h3,
.user-content .card--pink h2 {
    color: #DB028C
}

.carousel a:focus,
.carousel a:hover,
.fact {
    color: #fff
}

.carousel .poster__content {
    width: 100%;
    padding-bottom: 8em
}

.carousel .btn--play,
.carousel .btn--round {
    position: absolute;
    bottom: 2rem
}

.carousel .btn--play:before {
    content: "";
    font-size: 4rem
}

.carousel .container {
    position: relative;
    display: table;
    width: 100%
}

@media (min-width:64em) {
    .carousel .content-container {
        width: 50%
    }
}

.carousel__arrowcontainer {
    position: absolute;
    left: 50%;
    bottom: 2rem;
    z-index: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slick-slider,
footer {
    position: relative
}

@media (max-width:63.9375em) {
    .carousel__arrowcontainer {
        left: auto;
        right: 0
    }
}

.carousel__next,
.carousel__prev {
    border: none;
    padding: 0
}

.carousel__next i,
.carousel__prev i {
    padding: 1.5rem
}

.carousel__next:focus,
.carousel__next:hover,
.carousel__prev:focus,
.carousel__prev:hover {
    background-color: transparent
}

.slick-arrow--blue i:after,
.slick-arrow--blue i:before,
.slick-next,
.slick-prev,
footer {
    background-color: #00A6D6
}

.carousel__next {
    left: 1rem
}

.list-arrow li:after,
.list-arrow li:before,
.modal {
    left: 0
}

.slick-arrow--white:after {
    border-color: #fff
}

.slick-arrow--black:after {
    border-color: #222
}

.slick-arrow--blue:after {
    border-color: #00A6D6
}

.cookieNotice {
    z-index: 1010
}

.fact {
    padding-top: 3rem
}

.fact .fact--header {
    display: block;
    font-weight: 600;
    text-align: left
}

.fact .fact--value {
    font-family: Arial, sans-serif;
    font-size: 3rem;
    font-weight: 100
}

.fontsLoaded .fact .fact--value {
    font-family: roboto, Arial, sans-serif
}

.fact--color-black .fact--header {
    color: #222;
    border-top: 1px solid #222
}

.grid-background--black .fact--value {
    color: #fff
}

.fact--color-white .fact--header {
    color: #fff;
    border-top: 1px solid #fff
}

.grid-background--white .fact--value {
    color: #000
}

.fact--color-blue_lighter .fact--header {
    color: #E5F6FA;
    border-top: 1px solid #E5F6FA
}

.grid-background--blue_lighter .fact--value {
    color: #000
}

.fact--color-blue_light .fact--header {
    color: #6EBBD5;
    border-top: 1px solid #6EBBD5
}

.grid-background--blue_light .fact--value {
    color: #000
}

.fact--color-blue .fact--header {
    color: #00A6D6;
    border-top: 1px solid #00A6D6
}

.grid-background--blue .fact--value {
    color: #fff
}

.fact--color-blue_dark .fact--header {
    color: #1E6188;
    border-top: 1px solid #1E6188
}

.grid-background--blue_dark .fact--value {
    color: #fff
}

.fact--color-teal .fact--header {
    color: #008891;
    border-top: 1px solid #008891
}

.grid-background--teal .fact--value {
    color: #fff
}

.fact--color-yellow .fact--header {
    color: #FFC400;
    border-top: 1px solid #FFC400
}

.grid-background--yellow .fact--value {
    color: #fff
}

.fact--color-green .fact--header {
    color: #A5CA1A;
    border-top: 1px solid #A5CA1A
}

.grid-background--green .fact--value {
    color: #fff
}

.fact--color-red .fact--header {
    color: #E21A1A;
    border-top: 1px solid #E21A1A
}

.grid-background--red .fact--value {
    color: #fff
}

.fact--color-orange .fact--header {
    color: #E64616;
    border-top: 1px solid #E64616
}

.grid-background--orange .fact--value {
    color: #fff
}

.fact--color-purple .fact--header {
    color: #1C1C73;
    border-top: 1px solid #1C1C73
}

.grid-background--purple .fact--value {
    color: #fff
}

.fact--color-purple_light .fact--header {
    color: #6D177F;
    border-top: 1px solid #6D177F
}

.grid-background--purple_light .fact--value {
    color: #fff
}

.fact--color-grey_dark .fact--header {
    color: #505050;
    border-top: 1px solid #505050
}

.grid-background--grey_dark .fact--value {
    color: #fff
}

.fact--color-grey .fact--header {
    color: #9B9B9B;
    border-top: 1px solid #9B9B9B
}

.grid-background--grey .fact--value {
    color: #000
}

.fact--color-grey_medium .fact--header {
    color: #9B9B9B;
    border-top: 1px solid #9B9B9B
}

.grid-background--grey_medium .fact--value {
    color: #000
}

.fact--color-grey_light .fact--header {
    color: #F2F2F2;
    border-top: 1px solid #F2F2F2
}

.grid-background--grey_light .fact--value {
    color: #000
}

.fact--color-background .fact--header {
    color: #F7F7F7;
    border-top: 1px solid #F7F7F7
}

.grid-background--background .fact--value {
    color: #000
}

.fact--color-pink .fact--header {
    color: #DB028C;
    border-top: 1px solid #DB028C
}

.grid-background--pink .fact--value,
.slick-next:before,
.slick-prev:before,
footer,
footer a {
    color: #fff
}

footer {
    padding-bottom: 4rem
}

footer h1 {
    font-size: 2rem
}

@media (min-width:37.5em) {
    footer h1 {
        font-size: 3rem
    }
}

footer a {
    text-decoration: underline
}

.nav-aside a,
.nav-aside span,
.nav-carousel a,
.nav-main__mainitem a,
.nav-tab a,
.news-summary,
.paging a,
.paging li,
.poster,
.profile__contactdata a {
    text-decoration: none
}

footer .space {
    margin-bottom: 3rem
}

.gallery {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}

.gallery:after,
.gallery:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

.slick-next:before,
.slick-prev:before {
    content: ""
}

.gallery figcaption {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-top: 1em
}

.slick-slider img {
    width: 100%;
    display: block
}

.slick-slider figcaption {
    padding: 0
}

.slick-paging {
    margin-top: 3rem
}

.pull-left .slick-paging {
    margin-right: 0;
    margin-left: 0
}

.slick-paging figure {
    margin-right: 1rem
}

.slick-paging .slick-slide {
    -webkit-transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6);
    opacity: .6
}

.slick-paging .slick-current {
    opacity: 1
}

.slick-next,
.slick-prev {
    width: 2em;
    font-size: 2em;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0
}

.menu,
.modal {
    position: fixed
}

.gallery--black .slick-next,
.gallery--black .slick-prev {
    background-color: #222
}

.gallery--white .slick-next,
.gallery--white .slick-prev {
    background-color: #fff
}

.gallery--blue_lighter .slick-next,
.gallery--blue_lighter .slick-prev {
    background-color: #E5F6FA
}

.gallery--blue_light .slick-next,
.gallery--blue_light .slick-prev {
    background-color: #6EBBD5
}

.gallery--blue .slick-next,
.gallery--blue .slick-prev {
    background-color: #00A6D6
}

.gallery--blue_dark .slick-next,
.gallery--blue_dark .slick-prev {
    background-color: #1E6188
}

.gallery--teal .slick-next,
.gallery--teal .slick-prev {
    background-color: #008891
}

.gallery--yellow .slick-next,
.gallery--yellow .slick-prev {
    background-color: #FFC400
}

.gallery--green .slick-next,
.gallery--green .slick-prev {
    background-color: #A5CA1A
}

.gallery--red .slick-next,
.gallery--red .slick-prev {
    background-color: #E21A1A
}

.gallery--orange .slick-next,
.gallery--orange .slick-prev {
    background-color: #E64616
}

.gallery--purple .slick-next,
.gallery--purple .slick-prev {
    background-color: #1C1C73
}

.gallery--purple_light .slick-next,
.gallery--purple_light .slick-prev {
    background-color: #6D177F
}

.gallery--grey_dark .slick-next,
.gallery--grey_dark .slick-prev {
    background-color: #505050
}

.gallery--grey .slick-next,
.gallery--grey .slick-prev,
.gallery--grey_medium .slick-next,
.gallery--grey_medium .slick-prev {
    background-color: #9B9B9B
}

.gallery--grey_light .slick-next,
.gallery--grey_light .slick-prev {
    background-color: #F2F2F2
}

.gallery--background .slick-next,
.gallery--background .slick-prev {
    background-color: #F7F7F7
}

.gallery--pink .slick-next,
.gallery--pink .slick-prev {
    background-color: #DB028C
}

.slick-prev:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pull .slick-prev {
    margin-left: .76em
}

.slick-next {
    right: 0
}

.pull .slick-next {
    margin-right: .76em
}

.image .image-bordered {
    border: 1px solid #00A6D6
}

.list-arrow li {
    display: block;
    padding-left: 1rem
}

.menu {
    line-height: 1;
    right: 1rem;
    top: 1rem;
    z-index: 1;
    border: none;
    padding: 1em;
    border-radius: 100%
}

.menu--open {
    background: #F7F7F7;
    height: 3em;
    width: 3em;
    padding: 0
}

.modal,
.nav-aside .is-active a:before,
.nav-aside .is-active:before,
.nav-aside a:active:before {
    width: 100%
}

.menu--open:focus,
.menu--open:hover {
    outline: 0;
    background: #F2F2F2
}

.menu--open:focus .patty,
.menu--open:focus .patty:after,
.menu--open:focus .patty:before,
.menu--open:hover .patty,
.menu--open:hover .patty:after,
.menu--open:hover .patty:before {
    background: #6EBBD5
}

.menu--open .patty,
.menu--open .patty:after,
.menu--open .patty:before {
    -webkit-transition: background-color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: background-color .2s cubic-bezier(.56, 0, 0, 1.6);
    background: #00A6D6
}

.js-modal {
    cursor: pointer
}

.modal {
    background: rgba(34, 34, 34, .9);
    top: -100%;
    height: 100%;
    -webkit-transition: opacity .5s cubic-bezier(.56, 0, 0, 1.6);
    transition: opacity .5s cubic-bezier(.56, 0, 0, 1.6);
    opacity: 0
}

.modal .button-reset:focus,
.modal .button-reset:hover,
.modal .slick-next:focus,
.modal .slick-next:hover,
.modal .slick-prev:focus,
.modal .slick-prev:hover {
    background-color: #fff;
    color: #222 !important
}

.modal.is-active {
    top: 0;
    z-index: 1002;
    opacity: 1
}

.modal .video iframe,
.modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal .video iframe {
    max-height: 88%
}

.nav-aside .nav-aside-hiddenSubItems>ul {
    padding-left: 0
}

.nav-aside .nav-aside-hiddenSubItems .has-subs.is-active>ul {
    display: block
}

.nav-aside .nav-aside-hiddenSubItems .has-subs>ul {
    display: none
}

.nav-aside .is-active,
.nav-aside .is-active a,
.nav-aside a:active {
    text-indent: .5em;
    margin-left: 0;
    color: #222
}

.nav-aside .is-active a:after,
.nav-aside .is-active:after,
.nav-aside a:active:after {
    width: .3rem;
    left: 0
}

.nav-aside a,
.nav-aside span {
    -webkit-transition: margin .2s ease, background-color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: margin .2s ease, background-color .2s cubic-bezier(.56, 0, 0, 1.6);
    display: block;
    padding: .8em 0 .8em 1em;
    margin-left: -1em;
    position: relative;
    z-index: 1
}

.nav-aside a:focus:before,
.nav-aside a:hover:before,
.nav-aside span:focus:before,
.nav-aside span:hover:before {
    width: 100%
}

.nav-aside a:focus:after,
.nav-aside a:hover:after,
.nav-aside span:focus:after,
.nav-aside span:hover:after {
    width: .3rem
}

.nav-aside a:after,
.nav-aside a:before,
.nav-aside span:after,
.nav-aside span:before {
    content: '';
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0
}

.nav-aside a:before,
.nav-aside span:before {
    -webkit-transition: width .5s cubic-bezier(.56, 0, 0, 1.6);
    transition: width .5s cubic-bezier(.56, 0, 0, 1.6);
    background: #fff;
    z-index: -1
}

.nav-aside a:after,
.nav-aside span:after {
    -webkit-transition: width .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: width .2s cubic-bezier(.56, 0, 0, 1.6);
    background: #00A6D6
}

.nav-aside>ul {
    padding-left: 0
}

.nav-bottom {
    background-color: #222;
    color: #fff;
    width: 100%;
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1000;
    bottom: 0
}

.nav-bottom .logo {
    margin-right: 1rem;
    padding-right: 1rem
}

.nav-carousel {
    background: #00A6D6;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 1.5em;
    bottom: 2.5rem
}

.nav-inpage,
.nav-inpage a {
    display: block
}

.nav-carousel a {
    color: #fff;
    display: block;
    line-height: 1
}

.nav-carousel .list-arrow li {
    padding: .5rem .375rem .5rem 1rem
}

@media (max-width:63.9375em) {
    .nav-carousel {
        left: 0;
        right: 0;
        bottom: auto;
        top: 0;
        z-index: 998;
        margin: auto;
        text-align: center;
        cursor: pointer;
        padding: 0
    }

    .fact .nav-carousel .fact--header,
    .nav-carousel .btn--round,
    .nav-carousel .fact .fact--header,
    .nav-carousel .label,
    .nav-carousel .tags a,
    .tags .nav-carousel a {
        padding: .5rem;
        font-size: .8rem;
        margin-bottom: 0;
        display: block
    }

    .fact .nav-carousel .fact--header:after,
    .nav-carousel .btn--round:after,
    .nav-carousel .fact .fact--header:after,
    .nav-carousel .label:after,
    .nav-carousel .tags a:after,
    .tags .nav-carousel a:after {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
        transition: -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
        transition: transform .2s cubic-bezier(.56, 0, 0, 1.6);
        transition: transform .2s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        margin-left: .5rem
    }

    .nav-carousel ul {
        -webkit-transition: max-height .2s cubic-bezier(.56, 0, 0, 1.6);
        transition: max-height .2s cubic-bezier(.56, 0, 0, 1.6);
        height: 0;
        max-height: 0;
        overflow: hidden;
        text-align: left
    }

    .fact .nav-carousel.is-active .fact--header:after,
    .nav-carousel.is-active .btn--round:after,
    .nav-carousel.is-active .fact .fact--header:after,
    .nav-carousel.is-active .label:after,
    .nav-carousel.is-active .tags a:after,
    .tags .nav-carousel.is-active a:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .nav-carousel.is-active ul {
        height: auto;
        max-height: 20.625rem
    }
}

.nav-inpage {
    background: #fff;
    font-size: .9rem;
    border-left: .3rem solid #00A6D6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-overlay,
.nav-tab a {
    -webkit-box-sizing: border-box
}

.nav-inpage.nav-inpage--black {
    border-color: #222
}

.nav-inpage.nav-inpage--white {
    border-color: #fff
}

.nav-inpage.nav-inpage--blue_lighter {
    border-color: #E5F6FA
}

.nav-inpage.nav-inpage--blue_light {
    border-color: #6EBBD5
}

.nav-inpage.nav-inpage--blue {
    border-color: #00A6D6
}

.nav-inpage.nav-inpage--blue_dark {
    border-color: #1E6188
}

.nav-inpage.nav-inpage--teal {
    border-color: #008891
}

.nav-inpage.nav-inpage--yellow {
    border-color: #FFC400
}

.nav-inpage.nav-inpage--green {
    border-color: #A5CA1A
}

.nav-inpage.nav-inpage--red {
    border-color: #E21A1A
}

.nav-inpage.nav-inpage--orange {
    border-color: #E64616
}

.nav-inpage.nav-inpage--purple {
    border-color: #1C1C73
}

.nav-inpage.nav-inpage--purple_light {
    border-color: #6D177F
}

.nav-inpage.nav-inpage--grey_dark {
    border-color: #505050
}

.nav-inpage.nav-inpage--grey,
.nav-inpage.nav-inpage--grey_medium {
    border-color: #9B9B9B
}

.nav-inpage.nav-inpage--grey_light {
    border-color: #F2F2F2
}

.nav-inpage.nav-inpage--background {
    border-color: #F7F7F7
}

.nav-inpage.nav-inpage--pink {
    border-color: #DB028C
}

.nav-bottom .nav-main__submenu:after,
.nav-top .nav-main__submenu:before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border: .5rem solid transparent;
    left: 1rem
}

.nav-top .nav-main__submenu:before {
    top: 0;
    border-bottom-color: #fff
}

.nav-bottom .nav-main__submenu:after {
    bottom: 0;
    border-top-color: #fff
}

.nav-bottom,
.nav-top {
    line-height: 3.75rem
}

.nav-main .btn--icon {
    background: 0 0;
    border: none;
    margin-left: 1rem
}

.nav-main ul {
    display: inline-block
}

.nav-main__mainitem a {
    display: block;
    color: #fff
}

.nav-main>ul>li {
    display: inline-block;
    position: relative
}

.nav-main .i-search span,
.nav-overlay {
    display: none
}

.nav-main>ul>li+li {
    margin-left: 2rem
}

.nav-main__submenu {
    line-height: 1.3;
    height: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: opacity .5s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s ease;
    transition: opacity .5s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .5s cubic-bezier(.56, 0, 0, 1.6);
    transition: transform .2s ease, opacity .5s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s ease;
    opacity: 0;
    position: absolute;
    z-index: 1000;
    white-space: nowrap
}

.nav-main__submenu a {
    background: #fff;
    color: #00A6D6;
    padding: 1rem
}

.nav-main__submenu a:hover {
    color: #1E6188
}

.nav-bottom .nav-main__submenu {
    padding-bottom: 1rem;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    bottom: 100%
}

.nav-top .nav-main__submenu {
    padding-top: 1rem;
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

a:hover+.nav-main__submenu,
li:hover>.nav-main__submenu {
    visibility: visible;
    height: auto;
    width: auto;
    overflow: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.nav-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    z-index: 2000;
    overflow-y: auto;
    background: #00A6D6;
    user-select: none;
    padding-top: 3rem
}

.nav-overlay a,
.nav-overlay__mainitem {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #fff;
    text-decoration: none
}

.nav-overlay a:focus,
.nav-overlay a:hover,
.nav-overlay__mainitem:focus,
.nav-overlay__mainitem:hover {
    color: #222
}

.nav-overlay .btn--icon {
    margin-right: 1rem;
    margin-bottom: 1rem
}

.nav-overlay .btn--icon:focus,
.nav-overlay .btn--icon:hover {
    color: #fff
}

.nav-overlay button {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 1rem;
    right: 1rem
}

.nav-overlay__mainitem {
    font-family: Arial, sans-serif;
    cursor: pointer;
    -webkit-transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    color: #fff;
    display: block;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 100;
    margin-bottom: 2rem
}

.fontsLoaded .nav-overlay__mainitem {
    font-family: roboto, Arial, sans-serif
}

@media (min-width:64em) {
    .nav-overlay__mainitem {
        font-size: 5rem
    }
}

.nav-overlay__mainitem:after {
    background-color: #00A6D6
}

.nav-overlay__mainitem:hover:after {
    height: 0
}

.nav-overlay .is-active ul {
    margin-bottom: 1rem
}

.nav-overlay .is-active .nav-overlay__mainitem {
    color: #222
}

.nav-overlay .is-active .nav-overlay__mainitem:after {
    height: 1px;
    background-color: #222
}

.nav-overlay .is-active .nav-overlay__subitem {
    display: block
}

.nav-overlay__subitem {
    padding: .5rem 0;
    display: none
}

.nav-overlay.is-active {
    display: block
}

.nav-overlay.is-active~* {
    display: none
}

.nav-search {
    color: #fff
}

.nav-search>* {
    margin-top: 0 !important
}

.nav-tab,
.nav-tab+* {
    margin-top: 3rem
}

.nav-search button,
.nav-search input[type=search] {
    font-size: 2rem;
    padding-left: .8em;
    border: none
}

.nav-search button {
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #00A6D6;
    width: 2.3em;
    height: 2.3em;
    padding: 0
}

.nav-search button:before {
    font-size: .8em;
    line-height: 2.6
}

.nav-search input[type=search] {
    width: calc(100% - 1.3em);
    height: 2.3em;
    vertical-align: top;
    margin-bottom: .7rem
}

.nav-top,
.news-summary img {
    width: 100%
}

.nav-tab {
    border-bottom: 1px solid #9B9B9B
}

.nav-tab a {
    -webkit-transition: border-bottom .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: border-bottom .2s cubic-bezier(.56, 0, 0, 1.6);
    color: #000;
    padding: .5rem .5rem 1rem;
    display: inline-block;
    box-sizing: border-box;
    border-bottom: .3rem solid #00A6D6;
    border-bottom-color: transparent
}

.paging a,
.poster__content {
    -webkit-box-sizing: border-box
}

.nav-tab a.is-active,
.nav-tab a:focus,
.nav-tab a:hover {
    border-color: #00A6D6
}

.nav-tab~*,
.news-summary:first-of-type {
    margin-top: 0
}

.nav-tab~:not(.is-active) {
    display: none
}

.logo,
.nav-tab li {
    display: inline-block
}

.nav-tab li.tab--black a.is-active,
.nav-tab li.tab--black a:focus,
.nav-tab li.tab--black a:hover {
    border-color: #222
}

.nav-tab li.tab--white a.is-active,
.nav-tab li.tab--white a:focus,
.nav-tab li.tab--white a:hover {
    border-color: #fff
}

.nav-tab li.tab--blue_lighter a.is-active,
.nav-tab li.tab--blue_lighter a:focus,
.nav-tab li.tab--blue_lighter a:hover {
    border-color: #E5F6FA
}

.nav-tab li.tab--blue_light a.is-active,
.nav-tab li.tab--blue_light a:focus,
.nav-tab li.tab--blue_light a:hover {
    border-color: #6EBBD5
}

.nav-tab li.tab--blue a.is-active,
.nav-tab li.tab--blue a:focus,
.nav-tab li.tab--blue a:hover {
    border-color: #00A6D6
}

.nav-tab li.tab--blue_dark a.is-active,
.nav-tab li.tab--blue_dark a:focus,
.nav-tab li.tab--blue_dark a:hover {
    border-color: #1E6188
}

.nav-tab li.tab--teal a.is-active,
.nav-tab li.tab--teal a:focus,
.nav-tab li.tab--teal a:hover {
    border-color: #008891
}

.nav-tab li.tab--yellow a.is-active,
.nav-tab li.tab--yellow a:focus,
.nav-tab li.tab--yellow a:hover {
    border-color: #FFC400
}

.nav-tab li.tab--green a.is-active,
.nav-tab li.tab--green a:focus,
.nav-tab li.tab--green a:hover {
    border-color: #A5CA1A
}

.nav-tab li.tab--red a.is-active,
.nav-tab li.tab--red a:focus,
.nav-tab li.tab--red a:hover {
    border-color: #E21A1A
}

.nav-tab li.tab--orange a.is-active,
.nav-tab li.tab--orange a:focus,
.nav-tab li.tab--orange a:hover {
    border-color: #E64616
}

.nav-tab li.tab--purple a.is-active,
.nav-tab li.tab--purple a:focus,
.nav-tab li.tab--purple a:hover {
    border-color: #1C1C73
}

.nav-tab li.tab--purple_light a.is-active,
.nav-tab li.tab--purple_light a:focus,
.nav-tab li.tab--purple_light a:hover {
    border-color: #6D177F
}

.nav-tab li.tab--grey_dark a.is-active,
.nav-tab li.tab--grey_dark a:focus,
.nav-tab li.tab--grey_dark a:hover {
    border-color: #505050
}

.nav-tab li.tab--grey a.is-active,
.nav-tab li.tab--grey a:focus,
.nav-tab li.tab--grey a:hover,
.nav-tab li.tab--grey_medium a.is-active,
.nav-tab li.tab--grey_medium a:focus,
.nav-tab li.tab--grey_medium a:hover {
    border-color: #9B9B9B
}

.nav-tab li.tab--grey_light a.is-active,
.nav-tab li.tab--grey_light a:focus,
.nav-tab li.tab--grey_light a:hover {
    border-color: #F2F2F2
}

.nav-tab li.tab--background a.is-active,
.nav-tab li.tab--background a:focus,
.nav-tab li.tab--background a:hover {
    border-color: #F7F7F7
}

.nav-tab li.tab--pink a.is-active,
.nav-tab li.tab--pink a:focus,
.nav-tab li.tab--pink a:hover {
    border-color: #DB028C
}

.nav-tab~* {
    border: 1px solid #f2f2f2;
    padding: 2rem
}

.nav-top {
    position: absolute;
    top: 0;
    z-index: 999
}

.nav-top img {
    vertical-align: top;
    padding-top: 7px
}

.news-summary {
    display: block;
    padding: 1.5rem 0 2rem;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    background-color: transparent
}

.news-summary i:after,
.news-summary i:before {
    background-color: #222
}

.fact .news-summary .fact--header,
.news-summary .btn--round,
.news-summary .fact .fact--header,
.news-summary .label,
.news-summary .tags a,
.news-summary p,
.tags .news-summary a {
    color: #222;
    margin: 0
}

.fact .news-summary .fact--header,
.news-summary .btn--round,
.news-summary .fact .fact--header,
.news-summary .label,
.news-summary .tags a,
.tags .news-summary a {
    margin-bottom: .3em
}

.news-summary:focus,
.news-summary:hover {
    background-color: #F2F2F2
}

.news-summary:focus .h3,
.news-summary:focus .user-content h2,
.news-summary:focus h3,
.news-summary:hover .h3,
.news-summary:hover .user-content h2,
.news-summary:hover h3,
.user-content .news-summary:focus h2,
.user-content .news-summary:hover h2 {
    color: #1E6188
}

.news-summary:before {
    background-color: #00A6D6
}

.notice {
    background: #00A6D6;
    color: #fff;
    max-width: 30rem
}

.notice .btn,
.notice button {
    margin-top: 1rem;
    background-color: #fff;
    color: #00A6D6
}

.notice .btn:focus,
.notice .btn:hover,
.notice button:focus,
.notice button:hover {
    background-color: #007ea3 !important
}

.notice--black {
    max-width: 100%;
    background: #222;
    color: #fff
}

.notice--black .btn {
    color: #222
}

.notice--black .btn:focus,
.notice--black .btn:hover {
    background-color: #090808 !important
}

.notice--black .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--white {
    max-width: 100%;
    background: #fff;
    color: #000
}

.notice--white .btn {
    color: #222
}

.notice--white .btn:hover {
    color: #222 !important
}

.notice--white .btn:focus,
.notice--white .btn:hover {
    background-color: #e6e5e5 !important
}

.notice--white .btn--ghost {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000
}

.notice--blue_lighter {
    max-width: 100%;
    background: #E5F6FA;
    color: #000
}

.notice--blue_lighter .btn {
    color: #222
}

.notice--blue_lighter .btn:hover {
    color: #222 !important
}

.notice--blue_lighter .btn:focus,
.notice--blue_lighter .btn:hover {
    background-color: #bae7f2 !important
}

.notice--blue_lighter .btn--ghost {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000
}

.notice--blue_light {
    max-width: 100%;
    background: #6EBBD5;
    color: #000
}

.notice--blue_light .btn {
    color: #222
}

.notice--blue_light .btn:hover {
    color: #222 !important
}

.notice--blue_light .btn:focus,
.notice--blue_light .btn:hover {
    background-color: #46a8ca !important
}

.notice--blue_light .btn--ghost {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000
}

.notice--blue {
    max-width: 100%;
    background: #00A6D6;
    color: #fff
}

.notice--blue .btn {
    color: #00A6D6
}

.notice--blue .btn:focus,
.notice--blue .btn:hover {
    background-color: #007ea3 !important
}

.notice--blue .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--blue_dark {
    max-width: 100%;
    background: #1E6188;
    color: #fff
}

.notice--blue_dark .btn {
    color: #1E6188
}

.notice--blue_dark .btn:focus,
.notice--blue_dark .btn:hover {
    background-color: #15435e !important
}

.notice--blue_dark .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--teal {
    max-width: 100%;
    background: #008891;
    color: #fff
}

.notice--teal .btn {
    color: #008891
}

.notice--teal .btn:focus,
.notice--teal .btn:hover {
    background-color: #00585e !important
}

.notice--teal .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--yellow {
    max-width: 100%;
    background: #FFC400;
    color: #fff
}

.notice--yellow .btn {
    color: #FFC400
}

.notice--yellow .btn:focus,
.notice--yellow .btn:hover {
    background-color: #cc9d00 !important
}

.notice--yellow .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--green {
    max-width: 100%;
    background: #A5CA1A;
    color: #fff
}

.notice--green .btn {
    color: #A5CA1A
}

.notice--green .btn:focus,
.notice--green .btn:hover {
    background-color: #809d14 !important
}

.notice--green .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--red {
    max-width: 100%;
    background: #E21A1A;
    color: #fff
}

.notice--red .btn {
    color: #E21A1A
}

.notice--red .btn:focus,
.notice--red .btn:hover {
    background-color: #b41515 !important
}

.notice--red .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--orange {
    max-width: 100%;
    background: #E64616;
    color: #fff
}

.notice--orange .btn {
    color: #E64616
}

.notice--orange .btn:focus,
.notice--orange .btn:hover {
    background-color: #b73812 !important
}

.notice--orange .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--purple {
    max-width: 100%;
    background: #1C1C73;
    color: #fff
}

.notice--purple .btn {
    color: #1C1C73
}

.notice--purple .btn:focus,
.notice--purple .btn:hover {
    background-color: #12124a !important
}

.notice--purple .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--purple_light {
    max-width: 100%;
    background: #6D177F;
    color: #fff
}

.notice--purple_light .btn {
    color: #6D177F
}

.notice--purple_light .btn:focus,
.notice--purple_light .btn:hover {
    background-color: #480f54 !important
}

.notice--purple_light .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--grey_dark {
    max-width: 100%;
    background: #505050;
    color: #fff
}

.notice--grey_dark .btn {
    color: #505050
}

.notice--grey_dark .btn:focus,
.notice--grey_dark .btn:hover {
    background-color: #373636 !important
}

.notice--grey_dark .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--grey {
    max-width: 100%;
    background: #9B9B9B;
    color: #000
}

.notice--grey .btn {
    color: #222
}

.notice--grey .btn:hover {
    color: #222 !important
}

.notice--grey .btn:focus,
.notice--grey .btn:hover {
    background-color: #828181 !important
}

.notice--grey .btn--ghost {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000
}

.notice--grey_medium {
    max-width: 100%;
    background: #9B9B9B;
    color: #000
}

.notice--grey_medium .btn {
    color: #222
}

.notice--grey_medium .btn:hover {
    color: #222 !important
}

.notice--grey_medium .btn:focus,
.notice--grey_medium .btn:hover {
    background-color: #828181 !important
}

.notice--grey_medium .btn--ghost {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000
}

.notice--grey_light {
    max-width: 100%;
    background: #F2F2F2;
    color: #000
}

.notice--grey_light .btn {
    color: #222
}

.notice--grey_light .btn:hover {
    color: #222 !important
}

.notice--grey_light .btn:focus,
.notice--grey_light .btn:hover {
    background-color: #d9d8d8 !important
}

.notice--grey_light .btn--ghost {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000
}

.notice--background {
    max-width: 100%;
    background: #F7F7F7;
    color: #000
}

.notice--background .btn {
    color: #222
}

.notice--background .btn:hover {
    color: #222 !important
}

.notice--background .btn:focus,
.notice--background .btn:hover {
    background-color: #dedddd !important
}

.notice--background .btn--ghost {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000
}

.notice--pink {
    max-width: 100%;
    background: #DB028C;
    color: #fff
}

.notice--pink .btn {
    color: #DB028C
}

.notice--pink .btn:focus,
.notice--pink .btn:hover {
    background-color: #a8026c !important
}

.notice--pink .btn--ghost {
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff
}

.notice--success {
    background: #A5CA1A;
    color: #fff
}

.notice--success button {
    color: #A5CA1A
}

.notice--success button:focus,
.notice--success button:hover {
    background-color: #809d14 !important
}

.notice--error {
    background: #E64616;
    color: #fff
}

.poster,
.presentation__slide {
    background-size: cover;
    background-repeat: no-repeat
}

.notice--error button {
    color: #E64616
}

.notice--error button:focus,
.notice--error button:hover {
    background-color: #b73812 !important
}

.paging {
    padding: 0;
    margin: auto
}

.paging a,
.paging li {
    display: block;
    vertical-align: middle;
    text-align: center
}

.paging li {
    float: left;
    margin-right: .25rem
}

.paging a {
    box-sizing: border-box;
    min-width: 3rem;
    line-height: 3rem;
    border: 1px solid #9B9B9B;
    border-radius: 100%;
    color: #9B9B9B;
    -webkit-transition: color .2s cubic-bezier(.56, 0, 0, 1.6), border-color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: color .2s cubic-bezier(.56, 0, 0, 1.6), border-color .2s cubic-bezier(.56, 0, 0, 1.6)
}

.paging a.is-active,
.paging a:focus,
.paging a:hover {
    border-color: #00A6D6;
    color: #00A6D6
}

.paging__first a,
.paging__last a,
.paging__next a,
.paging__prev a {
    height: 3rem;
    border-color: #00A6D6;
    background-color: #00A6D6;
    color: #fff
}

.paging__first,
.paging__last {
    position: relative
}

.paging__first:before,
.paging__last:before {
    content: "";
    position: absolute;
    bottom: .875rem;
    left: 50%;
    z-index: 1;
    display: block;
    width: .5rem;
    height: .0625rem;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.poster {
    background-position: 50%;
    display: block;
    color: #fff;
    position: relative;
    margin: auto;
    -webkit-transition: opacity 1s cubic-bezier(.56, 0, 0, 1.6);
    transition: opacity 1s cubic-bezier(.56, 0, 0, 1.6)
}

.poster.poster--gradient:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5))
}

.slick-slider .poster {
    display: none
}

.poster img,
.poster:first-child,
.slick-initialized .poster {
    display: block
}

.poster img {
    max-width: 100%;
    margin: auto
}

.poster h1 {
    font-size: 2rem;
    font-family: Arial, sans-serif;
    line-height: 1.4;
    font-weight: 100;
    position: relative;
    text-shadow: 0 0 20px rgba(0, 0, 0, .7)
}

@media (min-width:37.5em) {
    .poster h1 {
        font-size: 2.375rem
    }
}

@media (min-width:64em) {
    .poster h1 {
        font-size: 2.75rem
    }
}

@media (min-width:80em) {
    .poster h1 {
        font-size: 3.125rem
    }
}

@media (min-width:120em) {
    .poster h1 {
        font-size: 3.5rem
    }
}

.fontsLoaded .poster h1 {
    font-family: roboto, Arial, sans-serif
}

.poster .i-video_play:before {
    font-size: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-right: -.5em
}

.poster__content {
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: bottom;
    min-height: 40vh;
    padding-top: 13em;
    padding-bottom: 3em;
    box-sizing: border-box
}

.flexbox .poster__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flexbox .poster__content .right {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (min-width:80em) {
    .poster__content {
        min-height: 57vh
    }
}

@media all and (-ms-high-contrast:none) {
    .poster__content {
        display: table-cell !important
    }
}

.poster.is-loading {
    opacity: 0
}

.poster.is-loaded {
    opacity: 1
}

.poster.poster-color-content--blue,
.poster.poster-color-content--blue .btn--round {
    color: #00A6D6
}

.poster.poster-color-content--blue .btn--round:after {
    border-color: #00A6D6
}

.poster.poster-color-content--white,
.poster.poster-color-content--white .btn--round {
    color: #fff
}

.poster.poster-color-content--white .btn--round:after {
    border-color: #fff
}

.poster.poster-color-content--black,
.poster.poster-color-content--black .btn--round {
    color: #222
}

.poster.poster-color-content--black .btn--round:after {
    border-color: #222
}

.presentation {
    background-color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.presentation__slide {
    display: none;
    position: relative
}

.presentation__slide:first-child,
.slick-initialized .presentation__slide {
    display: block
}

.presentation__slide:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background-image: linear-gradient(transparent, #000);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

.presentation__slide__content {
    position: relative;
    z-index: 1;
    padding: 2rem;
    color: #fff;
    max-width: 46rem;
    margin-left: auto;
    min-height: 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:63.9375em) {
    .presentation__slide .presentation__slide__content {
        margin: auto;
        padding-bottom: 4rem
    }
}

.presentation__controls {
    color: #fff
}

.presentation__controls .h2,
.presentation__controls .user-content h1,
.presentation__controls h2,
.user-content .presentation__controls h1 {
    margin: 3rem auto
}

.presentation__controls li {
    cursor: pointer;
    float: left;
    color: #00A6D6;
    padding: .4rem 2rem;
    margin-left: -2rem
}

.presentation__controls .slick-active {
    color: #fff;
    background: #00A6D6
}

@media (max-width:63.9375em) {
    .presentation__controls {
        position: relative
    }

    .presentation__controls .h2,
    .presentation__controls .user-content h1,
    .presentation__controls h2,
    .user-content .presentation__controls h1 {
        display: none
    }

    .presentation__controls .slick-dots {
        position: absolute;
        bottom: 1rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .presentation__controls li {
        display: inline-block;
        float: none;
        border-radius: 100%;
        width: 1em;
        height: 1em;
        padding: 0;
        margin-left: .5em;
        border: 1px solid #fff
    }
}

.profile {
    background-color: #fff;
    margin: 0 auto;
    max-width: 18.75rem
}

.pull,
.pull-left {
    margin-left: -1.46875rem
}

.profile a {
    color: #00A6D6
}

.profile img {
    width: 100%
}

.profile__contactdata {
    overflow: visible
}

.profile__contactdata li {
    padding-left: 2.1875rem;
    position: relative;
    margin-bottom: .4rem;
    margin-top: .4rem
}

.profile__contactdata a,
.profile__contactdata div {
    display: block;
    overflow: hidden
}

.profile__contactdata a {
    text-decoration: underline;
    word-wrap: break-word
}

.tags a,
.tooltip,
a.rss {
    text-decoration: none
}

.profile__contactdata a:hover {
    color: #1E6188
}

.profile__contactdata span {
    overflow: show;
    display: block
}

.mg-image-beside-left .mg-text-container,
.mg-image-beside-right .mg-text-container,
.readmore-content,
.slick-list,
.video {
    overflow: hidden
}

.profile__contactdata i {
    position: absolute;
    top: 0;
    left: 0;
    color: #00A6D6;
    font-size: 1.4rem;
    line-height: 1;
    display: inline-block;
    margin-right: .6em;
    float: left;
    clear: left
}

.pull,
.pull-right {
    margin-right: -1.46875rem
}

.mg-image-above .mg-text-container,
.slick-track:after {
    clear: both
}

.profile__contactdata i:before {
    background-color: transparent;
    border-color: #00A6D6;
    display: block
}

.pull,
.pull-left,
.pull-right {
    clear: both;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: hidden
}

.pull-left {
    float: left;
    padding-left: 0
}

.pull-right {
    float: right;
    padding-right: 0
}

.pull-left.noFloatCarousel,
.pull-right.noFloatCarousel {
    float: none
}

@media (min-width:64em) {
    .profile {
        max-width: auto
    }

    .pull,
    .pull-left {
        margin-left: -33.3333333333%
    }

    .pull,
    .pull-right {
        margin-right: -33.3333333333%
    }
}

.readmore-content {
    -webkit-transition: height .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: height .2s cubic-bezier(.56, 0, 0, 1.6)
}

.readmore-content.is-inactive {
    padding-bottom: 2.5rem;
    height: 13rem;
    position: relative;
    cursor: pointer
}

.readmore-content.is-inactive:before {
    content: attr(data-title);
    display: block;
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    line-height: 2.5rem;
    color: #00A6D6;
    background-color: #F7F7F7;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75rem;
    border-top: 1px solid #00A6D6;
    z-index: 1
}

.readmore-content.is-inactive:after {
    -webkit-transition: opacity .5s cubic-bezier(0, 0, 0, 1);
    transition: opacity .5s cubic-bezier(0, 0, 0, 1);
    opacity: 1;
    content: '';
    display: block;
    position: absolute;
    bottom: 2.5rem;
    height: 4rem;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0)), to(#F7F7F7));
    background-image: linear-gradient(rgba(247, 247, 247, 0), #F7F7F7)
}

.readmore-content.is-inactive:focus:before,
.readmore-content.is-inactive:hover:before {
    color: #1E6188
}

.readmore-content.is-inactive:focus:after,
.readmore-content.is-inactive:hover:after {
    opacity: 0
}

a.rss {
    display: block;
    margin-bottom: 1.25rem
}

a.rss:before {
    display: inline-block;
    vertical-align: baseline;
    margin-right: .3125rem
}

.searchForm {
    position: relative;
    max-width: 37.5rem;
    margin-bottom: 1.5rem
}

.searchForm .searchForm-input {
    display: block
}

.searchForm>label,
.sharing a,
.sharing li {
    display: inline-block
}

.searchForm button {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0;
    margin-top: 0;
    background-color: #00A6D6
}

.searchForm>label {
    margin-top: .375rem;
    margin-right: 1.5rem
}

.searchForm>label input[type=radio] {
    height: 1.0625rem;
    margin-right: .375rem
}

.sharing {
    margin: 0;
    padding: 0
}

.sharing a {
    color: #fff
}

.sharing a.i-facebook:after {
    background-color: #3b5998
}

.sharing a.i-twitter:after {
    background-color: #00aced
}

.sharing a.i-linkedin:after {
    background-color: #007bb6
}

.sharing a.i-youtube:after {
    background-color: #b00
}

.sharing a.i-instagram:after {
    background-image: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    background-color: #9b36b7
}

.sharing a.i-mail:after {
    background-color: #222
}

.solrAutocomplete {
    position: absolute;
    z-index: 1000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    border: 1px solid #00A6D6;
    margin: 0;
    background-color: #fff
}

.solrAutocomplete .solrAutocomplete-item {
    padding: .5rem;
    cursor: pointer
}

.solrAutocomplete .solrAutocomplete-item:hover {
    background-color: #F2F2F2
}

.special:first-child {
    margin-top: -3.75rem
}

.special__static {
    min-height: 25em;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative
}

.special__static:after {
    content: '';
    padding-top: 50%;
    display: block
}

.special__static h1 {
    font-size: 3em;
    position: absolute;
    margin: 0;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), to(#222));
    background: linear-gradient(rgba(34, 34, 34, 0), #222);
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 2rem
}

@media (min-width:37.5em) {
    .special__static h1 {
        font-size: 5em
    }
}

@media (min-width:80em) {
    .special__static h1 {
        font-size: 8em
    }
}

.special__scroll {
    margin-left: auto;
    margin-right: auto;
    padding-top: 4em;
    padding-bottom: 4em
}

@media (min-width:64em) {
    .special {
        position: relative
    }

    .special__static {
        width: 40%
    }

    .special__scroll {
        width: 60%;
        clear: both;
        min-height: 100vh;
        text-align: left;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .special--reverse .special__static {
        right: 0;
        left: auto
    }

    .special--reverse .special__scroll {
        float: left
    }

    .special__static {
        position: fixed;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: -webkit-transform 1s cubic-bezier(0, 1, 1, 1);
        transition: -webkit-transform 1s cubic-bezier(0, 1, 1, 1);
        transition: transform 1s cubic-bezier(0, 1, 1, 1);
        transition: transform 1s cubic-bezier(0, 1, 1, 1), -webkit-transform 1s cubic-bezier(0, 1, 1, 1);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        text-align: left
    }

    .special__static h1 {
        padding-bottom: 3rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .special__scroll p {
        margin-top: 0
    }

    .special.has-entered .special__static,
    .special.is-entered .special__static {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .special-container>.t3ce:first-child .special__static {
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }
}

.element-layout-special-content-container {
    max-width: 37.5rem;
    margin: auto
}

.tags a {
    -webkit-transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: color .2s cubic-bezier(.56, 0, 0, 1.6);
    margin-right: 1em;
    color: #9B9B9B
}

.tags a:before {
    content: '#';
    font-size: .8em
}

.tags a:focus,
.tags a:hover {
    color: #222
}

.tooltip {
    cursor: help;
    position: relative;
    border-bottom: 1px dotted
}

.tooltip:after,
.tooltip:before {
    -webkit-transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6), transform .2s cubic-bezier(.56, 0, 0, 1.6);
    transition: opacity .2s cubic-bezier(.56, 0, 0, 1.6), transform .2s cubic-bezier(.56, 0, 0, 1.6), -webkit-transform .2s cubic-bezier(.56, 0, 0, 1.6);
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    font-size: .8em;
    opacity: 0;
    bottom: 0;
    left: 50%
}

.tooltip:before {
    border: .5rem solid transparent;
    border-top-color: #1E6188;
    margin-bottom: -1rem
}

.tooltip:after {
    content: attr(title);
    background: #1E6188;
    color: #fff;
    text-align: left;
    margin-left: -8rem;
    width: 16rem;
    padding: .5rem
}

.black .btn--icon i:after,
.black .btn--icon i:before,
.black .btn--round:focus:after,
.black .btn--round:hover:after {
    background-color: #222
}

.video,
.video--popup {
    background-size: cover
}

.tooltip:hover:after,
.tooltip:hover:before {
    opacity: 1;
    bottom: 100%;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px)
}

.tooltip--bottom:after,
.tooltip--bottom:before {
    bottom: auto;
    top: 100%
}

.tooltip--bottom:before {
    border-bottom-color: #1E6188;
    border-top-color: transparent;
    margin-top: -1em;
    margin-bottom: auto
}

.tooltip--bottom:focus:after,
.tooltip--bottom:focus:before,
.tooltip--bottom:hover:after,
.tooltip--bottom:hover:before {
    bottom: auto;
    top: 100%;
    -webkit-transform: translateY(12px);
    transform: translateY(12px)
}

.tooltip--left:before,
.tooltip--right:before {
    border-top-color: transparent;
    margin: 0
}

.tooltip--left:after,
.tooltip--right:after {
    bottom: -50%
}

.tooltip--left:focus:before,
.tooltip--left:hover:before,
.tooltip--right:focus:before,
.tooltip--right:hover:before {
    bottom: 0
}

.tooltip--left:focus:after,
.tooltip--left:hover:after,
.tooltip--right:focus:after,
.tooltip--right:hover:after {
    bottom: -50%
}

.tooltip--left:before {
    border-right-color: #1E6188
}

.tooltip--left:after {
    margin-left: 1rem
}

.tooltip--left:after,
.tooltip--left:before {
    left: 90%
}

.tooltip--left:focus:after,
.tooltip--left:focus:before,
.tooltip--left:hover:after,
.tooltip--left:hover:before {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem)
}

.tooltip--right:before {
    border-left-color: #1E6188
}

.tooltip--right:after {
    margin-right: 1rem
}

.tooltip--right:after,
.tooltip--right:before {
    left: auto;
    right: 90%
}

.tooltip--right:focus:after,
.tooltip--right:focus:before,
.tooltip--right:hover:after,
.tooltip--right:hover:before {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem)
}

.tx-powermail h3,
.tx-powermail legend {
    display: none
}

.tx-powermail .powermail_fieldset {
    padding: 0;
    border: 0;
    margin: 0
}

.black .btn--icon:after,
.black .btn--round:after {
    border-color: #222
}

.tx-powermail .mandatory,
.tx-powermail .parsley-errors-list {
    color: #E21A1A
}

.tx-powermail .checkbox,
.tx-powermail .radio {
    display: inline-block
}

.bg-white .logo img,
.card--no_description .card__content p,
.tudcard {
    display: none
}

.tx-powermail .btn {
    float: left
}

.tx-powermail .powermail_confirmation .table {
    width: 100%
}

@media (min-width:64em) and (max-width:79.9375em) {
    .tx-powermail .powermail_confirmation .table tr td:first-child {
        width: 25%
    }
}

.tx-powermail .powermail_confirmation .btn.btn-primary {
    float: right
}

.video {
    background-position: 50%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: auto;
    max-width: 100%;
    width: 120em
}

.video embed,
.video iframe,
.video object {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video h1 {
    color: #fff
}

.video--fullscreen {
    width: auto
}

.video--popup:before {
    content: "";
    color: #fff;
    font-size: 5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.5em;
    margin-top: -.5em
}

.black .btn--icon:before,
.black .btn--round,
.black .carousel h1,
.black .nav-main__mainitem a {
    color: #222
}

.grid-row .video--popup {
    padding: 0
}

.video--popup .video__content h1 {
    visibility: hidden;
    height: 0
}

.white .btn--icon:after,
.white .btn--round:after {
    border-color: #fff
}

.white .btn--icon i:after,
.white .btn--icon i:before,
.white .btn--round:focus:after,
.white .btn--round:hover:after {
    background-color: #fff
}

.white .btn--icon:before,
.white .btn--round,
.white .carousel h1,
.white .nav-main__mainitem a {
    color: #fff
}

.blue_lighter .btn--icon:after,
.blue_lighter .btn--round:after {
    border-color: #E5F6FA
}

.blue_lighter .btn--icon i:after,
.blue_lighter .btn--icon i:before,
.blue_lighter .btn--round:focus:after,
.blue_lighter .btn--round:hover:after {
    background-color: #E5F6FA
}

.blue_lighter .btn--icon:before,
.blue_lighter .btn--round,
.blue_lighter .carousel h1,
.blue_lighter .nav-main__mainitem a {
    color: #E5F6FA
}

.blue_light .btn--icon:after,
.blue_light .btn--round:after {
    border-color: #6EBBD5
}

.blue_light .btn--icon i:after,
.blue_light .btn--icon i:before,
.blue_light .btn--round:focus:after,
.blue_light .btn--round:hover:after {
    background-color: #6EBBD5
}

.blue_light .btn--icon:before,
.blue_light .btn--round,
.blue_light .carousel h1,
.blue_light .nav-main__mainitem a {
    color: #6EBBD5
}

.blue .btn--icon:after,
.blue .btn--round:after {
    border-color: #00A6D6
}

.blue .btn--icon i:after,
.blue .btn--icon i:before,
.blue .btn--round:focus:after,
.blue .btn--round:hover:after {
    background-color: #00A6D6
}

.blue .btn--icon:before,
.blue .btn--round,
.blue .carousel h1,
.blue .nav-main__mainitem a {
    color: #00A6D6
}

.blue_dark .btn--icon:after,
.blue_dark .btn--round:after {
    border-color: #1E6188
}

.blue_dark .btn--icon i:after,
.blue_dark .btn--icon i:before,
.blue_dark .btn--round:focus:after,
.blue_dark .btn--round:hover:after {
    background-color: #1E6188
}

.blue_dark .btn--icon:before,
.blue_dark .btn--round,
.blue_dark .carousel h1,
.blue_dark .nav-main__mainitem a {
    color: #1E6188
}

.teal .btn--icon:after,
.teal .btn--round:after {
    border-color: #008891
}

.teal .btn--icon i:after,
.teal .btn--icon i:before,
.teal .btn--round:focus:after,
.teal .btn--round:hover:after {
    background-color: #008891
}

.teal .btn--icon:before,
.teal .btn--round,
.teal .carousel h1,
.teal .nav-main__mainitem a {
    color: #008891
}

.yellow .btn--icon:after,
.yellow .btn--round:after {
    border-color: #FFC400
}

.yellow .btn--icon i:after,
.yellow .btn--icon i:before,
.yellow .btn--round:focus:after,
.yellow .btn--round:hover:after {
    background-color: #FFC400
}

.yellow .btn--icon:before,
.yellow .btn--round,
.yellow .carousel h1,
.yellow .nav-main__mainitem a {
    color: #FFC400
}

.green .btn--icon:after,
.green .btn--round:after {
    border-color: #A5CA1A
}

.green .btn--icon i:after,
.green .btn--icon i:before,
.green .btn--round:focus:after,
.green .btn--round:hover:after {
    background-color: #A5CA1A
}

.green .btn--icon:before,
.green .btn--round,
.green .carousel h1,
.green .nav-main__mainitem a {
    color: #A5CA1A
}

.red .btn--icon:after,
.red .btn--round:after {
    border-color: #E21A1A
}

.red .btn--icon i:after,
.red .btn--icon i:before,
.red .btn--round:focus:after,
.red .btn--round:hover:after {
    background-color: #E21A1A
}

.red .btn--icon:before,
.red .btn--round,
.red .carousel h1,
.red .nav-main__mainitem a {
    color: #E21A1A
}

.orange .btn--icon:after,
.orange .btn--round:after {
    border-color: #E64616
}

.orange .btn--icon i:after,
.orange .btn--icon i:before,
.orange .btn--round:focus:after,
.orange .btn--round:hover:after {
    background-color: #E64616
}

.orange .btn--icon:before,
.orange .btn--round,
.orange .carousel h1,
.orange .nav-main__mainitem a {
    color: #E64616
}

.purple .btn--icon:after,
.purple .btn--round:after {
    border-color: #1C1C73
}

.purple .btn--icon i:after,
.purple .btn--icon i:before,
.purple .btn--round:focus:after,
.purple .btn--round:hover:after {
    background-color: #1C1C73
}

.purple .btn--icon:before,
.purple .btn--round,
.purple .carousel h1,
.purple .nav-main__mainitem a {
    color: #1C1C73
}

.purple_light .btn--icon:after,
.purple_light .btn--round:after {
    border-color: #6D177F
}

.purple_light .btn--icon i:after,
.purple_light .btn--icon i:before,
.purple_light .btn--round:focus:after,
.purple_light .btn--round:hover:after {
    background-color: #6D177F
}

.purple_light .btn--icon:before,
.purple_light .btn--round,
.purple_light .carousel h1,
.purple_light .nav-main__mainitem a {
    color: #6D177F
}

.grey_dark .btn--icon:after,
.grey_dark .btn--round:after {
    border-color: #505050
}

.grey_dark .btn--icon i:after,
.grey_dark .btn--icon i:before,
.grey_dark .btn--round:focus:after,
.grey_dark .btn--round:hover:after {
    background-color: #505050
}

.grey_dark .btn--icon:before,
.grey_dark .btn--round,
.grey_dark .carousel h1,
.grey_dark .nav-main__mainitem a {
    color: #505050
}

.grey .btn--icon:after,
.grey .btn--round:after,
.grey_medium .btn--icon:after,
.grey_medium .btn--round:after {
    border-color: #9B9B9B
}

.grey .btn--icon i:after,
.grey .btn--icon i:before,
.grey .btn--round:focus:after,
.grey .btn--round:hover:after,
.grey_medium .btn--icon i:after,
.grey_medium .btn--icon i:before,
.grey_medium .btn--round:focus:after,
.grey_medium .btn--round:hover:after {
    background-color: #9B9B9B
}

.grey .btn--icon:before,
.grey .btn--round,
.grey .carousel h1,
.grey .nav-main__mainitem a,
.grey_medium .btn--icon:before,
.grey_medium .btn--round,
.grey_medium .carousel h1,
.grey_medium .nav-main__mainitem a {
    color: #9B9B9B
}

.grey_light .btn--icon:after,
.grey_light .btn--round:after {
    border-color: #F2F2F2
}

.grey_light .btn--icon i:after,
.grey_light .btn--icon i:before,
.grey_light .btn--round:focus:after,
.grey_light .btn--round:hover:after {
    background-color: #F2F2F2
}

.grey_light .btn--icon:before,
.grey_light .btn--round,
.grey_light .carousel h1,
.grey_light .nav-main__mainitem a {
    color: #F2F2F2
}

.background .btn--icon:after,
.background .btn--round:after {
    border-color: #F7F7F7
}

.background .btn--icon i:after,
.background .btn--icon i:before,
.background .btn--round:focus:after,
.background .btn--round:hover:after {
    background-color: #F7F7F7
}

.background .btn--icon:before,
.background .btn--round,
.background .carousel h1,
.background .nav-main__mainitem a {
    color: #F7F7F7
}

.pink .btn--icon:after,
.pink .btn--round:after {
    border-color: #DB028C
}

.pink .btn--icon i:after,
.pink .btn--icon i:before,
.pink .btn--round:focus:after,
.pink .btn--round:hover:after {
    background-color: #DB028C
}

.pink .btn--icon:before,
.pink .btn--round,
.pink .carousel h1,
.pink .nav-main__mainitem a {
    color: #DB028C
}

.bg-black {
    background-color: #000
}

.bg-white {
    background-color: #fff
}

.bg-white .logo {
    background-image: url(../../../../tud_styling/Resources/Public/img/logo_black.svg);
    background-position: 0 7px;
    background-repeat: no-repeat;
    height: 48px;
    width: 105px
}

.bg-white,
.bg-white .nav-main .button-reset,
.bg-white .nav-main__mainitem a,
.bg-white a {
    color: #000
}

.bg-white .nav-main .button-reset {
    border: 1px solid #000;
    border-radius: 50%
}

.bg-white .nav-main__mainitem a:hover,
.bg-white .nav-main__submenu a {
    color: #00a6d6
}

.bg-white .nav-main__submenu a:hover {
    color: #1e6188
}

.layout-0 .tudcard,
.layout-1 .tudcard,
.layout-2 .tudcard,
.layout-3 .tudcard,
.layout-4 .tudcard {
    display: block;
    padding: 0;
    margin: 0 0 20pt
}

.layout-1 .tudcard {
    height: 120pt
}

.layout-0 .tudcard,
.layout-2 .tudcard {
    height: 200pt
}

.layout-3 .tudcard {
    height: 300pt
}

.blocks.layout-1 .sm-4 .tudcard {
    height: 260pt
}

.blocks.layout-0 .sm-4 .tudcard,
.blocks.layout-2 .sm-4 .tudcard {
    height: 420pt
}

.blocks.layout-3 .sm-4 .tudcard {
    height: 620pt
}

.layout-4 .imagecard {
    height: 23.75em
}

.layout-4 .imagecard,
.row div[style^=background] {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.card--no_description .card__content {
    top: auto;
    bottom: 0
}

.presentation__slide a,
.tudcard a {
    text-decoration: none;
    border: 0
}

.tud_tabContent {
    margin-top: 3rem
}

.tabs.layout-4 .tudcard.video {
    height: 200pt
}

.tabs.section_frame-1 .nav-tab a.is-active,
.tabs.section_frame-1 .nav-tab a:focus,
.tabs.section_frame-1 .nav-tab a:hover {
    border-color: #a5ca1a
}

.tabs.section_frame-2 .nav-tab a.is-active,
.tabs.section_frame-2 .nav-tab a:focus,
.tabs.section_frame-2 .nav-tab a:hover {
    border-color: #e21a1a
}

.filter {
    background-color: #f0f0f0;
    padding: 2px 10px 10px
}

.filter h3 {
    color: #00a6d6
}

.unstyled {
    margin: 0;
    padding: 0
}

.filter.li {
    margin: 20px 0
}

.text-center {
    text-align: center
}

.control-inline label {
    display: inline
}

:not(#foo) .styled-checkbox {
    position: absolute;
    opacity: 0
}

:not(#foo) .styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0
}

:not(#foo) .styled-checkbox+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff
}

:not(#foo) .styled-checkbox:focus+label:before,
:not(#foo) .styled-checkbox:hover+label:before {
    box-shadow: 0 0 0 4px rgba(0, 166, 214, .5)
}

:not(#foo) .styled-checkbox:checked+label:before {
    background: #00a6d6
}

:not(#foo) .styled-checkbox.disabled+label:before,
:not(#foo) .styled-checkbox[disabled]+label:before {
    box-shadow: none;
    background: #ddd
}

:not(#foo) .styled-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hidden {
    display: none
}

a .h3.agenda__item__headline {
    font-size: 1rem;
    top: 20%;
    left: 15%;
    margin-top: 0;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    text-align: left
}

a .h3.agenda__item__headline:before {
    content: ' ';
    position: absolute;
    width: 40%;
    border-top: 1px solid #fff
}

.aanbodPagina .card[href] {
    color: #222
}

.aanbodPagina .card[href] .card__img {
    opacity: .5
}

.aanbodPagina .card[href]:focus .card__img,
.aanbodPagina .card[href]:hover .card__img {
    opacity: 1
}

@media (min-width:64em) {
    .aanbodPagina .row>article {
        float: right
    }

    .aanbodpagina .nav-aside {
        margin-top: 200px
    }
}

.aanbodPagina .grid-row div:first-child+div+div:after {
    height: 11.875rem
}

@media (min-width:37.5em) {
    .aanbodPagina .grid-row div:first-child+div+div {
        margin-top: 0
    }
}

.aanbodPagina .agenda__item {
    position: relative;
    margin-bottom: 3rem
}

.aanbodPagina .agenda__content {
    height: 100%;
    height: calc(100% - 8px)
}

.aanbodPagina .agenda__item:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 8px;
    background-color: rgba(0, 0, 0, .5)
}

.aanbodPagina [href].agenda__item:hover:after {
    height: 0
}

.video video {
    position: absolute
}

.noUi-base,
.noUi-target,
.slick-list,
.slick-track {
    position: relative
}

.slick-slider {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    display: block;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.mg-image-beside-right .mg-image-container,
.mg-image-intext-right .mg-image-wrap,
.mg-image-right .mg-image-wrap,
.mg-image-right.mg-image-above .mg-image-wrap,
[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*! noUiSlider - 7.0.9 - 2014-10-08 16:49:45 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.mg-image-beside-left .mg-image-container,
.mg-image-intext-left .mg-image-wrap,
.mg-image-left .mg-image-wrap {
    float: left
}

.mg-image-left.mg-image-above .mg-image-wrap {
    float: none
}

.mg-image-center .mg-image-container img {
    display: block;
    margin: 0 auto
}

.mg-image-wrap[data-clearing] li {
    margin-right: 0
}