.ht-text--middle {
    vertical-align: middle;
}

.vf-cookie-banner, #cookie-banner {
    display: none;
}

.ht-no-margin-content p {
    margin-bottom: 0;
}
.ht-margin-1-content p {
    margin-bottom: 10px;
}

.ht-image-teaser {
    margin-top: 200px;
}

.ht-image-teaser .vf-container {
    margin-top: -230px;
    margin-bottom: -80px;
}

.ht-image-teaser .ht-image-teaser--image {
    width: 100%;
    height: 260px;
    background-size: cover;
    text-align: center;
    margin-bottom: 10px;
}

.ht-image-teaser .ht-image-teaser--image h3 {
    color: white;
    text-shadow: 2px 2px darkgray;
    padding-top: 60px;
}

.ht-image-teaser .ht-image-teaser--box {
    text-align: right;
}

.ht-image-teaser .ht-image-teaser--box a {
    margin-right: 30px;
}

.ht-background-header {
    margin-top: 100px;
}

.ht-background-header .vf-container {
    margin-top: -170px;
}

@media (max-width: 767.98px) {
    .ht-background-header .vf-container {
        margin-top: -145px;
    }
}

@media (max-width: 576px) {
    .ht-background-header .vf-container {
        margin-top: -125px;
    }
}

label.required::after, .group-label.required::after {
    content: " *";
}

.vf-dropdown.on {
    z-index: 1000;
}

.vf-dropdown .vf-dropdown-label.empty {
    color: rgb(118, 118, 118);
}

.vf-dropdown .vf-dropdown-label {
    padding-left: 0;
}

.vf-dropdown.on .vf-dropdown-label {
    padding-left: 20px;
}

.icon {
    top: 1px;
    font-size: 1.25rem;
    display: inline-block;
    font-family: vf-icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
/*    border: 1px solid orange;*/
}

.ht-icon-30 {
    width: 30px;
    height: 30px;
}

.ht-icon-36 {
    width: 36px;
    height: 36px;
}

.ht-icon-48 {
    width: 48px;
    height: 48px;
}

.ht-icon-64 {
    width: 64px;
    height: 64px;
}

.ht-icon-96 {
    width: 96px;
    height: 96px;
}

.ht-icon-120 {
    width: 120px;
    height: 120px;
}

.ht-icon-128 {
    width: 128px;
    height: 128px;
}

.ht-icon-164 {
    width: 164px;
    height: 164px;
}

.ht-icon-256 {
    width: 256px;
    height: 256px;
}

.download-list--item {
    border-top: solid 2px #EAE9F0;
    display: block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    font-family: "BEW", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: normal;
    font-weight: 500;
    color: #222222;
}

.download-list--item:hover {
    color: #726898;
    text-decoration: none;
}

.download-list--item:focus, .download-list--item.focus {
    text-decoration: none;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.download-list .download-list--rows:last-child .download-list--item {
    border-bottom: solid 2px #EAE9F0;
}

.download-list--item .odd {
    padding-right: 1rem;
}

.download-list--item .even {
    padding-left: 1rem;
}

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

.download-list--item p, .download-list--item span {
    padding-left: 45px;
}

.download-list--icon {
    margin-right: 1rem;
}

[class^="download-list--media-"], [class*="download-list--media-"] {
    position: absolute;
    left: 12px;
    margin-top: -4px;
    font-size: 2.2rem;
}

[class^="download-list--media-"]:before, [class*="download-list--media-"]:before,
[class^="search-list--media-"]:before, [class*="search-list--media-"]:before {
    display: inline-block;
    width: 32px;
    height: 32px;
}

[class^="search-list--media-"]:before, [class*="search-list--media-"]:before {
    position: relative;
    top: 12px;
}

.download-list--media-pdf:before, .search-list--media-pdf:before {
    display: inline-block;
    width: 32px;
    height: 32px;
    content: url(../icons/bew/icon_file_pdf.svg);
}

.download-list--media-download:before, .search-list--media-download:before {

    content: url(../icons/bew/icon_file_download.svg);
}

.invisible {
    display: inline !important;
    color: transparent !important;
    border: none !important;
    background-color: transparent !important;
    z-index: -100 !important;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.vf-typo-p-tetriary {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.1px;
}

.vf-input-container .vf-input {
    padding: 12px 20px;
}

.vf-dropdown-list {
    overflow: hidden !important;
}

.vf-dropdown-list.scrollable {
    overflow-y: scroll !important;
}

.vf-dropdown-gray {
    color: #777 !important;
}


button[type="submit"].disabled, button[type="submit"]:disabled {
    cursor: not-allowed;
}

.vf-bg--dark-grey {
    background-color: #69788c !important;
}

.vf-text--black {
    color: #000000 !important;
}

.vf-hero__content {
    /*width: 100% !important;*/
    left: 0;
}

.vf-image-block {
    max-width: 1640px;
}

@media (min-width: 768px) {
    .vf-hero__content {
        width: calc(100% - 80px) !important;
        left: unset;
    }

    .vf-media-block.vf-media-block--medium {
        max-height: 688px;
    }

    .vf-media-block.vf-media-block--long {
        max-height: 888px;
    }

    .vf-media-block.vf-media-block--max {
        max-height: 1088px;
    }

    .vf-media-block.vf-media-block--margin-medium {
        margin-bottom: 288px;
    }

    .vf-media-block.vf-media-block--margin-big {
        margin-bottom: 388px;
    }
}

.cke_wysiwyg_div p img[data-type='hippogallery:thumbnail'] {
    max-width: 60px;
    max-height: 60px;
}

.video-iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

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

@media (min-width: 768px) {
    .vf-media-block__media.vf-media-block--50 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
        max-width: 36%;
    }

    .vf-media-block__content.vf-media-block--50 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64%;
        flex: 0 0 64%;
        max-width: 64%;
    }
}


@media (min-width: 992px) {
    .vf-media-block__media.vf-media-block--50 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vf-media-block__content.vf-media-block--50 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.vf-ul.checkmark {
    list-style-type: none;
}

.vf-ul.checkmark li {
    font-size: 20px;
}

.vf-ul.checkmark li:before {
    display: inline-block;
    font-size: 24px;
    vertical-align: text-top;
}

.vf-infographic-tooltip {
    display: inline-block;
    vertical-align: text-top;
    position: absolute;
    right: 20px;
}

.vf-infographic-tooltip .vf-tooltip-message {
    font-size: 18px;
    line-height: 26px;
    border-width: 2px;
    color: #7d7d7d;
    border-color: #c5c5c5;
    background-color: #f5f5f5;
}

.vf-infographic-tooltip.vf-tooltip--right .vf-tooltip-message:before, .vf-infographic-tooltip.vf-tooltip--right ~ .vf-tooltip-message:before {
    left: -8px;
    border-width: 2px;
    border-color: #c5c5c5;
    background-color: #f5f5f5;
}

@media (min-width: 1200px) {
    .vf-two-column-boxes__headline-inner {
        max-width: 65%;
    }
}


@media only screen and (min-width: 768px) {
    .ht-two-cols {
        column-count: 2;
        column-gap: 34px;
    }
}

.vf-btn-group__btn, .vf-btn-group__btn:focus, .vf-btn-group__btn:active {
    padding-left: 0;
    padding-right: 0;
    color: #222222;
    outline: none;
}

.vf-btn-group:hover > .vf-btn-group__btn {
    color: #222222;
}

.vf-btn-group:hover .vf-btn-group__btn:hover, .vf-btn-group__btn.active {
    color: #726898;
}

.vf-btn-group__btn:first-child {
    padding-left: 30px;
}

.vf-btn-group__btn:last-child {
    padding-right: 30px;
}


.vf-hero__content h2 {
    font-family: "BEW", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -.05px;
    line-height: 28px;
}

@media (min-width: 576px) {
    .vf-hero__content h2 {
        font-size: 20px;
        letter-spacing: 0.3px;
        line-height: 36px;
    }
}

.vf-hero {
    border-left: 30px white solid;
    border-right: 30px white solid;
}

h1.vf-hero__headline {
    font-size: 44px;
    line-height: 48px;
}

@media (min-width: 1200px) {
    h1.vf-hero__headline {
        font-size: 72px;
        line-height: 84px;
    }
}

.vf-hero {
    max-height: 606px;
}

.vf-hero-short {
    height: 40vh;
    max-height: 404px;
}

.vf-two-column-boxes {
    max-width: 1640px;
}

.vf-container-bleed {
    max-width: 1640px;
}

.vffwb-document-filter {
    max-width: 1720px;
    margin-left: auto;
    margin-right: auto;
}

.vffwb-section-slide {
    max-width: 1690px;
}

@media (min-width: 768px) {
    .vffwb-anchor-list .anchor-2 {
        max-width: 66%;
        margin-left: auto;
        margin-right: auto;
    }

    .vffwb-anchor-list .anchor-2 ul {
        column-count: 2;
    }

    .vffwb-anchor-list .anchor-1 {
        max-width: 33%;
        margin-left: auto;
        margin-right: auto;
    }

    .vffwb-anchor-list .anchor-1 ul {
        column-count: 1;
    }
}

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


.h1-as-h2 {
    font-family: "BEW Display", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 0.3px;
    line-height: 40px;
    margin-bottom: 35px
}

@media (min-width: 576px) {
    .h1-as-h2 {
        font-family: "BEW Display", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 52px;
        line-height: 72px;
        letter-spacing: -.2px
    }
}

.pulse1,
.pulse2,
.pulse3,
.pulse4 {
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #E73331;
    border-radius: 50%;
    z-index: 10;
    text-align: center;
    position: absolute;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.pulse1 {
    background: #E73331;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    z-index: 15;
}

.pulse2 {
    -webkit-animation: ripple-data 1s 0s linear infinite;
    animation: ripple-data 1s 0s linear infinite;
}

.pulse3 {
    -webkit-animation: ripple-data 1s 0.33s linear infinite;
    animation: ripple-data 1s 0.33s linear infinite;
}

.pulse4 {
    -webkit-animation: ripple-data 1s 0.66s linear infinite;
    animation: ripple-data 1s 0.66s linear infinite;
}

@-webkit-keyframes ripple-data {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0;
    }
}

@keyframes ripple-data {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0;
    }
}

.ripple-icon {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    cursor: pointer;
}

.ripple-description {
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    padding: 10px 10px 10px 10px;
    white-space: nowrap;
}

.ripple-description.right {
    left: 50px;
    top: -10px;
}

.ripple-description.left {
    right: 30px;
    top: -10px;
}

.ripple-headline {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 820px) {
    .ripple-headline {
        font-size: 56px;
        line-height: 60px;
    }
}

@media (max-width: 576px) {
    .ripple-headline {
        font-size: 44px;
        line-height: 48px;
    }
}

@media (max-width: 425px) {
    .ripple-headline {
        font-size: 36px;
        line-height: 38px;
    }
}

@media (max-width: 375px) {
    .ripple-headline {
        font-size: 28px;
        line-height: 30px;
    }
}

.vf-ibanner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.vf-ibanner img {
    width: 100%;
}

.vf-ibanner-button {
    position: absolute;
    bottom: -4rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    .vf-ibanner-button {
        bottom: -1.25rem;
    }
}

.overlay-text {
    position: absolute;
    line-height: 1.3em;
    font-size: 1em;
    text-align: left;
}

.overlay-text.overlay-3 {
    background-color: rgb(237, 241, 246);
}

@media screen and (max-width: 474px) {
    .overlay-text {
        font-size: 0.8em;
    }

    .overlay-text.overlay-1 {
        top: 5.5%;
        left: 10%;
    }

    .overlay-text.overlay-2 {
        bottom: 39%;
        left: 10px;
    }

    .overlay-text.overlay-3 {
        top: 55%;
        right: 10px;
    }

    .overlay-text.overlay-4 {
        left: 50%;
        bottom: 11%;
    }
}

@media screen and (min-width: 475px) {
    .overlay-text.overlay-1 {
        top: 3.5%;
        left: 13%;
    }

    .overlay-text.overlay-2 {
        bottom: 37%;
        left: 8%;
    }

    .overlay-text.overlay-3 {
        top: 55%;
        right: 10px;
    }

    .overlay-text.overlay-4 {
        left: 50%;
        bottom: 11%;
    }
}

@media screen and (min-width: 610px) {
    .overlay-text.overlay-1 {
        top: 3%;
        left: 20%;
    }

    .overlay-text.overlay-2 {
        bottom: 44%;
        left: 10%;
    }

    .overlay-text.overlay-3 {
        top: 55%;
        right: 10px;
    }

    .overlay-text.overlay-4 {
        left: 50%;
        bottom: 11%;
    }
}

.show-mobile {
    display: block;
}

.show-desktop {
    display: none;
}

@media screen and (min-width: 769px) {
    .overlay-text {
        font-size: 0.7em;
    }

    .show-mobile {
        display: none !important;;
    }

    .show-desktop {
        display: block !important;
    }

    .overlay-text.overlay-1 {
        top: -7%;
        left: 3%;
    }

    .overlay-text.overlay-2 {
        bottom: 1%;
        left: 1%;
    }

    .overlay-text.overlay-3 {
        top: 28%;
        left: 58%;
    }

    .overlay-text.overlay-4 {
        top: 27%;
        left: 82%;
    }
}

@media screen and (min-width: 1281px) {
    .overlay-text.overlay-1 {
        top: -7%;
        left: 12%;
    }

    .overlay-text.overlay-2 {
        bottom: 4%;
        left: 8%;
    }

    .overlay-text.overlay-3 {
        top: 33%;
        left: 58%;
    }

    .overlay-text.overlay-4 {
        top: 37%;
        left: 85%;
    }
}

.vf-text--darker {
    color: #888888;
}

.pagelist-item-tools .share-wrapper, .pagetools .share-wrapper {
    position: relative;
    display: inline-block
}

.pagelist-item-tools .share-wrapper .share-links, .pagetools .share-wrapper .share-links {
    display: none;
    position: absolute;
    margin-left: -20px;
    background: #fff;
    padding: 20px 30px;
    -webkit-box-shadow: 0 10px 20px 4px rgba(100, 100, 100, .4);
    box-shadow: 0 10px 20px 4px rgba(100, 100, 100, .4);
    z-index: 1000;
    bottom: 50px;
    color: #000
}

.pagelist-item-tools .share-wrapper .share-links:after, .pagetools .share-wrapper .share-links:after {
    content: " ";
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 8px 8px 0 8px;
    width: 0;
    height: 0;
    display: block;
    position: relative;
    top: 28px
}

.pagelist-item-tools .share-wrapper .share-links ul, .pagetools .share-wrapper .share-links ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.pagelist-item-tools .share-wrapper .share-links ul li, .pagetools .share-wrapper .share-links ul li {
    padding: 0;
    margin: 0 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.pagelist-item-tools .share-wrapper .share-links ul li:last-of-type, .pagetools .share-wrapper .share-links ul li:last-of-type {
    margin-bottom: 0
}

.pagelist-item-tools .share-wrapper .share-links ul li input, .pagetools .share-wrapper .share-links ul li input {
    width: 300px;
    height: 26px
}

.pagelist-item-tools .share-wrapper .share-links ul li .facebook, .pagelist-item-tools .share-wrapper .share-links ul li .linkedin, .pagelist-item-tools .share-wrapper .share-links ul li .mail, .pagelist-item-tools .share-wrapper .share-links ul li .twitter, .pagelist-item-tools .share-wrapper .share-links ul li .xing, .pagetools .share-wrapper .share-links ul li .facebook, .pagetools .share-wrapper .share-links ul li .linkedin, .pagetools .share-wrapper .share-links ul li .mail, .pagetools .share-wrapper .share-links ul li .twitter, .pagetools .share-wrapper .share-links ul li .xing {
    padding-left: 15px;
    font-family: "BEW", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 23px;
    color: #000;
    position: relative
}

@media screen and (min-width: 48em) {
    .pagelist-item-tools .share-wrapper .share-links ul li .facebook, .pagelist-item-tools .share-wrapper .share-links ul li .linkedin, .pagelist-item-tools .share-wrapper .share-links ul li .mail, .pagelist-item-tools .share-wrapper .share-links ul li .twitter, .pagelist-item-tools .share-wrapper .share-links ul li .xing, .pagetools .share-wrapper .share-links ul li .facebook, .pagetools .share-wrapper .share-links ul li .linkedin, .pagetools .share-wrapper .share-links ul li .mail, .pagetools .share-wrapper .share-links ul li .twitter, .pagetools .share-wrapper .share-links ul li .xing {
        font-size: 1rem
    }
}

.pagelist-item-tools .share-wrapper .share-links ul li .facebook:before, .pagelist-item-tools .share-wrapper .share-links ul li .linkedin:before, .pagelist-item-tools .share-wrapper .share-links ul li .mail:before, .pagelist-item-tools .share-wrapper .share-links ul li .twitter:before, .pagelist-item-tools .share-wrapper .share-links ul li .xing:before, .pagetools .share-wrapper .share-links ul li .facebook:before, .pagetools .share-wrapper .share-links ul li .linkedin:before, .pagetools .share-wrapper .share-links ul li .mail:before, .pagetools .share-wrapper .share-links ul li .twitter:before, .pagetools .share-wrapper .share-links ul li .xing:before {
    line-height: .7em;
    position: absolute;
    font-family: vattenfall_iconregular;
    color: #000;
    font-size: 1.25rem;
    height: 20px;
    width: 20px;
    left: -15px;
    top: 3px;
    background: 0 0;
    /*    border: 1px solid orange;*/
}

.pagelist-item-tools .share-wrapper .share-links ul li .mail:before, .pagetools .share-wrapper .share-links ul li .mail:before {
    content: "!";
    margin-left: 0
}

.pagelist-item-tools .share-wrapper .share-links ul li .twitter:before, .pagetools .share-wrapper .share-links ul li .twitter:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right top;
    background-image: url("../images/footer/twitter.svg");
}

.pagelist-item-tools .share-wrapper .share-links ul li .linkedin:before, .pagetools .share-wrapper .share-links ul li .linkedin:before {
    content: "Q"
}

.pagelist-item-tools .share-wrapper .share-links ul li .facebook:before, .pagetools .share-wrapper .share-links ul li .facebook:before {
    content: "K"
}

.pagelist-item-tools .share-wrapper .share-links ul li .xing:before, .pagetools .share-wrapper .share-links ul li .xing:before {
    line-height: .7em;
    content: '';
    position: absolute;
    height: 35px;
    width: 20px;
    left: -18px;
    top: -10px;
    background: 0 0;
    background: url(../icons/sprite4-black@2x.png) -914px -768px transparent no-repeat;
    background-size: 1000px
}

.pagelist-item-tools .share-wrapper .share-links ul li .copy-label, .pagetools .share-wrapper .share-links ul li .copy-label {
    width: 10px;
    height: 1px;
    overflow: hidden
}

.pagelist-item-tools .share-wrapper .share-links ul li .copy, .pagetools .share-wrapper .share-links ul li .copy {
    line-height: 23px;
    font-family: "BEW", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    white-space: nowrap
}

@media screen and (min-width: 48em) {
    .pagelist-item-tools .share-wrapper .share-links ul li .copy, .pagetools .share-wrapper .share-links ul li .copy {
        font-size: .9rem
    }
}

.pagelist-item-tools .share-wrapper .share-links ul li .copy:after, .pagetools .share-wrapper .share-links ul li .copy:after {
    margin-left: .5rem;
    display: none;
    font-weight: 400;
    line-height: 1em;
    color: #000;
    position: absolute;
    /*    border: 1px solid orange;*/
}

.pagelist-item-tools .share-wrapper .share-links ul li .copy.success:after, .pagetools .share-wrapper .share-links ul li .copy.success:after {
    display: inline-block;
    content: "\\"
}

.pagelist-item-tools .share-wrapper .share-links ul li .copy.fail:after, .pagetools .share-wrapper .share-links ul li .copy.fail:after {
    display: inline-block;
    content: "n"
}

.pagelist-item-tools .share-toggle, .pagetools .share-toggle {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "BEW", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 23px;
    position: relative;
    padding-left: 30px
}

@media screen and (min-width: 48em) {
    .pagelist-item-tools .share-toggle, .pagetools .share-toggle {
        font-size: 1rem
    }
}

.pagelist-item-tools .share-toggle:before, .pagetools .share-toggle:before {
    background: url(../icons/share.svg) no-repeat;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-size: 18px;
    width: 21px;
    margin-right: 5px;
    height: 21px
}

.pagelist-item-tools .share-toggle:hover, .pagetools .share-toggle:hover {
    color: #726898
}


.pagelist-item-tools button {
    border: 0;
    background: 0 0;
    padding: 0;
    color: #000;
    cursor: pointer;
}

.pagelist-item-tools .share-links {
    margin-left: 10px !important;
}

/*
.nomobile .newsitem-content .vf-link-with-arrow {
    display: none;
}
*/
.newsroom .newsitem-boxshadow {
    background-color: white !important;
}

.newsroom .newsitem-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

@media screen and (min-width: 64em) {
    .newsroom .newsitem-content {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

.vf-gdpr-consent-module__text {
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
}

.vf-gdpr-consent-module__main_text {
    margin-bottom: 0px;
}

.vf-gdpr-consent-module__form {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.vf-gdpr-consent-module__form-group {
    margin-bottom: 0px !important;
}

.vf-gdpr-consent-module__main_text p {
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #000036;
}

.vf-gdpr-consent-module__expand-button {
    font-weight: 500;
    color: #52627c;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
}

.vf-gdpr-consent-module__label {
    font-size: 18px;
    line-height: 20px;
    color: #666;
}

.vf-gdpr-consent-module__label-req {
    color: #e1e1e1;
}

.vf-gdpr-consent-module__details-content {
    margin-bottom: 10px;
}

.vf-gdpr-consent-module__details-content .vf-gdpr-consent-module__label {
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

@media screen and (min-width: 769px) {
    .quote-text {
        font-size: 24px !important;
        line-height: 36px !important;
        font-family: "BEW";
        font-weight: 600;
    }

    .quote-name {
        font-size: 1rem;
        line-height: 1.2rem;
    }
}

@media screen and (min-width: 1280px) {
    .quote-text {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}

.person-img-mobile {
    margin: 0 auto;
}

.splide {
    margin: 0 auto;
    max-width: 85%;
}

.splide .splide__slide {
    padding-bottom: 60px;
    padding-top: 30px;
}

@media screen and (max-width: 768px) {
    .kostengrafik .splide__arrows {
        display: none;
    }
}

.splide .splide__arrow--prev {
    margin-left: -30px;
}

.splide .splide__arrow--next {
    margin-right: -30px;
}

@media screen and (min-width: 768px) {
    .splide .splide__arrow--prev {
        margin-left: -70px;
    }

    .splide .splide__arrow--next {
        margin-right: -70px;
    }
}

.splide .splide__slide img {
    width: 100%;
}

.splide .splide__pagination__page {
    margin-left: 15px;
    margin-right: 15px;
}

.vf-container-wide {
    max-width: 730px;
}

@media screen and (min-width: 768px) {
    .vf-container-wide {
        max-width: 960px;
    }
}

@media screen and (min-width: 1216px) {
    .vf-container-wide {
        max-width: 1152px
    }
}

@media screen and (min-width: 1408px) {
    .vf-container-wide {
        max-width: 1344px
    }
}

@media (max-width: 768px) {
    .quote-headline {
        font-family: "BEW Display";
        font-weight: 600;
        font-size: 28px;
        line-height: 1.33;
        letter-spacing: -0.2px;
    }
}

.quote-name-mobile {
    font-size: 16px;
    line-height: 25px;
}

@media (max-width: 768px) {
    .quote-text {
        font-family: "BEW Display";
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.2px;
    }
}

.graph-key-section[data-v-22b14aca] {
    padding-left: 25px;
}

.graph-key-section[data-v-22b14aca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.graph-key[data-v-22b14aca] {
    height: 35px;
    width: 35px;
    min-height: 35px;
    border-radius: 50%;
    min-width: 35px;
    margin-right: 10px;
}

.graph-key-magento[data-v-22b14aca] {
    background-color: #d1256c;
}

.graph-key-green[data-v-22b14aca] {
    background-color: #40bf7c;
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .graph-key-section[data-v-22b14aca] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10px;
    }

    .graph-key-green[data-v-22b14aca] {
        margin-left: 0;
    }
}

.text-small-grey {
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    text-align: left;
    margin-bottom: 0;
}

.graph-key {
    height: 10px;
    width: 10px;
    min-height: 10px;
    border-radius: 50%;
    min-width: 10px;
    margin-right: 5px;
    margin-top: 5px;
}

.kostengrafik-section {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 10px;
}

.graph-text-add-padding-left {
    padding-left: 4%;
}

.graph-key-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.graph-key-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    text-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
}

@media screen and (min-width: 769px) {
    .graph-key-single {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
    }

    .graph-key {
        height: 10px;
        width: 10px;
        min-height: 10px;
        border-radius: 50%;
        min-width: 10px;
        margin-right: 10px;
        margin-top: 11px;
    }

    .text-small-grey {
        line-height: 32px;
    }
}

.graph-key-magento {
    background-color: #d1256c;
}

.graph-key-green {
    background-color: #40bf7c;
    margin-left: 20px;
}

.list-with-icon ul {
    list-style: disc;
    margin-left: 4.5rem;
}

.graph-key-title {
    font-size: 16px;
    line-height: 32px;
    margin: 0 0 1.3rem 0;
}

@media screen and (min-width: 769px) {
    .graph-key-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .graph-key-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .graph-key-green {
        margin-left: 0;
    }
}

.is-hidden-xs {
    display: none;
}

@media screen and (min-width: 385px) {
    .is-shown-xs {
        display: none;
    }

    .is-hidden-xs {
        display: block;
    }
}

.max-width-section {
    max-width: 850px;
    margin: 0 auto
}

.text-small-grey {
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    text-align: left;
    margin-bottom: 0;
}

.graph-key {
    height: 10px;
    width: 10px;
    min-height: 10px;
    border-radius: 50%;
    min-width: 10px;
    margin-right: 5px;
    margin-top: 5px;
}

.kostengrafik-section {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 10px;
}

.graph-text-add-padding-left {
    padding-left: 4%;
}

.graph-key-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.graph-key-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    text-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
}

@media screen and (min-width: 769px) {
    .graph-key-single {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
    }

    .graph-key {
        height: 10px;
        width: 10px;
        min-height: 10px;
        border-radius: 50%;
        min-width: 10px;
        margin-right: 10px;
        margin-top: 11px;
    }

    .text-small-grey {
        line-height: 32px;
    }
}

.graph-key-magento {
    background-color: #d1256c;
}

.graph-key-green {
    background-color: #40bf7c;
    margin-left: 20px;
}

.graph-key-title {
    font-size: 16px;
    line-height: 32px;
    margin: 0 0 1.3rem 0;
}

@media screen and (min-width: 576px) {
    .graph-key-title {
        font-size: 24px;
    }
}

@media screen and (min-width: 769px) {
    .graph-key-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .graph-key-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .graph-key-green {
        margin-left: 0;
    }
}

.kostengrafik-img, .kostengrafik-img-mobile {
    width: 100%;
}

@media (min-width: 768px) {
    .whitepaper-reversed .whitepaper-row {
        flex-direction: row-reverse;
    }
}

.vf-whitepaper-green-badge {
    background-color: #3dc07c;
    position: absolute;
    border-radius: 50%;
    width: 223px;
    height: 223px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    right: 20px;
    top: -87px;
    z-index: 1;
}

.vf-whitepaper-green-badge-inner strong {
    font-weight: 600
}

@media (max-width: 1199.98px) {
    .vf-whitepaper-ipad {
        width: 100%
    }
}

.vf-whitepaper-ipad {
    max-width: 500px;
}

.vf-whitepaper-btn {
    text-align: center
}

@media (max-width: 991.98px) {
    .vf-whitepaper-green-badge-inner {
        font-size: .8rem;
        line-height: 1.2rem
    }

    .vf-whitepaper-green-badge {
        width: 150px;
        height: 150px;
        right: -15px;
        top: -75px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .vf-whitepaper-green-badge {
        right: -10px
    }
}

.whitepaper-content ul {
    list-style: none;
    padding-left: 0;
}

.whitepaper-content li {
    font-family: "BEW";
    font-size: 16px;
    letter-spacing: -.05px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    position: relative;
    padding-left: 1.5em;
}

.whitepaper-content ul li:before {
    content: '✓';
    position: absolute;
    left: 0;
    width: 1em;
    height: 1em;
}

.whitepaper-content p {
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
    .whitepaper-content li {
        font-family: "BEW";
        font-size: 20px;
        letter-spacing: 0.3px;
        line-height: 36px;
    }
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.6%;
    left: 0;
    opacity: 0.7;
}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.youtube .youtube-hint,
.youtube .youtube-cookie-hint {
    display: none;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
}

#vffwb-chartFilter .vf-btn--tertiary {
    margin-left: 10px;
    margin-right: 10px;
}

#vffwb-chartFilter .vf-btn--tertiary:focus,
#vffwb-chartFilter .vf-btn--tertiary:active,
#vffwb-chartFilter .vf-btn--tertiary.focus {
     color: white;
     background: white;
     border-color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#vffwb-chartFilter .vf-btn--tertiary.active{
color: white;
background: #726898;
border-color: #726898;
}

.bullet-nav {
    padding: 0;
    margin: 0;
}

.search-icon {
    vertical-align: top;
}

.search-block-asset div {
    display: inline-block;
    margin-top: 2px;
}

.scrollable-content {
    overflow-x: auto;
}

.vf-dropdown-label.disabled {
    color: #bbbbbb !important;
}

label.disabled {
    color: #bbbbbb !important;
}

.cookie-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1001;
    overflow-y: auto
}

.cookie-overlay .cookiedisclaimer {
    position: static;
    background-color: #fff;
    z-index: 1002;
    max-width: 1200px;
    margin: 115px 0 0
}

.cookie-overlay .cookiedisclaimer .cookiedisclaimer-content {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer {
        margin: 50px auto
    }
}

@media (min-width: 992px) {
    .cookie-overlay .cookiedisclaimer {
        margin: 60px auto 50px
    }

    .cookie-overlay .cookiedisclaimer .cookiedisclaimer-content {
        padding-left: 20px;
        padding-right: 20px
    }
}

.cookiepage .cookie-text p {
    font-family: "BEW", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
}

.cookiepage .provider-text p {
    font-family: "BEW", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

@media (min-width: 768px) {
    .cookiepage .provider-text p {
        font-size: 1rem;
        line-height: 1.2rem
    }
}
.label-input-row .checkbox-label {
    font-family: "BEW", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #777777;
}

.cookie-overlay .cookiedisclaimer .cookie-row, .label-input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 20px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 150px
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer .cookie-row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.cookie-overlay .cookiedisclaimer .cookie-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer .cookie-buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.cookie-overlay .cookiedisclaimer .cookie-buttons button {
    margin: 10px 0;
    min-width: 250px
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer .cookie-buttons button {
        min-width: 0
    }
}

.cookie-overlay .cookiedisclaimer .cookie-details-toggle {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cookie-overlay .cookiedisclaimer .cookie-details-button {
    font-family: "BEW", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 23px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer .cookie-details-button {
        font-size: 1rem
    }
}

.cookie-overlay .cookiedisclaimer .cookie-details-button div {
    overflow: hidden;
    position: relative;
    padding: 16px 46px 18px 0
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer .cookie-details-button div {
        padding: 9px 46px 9px 0
    }
}

.cookie-overlay .cookiedisclaimer .cookie-details-button div .hide {
    display: none
}

.cookie-overlay .cookiedisclaimer .cookie-details-button-arrow div:after {
    content: "";
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: right center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNiAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMzMzMzMzO30KPC9zdHlsZT4KPGcgaWQ9Ik1hc2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTguNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0xOC4wMDAwMDAsIC0xOC41MDAwMDApICI+Cgk8cG9seWdvbiBpZD0icGF0aC0xXzFfIiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4LDE0LjUgMTAsMjAuMyAxMSwyMS41IDE4LDE2LjUgMjUsMjEuNSAyNiwyMC4zIAkiLz4KPC9nPgo8L3N2Zz4K");
    position: absolute;
    top: 3px;
    right: 8px;
    padding: 18px;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.cookie-overlay .cookiedisclaimer .cookie-details-button-arrow[aria-expanded=true] div:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cookie-overlay .cookie-list-container .cookie-details-button-arrow[aria-expanded=true]:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg) !important;
}

.cookie-overlay .cookie-list-container .cookieProviderRow .cookie-details-button-arrow:after {
    top: -30px;
    right: 0px;
}

.cookie-overlay .cookiedisclaimer #cookie-details {
    overflow: hidden;
    -webkit-transition: opacity .5s ease-in, height .5s ease-in;
    transition: opacity .5s ease-in, height .5s ease-in
}

.cookie-overlay .cookiedisclaimer #cookie-details[aria-hidden=true] {
    display: none
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer #cookie-details[aria-hidden=false] {
        padding-top: 50px
    }
}

.cookie-overlay .cookiedisclaimer #cookie-details h2, .cookie-overlay .cookiedisclaimer #cookie-details h3, .cookie-overlay .cookiedisclaimer #cookie-details h4 {
    font-size: 1.125rem;
    margin-bottom: 0
}

.cookie-overlay .cookiedisclaimer #cookie-details p {
    font-family: "BEW", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .cookie-overlay .cookiedisclaimer #cookie-details p {
        font-size: 0.9rem;
        line-height: 1.2rem
    }
}

.cookie-details-toggle-row {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.cookie-details-toggle-row button {
    color: #726898;
}

.checkbox-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
    font-family: "BEW", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 50%
}

@media (min-width: 768px) {
    .checkbox-label {
        font-size: 1rem
    }
}

@media (min-width: 768px) {
    .checkbox-label {
        min-width: 0
    }
}

.checkbox-label.disabled {
    cursor: default;
    color: #6c757d;
    font-weight: 400
}

.checkbox-label.disabled .checkmark {
    background-color: #e6eaed
}

.checkbox-label.disabled .checkmark:after {
    color: #6c757d
}

.checkbox-label input {
    position: relative;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-label input:checked + .checkmark:after {
    display: block
}

checkbox-label input:focus + .checkmark {
    border-color: #222;
    outline: 1px solid #1e324f;
    outline-offset: 10px
}

.checkbox-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    pointer: cursor;
    border: 1px solid #ced4da;
    border-radius: 3px
}

.checkbox-label .checkmark:after {
    display: none;
    content: "✓";
    font-weight: bold;
    font-size: 24px;
    padding-left: 2px
}
.checkbox-label .checkmark-half:after {
    display: block;
    content: "%";
    font-weight: bold;
    font-size: 18px;
    padding-left: 2px
}

.checkbox-label:hover input ~ .checkmark, .checkbox-label:focus input ~ .checkmark {
    border-color: #222
}

.checkbox-label:hover input:checked ~ .checkmark, .checkbox-label:focus input:checked ~ .checkmark {
    border-color: #ced4da;
    cursor: default
}

.checkbox-label:after {
    content: "";
    position: absolute;
    display: none
}

.cookie-overlay .cookie-list-container {
    margin-top: 0px
}

.cookie-overlay .cookie-list-container .cookie-list-divider {
    background-color: #dee2e6
}

.cookie-overlay .cookie-list-container .cookie-details-button-arrow {
    padding: 16px 46px 18px 0;
    font-family: "BEW", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 23px;
    position: relative
}

@media (min-width: 768px) {
    .cookie-overlay .cookie-list-container .cookie-details-button-arrow {
        font-size: 1rem
    }
}

.cookie-overlay .cookie-list-container .cookie-details-button-arrow:after {
    content: "";
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: right center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNiAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMzMzMzMzO30KPC9zdHlsZT4KPGcgaWQ9Ik1hc2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTguNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0xOC4wMDAwMDAsIC0xOC41MDAwMDApICI+Cgk8cG9seWdvbiBpZD0icGF0aC0xXzFfIiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4LDE0LjUgMTAsMjAuMyAxMSwyMS41IDE4LDE2LjUgMjUsMjEuNSAyNiwyMC4zIAkiLz4KPC9nPgo8L3N2Zz4K");
    position: absolute;
    top: 10px;
    right: 8px;
    padding: 18px;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.cookie-overlay .cookie-list-container .table-wrapper {
    display: none;
}

.cookie-overlay .cookie-list-container table p {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 18px
}

.cookie-overlay.cookielistvisible .cookiedisclaimer {
    max-width: 100%;
    margin-bottom: 0;
    padding-bottom: 50px;
    -webkit-transition: max-width .3s ease-in-out;
    transition: max-width .3s ease-in-out
}

.cookie-overlay.providerlistvisible .cookiedisclaimer {
    max-width: 1200px;
    margin-bottom: 0;
    padding-bottom: 50px;
    -webkit-transition: max-width .3s ease-in-out;
    transition: max-width .3s ease-in-out
}

.cookie-overlay.cookielistvisible .cookie-list-container .cookie-details-button-arrow:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cookie-overlay.cookielistvisible .cookie-list-container .table-wrapper {
    display: block;
    width: 100%;
    overflow-y: auto
}

.cookie-overlay.cookielistvisible .cookie-list-container .cookie-descriptions {
    display: none;
}

.cookie-overlay.cookielistvisible .cookie-list-container .table-wrapper table {
    width: auto;
    min-width: 100%
}

.cookie-overlay.cookielistvisible .cookie-list-container .table-wrapper table td {
    width: auto;
    overflow: visible
}

.cookie-overlay.cookielistvisible .cookie-list-container .table-wrapper table td:nth-child(4) {
    min-width: 200px
}

.cookie-heading {
    margin-top: 20px;
}

.cookie-min-height {
    min-height: 80vh;
}

.cookie-max-height {
    max-height: 80vh;
}

.cookie-overlay .cookiedisclaimer-content h3 {
    font-size: 1.125rem;
}
.cookie-overlay .cookie-descriptions .cookie-text p {
    margin-bottom: 1rem;
}

.js-show-provider-list {
   padding: 0 !important;
}

.h1-as-h2 {
    font-family: "BEW Display", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 0.3px;
    line-height: 40px;
    margin-bottom: 35px
}

@media (min-width: 576px) {
    .h1-as-h2 {
        font-family: "BEW Display", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 52px;
        line-height: 72px;
        letter-spacing: -0.2px
    }
}

@media (max-width: 768px) {
    .vf-hero__h1-as-h2 {
        font-family: "BEW Display", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 52px;
        line-height: 72px;
        letter-spacing: -0.2px
    }
}

@media (max-width: 576px) {
    .vf-hero__h1-as-h2 {
        font-family: "BEW Display", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 36px;
        letter-spacing: 0.3px;
        line-height: 40px;
        margin-bottom: 35px
    }
}

.h2-as-h3 {
    width: 100%;
    padding-top: 1px;
    font-family: "BEW Display", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 28px
}

.vf-container-bleed .h2-as-h3 {
    margin-top: 7px;
}

@media (min-width: 576px) {
    .h2-as-h3 {
        font-family: "BEW Display";
        font-weight: bold;
        font-size: 28px;
        line-height: 1.33;
        letter-spacing: -0.2px
    }
    .vf-container-bleed .h2-as-h3 {
        margin-top: 21px;
    }
}

.vf-hero__h1-as-h3 {
    font-family: "BEW Display", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 72px;
    letter-spacing: -0.2px
}

@media (max-width: 768px) {
    .vf-hero__h1-as-h3 {
        font-family: "BEW Display";
        font-weight: bold;
        font-size: 36px;
        line-height: 1.33;
        letter-spacing: -0.2px
    }
}

@media (max-width: 576px) {
    .vf-hero__h1-as-h3 {
        width: 100%;
        padding-top: 1px;
        font-family: "BEW Display", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 28px;
        letter-spacing: 0.3px;
        line-height: 28px
    }
}

.h3-as-h2 {
    font-family: "BEW Display", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 0.3px;
    line-height: 40px
}

@media (min-width: 576px) {
    .h3-as-h2 {
        font-family: "BEW Display", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 52px;
        line-height: 72px;
        letter-spacing: -0.2px
    }
}

.h3-as-h4 {
    font-family: "BEW Display";
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

@media (min-width: 576px) {
    .h3-as-h4 {
        font-family: "BEW Display";
        font-weight: 400;
        font-size: 24px;
        line-height: 36px;
        font-weight: 500
    }
}

.h1-as-h3 {
    font-family: "BEW Display", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 28px
}

@media (min-width: 576px) {
    .h1-as-h3 {
        font-family: "BEW Display";
        font-weight: bold;
        font-size: 28px;
        line-height: 1.33;
        letter-spacing: -0.2px
    }
}

p img {
    max-width: 100%;
}

.grecaptcha-badge {
    z-index: 5;
}

.vf-btn--reversed:before {
    content: '\2190';
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

#heat-app .sweet-modal-content ul {
    margin-bottom: 0
}

#heat-app .sweet-modal-content {
    position: relative
}

#heat-app .sweet-modal-content .infobox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#heat-app .sweet-modal-content .img {
    -webkit-box-flex: 320px;
    -ms-flex: 320px;
    flex: 320px;
    padding: 0;
    min-height: 100%;
    margin-right: 10px
}

#heat-app .sweet-modal-content .mobile-img {
    text-align: center
}

#heat-app .sweet-modal-content .text {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding: 10px;
    min-height: 500px
}

#heat-app .sweet-modal-content .mobile-text {
    padding: 40px
}

#heat-app .sweet-modal-content .mobile-text h2 {
    font-size: 18pt;
    text-align: left
}

#heat-app .sweet-modal-content .mobile-text p {
    line-height: 16pt;
    font-size: 12pt
}


#heat-app .sweet-modal-overlay {
    z-index: 9990;
    overflow-x: hidden;
}

#heat-app .sweet-modal-box {
    max-width: 1260px;
    background-color: #fff;
    border: 1px solid #e8e8e9
}

#heat-app .sweet-modal-box .sweet-modal-close {
    z-index: 9999
}

#heat-app a.sweet-modal-close-link {
    background-color: #fff
}

#heat-app a.sweet-modal-close-link:hover {
    background-color: #1e324f;
    color: #fff
}

#heat-app .sweet-modal-box .mobile-img img {
    width: 100%;
    height: auto
}

#heat-app .sweet-modal-box .mobile-text, #heat-app .sweet-modal-box .text {
    text-align: left
}

#heat-app .sweet-modal-box .sweet-modal-content {
    padding: 0
}

#heat-app .sweet-modal-box.alert {
    width: 100%;
    left: 0
}

@media (min-width: 588px) {
    #heat-app .sweet-modal-box.alert {
        width: 80%;
        left: 10%;
    }
}

#heat-app .sweet-modal-overlay .sweet-modal-whitepaper {
    max-width: 800px !important;
    min-height: 700px !important;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.dialogProviderContainerStyle {
    margin-left: auto;
    margin-right: auto;
}

body.wait, body.wait *{
    cursor: wait !important;
}

.text-nohyphens {
    hyphens: manual !important;
}

body {
    padding-top: 178px;
}
@media (min-width: 960px) {
    body {
        padding-top: 247px;
    }
}

.vf-topbar {
    position: fixed;
    z-index: 3;
    top: 0;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: 22px 0;
    background: white;
}
@media (min-width: 960px) {
    .vf-topbar {
        max-height: initial;
        overflow: initial;
        padding: 22px 0 0 0;
    }
}

.menu-container {
    margin-bottom: 0px;
}
/*@media (min-width: 960px) {*/
/*    .menu-container {*/
/*        margin-bottom: 32px;*/
/*    }*/
/*}*/

.menu-container .show-on-mobile {
    margin-bottom: 60px;
}
@media (min-width: 960px) {
    .menu-container .show-on-mobile {
        margin-bottom: 0px;
    }
}

@media (min-width: 960px) {
    .menu > ul > li > ul {
        border-top: 1px solid #ddd;
        padding: 9px 0;
        background-color: white;
    }
}

/* FOOTER start */
/* overwrites css from main.css */
.vf-footer__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.vf-footer__main__item {
    flex-basis: 100%;
}
@media (min-width: 768px) {
    .vf-footer__main__item {
        flex-basis: 50%;
    }
}
@media (min-width: 992px) {
    .vf-footer__main__item {
        flex-basis: auto;
    }
}

.vf-footer .h3 {
    margin: 0 0 4px 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

.vf-footer__nav {
    margin-bottom: 25px;
}

.vf-footer__nav-item {
    font-size: 16px;
    line-height: 23px;
}

.vf-footer__social-links {
    width: 166px;
    margin-top: 14px;
    text-align: left;
}

.vf-footer__social-link {
    margin: 0 18px 14px 0;
}

.vf-footer__subfooter {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-top: 1px solid white;
    margin-top: 30px;
    padding-top: 20px;
}
@media (min-width: 992px) {
    .vf-footer__subfooter {
        flex-direction: row;
    }
}

.vf-footer__subfooter span,
.vf-footer__subfooter a {
    padding: 0.5rem 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .vf-footer__subfooter span,
    .vf-footer__subfooter a {
        padding: 0;
    }
}

.vf-footer__subfooter__left,
.vf-footer__subfooter__right {
    display: flex;
    flex-direction: column;
}
@media (min-width: 992px) {
    .vf-footer__subfooter__left,
    .vf-footer__subfooter__right {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .vf-footer__subfooter__right {
        flex-direction: row;
        justify-content: center;
    }
    .vf-footer__subfooter__right a {
        padding-right: 15px;
    }
    .vf-footer__subfooter__right a:last-of-type {
        padding-right: 0;
    }
}

.vf-footer__subfooter__left {
    order: 2;
    margin-top: 13px;
}
@media (min-width: 768px) {
    .vf-footer__subfooter__left {
        text-align: center;
    }
}
@media (min-width: 992px) {
    .vf-footer__subfooter__left {
        order: 1;
        margin-top: 0;
    }
    .vf-footer__subfooter__right {
        order: 2;
    }
}
/* FOOTER end */

[id] {
    scroll-margin-top: 125px;
}

.vf-hero__content p {
    font-weight: 500;
}

.vf-app-direct-kontakt > p {
    font-size: 16px;
    line-height: 28px;
}

input[type=date]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}
input[type=date]:focus::-webkit-datetime-edit {
    color: #777777 !important;
}

.frc-captcha {
    max-width: 332px !important;
    border-color: transparent !important;
}

.meta-menu ul {
    padding-left: 0;
}

#contact-form3 .vf-input-container label,
#contact-form3 .vf-dropdown label {
    font-size: 18px;
}

.autoComplete_wrapper label {
    top: 8px;
}

#ot-header-id-C0001:after {
    content: 'Rechtsgrundlage berechtigtes Interesse (Art. 6 Abs. 1 s. 1 lit. f DSGVO)';
    padding-left: 25px;
    font-weight: normal;
    font-size: 12px;
}

#ot-header-id-C0002:after {
    content: 'Rechtsgrundlage Einwilligung (Art. 6 Abs. 1 s. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG)';
    padding-left: 44px;
    font-weight: normal;
    font-size: 12px;
}

#ot-header-id-C0003:after {
    content: 'Rechtsgrundlage Einwilligung (Art. 6 Abs. 1 s. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG)';
    padding-left: 30px;
    font-weight: normal;
    font-size: 12px;
}

.distance-form ul p {
    margin-bottom: 0 !important;
}

.radio-input {
    width: 35px;
    accent-color: #777777;
}

.vf-fake-link {
    color: #726898;
    cursor: pointer;
    padding-left: 8px;
    font-size: 1rem;
    font-weight: 600
}

.vf-fake-link:hover {
    text-decoration: underline
}

.marketingForm table,
.marketingForm table tr,
#ms_captcha_holder table,
#ms_captcha_holder table tr {
    margin: 0;
    border: none;
}

.marketingForm table td
#ms_captcha_holder table td {
    padding: 0;
}

#ms_captcha_holder table[role="presentation"] {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.tour-checkbox {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-left: 10px;
    margin-top: 0px;
}
.tour-checkbox ~ label {
    font-size: 1.3rem;
    display: inline-block;
    margin-bottom: 0;
    color: #767676;
}

.tour-day {
    white-space: nowrap;
}

#ms_captcha_holder table td {
    padding: 0;
}

.kununu-footer {
    width: 30px;
    margin-top: -13px;
}

.kununu-image {
    width: 300px !important;
}

.matage-table,
.matage-table-day {
    width: 100%;
    border: none;
}

.matage-table tr td:first-child,
.matage-table-day tr td:first-child {
    white-space: nowrap;
    width: 120px;
}
.matage-table tr td:first-child input {
    margin-right: 0;
    margin-top: 12px;
    display: inline-block;
}
.matage-table-day tr td:first-child input {
    margin-right: 0;
    margin-top: -2px;
    display: inline-block;
}
.matage-table tr td:first-child label,
.matage-table-day tr td:first-child label {
    margin-bottom: 8px;
    margin-left: 3px;
    display: inline-block;
    position: relative;
    top: -4px;
}
.matage-table td,
.matage-table-day td {
    vertical-align: top;
}

a.text-link {
    color: #222
}

a.text-link:hover {
    text-decoration: none;
}

@media (min-width: 768px) {

    .vffwb-section-slide.vffwb-section-slide--medium {
        max-height: 688px;
    }

    .vffwb-section-slide.vffwb-section-slide--long {
        max-height: 888px;
    }

    .vffwb-section-slide.vffwb-section-slide--max {
        max-height: 1088px;
    }

    .vffwb-section-slide.vffwb-section-slide--margin-medium {
        margin-bottom: 288px;
    }

    .vffwb-section-slide.vffwb-section-slide--margin-big {
        margin-bottom: 388px;
    }
}

.vffwb-section-slide--size-default {

}