* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
img,
form,
fieldset,
blockquote {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    background: #ffffff;
    color: #505050;
    font: 18px "PT Sans", Arial, Helvetica, Sans-Serif;
    min-width: 270px;
    overflow-x: hidden;
}

a {
    color: #1173C5;
    outline: none;
    text-decoration: underline;
    transition: .2s All;
}

a:hover {
    color: #1173C5;
    text-decoration: none;
}

input,
select,
textarea {
    border: 0;
    border-bottom: #DDDDDD 1px solid;
    color: #505050;
    font: 18px "PT Sans", Arial, Helvetica, sans-serif;
    padding: 8px;
}

.form-row textarea {
    resize: none;
    height: 180px;
}

li {
    list-style: none;
}

h1 {
    color: #151515;
    font: 500 60px Dosis;
    margin: 0 0 1em;
}

h2 {
    color: #151515;
    font: 500 40px Dosis;
    margin: 0 0 1em;
}

h3 {
    color: #151515;
    font: 500 36px Dosis;
    margin: 0 0 1em;
}

h4 {
    color: #151515;
    font: 500 28px Dosis;
    margin: 0 0 1em;
}

h5 {
    color: #151515;
    font: 500 24px Dosis;
    margin: 0 0 1em;
}

h6 {
    color: #151515;
    font: 500 18px Dosis;
    letter-spacing: 1px;
    text-transform: uppercase;
}

p {
    line-height: 1.5em;
    padding: 2.2em 0 0;
}
p:first-child {
    padding-top: 0;
}
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6 {
    padding-top: 2.2em;
}
h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
    padding-top: 0;
}

.video-embed {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}
.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;
    border: 0;

}

table {
    border-collapse: collapse;
    width: 100%;
    padding: 0 0 2.2em;
}
.table-responsive {
    margin-bottom: 2.2em
}

img {
    display: block;
}

/*=== Layout ===*/

.page-container {
    margin: 0 auto;
    max-width: 1400px;
    padding: 100px 20px;
}

.frame-type-header + .page-container {
    padding-top: 40px;
}


.frame-type-header + .page-container + .frame-type-textmedia.frame-space-before-extra-small section.frame-type-textmedia.frame-space-before-extra-small a.btn.btn-primary {
    margin-top: -50px;
}

body > .frame-type-text {
    margin: 0 auto;
    padding: 30px 20px 100px;
    max-width: 1440px;
}

.page-container-first {
    margin-bottom: -250px;
}

form.powermail_form .page-container {
    padding-top: 50px;
}

.frame.frame-default.frame-type-list {
    padding-top: 50px;
}

.frame.frame-default.frame-type-news_pi1,
.frame.frame-default.frame-type-news_newsdetail,
.frame.frame-default.frame-type-form_formframework {
    padding-top: 50px;
}
.frame-space-before-no-space.frame.frame-default {
    padding-top: 0px;
}

.breadcrumb-container {
    /* margin-top: 170px; */
    padding: 30px 20px 0 20px;
}
.emptyHeroContent {
    margin-top: 170px;
}
@media(max-width: 768px) {
    .emptyHeroContent {
        margin-top: 0;
    }
}
.page-hero.p491 .breadcrumb-container {
    margin-top: 100px;
}

/* section.page-hero + .breadcrumb-container {
    margin-top: 30px;
} */

section.page-hero .page-title {
    /* margin-bottom: -130px; */
}

.page-container-swipe {
    margin: 0 auto;
    max-width: 1440px;
    padding: 10px 20px;
}

.page-container-full {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.page-container-frame-blue:after {
    background: #BED7EE;
    content: '';
    height: 400px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.page-container-frame-gray:after {
    background: #F5F5F5;
    content: '';
    height: 615px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.page-container + .page-container {
    padding-top: 0;
}
.page-container.pb0 {
    padding-bottom: 0;
}
.page-container.pt0 {
    padding-top: 0;
}

.page-top-bar {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    background: transparent;
}

.page-top-bar+.page-container {
    margin-top: 168px;
}

.top-bar-contacts {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    color: #fff;
    display: flex;
    transition: all .3s ease;
}

.top-bar-contacts.hide {
    /*transform: translateY(-100%);*/
}

.top-bar-contacts a {
    color: #fff;
    text-decoration: none;
}

.page-bottom-bar {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    color: #fff;
}

/*=== Page Header ===*/

.page-header-contacts {
    align-items: center;
    display: flex;
    font: 21px Dosis;
    justify-content: flex-end;
    padding: 20px 80px;
    width: 100%;
}

.header-contact {
    display: flex;
}

.header-contact li {
    margin-right: 60px;
}

.header-contact li:last-child {
    margin-right: 0;
}

.header-contact a {
    font-weight: 300;
    display: flex;
    align-items: center;
}

.header-contact .icon-telephone:before {
    position: relative;
    margin-right: 10px;
}

.header-contact .icon-telephone span {
    font-family: 'Dosis',sans-serif;
    font-weight: 400;
}

.header-contact .icon-mail span {
    font-family: 'Dosis',sans-serif;
    font-weight: 400;
}

.header-contact .icon-mail:before {
    position: relative;
    margin-right: 10px;
}

.header-contact [class*="icon-"] {
    margin-right: 10px
}

.page-top-bar {
    transition: all .3s ease;
}

.page-top-bar.hide {
    transform: translateY(-67px);
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
}

.page-header {
    align-items: center;
    display: flex;
    height: 111px;
    justify-content: space-between;
    padding: 0 80px;
    background: #fff;
    transition: all .3s ease;
}

.page-header.hide {

}

.page-header .btn {
    margin-top: 0;
}

.header-logo {
    margin-right: 10px;
    width: 250px;
}

.header-logo img {
    height: auto;
    width: 100%;
}

.page-hero.p689 {

}

/*- Title  -*/

.page-title {
    height: 650px;
    margin-top: 168px;
    position: relative;
}

.title-pic {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.page-title::before {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.title-headline {
    color: #fff;
    margin: 0;
    max-width: 1000px;
    padding: 0 80px;
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    z-index: 2
}

.headline-styled {
    margin: 0 0 40px;
    position: relative;
}

.sub-headline-styled {
    color: #1274C6;
}

.sub-headline-styled-secondary {
    color: #27B061;
}

.sub-headline-styled-tertiary {
    color: #F39D26;
}

.headline-styled-inverted {
    color: #fff;
}

.headline-styled::after {
    background: #1172C4;
    top: 20px;
    content: '';
    height: 3px;
    left: 0;
    width: 60px;
    position: relative;
    display: block;
}

.headline-styled-inverted::after {
    background: #fff;
}

.headline-styled-centered::after {
    left: 50%;
    margin-left: -30px;
}

.headline-styled-with-space {
    margin-bottom: 1.3em;
}

.headline-styled-secondary::after {
    background: #27AE60;
}

.headline-styled-tertiary::after {
    background: #F39F27;
}

.page-banner {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    color: #fff;
    padding: 40px 20px;
    text-align: center;
}

.page-banner h3 {
    font-weight: 400;
}

/* Swiper Carousel Setup */

.swiper-slide {
    height: auto;
    padding: 3px 6px 6px;
    position: relative;
}

.swiper-slide:before {
    background: #fff;
    border-radius: 20px;
    bottom: 6px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    content: '';
    left: 4px;
    position: absolute;
    right: 4px;
    top: 3px;
    z-index: -1
}

.swiper-button-prev {
    background: none;
    background-color: #fff;
    padding: 8px;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    text-align: center;
    border: 1px solid #e6e2e2;
}

.swiper-button-next {
    background: none;
    background-color: #fff;
    padding: 8px;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    text-align: center;
    border: 1px solid #e6e2e2;
}

.swiper-button-prev:before {
    color: #151515;
    content: "\e907";
    font: 35px icomoon;
    position: absolute;
    transform: rotate(180deg);
    transform-origin: 20% 50%;
    line-height: 53px;
    text-align: center;
}

.swiper-button-next:before {
    color: #151515;
    content: "\e907";
    font: 35px icomoon;
    line-height: 53px;
    text-align: center;
    margin-left: 4px;
}

/* Swiper Carousel Primary */

.swiper-carousel-primary {
    margin-bottom: 100px;
    margin-top: -280px;
    text-align: center;
}

.page-container-first .swiper-carousel-primary {
    margin-top: -280px;
}

.swiper-carousel-primary .swiper-slide {
    padding: 40px;
}

.swiper-carousel-primary .slide-inner-wrap {
    /* min-height: 200px; */
}

.swiper-carousel-primary .swiper-button-next,
.swiper-carousel-primary .swiper-button-prev {
    display: none;
}

.swiper-slide .btn{
    margin-top: 0;
}

/* Swiper Carousel Secondary */

.swiper-carousel-secondary {
    text-align: center;
}

.swiper-carousel-secondary .swiper-wrapper {
    align-items: center;
}

.swiper-carousel-secondary .swiper-slide {
    align-items: center;
    display: flex;
    min-height: 520px;
    padding: 40px 80px;
    transition: .2s All;
}

.swiper-carousel-secondary .swiper-slide-active {
    min-height: 550px;
}

.swiper-carousel-secondary .list-quotes {
    opacity: .1
}

.swiper-slide-active .list-quotes {
    opacity: 1
}

.swiper-slide-active .list-quotes h3 {
    font-weight: 400;
}

/* Swiper Carousel Tertiary */

.swiper-carousel-tertiary {
    margin-bottom: 30px;
    text-align: center;
}

.swiper-carousel-tertiary .swiper-wrapper {
    align-items: center;
}

.swiper-carousel-tertiary .slide-logo {
    opacity: .1;
    max-height: 135px;
    object-fit: cover;
    width: 100%;
}

.swiper-carousel-tertiary .swiper-slide {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    padding: 25px 40px;
}

.swiper-carousel-tertiary .swiper-slide-active .slide-logo,
.swiper-carousel-tertiary .swiper-slide-prev .slide-logo,
.swiper-carousel-tertiary .swiper-slide-next .slide-logo {
    opacity: 1
}

/* Swiper Carousel Quaternary */

.swiper-carousel-quaternary {
    margin-bottom: 40px;
}

.swiper-carousel-quaternary .swiper-slide {
    border-radius: 20px;
    padding: 40px;
}

.swiper-carousel-quaternary .swiper-button-next,
.swiper-carousel-quaternary .swiper-button-prev {
    /* display: none; */
}

/* Slideout Box */

.slideout-box-frame {}

.slideout-box {
    background: #fff;
    border-radius: 20px 0 0 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    overflow: hidden;
    padding: 30px 40px 40px 100px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 335px;
    transform: translateX(520px);
    transition: .2s All;
    width: 580px;
    z-index: 10;
}

.slideout-box.is-expanded {
    transform: translateX(0);
}

.btn-slideout {
    background: linear-gradient(0deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    bottom: 0;
    color: #fff;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
}

.btn-slideout::before {
    font-size: 22px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/*- Nav -*/

.breadcrumb {
    background: none;
    color: #505050;
    font-size: 16px;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
}

.breadcrumb+.hruler {
    margin-top: 0;
    max-width: none;
}

.breadcrumb a {
    color: #505050;
    text-decoration: none;
}

.breadcrumb-item:first-child {
    padding-left: 35px;
    position: relative;
}

.breadcrumb-item:first-child::before {
    content: "\e90a";
    font: 21px icomoon;
    left: 0;
    padding-right: 10px;
    position: absolute;
}

.breadcrumb-item.active {
    color: #1173C5;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #6c757d;
    content: "\e907";
    font: 10px icomoon;
    padding: 0 12px 0 8px;
}

.nav1 {
    align-items: center;
    display: flex;
}

.nav1 .headline-styled {
    display: none;
}

.nav-main {
    display: flex;
}

.nav-main>li {
    font: 21px Dosis;
    line-height: 69px;
    margin: 0 60px 0 0;
    position: relative;
}

.nav-main>li>a {
    color: #505050;
    display: block;
    padding-right: 15px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s ease;
}

.nav-main>li>a::after {
    content: "\e907";
    font: 10px icomoon;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: all .3s ease;
}

.nav-main>li>a:hover::after,
.nav-main>li:hover>a::after {
    transform: translateY(-50%) rotate(-90deg);
}

.nav-main>li>a:hover,
.nav-main>li.active>a,
.nav-main>li:hover>a {
    color: #000;
}

.nav-main>li:first-child>a:hover,
.nav-main>li:first-child.active>a,
.nav-main>li:first-child:hover>a {
    color: #F39C26;
}

.nav-main>li:nth-child(2)>a:hover,
.nav-main>li:nth-child(2).active>a,
.nav-main>li:nth-child(2):hover>a {
    color: #1172C4;
}

.nav-main>li:nth-child(3)>a:hover,
.nav-main>li:nth-child(3).active>a,
.nav-main>li:nth-child(3):hover>a {
    color: #27AE60;
}

@media screen and (min-width: 768px) {
    .nav-main>li:hover .nav-sub {
        opacity: 1;
        visibility: visible
    }
}

.nav-sub {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: #505050;
    left: 0;
    opacity: 0;
    padding: 20px 30px;
    position: absolute;
    text-align: left;
    top: 100%;
    transition: .2s All;
    visibility: hidden;
    width: 330px;
}

.nav-sub::before {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 7.5px 18px 7.5px;
    content: '';
    left: 30px;
    position: absolute;
    top: -18px;
    z-index: 1
}

.nav-sub::after {
    border-color: transparent transparent rgba(0, 0, 0, .05) transparent;
    border-style: solid;
    border-width: 0 9px 20px 9px;
    content: '';
    left: 28px;
    position: absolute;
    top: -20px;
}

.nav-sub .nav-sub-headline {
    font: 21px Dosis;
    letter-spacing: 1px;
    margin-bottom: 35px;
    position: relative;
}

.nav-sub-headline:after {
    background: #505050;
    bottom: -18px;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}

.nav-main>li:first-child .nav-sub-headline:after {
    background: #F39C26;
}

.nav-main>li:nth-child(2) .nav-sub-headline:after {
    background: #1172C4;
}

.nav-main>li:nth-child(3) .nav-sub-headline:after {
    background: #27AE60;
}

.nav-sub>li {
    display: block;
    font: 16px "PT Sans";
    margin: 10px 0;
}

.nav-sub>li>a {
    color: #505050;
    display: block;
    line-height: normal;
    position: relative;
    text-decoration: none;
}

.nav-sub>li>a::after {
    content: "\e907";
    font: 10px icomoon;
    margin-left: 5px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.nav-sub>li>a:hover:after {
    margin-left: 10px;
}

.nav-sub>li>a:hover,
.nav-sub>li.active>a {
    color: #000;
}

.nav-main>li:first-child .nav-sub>li>a:hover,
.nav-main>li:first-child .nav-sub>li.active>a {
    color: #F39C26;
}

.nav-main>li:nth-child(2) .nav-sub>li>a:hover,
.nav-main>li:nth-child(2) .nav-sub>li.active>a {
    color: #1172C4;
}

.nav-main>li:nth-child(3) .nav-sub>li>a:hover,
.nav-main>li:nth-child(3) .nav-sub>li.active>a {
    color: #27AE60;
}

.btn-mobile-only {
    display: none;
}

/*=== Layout Grid ===*/

.row {
    margin-left: -23px;
    margin-right: -23px;
}

.form-row {
    margin-left: -10px;
    margin-right: -10px;
}

.row>.col,
.form-row>.col,
.row>[class*="col-"] {
    padding-left: 23px;
    padding-right: 23px;
}

.form-row>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.list-quotes {
    width: 100%;
}

.quote-cite {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
}

.quote-cite-pic {
    margin-right: 20px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.quote-cite-pic .slide-logo {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.quote-cite-text {
    font-family: Dosis;
    font-style: normal;
    text-align: left;
}

.quote-cite-text strong {
    display: block;
    font-size: 21px;
    font-weight: 500;
}

.list-events .event-date {
    margin-bottom: 5px;
}

.list-events .event-subhead {
    margin-bottom: 10px;
}

.list-events .headline-styled {
    font-weight: 400;
}

.list-events p {
    margin-bottom: 10px;
}

.pic-event {
    border-radius: 20px 20px 0 0;
    margin: -37px -36px 40px;
    overflow: hidden;
}

.pic-event img {
    height: auto;
    width: 100%;
}

.event-date {
    font-size: 12px;
}

.event-subhead {
    color: #1172C4;
    font-size: 14px;
}

.list-unordered li {
    margin: 0 0 15px;
    padding: 0 0 0 25px;
    position: relative;
}

.list-unordered li:before {
    background: #1172C4;
    border-radius: 50%;
    content: '';
    height: 8px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 8px;
}

.list-unordered.yellow li:before {
    background: #F3A227;
}

.list-unordered.green li:before {
    background: #28a745;
}

/*=== Styling Forms ===*/

.form-control {
    border: 0;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    font-size: 18px;
    padding-bottom: 1em;
    padding-left: 0;
}

.form-control:focus {
    border-color: #ddd;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    opacity: .6;
}

.form-control::-moz-placeholder {
    opacity: .6;
}

.form-control:-ms-input-placeholder {
    opacity: .6;
}

.form-control::-ms-input-placeholder {
    opacity: .6;
}

.form-control::placeholder {
    opacity: .6;
}

.custom-control-input {
    height: 2.25rem;
    width: 1rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.form-row .custom-control:first-child .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #F3A227;
    background-color: #F3A227;
}

.form-row .custom-control:nth-child(3) .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #28a745;
    background-color: #28a745;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #adb5bd;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    /*color: #707070;*/
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: #efefef;
    border-color: #efefef;
    color: #fff;
}

.custom-control-label {
    font-size: 16px;
    padding-left: 5px;
}

.custom-control-label::before {
    background-color: #fcfcfc;
    height: 1.2rem;
    left: -1.5rem;
    width: 1.2rem;
    border-color: #adb5bd;
}

.custom-control-label::after {
    height: 1.25rem;
    width: 1.25rem;
}

.custom-control-label {
    line-height: 1.7em;
}

.form-control-comment {
    color: #AAA;
    font-size: 12px;
    font-style: italic;
    padding: 10px 0;
}

/*=== Custom buttons ===*/

.btn-link {
    color: #1172C4;
    margin-bottom: 20px;
}

.btn-link:hover {
    color: #1172C4;
}

.btn-more:after {
    content: "\e907";
    display: inline-block;
    font: 10px icomoon;
    margin-left: 5px;
}

.btn {
    border-color: transparent;
    border-radius: 34px;
    color: #fff;
    font: 21px Dosis;
    letter-spacing: 1px;
    padding: 15px 40px;
    text-decoration: none;
}

.btn.text-truncate {
    display: block;
}

.btn:hover {
    text-decoration: none;
}

.btn:focus,
.btn.focus {
    box-shadow: none;
}
.ce-headline-center {
 text-align: center;
}
.ce-headline-center::after {
    right: 0;
    margin: auto;
}

.ce-headline-left {
 text-align: left;
}
.ce-headline-right {
 text-align: right;
}

.btn-primary {
    background: linear-gradient(to right, #1071C3, #30A3F2 33.333%, #fff 66.666%, #fff 100%);
    transition: all .3s ease;
    background-size: 320% 100%;
}

.btn-primary:hover {
    background-position: 98% 0;
    border-color: #1274C6;
    color: #1274C6;
}

.btn-primary.btn-inverted {
    background: none;
    border-color: #fff;
}

.btn-primary.btn-inverted:hover {
    background: #fff;
    color: #1071C3;
}

.btn-primary:focus,
.btn-primary.focus {
    background: #fff;
    border-color: #1274C6;
    box-shadow: none;
    color: #1274C6;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #999;
    border-color: #999;
    color: #000;
    opacity: .5
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-secondary, .btn-success {
    background: linear-gradient(to right, #27AE60, #2ECC71 33.333%, #fff 66.666%, #fff 100%) !important;
    transition: all .3s ease;
    background-size: 320% 100% !important;
    border-color: #27AE60;
    color: #fff;
}

.btn-secondary:hover, .btn-success:hover {
    background-position: 98% 0 !important;
    border-color: #27AE60;
    color: #27AE60;
}

.btn-secondary:focus,
.btn-secondary.focus {
    background-color: #fff;
    border-color: #28B162;
    box-shadow: none;
    color: #28B162;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #999;
    border-color: #999;
    color: #fff;
    opacity: .5
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    background: linear-gradient(90deg, rgba(39, 174, 96, 1) 0%, rgba(46, 204, 113, 1) 100%);
    color: #fff;
}

.btn-warning, .btn-tertiary {
    background: linear-gradient(to right, #F39C26, #F1C42C 33.333%, #fff 66.666%, #fff 100%) !important;
    transition: all .3s ease;
    background-size: 320% 100% !important;
    border-color: #F39C26;
    color: #fff;
}

.btn-tertiary:hover, .btn-warning:hover {
    background-position: 98% 0 !important;
    border-color: #F39C26;
    color: #F39C26;
}

.btn-warning:focus,
.btn-tertiary:focus,
.btn-warning.focus,
.btn-tertiary.focus {
    background-color: #fff;
    border-color: #F3A227;
    box-shadow: none;
    color: #F3A227;
}

.btn-warning.disabled,
.btn-warning:disabled,
.btn-tertiary.disabled,
.btn-tertiary:disabled {
    background-color: #999;
    border-color: #999;
    color: #fff;
    opacity: .5
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle,
.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:not(:disabled):not(.disabled).active,
.show>.btn-tertiary.dropdown-toggle {
    background: linear-gradient(90deg, rgba(243, 156, 38, 1) 0%, rgba(241, 193, 44, 1) 100%);
    color: #fff;
}

.btn-outline-primary {
    border-color: #1071c3;
    color: #1071c3
}
.btn-outline-primary:hover {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%)
}

/* === Footer Links === */

.footer-links {
    font-size: 16px;
    padding: 80px;
}

.footer-links a {
    color: #505050;
    text-decoration: none;
}

.footer-links a:hover {
    color: #1375C7;
}

.footer-contacts ul {
    margin-bottom: 30px;
}

.footer-contacts h5 {
    font: 18px "PT Sans";
    font-weight: bold;
    margin-bottom: 0;
}

.links-group {
    flex: 0 0 20%;
    margin-bottom: 35px;
}

.links-headline {
    cursor: pointer;
}

.links-list li {
    margin-bottom: .7em;
}

.links-list a {
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

.links-list a:before {
    content: "\e907";
    font: 10px icomoon;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/*=== Page Footer ===*/

.footer-logo {
    margin-bottom: 30px;
    max-width: 250px;
}

.page-footer {
    color: #fff;
    padding: 20px 80px;
}

.page-footer a {
    color: #fff;
    text-decoration: none;
}

.page-footer a:hover {
    text-decoration: none;
}

.list-soclinks {
    display: flex;
    justify-content: flex-end;
}

.soclink {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin-left: 25px;
    text-align: center;
    width: 50px;
}

.soclink:hover {
    background: #fff;
    color: #1375C7;
}

.btn-bottom-bar {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    border-top: 10px solid #fff;
    bottom: 0;
    color: #fff;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    z-index: 100;
    padding: 20px 0;
    font-size: 18px;
}

.btn-bottom-bar:hover {
    color: #fff;
}

/*=== Custom Table ===*/

.table-responsive {
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    overflow: hidden;
}

.table {
    color: #505050;
    margin-bottom: 0;
}

.table thead th:first-child {
    background: #1375C7;
    border-left: 0;
    border-radius: 20px 0 0;
    overflow: hidden;
}

.table th {
    background: #1375C7;
    border-left: 1px solid #DDDDDD;
    border-top: 0;
    color: #fff;
    font: 24px Dosis;
    font-weight: normal;
    padding: 20px;
}

.table tr td:first-child {
    text-align: left;
}

.table td {
    border-bottom: 0;
    border-left: 1px solid #DDDDDD;
    padding: 20px;
    text-align: center;
}

.table td strong {
    font: 24px Dosis;
    font-weight: normal;
}

.table .icon-check {
    color: #1172C4;
    font-size: 24px;
}

/*=== Misc ===*/

hr {
    border: 0;
    border-bottom: 1px solid #DDDDDD;
    max-width: 1165px;
}
p+hr {
    padding-top: 2.2em
}

.hruler {
    margin: 0px auto;
}

.hruler-small {
    margin: 25px 0;
    max-width: none;
}

.pic-responsive img {
    height: auto;
    width: 100%;
}

.pic-responsive-rounded img {
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    overflow: hidden;
}

.pic-copyright {
    font-size: 14px;
    font-style: italic;
    padding: 10px 0;
}

.menu-label {
    color: #505050;
    font: 16px Dosis;
    margin: 0 8px 0 0;
    position: relative;
    top: -4px;
}

.menu-label:before {
    content: 'Menü';
}

.is-active .menu-label:before {
    content: 'Schließen';
}

.hamburger {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: none;
    outline: none !important;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 25px;
    transition-duration: 0.15s;
    transition-property: opacity, filter;
    transition-timing-function: linear
}

.hamburger::-moz-focus-inner {
    border: 0;
}

.hamburger:hover {}

.hamburger-box {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 30px
}

.hamburger-inner {
    display: block;
    margin-top: -1px;
    top: 50%
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background-color: #505050;
    border-radius: 0;
    height: 3px;
    position: absolute;
    transition-duration: 0.15s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 30px
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner::before {
    top: 8px;
    transition-duration: 0.2s;
    transition-property: transform, opacity;
    transition-timing-function: ease;
}

.hamburger--slider .hamburger-inner::after {
    top: 16px;
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
    opacity: 0;
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(-90deg);
}

.image-caption {
    margin-top: 10px;
    font-size: 12px;
}

p+.btn{
    margin: 2.2em 0 0
}



/* Grün
uid462
uid463
uid498
#27AE60
*/
.uid462 .breadcrumb-item.active,
.uid462 .soclink:hover,
.uid463 .breadcrumb-item.active,
.uid463 .soclink:hover,
.uid498 .breadcrumb-item.active,
.uid498 .soclink:hover {
    /*color: #27AE60;*/
}
.uid462 .text-primary,
.uid463 .text-primary,
.uid498 .text-primary {
    /*color: #27AE60 !important*/
}
.uid462 .list-unordered li:before,
.uid463 .list-unordered li:before,
.uid498 .list-unordered li:before {
    /*background-color: #27AE60; */
}
.uid462 .page-header .btn-primary,
.uid463 .page-header .btn-primary,
.uid498 .page-header .btn-primary,
.uid462 .page-bottom-bar,
.uid463 .page-bottom-bar,
.uid498 .page-bottom-bar,
.uid462 .top-bar-contacts,
.uid463 .top-bar-contacts,
.uid498 .top-bar-contacts {
    /*background: linear-gradient(90deg, rgba(39, 174, 96, 1) 0%, rgba(46, 204, 113, 1) 100%);*/
}
.uid462 .btn-slideout,
.uid463 .btn-slideout,
.uid498 .btn-slideout {
    /*background: linear-gradient(0deg, rgba(39, 174, 96, 1) 0%, rgba(46, 204, 113, 1) 100%);*/
}
/* Orange
uid464
uid692
uid688
#F39C26
*/
.uid464 .breadcrumb-item.active,
.uid464 .soclink:hover,
.uid692 .breadcrumb-item.active,
.uid692 .soclink:hover,
.uid688 .breadcrumb-item.active,
.uid688 .soclink:hover {
    /*color: #F39C26;*/
}
.uid464 .text-primary,
.uid692 .text-primary,
.uid688 .text-primary {
    /*color: #F39C26 !important*/
}
.uid464 .list-unordered li:before,
.uid692 .list-unordered li:before,
.uid688 .list-unordered li:before {
    /*background-color: #F39C26; */
}
.uid464 .page-header .btn-primary,
.uid692 .page-header .btn-primary,
.uid688 .page-header .btn-primary,
.uid464 .page-bottom-bar,
.uid692 .page-bottom-bar,
.uid688 .page-bottom-bar,
.uid464 .top-bar-contacts,
.uid692 .top-bar-contacts,
.uid688 .top-bar-contacts {
    /*background: linear-gradient(90deg, rgba(243, 156, 38, 1) 0%, rgba(241, 193, 44, 1) 100%);*/
}
.uid464 .btn-slideout,
.uid692 .btn-slideout,
.uid688 .btn-slideout {
    /*background: linear-gradient(0deg, rgba(243, 156, 38, 1) 0%, rgba(241, 193, 44, 1) 100%);*/
}

/* CUSTOM SETTING FOR COL */

.offsetForPicture.flex-row-reverse .col-md-6:first-child  {
    padding-left: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.offsetForPicture .col-md-6:first-child  {
    padding-right: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.justify-content-between .ce-gallery .image-caption {
    text-align: right;
}

p, p.p1 {
    padding: 0;
}

p {
    margin-bottom: 10px;
}

.btn {
    margin-top: 40px;
}

hr.no-border {
    display: none;
}

.nav-footer h5 {
    font-size: 24px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: none;
    color: #151515;
    margin-bottom: 20px !important;
}

.nav-footer h5.headline-styled::after {
    top: 10px;
    height: 2px;
}

/*
* NEW ELEMENTS - START -
*/

ul.check {
    margin: 0;
    list-style: none;
    padding: 0;
}

ul.check li:first-child {
    margin-top: 0;
}

ul.check li:last-child {

}

ul.check li {
    position: relative;
    margin: 15px 0;
    display: flex;
}

ul.check li::before {
    content: "\e905";
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    color: #1172C4;
    margin-right: 15px;
}

.row.center-xs {
    justify-content: center;
}

.mobile-slider .col-md-6:first-child {
    flex: 0 0 50%;
    max-width: 50%;
}

@media screen and (max-width: 768px) {
    .mobile-slider .col-md-6:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.mobile-slider {
    margin-left: -8px;
    margin-right: -8px;
}

.mobile-slider .col-md-6 {
    padding-left: 8px;
    padding-right: 8px;
}

.mobile-slider .col-md-6:first-child {
    padding-right: 8px;
}

.mobile-slider--item {
    padding: 40px;
    background: white;
    transition: all .3s ease;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    height: calc(100% - 16px);
    margin-bottom: 16px;
}

.mobile-slider--item::after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    background: rgb(16, 113, 195);
    background: -moz-linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1071c3", endColorstr="#30a3f2", GradientType=1);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}

.mobile-slider--item .content {
    position: relative;
    z-index: 1;
}

.mobile-slider--item:hover::after {
    opacity: 1;
    visibility: visible;
}

.mobile-slider--item .content,
.mobile-slider--item h4 {
    transition: all .125s ease;
}

.mobile-slider--item ul.check li {
    transition: all .125s ease;
}

.mobile-slider--item ul.check li::before {
    transition: all .125s ease;
}

.mobile-slider--item:hover .content,
.mobile-slider--item:hover h4 {
    color: white;
}

.mobile-slider--item:hover ul.check li {
    color: white;
}

.mobile-slider--item:hover ul.check li::before {
    color: white;
}

.mobile-slider--item:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7489%) hue-rotate(353deg) brightness(102%) contrast(102%);
}

@media screen and (max-width: 768px) {
    .mobile-slider--item {
        padding: 20px;
    }
}

.page-container-frame-gray {
    position: relative;
}

.page-container-frame-gray:after {
    height: 50%;
}

.price-card {
    background: white;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .price-card {
        margin-bottom: 15px;
    }
}

.price-card header {
    padding: 30px;
    background: rgb(16, 113, 195);
    background: -moz-linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1071c3", endColorstr="#30a3f2", GradientType=1);
}

.price-card.lightBlue header {
    background: rgb(187, 217, 245);
    background: -moz-linear-gradient(180deg, rgba(187, 217, 245, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(187, 217, 245, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: linear-gradient(180deg, rgba(187, 217, 245, 1) 0%, rgba(48, 163, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbd9f5", endColorstr="#30a3f2", GradientType=1);
}

.price-card header h4,
.price-card header p {
    color: white;
    text-align: center;
}

.price-card header h4 {
    margin-bottom: 10px;
}

.price-card .price-card--price {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.price-card .price-card--price .currency {
    font-size: 18px;
    font-family: 'Dosis', sans-serif;
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
}

.price-card .price-card--price .count {
    font-size: 80px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}

.price-card .price-card--price .footnote {
    font-size: 18px;
    opacity: .5;
    font-family: 'Dosis', sans-serif;
    position: absolute;
    top: 0;
}

.price-card .price-card--subinfo {
    font-size: 12px;
    opacity: .5;
    margin-bottom: 0;
}

.price-card .price-card--content {
    padding: 40px 40px 30px;
    display: flex;
    justify-content: center;
}

.price-card .price-card--content .btn {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .price-card header {
        padding: 20px;
    }
    .price-card--content {
        padding: 20px;
    }
}

.steps {
    margin-top: 20px;
}

.steps [class*="col-"] {
    padding: 0 8px;
}

.steps .row {
    margin-left: -8px;
    margin-right: -8px;
}

.steps--item {
    padding: 40px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.steps--item h4 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.steps--item h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 60px;
    display: block;
    background: #1173C5;
}

.steps--item p:last-child {
    margin-top: auto;
}

.arrow-bubble {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(16, 113, 195);
    background: -moz-linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    background: linear-gradient(180deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1071c3", endColorstr="#30a3f2", GradientType=1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-bubble:before {
    content: "\e907";
    position: relative;
    display: block;
    font-size: 20px;
    color: white;
}

.steps--item.green .btn.btn-primary {
    background: linear-gradient(to right, #27AE60, #2ECC71 33.333%, #fff 66.666%, #fff 100%) !important;
    transition: all .3s ease;
    background-size: 320% 100% !important;
    border-color: #27AE60;
    color: #fff;
}

.steps--item.green .btn.btn-primary:hover {
    background-position: 98% 0 !important;
    border-color: #27AE60;
    color: #27AE60;
}

.steps--item.green a {
    color: #27AE60;
}

.steps--item.green h4::after {
    background: #27AE60;
}

.steps--item.green .arrow-bubble {
    background: rgb(39, 174, 96);
    background: -moz-linear-gradient(180deg, rgba(39, 174, 96, 1) 0%, rgba(46, 204, 113, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(39, 174, 96, 1) 0%, rgba(46, 204, 113, 1) 100%);
    background: linear-gradient(180deg, rgba(39, 174, 96, 1) 0%, rgba(46, 204, 113, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#27ae60", endColorstr="#2ecc71", GradientType=1);
}

@media screen and (max-width: 768px) {
    .steps [class*="col-"] {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .steps .steps--item .arrow-bubble {
        /* right: 50%;
        left: inherit;
        top: -5px; */
        right: 0;
        left: 0;
        top: -5px;
        margin: auto;
    }

    .steps .steps--item {
        padding: 20px;
    }

    .steps .steps--item a {
        hyphens: auto;
    }
}

/* HERO SLIDER NEW SETTINGS FOR HERO ALIGNMENT*/

.page-title {
    height: auto;
    max-height: 650px;
}

.page-title::before {
    pointer-events: none;
}

.page-title .page-title-slider ~ .title-headline {
    position: absolute;
}

.page-title-slider .slick-slide {
    margin-bottom: 0;
}

.page-title figure.image {
    height: 100%;
}

.page-title figure.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* max-height: 650px; */
    max-height: 560px;
}

@media screen and (max-width: 1250px) {
    .page-title {
        max-height: inherit;
    }
    .page-title figure.image img {
        max-height: 550px;
    }
}

@media screen and (max-width: 980px) {
    .page-title {
        max-height: inherit;
    }
    .page-title .page-title-slider ~ .title-headline {
        position: relative !important;
    }
}

@media screen and (max-width: 767px) {
    .page-title {
        max-height: inherit;
    }
    .page-title figure.image img {
        /* max-height: 175px; */
    }
    .page-title figure.image img {
        /* max-height: 320px; */
        /* max-height: 100%; */
        /* position: absolute; */
        /* right: 0; */
        /* left: 0; */
        /* width: 100%; */

        max-height: 320px;
        /* max-height: 100%; */
        /* position: absolute; */
        /* right: 0; */
        /* left: 0; */
        width: 100%;
        min-height: 320px;
        height: 100%;
        object-fit: cover;
    }

    .page-title-slider.slick-initialized.slick-slider .slick-list.draggable .slick-track .slick-slide::after {
        /* content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        opacity: 0.3; */
    }
}


/* Spacing */
/* Before Space */
.frame-space-before-extra-small {
    margin-top: 30px !important;
}
.frame-space-before-small {
    margin-top: 60px !important;
}
.frame-space-before-medium {
    margin-top: 90px !important;
}
.frame-space-before-large {
    margin-top: 120px !important;
}
.frame-space-before-extra-large {
    margin-top: 150px !important;
}

/* After Space */
.frame-space-after-extra-small {
    margin-bottom: 30px !important;
}
.frame-space-after-small {
    margin-bottom: 60px !important;
}
.frame-space-after-medium {
    margin-bottom: 90px !important;
}
.frame-space-after-large {
    margin-bottom: 120px !important;
}
.frame-space-after-extra-large {
    margin-bottom: 150px !important;
}

/*
* NEW ELEMENTS - END -
*/

/* Pagination */

.page-navigation {
    padding: 30px 20px 30px 20px;
    margin: 0 auto;
    max-width: 1400px;
    text-align: center;
}

.page-navigation ul.f3-widget-paginator {
    display: inline-block;
}

.page-navigation ul.f3-widget-paginator li {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.page-navigation ul.f3-widget-paginator li a {
    text-decoration: none;
}

.page-navigation ul.f3-widget-paginator li a:hover {
    text-decoration: underline;
}


/* slider updation */

.page-title.no-overlay::before {
    display: none;
}

.page-title.no-overlay .element-content {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

.page-title.no-overlay .element-content .element-contentIn {
    max-width: 1920px;
    max-width: 90%;
    margin: auto;
    width: 100%;
}

.page-title.no-overlay .element-content .title-headline {
    color: #fff;
    margin: 0;
    max-width: 1000px;
    padding: 0;
    position: relative;
    top: initial;
    transform: none;
    z-index: 2;
}

.page-title.no-overlay .element-content .element-contentIn *:not(a.btn) {
    color: #151515;
}

.page-title.no-overlay .element-content .element-contentIn .title-headline {
    position: relative;
    margin: 0 0 40px;
    color: #151515;
}

.page-title.no-overlay .element-content .element-contentIn p {
    color: #505050;
}

.page-title.no-overlay .element-content .element-contentIn .title-headline:after{
    background: #1172C4;
    top: 20px;
    content: '';
    height: 3px;
    left: 0;
    width: 60px;
    position: relative;
    display: block;
}

/* .page-title.no-overlay .element-content .element-contentIn a.btn {
    color: #fff;
}

.page-title.no-overlay .element-content .element-contentIn a.btn:hover {
    color: #151515;
} */
.frame-background-primary,
.frame-background-primary,
.frame-background-secondary,
.frame-background-light,
.frame-background-dark {
    position: relative;
}

.frame-background-primary .row,
.frame-background-secondary .row,
.frame-background-light .row,
.frame-background-dark .row {
    position: relative;
    z-index: 1;
}

.frame-background-primary::before,
.frame-background-secondary::before,
.frame-background-light::before,
.frame-background-dark::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f2efef;
    /* left: -200%; */
    /* width: 400%; */
    z-index: -1;
}

.frame-background-dark::before {
    background-color: #d9d9d9;
}
.frame-background-primary::before {
    background-color: #1071C3;
}
.frame-background-secondary::before {
    background-color: #27B061;
}

.frame-background-primary .frame:not(a.btn),
.frame-background-secondary .frame:not(a.btn),
.frame-background-primary .frame header *,
.frame-background-secondary .frame header *{
    color: #fff;
}


.page-container.frame-space-after-extra-small,
.page-container.frame-space-before-large,
.page-container.frame-space-before-extra-large,
.page-container.frame-space-after-medium,
.page-container.frame-space-after-small {
    padding-bottom: 10px;
}

.page-container.frame-space-before-extra-small,
.page-container.frame-space-before-large,
.page-container.frame-space-before-extra-large,
.page-container.frame-space-before-medium,
.page-container.frame-space-before-small {
    padding-top: 10px;
}

.frame-space-after-extra-small .page-container,
.frame-space-before-large .page-container,
.frame-space-before-extra-large .page-container,
.frame-space-after-medium .page-container,
.frame-space-before-small .page-container {
    padding-bottom: 10px;
}

.frame-space-before-extra-small .page-container,
.frame-space-before-extra-large .page-container,
.frame-space-before-large .page-container,
.frame-space-before-medium .page-container,
.frame-space-before-small .page-container {
    padding-top: 10px;
}

.page-container + .page-container.frame-type-mask_infobox {
    padding-top: 100px;
}


/* .page-container.frame-space-before-small {
    padding-bottom: 60px;
}
.page-container.frame-space-before-small {
    padding-top: 60px;
}

.frame-space-before-small .page-container {
    padding-bottom: 60px;
}

.frame-space-before-small .page-container{
    padding-top: 60px;
} */

@media screen and (max-width: 1250px) {
    .page-title.no-overlay {
        height: 410px;
    }
}

@media screen and (min-width: 981px) {
    .page-title.default .element-content .title-headline {
        position: absolute;
    }
}

@media screen and (max-width: 980px) {
    .page-title.no-overlay {
        height: auto;
        margin-bottom: 0;
        margin-top: 90px;
    }
    .page-container + .page-container.frame-type-mask_infobox {
        padding-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .page-title.no-overlay {
        height: 320px;
        background-color: #f2efef;
    }

    .page-container + .page-container.frame-type-mask_infobox {
        padding-top: 40px;
    }

    .page-container.frame-type-mask_infobox {
        text-align: center;
    }

    .page-container.frame-type-mask_infobox .mobile-slider--item figure.image img {
        margin-left: auto;
        margin-right: auto;
    }

    body .accordion .accordion-item .accordionHeadline h5 {
        line-height: 1.2em !important;
        font-size: 16px !important;
    }

    section.page-container.frame-background-light.fullwidth-bg.frame.frame-none.frame-type-textmedia.frame-layout-fullwidth-bg .col-md-6 {
        text-align: center;
    }

    section.page-container.frame-background-light.fullwidth-bg.frame.frame-none.frame-type-textmedia.frame-layout-fullwidth-bg .col-md-6 .frame.frame-default.frame-type-text.frame-layout-0 header .headline-styled::after {
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    section.page-container.frame-background-light.fullwidth-bg.frame.frame-none.frame-type-textmedia.frame-layout-fullwidth-bg .col-md-6 .list-unordered li:before {
        left: initial;
        margin-left: -15px;
    }
}

.frame-layout-fullwidth-bg.frame-background-light::before,
.fullwidth-bg.frame-background-light::before {
    left: -200%;
    width: 400%;
}

.frame-space-before-extra-small .page-container + .page-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Accordion */
.accordionContainer {
    margin: 50px auto;
    max-width: 1400px;
}

.accordionContainer > * {
    margin-left: 20px;
    margin-right: 20px;
}

.accordionContainer h2 {
    text-align: center;
}

.accordionContainer h2::after {

}

.accordionContainer .questionIcon {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    border: 1px solid;
    line-height: 58px;
    margin-bottom: 10px;
    position: relative;
}

.accordionContainer .questionIcon:after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: -6px;
    width: 10px;
    height: 17px;
    border-top: 10px solid transparent;
    border-right: 7px solid #151515;
    border-bottom: 7px solid transparent;
    transform: rotate(-25deg);
}

.accordion {
    padding: 40px 40px 40px 40px;
    background-color: #f2efef;
    border-radius: 10px;
}

.accordion .accordion-item {
    margin-top: -1px;
}

.accordion .accordion-item .accordionHeadline {
    padding: 15px 20px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ddd;
}

.accordion .accordion-item .accordionHeadline h5 {
    margin-bottom: 0 !important;
    position: relative;
    font-size: 20px !important;
    line-height: 1.2em !important;
    font-weight: 600 !important;
    color: #505050 !important;
    padding-right: 20px;
    text-transform: none;
}


.accordion .accordion-item.active .accordionHeadline h5 {
    color: #1f88d9 !important;
}

.accordion .accordion-item .accordionHeadline h5::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    right: 0;
    border: 1px solid #505050;
    border-radius: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.accordion .accordion-item.active .accordionHeadline h5::after {
    background: linear-gradient(90deg, rgba(16, 113, 195, 1) 0%, rgba(48, 163, 242, 1) 100%);
    border-color: #1f88d9;
}

.accordion .accordion-item .accordionDetails {
    display: none;
    padding: 30px 20px;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

.accordion .accordion-item:last-child .accordionDetails {
    border-bottom: 1px solid #efefef;
}


.accordion .accordion-item .accordionDetails p:last-child {
    margin-bottom: 0;
}

/* Image sizes */

.imagesize-small img {
    height: 50px;
    width: auto;
}
.imagesize-medium img {
    max-width: 250px;
    height: auto;
}
.imagesize-Large img {
    max-width: 400px;
    height: auto;
}

/* Fixes */

section.page-container.page-container-full.text-center h6.sub-headline-styled.sub-headline-styled-tertiary {
    padding-top: 50px;
}

.page-title-slider.slick-initialized.slick-slider,
.page-title-slider.slick-initialized.slick-slider .slick-list.draggable,
.page-title-slider.slick-initialized.slick-slider .slick-list.draggable .slick-track {
    height: 100%;
}

.page-container.frame-type-mask_infobox ul.slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.page-container.frame-type-mask_infobox ul.slick-dots li {
    margin: 3px;
}

.page-container.frame-type-mask_infobox ul.slick-dots li button {
    border: 1px solid #cccccc;
    outline: 0;
}

.mobile-slider button.slick-arrow {
    border: 1px solid #cccccc;
    outline: 0;
}

.mobile-slider button.slick-prev {
    margin-bottom: 5px;
}

/* breadcrumbs */
@media screen and (max-width: 980px) {
    section.page-container.breadcrumb-container {
        /* opacity: 0; */
        /* display: none; */
        /* margin-top: 0; */
        /* padding-top: 0 !important; */
    }
    section.page-container.breadcrumb-container ol.breadcrumb {
        padding-bottom: 0;
    }

    .page-hero + section.page-container.breadcrumb-container {
        /* margin-top: 60px; */
    }

    button.slick-arrow,
    ul.slick-dots,
    .page-container.frame-type-mask_infobox ul.slick-dots {
        /* display: none !important; */
    }
}
.p459 {
    margin-top: 0;
}
@media (max-width: 767px) {
    .slick-initialized .slick-slide .display-none, .display-none {
        display: block;
    }
    .slick-initialized .slick-slide .display-block, .display-block {
        display: none;
    }
    .h2BorderCenter .headline-styled::after {
        margin-right: auto;
        margin-left: auto;
    }
    .breadcrumb-container {
        display: none;
    }
    .page-hero + section + a + section {
        margin-top: 60px;
    }
    .page-hero .btn {
        display: inline-block;
    }
    .frame-layout-fullwidth-bg.frame-background-light::before, .fullwidth-bg.frame-background-light::before {
        left: 0;
        width: 101%;
    }
    .row.flex-row-reverse.justify-content-between.offsetForPicture p,
    .row.flex-row-reverse.justify-content-between.offsetForPicture .col-md-6.display-none.h2BorderCenter {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .slick-initialized .slick-slide .display-none, .display-none {
        display: none;
    }
    .slick-initialized .slick-slide .display-block, .display-block {
        display: block;
    }
}
.frame-center-align figure{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pic-responsive .mediaelement .mediaelement-video {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}
.pic-responsive .mediaelement .mediaelement-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;
    border: 0;
}
.frame-space-after-no-space {
    padding-bottom: 0;
    margin-bottom: 0;
}
.frame-space-after-no-space .swiper-carousel-primary {
    padding-bottom: 0;
    margin-bottom: 0;
}
.frame-space-before-no-space.frame.frame-default,
.frame-space-before-no-space.frame.frame-default.frame-type-list {
    padding-top: 0;
}
.frame-no-boxes-overlay .swiper-carousel-primary {
    margin-top: 0;
    margin-bottom: 0;
}
.rowGridElements .ce-gallery figure img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.steps-container + .frame .page-container {
    padding-top: 0;
}
.steps-container + .frame .page-container .ce-textpic .btn {
    margin-top: 0;
    margin-bottom: 40px;
}
.steps-container .steps--item {
    background: #fff;
}
.frame-background-light header h2 {
    padding: 0 0 40px;
    margin: 0;
}
.frame-background-primary .page-container header h2 {
    color: #fff;
}
.noNavigation + .page-title, .noNavigation +.page-container, .noNavigation .page-title {
    margin-top: 0;
}
@media(max-width: 767px) {
    .page-container.news-detailpage .row.flex-row-reverse.justify-content-between.offsetForPicture .teaser-text p,
    .page-container.news-detailpage .row.flex-row-reverse.justify-content-between.offsetForPicture p,
    .page-container.news-detailpage .row.flex-row-reverse.justify-content-between.offsetForPicture .col-md-6.display-none.h2BorderCenter {
        text-align: left;
    }
}


.login-nav {
    display: flex;
    align-items: center;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s ease;
    color: #505050;
}

.login-nav svg {
    width: 20px;
    margin-right: 5px;
    stroke: #000;
}

@media(max-width: 980px) {
    .login-nav {
        color: #fff;
        margin-left: 20px;
        padding-top: 20px;
    }
    .login-nav:before {
        content: '';
        width: calc(100% - 40px);
        position: absolute;
        top: 0;
        left: 20px;
        display: block;
        height: 1px;
        background: rgba(255, 255, 255, .5);
    }
    .login-nav svg {
        stroke: #fff;
    }
}

@media(min-width: 981px) {
    .offsetForPicture.flex-row-reverse .col-md-6:first-child .pic-responsive{
        position: sticky;
        top: 12rem;
    }
}

.table td {
    text-align: left;
}

.news-detailpage .table-responsive {
    overflow-x: auto;
}

#c4109 .table-responsive {
    margin-bottom: 0px;
}