.row {
    margin-right: -0.75rem;
    margin-left: -0.75rem
}

.row > * {
    padding-left: .75rem;
    padding-right: .75rem
}

.hidden {
    display: none
}

.dropdown-item {
    white-space: break-spaces
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: #000;
    line-height: 1.5;
    background-color: #f5f5f5
}

.small {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25
}

.large {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.25
}

.subtitle {
    font-family: "Open Sans", Arial, sans-serif
}

.subtitleSmall {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: .875rem
}

.btn {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    text-transform: uppercase;
    line-height: 1.125;
    background-color: #6c3088;
    padding: 16px 32px;
    border-radius: 24px
}

.caption {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: .75rem;
    line-height: 1
}

.overline {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: .875rem;
    text-transform: uppercase;
    line-height: 1.25
}

h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 5rem;
    color: #fff;
    line-height: 1.4
}

@media screen and (max-width: 992px) {
    h1 {
        font-size: 3.125rem;
        hyphens: auto;
        -webkit-hyphens: auto;
        line-height: 1.3;
        padding: 0 5px
    }
}

h1.violet {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 3rem;
    color: #6c3088;
    line-height: 1.166
}

h2, h2 span.font-h2 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 2.625rem;
    line-height: 1.19;
    color: #6c3088;
    margin-bottom: 2.375rem
}

@media screen and (max-width: 992px) {
    h2 {
        font-size: 2.5rem;
        line-height: 1.3;
        padding: 0 5px;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

h2.faq {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.2;
    color: #6c3088
}

h2.faq.font-white {
    color: #fff
}

h3 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 2.125rem;
    line-height: 44px;
    color: #6c3088
}

@media screen and (max-width: 992px) {
    h3 {
        font-size: 1.75rem;
        hyphens: auto;
        -webkit-hyphens: auto;
        line-height: 1.5;
        padding: 0 5px
    }
}

h3.teaser {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.18;
    color: #6c3088;
    margin-bottom: 1rem
}

h4 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.416
}

h5 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.363
}

h6 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.44;
    margin-bottom: 24px
}

#wrapper {
    margin: 0 auto;
    overflow: hidden
}

@media (min-width: 1200px) {
    .container {
        max-width: 1090px
    }
}

a {
    color: #6c3088;
    text-decoration: underline
}

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

.btn.btn-contained {
    color: white
}

.btn.btn-contained:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24)
}

.btn.btn-contained:focus {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.24);
    background-color: #7e4997
}

.btn.btn-text {
    background-color: transparent;
    text-decoration: underline;
    padding: 0 18px 0 0;
    position: relative
}

.btn.btn-text:after {
    content: '';
    background: url('../Images/expand_more-48px.png') no-repeat 0 0 transparent;
    width: 18px;
    height: 22px;
    position: absolute;
    background-size: cover;
    top: -1px
}

.btn.btn-outlined {
    background: #fff;
    color: #6c3088;
    border: 2px solid #6c3088
}

.btn.btn-outlined:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24)
}

.btn.btn-outlined:focus {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.24);
    background-color: #fcf6ff
}

.btn:focus {
    box-shadow: none
}

main {
    position: relative;
    padding-bottom: 130px
}

main > section, main > div {
    margin-bottom: 130px
}

main > section:last-child, main > div:last-child {
    margin-bottom: 0
}

main > section.keyvisualHeader, main > div.keyvisualHeader, main > section.shapeGradientAfterOther, main > div.shapeGradientAfterOther {
    margin-bottom: 0
}

main > section.mb0, main > div.mb0 {
    margin-bottom: 0
}

main:after {
    width: 0;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    border-top: 27px solid transparent;
    border-right: 100vw solid rgba(0, 0, 0, 0.1)
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent
}

@media screen and (max-width: 992px) {
    main > section.splide.slider-header {
        margin-bottom: 50px
    }
}

.font-white {
    color: #fff
}

.font-black {
    color: #000
}

.font-violet {
    color: #6c3088
}

.shapeGradientBefore {
    height: 27px;
    background: transparent linear-gradient(90deg, #c65094 0%, #4884c3 50%, #6c3088 100%) 0% 0% no-repeat padding-box;
    position: relative
}

.shapeGradientBefore:before {
    width: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 27px solid #f5f5f5;
    border-right: 100vw solid transparent
}

.shapeGradientAfter, .shapeGradientAfterOther {
    height: 27px;
    background: transparent linear-gradient(90deg, #c65094 0%, #4884c3 50%, #6c3088 100%) 0% 0% no-repeat padding-box;
    position: relative
}

.shapeGradientAfter:before, .shapeGradientAfterOther:before {
    width: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 27px solid #f5f5f5;
    border-right: 100vw solid transparent
}

.shapeGradientAfterOther:before {
    border-bottom: 28px solid #f5f5f5;
    border-left: 100vw solid transparent;
    border-right: medium none
}

.footerEnd {
    height: 1.5rem;
    background: transparent linear-gradient(90deg, #c65094 0%, #4884c3 50%, #6c3088 100%) 0% 0% no-repeat padding-box
}

.copyright {
    font-size: .75rem;
    position: absolute;
    bottom: -1.5rem;
    right: 3rem
}

.copyright p {
    margin: 0
}

.footer-nav {
    font-size: .75rem;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 0;
    list-style: none outside none
}

.footer-nav li {
    display: inline-block;
    margin-left: 16px
}

.footer-nav li:first-child {
    margin-left: 0
}

.footer-nav li a {
    color: #000;
    text-decoration: none
}

.footerrow {
    height: 100%
}

.footerWrap {
    padding: 1.25rem 0;
    background-color: #fff;
    position: relative
}

.footerWrap:before {
    width: 0;
    content: '';
    position: absolute;
    top: -27px;
    left: 0;
    border-top: 28px solid transparent;
    border-right: 100vw solid #fff
}

.splide.slider-header .splide__slide {
    position: relative;
    padding-bottom: 290px
}

.splide.slider-header .splide__slide,
.splide.slider-header .splide__slide .image img {
    height: auto;
    width: 100%;
}

.splide.slider-header .splide__slide .image img {
    max-height: 670px;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.splide.slider-header .splide__slide .image:after {
    border-bottom: 40px solid #f5f5f5;
    border-left: 100vw solid transparent;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
}

.splide.slider-header .splide__arrow {
    color: #6c3088;
    width: 64px;
    height: 64px;
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.87);
    top: 25%;
}

.splide.slider-header .splide__pagination {
    left: unset;
    right: 40px;
    padding: 0;
    bottom: 150px;
}

.splide.slider-header .splide__pagination li button {
    color: transparent;
    border: 4px solid #6c3088;
    background-color: #fff;
    height: 24px;
    width: 24px;
    border-radius: 24px;
    margin-left: 16px;
    opacity: 1;
    transform: unset;
}

.splide.slider-header .splide__arrow svg {
    fill: currentColor;
}

.splide.slider-header .splide__arrow {
    background-color: white;
}

.splide.slider-header .splide__pagination li button.is-active {
    background-color: #6c3088;
}

.splide.slider-header .splide__slide .text {
    position: absolute;
    bottom: 0;
    width: 50vw;
    z-index: 1000;
    padding: 150px 100px 80px 150px;
    background: url('../Images/container.svg') no-repeat 0 0 transparent;
    background-size: 50vw 100%;
    -webkit-filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.45));
    filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.45))
}

.splide.slider-header .splide__slide .text h3,
.splide.slider-header .splide__slide .text h4 {
    color: #6c3088;
    margin-bottom: 16px
}

.splide.slider-header .splide__slide .text p {
    font-size: 1.125rem;
    line-height: 1.66;
    margin-bottom: 25px
}

.splide.slider-header .splide__slide .copyright {
    font-size: .75rem;
    position: absolute;
    bottom: unset;
    right: 3rem
}

.splide .splide__slide .newsElement .text h3 {
    hyphens: auto;
}

@media screen and (max-width: 992px) {
    .splide.slider-header .splide__slide .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .splide.slider-header .splide__arrow {
        width: 35px;
        height: 35px;
    }

    .splide.slider-header .splide__slide {
        padding-bottom: 0
    }

    .splide.slider-header .splide__slide .text {
        position: relative;
        width: 100%;
        margin-top: -135px;
        padding: 120px 75px;
        background-size: cover;
        background-position: center
    }

    .splide.slider-header .image {
        height: 70vh
    }

    .splide.slider-header .splide__pagination {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .splide.slider-header .splide__slide .image:after {
        border-bottom: 20px solid #f5f5f5
    }

    .splide.slider-header .splide__slide .text {
        padding: 120px 40px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .splide.slider-header .splide__slide .text {
        padding: 120px 60px
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .splide.slider-header .splide__slide .text {
        width: 100vw;
        background-size: 150vw 100%;
        padding: 120px 75px
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .splide.slider-header .splide__slide .text {
        width: 100vw;
        background-size: 150vw 100%
    }
}

@media screen and (max-width: 992px) {
    .splide.slider-header .splide__slide .text {
        width: 100vw;
        background-size: 150vw 100%
    }
}

.splide.slider-header .splide__slide .image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.frequentlySearches {
    text-align: center
}

.frequentlySearches svg {
    width: 160px;
    height: 160px;
    display: block;
    margin: 0 auto
}

.frequentlySearches a {
    font-size: 1.125rem;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    text-decoration: underline;
    color: #000
}

@media screen and (max-width: 992px) {
    .frequentlySearches a {
        display: block;
        margin-bottom: 2rem
    }
}

.news {
    background: transparent linear-gradient(90deg, #c65094 0%, #4884c3 50%, #6c3088 100%) 0% 0% no-repeat padding-box;
    position: relative;
    padding: 120px 0
}

.news h2 {
    margin-bottom: 80px
}

.news .newsElement {
    height: 100%;
    background-color: #fff;
    position: relative;
    margin: 0 5px;
    overflow: hidden
}

.news .newsElement img {
    height: 214px;
    margin: 0;
    max-width: none;
    width: auto
}

.news .newsElement .text {
    padding: 30px 25px 45px
}

.news .newsElement .text .link {
    position: absolute;
    bottom: 15px;
    right: 18px
}

.news .newsElement .text .meta {
    margin-bottom: 16px
}

.news .newsElement .text .meta span {
    display: block
}

.news .newsElement .text .meta span.tag {
    text-transform: uppercase
}

.news .splide.slider-news {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.news .splide__arrow {
    width: 64px;
    height: 64px;
    background: url('../img/img-europass-new/expand_less-24px.png') no-repeat center center #fff;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    border-radius: 64px;
    color: transparent;
    border: medium none;
    box-shadow: 0 0 20px -10px rgba(0,0,0,0.87);
    position: absolute;
    left: 40px;
    z-index: 1;
}

.news .splide__arrow, .news .splide__arrow--next {
    top: calc(50% - 32px);
    left: -85px
}

.news .splide__arrow--next {
    right: -85px;
    left: auto
}

.news .btn-row {
    margin-top: 50px
}

.news .splide.slider-news .splide__slide {
    display: block;
    width: calc((100% - 1 * 0rem) / 3);
}

.news .splide.slider-news .splide__slide.is-active {
    height: auto;
}

.news .splide.slider-news .newsElement {
    height: 100%;
    background-color: #fff;
    position: relative;
    margin: 0 5px;
    overflow: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

@media screen and (max-width: 992px) {
    .news .splide.slider-news .splide__slide {
        display: block;
        width: 100%;
    }

    .news .splide.slider-news {
        width: 80%;
        margin: 0 auto
    }

    .news .splide__arrow {
        width: 35px;
        height: 35px;
    }

    .news .splide__arrow--next {
        left: auto;
        right: -40px
    }

    .news .splide__arrow--prev {
        left: -40px
    }

    .news .newsElement img {
        min-width: 100%;
        height: auto
    }
}

.testimonial h2 {
    text-transform: uppercase
}

.testimonial h2.faq {
    margin-bottom: 0.5rem
}

.testimonial header {
    margin-bottom: 100px
}

.testimonial .meta {
    font-size: .875rem;
    text-transform: uppercase
}

.testimonial .pass_story {
    background-color: #fff;
    position: relative;
    margin-bottom: 24px
}

.testimonial .pass_story .passText {
    padding: 32px 32px 60px 20px
}

.testimonial .pass_story .passText h2 {
    text-transform: unset
}

.testimonial .pass_story .passText .link {
    position: absolute;
    bottom: 15px;
    right: 18px
}

.testimonial .pass_story .passImg {
    position: relative;
    overflow: hidden;
    text-align: center
}

.testimonial .pass_story .passImg img {
    height: 400px;
    width: auto;
    max-width: none;
    margin: 0 -100%
}

.testimonial .pass_story .passImg:after {
    width: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 39px solid #fff;
    border-left: 552px solid transparent
}

@media screen and (min-width: 768px) {
    .testimonial .pass_story {
        margin-bottom: 0
    }

    .testimonial .pass_story .passImg {
        position: relative
    }

    .testimonial .pass_story .passImg:after {
        width: 0;
        content: '';
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        bottom: auto;
        border-bottom: 500px solid #fff;
        border-left: 83px solid transparent
    }

    .testimonial .pass_story.pass_story_left {
        height: 100%
    }

    .testimonial .pass_story.pass_story_left .passImg:after {
        border-bottom: 39px solid #fff;
        border-left: 500px solid transparent
    }

    .testimonial .pass_story.pass_story_right_last .passImg:after {
        border-right: 50px solid transparent;
        left: 0;
        right: auto;
        border-left: medium none
    }

    .testimonial .pass_story.pass_story_right_last .passText {
        position: relative;
        height: 100%;
        padding: 32px 32px 32px 20px
    }

    .testimonial .pass_story.pass_story_right_first {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial .pass_story.pass_story_left .passImg:after {
        border-right: 50px solid transparent;
        left: 0;
        top: 0;
        bottom: auto;
        right: auto;
        border-left: medium none !important;
        border-bottom: 500px solid #fff !important
    }

    .testimonial .pass_story.pass_story_left .passText {
        height: 100%;
        position: relative
    }

    .testimonial .pass_story_right_first {
        margin-top: 24px
    }
}

@media screen and (min-width: 991px) {
    .testimonial .pass_story.pass_story_left .passImg:after {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0
    }
}

.navbar-toggler {
    border: 2px solid #fff;
    padding: .25rem .25rem;
    position: absolute;
    top: -50px;
    right: 24px
}

.navbar-toggler:focus {
    box-shadow: none
}

.navbar-toggler .navbar-toggler-span {
    height: 2px;
    width: 1rem;
    background-color: white;
    display: block;
    margin: 0.2rem
}

.navbar {
    padding: 0
}

@media screen and (max-width: 991px) {
    nav.navbar .navbar-collapse {
        position: absolute;
        background-color: #fff;
        top: 0;
        right: 0;
        left: -0;
        z-index: 999;
        padding: 0 36px;
        box-shadow: 0px 1px 10px #000
    }
}

.mainHeader {
    background: transparent linear-gradient(90deg, #c65094 0%, #4884c3 50%, #6c3088 100%) 0% 0% no-repeat padding-box
}

.mainHeader .navbar-collapse {
    flex-grow: 0
}

.mainHeader .mainNav {
    justify-content: flex-end;
    height: 100%
}

.mainHeader .mainNav .navbar-nav {
    align-items: center;
    margin-top: 0.1rem
}

.mainHeader .mainNav li:nth-last-child(3) a.metaIcon {
    margin-left: 0.25rem
}

.mainHeader .mainNav a {
    color: #fff;
    text-transform: uppercase;
    font-size: .875rem;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
}

.mainHeader .mainNav a.metaIcon {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 0.3rem;
    margin-left: 1rem
}

.mainHeader .mainNav a.metaIcon, .mainHeader .mainNav a.metaIcon svg {
    display: block
}

.mainHeader .mainNav a.metaIcon::after {
    border: medium none
}

.mainHeader .mainNav .nav-item {
    margin-left: 1.4rem
}

.mainHeader .mainNav .nav-item .dropdown-menu {
    border-radius: 0;
    left: auto;
    right: -4px;
    width: 250px;
    box-shadow: 0px 0px 8px #000
}

.mainHeader .mainNav .nav-item .dropdown-menu a {
    color: #000;
    text-transform: none;
    border-bottom: 2px solid transparent
}

.mainHeader .mainNav .nav-item .dropdown-menu a:hover {
    background-color: transparent;
    color: #6c3088;
    border-bottom: 2px solid #6c3088
}

.mainHeader .mainNav .dropdown-toggle {
    color: #fff
}

.mainHeader .mainNav .dropdown-toggle svg {
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 0.2rem
}

.mainHeader .mainNav .dropdown-toggle:after {
    content: none
}

.metaHeader {
    background-color: #fff;
    box-shadow: 0px 1px 5px #000;
    z-index: 200;
    position: relative
}

.metaHeader .subNav a {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    color: #000;
    position: relative
}

.metaHeader .subNav .dropdown-menu {
    border: medium none
}

.metaHeader .subNav .dropdown-menu a {
    color: #000;
    text-transform: none;
    border-bottom: 2px solid transparent
}

.metaHeader .subNav .dropdown-menu a:hover {
    background-color: transparent;
    color: #6c3088;
    border-bottom: 2px solid #6c3088
}

.metaHeader .subNav .dropdown-toggle {
    color: #000
}

.metaHeader .subNav .dropdown-toggle svg {
    display: inline-block;
    font-size: 1.5rem;
    margin-left: 0.2rem;
    vertical-align: bottom
}

.metaHeader .subNav .dropdown-toggle:after {
    content: none
}

.metaHeader .subNav .navbar-nav {
    width: 100%;
    justify-content: space-between
}

.metaHeader .metasub a {
    font-family: "Open Sans", Arial, sans-serif;
    color: rgba(0, 0, 0, 0.87)
}

@media screen and (min-width: 991px) {
    .mainHeader .mainNav .nav-item .dropdown-menu:before {
        content: '';
        border-right: 11px solid transparent;
        border-bottom: 15px solid #fff;
        border-left: 11px solid transparent;
        position: absolute;
        top: -15px;
        right: 12px
    }

    .navbar {
        padding: .5rem 0
    }

    .metaHeader .subNav .dropdown-menu {
        border-radius: 0;
        left: auto;
        right: -4px;
        width: 250px;
        box-shadow: 0px 0px 8px #000
    }

    .metaHeader .subNav .dropdown-menu:before {
        content: '';
        border-right: 11px solid transparent;
        border-bottom: 15px solid #fff;
        border-left: 11px solid transparent;
        position: absolute;
        top: -15px;
        right: 12px
    }
}

.keyvisualHeader {
    background: transparent linear-gradient(90deg, #c65094 0%, #4884c3 50%, #6c3088 100%) 0% 0% no-repeat padding-box;
    padding: 100px 0;
    text-align: center
}

.newslist [class*='col'], .passlist [class*='col'] {
    margin-bottom: 24px
}

.newslist .newsElement, .passlist .newsElement {
    height: 100%;
    background-color: #fff;
    position: relative
}

.newslist .newsElement.noImage, .passlist .newsElement.noImage {
    background-color: #6c3088;
    color: #fff
}

.newslist .newsElement.noImage .btn, .passlist .newsElement.noImage .btn {
    color: #fff
}

.newslist .newsElement.noImage h3, .passlist .newsElement.noImage h3 {
    color: #fff
}

.newslist .newsElement .link, .passlist .newsElement .link {
    position: absolute;
    bottom: 15px;
    right: 18px
}

.newslist .newsElement .text, .passlist .newsElement .text {
    padding: 30px 25px 45px
}

.newslist .newsElement .text h2.teaser, .passlist .newsElement .text h2.teaser {
    margin-bottom: 1rem
}

.newslist .newsElement .text .meta, .passlist .newsElement .text .meta {
    margin-bottom: 16px
}

.newslist .newsElement .text .meta span, .passlist .newsElement .text .meta span {
    display: block
}

.newslist .newsElement .text .meta span.tag, .passlist .newsElement .text .meta span.tag {
    text-transform: uppercase
}

.passlist .newsElement {
    overflow: hidden
}

.passlist .newsElement .text {
    position: relative
}

.passlist .newsElement .text:before {
    width: 0;
    content: '';
    position: absolute;
    top: -19px;
    right: 0;
    border-bottom: 20px solid #fff;
    border-left: 100vw solid transparent
}

@media screen and (min-width: 768px) {
    .passlist .newsElement .text:before {
        border-left: 360px solid transparent
    }
}

.passlist .newsElement .text .meta {
    text-transform: uppercase
}

#breadcrumb {
    margin: 40px 0 60px
}

#breadcrumb ul {
    list-style: none outside none;
    padding: 0
}

#breadcrumb ul li {
    display: inline-block;
    font-size: .875rem;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600
}

#breadcrumb ul li a {
    position: relative;
    padding-right: 24px;
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none
}

#breadcrumb ul li a:after {
    content: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="24" height="24" fill="none"/><path d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" transform="translate(8.6 6)"/></svg>');
    position: absolute;
    top: -2px
}

#breadcrumb ul li a:hover {
    color: #6c3088
}

#breadcrumb ul li.current {
    color: #6c3088
}

.faq .quicklinks {
    position: sticky;
    top: 0
}

.faq .quicklinks ul {
    padding: 0;
    list-style: none outside none
}

.faq .quicklinks ul li a {
    font-size: 1.125rem;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.25;
    padding: 18px 0 18px 24px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
    border-left: 1px solid rgba(0, 0, 0, 0.87);
    display: block
}

.faq .quicklinks ul li a:hover, .faq .quicklinks ul li a:focus {
    color: #6c3088;
    border-left: 3px solid #6c3088;
    margin-left: -1px;
    padding-left: 23px
}

.faq .bgWhite {
    background-color: #fff;
    padding: 32px;
    margin-bottom: 56px
}

.faq .bgWhite:last-child {
    margin-bottom: 0
}

.faq .bgWhite h3 {
    color: #6c3088
}

.accordion-item {
    border: medium none;
    margin-bottom: 16px
}

.accordion-item .accordion-button {
    border: medium none;
    padding: 0;
    font-size: 1.125rem;
    text-decoration: underline;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 1.77
}

.accordion-item .accordion-button:after {
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="24" height="24" fill="none"/><path d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" transform="translate(8.6 6)" fill="rgb(108, 48, 136)" /></svg>');
    width: 40px;
    height: 40px;
    background-size: 40px
}

.accordion-item .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: 0 0 0 transparent
}

.accordion-item .accordion-button:not(.collapsed):after {
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="24" height="24" fill="none"/><path d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" transform="translate(8.6 6)" fill="rgb(108, 48, 136)" /></svg>')
}

.accordion-item .accordion-body {
    padding: 16px 0 40px 0
}

.shopping-cart {
    background-color: #6c3088;
    width: 5rem;
    height: 5rem;
    position: fixed;
    right: 1rem;
    bottom: 10%;
    border-radius: 50%;
    padding: 0;
    z-index: 999
}

@media (min-width: 1200px) {
    .shopping-cart {
        right: 5rem
    }
}

@media (min-width: 414px) {
    .shopping-cart {
        bottom: 25%
    }
}

@media (min-width: 768px) {
    .shopping-cart {
        top: 35%;
        bottom: auto
    }
}

@media (min-width: 768px) and (orientation: landscape) {
    .shopping-cart {
        top: 70%;
        bottom: auto
    }
}

@media (min-width: 1024px) and (orientation: landscape) {
    .shopping-cart {
        top: 50%;
        bottom: auto
    }
}

.shopping-cart a {
    display: block;
    width: 5rem;
    height: 5rem;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath fill='%23ffffff' d='M7,18a2,2,0,1,0,2,2A2,2,0,0,0,7,18ZM1,2V4H3l3.6,7.59L5.25,14.04A1.933,1.933,0,0,0,5,15a2.006,2.006,0,0,0,2,2H19V15H7.42a.248.248,0,0,1-.25-.25l.03-.12L8.1,13h7.45a1.991,1.991,0,0,0,1.75-1.03l3.58-6.49A.977.977,0,0,0,21,5a1,1,0,0,0-1-1H5.21L4.27,2H1ZM17,18a2,2,0,1,0,2,2A2,2,0,0,0,17,18Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.5rem
}

.publications section.publications {
    bottom: 10%;
    border-radius: 50%;
    padding: 0;
    z-index: 999
}

@media (min-width: 414px) {
    .publications section.publications {
        bottom: 25%
    }
}

@media (min-width: 768px) {
    .publications section.publications {
        top: 35%;
        bottom: auto
    }
}

@media (min-width: 768px) and (orientation: landscape) {
    .publications section.publications {
        top: 70%;
        bottom: auto
    }
}

@media (min-width: 1024px) and (orientation: landscape) {
    .publications section.publications {
        top: 50%;
        bottom: auto
    }
}

.publications section.publications a {
    display: block;
    width: 5rem;
    height: 5rem;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath fill='%23ffffff' d='M7,18a2,2,0,1,0,2,2A2,2,0,0,0,7,18ZM1,2V4H3l3.6,7.59L5.25,14.04A1.933,1.933,0,0,0,5,15a2.006,2.006,0,0,0,2,2H19V15H7.42a.248.248,0,0,1-.25-.25l.03-.12L8.1,13h7.45a1.991,1.991,0,0,0,1.75-1.03l3.58-6.49A.977.977,0,0,0,21,5a1,1,0,0,0-1-1H5.21L4.27,2H1ZM17,18a2,2,0,1,0,2,2A2,2,0,0,0,17,18Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.5rem
}

.publication-item {
    background-color: #fff;
    margin-bottom: 2.5rem
}

.publication-item .img-fluid {
    max-height: 100%;
    object-fit: cover
}

.publication-item .publication-item-body {
    padding: 1.5rem 1rem 1.625rem
}

.publication-item .publication-item-body h5 {
    color: #6c3088;
    margin-bottom: 0.5rem
}

.publication-item .publication-item-body p {
    text-align: left
}

.publication-item .publication-item-body p.subtitle {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 0.5rem
}

.publication-item .publication-item-body .description {
    margin-top: 1rem
}

.publication-item .publication-item-body .btn-contained, .publication-item .publication-item-body .btn-outlined {
    padding: .75rem 1.5rem
}

.publication-item .publication-item-body .shopping-card-mobile {
    margin-top: 2rem
}

.publication-item .publication-item-body .shopping-card-mobile .input-group .btn.btn-outlined, .publication-item .publication-item-body .shopping-card-mobile .input-group .btn.btn-contained {
    border-radius: 1.5rem !important
}

.publication-item .publication-item-body .input-group {
    margin-bottom: 2.25rem;
    justify-content: flex-end;
    align-items: center
}

.publication-item .publication-item-body .input-group .input-wrapper {
    position: relative
}

.publication-item .publication-item-body .input-group .input-wrapper label {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: .75rem;
    line-height: 1;
    letter-spacing: 0.4px;
    color: #6c3088;
    background-color: #fff;
    padding: 0 2px;
    display: none
}

.publication-item .publication-item-body .input-group .input-wrapper input.input-number {
    width: 3.5rem;
    height: 3.5rem;
    border: 2px solid #6c3088;
    border-radius: 4px !important;
    text-align: center;
    font-size: 1.5rem;
    margin: 0 1.5625rem !important
}

.publication-item .publication-item-body .input-group .input-wrapper input.input-number:focus-visible, .publication-item .publication-item-body .input-group .input-wrapper input.input-number:focus {
    outline: none
}

.publication-item .publication-item-body .input-group .input-wrapper input.input-number:focus-visible + label, .publication-item .publication-item-body .input-group .input-wrapper input.input-number:focus + label {
    display: block
}

.publication-item .publication-item-body .input-group .input-wrapper input.input-number::-webkit-outer-spin-button, .publication-item .publication-item-body .input-group .input-wrapper input.input-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.publication-item .publication-item-body .input-group .input-wrapper input.input-number[type=number] {
    -moz-appearance: textfield
}

.publication-item .publication-item-body .input-group .btn {
    z-index: 0
}

.publication-item .publication-item-body .input-group .btn.btn-number {
    background-color: transparent;
    padding: 0
}

.publication-item .publication-item-body .input-group .btn.btn-number:focus {
    box-shadow: none
}

.publication-item .publication-item-body .input-group .btn.btn-number span {
    width: 2rem;
    height: 2rem;
    display: block
}

.publication-item .publication-item-body .input-group .btn.btn-number .minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M0,0H32V32H0Z' fill='none'/%3E%3Cpath d='M27,14H5V11H27Z' transform='translate(0 4)' fill='%236c3088'/%3E%3C/svg%3E")
}

.publication-item .publication-item-body .input-group .btn.btn-number .plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M0,0H32V32H0Z' fill='none'/%3E%3Cpath d='M27,17.571H17.571V27H14.429V17.571H5V14.429h9.429V5h3.143v9.429H27Z' transform='translate(0 0)' fill='%236c3088'/%3E%3C/svg%3E")
}

.publication-item .image .btn-contained {
    margin-top: 1rem
}

.modal-content.box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 30px;
    border: 1px solid #eee;
    text-align: center;
    min-width: 565px;
    width: auto
}

@media (max-width: 768px) {
    .modal-content.box {
        min-width: unset;
        width: 100%
    }
}

.shopping-card-step-mobile, .shopping-card-step {
    margin-bottom: 4.5rem
}

.shopping-card-step-mobile ul, .shopping-card-step ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.shopping-card-step-mobile ul li, .shopping-card-step ul li {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    letter-spacing: 1.42px;
    position: relative
}

@media (max-width: 767px) {
    .shopping-card-step-mobile ul li, .shopping-card-step ul li {
        visibility: hidden;
        width: 32%
    }
}

@media (min-width: 768px) {
    .shopping-card-step-mobile ul li, .shopping-card-step ul li {
        flex-direction: unset
    }
}

.shopping-card-step-mobile ul li:after, .shopping-card-step ul li:after {
    content: '';
    display: block;
    width: 25px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.6);
    margin-left: 1.25rem;
    visibility: visible
}

@media (max-width: 767px) {
    .shopping-card-step-mobile ul li:after, .shopping-card-step ul li:after {
        position: absolute;
        top: 1.25rem;
        right: -15px
    }
}

@media (min-width: 992px) {
    .shopping-card-step-mobile ul li:after, .shopping-card-step ul li:after {
        width: 75px
    }
}

.shopping-card-step-mobile ul li span.number, .shopping-card-step ul li span.number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.38);
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem;
    visibility: visible
}

@media (min-width: 768px) {
    .shopping-card-step-mobile ul li span.number, .shopping-card-step ul li span.number {
        margin: 0 1rem
    }
}

.shopping-card-step-mobile ul li.current, .shopping-card-step ul li.current {
    color: #000;
    visibility: visible
}

.shopping-card-step-mobile ul li.current span.number, .shopping-card-step ul li.current span.number {
    background-color: #6c3088
}

.shopping-card-step-mobile ul li.active, .shopping-card-step ul li.active {
    color: #000
}

.shopping-card-step-mobile ul li.active span.number, .shopping-card-step ul li.active span.number {
    background-color: #6c3088
}

.shopping-card-step-mobile ul li:first-child span.number, .shopping-card-step ul li:first-child span.number {
    margin-left: 0
}

.shopping-card-step-mobile ul li:last-child:after, .shopping-card-step ul li:last-child:after {
    display: none
}

.typo3-messages {
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
    color: #fff
}

.typo3-messages p:last-child {
    margin-bottom: 0
}

.typo3-messages li {
    border-radius: 0;
    color: #fff
}

.typo3-messages li.alert-success {
    background-color: rgba(0, 0, 0, 0.6)
}

.typo3-messages li.alert-error {
    background-color: #b00020
}

.news-header-keyvisual {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    margin-bottom: 2rem;
    height: 30vh;
    position: relative
}

@media (min-width: 1200px) {
    .news-header-keyvisual {
        height: 540px
    }
}

.news-header-keyvisual .copyright {
    bottom: -2rem
}

section.news-detail h3 {
    margin-bottom: 1.75rem;
    color: #6c3088
}

@media (min-width: 768px) {
    section.news-detail .bodytext figure {
        float: left;
        margin-right: 1rem;
        width: 316px;
        height: auto;
        margin-top: 5px
    }
}

section.news-detail .bodytext figure figcaption {
    font-size: .75rem;
    line-height: 1;
    margin-top: 5px
}

section.news-detail .social-media .btn.btn-outlined {
    color: #c65094;
    border-color: #c65094
}

section.news-detail .social-media .btn.btn-outlined.social-media-button {
    margin-bottom: 1rem
}

section.news-detail .social-media .btn.btn-outlined.social-media-button:before {
    content: '';
    color: #c65094;
    margin-right: 0.5625rem;
    font-size: 1rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    transform: scale(1.3)
}

section.news-detail .social-media .btn.btn-outlined.social-media-button.twitter:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23C65094' class='bi bi-twitter' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3E%3C/svg%3E")
}

section.news-detail .social-media .btn.btn-outlined.social-media-button.facebook:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23C65094' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E")
}

section.news-detail .social-media .btn.btn-outlined.social-media-button.linkedin:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23C65094' class='bi bi-linkedin' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z'/%3E%3C/svg%3E")
}

section.news-detail .social-media .shariff .orientation-horizontal {
    flex-wrap: nowrap;
    display: block;
    text-align: center
}

section.news-detail .social-media .shariff li.shariff-button {
    height: auto;
    margin: 0;
    max-width: 100%;
    flex: none;
    display: inline-block;
    float: none
}

@media (min-width: 992px) {
    section.news-detail .social-media .shariff li.shariff-button {
        display: block
    }
}

section.news-detail .social-media .shariff li.shariff-button.twitter a, section.news-detail .social-media .shariff li.shariff-button.facebook a, section.news-detail .social-media .shariff li.shariff-button.linkedin a {
    background-color: transparent;
    border: 2px solid #c65094;
    border-radius: 24px;
    color: #c65094;
    display: inline-block;
    height: auto;
    margin-bottom: 1rem;
    padding: 10px 32px 10px 25px;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
    width: 100%
}

section.news-detail .social-media .shariff li.shariff-button.twitter a .share_text, section.news-detail .social-media .shariff li.shariff-button.facebook a .share_text, section.news-detail .social-media .shariff li.shariff-button.linkedin a .share_text {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1;
    text-transform: uppercase;
    text-indent: 0;
    display: inline
}

section.news-detail .social-media .shariff li.shariff-button.twitter a:hover, section.news-detail .social-media .shariff li.shariff-button.facebook a:hover, section.news-detail .social-media .shariff li.shariff-button.linkedin a:hover, section.news-detail .social-media .shariff li.shariff-button.twitter a:focus, section.news-detail .social-media .shariff li.shariff-button.facebook a:focus, section.news-detail .social-media .shariff li.shariff-button.linkedin a:focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24)
}

section.news-detail .social-media .shariff li.shariff-button.twitter a:focus, section.news-detail .social-media .shariff li.shariff-button.facebook a:focus, section.news-detail .social-media .shariff li.shariff-button.linkedin a:focus {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.24);
    background-color: #fcf6ff
}

@media screen and (max-width: 992px) {
    section.news-detail .social-media .shariff li.shariff-button {
        margin: 0 10px
    }
}

blockquote {
    color: #6c3088;
    font-weight: 400;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.55556;
    padding: 0 2.5rem;
    position: relative;
    margin: 2rem 0
}

blockquote:before {
    content: open-quote;
    font-size: 3.5rem;
    position: absolute;
    left: 0;
    top: -15px;
    line-height: 0
}

blockquote:after {
    content: close-quote;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

p ol li::marker, p ul li::marker, ol li::marker, ul li::marker {
    color: #6c3088
}

p ul, ul {
    list-style-type: disc
}

section.shopping-card h3, section.shopping-card h6 {
    color: #6c3088
}

section.shopping-card h6 {
    margin-bottom: 0.5rem
}

section.shopping-card .shopping-card-navigation {
    margin-top: 5rem
}

section.shopping-card form.address label {
    color: rgba(0, 0, 0, 0.6)
}

section.shopping-card form.address .form-text {
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: 0.34px;
    font-size: .75rem;
    margin-bottom: 2rem;
    margin-left: 1rem
}

section.shopping-card form.address input {
    background-color: #f5f5f5;
    border: none;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset
}

section.shopping-card form.address input[type='submit'] {
    background-color: #6c3088;
    border: 1px solid transparent;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px
}

section.shopping-card form.address input[type='checkbox'].error {
    border: 2px solid #b00020
}

section.shopping-card form.address input[type='checkbox'].error ~ .form-text {
    color: #b00020
}

section.shopping-card form.address input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    padding: 6px;
    background-clip: content-box;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.6);
    outline: none;
    box-shadow: none
}

section.shopping-card form.address input[type='radio']:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24)
}

section.shopping-card form.address input[type='radio']:checked {
    background-color: #6c3088;
    border: 2px solid #6c3088;
    padding: 2px
}

section.shopping-card form.address input[type='radio']:focus {
    border-color: #6c3088
}

section.shopping-card form.address input[type='radio']:focus + label {
    font-weight: 400
}

section.shopping-card form.address input[type='radio'].error {
    border: 2px solid #b00020
}

section.shopping-card form.address input[type='radio'].error ~ .form-text {
    color: #b00020
}

section.shopping-card form.address input.form-check-input {
    margin-left: 0;
    margin-right: 1rem
}

section.shopping-card form.address select, section.shopping-card form.address textarea {
    background-color: #f5f5f5;
    border: none;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset
}

section.shopping-card form.address input[type='email'], section.shopping-card form.address input[type='text'], section.shopping-card form.address select, section.shopping-card form.address textarea {
    padding: 1.3rem 1rem .375rem
}

section.shopping-card form.address input[type='email'] ~ label, section.shopping-card form.address input[type='text'] ~ label, section.shopping-card form.address select ~ label, section.shopping-card form.address textarea ~ label {
    position: absolute;
    left: 1.8rem;
    top: 1rem;
    transition: 0.3s;
    margin: 0
}

section.shopping-card form.address input[type='email']:hover, section.shopping-card form.address input[type='text']:hover, section.shopping-card form.address select:hover, section.shopping-card form.address textarea:hover {
    border-bottom: 2px solid #6c3088
}

section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus), section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus), section.shopping-card form.address select:not(:placeholder-shown):not(:focus), section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus), section.shopping-card form.address input[type='email']:focus, section.shopping-card form.address input[type='text']:focus, section.shopping-card form.address select:focus, section.shopping-card form.address textarea:focus {
    outline: none;
    border: none;
    border-bottom: 2px solid #6c3088;
    background-color: #f5f5f5;
    box-shadow: none
}

section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus) ~ label, section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus) ~ label, section.shopping-card form.address select:not(:placeholder-shown):not(:focus) ~ label, section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus) ~ label, section.shopping-card form.address input[type='email']:focus ~ label, section.shopping-card form.address input[type='text']:focus ~ label, section.shopping-card form.address select:focus ~ label, section.shopping-card form.address textarea:focus ~ label {
    font-size: .75rem;
    color: #6c3088;
    top: .25rem
}

section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address select:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address input[type='email']:focus ~ .form-text, section.shopping-card form.address input[type='text']:focus ~ .form-text, section.shopping-card form.address select:focus ~ .form-text, section.shopping-card form.address textarea:focus ~ .form-text {
    color: #6c3088
}

section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus).error, section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus).error, section.shopping-card form.address select:not(:placeholder-shown):not(:focus).error, section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus).error, section.shopping-card form.address input[type='email']:focus.error, section.shopping-card form.address input[type='text']:focus.error, section.shopping-card form.address select:focus.error, section.shopping-card form.address textarea:focus.error {
    border-bottom: 2px solid #b00020
}

section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus).error ~ label, section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus).error ~ label, section.shopping-card form.address select:not(:placeholder-shown):not(:focus).error ~ label, section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus).error ~ label, section.shopping-card form.address input[type='email']:focus.error ~ label, section.shopping-card form.address input[type='text']:focus.error ~ label, section.shopping-card form.address select:focus.error ~ label, section.shopping-card form.address textarea:focus.error ~ label, section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus).error ~ .form-text, section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus).error ~ .form-text, section.shopping-card form.address select:not(:placeholder-shown):not(:focus).error ~ .form-text, section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus).error ~ .form-text, section.shopping-card form.address input[type='email']:focus.error ~ .form-text, section.shopping-card form.address input[type='text']:focus.error ~ .form-text, section.shopping-card form.address select:focus.error ~ .form-text, section.shopping-card form.address textarea:focus.error ~ .form-text {
    color: #b00020
}

section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus), section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus), section.shopping-card form.address select:not(:placeholder-shown):not(:focus), section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus) {
    border-bottom: none
}

section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address select:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus) ~ .form-text, section.shopping-card form.address input[type='email']:not(:placeholder-shown):not(:focus) ~ label, section.shopping-card form.address input[type='text']:not(:placeholder-shown):not(:focus) ~ label, section.shopping-card form.address select:not(:placeholder-shown):not(:focus) ~ label, section.shopping-card form.address textarea:not(:placeholder-shown):not(:focus) ~ label {
    color: rgba(0, 0, 0, 0.6)
}

section.shopping-card form.address .select:after {
    content: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><rect width="40" height="40" fill="none"/><path fill="%23212529" d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" transform="translate(8.6 6)"/></svg>');
    position: absolute;
    top: 0.5rem;
    right: 30px;
    display: block;
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
    pointer-events: none
}

section.shopping-card form.address .select:after svg {
    width: 100%
}

section.shopping-card .form-check {
    padding-left: 0
}

section.shopping-card .form-check .form-text {
    margin-left: 1.8rem
}

@media (max-width: 767px) {
    section.shopping-card .form-check label {
        width: calc(100% - 2rem)
    }
}

section.shopping-card .form-check-inline {
    margin-right: 0;
    padding-left: 0.75rem
}

section.shopping-card .form-check-inline .form-text {
    margin-left: 2rem
}

section.shopping-card #privacy {
    border: 1px solid rgba(0, 0, 0, 0.12)
}

section.shopping-card .form-check-label {
    font-family: "Open Sans", Arial, sans-serif
}

section.shopping-card hr {
    margin-bottom: 3.5rem
}

section.shopping-card .large {
    margin-top: 6px
}

.row.d-flex.align-items-stretch {
    margin: 0
}

.row.d-flex.align-items-stretch > div {
    height: unset;
    padding: 12px
}

.row.d-flex.align-items-stretch > div .content-box-card {
    height: 100%
}

.frame-type-textmedia {
    border: none;
    border-radius: 0;
    display: inherit;
    margin: 0;
    min-height: 300px
}

.frame-type-textmedia figure.image {
    width: auto;
    margin: 0
}

.frame-type-textmedia .card-img-top {
    display: flex;
    flex-direction: column
}

.frame-type-textmedia .card-img-top .image img {
    max-width: 100%;
    height: auto;
    min-width: 100%;
    max-height: 240px;
    object-fit: cover
}

.frame-type-textmedia .card-img-top .image-caption {
    margin: 0 3px 0 3px
}

.frame-type-textmedia .card-img-top .card-title {
    margin: 15px 20px 0
}

.frame-type-textmedia .card-body {
    padding: .2rem 1.5rem 1rem;
    flex: inherit
}

.frame-type-textmedia .card-body .card-link-text {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    color: #6c3088;
    text-transform: uppercase;
    right: 0;
    position: relative;
    padding: 0;
    bottom: 0
}

.frame-type-textmedia .card-body .card-link-text p {
    position: relative;
    margin-bottom: 0
}

.frame-type-textmedia .card-body .card-link-text p:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath fill='%236C3088' d='M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z' transform='translate(8.6 6)'/%3E%3C/svg%3E");
    position: relative;
    top: 6px
}

.frame-type-textmedia a {
    min-height: 300px;
    text-decoration: none;
    vertical-align: bottom;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.frame-type-textmedia a:hover h5.card-title {
    color: #6c3088
}

.frame-type-textmedia a:hover .card-body .card-link-text {
    text-decoration: underline
}

.frame-type-textmedia.frame-layout-101 a, .frame-type-textmedia.frame-layout-102 a {
    color: #fff
}

.frame-type-textmedia.frame-layout-101 a .card-body .card-link-text, .frame-type-textmedia.frame-layout-102 a .card-body .card-link-text {
    color: #fff
}

.frame-type-textmedia.frame-layout-101 a .card-body .card-link-text p:after, .frame-type-textmedia.frame-layout-102 a .card-body .card-link-text p:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath fill='%23fff' d='M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z' transform='translate(8.6 6)'/%3E%3C/svg%3E")
}

.frame-type-textmedia.frame-layout-101 a:hover h5.card-title, .frame-type-textmedia.frame-layout-102 a:hover h5.card-title {
    color: #fff
}

.frame-type-textmedia.frame-layout-101 a:hover .card-body .card-link-text, .frame-type-textmedia.frame-layout-102 a:hover .card-body .card-link-text {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    color: #fff
}

.frame-type-textmedia.frame-layout-101 a:hover .card-body .card-link-text p:after, .frame-type-textmedia.frame-layout-102 a:hover .card-body .card-link-text p:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath fill='%23fff' d='M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z' transform='translate(8.6 6)'/%3E%3C/svg%3E")
}

.frame-type-textmedia.frame-layout-101 {
    background-color: #6c3088;
    color: #fff;
}

.row.d-flex.align-items-stretch .frame.frame-layout-0 {
    background-color: white;
}

.row.d-flex.align-items-stretch .frame.frame-layout-0 header,
.row.d-flex.align-items-stretch .frame.frame-layout-101 header,
.row.d-flex.align-items-stretch .frame.frame-layout-102 header {
    display: none;
}

.row.d-flex.align-items-stretch .frame.frame-layout-0,
.row.d-flex.align-items-stretch .frame.frame-layout-101,
.row.d-flex.align-items-stretch .frame.frame-layout-102 {
    height: 100%;
}

.frame-type-textmedia figure + .card-body {
    display: none;
}

.frame-type-textmedia figure.image + .card-body {
    display: block;
}

.row.d-flex.align-items-stretch .frame .image .image-caption {
    margin: 0 3px 0 3px;
}

.frame-type-textmedia.frame-layout-102 {
    background-color: #4884c3;
    color: #fff;
    height: 100%;
}

.frame-type-textmedia a figure.image img.image-embed-item {
    max-width: 100%;
    height: auto;
    min-width: 100%;
    max-height: 240px;
    object-fit: cover;
}

.frame-type-textmedia a h5.card-title {
    margin-top: 15px;
}

.frame-type-textmedia {
    background: white;
}



figure.image figcaption {
    font-size: .75rem
}

.pagebrowser {
    font-size: 1.125rem;
    font-family: "Open Sans", Arial, sans-serif;
    margin-top: 26px
}

.pagebrowser ul {
    list-style: none outside none;
    padding: 0
}

.pagebrowser ul li {
    display: inline-block;
    height: 48px;
    line-height: 2.66;
    text-align: center
}

.pagebrowser ul li.number {
    width: 48px
}

.pagebrowser ul li.current {
    background-color: #6c3088;
    border-radius: 48px;
    color: #fff
}

.pagebrowser ul li a {
    text-decoration: underline
}

.pagebrowser ul li a.current {
    background-color: #6c3088;
    border-radius: 48px;
    color: #fff
}

.pagebrowser .results {
    line-height: 2.66
}

.kesearch_pagebrowser ul li a {
    display: inline-block;
    width: 48px
}

.kesearch_pagebrowser ul li a.current {
    background-color: #6c3088;
    border-radius: 48px;
    color: #fff
}

.kesearch_pagebrowser ul li a.next {
    width: auto;
    margin-left: 20px
}

.kesearch_pagebrowser ul li a.prev {
    width: auto;
    margin-right: 20px
}

.pagination {
    letter-spacing: 1.6px;
    font-weight: 600;
    font-size: 1.125rem;
    margin-top: 2.375rem
}

.pagination nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.pagination nav ul li {
    display: inline-block
}

.pagination nav ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    text-decoration: underline
}

.pagination nav ul li a.active {
    border-radius: 50%;
    background-color: #6c3088;
    color: #fff
}

.pagination nav ul li a.prev, .pagination nav ul li a.next {
    width: auto
}

.pagination p {
    margin-bottom: 0
}

form#tx-solr-search-form-pi-results {
    margin-bottom: 40px
}

form#tx-solr-search-form-pi-results button[type="submit"] {
    background-color: #6C3088;
    border: 0;
    border-radius: 24px;
    box-shadow: none;
    color: white;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1;
    margin: 10px 0;
    padding: .75rem 1.5rem;
    text-transform: uppercase
}

form#tx-solr-search-form-pi-results button[type="submit"]:hover, form#tx-solr-search-form-pi-results button[type="submit"]:active, form#tx-solr-search-form-pi-results button[type="submit"]:focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24)
}

form#tx-solr-search-form-pi-results button[type="submit"]:after {
    clear: both
}

.tx-solr-results .listview .hits {
    display: none
}

.tx-solr-results .listview #solr_results {
    margin-top: 20px
}

.tx-solr-results .listview #solr_results .result-list-item {
    background-color: #fff;
    hyphens: auto;
    -webkit-hyphens: auto;
    margin-bottom: 2.5rem;
    padding: 1.5rem 1.5rem 1rem;
    word-wrap: break-word
}

.tx-solr-results .listview #solr_results .result-list-item h2 {
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    form#tx-solr-search-form-pi-results input#solr_search_sword {
        float: left;
        width: 85%
    }

    form#tx-solr-search-form-pi-results button[type="submit"] {
        margin: 0;
        position: relative;
        right: -22px;
        top: -2px
    }
}

@media (min-width: 1200px) {
    form#tx-solr-search-form-pi-results input#solr_search_sword {
        width: 87%
    }
}

body .cc-window.cc-bottom.cc-type-opt-in .cc-compliance {
    min-width: inherit
}

body .cc-window.cc-bottom.cc-type-opt-in .cc-compliance .cc-btn.cc-allow, body .cc-window.cc-bottom.cc-type-opt-in .cc-compliance .cc-btn.cc-deny {
    display: none !important
}

body .cc-window.cc-bottom.cc-type-opt-in .cc-compliance .cc-btn {
    padding: 2px 15px;
    line-height: 2.083
}

body .cc-window.cc-bottom.cc-type-opt-in .cc-compliance .cc-btn.cc-allow-all {
    color: #000;
    background-color: #f5f5f5;
    text-decoration: none
}

body .cc-window.cc-bottom.cc-type-opt-in .cc-compliance .cc-btn.cc-allow-all:hover, body .cc-window.cc-bottom.cc-type-opt-in .cc-compliance .cc-btn.cc-allow-all:focus {
    background-color: #fff !important
}

.fa-twitter::before {
    content: ' ';
    background-image: url('../Images/logo_x_europass.svg');
    height: 19px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    background-position: center center;
}

.europassform .align-center {
    text-align: center;
}

#wrapper .europassform form fieldset legend {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    color: #474747;
}

#wrapper .europassform fieldset legend,
.europassform .metanav fieldset legend,
.europassform .dl-menu fieldset legend {
    border: 0;
    text-align: center;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    padding: 50px 0 25px 0;
}

#wrapper main .europassform input[type="submit"],
#wrapper main .europassform button[type="text"],
#wrapper main .europassform button[type="submit"],
.europassform .tx-felogin-pi1 input[type="submit"] {
    background-color: #335b87;
    color: #ffffff;
}

#wrapper .europassform input[type="submit"],
.europassform .metanav input[type="submit"],
.europassform .dl-menu input[type="submit"],
#wrapper .europassform button[type="submit"],
.europassform .metanav button[type="submit"],
.europassform .dl-menu button[type="submit"],
#wrapper .europassform input[type="reset"],
.europassform .metanav input[type="reset"],
.europassform .dl-menu input[type="reset"],
#wrapper .europassform button[type="reset"],
.europassform .metanav button[type="reset"],
.europassform .dl-menu button[type="reset"],
#wrapper .europassform button[type="reset"] a,
.europassform .metanav button[type="reset"] a,
.europassform .dl-menu button[type="reset"] a,
#wrapper .europassform a.btn,
.metanav a.btn,
.europassform .dl-menu a.btn {
    border: none;
    padding: 2px 15px;
    border-radius: 0 0;
    height: 30px;
    line-height: 1.8;
    vertical-align: middle;
}

.europassform .powermail_field .powermail_captcha {
    width: 100%;
}

.europassform .powermail_field .powermail_textarea {
    height: auto;
    min-height: 150px;
    width: 100%;
}

.europassform .powermail_field .powermail_input {
    width: 100%;
}

#wrapper .europassform input[type="text"],
.europassform .metanav input[type="text"],
.europassform .dl-menu input[type="text"],
#wrapper .europassform input[type="search"],
.europassform .metanav input[type="search"],
.europassform .dl-menu input[type="search"],
#wrapper .europassform input[type="password"],
.europassform .metanav input[type="password"],
.europassform .dl-menu input[type="password"],
#wrapper .europassform input[type="email"],
.europassform .metanav input[type="email"],
.europassform .dl-menu input[type="email"],
#wrapper .europassform textarea,
.europassform .metanav textarea,
.europassform .dl-menu textarea {
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    padding: 9px 12px 6px 12px;
    box-shadow: 0 0;
    height: 30px;
    line-height: normal;
}

.europassform .powermail_field {
    padding: 0 !important;
    border: none !important;
}

#wrapper .europassform .form,
.europassform .metanav .form,
.europassform .dl-menu .form {
    width: 50%;
    float: none;
    padding: 0;
}

.europassform .tx-powermail .powermail_fieldset
.europassform .powermail_field_error,
.europassform .tx-powermail
.europassform .powermail_fieldset
.europassform .parsley-error,
.europassform .tx-powermail
.europassform .powermail_fieldset
.europassform .powermail_form
.europassform .parsley-error:focus,
.europassform .tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    color: #A94442;
}

.europassform .tx-powermail {
    background-color: #eaeaea;
}

.europassform .tx-powermail form {
    padding: 20px 0;
}

.europassform .tx-powermail .powermail_radio_legend {
    display: none !important;
}

.europassform .tx-powermail .clear {
    clear: both
}

.europassform .tx-powermail * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.europassform .tx-powermail *.hide {
    display: none
}

.europassform .tx-powermail .powermail_fieldset legend.powermail_legend {
    border: 0;
    text-align: justify;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    color: #474747;
    padding: 50px 0 25px 0;
}

#wrapper .europassform .tx-powermail .powermail_fieldset .powermail_label {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    color: #474747;
    display: inline;
}

.europassform .tx-powermail .powermail_fieldset .powermail_label[title] {
    cursor: help
}

.europassform .tx-powermail .powermail_fieldset .powermail_label[title]:after {
    content: 'i';
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    background-color: #aaa;
    margin: 0 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-family: arial, sans-serif;
    font-weight: 400
}

.europassform .tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    cursor: inherit
}

.europassform .tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
    display: none
}

.europassform .powermail_radio_inner {
    display: table;
}

.europassform .tx-powermail .powermail_radio {
    display: table-cell !important;
    margin-right: 8px;
}

.europassform .tx-powermail .powermail_radio + label {
    display: table-cell !important;
}

.europassform .tx-powermail .powermail_radio_outer label,
.europassform .tx-powermail .powermail_check_outer label {
    font-weight: normal;
}

.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap {
    margin: 0 0 15px 0;
    clear: both;
}

.europassform .tx-powermail .powermail_fieldset .powermail_field {
    width: 100%;
    padding: 2px 6px 2px 12px;
    margin: 0 0 15px 0;
    border: 1px solid #bbb;
    color: #444;
    float: right;
    font-size: inherit
}

.europassform .tx-powermail .powermail_fieldset .powermail_field .checkbox_group_header p {
    font-family: 'DIN Bold', Arial, sans-serif;
    font-size: 13px;
    line-height: 13px;
    color: #474747;
    font-weight: normal;
    display: inline;
    margin-bottom: 0;
}

.europassform .tx-powermail .powermail_fieldset .powermail_field .checkbox_group_header p a {
    color: #474747;
}

.europassform .tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.europassform .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    padding: 5px 20px;
    color: white;
    font-weight: 400;
    cursor: pointer;
    background-color: #1E5799;
    margin: 50px 0;
    border: 1px solid #eee
}

.europassform .tx-powermail .powermail_fieldset .powermail_field .powermail_submit {
    font-size: 15px;
}

.europassform .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #FFCA4B
}

.europassform .tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {
    width: 100%
}

.europassform .tx-powermail .powermail_fieldset .powermail_captchaimage {
    margin-top: 10px
}

.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_radio legend,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_check legend {
    padding: 0
}

.europassform .tx-powermail .powermail_fieldset legend.powermail_check_legend {
    text-align: left;
}

.europassform .tx-powermail .powermail_fieldset legend.powermail_check_legend a {
    color: #474747;
    text-decoration: underline;
}

.europassform .tx-powermail .powermail_fieldset legend.powermail_check_legend a:hover {
    text-decoration: none;
}

.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.europassform .tx-powermail .powermail_fieldset .powermail_radio_outer > li,
.europassform .tx-powermail .powermail_fieldset .powermail_captcha_outer > li,
.europassform .tx-powermail .powermail_fieldset .powermail_check_outer > li,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li {
    margin: 5px
}

.europassform .tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles,
.europassform .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles,
.europassform .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles {
    color: #bbb;
    cursor: pointer
}

.europassform .tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles:hover,
.europassform .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles:hover,
.europassform .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles:hover,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles:hover,
.europassform .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles:hover {
    text-decoration: underline
}

.europassform .tx-powermail .powermail_fieldset .parsley-errors-list {
    display: none;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    width: 100%;
    float: right;
    clear: left
}

.europassform .tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: block
}

.europassform .tx-powermail .powermail_fieldset .parsley-errors-list > li {
    color: #A94442;
    padding: 5px 10px
}

.europassform .tx-powermail .powermail_fieldset .powermail_field_error,
.europassform .tx-powermail .powermail_fieldset .parsley-error,
.europassform .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.europassform .tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    color: #A94442
}

.europassform .tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #EBCCD1;
    border: none
}

.europassform .tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li {
    padding-left: 5px
}

.europassform .tx-powermail .powermail_create,
.europassform .tx-powermail .powermail_confirmation {
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eee;
    overflow: hidden
}

.europassform .tx-powermail .powermail_create .powermail_confirmation_submit,
.europassform .tx-powermail .powermail_create .powermail_confirmation_form,
.europassform .tx-powermail .powermail_confirmation .powermail_confirmation_submit,
.europassform .tx-powermail .powermail_confirmation .powermail_confirmation_form {
    margin: 20px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: 400;
    cursor: pointer;
    float: right;
    background-color: #1E5799;
    border: 1px solid #eee
}

.europassform .tx-powermail .powermail_create .powermail_confirmation_form,
.europassform .tx-powermail .powermail_confirmation .powermail_confirmation_form {
    float: left;
    clear: left;
    background-color: #bbb
}

.europassform .tx-powermail .powermail_progressbar {
    width: 400px;
    height: 5px;
    float: right;
    border: 1px solid #EEEEEE;
    clear: both
}

.europassform .tx-powermail .powermail_progressbar.disable {
    display: none
}

.europassform .tx-powermail .powermail_progressbar > .powermail_progress {
    background: #1E5799;
    width: 0%;
    max-width: 100%;
    -webkit-animation: progress 5s 1 forwards;
    -moz-animation: progress 5s 1 forwards;
    -ms-animation: progress 5s 1 forwards;
    animation: progress 5s 1 forwards
}

.europassform .tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progess_inner {
    height: 5px;
    width: 100%;
    overflow: hidden;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25)
}

.europassform .tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%
}

.europassform .tx-powermail .powermail_all > dt {
    width: 200px;
    float: left;
    clear: left;
    font-weight: 400
}

.europassform .tx-powermail .powermail_all > dd {
    width: 400px;
    float: left;
    margin: 0
}

.europassform .tx-powermail .powermail_message {
    padding: 5px 0 10px 20px;
    min-height: 65px;
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    list-style: circle
}

.europassform .tx-powermail .powermail_message li {
    padding: 5px 50px 0 0
}

.europassform .tx-powermail .powermail_message.powermail_message_ok {
    background-color: #CDEACA;
    border: 1px solid #3B7826
}

.europassform .tx-powermail .powermail_message.powermail_message_ok li {
    color: #3B7826
}

.europassform .tx-powermail .powermail_message.powermail_message_error li {
    color: #A94442
}

.europassform .tx-powermail .powermail_message.powermail_message_note {
    background-color: #FCF8E3;
    border: 1px solid #FFCA4B
}

.europassform .tx-powermail .powermail_message.powermail_message_note li {
    color: #FFCA4B
}

.europassform .tx-powermail .powermail_tabmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

.europassform .tx-powermail .powermail_tabmenu > li {
    display: block;
    padding: 10px 10px;
    cursor: pointer;
    border-top: 1px solid #bbb;
    color: #aaa;
    list-style: none;
}

.europassform .tx-powermail .powermail_tabmenu > li.act {
    color: #444
}

.europassform .tx-powermail .powermail_tabmenu > li.parsley-error {
    background-color: #EBCCD1
}

.europassform .tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em
}

.europassform .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next,
.europassform .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaa;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #bbb;
    font-weight: 400
}

.europassform .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #1E5799;
    float: right
}

@-webkit-keyframes progress {
    to {
        width: 100%
    }
}

@-moz-keyframes progress {
    to {
        width: 100%
    }
}

@-ms-keyframes progress {
    to {
        width: 100%
    }
}

@keyframes progress {
    to {
        width: 100%
    }
}

.europassform .powermail_frontend {
    clear: left;
    margin: 0 0 20px 0;
    background: #eee;
    overflow: auto
}

.europassform .powermail_frontend table.powermail_frontend_list {
    width: 100%;
    font-size: 0.8em;
    border: 1px solid #444;
    margin-top: 15px;
    border-spacing: 0;
    border-collapse: separate
}

.europassform .powermail_frontend table.powermail_frontend_list tr th {
    color: white;
    font-weight: 400;
    padding: 7px 3px;
    text-align: left;
    background: #444
}

.europassform .powermail_frontend table.powermail_frontend_list tr td {
    padding: 3px
}

.europassform .powermail_frontend table.powermail_frontend_list tr:nth-child(even) {
    background: #bbb
}

.europassform .powermail_frontend .powermail_frontend_filter {
    background: #bbb;
    padding: 10px 0
}

.europassform .powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container {
    padding: 5px 10px;
    clear: both
}

.europassform .powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container label {
    float: left;
    display: block;
    width: 200px;
    padding-top: 3px
}

.europassform .powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container input {
    width: 400px;
    padding: 5px;
    float: right;
    border: none
}

.europassform .powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container .powermail_frontend_search_submit {
    color: white;
    cursor: pointer;
    background: #1E5799;
    clear: both
}

.europassform .powermail_frontend .powermail_frontend_abc,
.europassform .powermail_frontend .powermail_frontend_export {
    width: 600px;
    margin: 10px 0
}

.europassform .powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner,
.europassform .powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner,
.europassform .powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner,
.europassform .powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner {
    margin: 0 10px
}

.europassform .powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc,
.europassform .powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc a,
.europassform .powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc,
.europassform .powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc a,
.europassform .powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc,
.europassform .powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc a,
.europassform .powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc,
.europassform .powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc a {
    font-weight: 400;
    text-decoration: none
}

.europassform .powermail_frontend .powermail_frontend_export {
    width: 640px
}

.europassform .powermail_frontend .powermail_frontend_export input {
    width: 17px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer;
    text-indent: -99999px;
    border: 0;
    background-repeat: no-repeat;
}

.europassform .powermail_frontend .powermail_frontend_export .powermail_frontend_export_icon {
    float: right;
    padding-top: 5px;
    margin-left: 5px;
    height: 19px
}

.europassform .powermail_frontend dl {
    clear: both;
    padding: 5px 10px
}

.europassform .powermail_frontend dl dt {
    float: left;
    width: 150px;
    font-weight: 400;
    clear: left;
    margin-right: 10px
}

.europassform .powermail_frontend dl dd {
    float: left
}

.europassform .powermail_frontend .powermail_frontend_back {
    margin: 10px;
    display: inline-block;
    padding: 5px 20px;
    background-color: #bbb;
    border: 1px solid #eee;
    color: white;
    text-decoration: none
}

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

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

.europassform .xdsoft_datetimepicker button {
    border: none !important
}

.europassform .xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.europassform .xdsoft_noselect::selection {
    background: transparent
}


.cc-window.dp--cookie-check {
    padding-bottom: 5px;
}

.cc-window .dp--cookie-check {
    align-items: flex-start;
}

.cc-window .dp--cookie-check label {
    padding: 5px 10px;
}

.cc-window .cc-compliance {
    gap: 15px;
    padding: 25px;
}

@media screen and (max-width: 667px) {
    .cc-window .cc-compliance {
        padding: 0 25px 25px 25px;
    }
}

.cc-window .cc-compliance .cc-btn {
    background: #444;
    color: #888;
    text-decoration: unset;
}

.dp--overlay .dp--overlay-button .db--overlay-submit {
    background: #f5f5f5 !important;
    color: #000 !important;
    font-size: 14.4px;
    padding: 7px 25px;
}

/* inline CSS from BE */
.align-center {
    text-align: center;
}

#wrapper form fieldset legend {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    color: #474747;
}

#wrapper .tx-powermail fieldset legend,
.metanav .tx-powermail fieldset legend,
.dl-menu .tx-powermail fieldset legend {
    border: 0;
    text-align: center;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    padding: 50px 0 25px 0;
}

#wrapper main .tx-powermail input[type="submit"],
#wrapper main .tx-powermail button[type="text"],
#wrapper main .tx-powermail button[type="submit"],
.tx-felogin-pi1 input[type="submit"] {
    background-color: #335b87;
    color: #ffffff;
}

#wrapper .tx-powermail input[type="submit"],
.metanav .tx-powermail input[type="submit"],
.dl-menu .tx-powermail input[type="submit"],
#wrapper .tx-powermail button[type="submit"],
.metanav .tx-powermail button[type="submit"],
.dl-menu .tx-powermail button[type="submit"],
#wrapper .tx-powermail input[type="reset"],
.metanav .tx-powermail input[type="reset"],
.dl-menu .tx-powermail input[type="reset"],
#wrapper .tx-powermail button[type="reset"],
.metanav .tx-powermail button[type="reset"],
.dl-menu .tx-powermail button[type="reset"],
#wrapper .tx-powermail button[type="reset"] a,
.metanav .tx-powermail button[type="reset"] a,
.dl-menu .tx-powermail button[type="reset"] a,
#wrapper .tx-powermail  a.btn,
.metanav .tx-powermail a.btn,
.dl-menu .tx-powermail a.btn {
    border: none;
    padding: 2px 15px;
    border-radius: 0 0;
    height: 30px;
    line-height: 1.8;
    vertical-align: middle;
}

.powermail_field .powermail_captcha {
    width: 100%;
}

.powermail_field .powermail_textarea {
    width: 100%;
}

.powermail_field .powermail_input {
    width: 100%;
}

#wrapper .tx-powermail input[type="text"],
.metanav .tx-powermail input[type="text"],
.dl-menu .tx-powermail input[type="text"],
#wrapper .tx-powermail input[type="search"],
.metanav .tx-powermail input[type="search"],
.dl-menu .tx-powermail input[type="search"],
#wrapper .tx-powermail input[type="password"],
.metanav .tx-powermail input[type="password"],
.dl-menu .tx-powermail input[type="password"],
#wrapper .tx-powermail input[type="email"],
.metanav .tx-powermail input[type="email"],
.dl-menu .tx-powermail input[type="email"],
#wrapper .tx-powermail textarea,
.metanav .tx-powermail textarea,
.dl-menu .tx-powermail textarea {
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    padding: 9px 12px 6px 12px;
    box-shadow: 0 0;
    height: 30px;
    line-height: normal;
}

.powermail_field {
    padding: 0 !important;
    border: none !important;
}

#wrapper .form,
.metanav .form,
.dl-menu .form {
    width: 50%;
    float: none;
    padding: 0;
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    color: #A94442;
}

.tx-powermail {
    background-color: #eaeaea;
}

.tx-powermail form {
    padding: 20px 0;
}

.tx-powermail .powermail_radio_legend {
    display: none !important;
}

.tx-powermail .clear {
    clear: both
}

.tx-powermail * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tx-powermail *.hide {
    display: none
}

.tx-powermail .powermail_fieldset legend.powermail_legend {
    border: 0;
    text-align: justify;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    color: #474747;
    padding: 50px 0 25px 0;
}

#wrapper .tx-powermail .powermail_fieldset .powermail_label {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    color: #474747;
    display: inline;
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
    cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]:after {
    content: 'i';
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    background-color: #aaa;
    margin: 0 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-family: arial, sans-serif;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
    display: none
}

.powermail_radio_inner {
    display: table;
}

.tx-powermail .powermail_radio {
    display: table-cell !important;
    margin-right: 8px;
}

.tx-powermail .powermail_radio + label {
    display: table-cell !important;
}

.tx-powermail .powermail_radio_outer label,
.tx-powermail .powermail_check_outer label {
    font-weight: normal;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap {
    margin: 0 0 15px 0;
    clear: both;
}

.tx-powermail .powermail_fieldset .powermail_field {
    width: 100%;
    padding: 2px 6px 2px 12px;
    margin: 0 0 15px 0;
    border: 1px solid #bbb;
    color: #444;
    float: right;
    font-size: inherit
}

.tx-powermail .powermail_fieldset .powermail_field .checkbox_group_header p {
    font-family: 'DIN Bold', Arial, sans-serif;
    font-size: 13px;
    line-height: 13px;
    color: #474747;
    font-weight: normal;
    display: inline;
    margin-bottom: 0;
}

.tx-powermail .powermail_fieldset .powermail_field .checkbox_group_header p a {
    color: #474747;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: #1E5799;
    margin: 50px 0;
    border: 1px solid #eee
}

.tx-powermail .powermail_fieldset .powermail_field .powermail_submit {
    font-size: 15px;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #FFCA4B
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {
    width: 100%
}

.tx-powermail .powermail_fieldset .powermail_captchaimage {
    margin-top: 10px
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio legend,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_check legend {
    padding: 0
}

.tx-powermail .powermail_fieldset legend.powermail_check_legend {
    text-align: left;
}

.tx-powermail .powermail_fieldset legend.powermail_check_legend a {
    color: #474747;
    text-decoration: underline;
}

.tx-powermail .powermail_fieldset legend.powermail_check_legend a:hover {
    text-decoration: none;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li,
.tx-powermail .powermail_fieldset .powermail_captcha_outer > li,
.tx-powermail .powermail_fieldset .powermail_check_outer > li,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li {
    margin: 5px
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles {
    color: #bbb;
    cursor: pointer
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles:hover {
    text-decoration: underline
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    display: none;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    width: 100%;
    float: right;
    clear: left
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
    color: #A94442;
    padding: 5px 10px
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #EBCCD1;
    border: none
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li {
    padding-left: 5px
}

.tx-powermail .powermail_create,
.tx-powermail .powermail_confirmation {
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eee;
    overflow: hidden
}

.tx-powermail .powermail_create .powermail_confirmation_submit,
.tx-powermail .powermail_create .powermail_confirmation_form,
.tx-powermail .powermail_confirmation .powermail_confirmation_submit,
.tx-powermail .powermail_confirmation .powermail_confirmation_form {
    margin: 20px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    float: right;
    background-color: #1E5799;
    border: 1px solid #eee
}

.tx-powermail .powermail_create .powermail_confirmation_form,
.tx-powermail .powermail_confirmation .powermail_confirmation_form {
    float: left;
    clear: left;
    background-color: #bbb
}

.tx-powermail .powermail_progressbar {
    width: 400px;
    height: 5px;
    float: right;
    border: 1px solid #EEEEEE;
    clear: both
}

.tx-powermail .powermail_progressbar.disable {
    display: none
}

.tx-powermail .powermail_progressbar > .powermail_progress {
    background: #1E5799;
    width: 0%;
    max-width: 100%;
    -webkit-animation: progress 5s 1 forwards;
    -moz-animation: progress 5s 1 forwards;
    -ms-animation: progress 5s 1 forwards;
    animation: progress 5s 1 forwards
}

.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progess_inner {
    height: 5px;
    width: 100%;
    overflow: hidden;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25)
}

.tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%
}

.tx-powermail .powermail_all > dt {
    width: 200px;
    float: left;
    clear: left;
    font-weight: bold
}

.tx-powermail .powermail_all > dd {
    width: 400px;
    float: left;
    margin: 0
}

.tx-powermail .powermail_message {
    padding: 5px 0 10px 20px;
    min-height: 65px;
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    list-style: circle
}

.tx-powermail .powermail_message li {
    padding: 5px 50px 0 0
}

.tx-powermail .powermail_message.powermail_message_ok {
    background-color: #CDEACA;
    border: 1px solid #3B7826
}

.tx-powermail .powermail_message.powermail_message_ok li {
    color: #3B7826
}

.tx-powermail .powermail_message.powermail_message_error li {
    color: #A94442
}

.tx-powermail .powermail_message.powermail_message_note {
    background-color: #FCF8E3;
    border: 1px solid #FFCA4B
}

.tx-powermail .powermail_message.powermail_message_note li {
    color: #FFCA4B
}

.tx-powermail .powermail_tabmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_tabmenu > li {
    display: block;
    padding: 10px 10px;
    cursor: pointer;
    border-top: 1px solid #bbb;
    color: #aaa;
    list-style: none;
}

.tx-powermail .powermail_tabmenu > li.act {
    color: #444
}

.tx-powermail .powermail_tabmenu > li.parsley-error {
    background-color: #EBCCD1
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next,
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaa;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #bbb;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #1E5799;
    float: right
}

@-webkit-keyframes progress {
    to {
        width: 100%
    }
}

@-moz-keyframes progress {
    to {
        width: 100%
    }
}

@-ms-keyframes progress {
    to {
        width: 100%
    }
}

@keyframes progress {
    to {
        width: 100%
    }
}

.powermail_frontend {
    clear: left;
    margin: 0 0 20px 0;
    background: #eee;
    overflow: auto
}

.powermail_frontend table.powermail_frontend_list {
    width: 100%;
    font-size: 0.8em;
    border: 1px solid #444;
    margin-top: 15px;
    border-spacing: 0;
    border-collapse: separate
}

.powermail_frontend table.powermail_frontend_list tr th {
    color: white;
    font-weight: bold;
    padding: 7px 3px;
    text-align: left;
    background: #444
}

.powermail_frontend table.powermail_frontend_list tr td {
    padding: 3px
}

.powermail_frontend table.powermail_frontend_list tr:nth-child(even) {
    background: #bbb
}

.powermail_frontend .powermail_frontend_filter {
    background: #bbb;
    padding: 10px 0
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container {
    padding: 5px 10px;
    clear: both
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container label {
    float: left;
    display: block;
    width: 200px;
    padding-top: 3px
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container input {
    width: 400px;
    padding: 5px;
    float: right;
    border: none
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container .powermail_frontend_search_submit {
    color: white;
    cursor: pointer;
    background: #1E5799;
    clear: both
}

.powermail_frontend .powermail_frontend_abc,
.powermail_frontend .powermail_frontend_export {
    width: 600px;
    margin: 10px 0
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner {
    margin: 0 10px
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc a,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc a,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc a,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc a {
    font-weight: bold;
    text-decoration: none
}

.powermail_frontend .powermail_frontend_export {
    width: 640px
}

.powermail_frontend .powermail_frontend_export input {
    width: 17px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer;
    text-indent: -99999px;
    border: 0;
    background-repeat: no-repeat;
}

.powermail_frontend .powermail_frontend_export .powermail_frontend_export_icon {
    float: right;
    padding-top: 5px;
    margin-left: 5px;
    height: 19px
}

.powermail_frontend dl {
    clear: both;
    padding: 5px 10px
}

.powermail_frontend dl dt {
    float: left;
    width: 150px;
    font-weight: bold;
    clear: left;
    margin-right: 10px
}

.powermail_frontend dl dd {
    float: left
}

.powermail_frontend .powermail_frontend_back {
    margin: 10px;
    display: inline-block;
    padding: 5px 20px;
    background-color: #bbb;
    border: 1px solid #eee;
    color: white;
    text-decoration: none
}

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

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

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

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

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

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

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.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_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px
}

.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_next {
    float: right;
    background-position: 0px 0px
}

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

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    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 0px;
    margin-bottom: 7px;
    margin-top: 0px
}

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

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

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

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

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

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

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0px;
    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: #A94442
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px
}

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

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

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px
}

.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: #F1F1F1;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1E5799
}

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

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #A94442 !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;
    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: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}

figure .video {
    position: relative;
}

figure .video .video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 40px;
    height: 40px;
    margin: -20px;
    background: #fff;
    border: 0;
    border-radius: 100%;
}

figure .video .video__hint {
    color: #000000;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 400px;
    max-width: 90vw;
    margin-top: 30px;
    padding: 10px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.9);
    transform: translate3d(-50%, -20px, 0);
    transition: opacity .5s, transform .5s, visibility 0s .5s;
}

figure .video .videopreview__image {
    display: block;
    margin: auto;
}

figure .video .video__button:hover + .video__hint {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
    transition: opacity .5s, transform .5s;
}

figure .video iframe, figure .video img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

figure .video:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.frame-type-textmedia {
    min-height: 300px;
}

.frame-type-textmedia figure,
.frame-type-textmedia figure .video {
    height: 100%;
}

.ratio > * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ratio.bgimage {
    background-position:50%;
    background-size:cover
}
.ccm19-advice {
    background-color:hsla(0,1%,50%,.75);
    border:unset;
    text-align:center;
    --video-space-around:1.875rem
}
@media (min-width:992px) {
    .ccm19-advice {
        --video-space-around:3.125rem
    }
}
.ccm19-advice .ccm19-advice__inner {
    background-color:#fff;
    max-height:calc(100% - var(--video-space-around));
    max-width:calc(100% - var(--video-space-around));
    overflow-y:auto;padding:.9375rem;
    position:relative;
    width:100%
}
@media (min-width:992px) {
    .ccm19-advice .ccm19-advice__inner {
        padding:1.5625rem
    }
}
.ccm19-advice .ccm19-advice__text p {
    margin-top:calc(var(--video-space-around)/2)
}
.ccm19-advice .video-cookie-consent-trigger {
    margin-top:0
}