a, .a {
    color: #093f8d !important;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.table>thead{
    vertical-align: top !important;
    word-wrap: normal !important;
    word-break: normal !important;
}

.text-primary {
    color: #51aee2 !important;

}

a:hover {
    color: #51aee2;
    text-decoration: underline
}



.btn-primary, .btn-info {
    color: #fff !important;
    background-color: #093f8d !important;
    border-color: #093f8d !important;
}

.btn-primary:hover, .btn-info:hover {
    color: #fff;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover{

    background-color: #093f8d !important;
    border-color: #093f8d !important;
    color: #fff !important;
}


.btn-secondary, .btn-default {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.private-mode-active{
    margin-top: 35px !important;
}

.float-end:has(> .btn-entitylist-filter-submit) {
    float: left !important;
}


.view-grid{

    min-height: 200px;
}


.btn-entitylist-filter-submit{

    margin-top: 20px;
}

.approve-btn, .reject-btn{

width: 40px !important;
height: 40px !important;

}
.scrolled.private-mode-active{
    margin-top: 0px !important;
}
.breadcrumb {

    display: none !important;
}

.page-header {

    display: none !important;
}

.card.nav-profile{


    display: none;
}

#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel{

    display: none;
}

.pagination > li > a, .pagination > li > span:last-child{

    width: unset;
}

.query.form-control{

    font-size: initial !important;
}

.btn .remove{

    margin-left:5px;
}

.container .fa{

    line-height: initial !important;
}

#navbar-top {
    max-width: 1140px;
    height: 100%;
    margin: 0 auto;
}


.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}

.main,
.page-heading, #content:not(.container-fluid) {
    margin-top: 160px;

}

#ContentContainer_MainContent_MainContent_SecureRegister .col-lg-6{

width: unset !important;
}

.content {

    margin-top: 60px;
}

.sectionBlockLayout.row {

    margin-top: 140px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.columnBlockLayout{

    margin-top:10px !important;
}

.nav-link {
    display: block !important;
    padding: .5rem 1rem;

}



a:not(.btn):hover {
    text-decoration: none !important;
}


.input-group-text {

    display: block !important;
}


.list-group-item.active {

    background-color: #2598d5 !important;
    border-color: #2598d5 !important;

}

.application-link .vds-button {
    margin-bottom: 30px;
  }

.vds-button.assigned {
    background-color: #c8e6c9;
  }

@charset "UTF-8";

.content .tx-vds-cybersecuritymatrix b {
    font-family: "DinProMedium";
}

.content .tx-vds-cybersecuritymatrix ul.nav.sticky {
    position: sticky;
    width: 16vw;
    top: 150px;
    max-width: 230px;
}

.content .tx-vds-cybersecuritymatrix ul.nav li {
    margin: 0;
    padding-left: 0;
}

.tx-vds-cybersecuritymatrix .subnavigation li a {
    padding: 6px 10px 6px 0;
    display: inline-block;
}

.tx-vds-cybersecuritymatrix .subnavigation li a .trafficlight {
    Margin: 0 20px;
    display: inline-block;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: grey;
    position: relative;
    top: 5px;
    display: none;
}

.tx-vds-cybersecuritymatrix .matrixrow.empty {
    background-color: #eee;
    margin-bottom: 0;
    border-bottom: 1px solid black;
}

#content .tx-vds-cybersecuritymatrix .tab-box .nav-item.nav-link.status_1,
#content .tx-vds-cybersecuritymatrix .tab-box .nav-item.nav-link.status_1.active,
.tx-vds-cybersecuritymatrix .matrixrow .status_1,
#content .tx-vds-cybersecuritymatrix .matrixrow .status_1 a,
.tx-vds-cybersecuritymatrix .subnavigation li a .trafficlight.status_1 {
    background-color: #ca1240;
    color: #ffffff;
}

#content .tx-vds-cybersecuritymatrix .tab-box .nav-item.nav-link.status_2,
#content .tx-vds-cybersecuritymatrix .tab-box .nav-item.nav-link.status_2.active,
.tx-vds-cybersecuritymatrix .matrixrow .status_2,
#content .tx-vds-cybersecuritymatrix .matrixrow .status_2 a,
.tx-vds-cybersecuritymatrix .subnavigation li a .trafficlight.status_2 {
    background-color: #ffe30f;
    color: #777777;
}

#content .tx-vds-cybersecuritymatrix .tab-box .nav-item.nav-link.status_3,
#content .tx-vds-cybersecuritymatrix .tab-box .nav-item.nav-link.status_3.active,
.tx-vds-cybersecuritymatrix .matrixrow .status_3,
#content .tx-vds-cybersecuritymatrix .matrixrow .status_3 a,
.tx-vds-cybersecuritymatrix .subnavigation li a .trafficlight.status_3 {
    background-color: #D3D800;
    background-color: #009977;
    color: #ffffff;
}

.content .tx-vds-cybersecuritymatrix ul:not(.breadcrumb) li:before {
    content: "";
    display: inline-block;
    margin-left: -35px;
    width: 35px;
    height: 25px;
    background: #003d90;
    border-left: 10px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-top: 15px solid #eeeeee;
    border-right: 16px solid #eeeeee;
}

.content .tx-vds-cybersecuritymatrix ul.nav li:before {
    content: none;
}

#content .tx-vds-cybersecuritymatrix .tab-box .nav-item.last {
    margin-left: -5px;
}

#content .tx-vds-cybersecuritymatrix .tab-box {
    margin: 15px 0 65px;
}

#content .tx-vds-cybersecuritymatrix h4 {
    line-height: normal;
}

.tx-vds-cybersecuritymatrix .tab-content {
    border-left: 0px solid blue;
    border-right: 0px solid blue;
    border-bottom: 2px solid #003e90;
    background-color: #eeeeee;
    padding: 10px;
}

.tx-vds-cybersecuritymatrix .form_wrapper {
    border: 1px solid #003e90;
    text-align: center;
    padding: 10px;
    margin: 10px 20px;
}

.tx-vds-cybersecuritymatrix .form_wrapper form {
    display: inline-block;
}

.tx-vds-cybersecuritymatrix form .vds-button {
    margin-top: 20px;
    width: 250px;
    height: 60px;
    display: inline-block;
    float: right;
    position: relative;
    right: -15px;
}


#content .vds-messe-teaser {
    background-color: #f0f1f1;
    color: #6c6e6f;
    margin: 0 0 21px 0;
    border-bottom-right-radius: 2rem;
}

#content .vds-messe-teaser:hover {
    text-decoration: none;
    color: #6c6e6f;
}

.vds-messe-teaser .col-1,
.vds-messe-teaser .col-2,
.vds-messe-teaser .col-3,
.vds-messe-teaser .col-4,
.vds-messe-teaser .col-6,
.vds-messe-teaser .col-7,
.vds-messe-teaser .col-8,
.vds-messe-teaser .col-9 {
    padding: 0;
}

.vds-messe-teaser .vds-messe-teaser-text {
    margin: auto 0;
    padding-right: 10px;
}

.vds-messe-teaser .vds-messe-teaser-text p {
    font-size: 16px;
    line-height: 22px;
    margin: 4px 0;
    text-decoration: none;
}

.vds-messe-teaser .vds-messe-teaser-text img {
    height: 15px;
    width: auto;
    margin-bottom: 5px;
}

.vds-messe-teaser .vds-messe-teaser-img img {
    height: auto;
    width: 100%;
}

@media (min-width: 576px) {
    .vds-messe-teaser .vds-messe-teaser-text img {
        display: none;
    }
}

@media (min-width: 1146px) {
    .vds-messe-teaser p {}
}

@media (max-width: 767px) {
    .vds-messe-teaser img {
        width: auto;
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .vds-messe-teaser .vds-messe-teaser-text {
        margin-top: 20px;
    }
}

.content ul:not(.breadcrumb) {
    list-style: none;
    padding: 0;
}

.content ul:not(.breadcrumb) li {
    margin-bottom: 10px;
    padding-left: 30px;
}

.content ul:not(.breadcrumb) li:before {
    content: "";
    display: inline-block;
    margin-left: -35px;
    width: 35px;
    height: 25px;
    background: #003d90;
    border-left: 10px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 15px solid #fff;
    border-right: 16px solid #fff;
}

html {
    scroll-behavior: smooth;
}

a.tooltip-arrowlink:before {
    content: url("https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Pfeile/Pfeil_Lang_Grau.svg");
    width: 30px;
    height: 20px;
    display: inline-block;
    margin-right: 20px;
}

#content a.tooltip-arrowlink:hover {
    text-decoration: none;
}

a.tooltip-arrowlink:hover:before {
    content: url("https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Pfeile/Pfeil_Lang_Hellblau.svg");
}

.separator {
    height: 80px;
}

.contenttable {
    width: 100%;
}

.contenttable tr td {
    padding: 10px 0;
    border-top: 1px solid #dddddd;
    vertical-align: top;
}

.contenttable tr td ul li {
    line-height: 16px;
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}

.tx_vdspublikationen .table {
    margin-top: 70px;
}

.tx_vdspublikationen .table thead {
    background-color: #007ec3;
    color: #fff;
}

.tx_vdspublikationen .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 1);
}

.tx_vdspublikationen .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(224, 239, 248, 1);
}

ul.tx-indexedsearch-browsebox {
    list-style: none;
    display: inline-block;
    margin: 20px 0 40px 0;
    padding: 0;
}

ul.tx-indexedsearch-browsebox li {
    display: inline-block;
    margin: 0px;
    padding: 0;
    border: 1px solid #e0e2e3;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}

#content ul.tx-indexedsearch-browsebox li a {
    padding: 5px 20px;
    display: inline-block;
}

#content ul.tx-indexedsearch-browsebox li a:hover {
    background-color: #e0e2e3;
}

ul.tx-indexedsearch-browsebox li:last-child {
    border-right: 0;
    color: #ffffff;
    background-color: #52ade2;
}

#content ul.tx-indexedsearch-browsebox li:first-child a,
#content ul.tx-indexedsearch-browsebox li:last-child a {
    color: #ffffff;
}

ul.tx-indexedsearch-browsebox li:first-child {
    background-color: #52ade2;
    color: #ffffff;
}

#content ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
    color: grey;
}

#content ul.tx-indexedsearch-browsebox li:first-child a {
    color: #ffffff;
}

.tx-indexedsearch-redMarkup {
    color: #42a6db;
}

.tx-indexedsearch-res {
    border-bottom: 1px solid #dfe1e3;
    margin-bottom: 40px;
    padding-bottom: 10px;
    color: #212529;
}

#content .tx-indexedsearch-res h3 {
    margin-bottom: 10px;
}

#content .tx-indexedsearch-res h3 span.tx-indexedsearch-title a {
    color: #212529;
}

#content .tx-indexedsearch-res h3 span.tx-indexedsearch-title a:hover {
    color: #42a6db;
    text-decoration: none;
}

.frame-type-form_formframework select option {
    font-family: "Din Pro Regular", sans-serif;
    background-color: #eeeeee;
    color: #212529;
}

#content .approvalattribute table {
    border-collapse: collapse;
}

#content .approvalattribute table,
#content .approvalattribute th,
#content .approvalattribute td {
    border: 1px solid black;
    text-align: right;
    padding: 0 10px;
}

.cc-window.cc-floating {
    max-width: 100% !important;
}

.row .form-check {
    display: inline-block;
    width: auto;
    margin-right: 40px;
}

@media (max-width: 1199px) {
    .floating-block .contact-link {
        bottom: -40px;
        margin-top: -416px;
        padding: 7px 78px 8px 30px;
        right: -12px
    }
}

.floating-block .contact-link:hover {
    background: #a71114;
    text-decoration: none
}

.floating-block .contact-link:before {
    content: '';
    height: 17px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 17px
}

@media (max-width: 991px) {
    .floating-block .contact-link {
        bottom: 0;
        display: block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=1,SizingMethod='auto expand')";
        float: none;
        font-size: 27px;
        line-height: 30px;
        margin: 0 !important;
        overflow: hidden;
        padding: 14px 55px 16px 25px;
        right: 0;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }

    .floating-block .contact-link:before {
        right: 22px;
        top: 22px
    }
}

@media (max-width: 767px) {
    .floating-block .contact-link {
        padding-left: 15px;
        padding-right: 45px
    }

    .floating-block .contact-link:before {
        right: 12px
    }
}

.floating-block .floating-slide {
    background: #f4f4f4;
    color: #564a44;
    float: left;
    left: -68px;
    margin-right: -790px;
    margin-top: -91px;
    overflow: hidden;
    padding: 20px 17px 16px 8px;
    position: relative;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 790px;
    z-index: 1
}

.floating-block {
    bottom: 50px;
    padding-top: 11px;
    position: fixed;
    right: 0;
    text-align: center;
    top: auto;
    width: 100%;
    z-index: 998
}

@media (min-width: 992px) {
    .floating-block {
        top: 150px;
        z-index: 1000;
        bottom: initial;
        padding-top: 91px;
        width: auto
    }
}

@media (max-width: 1199px) {
    .floating-block .floating-slide {
        margin-top: -85px
    }
}

@media (max-width: 991px) {
    .floating-block .floating-slide {
        float: none;
        left: 0;
        margin: 0;
        max-height: 0;
        padding: 0;
        width: 100%
    }
}

.floating-block .two-cols {
    overflow: hidden;
    padding-bottom: 10px;
    position: relative
}

.floating-block .two-cols:before {
    background: #cecece;
    bottom: 0;
    content: '';
    left: 49.1%;
    position: absolute;
    top: 0;
    width: 1px
}

@media (max-width: 767px) {
    .floating-block .two-cols:before {
        display: none
    }
}

.floating-block.active .inner-holder {
    float: left
}

.floating-block.active .floating-slide {
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .25);
    margin-right: 0
}

@media (max-width: 991px) {
    .floating-block.active .floating-slide {
        max-height: 2000px;
        padding: 20px 0
    }
}

.floating-block .contact-block {
    float: left;
    padding: 0 3.1% 0 2.6%;
    width: 49%
}

@media (max-width: 767px) {
    .floating-block .contact-block {
        float: none;
        width: 100%
    }
}

.floating-block .contact-form-holder {
    float: left;
    padding: 0 2.6% 0 3.4%;
    width: 51%
}

@media (max-width: 767px) {
    .floating-block .contact-form-holder {
        float: none;
        width: 100%
    }
}

.msie.msie-9 .floating-block .contact-link,
.msie.msie-10 .floating-block .contact-link {
    margin-top: -160px
}

@media (max-width: 1199px) {

    .msie.msie-9 .floating-block .contact-link,
    .msie.msie-10 .floating-block .contact-link {
        margin-top: -145px
    }
}

.msie.msie-8 .floating-block .contact-link {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin: -240px -174px 0 0
}

@media (max-width: 1199px) {
    .msie.msie-8 .floating-block .contact-link {
        margin: -205px -151px 0 0
    }
}

.flyouts-container {
    display: none;
    position: relative
}

.flyouts {
    display: flex;
    justify-content: center;
    list-style-type: none
}

.flyouts>li+li {
    margin-left: 5px
}

.flyouts>li .flyout-toggle {
    align-items: center;
    background: #ffffff;
    display: flex;
    height: 50px;
    justify-content: center;
    position: relative;
    width: 50px;
    z-index: 3;
    box-shadow: 0 1px 5px #cccccc;
}

.flyouts>li:first-child .flyout-toggle {
    background: #157DC3;
}

.flyouts>li:last-child .flyout-toggle {
    border-bottom-left-radius: 10px;
}

.flyouts>li .flyout-toggle>span {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px;
    width: 40px
}

.flyouts>li .flyout-toggle>span img {
    width: 31px;
    height: auto;
}

.flyouts>li .flyout-content {
    background-color: #fff;
    bottom: -100vh;
    color: #000;
    left: 0;
    max-height: 70vh;
    min-width: 425px;
    overflow: auto;
    padding: 20px 50px;
    position: absolute;
    transition: 500ms bottom linear;
    width: 100%;
    z-index: 999;
    text-align: left;
    border-bottom-left-radius: 20px;
    box-shadow: 0 1px 5px #cccccc;
}

.flyouts>li .flyout-content.newsletter .flyout-image {
    width: 30%;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
    vertical-align: top;
}

.flyouts>li .flyout-content.newsletter .flyout-info {
    width: 70%;
    margin: 0;
    padding: 5px 15px;
    display: inline-block;
    vertical-align: top;
}

.flyouts>li .flyout-content.text-image .flyout-image {
    width: 100%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.flyouts>li .flyout-content .flyout-image img {
    width: 100%;
    height: auto;
}

.flyouts>li .flyout-content.text-image .flyout-info,
.flyouts>li .flyout-content.linklist .flyout-info {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    display: inline-block;
    vertical-align: top;
}

.flyouts>li .flyout-content .flyout-info p {
    font-size: 17px;
    line-height: normal;
    color: #373A3B;
}

.flyouts>li .flyout-content.newsletter .flyout-info p {
    margin-bottom: 0;
}

.flyouts>li .flyout-content .flyout-toggle {
    margin-left: auto;
    margin-right: -15px;
    margin-top: -50px
}

.flyouts>li .flyout-content>.image-content {
    background-color: #cecece;
}

.flyouts>li .flyout-content svg {
    height: 15px;
    width: auto;
}

.flyouts>li .flyout-content svg:hover {
    stroke: darkblue;
}

.flyouts>li .flyout-content>.content-holder {
    background-color: #fff;
    padding: 15px 0
}

.flyouts>li.expanded,
.flyouts>li:hover {
    bottom: 0
}

.flyouts>li.expanded .flyout-content,
.flyouts>li:hover .flyout-content {
    bottom: 55px
}

#content .flyouts>li .flyout-content.linklist .flyout-info a.tooltip-arrowlink {
    color: #4e555b;
    padding: 7px 0 20px;
    border-bottom: 1px solid #E0E2E3;
    width: 100%;
    display: inline-block;
}

.flyouts>li .flyout-content.linklist .flyout-info a.tooltip-arrowlink:before {
    content: "";
    width: 0;
    height: 0;
    margin: 0;
}

.flyouts>li .flyout-content.linklist .flyout-info a.tooltip-arrowlink:after {
    content: url("https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Pfeile/Pfeil_Lang_Grau.svg");
    width: 26px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 50px;
}

@media (min-width: 992px) {
    .flyouts-container {
        display: inline-block;
        position: relative
    }

    .flyouts {
        flex-direction: column
    }

    .flyouts li {
        position: relative;
        right: 0;
        transition: 250ms right linear
    }

    .flyouts>li:first-of-type .flyout-toggle {
        -webkit-animation: shake 1s linear 8s;
        animation: shake 1s linear 8s;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .flyouts>li+li {
        margin-left: 0;
        margin-top: 2px
    }

    .flyouts>li .flyout-content {
        bottom: auto;
        left: 100%;
        min-width: 425px;
        top: 0;
        transition: none
    }

    .flyouts>li.large-flyout .flyout-content {
        min-width: 600px
    }

    .flyouts>li .flyout-content .flyout-toggle {
        display: none;
    }

    .flyouts>li.expanded,
    .flyouts>li:hover {
        right: 425px
    }

    .flyouts>li.large-flyout.expanded,
    .flyouts>li.large-flyout:hover {
        right: 600px
    }

    .flyouts>li.expanded .flyout-content,
    .flyouts>li:hover .flyout-content {
        bottom: auto;
        top: 0;
        width: auto
    }
}

.bild-500,
.bild-500 h1,
.bild-500 h2,
.bild-500 h3 {
    color: #ffffff;
}

.bild-500 .bild {
    padding-right: 0;
    padding-left: 0;
    min-height: 300px;
}

.bild-500 .text {
    padding: 40px 60px 40px 60px;
    text-align: center;
}

.bild-500 .text .stretch_headers {
    border-top: 10px solid #ffffff;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

.bild-500 .text h1 {
    font-size: 84px;
    line-height: 75px;
    font-family: "DinProMedium";
    margin-bottom: 0;
}

.bild-500 .text h2 {
    font-size: 38px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.bild-500 .text h1 span,
.bild-500 .text h2 span {
    margin-top: 10px;
    display: inline-block;
}

.bild-500 .text p {
    font-family: "DinProRegular";
    font-size: 18px;
    line-height: 1.7em;
    display: inline-block;
    margin-top: 15px;
}

.bild-500 {
    margin: 30px 0;
}

.bild-500 .text span.stretch_it {
    white-space: nowrap;
    display: inline-block;
}

.justify {
    text-align: justify;
}

@media (min-width: 768px) {
    .bild-500 .text {
        text-align: left;
        padding: 40px 30px;
    }

    .bild-500 .text .stretch_headers {
        max-width: 350px;
        margin: 0;
    }
}

@media (min-width: 900px) {
    .bild-500 .text {
        text-align: left;
        padding: 40px;
    }

    .bild-500 .text .stretch_headers {
        width: 80%;
    }
}

@media (min-width: 1140px) {
    .bild-500 .text h1 {
        font-size: 100px;
        line-height: 92px;
    }

    .bild-500 .text h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .bild-500 .text p {
        font-size: 18px;
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .bild-500 .text h2 {
        padding-top: 8px;
    }

    *::-ms-backdrop,
    .bild-500 .text h1 {
        line-height: 85px;
        padding-top: 15px;
    }
}

.tab-box {
    margin: 30px 0;
}

.tab-box .col-12 {
    padding-left: 0;
    padding-right: 0;
}

.tab-box .nav-tabs {
    padding-left: 5px;
    border: 0;
    justify-content: space-between;
}

.tab-box .nav-item.nav-link {
    color: #ffffff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    background-color: #2699d6;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 25px;
    flex-grow: 1;
    text-align: center;
}

.tab-box .nav-item.nav-link.first {
    margin-left: -5px;
}

.tab-box .nav-item.nav-link.active {
    color: #003e90;
    margin-left: -5px;
    margin-right: 0;
    padding: 5px 30px 10px 30px;
    background-color: #ffffff;
    border-top: 5px solid #003e90;
}

.tab-box .nav-item.nav-link.active.first {
    padding-left: 25px;
}

.tab-box .nav-item.nav-link.active.last {
    margin-right: 0px;
    padding-right: 25px;
}

.tab-box .tab-content {
    padding-top: 40px;
}

.tab-box .tab-content img {
    float: left;
    max-width: 35%;
    margin-right: 5%;
    margin-top: 8px;
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .tab-box .tab-content img {
        display: none;
    }
}

.tab-box h1,
.tab-box h2,
.tab-box h3,
.tab-box h4,
.tab-box h5 {
    padding-bottom: 20px;
}

#content .tab-box .nav-link {
    color: #ffffff;
}

#content .tab-box .nav-link.active {
    color: #003e90;
}

.accordion-element-full,
.accordion-element-plus {
    margin: 30px 0;
}

.accordion-element-full header,
.accordion-element-plus header {
    margin-bottom: 30px;
}

.accordion-element-full h3,
.accordion-element-plus h3 {
    font-size: 26px;
    line-height: normal;
}

.accordion-element-full .accordion-element-card,
.accordion-element-plus .accordion-element-card {
    margin-bottom: 20px;
}

.accordion-element-full .accordion-element-card img,
.accordion-element-plus .accordion-element-card img {
    float: left;
    max-width: 35%;
    margin-right: 5%;
    margin-top: 8px;
    margin-bottom: 10px;
}

@media (max-width: 575px) {

    .accordion-element-full .accordion-element-card img,
    .accordion-element-plus .accordion-element-card img {
        display: none;
    }

    .accordion-element-full h3,
    .accordion-element-plus h3 {
        font-size: 20px;
        line-height: normal;
    }
}

.accordion-element {
    min-height: 65px;
}

.accordion-element-full .card-body,
.accordion-element-plus .accordion-element-card.active {
    margin-bottom: 0px;
    margin-top: 15px;
}

.accordion-element-full .card-header {
    display: block;
    border-radius: 0;
    border-bottom-right-radius: 30px;
}

.accordion-element-full .card-header {
    background-color: #2699d6;
    padding: 20px 1.25rem;
}

.accordion-element-full a.card-header,
.accordion-element-full a.card-header h3 {
    color: #ffffff;
    text-decoration: none;
    font-family: "DinProMedium";
}

.accordion-element-full .card-header.collapsed {
    background-color: #dfe1e3;
}

.accordion-element-full a.card-header.collapsed,
.accordion-element-full a.card-header.collapsed h3 {
    color: #003e90;
    text-decoration: none;
    font-family: "DinProMedium";
}

.accordion-element-full a.card-header:hover,
.accordion-element-full a.card-header:hover h3 {
    color: #ffffff;
    background-color: #2699d6;
}

.accordion-element-plus .card-header {
    border-radius: 0;
    border-bottom-right-radius: 30px;
}

.accordion-element-plus .card-header {
    color: #003e90;
    background-color: #dfe1e3;
    padding: 20px 1.25rem;
}

.accordion-element-plus .active .card-header {
    color: #ffffff;
    background-color: #2699d6;
}

.accordion-element-plus .card-header a,
.accordion-element-plus .card-header a:hover {
    color: #003e90;
    text-decoration: none;
    font-family: "DinProMedium";
}

.accordion-element-plus .active .card-header a,
.accordion-element-plus .active .card-header a:hover {
    color: #ffffff;
    text-decoration: none;
    font-family: "DinProMedium";
}

.accordion-element-plus .mb-0,
.accordion-element-full .mb-0 {
    position: relative;
    padding-right: 40px;
    word-break: keep-all;
}

.accordion-element-plus .cicon,
.accordion-element-full .cicon {
    position: absolute;
    right: 0;
    height: 100%;
    display: inline-block;
}

.accordion-element-plus i.cicon,
.accordion-element-full i.cicon {
    position: relative;
    display: inline-block;
    font-family: none;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 32px;
    text-align: center;
}

.accordion-element-plus .cicon,
.accordion-element-full .cicon {
    border-color: #ffffff;
}

.accordion-element-plus .collapsed .cicon,
.accordion-element-full .collapsed .cicon {
    border-color: #003e90;
}

.accordion-element-plus .more-less,
.accordion-element-full .more-less {
    color: #212121;
}

.accordion-element-plus .cicon-plus-minus,
.accordion-element-full .cicon-plus-minus {
    width: 30px;
    height: 30px;
    background: url('../../..https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Dot_Plus_Minus/Dot_Minus_Weiss_Mobile.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.accordion-element-plus .active:hover .cicon-plus-minus,
.accordion-element-full .collapsed:hover .cicon-plus-minus {
    background: url('../../..https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Dot_Plus_Minus/Dot_Plus_Weiss_Mobile.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.accordion-element-plus .active .cicon-plus-minus,
.accordion-element-full .collapsed .cicon-plus-minus {
    background: url('../../..https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Dot_Plus_Minus/Dot_Plus_Dunkelblau_Mobile.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.accordion-element-full .card-body,
.accordion-element-plus .card-body {
    padding: 10px 10px 1.25rem 0;
}

.tab-point-nav .nav-item {
    display: block;
    margin-left: -23px;
    width: 50px;
    height: 50px;
    padding: 0;
    margin-bottom: 35px;
    border: 0px;
}

.tab-point-nav .nav-item.active {
    margin-left: -43px;
    width: 90px;
    height: 90px;
}

.tab-point-nav .nav-item.last {
    margin-bottom: 0;
}

.tab-point-nav nav {
    text-align: center;
}

.tab-point-nav .nav {
    width: 3px;
    text-align: center;
    display: inline-block;
    background-color: #2699d6;
}

.tab-point-nav .tab-pane {
    border-bottom-right-radius: 30px;
    padding: 20px 55px 20px 40px;
    background-color: #f1f1f1;
    margin-top: 45px;
    color: #6c757d;
}

.tab-point-nav .tab-pane.active {
    animation: fade-in 2s ease-out;
}

@keyframes fade-in {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.desktop-carousel {
    margin: 0px;
}

.desktop-carousel .foreground,
.desktop-carousel .pikto,
.desktop-carousel .slide__content {
    position: absolute;
}

.desktop-carousel .foreground {
    width: 100%;
}

.desktop-carousel .foreground img,
.desktop-carousel .background img {
    width: auto;
    height: auto;
}

.desktop-carousel .slide {
    position: relative;
    overflow: hidden;
}

.desktop-carousel .foreground {
    top: 0;
    left: 0;
}

.desktop-carousel .pikto {
    top: 8%;
    right: 5%;
}

.desktop-carousel .slide__content {
    top: 8%;
    left: 5%;
    max-width: 40%;
    background-color: rgba(255, 255, 255, .85);
    padding: 15px 20px;
    font-size: 15px;
    line-height: 24px;
}

#content .desktop-carousel .slick-dots a {
    color: #ffffff;
    font-size: 15px;
}

#content .content .desktop-carousel .slick-dots li:before,
.desktop-carousel .slick-dots li:before {
    display: none;
}


.vds-top-thema {
    padding-right: 60px;
}

@media (max-width: 768px) {
    .vds-top-thema {
        padding-right: 0;
        margin-bottom: 40px;
    }
}

.vds-top-thema h1 {
    font-size: 36px;
    line-height: 56px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .vds-top-thema h1 {
        font-size: 32px;
        line-height: 45px;
    }
}

.vds-top-thema h2 {
    font-size: 16px;
    line-height: 22px;
}

.vds-top-thema,
.vds-top-thema h1,
.vds-top-thema h2 {
    color: #ffffff;
}

.vds-top-thema .bild img {
    width: 100%;
    height: auto;
}

.vds-top-thema .info {
    padding: 35px 20px 20px 20px;
    border-bottom-right-radius: 30px;
}

.vds-top-thema .header {
    width: 100%;
    display: inline-block;
}

.vds-top-thema .text {
    display: none;
    margin-bottom: 90px;
    font-size: 16px;
    line-height: 26px;
}

.vds-top-thema .link-arrow {
    height: 20px;
    width: 30px;
    display: block;
}

.vds-top-thema .cat-pikto {
    display: none;
    float: right;
    width: 72px;
}

.vds-top-thema .cat-pikto img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .vds-top-thema .cat-pikto {
        display: block;
    }

    .vds-top-thema .header {
        width: 85%;
    }

    .vds-top-thema .text {
        display: block;
    }
}

.vds-bewerbung {
    text-align: center;
    font-size: 16px;
    line-height: 23px;
}

.vds-bewerbung h1 {
    color: #2598d5;
    font-size: 19px;
    line-height: 33px;
}

.vds-bewerbung p {
    color: #6c6e6f;
    margin: 0;
}

.vds-bewerbung img {
    width: 121px;
    height: 121px;
    margin-bottom: 30px;
}

.vds-bewerbung .col-12 {
    padding: 0 52px;
}

@media (min-width: 768px) {
    .vds-bewerbung .col-12 {
        margin-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .vds-bewerbung .col-12 {
        margin-bottom: 75px;
    }
}

@media (max-width: 575px) {
    .vds-bewerbung .col-12 {
        margin-bottom: 50px;
    }
}

.vds-bildungspass-text {
    margin-top: 39px;
    color: #6c6e6f;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
}

.vds-bildungspass-text .col-12 {
    background: rgba(255, 255, 255, .85);
}

.vds-bildungspass-text h1,
.vds-bildungspass-text h2 {
    color: #003e90;
}

.vds-bildungspass-text h1 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 35px;
}

.vds-bildungspass-text h2 {
    font-size: 16px;
    line-height: 22px;
}

.vds-bildungspass-text img,
.vds-bildungspass-text svg {
    height: 15px;
}

@media (min-width: 768px) {
    .vds-bildungspass-text .col-12 {
        padding: 25px 25px;
    }

    .vds-bildungspass-text img {
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .vds-bildungspass-text .col-12 {
        padding: 30px 35px;
    }

    .vds-bildungspass-text img {
        margin-top: 15px;
    }
}

@media (min-width: 1200px) {
    .vds-bildungspass-text .col-12 {
        padding: 35px 45px;
    }

    .vds-bildungspass-text img {
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    .vds-bildungspass-text {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .vds-bildungspass-img img.img-fluid {
        border-bottom: 40px solid #2598d5;
    }

    .vds-bildungspass img.img-fluid {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .vds-bildungspass-text {
        margin-top: 0;
        padding: 0 15px 15px 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .vds-bildungspass-img.col-12 {
        padding: 0;
    }

    .vds-bildungspass-text-blue {
        padding: 20px 15px;
        background-color: #2598d5;
        margin: 0 -15px 20px -15px;
    }

    .vds-bildungspass-text-blue h1,
    .vds-bildungspass-text-blue h2 {
        color: #fff;
    }

    .vds-bildungspass-text-blue h1 {
        margin: 0;
    }
}

.vds-button {
    background-color: #dfe1e3;
    border-bottom-right-radius: 2rem;
    display: inline-block;
    height: auto;
    min-height: 120px;
    padding: 0;
    position: relative;
    width: 100%;
}

#content a.vds-button-small {
    height: auto;
    color: #fff;
    background-color: #003C8D;
    padding: 5px 15px;
    border-bottom-right-radius: 20px;
    display: block;
    position: absolute;
    right: 0;
}

#content a.vds-button-small:hover {
    color: #003C8D;
    background-color: #dfe1e3;
}

#content a.vds-back-button {
    background-color: #dfe1e3;
    border-bottom-right-radius: 2rem;
    display: inline-block;
    height: auto;
    min-height: 60px;
    padding: 0;
    position: relative;
    width: 80%;
    line-height: 60px;
    text-align: center;
}

#content a.vds-back-button:hover {
    background-color: #2598d5;
    text-decoration: none;
    color: #ffffff;
}

form .vds-button {
    border: none;
    cursor: pointer;
    min-height: 42px;
    min-width: 160px;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

form .vds-button:visited {
    background-color: #0056b3;
}

@media (min-width: 768px) {
    .form-navigation .vds-button {
        padding: 0 2rem;
    }
}

.vds-button.small {
    width: 83%;
}

.vds-button:hover,
.vds-button.active {
    background-color: #2598d5;
}

.vds-button:hover,
.vds-button:hover .vds-button-text,
.vds-button.active .vds-button-text {
    color: #fff;
}

.vds-button .vds-button-text {
    color: #0056b3;
    font-family: 'DinProRegular', sans-serif;
    font-size: 28px;
    line-height: 35px;
    margin: 16px 30px 40px 24px;
}

.vds-button .vds-button-img {
    bottom: 0;
    left: 0;
    position: absolute;
    height: 15px;
    margin-bottom: 13px;
    margin-left: 24px;
    width: 25px;
}

@media (max-width: 767px) {
    .vds-button .vds-button-text {
        color: #0056b3;
        font-size: 19px;
        line-height: 33px;
        margin-left: 12px;
        margin-top: 20px;
    }

    .vds-button {
        margin-bottom: 40px;
    }

    .vds-button .vds-button-img {
        bottom: 0;
        margin-bottom: 13px;
        margin-left: 13px;
        position: absolute;
    }
}

.vds-contact {
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
    border: 0px solid lime;
}

.vds-contact .row {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .vds-contact {
        width: 100%;
    }
}

.vds-contact-image {
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 9px solid #2598d5;
}

.vds-contact-image img {
    height: auto;
    float: right;
}

.vds-contact-name,
.vds-contact-tel,
.vds-contact-fax {
    margin: 0;
    width: 100%;
}

.vds-contact-name .vds-contact-name-text a {
    color: #003d90;
    text-decoration: none;
}

.vds-contact-name .vds-contact-name-img,
.vds-contact-tel .vds-contact-tel-img,
.vds-contact-fax .vds-contact-fax-img {
    width: 27px;
    height: 100%;
    max-height: 27px;
    padding: 0;
    margin: 12px 7px 0 0;
}

.vds-contact-name .vds-contact-name-space,
.vds-contact-tel .vds-contact-tel-space,
.vds-contact-fax .vds-contact-fax-space {
    margin-bottom: 4px;
    border-bottom: 1px solid #dfe1e3;
}

.vds-contact-name .vds-contact-name-text,
.vds-contact-tel .vds-contact-tel-text,
.vds-contact-fax .vds-contact-fax-text {
    padding: 0;
    margin: 15px 0;
    font-size: 16px;
    line-height: 16px;
    color: #003d90;
}

@media (max-width: 767px) {
    .vds-contact.row {
        padding-left: 25vw;
        margin-top: 0;
    }

    .vds-contact .row {
        margin: 15px 0;
    }

    .vds-contact-name .vds-contact-name-img,
    .vds-contact-tel .vds-contact-tel-img,
    .vds-contact-fax .vds-contact-fax-img {
        margin: 0;
        position: relative;
        left: calc(-25vw + 30px);
    }

    .vds-contact-name .vds-contact-name-text,
    .vds-contact-tel .vds-contact-tel-text,
    .vds-contact-fax .vds-contact-fax-text {
        position: relative;
        left: -27px;
    }

    .vds-contact-tel .vds-contact-tel-text,
    .vds-contact-fax .vds-contact-fax-text {
        margin-left: -8px;
    }

    .vds-contact-name .vds-contact-name-text,
    .vds-contact-tel .vds-contact-tel-text,
    .vds-contact-fax .vds-contact-fax-text {
        margin: auto;
        line-height: 16px;
    }
}

.vds-coverflow .swiper-slide {
    background-color: #2598d5;
    color: #fff;
    height: auto;
    max-width: 734px;
    border-bottom-right-radius: 2rem;
}

.vds-coverflow.swiper-container {
    overflow: visible;
}

.vds-coverflow a {
    text-decoration: none;
    color: #ffffff;
}

.vds-coverflow-bottom-text h2:hover,
.vds-coverflow a:hover {
    text-decoration: none;
    color: #003e90;
}

@media (min-width: 1162px) {
    .vds-coverflow {
        margin-left: calc((100vw - 1162px) / 2);
    }
}

@media (min-width: 768px) {
    .vds-coverflow-bottom-text a svg {
        display: none;
    }
}

.vds-coverflow-bottom img.img-fluid {
    min-width: 100%;
}

.vds-coverflow-top img {
    width: 100%;
}

.vds-coverflow-bottom .row {
    padding: 0;
    margin: 0;
}

.vds-coverflow-bottom-text h1 {
    font-size: 16px;
    color: #fff;
    margin: 15px 0;
    line-height: normal;
}

.vds-coverflow-bottom-text h2 {
    font-size: 32px;
    color: #fff;
    line-height: normal;
}

.vds-coverflow-bottom-link {
    min-height: 20px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}

.vds-coverflow-bottom-link span {
    flex-grow: 1;
}

.vds-coverflow-bottom-link a {
    display: flex;
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .vds-coverflow-bottom-link a {
        height: 15px;
    }

    .vds-coverflow-bottom-link svg {
        position: relative;
        top: -6px;
    }

    .vds-coverflow-bottom-text a svg {
        position: relative;
        left: calc(-50% + 15px);
    }
}

.vds-coverflow-bottom-links.row {
    margin-top: 15px;
}

.vds-coverflow-bottom-text a svg {
    height: 15px;
}

.vds-coverflow-bottom-link a svg,
.vds-coverflow-bottom-links img {
    flex-basis: 25px;
    align-self: flex-start;
    margin: 5px 0 0 5px;
    flex-shrink: 0
}

.vds-coverflow .swiper-slide {
    opacity: 0;
}

.vds-coverflow .swiper-slide.swiper-slide-next,
.vds-coverflow .swiper-slide.swiper-slide-prev {
    opacity: 0.5;
}

.vds-coverflow .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.vds-coverflow .swiper-button-prev {
    background-image: url(https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Pfeile/Pfeil_Weiss_Nach_Links.svg);
}

.vds-coverflow .swiper-button-next {
    background-image: url(https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Pfeile/Pfeil_Weiss_Nach_Rechts.svg);
}

@media (min-width: 1134px) {
    .vds-coverflow .swiper-button-prev {
        left: calc((100% - 754px) / 2 - 27px);
    }

    .vds-coverflow .swiper-button-next {
        right: calc((100% - 754px) / 2 - 27px);
    }
}

@media (max-width: 1133px) {
    .vds-coverflow .swiper-button-prev {
        left: 0;
    }

    .vds-coverflow .swiper-button-next {
        right: 0;
    }
}

@media (min-width: 768px) {
    .vds-coverflow .swiper-button-prev {
        background-image: url(https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Pfeile/Pfeil_Weiss_Nach_Links.svg);
    }

    .vds-coverflow .swiper-button-next {
        background-image: url(https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Pfeile/Pfeil_Weiss_Nach_Rechts.svg);
    }

    #abovecontent .scroll-down img {
        height: 40px;
        width: auto;
    }
}

@media (max-width: 767px) {
    .vds-coverflow-bottom-text h1 {
        font-size: 16px;
        line-height: 24px;
    }

    .vds-coverflow-bottom-text h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .vds-coverflow .swiper-button-prev {
        left: 15px;
    }

    .vds-coverflow .swiper-button-next {
        right: 15px;
    }

    .vds-coverflow .swiper-button-next,
    .vds-coverflow .swiper-button-prev {
        display: none;
    }

    .vds-coverflow-buttonPrev,
    .vds-coverflow-buttonNext {
        bottom: calc((100vh - 200px) / 4);
        position: relative;
    }

    .vds-coverflow-buttonPrev img,
    .vds-coverflow-buttonNext img {
        height: 23px;
        width: auto;
    }

    #abovecontent .scroll-down img {
        width: 23px;
        height: auto;
        position: relative;
        top: 21px;
    }
}

.vds-coverflow-buttonPrev,
.vds-coverflow-buttonNext,
.vds-coverflow-center,
#abovecontent .scroll-down {
    bottom: calc((100vh - 355px) / 4);
    position: relative;
    color: #003e90;
}

.vds-coverflow-mobile {
    position: absolute;
    bottom: 0;
    height: auto !important;
}

.mobile-left {
    display: block;
    width: 62px;
    text-align: left;
}

.mobile-left img {
    display: block;
    margin-right: auto;
    height: 30px;
    width: 20px;
}

.mobile-center {
    display: block;
    width: 62px;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
}

.mobile-center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 20px;
    width: 30px;
}

.mobile-right {
    display: block;
    width: 62px;
    text-align: right;
}

.mobile-right img {
    display: block;
    margin-left: auto;
    height: 30px;
    width: 20px;
}

.mobile-left a,
.mobile-center a,
.mobile-right a {
    color: #003e90;
}

.vds-coverflow-mobile {
    margin-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px;
}

@media all and (max-width: 768px) and (min-height:900px) {
    .vds-coverflow-mobile {
        bottom: calc(100vh - 900px);
    }
}

#publications-box-anchor,
#quicklinks-box-anchor,
#download-box-anchor {
    margin-top: 60px;
    height: 59px;
    background-color: #dfe1e3;
    display: flex;
}

#publications-box-anchor,
#download-box-anchor {
    margin-top: 20px;
}

#content #publications-box-anchor a,
#content #quicklinks-box-anchor a,
#content #download-box-anchor a {
    text-decoration: none;
    font-size: 17px;
    color: #0056b3;
    width: 100%;
    line-height: 17px;
    font-family: 'DinProMedium';
}

@media (min-width: 768px) {

    #publications-box-anchor a,
    #quicklinks-box-anchor a,
    #download-box-anchor a {
        margin: auto calc(22px - ((1146px - 100vw) / 378 * 14));
    }
}

@media (min-width: 1146px) {

    #publications-box-anchor a,
    #quicklinks-box-anchor a,
    #download-box-anchor a {
        margin: auto 22px;
    }
}

#publications-box-anchor a img,
#publications-box-anchor a svg,
#quicklinks-box-anchor a img,
#quicklinks-box-anchor a svg,
#download-box-anchor a img,
#download-box-anchor a svg {
    width: 23px;
}

#publications-box-anchor a .row .col,
#publications-box-anchor a .row .col-auto,
#quicklinks-box-anchor a .row .col,
#quicklinks-box-anchor a .row .col-auto,
#download-box-anchor a .row .col,
#download-box-anchor a .row .col-auto {
    padding: 0;
    margin: auto;
}

#publications-box-anchor a .row,
#quicklinks-box-anchor a .row,
#download-box-anchor a .row {
    margin: 0;
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    #publications-box-anchor a .row,
    #quicklinks-box-anchor a .row,
    #download-box-anchor a .row {
        height: 100%;
        align-items: center;
    }
}

.vds-download-box .row {
    width: 100%;
    border: 1px solid #2598d5;
    margin: 0;
}

.vds-download-box img.download-box-icon {
    width: 26px;
    margin-top: -14px;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .vds-download-box img.download-box-icon {
        width: 20px;
        margin-top: -3px;
        margin-left: 10px;
    }
}

.vds-download-box .vds-download-box-header h2 {
    color: #6c6e6f;
    margin: 16px 0;
    font-size: 19px;
    line-height: normal;
}

.vds-download-box-header,
.vds-download-box-link {
    align-items: center;
    display: flex;
}

.vds-download-box .row .vds-download-box-header {
    min-height: 120px;
    margin: 0 13px;
}

.vds-download-box-header.open,
.vds-download-box-header.closed {
    height: 100%;
}

.vds-download-box-link {
    margin: 20px 12px;
}

.vds-download-box-link-text {
    margin: 10px 12px;
}

.vds-download-box-link a {
    text-decoration: none;
    cursor: pointer;
    color: #2598d5;
}

.vds-download-box-link p {
    width: 100%;
}

.vds-download-box {
    font-size: 19px;
    line-height: 26px;
    margin: 60px 0;
}

@media (max-width: 767px) {
    .vds-download-box {
        margin: 20px 0;
    }
}

.vds-download-box,
.vds-download-box h1 {
    color: #2598d5;
}

.vds-download-box h1 {
    display: inline-block;
    font-size: 28px;
    line-height: 35px;
}

.vds-download-box-line {
    border-bottom: 1px solid #dfe1e3;
    margin: 0 15px;
}

@media (max-width: 767px) {
    .vds-download-box .row .vds-download-box-header {
        min-height: 60px;
    }

    .vds-download-box .row.mobileHide .col-12,
    .vds-download-box .row.mobileHide :not(.d-block) .vds-download-box-header,
    .vds-download-box .row.mobileHide :not(.d-block) .vds-download-box-line {
        display: none;
    }

    .vds-download-box .row:not(.mobileHide) .d-block .vds-download-box-header {
        border-bottom: 1px solid #dfe1e3;
    }

    .vds-download-box .row:not(.mobileHide) .d-block {
        padding-bottom: 39px;
    }

    .vds-download-box-link {
        margin: 20px 13px;
    }

    .vds-download-box-arrow {
        width: 24px;
        margin: auto 0 auto auto;
        cursor: pointer;
    }

    .vds-download-box-header:not(.closed) .closed,
    .vds-download-box-header:not(.open) .open {
        display: none;
    }
}

.vds-quicklinks-box .row {
    width: 100%;
    border: 1px solid #2598d5;
    margin: 0;
    padding-bottom: 20px;
}

.vds-quicklinks-box img.quicklinks-box-icon {
    width: 36px;
    margin-top: -10px;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .vds-quicklinks-box img.quicklinks-box-icon {
        width: 30px;
        margin-top: 2px;
        margin-left: 10px;
    }
}

.vds-quicklinks-box .vds-quicklinks-box-header h2 {
    color: #6c6e6f;
    margin: 16px 0;
    font-size: 19px;
    line-height: normal;
}

.vds-quicklinks-box-header,
.vds-quicklinks-box-link {
    align-items: center;
    display: flex;
}

.vds-quicklinks-box .row .vds-quicklinks-box-header {
    min-height: 100px;
    margin: 0 13px;
}

.vds-quicklinks-box-header.open,
.vds-quicklinks-box-header.closed {
    height: 100%;
}

.vds-quicklinks-box-link {
    margin: 20px 12px;
}

.vds-quicklinks-box-link-text {
    margin: 10px 12px;
}

.vds-quicklinks-box-link a {
    text-decoration: none;
    cursor: pointer;
    color: #2598d5;
}

.vds-quicklinks-box-link-text p {
    width: 100%;
    margin-bottom: 1.5rem;
}

.vds-quicklinks-box {
    font-size: 19px;
    line-height: 26px;
    margin: 60px 0;
}

@media (max-width: 767px) {
    .vds-quicklinks-box {
        margin: 20px 0;
    }
}

.vds-quicklinks-box,
.vds-quicklinks-box h1 {
    color: #2598d5;
}

.vds-quicklinks-box h1 {
    display: inline-block;
    font-size: 28px;
    line-height: 35px;
}

.vds-quicklinks-box-line {
    border-bottom: 1px solid #dfe1e3;
    margin: 0 15px;
}

@media (max-width: 767px) {
    .vds-quicklinks-box .row {
        padding-bottom: 0;
    }

    .vds-quicklinks-box .row .vds-quicklinks-box-header {
        min-height: 60px;
    }

    .vds-quicklinks-box .row.mobileHide .col-12,
    .vds-quicklinks-box .row.mobileHide :not(.d-block) .vds-quicklinks-box-header,
    .vds-quicklinks-box .row.mobileHide :not(.d-block) .vds-quicklinks-box-line {
        display: none;
    }

    .vds-quicklinks-box .row:not(.mobileHide) .d-block .vds-quicklinks-box-header {
        border-bottom: 1px solid #dfe1e3;
    }

    .vds-quicklinks-box .row:not(.mobileHide) .d-block {
        padding-bottom: 6px;
    }

    .vds-quicklinks-box-link {
        margin: 20px 13px;
    }

    .vds-quicklinks-box-arrow {
        width: 24px;
        margin: auto 0 auto auto;
        cursor: pointer;
    }

    .vds-quicklinks-box-header:not(.closed) .closed,
    .vds-quicklinks-box-header:not(.open) .open {
        display: none;
    }
}

.vds-download {
    background-color: #2598d5;
    height: auto;
    min-height: 80px;
    width: 100%;
    display: inline-block;
}

.vds-download .vds-download-text {
    margin-top: 10px;
    margin-left: 17px;
}

.vds-download .vds-download-text {
    font-size: 19px;
    color: #fff;
}

.vds-download .vds-download-img {
    position: absolute;
    top: 15px;
    right: 44px;
    width: 26px;
}

.vds-download .vds-download-type {
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 46px;
    bottom: 35px;
}

.vds-download:hover {
    text-decoration: none;
}

@media (min-width: 576px) {
    .vds-download .vds-download-type {
        bottom: 5px;
    }
}

@media (max-width: 575px) {
    .vds-download {
        margin-bottom: 30px;
    }
}

.vds-stellenangebot.row {
    padding: 50px 0;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    margin-bottom: -1px;
    margin-left: 0;
    margin-right: 0;
}

.vds-stellenangebot.row .col-12 {
    padding-left: 0;
    padding-right: 0;
}

.vds-stellenangebot h1 {
    font-size: 28px;
    line-height: 35px;
}

.vds-stellenangebot a {
    text-decoration: none;
}

#content a.stellenangebotbutton {
    display: inline-block;
    padding-bottom: 30px;
}

.vds-stellenangebot .order-md-1 {
    color: #6c6e6f;
}

.vds-stellenangebot-button {
    background-color: #dfe1e3;
    border-bottom-right-radius: 2rem;
    padding: 10px 20px;
}

.vds-stellenangebot-button:hover {
    background-color: #2598d5;
}

.vds-stellenangebot span {
    display: inline-block;
}

.vds-stellenangebot span.description {
    width: 100%;
}

.vds-stellenangebot span.label {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}

.vds-stellenangebot span.number {
    color: #fff;
    font-size: 76px;
    line-height: 76px;
    font-weight: bold;
}

.vds-stellenangebot .order-md-1 img {
    height: 21px;
    margin-top: -12px;
    margin-right: 20px;
}

.vds-stellenangebot .order-md-2 img,
.vds-stellenangebot .order-md-2 svg {
    height: 15px;
    display: inherit;
}

.vds-stellenangebot .order-md-2 svg {
    margin-top: 5px;
}

.vds-stellenangebot .order-2 span:not(:last-of-type) {
    margin-bottom: 30px;
    line-height: 30px;
}

@media (min-width: 768px) {
    .vds-stellenangebot .order-md-1 h1 {
        margin-bottom: 20px;
    }

    .vds-stellenangebot.row .col-12.order-md-1 {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .vds-stellenangebot-button {
        margin-bottom: 10px;
    }

    .vds-stellenangebot-button span {
        display: inline;
    }

    .vds-stellenangebot-button img,
    .vds-stellenangebot-button svg {
        float: right;
        margin-top: 35px;
    }
}

.vds-suche.col-12 {
    width: calc(100% - 30px);
    margin: 0;
    padding: 0;
}

.vds-suche.d-block {
    height: 200px;
    padding: 0 15px;
}

.vds-suche span {
    height: 40px;
    line-height: 44px;
    font-size: 18px;
    position: absolute;
    bottom: 0;
}

.vds-suche-1 {
    background-color: #fff;
    color: #6c6d6e;
    height: 40px;
    z-index: 6;
}

.vds-suche span {
    margin: auto 0 0 11px;
    font-size: 15px;
}

div.vds-suche-5 span {
    bottom: 8px;
}

div.vds-suche-2 a,
div.vds-suche-3 a,
div.vds-suche-4 a {
    color: #fff;
}

div.vds-suche-1 a,
div.vds-suche-5 a {
    color: #003e90;
}

.vds-suche-1 {
    background-color: #fff;
    color: #6c6d6e;
    height: 40px;
    z-index: 6;
}

.vds-suche span {
    margin: auto 0 0 11px;
    font-size: 15px;
}

div.vds-suche-5 span {
    bottom: 8px;
}

#content div.vds-suche-2 a,
#content div.vds-suche-3 a,
#content div.vds-suche-4 a {
    color: #fff;
}

#content div.vds-suche-1 a,
#content div.vds-suche-5 a {
    color: #003e90;
}

@media (min-width: 1095px) {
    .vds-suche span {
        margin: auto 0 0 22px;
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .vds-suche span {
        margin: auto 0 0 33px;
        font-size: 18px;
    }
}

.vds-suche-2 {
    background-color: #75bdea;
    color: #fff;
    height: 80px;
    z-index: 5;
}

.vds-suche-3 {
    background-color: #51ade2;
    color: #fff;
    height: 120px;
    z-index: 4;
}

.vds-suche-4 {
    background-color: #2598d5;
    color: #fff;
    height: 163px;
    z-index: 3;
}

.vds-suche-5 {
    background-color: #c6c6c5;
    height: 219px;
    z-index: 2;
}

.vds-suche-2,
.vds-suche-3,
.vds-suche-4,
.vds-suche input {
    border-bottom-right-radius: 20px;
}

.vds-suche-5 {
    border-bottom-right-radius: 30px;
}

.vds-suche input {
    width: calc(100% - 30px);
    padding-right: 49px;
    height: 30px;
    margin: auto 14px 12px 12px;
    border: none;
    position: absolute;
    bottom: 0;
}

.vds-suche-1,
.vds-suche-2,
.vds-suche-3,
.vds-suche-4,
.vds-suche-5 {
    position: absolute;
    top: 0;
}

.vds-suche svg {
    height: 23px;
    width: auto;
    position: absolute;
    bottom: 16px;
    right: 28px;
    z-index: 10;
    stroke: #003C8D;
    fill: none;
    stroke-width: 2px;
}

.vds-zertifikate-box .vds-suche-4 svg {
    height: 23px;
    width: auto;
    position: absolute;
    bottom: 16px;
    right: 28px;
    z-index: 10;
    stroke: #003C8D;
    fill: none;
    stroke-width: 2px;
}

.vds-teaser {
    color: #003d90;
    margin-bottom: 2rem;
}

#content .vds-teaser a {
    text-decoration: none;
    color: #ffffff;
}

#content .vds-teaser a:hover {
    text-decoration: none;
    color: #003e90;
}

.vds-teaser .vds-teaser-image {
    width: 100%;
    height: 229px;
}

.vds-teaser .vds-teaser-link {
    width: 70%;
    height: 43px;
    background-color: #2598d5;
    border-bottom-right-radius: 15px;
    display: flex;
    align-items: center;
    margin: 11px 0;
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
}

.vds-teaser .vds-teaser-link img,
.vds-teaser .vds-teaser-link svg {
    height: 15px;
    margin: 0 17px 0 auto;
}

.vds_highlightteaser {
    border: 0px solid red;
    position: relative;
}

.vds_highlightteaser .colored-bg {
    border: 0px solid lime;
    background-color: #e2f0fa;
    border-bottom-left-radius: 100px;
    padding: 40px;
}

.vds_highlightteaser .image {
    border: 0px solid rebeccapurple;
    position: absolute;
    right: 0;
    bottom: -40px;
    width: 40%;
    z-index: 10;
}

.vds_highlightteaser .image .img-fluid {
    border-top-right-radius: 100px;
}

@media (max-width: 767px) {
    .vds_highlightteaser .image {
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        max-height: 350px;
        overflow: hidden;
    }

    .vds_highlightteaser .image .img-fluid {
        width: 100%;
    }
}

@media (max-width: 1250px) and (min-width:992px) {

    .vds-three-col-slider.row.slick-slider,
    .vds-quote-slider.row.slick-slider {
        margin: 0 45px 100px;
    }
}

.vds-three-col-slider .slick-prev.slick-arrow,
.vds-three-col-slider .slick-next.slick-arrow,
.vds-quote-slider .slick-prev.slick-arrow,
.vds-quote-slider .slick-next.slick-arrow {
    height: 50%;
    position: absolute;
    width: 25px;
    top: 0;
    border: none;
    background: none;
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.vds-quote-slider .slick-prev.slick-arrow,
.vds-quote-slider .slick-next.slick-arrow {
    height: 100%;
}

.vds-three-col-slider .slick-prev.slick-arrow {
    left: -30px;
}

.vds-quote-slider .slick-prev.slick-arrow {
    left: -30px;
}

.vds-three-col-slider .slick-next.slick-arrow {
    right: -30px;
}

.vds-quote-slider .slick-next.slick-arrow {
    right: -30px;
}

.vds-three-col-slider.row {
    padding-bottom: 0;
    margin-bottom: 100px;
}

.vds-three-col-slider .img-fluid {
    width: 100%;
}

.vds-three-col-slider-text {
    padding: 30px;
}

.vds-three-col-slider .slick-slide {
    background-color: #2598d5;
    margin: 0 15px;
    border-bottom-right-radius: 2rem;
    padding: 0;
}

.vds-three-col-slider-text:only-child {
    height: 100%;
}

.vds-three-col-slider-text .vds-three-col-slider-link img,
.vds-three-col-slider-text .vds-three-col-slider-link svg {
    width: 25px;
}

.vds-three-col-slider-text h1 {
    font-size: 28px;
    line-height: 35px;
}

@media (max-width: 767px) {
    .vds-three-col-slider-text h1 {
        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .vds-three-col-slider-text h1 {
        margin-bottom: 2rem;
    }
}

.vds-three-col-slider-text h2 {
    font-size: 16px;
    line-height: 22px;
}

.vds-three-col-slider-text,
.vds-three-col-slider-text h1,
.vds-three-col-slider-text h2,
.vds-three-col-slider-text p {
    color: #fff;
}

.vds-three-col-slider-text p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: auto;
}

.vds-three-col-slider-text p:last-of-type {
    margin-bottom: 3rem;
}

.vds-three-col-slider .slick-dotted.slick-slider,
.vds-quote-slider .slick-dotted.slick-slider {
    margin-bottom: 70px;
}

.vds-three-col-slider .slick-dots,
.vds-quote-slider .slick-dots {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.vds-three-col-slider .slick-dots li,
.vds-quote-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px !important;
    padding: 0 !important;
    cursor: pointer;
}

.vds-three-col-slider .slick-dots li::before,
.vds-quote-slider .slick-dots li::before {
    background: none !important;
    margin: 0 !important;
}

.vds-three-col-slider .slick-dots li button,
.vds-quote-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.vds-three-col-slider .slick-dots li button:hover,
.vds-three-col-slider .slick-dots li button:focus,
.vds-quote-slider .slick-dots li button:hover,
.vds-quote-slider .slick-dots li button:focus {
    outline: none;
}

.vds-three-col-slider .slick-dots li button:hover:before,
.vds-three-col-slider .slick-dots li button:focus:before,
.vds-quote-slider .slick-dots li button:hover:before,
.vds-quote-slider .slick-dots li button:focus:before {
    opacity: 1;
}

.vds-three-col-slider .slick-dots li button:before,
.vds-quote-slider .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    border: 2px solid #2598d5;
    border-radius: 10px;
}

.vds-three-col-slider .slick-dots li.slick-active button:before,
.vds-quote-slider .slick-dots li.slick-active button:before {
    border: 10px solid #2598d5;
    border-radius: 10px;
}

#content .vds-kachel-big {
    color: #003d90;
    font-size: 1rem;
}

#content .vds-kachel-big .kachelimage {
    position: relative;
}

#content .vds-kachel-big .kachelimage img {
    z-index: 10;
    width: 100%;
    height: 100%;
}

#content .vds-kachel-big .textbox {
    background-color: rgba(226, 240, 250, 0.8);
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 20px 40px 60px;
    max-width: 95%;
    z-index: 11;
    border-bottom-right-radius: 30px;
}

#content .vds-kachel-big .textbox .text p {
    line-height: normal;
    max-width: 80%;
}

#content .vds-kachel-big .textbox .text h3 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    line-height: normal;
}

#content a.vds-kachel-link {
    text-decoration: none;
    color: #ffffff;
    padding: 0 20px;
    background-color: #003e90;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

#content .vds-kachel-big .vds-kachel-link:hover {
    text-decoration: none;
    background-color: #003e90;
}

@media (min-width: 576px) {
    #content .row.content .vds-kachel-big {
        margin-bottom: 0px;
    }

    #content .vds-kachel-big .textbox {
        max-width: 85%;
        bottom: 20px;
        left: 30px;
    }
}

@media (min-width: 992px) {
    #content .vds-kachel-big .textbox {
        max-width: 60%;
    }
}

#content .row.content .vds-kachel-big {
    color: #003d90;
    font-size: 1rem;
    margin-bottom: 40px;
}

#content .row.content .vds-kachel-big .kachelimage {
    position: relative;
    overflow: hidden;
}

#content .row.content .vds-kachel-big .kachelimage img {
    z-index: 10;
    width: 100%;
    height: 100%;
}

#content .row.content .vds-kachel-big .textbox {
    background-color: rgba(226, 240, 250, 0.8);
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 20px 40px 50px;
    z-index: 11;
    border-bottom-right-radius: 30px;
    max-width: 95%;
}

#content .row.content .vds-kachel-big .textbox .text p {
    line-height: normal;
    max-width: 80%;
}

#content .row.content .vds-kachel-big .textbox .text h3 {
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: normal;
}

@media (min-width: 576px) {
    #content .row.content .vds-kachel-big {
        margin-bottom: 0px;
    }

    #content .row.content .vds-kachel-big .textbox {
        max-width: 85%;
        bottom: 20px;
        left: 30px;
    }
}

@media (min-width: 992px) {
    #content .row.content .vds-kachel-big .textbox {
        max-width: 60%;
    }
}

#content .vds-kachel-medium {
    color: #003d90;
    font-size: 1rem;
    background-color: rgba(226, 240, 250, 1);
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-content: flex-start;
    min-height: 280px;
    margin-bottom: 40px;
}

#content .vds-kachel-medium .kachelimage {
    flex: none;
    max-width: 100%;
    margin: 0 auto;
}

#content .vds-kachel-medium .textbox {
    background-color: rgba(226, 240, 250, 1);
    flex: auto;
    position: relative;
    padding: 20px 40px 60px;
}

#content .vds-kachel-medium .textbox .text p {
    line-height: normal;
    max-width: 90%;
}

#content .vds-kachel-medium .textbox .text h3 {
    margin-bottom: 10px;
    font-size: 1.5rem;
}

#content .vds-kachel-medium a.vds-kachel-medium-link {
    text-decoration: none;
    color: #ffffff;
    padding: 0 20px;
    background-color: #003e90;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

#content .vds-kachel-medium .vds-kachel-link:hover {
    text-decoration: none;
    background-color: #003e90;
}

@media (min-width: 576px) {
    #content .vds-kachel-medium {
        flex-wrap: nowrap;
    }

    #content .vds-kachel-medium.fullwidth {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    #content .vds-kachel-medium.fullwidth {
        flex-wrap: nowrap;
    }

    #content .vds-kachel-medium {
        margin-bottom: 0;
    }
}

#content .vds-kachel-medium.fullwidth .kachelimage {
    order: -1;
}

@media (min-width: 992px) {
    #content .vds-kachel-medium.fullwidth .kachelimage {
        order: 5;
    }
}

#content .vds-kachel-small {
    margin-bottom: 40px;
}

@media (min-width: 576px) {}

@media (min-width: 992px) {
    #content .vds-kachel-small {
        margin-bottom: 0px;
    }
}

#content .vds-kachel-small {
    color: #003d90;
    background-color: rgba(226, 240, 250, 1);
    border: 0px solid rebeccapurple;
    position: relative;
    font-size: 1rem;
    min-height: 280px;
}

#content .vds-kachel-small .textbox {
    padding: 20px 20px 60px;
    max-width: 90%;
}

#content .vds-kachel-small .textbox .text p {
    line-height: normal;
}

#content .vds-kachel-small .textbox .text h3 {
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: normal;
}

#content a.vds-kachel-link {
    text-decoration: none;
    color: #ffffff;
    padding: 0 20px;
    background-color: #003e90;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

#content .vds-kachel-small .vds-kachel-link:hover {
    text-decoration: none;
    background-color: #003e90;
}

@media (max-width: 767px) {}

@media (min-width: 576px) {}

@media (min-width: 992px) {}

@font-face {
    font-family: 'DinProRegular';
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.eot');
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.eot?#iefix') format('embedded-opentype'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.woff') format('woff'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.woff2') format('woff2'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinProMedium';
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.eot');
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.woff') format('woff'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.woff2') format('woff2'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Din Pro Regular';
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.eot');
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.eot?#iefix') format('eot'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.woff') format('woff'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.woff2') format('woff2'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Din Pro Medium';
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.eot');
    src: url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.eot?#iefix') format('eot'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.woff') format('woff'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.woff2') format('woff2'), url('https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'DinProRegular', Arial, sans-serif;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    font-size: 19px;
    line-height: 33px;
}

#header-top {
    font-size: 16px;
    line-height: 22px;
}

main .row {
    margin-bottom: 40px;
}

main .row.content {
    margin-bottom: 0;
}

#abovecontent_subpages {
    margin-top: 0px;
    padding: 0;
}

#abovecontent_subpages .row {
    margin: 0;
}

#abovecontent_subpages .row .col-12 {
    padding: 0;
}

@media (max-width: 992px) {
    #abovecontent_subpages {
        margin-top: 70px;
    }
}

*:focus {
    outline: none;
}

#content a {
    color: #51aee2;
}

#content a:hover {
    color: #51aee2;
    text-decoration: underline;
}

.vds-three-col-slider-text h1,
.vds-three-col-slider-text h2,
.vds-download-box-header h2 {
    word-break: break-word;
    word-wrap: break-word;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    * {}
}

@supports (-ms-ime-align:auto) {
    * {}
}

@media (max-width: 767px) {
    .ce-headline-noMobi {
        display: none;
    }
}

@media (max-height: 767px) {

    #abovecontent,
    #abovecontent #slider {
        min-height: 767px;
    }
}

@media (min-width: 768px) {
    .ce-headline-noDesk {
        display: none;
    }
}

body,
h1,
h2,
h3,
h4,
h5,
span {
    font-family: "DinProRegular";
}

h1 {
    font-size: 65px;
    line-height: 80px;
}

h2 {
    font-size: 30px;
    line-height: 46px;
}

h3 {
    font-size: 28px;
    line-height: 35px;
    margin: 0;
}

h4 {
    font-size: 19px;
    line-height: 33px;
    margin: 0;
}

h5 {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}

button:focus {
    outline: 0;
}

.navi1,
.navi2 {
    font-family: "DinProMedium";
}

#main {
    padding-top: 30px;
    margin-top: 30px;
}

header [type=reset],
header [type=submit],
header button,
header [type=button] {
    -webkit-appearance: none;
}

dl,
ol,
ul {
    margin: 0;
}

.figure {
    width: 100%;
    margin: 2em 0;
}

#content,
#footer .container-fluid,
#subfooter .container-fluid {
    max-width: 1146px;
}

#content.content-full-width {
    max-width: none;
}

.grid-fw-bg {
    overflow: hidden;
}

.grid-fw-bg .bg-content,
.grid-fw-bg .bg-content .image,
.grid-fw-bg .bg-content .img-fluid {
    width: 100%;
}

.grid-fw-minh {
    min-height: 400px;
}

.grid-fw-bg .vds-button,
.grid-fw-bg .vds-button .vds-button-text {
    display: inline-block;
    width: auto;
}

.grid-fw-bg .vds-button .vds-button-text {
    font-family: 'DIN Pro Medium';
    color: #003e90;
    font-size: 1.25rem;
}

.grid-fw-bg .vds-button {
    min-height: auto;
}

.grid-fw-bg .vds-button:hover .vds-button-text {
    color: #fff;
}

.grid-fw-bg h1+p,
.grid-fw-bg h2+p,
.grid-fw-bg .vds-button+* {
    margin-top: 2.5em;
}

.grid-fw-bg .bg-content {
    display: none;
}

.grid-fw-bg .bg-content.bg-mobile-static {
    display: block;
    position: relative;
    top: 100px;
}

.grid-fw-bg .fg-content {
    margin-top: 75px;
}

.grid-fw-bg .fg-content-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.grid-fw-bg .fg-content-inner>* {
    order: 1;
}

.grid-fw-bg .fg-content-inner>.vds-button {
    order: 2;
}

@media (min-width: 768px) {
    .grid-fw-minh {
        min-height: 600px;
    }

    .grid-fw-bg .vds-button {
        min-height: 100px;
    }
}

@media (min-width: 992px) {
    .grid-fw-bg>.bg-content {
        display: block;
        position: absolute;
        top: 0;
    }

    .grid-fw-bg .fg-content-inner>.vds-button {
        order: 1;
    }

    .grid-fw-bg .bg-content .img-fluid {
        min-height: 800px;
    }

    .grid-fw-minh {
        min-height: 600px;
    }

    .grid-fw-bg .fg-content {
        margin-top: 260px;
    }
}

#abovecontent .row .row:not(.vds-coverflow-bottom-text):not(.vds-coverflow-bottom-links):not(.vds-suche) {
    max-width: 1568px;
    height: auto;
}

@media (min-height: 768px) {
    #abovecontent .row .row:not(.vds-coverflow-bottom-text):not(.vds-coverflow-bottom-links):not(.vds-suche) {
        margin: calc((100vh - 300px) / 2 - 60px) auto
    }
}

@media (max-height: 767px) {
    #abovecontent .row .row:not(.vds-coverflow-bottom-text):not(.vds-coverflow-bottom-links):not(.vds-suche) {
        margin: calc((767px / 2 - 120px) / 2) auto;
    }
}

#abovecontent .row .col-12:not(.vds-suche) {
    height: 100%;
}

@media (min-width: 992px) {
    .tx-indexedsearch-searchbox:not(.scrolled) .tx-indexedsearch-hidden-fields {
        height: 140px;
    }

    .tx-indexedsearch-searchbox.scrolled .tx-indexedsearch-hidden-fields {
        height: 180px;
    }
}

@media (max-width: 991px) {
    .tx-indexedsearch-searchbox .tx-indexedsearch-hidden-fields {
        height: 80px;
    }
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
    width: 100%;
    border: none;
    height: 70px;
    padding-left: 15px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form {
    padding-right: 0;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
    padding-left: 0;
    border: none;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
    height: 70px;
    width: 70px;
    background-color: #52ade2;
    border: 1px solid white;
    border-bottom-right-radius: 1rem;
    background: url('../../..https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Hauptnavi/Lupe_Icon_Weiss.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button:hover {
    background-color: #76beea;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button:active {
    border: 1px solid #2699d6;
    background: url('../../..https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Hauptnavi/Lupe_Icon_Hauptnavi.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-hidden-fields {
    background-color: #52ade2;
}

.tx-indexedsearch-searchbox {
    background-color: #52ade2;
    margin-top: 140px;
    padding-bottom: 115px;
    border-bottom-right-radius: 2rem;
}

#content .tx-indexedsearch-searchbox .nav-tabs .nav-item.show .nav-link,
#content .tx-indexedsearch-searchbox .nav-tabs .nav-link {
    color: #ffffff;
    background-color: #76beea;
    border-color: transparent;
    margin-right: 10px;
    border-radius: 0;
}

#content .tx-indexedsearch-searchbox .nav-tabs .nav-link.active {
    color: #003C8D;
    background-color: #ffffff;
}

@media (min-width: 1147px) {
    .tx-indexedsearch-searchbox {
        margin-left: calc(-15px - (100vw - 1146px) / 2);
        padding-left: calc(15px + (100vw - 1146px) / 2);
        margin-right: calc(-7px - (100vw - 1146px) / 2);
        padding-right: calc(7px + (100vw - 1146px) / 2);
    }
}

@media (max-width: 1146px) {
    .tx-indexedsearch-searchbox {
        margin-left: -15px;
        padding-left: 15px;
        margin-right: -15px;
        padding-right: 15px;
    }
}

#abovecontent .row.slider-wrapper {
    height: 100vh;
    overflow: hidden;
}

@media (max-width: 768px) {
    #abovecontent .row.slider-wrapper {
        max-height: 900px;
    }
}

@media all and (max-width: 768px) and (min-height:900px) {
    #abovecontent .row .row:not(.vds-coverflow-bottom-text):not(.vds-coverflow-bottom-links) {
        margin: calc((900px - 300px) / 2 - 60px) auto;
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    #abovecontent .scroll-down img {
        position: relative;
        left: 35%;
    }
}

#abovecontent .scroll-down {
    margin: auto;
    position: relative;
}

@media (min-width: 768px) {
    #abovecontent .scroll-down {
        bottom: calc((100vh - 300px) / 8);
    }
}

@media (max-width: 767px) {
    #abovecontent .scroll-down {
        bottom: calc((100vh - 300px) / 4);
    }
}

.scroll-down-anim {
    opacity: 0;
    animation: scrollArrowAnim 1.4s 0s infinite normal forwards ease-in-out;
    position: relative;
}

@keyframes scrollArrowAnim {
    0% {
        opacity: 0;
        top: -40px;
    }

    50% {
        opacity: 1;
        top: -30px;
    }

    100% {
        opacity: 0;
        top: -20px;
    }
}

@-webkit-keyframes scrollArrowAnim {
    0% {
        opacity: 0;
        top: -40px;
    }

    50% {
        opacity: 1;
        top: -30px;
    }

    100% {
        opacity: 0;
        top: -20px;
    }
}

.navi1,
.navi2 {
    font-family: "DinProMedium";
}

.navi1 {
    font-size: 17px;
}

.navi2 {
    font-size: 14px;
}

.subnavigation {
    font-size: 15px;
    line-height: 30px;
    font-family: "DinProMedium";
    border-bottom: 1px solid #c6c6c6;
}

.subnavigation li {
    border-top: 1px solid #c6c6c6;
    position: relative;
}

.subnavigation li img.hassubicon {
    height: 20px;
    width: auto;
    position: absolute;
    right: 10px;
    top: 20px;
}

.subnavigation li.active img.hassubicon {
    display: none;
}

.subnavigation li.active li.hassub img.hassubicon {
    display: inline-block;
}

.subnavigation li a,
.subnavigation li span {
    padding: 15px 10px 15px 0;
    display: inline-block;
}

.subnavigation li a span {
    padding: 0;
}

.subnavigation ul.nested span {
    padding-left: 20px;
}

.subnavigation li {
    background-color: #fff;
    padding-right: 10px;
    width: 100%;
}

.subnavigation li.active a span,
.subnavigation li.current a span,
.subnavigation a span {
    color: #6c6e6f;
    font-weight: normal;
}

.subnavigation li.active span,
.subnavigation li.current span,
.subnavigation li.active>a span,
.subnavigation a:hover span {
    color: #003C8D;
}

.subnavigation li.active a:hover span,
.subnavigation li.current a:hover span {
    color: #51aee2;
}

.subnavigation li ul.nested li,
.subnavigation li ul.nested li a {
    display: inline-block;
}

.subnavigation li ul.nested {
    position: absolute;
    z-index: 99;
    right: -100%;
    top: -1px;
    display: none;
    width: 100%;
    -moz-transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: max-height 0.5s ease-out;
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.2);
}

.subnavigation li:hover ul.nested {
    display: flex;
    -moz-transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: max-height 0.5s ease-in;
}

.subnavigation li ul.nested ul.nested {
    display: none;
}

.subnavigation li:hover ul.nested ul.nested {
    display: none;
}

.subnavigation li:hover ul.nested ul.nested ul.nested {
    display: none;
}

.subnavigation li:hover ul.nested ul.nested ul.nested ul.nested ul.nested {
    display: none;
}

.subnavigation li:hover ul.nested li.hassub:hover ul.nested {
    display: flex;
}

.subnavigation li:hover ul.nested li.hassub:hover ul.nested ul.nested {
    display: none;
}

.subnavigation li:hover ul.nested ul.nested li.hassub:hover ul.nested {
    display: flex;
}

.subnavigation li:hover ul.nested ul.nested ul.nested li.hassub:hover ul.nested {
    display: flex;
}

.subnavigation li:hover ul.nested ul.nested ul.nested li.hassub:hover ul.nested {
    display: flex;
}

.subnavigation li.active ul.nested li:hover ul.nested ul.nested {
    display: none;
}

.subnavigation li.active ul.nested {
    position: relative;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.subnavigation ul.nested li:hover ul.nested {
    position: absolute;
    z-index: 99;
    right: -100%;
    top: -1px;
    display: none;
    width: 100%;
    -moz-transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: max-height 0.5s ease-out;
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    -moz-transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: max-height 0.5s ease-in;
}

.subnavigation li.hassub:hover {}

.subnavigation li.hassub:hover a span {
    color: #003C8D;
}

.subnavigation li.hassub:hover li a span {
    color: #6c6e6f;
}

.subnavigation li.hassub li:hover a span {
    color: #003C8D;
}

.subnavigation li.hassub li.hassub:hover li a span {
    color: #6c6e6f;
}

.subnavigation li.hassub li.hassub li:hover a span {
    color: #003C8D;
}

.subnavigation li.hassub li.hassub li.hassub:hover li a span {
    color: #6c6e6f;
}

.subnavigation li.hassub li.hassub li.hassub li:hover a span {
    color: #003C8D;
}

.subnavigation li.hassub li.hassub li.hassub li.hassub:hover li a span {
    color: #6c6e6f;
}

.subnavigation li.hassub li.hassub li.hassub li.hassub li:hover a span {
    color: #003C8D;
}

@media (min-width: 768px) {
    .navi1 {
        font-size: 15px;
    }

    .navi2 {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1140px) {
    .navi1 {
        font-size: 17px;
    }

    .navi2 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 36px;
        line-height: 45px;
    }

    h2 {
        font-size: 20px;
        line-height: 28px;
    }

    h3 {
        font-size: 18px;
        line-height: 24px;
    }

    h4 {
        font-size: 15px;
        line-height: 20px;
    }

    body {
        font-size: 15px;
        line-height: 22px;
    }

    #main .subnav {
        display: none;
    }

    footer .order-2 p {
        text-align: center;
    }
}

.small-font {
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .small-font {
        font-size: 14px;
    }
}

.back-color1,
.back-color1 a {
    background-color: #003e90;
}

.back-color2,
.back-color2 a {
    background-color: #2699d6;
}

.back-color3,
.back-color3 a {
    background-color: #51aee2;
}

.back-color4,
.back-color4 a {
    background-color: #76beea;
}

.back-no-color1,
.back-no-color1 a {
    background-color: #373a3b;
}

.back-no-color2,
.back-no-color2 a {
    background-color: #6c6e6f;
}

.back-no-color3,
.back-no-color3 a {
    background-color: #c6c6c6;
}

.back-no-color4,
.back-no-color4 a {
    background-color: #e0e2e3;
}

.back-no-color5,
.back-no-color5 a {
    background-color: #ffffff;
}

.front-color1,
.front-color1 a,
h1,
h2,
h3,
h4,
h5 {
    color: #003e90;
}

.front-color2,
.front-color2 a {
    color: #2699d6;
}

.front-color3,
.front-color3 a {
    color: #51aee2;
}

.front-color4,
.front-color4 a {
    color: #76beea;
}

.front-no-color1,
.front-no-color1 a {
    color: #373a3b;
}

.front-no-color2,
.front-no-color2 a {
    color: #6c6e6f;
}

.front-no-color3,
.front-no-color3 a {
    color: #c6c6c6;
}

.front-no-color4,
.front-no-color4 a {
    color: #e0e2e3;
}

.front-no-color5,
.front-no-color5 a {
    color: #ffffff;
}

.main-nav-color a {
    color: #ffffff
}

.main-nav-color a img {
    fill: #51aee2;
}

.main-nav-color a:focus,
.main-nav-color a:hover,
.main-nav-color a:active {
    color: #003e90;
    background-color: initial
}

.main-nav-color a:focus img,
.main-nav-color a:hover img,
.main-nav-color a:active img {
    fill: #003e90;
}

.container-full {
    width: 100%;
    margin: 0;
    padding: 0;
}

@media (min-width: 786px) {
    .container .full-container {
        position: relative;
        margin-left: calc(63.75% - 100%)
    }

    footer .follow-icons-wrapper {
        text-align: left;
    }
}

.hide {
    display: none;
}

.icon-prepend img {
    position: relative;
    height: 2em;
    width: 2em;
    margin-right: 0.5em;
}

.icon-append img {
    position: relative;
    height: 1.5em;
    width: 1.5em;
}

.clickable {
    cursor: pointer;
    user-select: none;
}

.sub-item {
    width: 94%;
    margin-left: 3%;
    padding: .25rem 0;
}

main .keyvisual-wrapper {
    background-color: transparent;
    margin-bottom: 0px;
    text-align: center;
}

.prefooter {
    font-size: 12pt;
    padding-top: 4rem;
    padding-bottom: 1rem;
}

.prefooter div {
    max-width: 1146px;
    font-family: 'DinProMedium';
    padding-bottom: 30px;
}

.prefooter img,
.prefooter svg {
    width: 20px;
    margin: 0 2px 0 12px;
    float: right;
    padding-top: 5px;
    height: 20px;
}

.prefooter span {
    float: right;
}

.prefooter span a {
    color: #6c6e6f;
    text-decoration: none;
}

.prefooter span a:hover {
    color: #51aee2;
    text-decoration: none;
}

#footer {
    background-color: rgba(118, 190, 234, 0.5);
    padding-top: 4rem;
    font-size: 15px;
    margin-top: 4rem;
}

#footer .contact-title {
    flex-grow: 1;
    line-height: 25px;
}

#footer h3 {
    color: #000000;
}

.padding-bottom-sm-lg {
    padding-bottom: 3rem
}

.afterfooter {
    font-size: 10pt;
    width: 70px;
    height: 65px;
    float: right;
    background-color: #2598d5;
    border-top-left-radius: 1rem;
    text-align: center;
}

.afterfooter a {
    color: #fff;
    top: 20%;
    position: relative;
    text-decoration: none;
    display: table;
    margin: 0 auto;
}

.afterfooter a:hover span {
    color: #003e90;
}

.afterfooter img,
.afterfooter svg {
    width: 20px;
}

.afterfooter span {
    display: block;
    color: #fff;
}

#footer .margin-top {
    margin-top: 1rem;
}

@media (max-width: 767px) {
    .container-fluid {
        margin: 0;
    }

    #footer {
        padding-top: 0;
    }

    .padding-bottom-sm-lg {
        padding-bottom: 0;
    }

    #footer .margin-top {
        margin-top: 0;
    }

    #footer .margin-top-xs-sm,
    #subfooter .margin-top-xs-sm {
        margin-top: 1rem;
    }

    #footer .padding-top-xs-sm,
    #subfooter .padding-top-xs-sm {
        padding-top: 1rem;
    }

    #footer .container {
        max-width: initial;
    }
}

#footer .margin-bottom {
    margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
    #footer .container-full {
        padding-top: 1rem;
        padding-bottom: 0;
    }

    #footer .address-wrapper,
    #footer .follow-icons-wrapper {
        width: calc(100% - 15px);
        margin-left: 15px;
        padding: 0rem 0.5rem 1rem 25vw;
    }

    #footer .address-wrapper {
        margin-right: 1rem;
        border-top: 1px solid #373a3b;
    }

    #footer .address-wrapper .clickable {
        display: flex !important;
        justify-content: space-between;
    }
}

#subfooter {
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
}

#subfooter .footer-menu {
    justify-content: flex-end;
}

#subfooter .footer-menu .nav-link {
    padding: 0 0.5rem;
}

@media (max-width: 767px) {
    #subfooter {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #subfooter,
    #subfooter a {
        background-color: #afd7f0;
    }

    #subfooter .footer-menu {
        display: block;
        justify-content: space-between;
    }

    #subfooter .footer-menu .nav-item {
        display: block;
        width: 100%;
        padding: 1rem 0.5rem 1rem 25vw;
        border-top: 1px solid #373a3b;
    }

    #subfooter .footer-menu .nav-link {
        display: flex;
        padding: 0;
        justify-content: space-between;
    }
}

#follow-icons a {
    margin: 0 15px 0 0;
    fill: #3A3B3B;
}

#follow-icons a:hover,
#follow-icons a:focus {
    text-decoration: none;
    fill: #51AEE2;
}

#follow-icons svg {
    margin-right: 0.2em;
}

#follow-icons svg.linked-in-icon {
    margin-right: 0.4em;
}

#follow-icons svg.kununu-icon {
    margin-right: 0;
}

#follow-icons svg.facebook-icon {
    margin-left: -10px;
}

svg.pfeil-icon-white,
svg.pfeil-icon-white-on-blue {
    stroke: #FFFFFF;
}

svg.pfeil-icon-grey {
    stroke: #6C6E6F;
}

a:hover svg.pfeil-icon-white.pfeil-blue-on-hover {
    stroke: #003e90;
}

a:hover svg.pfeil-icon-grey.pfeil-blue-on-hover {
    stroke: #51aee2;
}

svg.pfeil-icon-white .st0,
svg.pfeil-icon-grey .st0,
svg.pfeil-icon-white-on-blue .st0 {
    fill: none;
    stroke-width: 1.3;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

svg.pfeil-icon-white .st1,
svg.pfeil-icon-grey .st1,
svg.pfeil-icon-white-on-blue .st1 {
    fill: none;
    stroke-width: 1.3;
    stroke-linecap: round;
}

.frame-type-form_formframework .form-check {
    padding-left: 0;
}

.frame-type-form_formframework .row {
    margin-bottom: 0;
}

.frame-type-form_formframework .form-check-input {
    margin-left: 0;
    position: static;
}

.frame-type-form_formframework .form-check span {
    margin-left: 5px;
}

.frame-type-form_formframework .form-check span {
    margin-left: 5px;
}

.frame-type-form_formframework select,
.frame-type-form_formframework input,
.frame-type-form_formframework textarea {
    border-radius: 0;
}

.frame-type-form_formframework input {
    margin-right: 4px;
}

.frame-type-form_formframework .form-check input,
.frame-type-form_formframework .form-check input {
    margin-right: 9px;
}

.frame-type-form_formframework .form-check-label,
.frame-type-form_formframework .form-check>label {
    display: flex;
    align-items: center;
}

.frame-type-form_formframework input {
    flex-shrink: 0;
    align-self: flex-start;
}

.frame-type-form_formframework input:active,
.frame-type-form_formframework input:focus,
.frame-type-form_formframework textarea:active,
.frame-type-form_formframework textarea:focus {
    background-color: #dff0f9;
    border: 1px solid #2699d6;
    box-shadow: none;
    outline: none;
}

.frame-type-form_formframework input,
.frame-type-form_formframework textarea {
    border-color: #c6c6c6;
}

.frame-type-form_formframework input[required],
.frame-type-form_formframework input[required]:active,
.frame-type-form_formframework input[required]:focus,
.frame-type-form_formframework textarea[required]:active,
.frame-type-form_formframework textarea[required]:focus {
    border-color: #ca1240;
}

.frame-type-form_formframework input[required]:active,
.frame-type-form_formframework input[required]:focus,
.frame-type-form_formframework textarea[required]:active,
.frame-type-form_formframework textarea[required]:focus {
    background-color: #fedfdd;
    border-color: #ca1240;
}

.frame-type-form_formframework textarea {
    overflow-y: auto;
    max-height: 480px;
    scrollbar-width: 6px;
    scrollbar-color: #2699d6 #dff0f9;
}

.frame-type-form_formframework textarea:focus {
    -ms-scrollbar-track-color: #dff0f9;
    -ms-scrollbar-arrow-color: transparent;
    -ms-scrollbar-highlight-color: #2699d6;
}

.frame-type-form_formframework textarea::-webkit-scrollbar {
    width: 6px;
}

.frame-type-form_formframework textarea::-webkit-scrollbar-track {
    background-color: #dff0f9;
    border-left: 1px solid #2699d6;
}

.frame-type-form_formframework textarea::-webkit-scrollbar-thumb {
    background-color: #2699d6;
}

.frame-type-form_formframework .fileupload-wrap .js-files-btn {
    display: none;
}

.frame-type-form_formframework .fileupload-wrap.js-files .js-files-btn {
    display: inline-block;
    z-index: 1;
}

.frame-type-form_formframework .fileupload .help-block {
    display: block;
}

.frame-type-form_formframework .js-files .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.frame-type-form_formframework .js-files .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.frame-type-form_formframework select {
    background-color: #e0e2e3;
    color: #003e90;
    cursor: pointer;
}

.frame-type-form_formframework select:active,
.frame-type-form_formframework select:focus {
    background-color: #2699d6;
    box-shadow: none;
    border: none;
    color: #ffffff;
    outline: none;
}

.frame-type-form_formframework .singleselect {
    position: relative;
    width: 100%;
}

.frame-type-form_formframework .singleselect>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.frame-type-form_formframework .singleselect.active::after,
.frame-type-form_formframework .singleselect:active::after,
.frame-type-form_formframework .singleselect:focus::after {
    background-color: #2699d6;
    background-image: url('../../..https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Dot_Plus_Minus/Minus_Dot_Weiss_Icon.svg');
    border: none;
}

.frame-type-form_formframework .singleselect::after {
    background-color: #e0e2e3;
    background-image: url('../../..https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Icons/Dot_Plus_Minus/Plus_Dot_Dunkelblau_Icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border: 1px solid #ced4da;
    border-left-width: 0;
    content: '';
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 2rem;
}

.frame-type-form_formframework {
    font-size: 16px;
    line-height: 1.5;
}

.frame-type-form_formframework .row .clearfix p {
    margin-top: 1rem;
}

.frame-type-form_formframework .row {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.frame-type-form_formframework legend,
.frame-type-form_formframework hr {
    border-bottom: 1px solid grey;
    border-top: none;
}

.frame-type-form_formframework label {
    font-weight: bold;
}

.frame-type-form_formframework .col-form-label {
    margin-bottom: 0;
}

.frame-type-form_formframework input[type="checkbox"],
.frame-type-form_formframework input[type="radio"],
.js-checkbox input[type=checkbox] {
    width: 25px;
    height: 25px;
}

.frame-type-form_formframework .form-check-label.js>input[type="checkbox"],
.frame-type-form_formframework .form-check input[type="radio"] {
    margin-top: 0;
}

.frame-type-form_formframework .form-check-label.js>span,
.frame-type-form_formframework .form-check>label>span {
    margin-top: .1em;
}

.frame-type-form_formframework h2 {
    color: #003E90;
}

.frame-type-form_formframework .form-check input[type=checkbox],
.frame-type-form_formframework .form-check-label,
.frame-type-form_formframework .form-check label {
    cursor: pointer;
}

.frame-type-form_formframework .form-check input[type=radio],
.frame-type-form_formframework .form-check-label.js input[type=checkbox],
.js-checkbox.js input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-style: solid;
    border-width: 1px;
}

.frame-type-form_formframework .form-check input[type=radio] {
    border-radius: 50%;
}

.frame-type-form_formframework .form-check input[type=radio]:checked {
    border: 9px solid #2699d6;
}

.frame-type-form_formframework .form-check-label.js input[type=checkbox]:checked {
    background-color: #2699d6;
    border: 1px solid transparent;
}

.frame-type-form_formframework .form-check-label.js,
.js-checkbox {
    position: relative;
}

.frame-type-form_formframework .form-check .help-block {
    margin: 5px 0 0 35px;
    display: block;
    font-size: .8em;
}

.form-navigation .previous+.next {
    margin-left: 1rem;
}

.frame-type-form_formframework .form-check-label.js.checked:before,
.frame-type-form_formframework .form-check-label.js.checked:after,
.js-checkbox.js.checked::before,
.js-checkbox.js.checked::after {
    height: 2px;
    z-index: 5;
    content: "";
    display: inline-block;
    position: absolute;
    background: #fff;
}

.frame-type-form_formframework .form-check-label.js.checked:before,
.js-checkbox.js.checked::before {
    top: 19px;
    left: 11px;
    width: 19px;
    transform: rotate(-60deg);
    transform-origin: 0;
}

.frame-type-form_formframework .form-check-label.js.checked:after,
.js-checkbox.js.checked::after {
    top: 15px;
    left: 4px;
    width: 9px;
    transform-origin: 0;
    transform: rotate(30deg);
}

.frame-type-form_formframework .input-group>input {
    margin-right: 0;
}

.frame-type-form_formframework .input-group>input+.input-group-append {
    border-right-width: 0;
}

.frame-type-form_formframework .input-group-append {
    border-left-width: 0;
}

.frame-type-form_formframework .input-group-text {
    border-radius: 0;
    color: #003C8D;
    background-color: #e0e2e3;
}

.frame-type-form_formframework .input-group>input:focus+.input-group-append .input-group-text {
    border-color: #2699d6;
    background-color: #2699d6;
    color: #fff;
}

.frame-type-form_formframework .input-group>input[required]+* .input-group-text {
    color: #ca1240;
    border-color: #ca1240;
}

.frame-type-form_formframework .input-group>input[required]:focus+* .input-group-text {
    border-color: #ca1240;
    background-color: #ca1240;
    color: #fff;
}

.frame-type-form_formframework .row .form-checkbutton .row {
    margin: 0;
}

.frame-type-form_formframework .form-checkbutton>label:empty {
    display: none;
}

.frame-type-form_formframework .form-checkbutton>label:blank {
    display: none;
}

.frame-type-form_formframework input.f3-form-error {
    border: 1px solid red;
}

.text-blue {
    color: #003e90;
}

.text-blue-bold {
    color: #003e90;
    font-family: "Din Pro Bold", "DIN Pro Medium", Helvetica, sans-serif;
}

.text-bold {
    font-family: "Din Pro Bold", "DIN Pro Medium", Helvetica, sans-serif;
}

.vds-quote-slider {
    font-family: "DinProRegular", sans-serif;
    margin-bottom: 1.6em;
    margin: 0;
}

.vds-quote-slider .row {
    margin-bottom: 0;
}

.vds-quote-slider-top .col-4,
.vds-quote-slider-top .col-12 {
    padding: 0;
}

.vds-quote-slider .vds-quote-slider-top {
    min-height: 100px;
    background-color: #f1f1f1;
    color: #2598d5;
}

.vds-quote-slider .vds-quote-slider-top a,
.vds-quote-slider .vds-quote-slider-top a:hover,
.vds-quote-slider .vds-quote-slider-top a:focus,
.vds-quote-slider .vds-quote-slider-top a:active {
    color: #2598d5;
}

.vds-quote-slider .vds-quote-slider-bottom {
    min-height: 20px;
    background-color: #2598d5;
    color: #fff;
}

.vds-quote-slider .vds-quote-slider-bottom div {
    padding: 0;
    margin: auto 0;
}

.vds-quote-slider .vds-quote-slider-bottom div.bottom-quote {
    padding: 15px 0;
}

.vds-quote-slider .vds-quote-slider-bottom a {
    margin: auto 0;
}

.vds-quote-slider .vds-quote-slider-bottom img,
.vds-quote-slider .vds-quote-slider-bottom svg {
    height: 15px;
    margin: auto -4px auto 2rem;
}

.vds-big-kachel-slider {
    position: relative;
}

.vds-big-kachel-slider .slick-arrow {
    background: transparent;
    border: none;
    position: absolute;
    top: 49%;
    z-index: 12;
}

.vds-big-kachel-slider .slick-arrow.slick-next {
    right: 0;
}

.vds-big-kachel-slider .slick-arrow.slick-prev {
    left: 0;
}

.vds-big-kachel-slider .slick-arrow img {
    height: 35px;
    width: 35px;
}

@media (min-width: 992px) {
    .vds-quote-slider .vds-quote-slider-top {
        min-height: 375px;
    }

    .vds-quote-slider .vds-quote-slider-bottom a {
        position: relative;
        top: calc(50% - 7.5px);
    }

    .vds-quote-slider .vds-quote-slider-bottom p {
        margin: 0 2rem;
    }

    .vds-quote-slider-top .col-12 {
        margin: auto 0;
    }

    .vds-quote-slider .vds-quote-slider-top .quote-text img.openquote {
        position: absolute;
        top: 40px;
        left: -40px;
    }

    .vds-quote-slider .vds-quote-slider-top .quote-text img.closequote {
        position: relative;
        display: inline;
        right: -2px;
        top: -9px;
    }

    .vds-quote-slider .vds-quote-slider-top .quote-text {
        font-size: 24px;
        line-height: 38px;
        padding-right: 7rem;
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    .vds-quote-slider .vds-quote-slider-bottom p {
        margin: 0 13px;
    }

    .vds-quote-slider .vds-quote-slider-bottom img,
    .vds-quote-slider .vds-quote-slider-bottom svg {
        margin: 10px 0 10px 13px;
    }

    .vds-quote-slider .vds-quote-slider-bottom div.order-1.order-md-2 {
        margin-top: 9px;
    }

    .vds-quote-slider .vds-quote-slider-top .quote-text img.openquote {
        position: relative;
        top: 2px;
        display: inline-block;
    }

    .vds-quote-slider .vds-quote-slider-top .quote-text img.closequote {
        position: relative;
        top: -8px;
        display: inline-block;
    }

    .vds-quote-slider .slick-slide {
        margin: 0 15px;
        padding: 0;
    }

    .vds-quote-slider .vds-quote-slider-top .quote-text {
        font-size: 24px;
        line-height: 38px;
        margin: 40px 40px 40px 20px;
    }
}

@media (min-width: 992px) and (-ms-high-contrast:active),
(min-width:992px) and (-ms-high-contrast:none) {
    .vds-quote-slider .vds-quote-slider-bottom {
        display: table;
        width: calc(100% + 30px);
    }

    .vds-quote-slider .vds-quote-slider-bottom div {
        display: table-cell !important;
        vertical-align: middle;
    }

    .vds-quote-slider .vds-quote-slider-bottom span.my-auto p,
    .vds-quote-slider .vds-quote-slider-bottom div.order-1 {
        padding: 0 2rem;
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .vds-quote-slider-img {
        position: absolute;
        bottom: -420px;
        min-width: 100%;
    }

    .vds-quote-slider .vds-quote-slider-top .quote-text img:last-child {
        bottom: auto;
    }

    .vds-quote-slider .vds-quote-slider-bottom {
        display: table;
        width: calc(100% + 30px);
    }

    .vds-quote-slider .vds-quote-slider-bottom span.my-auto {
        display: table-cell;
        vertical-align: middle;
    }
}

.vds-quote-slider-img {
    position: absolute;
    bottom: 0;
    min-width: 100%;
}

.vds-quote-slider .vds-quote-slider-top .quote-text p {
    display: inline;
}

.vds-quote-slider .vds-quote-slider-top .quote-text img {
    width: 31px;
}

.vds-quote-slider .vds-quote-slider-top .quote-author {
    font-size: 18px;
    margin: 20px;
}

@media (min-width: 992px) {
    .vds-quote-slider .vds-quote-slider-top .quote-author {
        margin: 20px 0;
    }
}

.slick-slider {
    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;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

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

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    height: inherit;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.vds-news .mb-d {
    margin: 15px 0;
}

.vds-news-teaser-kachel.row,
.vds-news-teaser-kachel-side.row {
    margin-bottom: 0;
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .vds-news-teaser-kachel .vds-news-teaser-single * {
        word-wrap: none;
        word-break: keep-all;
    }
}

@supports (-ms-ime-align:auto) {
    .vds-news-teaser-kachel .vds-news-teaser-single * {
        word-wrap: none;
        word-break: keep-all;
    }
}

.grid-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@supports (display: grid) {
    .grid-container {
        display: grid;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    @media (min-width: 576px) {
        .grid-container {
            grid-template-columns: repeat(2, 1fr);
        }

        .vds-news-teaser-double {
            grid-column-start: 1;
            grid-column-end: 3;
            grid-row-start: 1;
            grid-row-end: 3;
        }
    }

    @media (min-width: 768px) {
        .grid-container {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 575px) {
        .grid-container {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

.ie11 div {
    margin-right: -30px;
}

.ie11 .kachelarrow svg {
    width: 28px;
}

@media (min-width: 576px) {
    .ie11 .vds-news-teaser-double {
        width: calc(50% - 30px);
    }

    .ie11 .vds-news-teaser-single {
        width: calc(50% - 30px);
    }
}

@media (min-width: 768px) {
    .ie11 .vds-news-teaser-double {
        width: calc(66.6% - 30px);
    }

    .ie11 .vds-news-teaser-single {
        width: calc(33.3% - 30px);
    }
}

@media (max-width: 575px) {
    .ie11 .vds-news-teaser-double {
        width: calc(100% - 30px);
    }

    .ie11 .vds-news-teaser-single {
        width: calc(100% - 30px);
    }
}

.ie11 .vds-news-teaser-single,
.ie11 .vds-news-teaser-double {
    margin-bottom: 30px;
    margin-right: 30px;
}

.vds-news-teaser-single,
.vds-news-teaser-double {
    background-color: #2598d5;
    position: relative;
}

.vds-news-teaser-single {
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.vds-news-teaser-double .kachelarrow,
.vds-news-teaser-single .kachelarrow {
    position: absolute;
    bottom: 6px;
    right: 10px;
    text-align: right;
}

.vds-news-teaser-single img.img-fluid,
.vds-news-teaser-double img.img-fluid {
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.vds-news-teaser-single img,
.vds-news-teaser-double img {
    height: 100%;
}

.vds-news-teaser-single span:first-of-type {
    font-size: 12pt;
    margin: 22px 22px 0 22px;
}

.vds-news-teaser-double span:last-child,
.vds-news-teaser-single span:last-child {
    margin-bottom: 11px;
    margin-right: 20px;
}

.vds-news-teaser-single h1 {
    font-size: 19px;
    line-height: 33px;
    margin: 5px 22px 40px 22px;
}

.vds-news-teaser-single h2 {
    font-size: 19px;
    line-height: 33px;
}

.vds-news-teaser-single img:not(.img-fluid),
.vds-news-teaser-single svg {
    float: right;
}

.vds-news-teaser-double {
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.vds-news-teaser-double span:first-of-type {
    font-size: 24pt;
    color: #fff;
    line-height: 60px;
    text-align: center;
    display: block;
    position: relative;
    bottom: 28px;
    background-color: #2598d5;
    height: 60px;
    width: 211px;
}

.vds-news-teaser-double h1 {
    font-size: 12pt;
    line-height: normal;
    margin: 22px 30px 0 30px;
}

.vds-news-teaser-double h2 {
    font-size: 20pt;
    line-height: normal;
    margin: 10px 30px 40px;
}

.vds-news-teaser-single img:not(.img-fluid),
.vds-news-teaser-double img:not(.img-fluid),
.vds-news-teaser-single svg,
.vds-news-teaser-double svg {
    height: 15px;
}

.vds-news-teaser-single h1,
.vds-news-teaser-single h2,
.vds-news-teaser-single span,
.vds-news-teaser-double h1,
.vds-news-teaser-double h2 {
    color: #fff;
}

@media (min-width: 576px) {
    .vds-news-teaser-double {
        border-bottom-right-radius: 2rem;
    }

    .vds-news-teaser-double img.img-fluid {
        margin-bottom: -60px;
    }

    .vds-news-teaser-double span:last-child {
        margin: 40px 30px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media (max-width: 575px) {
    .vds-news-teaser-double span:first-of-type {
        display: none;
    }

    .vds-news-teaser-double {
        margin: 15px 0;
    }

    .vds-news-teaser-double h1 {
        font-size: 19px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    .vds-news-teaser-double h2 {
        font-size: 12pt;
    }

    .vds-news-teaser-double img:not(.img-fluid) {
        margin: 0 30px 15px 30px;
    }

    .vds-news-teaser-single img:not(.img-fluid) {
        bottom: 57px;
    }
}

.vds-news-teaser-button {
    background-color: #2598d5;
    width: 226px;
    height: 59px;
    margin: 45px auto;
}

.vds-news-teaser-button span {
    font-size: 14pt;
    line-height: 59px;
    margin-left: 25px;
    color: #fff;
}

.vds-news-teaser-button img {
    height: 15px;
    transform: rotate(90deg);
    position: relative;
    margin-top: -5px;
    left: 40px;
}

.vds-news-list {
    padding: 0 15px;
}

.vds-news-list .mobileHide {
    margin-left: -15px;
}

.vds-news-list-single {
    border-top: 1px solid #dfe1e3;
    padding-top: 20px;
}

.vds-news-list-single.row {
    margin-bottom: 0;
}

.vds-news-list .col-3,
.vds-news-list .col-9 {
    padding: 0;
}

.vds-news-list-date img,
.vds-news-list-date svg {
    height: 15px;
}

.vds-news-list-date span {
    font-size: 19px;
    line-height: normal;
}

.vds-news-list-text h1,
.vds-news-list-text h2,
.vds-news-list-text span {
    font-size: 16px;
    line-height: 20px;
}

.vds-news-list-date span.vds-news-list-date-y,
.vds-news-list-text h1 {
    color: #6c6e6f;
}

.vds-news-list-date span.vds-news-list-date-md,
.vds-news-list-text h2,
.vds-news-list-text span {
    color: #003d90;
}

.vds-news-list-date span.vds-news-list-date-md,
.vds-news-list-date span.vds-news-list-date-y {
    display: block;
}

.vds-news-list-text a {
    text-decoration: none;
}

.vds-news-list-text h1,
.vds-news-list-text h2 {
    margin-bottom: 16px;
    margin-right: 15px;
}

@media (max-width: 767px) {

    .vds-news-list-single.mobileHide,
    .vds-news-list h3.mobileHide,
    .vds-news-list article:nth-of-type(3),
    .vds-news-list article:nth-of-type(4),
    .vds-news-list article:nth-of-type(5) {
        display: none;
    }

    .vds-news-list-single:last-child {
        border-bottom: 1px solid #dfe1e3;
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .vds-news-list .mobileHide {
        margin-top: -43px;
        margin-bottom: 9px;
    }
}

.news .article h1 {
    font-size: 19px;
    line-height: 33px;
}

.news .article .newsheadline h2 {
    font-size: 65px;
    line-height: 80px;
}

@media only screen and (max-width: 768px) {
    .news .article .newsheadline h2 {
        font-size: 36px;
        line-height: 45px;
    }
}

.news .article :not(.newsheadline) h2 {
    font-size: 34px;
    line-height: 50px;
}

.news .article>.footer {
    display: none;
}

.news .article .article-spacer {
    margin-bottom: 70px;
}

.news .article .nav {
    margin-top: 90px;
}

.news .article .nav .inner {
    text-align: center;
    position: relative;
}

.news .article .nav .inner>div {
    display: inline-block;
}

.news .article .nav .inner div.previous {
    position: absolute;
    left: 15px;
}

.news .article .nav .inner div.next {
    position: absolute;
    right: 15px;
}

.news .article .nav a {
    text-decoration: none;
    color: #003e90;
}

.news .article .nav a:hover {
    color: #003e90;
}

.news .article .nav a span {
    color: #6c6e6f;
}

.news .article .frame-type-image {
    margin: 60px 0;
}

.nav-bg-helper {
    background-color: #52ADE2;
    position: fixed;
    top: -140px;
    left: 0;
    right: 0;
    height: 140px;
    z-index: 5;
}

#header-top.nojs+.nav-bg-helper {
    display: none;
}

#header-top {
    background-color: white;
    height: 80px;
    box-shadow: 0 1px 5px #CCCCCC;
    border-bottom-right-radius: 2rem;
}

#navbar-top {
    max-width: 1140px;
    height: 100%;
    margin: 0 auto;
}

#navbar-top .nav-main,
#navbar-top .nav-service-secondary,
#navbar-top .nav-service-secondary .btn {
    font-size: 19px;
}

#navbar-top .nav-main .mobileOnly {
    display: none;
}

.nav-open #navbar-top .nav-main,
.nav-open #navbar-top .nav-service-secondary,
.nav-open #navbar-top .nav-service-secondary .btn,
#navbar-top .nav-main .dropdown-menu,
#navbar-top .nav-service-secondary .dropdown-menu,
#navbar-top .nav-service-secondary .dropdown-menu,
.scrolled #navbar-top .nav-service-secondary,
.scrolled #navbar-top .nav-service-secondary .btn {
    font-size: 16px;
}

#navbar-top .dropdown-toggle:after {
    display: none;
}

#navbar-top .icon-append img,
#navbar-top .icon-append svg {
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
}

#navbar-top .icon-append .nav-link {
    white-space: nowrap;
    display: flex;
}

#navbar-top .navbar-brand {
    padding: 0;
}

#navbar-top .navbar-brand img {
    width: 52px;
    height: auto;
}

#navbar-top .navbar-togglerr {
    border: 0;
    padding: 0;
}

#navbar-top .navbar-togglerr img {
    width: 2rem;
    height: auto;
}

#navbar-top .dropdown-menu {
    background-color: #52ADE2;
    padding-bottom: 60px;
}

#navbar-top ul {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
    padding: 0;
    margin: 0;
}

#navbar-top .navbar-collapse {
    align-self: stretch;
    flex-direction: column;
}

.nav-service-container {
    display: flex;
    align-self: stretch;
}

.nav-service-container>ul,
ul.nav-main {
    display: flex;
    align-items: center;
}



#navbar-top .dropdown-item:hover,
.dropdown-item:focus {
    background-color: inherit;
}


#navbar-top .nav-link:hover {
    color: #51aee2;
    font-weight: bold;
}



#navbar-top .dropdown-menu.second-level>.dropdown-item:hover>.nav-link,
#navbar-top .dropdown-menu.second-level>.dropdown-item:focus>.nav-link,
#navbar-top .dropdown-menu>.dropdown-item:hover>.nav-link,
#navbar-top .dropdown-menu>.dropdown-item:focus>.nav-link,
#navbar-top .nav-link,
body.nav-open #navbar-top .nav-link:hover {
    color: #003C8D;
    font-weight: bold;
}




#navbar-top .dropdown-item .nav-link {
    color: white;
    white-space: normal;
}

#navbar-top .dropdown-menu>.dropdown-item.active>.nav-link {
    color: #003C8D;
    font-weight: bold;
    border: none;
}



#navbar-top .nav-link.lang:hover {
    color: #ffffff;
    font-weight: bold;
}

#navbar-top .nav-link,
#navbar-top .nav-link:hover {
    font-weight: unset;
    font-family: "DinProMedium";
}

@keyframes max-height-transition {
    from {
        max-height: 0;
    }

    to {
        max-height: 100vw;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#navbar-top .open-submenu,
#navbar-top .parent-item {
    cursor: pointer;
}

.navbar-light .navbar-togglerr-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.3 15.5' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23003E90;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cline class='st0' x1='0.6' y1='0.6' x2='27.6' y2='0.6'/%3E%3Cline class='st0' x1='0.6' y1='7.7' x2='27.6' y2='7.7'/%3E%3Cline class='st0' x1='0.6' y1='14.8' x2='27.6' y2='14.8'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
}

.navbar-light .collapse.show+.navbar-togglerr .navbar-togglerr-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.4 20.4' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23003E90;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cline class='st0' x1='0.7' y1='0.6' x2='19.7' y2='19.7'/%3E%3Cline class='st0' x1='19.7' y1='0.7' x2='0.6' y2='19.7'/%3E%3C/g%3E%3C/svg%3E");
    width: 22px;
    height: 22px;
}

#navbar-top .dropdown-item,
#navbar-top .dropdown-item:hover,
#navbar-top .dropdown-item:focus {
    background-color: transparent;
}

#navbar-top [class*=nav-arrow] {
    height: 1.75rem;
    width: 1rem;
    display: inline-block;
}

#navbar-top .nav-arrow-right-white {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.6 28'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpolyline class='st0' points='0.6,27.4 10,14 0.6,0.6 '/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}

#navbar-top .nav-arrow-right-blue {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.6 28'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23003E90;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpolyline class='st0' points='0.6,27.4 10,14 0.6,0.6 '/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}

#navbar-top .nav-arrow-left-blue {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.6 28'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23003E90;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpolyline class='st0' points='10,0.6 0.6,14 10,27.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}

.nav-service-secondary .dropdown-menu {
    border-radius: 0;
    border-bottom-right-radius: 2rem;
}

#subfooter a.nav-link:hover {
    color: #51aee2;
}

@media (max-width: 991px) {

    #navbar-top-content.collapsing,
    #navbar-top-content.show,
    #navbar-top .nav-main .dropdown-menu.show {
        position: fixed;
        top: 80px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #52ADE2;
        border: 0;
        display: flex;
        flex-direction: column;
    }

    #navbar-top-content.collapsing {
        opacity: 0;
    }

    #navbar-top-content.show,
    #navbar-top .nav-main .dropdown-menu.show {
        opacity: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 1rem 0 0 0;
        display: flex;
        border-radius: 0;
    }

    #navbar-top .desktop {
        display: none;
    }

    #navbar-top .nav-link {
        flex-grow: 1;
    }

    #navbar-top .open-submenu {
        flex-grow: 99;
        text-align: right;
    }

    #navbar-top-content,
    #navbar-top .nav-service-primary,
    #navbar-top .nav-main {
        flex-direction: column;
        align-items: stretch;
    }

    .nav-service-container,
    #navbar-top .nav-main {
        padding: 0 1rem;
        min-height: 9rem;
    }

    .nav-service-container {
        flex-grow: 1;
        flex-direction: column;
        background-color: #007EC3;
    }

    .nav-service-secondary {
        display: flex;
    }

    #navbar-top .dropdown-menu.show {
        padding: 1rem;
    }

    #navbar-top .nav-item:not(.icon-append),
    .dropdown-menu.show .dropdown-item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #9FD3ED;
    }

    #navbar-top .nav-item:last-child,
    .nav-service-secondary .dropdown-menu.show .dropdown-item {
        border-bottom: 0;
    }

    #navbar-top .parent-item {
        position: relative;
        cursor: pointer;
    }

    #navbar-top .parent-item [class*=nav-arrow] {
        position: absolute;
        top: 0.8rem;
        left: 0.5rem;
    }

    #navbar-top .nav-item.active>.nav-link,
    #navbar-top .parent-item>.nav-link,
    #navbar-top .dropdown-item.active>.nav-link {
        color: #003E90 !important;
        font-weight: bold;
    }

    #navbar-top .nav-link {
        color: white;
        font-weight: normal;
    }

    #navbar-top-content.show,
    #navbar-top-content.collapsing,
    body:before {
        transition: opacity .15s ease-out;
    }

    #navbar-top-content.show .nav-service-secondary {
        animation: fade-in .125s;
    }

    #navbar-top-content .nav-item,
    #navbar-top-content .dropdown-item {
        flex-basis: 3.5rem;
    }

    #navbar-top-content .dropdown-item {
        min-height: 3.5rem;
    }

    #navbar-top .nav-service-secondary .nav-link>span {
        display: none;
    }

    #navbar-top .show.overflow-fix {
        overflow: hidden;
    }

    .nav-service-secondary {
        position: fixed;
        right: 4rem;
        top: 22px;
        border: 0px solid red;
    }

    .nav-service-secondary li,
    .nav-service-secondary li a {
        height: 40px;
        display: inline-block;
    }

    .navbar-brand {
        flex-grow: 1;
    }

    .overflow-hidden {
        overflow: hidden !important;
    }

    body.nav-open {
        overflow: hidden;
        height: 100%;
    }

    body:before {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 80px;
        background-color: #52ADE2;
        z-index: 5;
        content: "";
        display: block;
        pointer-events: none;
        opacity: 0;
    }

    body.nav-open:before {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    #navbar-top .mobile {
        display: none;
    }

    #header-top.scrolled.dropdown-open+.nav-bg-helper {
        height: 80px;
    }

    #header-top.dropdown-open+.nav-bg-helper {
        top: 0;
    }

    #header-top:not(.nojs) .nav-main>.dropdown>.dropdown-menu {
        overflow: hidden;
    }

    #header-top.nojs .nav-item.dropdown:hover>.dropdown-menu,
    #header-top:not(.nojs) .nav-item.dropdown.show>.dropdown-menu {
        display: block;
        padding-top: 19px;
    }

    #header-top .nav-item.dropdown.show::before {
        content: "";
        background-color: #013D8F;
        position: absolute;
        display: inline-block;
        height: 7px;
        bottom: -7px;
        left: 1rem;
        right: 0;
        z-index: 1001;
    }

    #navbar-top .dropdown-item.prepend-icon {
        position: relative;
        padding-left: 0;
    }

    #navbar-top .dropdown-item.prepend-icon span {
        position: absolute;
        left: -0.25rem;
        height: 1rem;
        top: 13px;
        visibility: hidden;
    }

    #navbar-top .dropdown-item.prepend-icon:hover span {
        visibility: visible;
    }

    #header-top:not(.scrolled) {
        height: 140px;
    }

    #navbar-top {
        padding: 0 1rem;
    }

    #navbar-top .navbar-brand img {
        width: 92px;
    }

    #header-top.scrolled .navbar-brand img {
        width: 54px;
    }

    #navbar-top-content {
        justify-content: space-between;
    }

    #header-top.scrolled .nav-service-secondary .nav-link>span {
        max-width: 0;
        opacity: 0;
    }

    #header-top:not(.scrolled) .nav-service-primary .nav-link {
        padding: 16px 12px;
    }

    #header-top:not(.scrolled) #navbar-top-content .nav-main li.nav-item .nav-link {
        padding-bottom: 19px;
    }

    #header-top:not(.scrolled) #navbar-top-content .nav-main .dropdown-menu li .nav-link {
        padding-bottom: .5rem;
    }

    #header-top:not(.scrolled) #navbar-top-content ul.dropdown-menu .nav-link {
        padding: .5rem 1rem;
    }

    #navbar-top .navbar-brand {
        flex-basis: 140px;
    }

    .nav-service-primary {
        flex-grow: 1;
        height: 62px
    }

    .nav-service-secondary {
        height: 62px;
    }

    #header-top.scrolled .nav-service-primary,
    #header-top.scrolled .nav-service-secondary {
        height: 42px;
    }

    #navbar-top .nav-service-primary .nav-link {
        color: #6c6e6f;
        font-size: 15px;
    }

    #navbar-top .nav-service-primary .nav-link:hover {
        color: #51aee2;
    }

    #navbar-top .nav-main {
        align-self: flex-start;
    }

    #navbar-top .nav-main>li+li {
        margin-left: 2rem;
    }

    #navbar-top ul.dropdown-menu {
        position: absolute;
        top: 100%;
        border: 0;
        box-shadow: 0 6px 5px -5px #CCCCCC;
    }

    #navbar-top .nav-main>.nav-item>.dropdown-menu {
        border-radius: 0 0 2rem 0;
    }

    #header-top.nojs .nav-main>.nav-item.dropdown:hover ul.dropdown-menu {
        margin: 0 -100vw;
        padding: .5rem 100vw;
    }

    #header-top.nojs .nav-main>.nav-item>.dropdown-menu:before {
        content: "";
        display: inline-block;
        position: fixed;
        z-index: 9;
        right: 0;
        top: 100px;
        height: 40px;
        width: 40px;
        background-color: white;
        transition: top .1s ease-in;
    }

    .nav-service-secondary .icon-append .nav-link>span {
        display: inline-block;
        max-width: 20rem;
        white-space: nowrap;
        opacity: 1;
        transition: all .15s ease-out;
        margin-right: 0.5rem;
    }

    #header-top.scrolled.nojs #navbar-top ul.dropdown-menu:before {
        top: 60px;
    }

    #navbar-top .nav-service-secondary ul.dropdown-menu.langmenu li a {
        color: #ffffff;
    }

    #navbar-top .nav-service-secondary ul.dropdown-menu.langmenu li a:hover,
    #navbar-top .nav-service-secondary ul.dropdown-menu.langmenu li.active a {
        color: #003E90;
    }

    #navbar-top .nav-service-secondary ul.dropdown-menu.langmenu li.active a {
        pointer-events: none;
    }
}

@media (min-width: 1040px) {
    #navbar-top .navbar-brand {
        flex-basis: 200px;
    }
}

#navbar-top .nav-link svg {
    stroke: #003C8D;
    fill: none;
    transition: all .15s ease-out;
}

#navbar-top .nav-link:hover svg {
    stroke: #51aee2;
    fill: #51aee2;
}

#navbar-top .nav-link svg.icon-shop .st0 {
    fill: none;
    stroke: #174285;
    stroke-width: 1.3;
    stroke-linecap: round;
}

#navbar-top .nav-link svg.icon-shop .st1 {
    fill: #174285;
}

#navbar-top .nav-link:hover svg.icon-shop .st0 {
    fill: none;
    stroke: #51aee2;
    stroke-width: 1.3;
    stroke-linecap: round;
}

#navbar-top .nav-link:hover svg.icon-shop .st1 {
    fill: #51aee2;
}

#navbar-top .nav-link svg.icon-language .st0 {
    fill: none;
    stroke-width: 1.3;
}

#navbar-top .nav-link svg.icon-search .st0 {
    fill: none;
    stroke-width: 1.3;
    stroke-linecap: round;
}

#navbar-top .nav-link svg.icon-search .st1 {
    fill: none;
    stroke-width: 1.3;
}

#navbar-top .iconfield {
    position: absolute;
    right: 132px;
    top: 45px;
}

#navbar-top .iconfield .navicon {
    display: none;
}

#navbar-top .iconfield .navicon.activeIcon {
    display: inline-block;
    width: 150px;
    height: 150px;
}

main .breadcrumb-wrapper {
    background-color: #ffffff;
    margin-bottom: 40px;
}

main .breadcrumb-wrapper .breadcrumb {
    background-color: #ffffff;
    margin-bottom: 40px;
}

ol.breadcrumb {
    padding-left: 0;
}

.breadcrumb-item {
    font-size: 15px;
}

.breadcrumb-item a:hover {
    color: #51aee2;
}

@media only screen and (max-width: 768px) {
    .breadcrumb-wrapper nav {
        display: none;
    }
}

@media (max-height: 767px) {
    #header-video video {
        min-height: 767px;
    }

    #header-video video {
        bottom: calc(100vh - 767px);
    }
}

@media all and (max-width: 768px) and (min-height:900px) {
    #header-video video {
        bottom: calc(100vh - 900px);
    }
}

.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    background-size: contain;
}

.videowrapper iframe,
.videowrapper object,
.videowrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videooverlaytext .vds-button {
    min-height: 50px;
    width: auto;
    padding: 0 35px 0 30px;
    cursor: pointer;
    color: #213a8f;
    background-color: #ffffff;
}

.videooverlaytext {
    position: absolute;
    text-align: left;
    color: #ffffff;
    height: 100%;
    background-color: #4a98c6;
    opacity: 0.7;
    top: 0;
    padding-left: 60px;
    padding-right: 40px;
    padding-top: 15%;
    cursor: pointer;
    -webkit-transition: opacity 1000ms;
    -moz-transition: opacity 1000ms;
    transition: opacity 1000ms;
}

@media (max-width: 575px) {
    .videooverlaytext {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

#content .videooverlaytext a,
#content .videooverlaytext a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.videooverlaytext:hover {
    opacity: 0.9;
}

.videooverlayimage.hide {
    opacity: 0;
}

.youtubeframe {
    -webkit-transition: opacity 1000ms;
    -moz-transition: opacity 1000ms;
    transition: opacity 1000ms;
}

.youtubeframe.d-noneframe {
    visibility: hidden;
    opacity: 0;
}

.youtubeframe.show {
    opacity: 1;
}

.ce-textpic .video .video-embed video {
    max-width: 100%;
}

#header-video {
    min-height: 100vh;
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 14em;
    padding-top: 14em;
    display: table;
    background-size: cover;
    position: absolute;
    width: 100%;
    z-index: -99;
    background: url("https://vds.de//typo3conf/ext/vds_sitepackage/Resources/Public/Images/vds_video_bg.png") #75bdea no-repeat bottom center / cover;
}

#header-video video {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
    object-fit: cover;
}

@media (max-width: 1250px) and (min-width:992px) {
    .vds-x-col-slider.row.slick-slider {
        margin: 0 45px 100px;
    }
}

.vds-x-col-slider .slick-prev.slick-arrow,
.vds-x-col-slider .slick-next.slick-arrow {
    height: 50%;
    position: absolute;
    width: 25px;
    top: 0;
    border: none;
    background: none;
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.vds-x-col-slider .slick-prev.slick-arrow {
    left: -30px;
}

.vds-x-col-slider .slick-next.slick-arrow {
    right: -30px;
}

.vds-x-col-slider.row {
    padding-bottom: 0;
    margin-bottom: 100px;
}

.vds-x-col-slider .img-fluid {
    width: 100%;
}

.vds-x-col-slider-text {
    padding: 30px;
}

.vds-x-col-slider .slick-slide {
    background-color: #2598d5;
    margin: 0 15px;
    border-bottom-right-radius: 2rem;
    padding: 0;
}

.vds-x-col-slider-text:only-child {
    height: 100%;
}

.vds-x-col-slider-text .vds-x-col-slider-link img,
.vds-x-col-slider-text .vds-x-col-slider-link svg {
    width: 25px;
}

.vds-x-col-slider-text h1 {
    font-size: 28px;
    line-height: 35px;
}

@media (max-width: 767px) {
    .vds-x-col-slider-text h1 {
        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .vds-x-col-slider-text h1 {
        margin-bottom: 2rem;
    }
}

.vds-x-col-slider-text h2 {
    font-size: 16px;
    line-height: 22px;
}

.vds-x-col-slider-text,
.vds-x-col-slider-text h1,
.vds-x-col-slider-text h2,
.vds-x-col-slider-text p {
    color: #fff;
}

.vds-x-col-slider-text p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: auto;
}

.vds-x-col-slider-text p:last-of-type {
    margin-bottom: 3rem;
}

.vds-x-col-slider .slick-dotted.slick-slider {
    margin-bottom: 70px;
}

.vds-x-col-slider .slick-dots {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.vds-x-col-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px !important;
    padding: 0 !important;
    cursor: pointer;
}

.vds-x-col-slider .slick-dots li::before {
    background: none !important;
    margin: 0 !important;
}

.vds-x-col-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.vds-x-col-slider .slick-dots li button:hover,
.vds-x-col-slider .slick-dots li button:focus {
    outline: none;
}

.vds-x-col-slider .slick-dots li button:hover:before,
.vds-x-col-slider .slick-dots li button:focus:before,
.vds-quote-slider .slick-dots li button:hover:before {
    opacity: 1;
}

.vds-x-col-slider .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    border: 2px solid #2598d5;
    border-radius: 10px;
}

.vds-x-col-slider .slick-dots li.slick-active button:before {
    border: 10px solid #2598d5;
    border-radius: 10px;
}

.logoutform div,
.loginform div {
    margin-bottom: 10px;
}

.logoutform input,
.loginform input {
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
}

.vds-button.login {
    min-height: 60px;
    cursor: pointer;
}

.vds-button.logout {
    margin-top: 10px;
    min-height: 60px;
    cursor: pointer;
}

.loginmessages {
    color: red;
    font-size: 16px;
    line-height: normal;
}

div.cc-window.cc-banner {
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0 1px 10px #CCCCCC;
}

.cc-window.cc-banner .cc-message {
    text-align: left;
    max-width: 1160px;
    width: 100%;
    padding: 20px 80px 15px 20px;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    color: #21252E;
}

.cc-window.cc-banner .cc-message a {
    color: #51AEE2 !important;
}

.cc-window.cc-banner .cc-compliance {
    max-width: 1160px;
    padding: 0 80px 0 20px;
    text-align: left;
    margin: 0 auto 15px;
    display: flex;
    flex-direction: row;
}

.cc-window.cc-banner .cc-btn {
    border-bottom-right-radius: 30px;
    width: 180px;
    min-width: 150px;
    max-width: 150px;
    padding-right: 18px;
    padding-top: 10px;
    text-align: center;
    height: 50px;
    display: inline-block;
    letter-spacing: 0;
}

.cc-window.cc-banner .cc-btn.cc-dismiss {
    background: #51AEE2 0 0 no-repeat padding-box;
    color: #ffffff;
    order: 1;
    margin-left: 0;
}

.cc-window.cc-banner .cc-btn.cc-deny {
    background: #E0E2E3 0 0 no-repeat padding-box;
    order: 2;
    margin-left: 30px;
}

.cc-window.cc-banner .cc-btn:hover {
    background-color: rgba(118, 190, 234, 0.5);
    text-decoration: none;
    color: #ffffff;
}

.cc-window.cc-banner .Header {
    font-size: 28px;
    margin-bottom: 10px;
    letter-spacing: 0;
    color: #003E90;
}

.cc-window.cc-banner .Message {
    padding: 0 2px;
}

@media only screen and (max-width: 768px) {
    div.cc-window.cc-banner {
        margin-bottom: 80px;
    }

    .cc-window.cc-banner .cc-message {
        font-size: 16px;
        line-height: 22px;
    }

    .cc-window.cc-banner .cc-btn {
        border-bottom-right-radius: 30px;
        padding: 12px 30px 0 15px;
        height: 50px;
        font-size: 18px;
    }
}

.frame-type-form_formframework h2,
.printable-fieldset .fieldset-label,
.printable-fieldset .fieldset-label span {
    font-family: "Din Pro Bold", "DIN Pro Medium", Helvetica, sans-serif;
    color: #213a8f;
}

.printable-textfield,
.printable-fieldset {
    color: #6c6e6f;
}

.printable-fieldset .fieldset-label {
    font-size: 1rem;
    margin-bottom: 0;
}

form>fieldset:first-of-type .fieldset-label {
    font-size: 1.3rem;
}

.printable-fieldset .content {
    margin: 1rem 0;
}

.printable-fieldset .content,
.printable-fieldset .fieldset-label {
    padding-left: 2.5rem;
}

.printable-fieldset.narrow .content {
    max-width: 80%;
}

@media (min-width: 992px) {
    .printable-fieldset.narrow .content {
        max-width: 66.67%;
    }
}

.printable-fieldset .fieldset-number {
    display: inline-block;
    min-width: 2.5rem;
}

.printable-fieldset .fieldset-label,
.printable-fieldset .content>.row>.col-form-label {
    position: relative;
}

.printable-fieldset .fieldset-label .field-number,
.printable-fieldset .content>.row>.col-form-label .field-number {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 2.5rem;
    overflow-wrap: break-word;
    color: #213a8f;
}

.printable-fieldset .content>.row>.col-form-label .field-number {
    top: .5rem;
}

.printable-fieldset .content>.static-text>p>.field-number {
    position: relative;
    color: #213a8f;
    display: inline-block;
    width: 0;
    left: -2.5rem;
}

.printable-fieldset .content>.row>.col-form-label .field-number {
    left: -2.5rem;
}

.printable-row>.control-label-row {
    width: 0;
}

.printable-row>.control-label-row .field-number {
    position: relative;
    color: #213a8f;
    display: inline-block;
    left: -1.5rem;
    top: 0.6rem;
}

.printable-fieldset .label,
.printable-fieldset hr {
    border-color: #c6c6c6;
    border-width: 2px;
}

.printable-fieldset .row {
    margin-top: 0;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-end;
}

.printable-fieldset .content>.row {
    align-items: flex-start;
}

.printable-fieldset .row .row .form-check .form-check {
    padding-top: 0.6rem;
}

.printable-fieldset .row .row,
.printable-fieldset .content>.printable-textfield+.row {
    min-height: 2.5rem;
    margin-bottom: .25rem;
}

.printable-fieldset .row .row {
    min-height: 2rem;
}

.printable-fieldset input[type="checkbox"],
.summary-value input[type="checkbox"] {
    width: 1em;
    height: 1em;
}

.frame-type-form_formframework .printable-fieldset .form-check-label>input[type="checkbox"],
.js-checkbox input[type="checkbox"] {
    margin-top: .2em;
}

.printable-fieldset .form-check-label>span {
    margin-top: 0 !important;
}

.printable-fieldset .form-check-label>span.field-number {
    position: absolute;
    left: -2.5em;
    top: -0.1em;
    color: #213a8f;
}

.printable-fieldset .form-check-label.js.checked::before,
.printable-fieldset .form-check-label.js.checked::after {
    margin-left: 0;
}

.printable-fieldset .form-check-label.js input[type="checkbox"]:checked,
.summary-value .js-checkbox.js input[type="checkbox"]:checked {
    background: transparent;
    border-color: #c6c6c6;
}

.printable-fieldset .form-check-label.js input[type="checkbox"]:focus,
.summary-value .js-checkbox input[type="checkbox"]:focus {
    background: transparent;
}

.printable-fieldset .form-check-label.js.checked::before,
.summary-value .js-checkbox.js.checked::before {
    top: 15px;
    left: 9px;
    width: 18px;
    transform: rotate(-60deg);
}

.printable-fieldset .form-check-label.js.checked::after,
.summary-value .js-checkbox.js.checked::after {
    top: 9px;
    transform: rotate(40deg);
}

.printable-fieldset .form-check-label.js.checked::before,
.printable-fieldset .form-check-label.js.checked::after,
.summary-value .js-checkbox.js.checked::before,
.summary-value .js-checkbox.js.checked::after {
    background-color: #003E90;
    height: 3px;
    border-radius: 20px;
}

.printable-textfield {
    display: flex;
}

.printable-fieldset .content>.printable-textfield>.col-form-label {
    flex-basis: 33.3%;
}

.printable-textfield>.control-wrap {
    flex-grow: 1;
    align-self: flex-start;
}

.printable-textfield input,
.printable-textfield input:focus {
    color: #213a8f;
    font-family: "DIN Pro Medium", Helvetica, sans-serif;
}

.frame-type-form_formframework .printable-fieldset .form-check-label>input[type="checkbox"],
.printable-textfield label {
    margin-right: .5em;
}

.printable-textfield input,
.frame-type-form_formframework .printable-textfield input[required] {
    background-color: initial;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #c6c6c6 transparent;
    margin-right: 0;
    padding: .125rem .25rem 0 .25rem;
    line-height: 1.5;
    height: 2rem;
}

.printable-textfield input:focus,
.printable-textfield input:active {
    border-style: dashed dashed solid dashed;
    border-color: #c6c6c6 #c6c6c6 #213a8f #c6c6c6;
    box-shadow: 0 -2px 0 0 #213a8f inset;
    background-color: transparent;
}

.printable-signature-field {
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}

.printable-signature-field .form-control {
    margin-bottom: .75rem;
}

.printable-signature-field input[readonly] {
    background: transparent;
    cursor: help;
}

.printable-signature-field input[readonly]:focus {
    border-color: transparent transparent #c6c6c6 transparent;
    box-shadow: 0 -1px 0 0 #c6c6c6 inset;
}

.printable-signature-field .control-wrap {
    min-width: 250px;
    width: 100%;
    position: relative;
}

.printable-signature-field .control-wrap.readonly .info {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 2.5rem;
    background: white;
    font-size: .875rem;
    text-align: center;
    border: 1px solid gray;
    left: 0;
    border-radius: .25rem;
    padding: .5rem;
    z-index: 1;
}

.printable-signature-field .control-wrap.readonly input:focus+.info {
    display: block;
}

.printable-fieldset .row,
.printable-textfield,
.printable-textfield .col-form-label {
    max-width: 100%;
}

.printable-fieldset .col-form-label,
.printable-textfield .col-form-label {
    overflow-wrap: break-word;
    padding-top: .5rem;
    line-height: 1.25;
}

.printable-add-mt {
    margin-top: 3rem;
}

form>.printable-textfield,
form>.row> :first-child>.printable-textfield {
    margin-left: 2.5rem
}

.summary-value input[disabled] {
    pointer-events: none;
}

.summary-grid .summary-row.form-check {
    display: flex;
}

.summary-grid .summary-row.form-check .summary-label {
    flex-grow: 1;
    order: 2;
}

.summary-value.form-check {
    text-align: right;
}

.summary-grid .summary-value.form-check {
    padding-right: .25em;
}

.summary-grid .printabletextfield .summary-label {
    text-align: right;
}

.summary-grid>*:first-child:last-child .printabletextfield .summary-label {
    text-align: initial;
}

.summary-value.printabletextfield {
    min-width: 8em;
    width: 50%;
    position: relative;
    color: #213a8f;
    font-family: "DIN Pro Medium", Helvetica, sans-serif;
}

.summary-grid [class*=col-]:last-child {
    flex-grow: 1;
    max-width: none;
}

.powermail_fieldset {
    border: 0px solid rebeccapurple;
    margin-top: 10px;
    margin-bottom: 30px;
}

.powermail_fieldset {
    font-size: 16px;
    line-height: 1.5;
}

.powermail_fieldset .row {
    margin-bottom: 10px;
}

.inlineblock {
    display: inline-block;
    vertical-align: top;
}

.powermail_legend {
    border-bottom: 1px solid grey;
    border-top: none;
}

.powermail_fieldset.layout2 {
    border: 0px solid rebeccapurple;
    padding: 5px;
}

.powermail_fieldset.layout2 .row {
    max-width: 100%;
    display: flex;
}

.powermail_fieldset.layout2 .row .col-md-8.inlineblock.col-md-offset-2 {
    max-width: 100%;
    display: block;
    flex: 0 0 100%;
    text-indent: -44px;
    padding: 0;
    margin: 0 0 0 15px;
}

.powermail_fieldset.layout2 .layout2.row .col-md-8.inlineblock,
.powermail_fieldset.layout2 .nolabel.row .col-md-8.inlineblock {
    max-width: 100%;
    display: block;
    flex: 0 0 100%;
    padding: 0;
    margin: 0 0 0 15px;
}

.powermail_fieldset.layout2 .row .col-md-8.inlineblock .form-check {
    display: inline-block;
    margin-right: 20px;
}

.powermail_fieldset.layout2 .powermail_fieldwrap_type_file.layout2 {
    border-bottom: 0px solid rebeccapurple;
    text-align: right;
    position: relative;
    height: 60px;
}

.powermail_fieldset.layout2 .powermail_fieldwrap_type_file .col-form-label.inlineblock.col-md-4 {
    text-align: left;
}

.powermail_fieldset.layout3 {
    border: 0px solid rebeccapurple;
    padding: 5px;
}

.powermail_fieldset.layout3 .row {
    max-width: 100%;
    display: block;
}

.powermail_fieldset.layout3 .row .col-md-8.inlineblock.col-md-offset-2 {
    max-width: 100%;
    display: block;
    flex: 0 0 100%;
    text-indent: -44px;
    padding-left: 60px
}

.powermail_fieldset.layout3 .layout3.row .col-md-8.inlineblock,
.powermail_fieldset.layout3 .nolabel.row .col-md-8.inlineblock {
    max-width: 100%;
    display: block;
    flex: 0 0 100%;
    padding-left: 60px
}

.powermail_fieldset.layout3 .row .col-md-8.inlineblock .form-check {
    display: inline-block;
    margin-right: 20px;
}

.powermail_fieldset.layout3 .powermail_fieldwrap_type_file.layout2 {
    border-bottom: 0px solid rebeccapurple;
    text-align: right;
    position: relative;
    height: 60px;
}

.powermail_fieldset.layout3 .powermail_fieldwrap_type_file {
    border-bottom: 0px solid rebeccapurple;
    text-align: right;
    position: relative;
    height: 60px;
}

.powermail_fieldset.layout3 .powermail_fieldwrap_type_file .col-form-label.inlineblock.col-md-4 {
    text-align: left;
}

.powermail_fieldset.layout3 .powermail_fieldwrap_type_file .col-md-8.inlineblock {
    width: 380px;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 0;
}

.powermail_file.form-control {
    border: none;
}

@media (min-width: 576px) {
    .powermail_fieldset.layout2 .powermail_fieldwrap_type_check .col-md-8.inlineblock {
        padding-left: 110px;
    }

    .powermail_fieldset.layout2 .powermail_fieldwrap_type_file .col-md-8.inlineblock {
        padding-left: 100px;
    }
}

.powermail_fieldset.layout3 .powermail_fieldwrap_type_check.layout2 .col-form-label.inlineblock.col-md-4 {
    max-width: 10%;
}

.powermail_fieldset input[type="checkbox"] {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.powermail_fieldset input[type=checkbox],
.powermail_fieldset .form-check label,
.powermail_fieldset .form-check label {
    cursor: pointer;
}

.powermail_fieldset .form-check input[type=radio],
.powermail_fieldset input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-style: solid;
    border-width: 1px;
}

.powermail_fieldset .form-check input[type=radio] {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
}

.powermail_fieldset .form-check input[type=radio]:checked {
    border: 9px solid #2699d6;
}

.powermail_fieldset input[type=checkbox]:checked {
    background-color: #2699d6;
    border: 1px solid transparent;
}

.powermail_fieldset .form-check label,
.powermail_fieldset input[type=checkbox] {
    position: relative;
    top: 5px;
}

.powermail_fieldset input[type=checkbox]:checked:before,
.powermail_fieldset input[type=checkbox]:checked:after,
.powermail_fieldset input[type=checkbox]:checked::before,
.powermail_fieldset input[type=checkbox]:checked::after {
    height: 2px;
    z-index: 5;
    content: "";
    display: inline-block;
    position: absolute;
    background: #fff;
}

.powermail_fieldset input[type=checkbox]:checked:before,
.powermail_fieldset input[type=checkbox]:checked::before {
    top: 19px;
    left: 11px;
    width: 19px;
    transform: rotate(-60deg);
    transform-origin: 0;
}

.powermail_fieldset input[type=checkbox]:checked:after,
.powermail_fieldset input[type=checkbox]:checked::after {
    top: 15px;
    left: 4px;
    width: 9px;
    transform-origin: 0;
    transform: rotate(30deg);
}

#content .tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list {
    list-style: none;
}

#content .tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset div.error {
    color: #A94442
}

#content .tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list {
    background-color: transparent;
}

#content .powermail-errors-list.filled li:before {
    content: none;
}

#content .powermail_field_error_container.powermail_field_error {}

.powermail_captchaimage {
    margin: 10px 0;
}

.powermail_fieldwrap.nolabel .offset-sm-4 {
    margin-left: 0;
}

@media (min-width: 576px) {
    .powermail_fieldset.layout1 legend {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.powermail_fieldwrap .btn {
    border: none;
    cursor: pointer;
    min-height: 42px;
    min-width: 160px;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

.powermail_fieldwrap .btn {
    background-color: #dfe1e3;
    border-bottom-right-radius: 2rem;
    display: inline-block;
    height: auto;
    min-height: 40px;
    padding: 0;
    position: relative;
    padding: 0 30px 0 20px;
}

.powermail_fieldwrap .btn:hover {
    color: #fff;
    background-color: #2598d5;
}