.contentPrefix .iconSprite {
    display: inline-block;
    height: 26px;
    width: 26px
}

#chart {
    min-height: 400px
}

.highchart-container {
    max-height: 8000px;
    position: relative;
    text-align: center;
    transition: all 1s
}

.highchart-container.chart-vertical:not(.obj-collapsed) {
    margin-bottom: 60px
}

.highchart-container.obj-collapsed {
    max-height: 500px;
    overflow: hidden;
    transition: all 1s
}

@media only screen and (max-width:767px) {
    .highchart-container.obj-collapsed {
        max-height: none
    }
}

.highchart-container.obj-collapsed>* {
    z-index: 5
}

.highchart-container.obj-collapsed:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 70%, #fff);
    bottom: 20px;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4
}

@media only screen and (max-width:767px) {
    .highchart-container.obj-collapsed:after {
        background: none
    }
}

.highchart-container.obj-collapsed .button-bottom {
    bottom: 20px;
    position: absolute;
    top: auto
}

#previewContainer {
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:768px) {
    #previewContainer {
        height: 450px
    }
}

@media only screen and (min-width:1201px) {
    #previewContainer {
        height: 429px
    }
}

#previewContainer img {
    filter: brightness(1.1);
    width: 100%
}

.gradientOverlay {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 70%, #fff);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.highchart-container .button-bottom {
    position: relative
}

.button-wrapper {
    position: absolute;
    text-align: center;
    width: 100%
}

.statisticAlert.previewStatistic {
    margin: 100px 57px 0 47px
}

.fade-button .button--stickyPrice {
    opacity: 0;
    pointer-events: none
}

.fade-button.sticky--price .button--stickyPrice {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    opacity: 1;
    pointer-events: auto
}

.highcharts-tooltip {
    z-index: 9999
}

.highcharts-tooltip table {
    background-color: #fff;
    opacity: 1;
    width: 100%;
    z-index: 9999 !important
}

tspan[onclick] {
    fill: #0666e5;
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    #statisticAboutUs, #statisticContentLists, #statisticSearch {
        display: none
    }

    #content {
        padding-bottom: 0 !important
    }

    .breadcrumbs {
        margin-bottom: 0
    }

    #previewContainer {
        max-height: inherit !important;
        min-height: 200px
    }

    .statisticAlertPremium {
        margin-top: -100px !important
    }

    .premiumAccountTeaser {
        background-color: #001327;
        border-radius: 3px;
        padding: 15px;
        text-align: center
    }
}

@media only screen and (max-width:767px)and (min-width:768px) {
    .premiumAccountTeaser {
        padding: 20px 30px
    }
}

@media only screen and (max-width:767px) {
    .stickyStatSlider {
        border: none !important
    }

    .stickyStatSlider .statSlider {
        margin-top: 15px;
        overflow: visible;
        padding-left: 0;
        padding-right: 0
    }

    .stickyStatSlider .statSlider .premiumOverlay {
        font-size: 15pt;
        height: 24px;
        line-height: 15pt !important;
        width: 24px
    }

    .stickyStatSlider .statSlider .premiumOverlay--rightTop {
        right: -7px;
        top: -7px
    }

    .stickyStatSlider .statSlider__arrow {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .05);
        border-radius: 40px;
        box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .25);
        font-size: 18px;
        height: 40px;
        margin: 0;
        padding: 15px 5px;
        transform: translateY(-50%);
        transition: opacity .3s, background-color .2s;
        width: 40px;
        z-index: 3
    }

    .stickyStatSlider .statSlider__arrow.slick-disabled {
        cursor: default;
        opacity: .5;
        pointer-events: none
    }

    .stickyStatSlider .statSlider__arrow--right {
        margin-right: -12px;
        padding: 3px 3px 3px 5px
    }

    .stickyStatSlider .statSlider__arrow--left {
        margin-left: -12px;
        padding: 3px 5px 3px 3px
    }

    .stickyStatSlider .slick-list {
        border: 1px solid #ccc;
        z-index: 1
    }

    .stickyStatSlider .slick-track {
        display: flex;
        flex: 1 1 auto
    }

    .stickyStatSlider .statSlider__slideContainer {
        overflow: hidden
    }

    .stickyStatSlider .statSlider__previewBox {
        height: auto;
        opacity: .6;
        overflow: hidden;
        padding: 15px;
        transition: background-color .2s, opacity .3s
    }

    .stickyStatSlider .statSlider__previewBox .row {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .stickyStatSlider .statSlider__previewBox .width33 {
        max-width: 400px;
        text-align: left;
        width: auto
    }

    .stickyStatSlider .statSlider__previewBox .width66 {
        flex-basis: content;
        max-width: calc(100% - 80px);
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
        width: auto
    }
}

@media only screen and (max-width:767px)and (max-width:400px) {
    .stickyStatSlider .statSlider__previewBox .width66 {
        max-width: 100%;
        padding-top: 10px;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .stickyStatSlider .statSlider__previewBox:hover {
        text-decoration: none;
        transition: background-color .2s
    }

    .stickyStatSlider .slick-current {
        opacity: 1
    }

    .stickyStatSlider .statSlider__itemImage {
        height: auto;
        margin: 0;
        text-align: center;
        width: 100%
    }

    .stickyStatSlider .statSlider__itemImage .premiumOverlay--rightTop {
        left: auto
    }

    .stickyStatSlider .statSlider__itemImage .slick-loading {
        display: none
    }

    .stickyStatSlider .statSlider__itemImage img {
        border: 1px solid #e6e6e6;
        display: inline-block
    }

    .statisticsWebinarTeaser h2 {
        font-size: 20px
    }
}

.paywallModal.vueModal__container {
    background: transparent;
    box-shadow: none;
    max-width: 490px;
    position: absolute
}

.badgePremiumBackground {
    background-position: -226px -125px
}

.overlayBlockedStatistic {
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.statTabsWrapper {
    padding: 10px 20px
}

@media only screen and (max-width:767px) {
    .statTabsWrapper {
        background-color: #f5f8fb;
        box-shadow: none;
        margin-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0
    }
}

.statTabs {
    display: flex;
    flex-direction: column;
    height: 100%
}

.statTabs__tabs {
    border-bottom: 1px solid #cbd4da;
    display: flex;
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .statTabs__tabs {
        border-bottom: none;
        display: block;
        margin-bottom: 0
    }
}

.statTabs__tabWrapper {
    width: 33.33333%
}

.body--responsive .statTabs__tab, .statTabs__tab {
    color: #455f7c;
    font-size: .9rem;
    font-weight: 600;
    list-style: none;
    padding: 8px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (max-width:767px) {
    .body--responsive .statTabs__tab, .statTabs__tab {
        background-color: #fff;
        border-bottom: 1px solid rgba(157, 179, 187, .25);
        border-top: 1px solid rgba(157, 179, 187, .25);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 5px 26px 0 rgba(67, 94, 131, .15);
        color: #0f2741;
        cursor: pointer;
        font-size: 16px;
        font-weight: 700;
        padding: 15px 40px;
        text-align: left;
        text-transform: none
    }

    .body--responsive .statTabs__tab .stat__svgIcon--extraSmall, .statTabs__tab .stat__svgIcon--extraSmall {
        display: inline-block
    }

    .body--responsive .statTabs__tab.active, .statTabs__tab.active {
        background-color: #f5f8fb
    }

    .body--responsive .statTabs__tab.active svg, .statTabs__tab.active svg {
        color: #0666e5;
        transform: rotate(-90deg);
        transition: transform .3s
    }

    .body--responsive .statTabs__tab:not(:first-child), .statTabs__tab:not(:first-child) {
        margin-top: -1px
    }
}

.body--responsive .statTabs__tab:hover, .statTabs__tab:hover {
    color: #0666e5;
    cursor: pointer;
    transition: color .2s
}

@media only screen and (max-width:767px) {
    .body--responsive .statTabs__tab:hover, .statTabs__tab:hover {
        color: #0f2741
    }
}

.body--responsive .statTabs__tab--active, .statTabs__tab--active {
    color: #0666e5
}

.body--responsive .statTabs__tab--active:after, .statTabs__tab--active:after {
    background: #0666e5;
    border-radius: 2px;
    bottom: -1px;
    box-shadow: 0 -1px 3px 0 rgba(6, 102, 229, .2);
    content: "";
    display: block;
    height: 2px;
    left: 30%;
    margin: auto;
    position: absolute;
    transform: scale(1);
    transition: left .2s ease-out, width .2s ease-out, background-color .2s ease-out, transform .2s;
    transition-timing-function: cubic-bezier(.12, .32, .54, 1.4);
    width: 40%
}

@media only screen and (max-width:767px) {
    .body--responsive .statTabs__tab--active, .statTabs__tab--active {
        color: #0f2741
    }
}

.statTabs__content {
    padding: 15px
}

.statTabs__radio {
    height: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    width: 0 !important
}

.vueModal__container.conversionTeaser__modal, .vueModal__container.popupFreeStatisticTeaser {
    background: transparent
}

.conversionTeaser {
    border-radius: .25rem;
    color: #fff;
    overflow: hidden;
    width: 100%
}

.conversionTeaser.conversionTeaser__statisticFree {
    max-width: 450px
}

@media only screen and (min-width:768px) {
    .conversionTeaser {
        max-width: 550px
    }
}

.conversionTeaser__list {
    display: none
}

@media only screen and (min-width:768px) {
    .conversionTeaser__list {
        display: block
    }
}

.conversionTeaser__listItem {
    margin-bottom: 8px;
    position: relative
}

.conversionTeaser__listItem:last-of-type {
    margin-bottom: 0
}

.conversionTeaser__bullet {
    position: relative;
    top: 5px;
    z-index: 1
}

.conversionTeaser__bulletBg {
    background: #0666e5;
    border-radius: 50%;
    height: 12px;
    left: 2px;
    position: absolute;
    top: 7px;
    width: 12px
}

.conversionTeaser__listItemText {
    flex: 1 1 0;
    padding-left: 10px
}

.conversionTeaser__main {
    background-color: #001327;
    padding: 30px 15px 15px
}

@media only screen and (min-width:768px) {
    .conversionTeaser__main {
        padding: 30px
    }
}

.conversionTeaser__modal--ppt {
    background: none
}

@media only screen and (min-width:768px) {
    .conversionTeaser__subHeadline {
        font-size: 1rem !important;
        line-height: 1.6 !important
    }
}

.conversionTeaser__button {
    margin: 0 0 15px;
    width: 100%
}

.conversionTeaser__button:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .conversionTeaser__button {
        font-size: 13px;
        margin: 0 25px 0 0;
        padding: 10px 15px;
        width: auto
    }

    .conversionTeaser__button:last-of-type {
        margin-right: 0
    }
}

.conversionTeaser__login {
    padding: 16px
}

.conversionTeaser__studyWrapperModal {
    background: unset;
    padding: 0 !important
}

@media only screen and (min-width:768px) {
    .conversionTeaser__studyWrapperModal {
        width: clamp(345px, 80vw, 590px)
    }
}

.conversionTeaser__xmoWrapperModal {
    background: none;
    width: calc(100% - 32px) !important
}

@media only screen and (min-width:768px) {
    .conversionTeaser__xmoWrapperModal {
        width: auto !important
    }
}

.conversionTeaser--xmo {
    width: unset
}

@media only screen and (min-width:768px) {
    .conversionTeaser--xmo {
        max-width: 550px;
        width: clamp(345px, 90vw, 650px)
    }
}

.paywall {
    width: calc(100% - 70px)
}

.popupFreeStatisticTeaser {
    max-width: max-content
}

.popupFreeStatisticTeaser--width {
    max-width: 410px
}

.breadcrumbs--statistic {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1186px;
    width: auto
}

.body--responsive .sectionHeadline--statistic {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px
}

@media only screen and (min-width:768px) {
    .body--responsive .sectionHeadline--statistic {
        color: #0f2741;
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.4
    }
}

.body--responsive .sectionSubline--statistic {
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 400;
    padding-top: 5px
}

@media only screen and (min-width:768px) {
    .body--responsive .sectionSubline--statistic {
        color: #455f7c;
        font-size: 1.5rem;
        font-weight: 500
    }
}

.content__author:after {
    background-color: none;
    content: "";
    display: none;
    height: 0;
    margin: 0;
    width: 0
}

.content__author:before {
    background-color: none;
    content: "";
    display: none;
    height: 20px;
    margin: 0;
    width: 0
}

@media only screen and (max-width:767px) {
    .content__author.content__author--mobile:after {
        background-color: none;
        content: "";
        display: none;
        height: 0;
        margin: 0;
        width: 0
    }

    .content__author.content__author--mobile:before {
        background-color: #ccc;
        content: "";
        display: block;
        height: 1px;
        margin: 13px 0 7px;
        width: 90px
    }
}

@media only screen and (min-width:1186px) {
    .responsiveSection--legacy {
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
        margin: 0 auto;
        width: 1186px
    }

    .responsiveSection--maxWidth {
        margin: 0 auto;
        max-width: 1186px;
        padding-left: 0;
        padding-right: 0
    }

    .stickyPriceHeader, .stickyPriceHeader .sticky {
        margin: 0 auto;
        width: 1186px
    }
}

.sectionFurtherStatistics {
    box-sizing: border-box;
    margin-top: 20px;
    width: 100%
}

h2.lineheight-10 {
    line-height: 1
}

.statisticContent__wrapper {
    box-sizing: border-box;
    width: 100%
}

.statisticContent {
    display: flex;
    flex-direction: column
}

.contentPrefix {
    display: inline-block
}

.contentPrefix, .contentPrefix:hover {
    text-decoration: none
}

.contentPrefix+h2 {
    display: inline-block;
    margin-left: 4px
}

.contentPrefix+p {
    display: inline;
    margin-left: 4px
}

.statisticContent__typeTitle {
    color: #455f7c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase
}

.statisticContent__text {
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .statisticContent__text {
        padding: 7px 7px 0;
        width: 94%
    }
}

.statisticContent__text .readingAid__text:not(.readingAid__text--expanded) {
    max-height: 150px
}

@media only screen and (max-width:767px) {
    .statisticContent__text .readingAid__text:not(.readingAid__text--expanded) {
        max-height: 300px
    }
}

.statisticContent__text .readingAid__text+.button--additionalText[aria-expanded=true] {
    margin-top: 10px
}

.statisticContent__promo {
    box-sizing: border-box;
    display: none;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .statisticContent__promo {
        display: flex;
        padding: 7px;
        width: 25%
    }
}

@media print {
    .statisticContent__promo {
        display: none
    }
}

.button--additionalText {
    outline-offset: -4px;
    outline-width: 3px
}

.iconSprite--statistic {
    display: inline-block
}

.statisticChartPreviewContainer {
    min-height: 300px
}

@media only screen and (min-width:768px) {
    .statisticChartPreviewContainer {
        max-height: 450px
    }
}

@media only screen and (min-width:1201px) {
    .statisticChartPreviewContainer {
        max-height: 429px
    }
}

.sprite.publishing {
    background-position: 50%;
    background-size: 18px 18px;
    height: 25px;
    width: 25px
}

.highchart-container.chart-vertical:not(.obj-collapsed) {
    margin-bottom: 0
}

.statisticChart--typeTable .dataTables_wrapper {
    box-sizing: border-box;
    overflow-x: auto;
    width: 100%
}

.statisticChart--typeTable i {
    font-style: italic
}

.statTable th {
    background-color: #fff;
    border-bottom: 2px solid #bec3cc;
    border-top: 0
}

.statTable thead tr {
    box-shadow: none
}

.statTable td, .statTable th {
    border-color: #e2e7ed;
    border-left: 0;
    border-right: 0
}

#statTable th {
    background-color: #fff;
    border-bottom: 2px solid #bec3cc;
    border-top: 0
}

#statTable thead tr {
    box-shadow: none
}

#statTable td, #statTable th {
    border-color: #e2e7ed;
    border-left: 0;
    border-right: 0
}

#statTable_info, #statTable_paginate {
    font-size: .9rem
}

#previewContainer {
    z-index: 3
}

.statisticChartNavMobile {
    align-items: center;
    display: flex;
    position: relative;
    width: auto
}

@media only screen and (min-width:768px) {
    .statisticChartNavMobile {
        display: none
    }
}

.statisticChartNavMobile__right {
    margin-left: auto;
    padding: 8px
}

.statisticData {
    box-sizing: border-box;
    margin-top: 10px;
    width: 100%
}

.statisticWrapper {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .statisticWrapper {
        flex-direction: row;
        margin: 0 -7px
    }
}

#htmlCode {
    background-color: #fff;
    word-break: break-all
}

.vueModal__overlay:not(.hidden)+.statisticContainer__wrapper .statisticContainer {
    z-index: 1501
}

.statisticContainer {
    box-sizing: border-box;
    position: relative
}

@media only screen and (min-width:768px) {
    .statisticContainer {
        padding: 7px;
        width: 100.666%
    }
}

.statisticContainer__modalContainer {
    width: calc(50% - 10px)
}

.statisticContainer .vueModal__container {
    animation: vueModal--notCentered__fadeIn .3s ease-out forwards;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: auto;
    transform: translate(20px);
    width: 100%
}

@media only screen and (min-width:768px) {
    .statisticContainer .vueModal__container {
        left: 100%;
        margin-left: 10px;
        max-width: 386px;
        top: 7px;
        width: 48%
    }
}

.statisticContainer .vueModal__container--fadeOut {
    animation: vueModal--notCentered__fadeOut .3s ease-out forwards !important;
    pointer-events: none
}

.panelCard--statistic {
    overflow-x: auto;
    padding: 20px
}

@media only screen and (max-width:767px) {
    .panelCard--statistic {
        box-shadow: none;
        padding: 0
    }
}

.panel__header--statistic {
    padding: 0 0 15px
}

@media only screen and (min-width:768px) {
    .panel__header--statistic {
        padding-right: 40px
    }
}

.panel__title.panel__title {
    color: #455f7c;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .panel__title.panel__title {
        color: #0f2741;
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 5px
    }
}

.panel__subtitle {
    color: #9db3bb;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 500;
    padding-top: 5px
}

@media only screen and (max-width:767px) {
    .panel__subtitle {
        color: #455f7c;
        font-size: 1rem;
        font-weight: 400
    }
}

.panel__content {
    position: relative
}

.panel__content--statistic {
    min-height: auto
}

@media only screen and (min-width:768px) {
    .panel__content--statistic {
        min-height: 344px;
        padding-right: 40px
    }
}

.statistic__footer {
    display: flex;
    flex-direction: column;
    font-size: .8rem;
    padding-top: 10px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .statistic__footer {
        align-items: flex-end;
        flex-direction: row
    }
}

.statistic__footerLeft {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .statistic__footerLeft {
        width: 70%
    }
}

.statistic__footerRight {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .statistic__footerRight {
        justify-content: flex-end;
        margin-bottom: 0;
        margin-left: auto;
        margin-top: 0;
        text-align: right;
        width: 30%
    }
}

.statisticSvgAlignVertical--top {
    vertical-align: top
}

.statisticSvgAlignVertical--middle {
    vertical-align: middle
}

.statisticDownload {
    margin-bottom: 15px;
    padding: 10px 20px
}

.statisticDownload__title {
    border-bottom: 1px solid #cbd4da;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .7px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    text-transform: uppercase
}

.statisticDownload__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -6px
}

.statisticDownload__item {
    box-sizing: border-box;
    display: flex;
    padding: 6px;
    width: 50%
}

@media only screen and (min-width:461px) {
    .statisticDownload__item {
        padding: 0 6px;
        width: 25%
    }
}

@media only screen and (min-width:768px) {
    .statisticDownload__item {
        padding: 6px;
        width: 50%
    }
}

@media only screen and (min-width:1201px) {
    .statisticDownload__item {
        padding: 0 6px;
        width: 25%
    }
}

.statisticDownloadButton {
    align-items: center;
    border: 1px solid #a4b4c6;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: center;
    margin: 0;
    padding: 10px 5px
}

.statisticDownloadButton.disabled {
    background-color: #fff;
    border: 1px solid transparent
}

.statisticDownloadButton.disabled .sprite {
    filter: grayscale(1) saturate(.4) opacity(.3)
}

.statisticDownloadButton.disabled:hover {
    background-color: #fafafa;
    cursor: not-allowed
}

.statisticDownloadButton--premium {
    padding-right: 18px
}

.statisticDownloadButton .sprite {
    display: flex;
    margin-right: 5px;
    top: auto
}

.favSplitDropdown__row:hover .fav__icon--saved:before {
    color: #cf0000;
    content: "\f00d"
}

.statisticDownload--highlight .statisticDownload__title {
    border: none;
    margin-bottom: 5px;
    padding-bottom: 0
}

.statisticDownload--highlight .statisticDownload__icon {
    background-color: #0666e5;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 25px;
    line-height: 1.7rem;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
    vertical-align: middle;
    width: 25px
}

.statisticDownload--highlight .statisticDownload__wrapper {
    background-color: rgba(15, 39, 65, .12);
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    position: relative
}

@media(prefers-reduced-motion:no-preference) {
    .statisticDownload--highlight .statisticDownload__wrapper:before {
        animation: slideShine 3s ease-in-out;
        animation-iteration-count: infinite;
        background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(50%, hsla(0, 0%, 100%, .8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
        background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0));
        background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        background: -ms-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0));
        content: "";
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1);
        height: 100%;
        opacity: .4;
        position: absolute;
        top: 0;
        transform: translateX(100%);
        width: 100%;
        z-index: 1
    }
}

@keyframes slideShine {
    0% {
        transform: translateX(-300%)
    }

    to {
        transform: translateX(300%)
    }
}

.statisticSidebar {
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .statisticSidebar {
        padding: 7px;
        width: 33.333%
    }
}

.sidebarStickyBox {
    display: flex;
    flex-direction: column;
    position: -webkit-sticky;
    position: sticky;
    top: 10px
}

@media print {
    .sidebarStickyBox {
        position: static
    }
}

.statTabsWrapper--solo {
    padding: 5px
}

@media only screen and (max-width:767px) {
    .statTabsWrapper--solo {
        box-shadow: none;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0
    }
}

.statTabs .hl-module {
    color: #455f7c;
    font-size: .8rem;
    margin-bottom: 0
}

.infoBox {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px
}

.infoBox__text {
    font-size: .9rem
}

.infoBox__title {
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 0 !important
}

@media only screen and (min-width:768px) {
    .infoBox__title {
        font-size: inherit
    }
}

.panelCard__footer {
    align-content: flex-end;
    justify-content: center;
    margin-bottom: 10px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .statTabs__scroller--normal {
        max-height: 355px
    }

    .statTabs__scroller--collapsed {
        max-height: 493px
    }
}

@media only screen and (min-width:1201px) {
    .statTabs__scroller--normal {
        max-height: 384px
    }
}

@media only screen and (min-width:768px) {
    .toolbar__container {
        max-width: 400px
    }
}

.toolbar {
    display: flex;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 7
}

@media only screen and (max-width:767px) {
    .toolbar {
        display: grid;
        gap: 5px;
        grid-auto-columns: 1fr;
        grid-auto-flow: column
    }
}

.toolbar__item {
    color: #455f7c;
    display: grid;
    height: 38px;
    margin: 0;
    place-items: center;
    position: relative;
    transition: color .3s;
    width: max(38px, 100%)
}

@media only screen and (min-width:768px) {
    .toolbar__item {
        margin: 0 0 8px
    }
}

.toolbar__item:hover {
    color: #0666e5
}

.toolbar__item:hover svg:not(.fa-svgIcon) path {
    fill: #0666e5;
    transition: fill .3s
}

.toolbar__icon--active {
    color: #f9b600
}

@media only screen and (prefers-reduced-motion:no-preference)and (min-width:768px) {
    .toolbar__item--pulsating:before {
        animation: pulseWhite 2s infinite;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.toolbar--anonymous .toolbar__icon {
    opacity: .5
}

.toolbar--anonymous .toolbar__icon:hover {
    opacity: 1
}

.toolbar__item--active {
    background-color: #0666e5;
    color: #fff
}

.toolbar__item--active:hover {
    color: #fff
}

@supports(-webkit-appearance:none) or (-moz-appearance:none) {
    .inputChoice {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border: 1px solid #e3ebf4;
        box-shadow: none;
        cursor: pointer;
        height: 16px;
        margin: 0 5px 0 0;
        padding: 0;
        position: relative;
        transition: background .3s ease, border-color .3s ease;
        vertical-align: middle
    }

    .inputChoice:after {
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        transition: transform .3s ease, opacity .2s ease, filter .3s ease
    }

    .inputChoice:checked {
        background: #0666e5;
        border-color: #0666e5
    }

    .inputChoice:checked:after {
        filter: drop-shadow(0 1px 2px rgba(18, 22, 33, .1));
        transition: opacity .3s ease, filter .3s ease, transform .6s cubic-bezier(.175, .88, .32, 1.2)
    }

    .inputChoice:disabled {
        background: #e3ebf4;
        cursor: not-allowed;
        opacity: .9
    }

    .inputChoice:disabled:checked {
        background: #d1dfec;
        border-color: #e3ebf4
    }

    .inputChoice:hover:not(:checked):not(:disabled) {
        border-color: #2580f9
    }

    .inputChoice:not(.switch) {
        width: 16px
    }

    .inputChoice:not(.switch):after {
        opacity: 0
    }

    .inputChoice:not(.switch):checked:after {
        opacity: 1
    }

    .inputChoice--checkbox:not(.switch) {
        border-radius: 4px
    }

    .inputChoice--checkbox:not(.switch):after {
        border: 2px solid #fff;
        border-left: 0;
        border-top: 0;
        height: 6px;
        left: 5px;
        top: 2px;
        transform: rotate(20deg);
        width: 3px
    }

    .inputChoice--checkbox:not(.switch):checked:after {
        transform: rotate(43deg)
    }

    .inputChoice--checkbox.switch {
        border-radius: 11px;
        width: 38px
    }

    .inputChoice--checkbox.switch:after {
        background: #e3ebf4;
        border-radius: 50%;
        height: 15px;
        left: 2px;
        top: 2px;
        width: 15px
    }

    .inputChoice--checkbox.switch:checked:after {
        background: #fff;
        transform: translateX(17px)
    }

    .inputChoice--checkbox.switch:disabled:not(:checked):after {
        opacity: .6
    }

    .inputChoice--radio {
        border-radius: 50%
    }

    .inputChoice--radio:after {
        background: #fff;
        border-radius: 50%;
        height: 14px;
        opacity: 0;
        transform: scale(.7);
        width: 14px
    }

    .inputChoice--radio:checked:after {
        background: #fff;
        transform: scale(.5)
    }
}

.button--disabled, .button--disabled:hover {
    background: #f5f8fb;
    border-color: #e3ebf4;
    color: #cad6da;
    cursor: not-allowed
}

.citationRequest {
    display: flex;
    flex-direction: column;
    font-size: .9rem;
    margin-top: 10px;
    text-align: center
}

.chartSettings .button {
    display: grid;
    place-items: center
}

.furtherStatistics {
    padding: 0 20px
}

@media only screen and (max-width:767px) {
    .furtherStatistics {
        padding: 0
    }
}

.furtherStatistics__container {
    background: #001327 url(https://cdn.statcdn.com/static/img/backgroundCircle.svg) no-repeat left -210px bottom 45px;
    background-size: 1000px 800px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 25px;
    position: relative
}

@media only screen and (max-width:767px) {
    .furtherStatistics__container {
        background: transparent;
        border: none;
        border-radius: 0;
        padding: 0
    }
}

.furtherStatistics__headline {
    max-width: 60%
}

@media only screen and (max-width:767px) {
    .furtherStatistics__headline {
        max-width: 100%
    }
}

.furtherStatistics__topicLink {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 300;
    max-width: 60%;
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    .furtherStatistics__topicLink {
        font-weight: 400;
        max-width: 100%
    }
}

.furtherStatistics__statisticsWrapper {
    display: block;
    margin: 25px 0 0;
    position: relative;
    z-index: 4
}

@media only screen and (min-width:768px) {
    .furtherStatistics__statisticsWrapper {
        background-color: transparent;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 25px -45px 0
    }
}

.furtherStatistics__statistic {
    align-items: flex-start;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03), 0 1px 18px rgba(0, 0, 0, .07), 0 5px 26px 0 rgba(67, 94, 131, .15);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 8px;
    padding: 10px;
    width: calc(50% - 4px)
}

.furtherStatistics__statistic:hover {
    text-decoration: none
}

.furtherStatistics__statistic:hover .furtherStatistics__statisticRooftitle {
    color: #0f2741;
    transition: color .3s
}

.furtherStatistics__statistic:hover .furtherStatistics__statisticTitle {
    color: #0666e5;
    transition: color .3s
}

.furtherStatistics__statistic:last-child, .furtherStatistics__statistic:nth-last-child(2) {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .furtherStatistics__statistic {
        align-items: center;
        margin-bottom: 6px;
        width: 100%
    }

    .furtherStatistics__statistic:nth-last-child(2) {
        margin-bottom: 6px
    }

    .furtherStatistics__statistic:last-child {
        margin-bottom: 0
    }
}

.furtherStatistics__statistic--boxShadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 5px 26px 0 rgba(67, 94, 131, .15)
}

.furtherStatistics__statisticRooftitle {
    color: #0f2741;
    transition: color .3s
}

.furtherStatistics__statisticTitle {
    color: #0f2741;
    margin: 0;
    transition: color .3s
}

@media only screen and (max-width:767px) {
    .furtherStatistics__statisticTitle {
        color: #455f7c;
        font-size: .9rem
    }
}

.furtherStatistics__verticalCarrousel {
    display: none
}

@media only screen and (max-width:767px) {
    .furtherStatistics__verticalCarrousel {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03), 0 1px 18px rgba(0, 0, 0, .07), 0 5px 26px 0 rgba(67, 94, 131, .15);
        display: block;
        height: 45px;
        margin: 0 45px;
        position: relative;
        z-index: 1
    }

    .furtherStatistics__verticalCarrousel:after {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03), 0 1px 18px rgba(0, 0, 0, .07), 0 5px 26px 0 rgba(67, 94, 131, .15);
        content: "";
        display: block;
        height: 45px;
        left: -10px;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 2
    }

    .furtherStatistics__verticalCarrousel:before {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03), 0 1px 18px rgba(0, 0, 0, .07), 0 5px 26px 0 rgba(67, 94, 131, .15);
        content: "";
        display: block;
        height: 30px;
        left: -25px;
        position: absolute;
        right: -25px;
        top: -10px;
        z-index: 3
    }
}

.furtherStatistics__button {
    display: none
}

@media only screen and (max-width:767px) {
    .furtherStatistics__button {
        display: block;
        margin-top: -35px;
        position: relative;
        z-index: 4
    }
}

.statisticThumbnail__wrapper {
    position: relative
}

.statisticThumbnail__premium {
    background-color: #7cc305;
    border: 2px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 11pt;
    font-weight: 700;
    height: 17px;
    line-height: 13px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 17px
}

@media only screen and (max-width:767px) {
    .relatedStatistics__list:not(:last-child) {
        margin-bottom: 15px
    }

    .relatedStatistics__listItem {
        margin: 0 -5px;
        padding: 5px 0
    }

    .relatedStatistics__listItemLink {
        align-items: center;
        color: #000;
        display: flex;
        padding: 2px 0;
        transition: background-color .2s
    }

    .relatedStatistics__listItemLink:active, .relatedStatistics__listItemLink:focus, .relatedStatistics__listItemLink:hover {
        background-color: rgba(0, 0, 0, .02);
        border-radius: 3px;
        color: #000;
        text-decoration: none
    }

    .relatedStatistics__icon {
        margin-right: 10px
    }

    .relatedStatistics__text {
        display: block;
        max-width: calc(100% - 36px)
    }
}

/*# sourceMappingURL=statisticBase.css.map?55aaea*/