/*!
 *
 * Copyright (C) 2023 nextpit GmbH
 *
 */ /*!
 *
 * Copyright (C) 2023 nextpit GmbH
 *
 */ /*!
 *
 * Copyright (C) 2023 nextpit GmbH
 *
 */
.article-tiles {
    margin: 16px 0;
}
.article-tiles.np-swiper {
    margin-bottom: 36px;
}
.article-tile {
    background-color: #fff;
    background-color: var(--bg-b-color, #fff);
    border: 1px solid #e9eef2;
    border: 1px solid var(--line-color, #e9eef2);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    height: 100%;
    margin: 0 8px;
}
.article-tile,
.article-tile__link {
    display: flex;
    flex-direction: column;
}
.article-tile__link {
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}
.article-tile__link:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.article-tile__author {
    font-size: 1.2rem;
}
.article-tile__title {
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 8px;
}
.article-tile__image,
.article-tile__image > img {
    overflow: hidden;
    width: 100%;
}
.article-tile__image > img {
    aspect-ratio: 16/9;
    display: block;
    height: 100%;
    line-height: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.5s ease;
}
.article-tile__footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: auto 8px 8px;
}
.article-tile__date {
    font-size: 1rem;
    line-height: 2;
}
.ameta {
    align-items: center;
    color: #272526;
    color: var(--text-a-color, #272526);
    display: flex;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}
.ameta__labels,
.ameta__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.ameta__labels {
    line-height: 1;
    margin: 0 -2px;
}
.ameta__label-entry {
    align-items: center;
    color: #272526;
    color: var(--text-a-color, #272526);
    display: flex;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    line-height: 1.2;
}
.ameta__label-entry:after {
    color: #aaa;
    color: var(--text-d-color, #aaa);
    content: "⬤";
    font-size: 5px;
    padding: 0 6px;
    text-decoration: none;
    vertical-align: top;
}
.ameta__label-entry:last-child:after {
    display: none;
}
.ameta__label {
    color: #aaa;
    color: var(--text-d-color, #aaa);
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 2px;
    text-transform: uppercase;
    vertical-align: top;
}
.ameta__tags {
    grid-gap: 8px;
    gap: 8px;
}
.ameta__tags .ameta__tag-entry--more {
    cursor: pointer;
    display: none;
}
.ameta__tags--hidden .ameta__tag-entry--more {
    display: flex;
}
.ameta__tags--hidden .ameta__tag-entry:not(.ameta__tag-entry--more):nth-child(n + 4) {
    display: none;
}
.ameta__tag-entry {
    height: 20px;
    line-height: 1;
}
.ameta__tag {
    background-color: transparent;
    border-radius: 40px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.1;
    overflow: hidden;
    padding: 2px 6px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.ameta__tag--link {
    border: 1px solid #aaa;
    color: #aaa;
    color: var(--text-d-color, #aaa);
}
.ameta__tag--link,
.ameta__tag--link:hover {
    text-decoration: none;
}
html.darkmode .ameta__tag--link {
    color: #fff;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .ameta__tag--link {
        color: #fff;
    }
}
.ameta__tag--link:hover {
    background-color: #aaa;
    color: #fff;
    cursor: pointer;
}
.ameta__admin-count,
.ameta__comments,
.ameta__reading,
.ameta__share {
    align-items: center;
    color: #333;
    color: var(--text-b-color, #333);
    display: inline-flex;
    margin-right: 1rem;
}
.ameta__admin-count > svg,
.ameta__comments > svg,
.ameta__reading > svg,
.ameta__share > svg {
    height: 14px;
    width: 14px;
    --svg-icon-color: #333;
    --svg-icon-color: var(--text-b-color, #333);
}
.ameta__comments > svg,
.ameta__reading > svg {
    margin-right: 4px;
    position: relative;
}
.ameta__comments > svg {
    top: 1px;
}
.ameta__comments_link {
    color: #333;
    color: var(--text-b-color, #333);
    display: flex;
    line-height: 1;
    padding: 5px;
    text-decoration: none;
}
.ameta__text {
    align-items: center;
    display: flex;
    line-height: 1;
}
.ameta__text--short {
    display: none;
}
@media (max-width: 576px) {
    .ameta__text--short {
        align-items: center;
        display: flex;
    }
    .ameta__text--full {
        display: none;
    }
}
progress.prgGrey {
    background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    width: 100px;
}
progress.prgGrey::-webkit-progress-bar {
    background-color: #fff;
}
progress.prgGrey::-webkit-progress-value {
    background-color: #1770aa;
}
progress.prgGrey::-moz-progress-bar {
    background-color: #1770aa;
}
progress.prgGrey > span {
    background-color: #666;
    display: inline-block;
    height: 15px;
    margin-bottom: 2px;
}
.quickSurvey {
    margin: 0 0 18px;
}
.quickSurvey fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
.quickSurvey fieldset legend {
    border-bottom: 1px solid #e9eef2;
    color: #1770aa;
    padding: 5px 0 20px;
    width: 100%;
}
.quickSurvey fieldset a,
.quickSurvey fieldset label {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}
.quickSurvey fieldset a {
    color: inherit;
    margin-right: 30px;
}
.quickSurvey fieldset .right,
.quickSurvey fieldset .success {
    color: #aaa;
}
.quickSurvey ul {
    margin: 0 0 20px !important;
    text-indent: 0 !important;
}
.quickSurvey li {
    border-bottom: 1px solid #e9eef2;
    list-style-type: none !important;
    margin-left: 0 !important;
    padding: 0 10px 0 0;
    vertical-align: middle;
}
.quickSurvey li:before {
    content: "" !important;
    display: none !important;
}
.quickSurvey li.answerChecked,
.quickSurvey li:hover {
    background: #d9eef8;
    transition: background 0.15s;
}
.quickSurvey li td.leftCol label {
    cursor: pointer;
    display: inline-block;
    padding: 15px 19px 15px 10px;
    vertical-align: middle;
    width: 100%;
}
.quickSurvey li td.rightCol {
    color: #1770aa;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
@media only screen and (max-width: 359px) {
    progress.prgGrey {
        width: 65px;
    }
    .quickSurvey li td.leftCol label {
        padding: 5px 5px 5px 0;
    }
    .quickSurvey li {
        padding: 0;
    }
    .quickSurvey > form > fieldset > .right {
        float: left !important;
        margin-top: 1.4rem;
    }
}
.article-toc .article-toc__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 16px;
}
@media (max-width: 576px) {
    .article-toc .article-toc__list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
.article-toc .article-toc__list li {
    padding: 4px 0;
}
.article-syndication-partner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 5px 0 5px auto;
    grid-gap: 5px;
    border: 2px solid #000;
    border: 2px solid var(--black-to-white-color, #000);
    border-radius: 30px;
    gap: 5px;
    line-height: 1;
    padding: 4px 8px;
}
.article-syndication-partner__label {
    font-size: 12px;
    margin-right: 4px;
}
.article-syndication-partner__hint,
.article-syndication-partner__label {
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.article-syndication-partner__hint {
    font-size: 13px;
    font-style: italic;
    line-height: 1.3;
}
.article-discussNow {
    margin-bottom: 27px;
    margin-top: 16px;
}
.article-discussNow-container {
    align-items: center;
    color: #000;
    display: flex;
    padding: 12px;
    position: relative;
}
.article-discussNow__button {
    background-color: #fff;
    border: 2px solid #e60039;
    border-radius: 34px;
    color: #e60039;
    font-size: 16px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
html.darkmode .article-discussNow__button {
    background-color: #e60039;
    color: #fff;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .article-discussNow__button {
        background-color: #e60039;
        color: #fff;
    }
}
.article-discussNow .article-discussNow-container:after,
.article-discussNow .article-discussNow-container:before {
    border-bottom: 2px solid #e60039;
    content: "";
    flex-grow: 1;
}
.top-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    float: right;
    margin: 0 0 8px 8px !important;
    max-width: 500px;
}
@media only screen and (max-width: 768px) {
    .top-content {
        float: none;
        margin-bottom: 24px;
        max-width: 100%;
        width: auto;
    }
}
.top-content fieldset {
    border: 5px solid #f36;
    border-radius: 8px;
    display: flex;
    height: 100%;
    width: 100%;
    grid-gap: 10px;
    align-items: center;
    box-sizing: border-box;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    max-height: 120px;
    padding: 10px 0;
}
@media only screen and (max-width: 768px) {
    .top-content fieldset {
        padding: 5px 0;
    }
}
.top-content legend {
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-left: 20px;
    padding: 0 20px;
    text-transform: uppercase;
}
.top-content__link {
    align-items: center;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-left: 20px;
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
    .top-content__link {
        margin: 0 16px 8px;
    }
}
.top-content__link a {
    color: #272526;
    color: var(--text-a-color, #272526);
}
.top-content__img {
    margin-right: 20px;
}
@media only screen and (max-width: 576px) {
    .top-content__img {
        display: none;
    }
}
.top-content__img a {
    display: block;
}
.top-content__img img {
    margin-bottom: 3px;
    max-width: 130px;
}
.authorBox {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    margin: 16px auto;
    max-width: 810px;
    grid-gap: 16px;
    background-color: #e9eef2;
    background-color: var(--bg-c-color, #e9eef2);
    gap: 16px;
    padding: 16px;
}
@media only screen and (max-width: 576px) {
    .authorBox {
        flex-direction: column;
    }
}
.authorBox__pic {
    align-items: center;
    display: flex;
    flex: auto;
    flex-direction: column;
    justify-content: center;
}
.authorBox__pic img {
    border-radius: 50%;
    height: 140px;
    margin: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 140px;
}
.authorBox__name-position {
    text-align: center;
}
.authorBox__name {
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 8px 0 0;
    padding: 0;
}
@media only screen and (max-width: 576px) {
    .authorBox__name {
        text-align: center;
    }
}
.authorBox__content {
    flex: auto;
    max-width: 500px;
}
@media only screen and (max-width: 576px) {
    .authorBox__content {
        text-align: center;
    }
}
.authorBox__knowsAbout p,
.authorBox__text {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
}
.fixed-element_fixed {
    position: fixed !important;
}
#tipUsForm {
    max-width: 520px;
    min-width: 256px;
}
#tipUsForm input,
#tipUsForm textarea {
    margin-top: 2px;
}
#tipUsForm textarea {
    box-sizing: border-box;
    width: 100%;
}
.videoEmbed {
    aspect-ratio: 16/9;
    position: relative;
}
.videoEmbed embed,
.videoEmbed iframe,
.videoEmbed object {
    height: 100%;
    width: 100%;
}
.np-video {
    background-color: transparent;
    background-image: radial-gradient(#e60039 2px, transparent 0);
    background-size: 34px 34px;
    opacity: 0.9;
}
.np-video > div {
    aspect-ratio: 16/9;
    margin: 0 auto;
    max-width: 600px;
    padding: 40px 0;
}
.np-swiper {
    margin-bottom: 20px;
    position: relative;
}
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
        format("woff");
}
:root {
    --swiper-theme-color: #f36;
}
.np-swiper .swiper,
.np-swiper swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.np-swiper .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.np-swiper .swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1;
}
.np-swiper .swiper-android .swiper-slide,
.np-swiper .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.np-swiper .swiper-horizontal {
    touch-action: pan-y;
}
.np-swiper .swiper-vertical {
    touch-action: pan-x;
}
.np-swiper .swiper-slide,
.np-swiper swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
}
.np-swiper .swiper-slide-invisible-blank {
    visibility: hidden;
}
.np-swiper .swiper-autoheight,
.np-swiper .swiper-autoheight .swiper-slide {
    height: auto;
}
.np-swiper .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
.np-swiper .swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.np-swiper .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.np-swiper .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.np-swiper .swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.np-swiper .swiper-3d .swiper-cube-shadow,
.np-swiper .swiper-3d .swiper-slide,
.np-swiper .swiper-3d .swiper-slide-shadow,
.np-swiper .swiper-3d .swiper-slide-shadow-bottom,
.np-swiper .swiper-3d .swiper-slide-shadow-left,
.np-swiper .swiper-3d .swiper-slide-shadow-right,
.np-swiper .swiper-3d .swiper-slide-shadow-top {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.np-swiper .swiper-3d .swiper-slide-shadow,
.np-swiper .swiper-3d .swiper-slide-shadow-bottom,
.np-swiper .swiper-3d .swiper-slide-shadow-left,
.np-swiper .swiper-3d .swiper-slide-shadow-right,
.np-swiper .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.np-swiper .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.np-swiper .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.np-swiper .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.np-swiper .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.np-swiper .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.np-swiper .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.np-swiper .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.np-swiper .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.np-swiper .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}
.np-swiper .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}
.np-swiper .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
}
.np-swiper .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.np-swiper .swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.np-swiper .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.np-swiper .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    [dir="ltr"] & {
        margin-left: var(--swiper-centered-offset-before);
    }
    [dir="rtl"] & {
        margin-right: var(--swiper-centered-offset-before);
    }
}
.np-swiper .swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.np-swiper .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before);
}
.np-swiper .swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}
.np-swiper .swiper-lazy-preloader {
    border: 4px solid #f36;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}
.np-swiper .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.np-swiper .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.np-swiper swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
}
.np-swiper .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.np-swiper .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.np-swiper .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity 0.3s;
    z-index: 10;
}
.np-swiper .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.np-swiper .swiper-pagination.swiper-pagination-disabled,
.swiper-pagination-disabled > .np-swiper .swiper-pagination {
    display: none !important;
}
.np-swiper .swiper-horizontal > .swiper-pagination-bullets,
.np-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.np-swiper .swiper-pagination-custom,
.np-swiper .swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: auto;
    top: var(--swiper-pagination-top, auto);
    width: 100%;
}
.np-swiper .swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}
.np-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}
.np-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.np-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.np-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}
.np-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}
.np-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}
.np-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}
.np-swiper .swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: 0.2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
button.np-swiper .swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .np-swiper .swiper-pagination-bullet {
    cursor: pointer;
}
.np-swiper .swiper-pagination-bullet:only-child {
    display: none !important;
}
.np-swiper .swiper-pagination-bullet-active {
    background: #f36;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.np-swiper .swiper-pagination-vertical.swiper-pagination-bullets,
.np-swiper .swiper-vertical > .swiper-pagination-bullets {
    left: auto;
    left: var(--swiper-pagination-left, auto);
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.np-swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.np-swiper .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.np-swiper .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.np-swiper .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.np-swiper .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.np-swiper .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, top 0.2s;
    transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}
.np-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.np-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.np-swiper .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.np-swiper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.np-swiper .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.np-swiper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, left 0.2s;
    transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.np-swiper .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.np-swiper :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, right 0.2s;
    transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}
.np-swiper .swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit);
}
.np-swiper .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}
.np-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #f36;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%;
}
.swiper-rtl .np-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.np-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal,
.np-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-horizontal > .np-swiper .swiper-pagination-progressbar,
.swiper-vertical > .np-swiper .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%;
}
.np-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.np-swiper .swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .np-swiper .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-vertical > .np-swiper .swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
}
.np-swiper .swiper-pagination-lock {
    display: none;
}
:root {
    --swiper-navigation-size: 44px;
}
.np-swiper .swiper-button-next,
.np-swiper .swiper-button-prev {
    align-items: center;
    color: #f36;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    z-index: 10;
}
.np-swiper .swiper-button-next.swiper-button-disabled,
.np-swiper .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: 0.35;
    pointer-events: none;
}
.np-swiper .swiper-button-next.swiper-button-hidden,
.np-swiper .swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none;
}
.swiper-navigation-disabled .np-swiper .swiper-button-next,
.swiper-navigation-disabled .np-swiper .swiper-button-prev {
    display: none !important;
}
.np-swiper .swiper-button-next:after,
.np-swiper .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
}
.np-swiper .swiper-button-prev,
.np-swiper .swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.np-swiper .swiper-button-prev:after,
.np-swiper .swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.np-swiper .swiper-button-next,
.np-swiper .swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px);
}
.np-swiper .swiper-button-next:after,
.np-swiper .swiper-rtl .swiper-button-prev:after {
    content: "next";
}
.np-swiper .swiper-button-lock {
    display: none;
}
.np-swiper .swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1);
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
}
.np-swiper .swiper-scrollbar.swiper-scrollbar-disabled,
.swiper-scrollbar-disabled > .np-swiper .swiper-scrollbar {
    display: none !important;
}
.np-swiper .swiper-scrollbar.swiper-scrollbar-horizontal,
.swiper-horizontal > .np-swiper .swiper-scrollbar {
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: 4px;
    height: var(--swiper-scrollbar-size, 4px);
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: auto;
    top: var(--swiper-scrollbar-top, auto);
    width: 98%;
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
    z-index: 50;
}
.np-swiper .swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .np-swiper .swiper-scrollbar {
    height: 98%;
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
    left: auto;
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: 4px;
    right: var(--swiper-scrollbar-right, 4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: 4px;
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50;
}
.np-swiper .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.5);
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.np-swiper .swiper-scrollbar-cursor-drag {
    cursor: move;
}
.np-swiper .swiper-scrollbar-lock {
    display: none;
}
.np-swiper .swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.np-swiper .swiper-grid-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
}
.np-swiper .swiper {
    --swiper-navigation-size: 16px;
    --swiper-pagination-bullet-inactive-color: red;
    display: flex;
    margin: 0 8px;
    position: static;
}
@media only screen and (max-width: 768px) {
    .np-swiper .swiper {
        margin: 0 20px;
    }
}
.np-swiper .swiper .swiper-slide {
    height: auto;
}
.np-swiper .swiper .swiper-button-next,
.np-swiper .swiper .swiper-button-prev {
    background: #f36;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    padding: 10px;
    width: 20px;
}
.np-swiper .swiper .swiper-button-next:after,
.np-swiper .swiper .swiper-button-prev:after {
    font-weight: 700;
}
.np-swiper .swiper .swiper-button-prev {
    left: 0;
}
.np-swiper .swiper .swiper-button-next {
    right: 0;
}
.np-swiper .swiper .swiper-pagination {
    bottom: -20px;
}
.breadcrumbs--simple {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
}
.breadcrumbs--simple > ul {
    display: flex;
    flex-wrap: wrap;
}
.breadcrumbs--simple > ul li:not(:last-child):after {
    content: "";
    speak: none;
    background: url(../sprites.svg#angle-right-grey) no-repeat;
    display: inline-block;
    height: 1em;
    height: 0.5em;
    line-height: 1em;
    text-decoration: none;
    width: 1em;
}
.podcast {
    margin: 0 auto;
    max-width: 950px;
    min-height: 300px;
}
@media only screen and (max-width: 640px) {
    .podcast {
        min-height: 450px;
    }
}
.np-headline {
    align-items: center;
    color: #333;
    color: var(--text-c-color, #333);
    color: #272526;
    color: var(--text-c-color, #272526);
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.4;
    margin: 16px 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
@media only screen and (max-width: 576px) {
    .np-headline {
        font-size: 2rem;
    }
}
.np-headline > a {
    align-items: center;
    border-bottom: 0;
    color: #272526;
    color: var(--text-a-color, #272526);
    display: flex;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    margin-left: auto;
    text-decoration: none;
}
.np-headline > a:after {
    content: "";
    speak: none;
    background: url(../sprites.svg#angle-right) no-repeat;
    display: inline-block;
    height: 1em;
    height: 0.5em;
    line-height: 1em;
    text-decoration: none;
    width: 1em;
}
html.darkmode .np-headline > a:after {
    background: url(../sprites.svg#angle-right-white) no-repeat;
    height: 0.5em;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .np-headline > a:after {
        background: url(../sprites.svg#angle-right-white) no-repeat;
        height: 0.5em;
    }
}
.np-headline--line {
    align-items: center;
}
.np-headline--line > span {
    padding: 0 10px;
    white-space: nowrap;
}
.np-headline--line:after,
.np-headline--line:before {
    border-bottom: 2px solid #f36;
    content: "";
    flex-grow: 1;
}
.np-headline--slash > span {
    line-height: 2.2em;
    margin-left: 0.4em;
}
.np-headline--slash:before {
    color: #f36;
    content: "//";
    flex-shrink: 0;
    font-size: 1.5em;
}
.gdpr-placeholder {
    align-items: center;
    border: 3px solid gray;
    color: var(--text-c-color);
    display: flex;
    flex-direction: column;
    padding: 32px !important;
}
@media (max-width: 576px) {
    .gdpr-placeholder {
        padding: 16px !important;
    }
}
.gdpr-placeholder .recommended_content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.gdpr-placeholder .recommended_content .recommended_content_hl {
    align-items: center;
    border-bottom: 3px dotted var(--text-a-color);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media (max-width: 576px) {
    .gdpr-placeholder .recommended_content .recommended_content_hl {
        align-items: start;
        flex-direction: column;
    }
}
.gdpr-placeholder .recommended_content .recommended_content_hl p {
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 2;
    margin: 0;
}
@media (max-width: 768px) {
    .gdpr-placeholder .recommended_content .recommended_content_hl p {
        font-size: 24px;
        line-height: 1.5;
    }
}
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-instagram-icon,
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-twitter-icon {
    height: 50px;
    width: 50px;
}
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-instagram-icon svg,
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-twitter-icon svg {
    --svg-icon-max-width: 50px;
    --svg-icon-max-height: 50px;
    --svg-icon-color: #000;
    display: none;
}
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-twitter-icon > svg {
    --svg-icon-color: var(--black-to-white-color);
}
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-convertKit-icon > img {
    height: auto;
    width: 50px;
}
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-heise-icon {
    height: auto;
    width: 90px;
}
.gdpr-placeholder .recommended_content .recommended_content_hl .disclaimer-heise-icon > img {
    display: none;
}
.gdpr-placeholder .recommended_content p {
    margin-top: 32px;
}
.gdpr-placeholder .activate-content {
    background-color: #d12940;
    border: none;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #000;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 30px;
    margin: 8px 4px;
    max-width: 200px;
    min-width: 150px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 576px) {
    .gdpr-placeholder .activate-content {
        font-size: 16px;
    }
}
.gdpr-placeholder p {
    line-height: 1;
}
.gdpr-placeholder p small {
    color: var(--text-small);
}
.show-offers-btn {
    align-items: center;
    background-color: #f36;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    max-width: 80%;
    padding: 8px 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    grid-gap: 8px;
    font-size: 2rem;
    font-weight: 700;
    gap: 8px;
    margin: 16px auto 8px;
}
.actionButtons {
    bottom: 0;
    display: none;
    flex-direction: column;
    position: absolute;
    right: -68px;
    top: 16px;
    z-index: 1000;
}
.actionButtons--inView {
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
    display: flex;
}
@media only screen and (max-width: 992px) {
    .actionButtons--inView {
        -webkit-animation: none;
        animation: none;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
    .actionButtons {
        bottom: auto;
        display: flex;
        flex-direction: column;
        position: fixed;
        right: 0;
        top: 530px;
        grid-gap: 30px;
        gap: 30px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition: -webkit-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.actionButtons .actionButton__wrapper,
.actionButtons .tocButton__wrapper {
    position: -webkit-sticky;
    position: sticky;
}
.actionButtons .actionButton__wrapper .svg-icon-svg-cross,
.actionButtons .tocButton__wrapper .svg-icon-svg-cross {
    display: none;
}
.actionButtons .actionButton__wrapper svg,
.actionButtons .tocButton__wrapper svg {
    height: 24px;
    width: 24px;
    --svg-icon-color: #fff;
    color: #fff;
}
.actionButtons .actionButton__toggle,
.actionButtons .tocButton__toggle {
    align-items: center;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    line-height: 2;
    width: 48px;
    z-index: 2;
}
@media only screen and (max-width: 992px) {
    .actionButtons .actionButton__toggle,
    .actionButtons .tocButton__toggle {
        border-radius: 24px 0 0 24px;
        margin-right: -4px;
    }
}
.actionButtons .actionButton__content,
.actionButtons .tocButton__content {
    align-items: flex-start;
    display: none;
    position: absolute;
    visibility: hidden;
    width: 0;
    grid-gap: 8px;
    border-radius: 12px;
    bottom: 0;
    box-sizing: border-box;
    flex-direction: column;
    gap: 8px;
    padding: 4px 8px;
    right: 64px;
}
@media only screen and (max-width: 992px) {
    .actionButtons .actionButton__content,
    .actionButtons .tocButton__content {
        bottom: 24px;
        right: 56px;
        top: auto;
    }
}
.actionButtons .actionButton__content > a,
.actionButtons .tocButton__content > a {
    text-decoration: none;
}
.actionButtons .actionButton__wrapper {
    top: 430px;
}
.actionButtons .actionButton__wrapper .actionButton__toggle {
    background-color: #f36;
    box-shadow: 0 0 0 7px rgba(255, 51, 102, 0.2);
}
.actionButtons .actionButton__wrapper .actionButton__content {
    background-color: rgba(0, 0, 0, 0.82);
}
.actionButtons .actionButton__wrapper .actionButton__btn {
    display: flex;
    height: 48px;
    justify-content: flex-start;
    grid-gap: 12px;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 8px;
}
.actionButtons .actionButton__wrapper .actionButton__btn span {
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
}
.actionButtons .actionButton__wrapper .actionButton__btn svg {
    background-color: rgba(61, 66, 75, 0.82);
    border-radius: 6px;
    padding: 6px;
}
.actionButtons .actionButton__wrapper--open .actionButton__content {
    display: flex;
    visibility: visible;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.actionButtons .actionButton__wrapper--open .actionButton__toggle {
    border-radius: 50%;
}
@media only screen and (max-width: 992px) {
    .actionButtons .actionButton__wrapper--open .actionButton__toggle {
        border-radius: 24px 0 0 24px;
    }
}
.actionButtons .actionButton__wrapper--open .actionButton__toggle .svg-icon-svg-flash {
    display: none;
}
.actionButtons .actionButton__wrapper--open .actionButton__toggle .svg-icon-svg-cross {
    display: flex;
}
.actionButtons .tocButton__wrapper {
    display: none;
    top: 515px;
}
.actionButtons .tocButton__wrapper .tocButton__toggle {
    background-color: #666;
    box-shadow: 0 0 0 7px rgba(102, 82, 87, 0.4);
}
.actionButtons .tocButton__wrapper .tocButton__content {
    background-color: rgba(0, 0, 0, 0.92);
    color: #fff;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
}
.actionButtons .tocButton__wrapper .tocButton__content a {
    color: #61afef;
}
.actionButtons .tocButton__wrapper .tocButton__content .article-toc {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style-position: inside;
    padding: 8px;
    width: 100%;
}
.actionButtons .tocButton__wrapper .tocButton__content .article-toc h2 {
    color: #fff;
    font-size: 2rem;
    margin: 8px auto;
}
.actionButtons .tocButton__wrapper .tocButton__content .article-toc__list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    list-style-type: disclosure-closed;
    margin-bottom: 0;
}
.actionButtons .tocButton__wrapper .tocButton__content .article-toc ol {
    list-style-type: decimal;
}
.actionButtons .tocButton__wrapper .tocButton__content .article-toc ul {
    list-style-type: disclosure-closed;
}
.actionButtons .tocButton__wrapper .tocButton__content .article-toc ol li,
.actionButtons .tocButton__wrapper .tocButton__content .article-toc ul li {
    padding: 8px 0;
}
.actionButtons .tocButton__wrapper--open .tocButton__content {
    display: flex;
    max-width: 600px;
    min-width: 300px;
    visibility: visible;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
@media only screen and (max-width: 992px) {
    .actionButtons .tocButton__wrapper--open .tocButton__content {
        max-width: 300px;
        min-width: 270px;
    }
}
.actionButtons .tocButton__wrapper--open .tocButton__toggle {
    border-radius: 50%;
}
@media only screen and (max-width: 992px) {
    .actionButtons .tocButton__wrapper--open .tocButton__toggle {
        border-radius: 24px 0 0 24px;
    }
}
.actionButtons .tocButton__wrapper--open .tocButton__toggle .svg-icon-svg-list {
    display: none;
}
.actionButtons .tocButton__wrapper--open .tocButton__toggle .svg-icon-svg-cross {
    display: flex;
}
.fancybox-inner .articleComments {
    margin: 0;
    max-width: 600px;
    padding: 0;
}
.fancybox-inner .articleComments .articleCommentsCard {
    padding: 16px;
}
.fancybox-inner .articleComments .fancybox-ap-btn-close {
    display: flex !important;
}
.next-prev-article {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 24px 12px;
    grid-gap: 8px;
    flex-wrap: wrap;
    gap: 8px;
}
.next-prev-article--next,
.next-prev-article--prev {
    align-items: center;
    display: flex;
    justify-content: center;
    grid-gap: 4px;
    border: 3px solid #fff;
    border-radius: 28px;
    font-weight: 700;
    gap: 4px;
    letter-spacing: 0.3px;
    max-width: 350px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.next-prev-article--next:hover,
.next-prev-article--prev:hover {
    text-decoration: none;
}
.next-prev-article--next svg,
.next-prev-article--prev svg {
    height: 30px;
    width: 30px;
    --svg-icon-color: #272526;
}
.next-prev-article--next {
    background-color: #000;
    background-color: var(--black-to-white-color, #000);
    border-color: #000;
    border-color: var(--black-to-white-color, #000);
    color: #fff;
    color: var(--white-to-black-color, #fff);
}
.next-prev-article--next svg {
    --svg-icon-color: #fff;
    --svg-icon-color: var(--white-to-black-color, #fff);
}
.next-prev-article--prev {
    background-color: transparent;
    border-color: #000;
    border-color: var(--black-to-white-color, #000);
    color: #000;
    color: var(--black-to-white-color, #000);
}
.next-prev-article--prev svg {
    --svg-icon-color: #000;
    --svg-icon-color: var(--black-to-white-color, #000);
}
.howWeReview {
    background-color: #e9eef2;
    background-color: var(--bg-c-color, #e9eef2);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='304' height='304' viewBox='0 0 304 304'%3E%3Cpath fill='%23ff809f' fill-opacity='.16' d='M44.1 224a5 5 0 1 1 0 2H0v-2zm160 48a5 5 0 1 1 0 2H82v-2zm57.8-46a5 5 0 1 1 0-2H304v2zm0 16a5 5 0 1 1 0-2H304v2zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2zm-256-48a5 5 0 1 1 0 2H0v-2zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2zM258 12.1a5 5 0 1 1-2 0V0h2zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0m16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0m-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0m-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80zm86.2-210a5 5 0 1 1 0 2H272V0h2v32zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0M53.9 34a5 5 0 1 1 0-2H80V0h2v34zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0M101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0M53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0m-16 16v19.51l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0M12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2h19.51L66 216.59V242zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2h27.51L82 208.59V258zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2zM34 241v63h-2v-62H0v-2h34zM17 18H0v-2h16V0h2v18zm273-2h14v2h-16V0h2zm-32 273v15h-2v-14h-14v14h-2v-16h18zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66zM80 272h2v32h-2zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0M5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9m3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9M97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6M49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6M33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6M17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6M17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6m32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6m16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
    border-radius: 8px;
    color: #333;
    color: var(--text-c-color, #333);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    padding: 8px 16px;
    text-align: center;
}
.howWeReview:hover {
    cursor: pointer;
}
.howWeReview__content {
    background-color: #fff;
    background-color: var(--bg-a-color, #fff);
    border: 1px solid #000;
    border-radius: 8px;
    font-size: 14px;
    margin: 0;
    padding: 8px 16px;
    text-align: left;
}
.howWeReview__content:hover {
    cursor: default;
}
@font-face {
    font-display: swap;
    font-family: Mountains of Christmas;
    font-style: normal;
    font-weight: 400;
    src: url(/styles/font/Mountains_of_Christmas.woff2) format("woff2");
}
.advent-calendar {
    background: url(/img/adventcalendar/bg.png);
    display: grid;
    grid-auto-rows: 180px;
    grid-template-columns: repeat(auto-fill, 160px);
    margin: 16px auto;
    width: 100%;
    grid-gap: 16px;
    border-radius: 10px;
    color: #272526;
    justify-content: center;
    padding: 20px 0;
    position: relative;
}
.advent-calendar:before {
    background: url(/img/adventcalendar/snowflakes.png);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.advent-calendar__big-door {
    cursor: pointer;
    display: flex;
    height: 120px;
    min-height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
}
.advent-calendar__big-door:not(.advent-calendar__big-door--closed):hover .advent-calendar__door {
    background-color: hsla(0, 0%, 100%, 0.314);
}
.advent-calendar__big-door:not(.advent-calendar__big-door--closed):hover .advent-calendar__front {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.advent-calendar__big-door--opened .advent-calendar__door {
    border: 2px solid transparent;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.advent-calendar__big-door--opened .advent-calendar__front {
    box-shadow: inset 0 0 5px 2px #8a8282;
}
.advent-calendar__big-door--closed {
    cursor: default;
}
.advent-calendar__door {
    border: 2px dashed #fff;
    border-radius: 10px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 0.3s;
    width: 100%;
}
.advent-calendar__door div {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.advent-calendar__back {
    background-color: #e8dec3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: inset 0 0 3px 1px #343434;
    display: none;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.advent-calendar__back span {
    font-family: Mountains of Christmas;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    position: absolute;
    top: 5px;
}
.advent-calendar__back img {
    max-width: 128px;
    padding-top: 30px;
}
.advent-calendar__front {
    font-family: Mountains of Christmas;
    font-size: 56px;
    font-weight: 700;
}
.summary {
    margin: 24px 8px 8px;
}
.summary .summary__tabs {
    display: flex;
    flex-direction: row;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 421px) {
    .summary .summary__tabs {
        grid-gap: 8px;
        gap: 8px;
    }
}
.summary .summary__tabs .summary__tablist {
    background-color: rgba(233, 238, 242, 0.478);
    background-color: var(--bg-summary-widget-passive, rgba(233, 238, 242, 0.478));
    border-radius: 8px 8px 0 0;
    color: var(--text-c-color);
    padding: 16px;
    text-decoration: none;
}
@media screen and (max-width: 400px) {
    .summary .summary__tabs .summary__tablist {
        padding: 8px;
    }
}
.summary .summary__tabs .summary__tablist:hover {
    cursor: pointer;
}
.summary .summary__tabs .summary__tablist--active {
    border-bottom: 1px solid var(--black-to-white-color);
}
.summary .summary__tabs .summary__tablist--active,
.summary__content {
    background-color: #e9eef2;
    background-color: var(--bg-summary-widget, #e9eef2);
}
.summary__content {
    border-radius: 0 8px 8px 8px;
    height: auto;
    min-height: 400px;
    width: 100%;
}
.summary__content__tab {
    display: none;
    visibility: hidden;
}
.summary__content__tab--active {
    display: flex;
    visibility: visible;
}
.summary__content__tab--buy .acba68f2 {
    margin: 16px;
    width: 100%;
}
.summary__content__tab--tariff {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.summary__content__tab--tariff p {
    display: flex;
    flex-direction: column;
}
.summary__content__tab--goodBad {
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px;
    padding: 24px;
}
@media (max-width: 576px) {
    .summary__content__tab--goodBad {
        padding: 16px;
        grid-gap: 16px;
        gap: 16px;
    }
}
.summary__content__tab--goodBad .tabGoodBad__headline {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media (max-width: 576px) {
    .summary__content__tab--goodBad .tabGoodBad__headline {
        align-items: start;
        flex-direction: column;
        justify-content: start;
    }
}
.summary__content__tab--goodBad .tabGoodBad__headline > span {
    color: var(--text-c-color);
    font-size: 24px;
    margin: 0;
}
.summary__content__tab--goodBad .tabGoodBad__headline .reviewRating {
    margin: 0;
}
.summary__content__tab--goodBad .tabGoodBad__headline .reviewRating .ratingStars {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    top: 0;
}
.summary__content__tab--goodBad .tabGoodBad__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media (max-width: 576px) {
    .summary__content__tab--goodBad .tabGoodBad__content {
        flex-direction: column;
        grid-gap: 16px;
        gap: 16px;
    }
}
.summary__content__tab--goodBad .tabGoodBad__content__list {
    height: auto;
}
.summary__content__tab--goodBad .tabGoodBad__content__list .reviewGoodBad {
    background-color: var(--bg-summary-widget);
    margin: 0;
    padding: 0;
}
@media (max-width: 576px) {
    .summary__content__tab--goodBad .tabGoodBad__content__list .reviewGoodBad {
        flex-direction: column;
    }
}
.summary__content__tab--goodBad .tabGoodBad__content__list .reviewGoodBad .badList li,
.summary__content__tab--goodBad .tabGoodBad__content__list .reviewGoodBad .goodList li {
    font-size: 16px;
}
.summary__content__tab--goodBad .tabGoodBad__content__list .reviewGoodBad .goodBadContent {
    margin-left: 8px;
}
.summary__content__tab--goodBad .tabGoodBad__content__imgBtn {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
}
@media (max-width: 576px) {
    .summary__content__tab--goodBad .tabGoodBad__content__imgBtn {
        align-items: center;
        justify-content: center;
    }
}
.summary__content__tab--goodBad .tabGoodBad__content__imgBtn .tabGoodBad__content__img {
    height: 220px;
    width: 220px;
}
@media (max-width: 576px) {
    .summary__content__tab--goodBad .tabGoodBad__content__imgBtn .tabGoodBad__content__img {
        height: 180px;
        width: 180px;
    }
}
.summary__content__tab--goodBad .tabGoodBad__content__btn {
    margin: 0;
}
.summary__content__tab--goodBad .tabGoodBad__content__btn .np-product {
    background: transparent;
    border: none;
    box-shadow: none;
}
.summary__content__tab--goodBad .tabGoodBad__content__btn .np-product .np-offer:not(:first-child) {
    display: none;
}
@media (max-width: 576px) {
    .summary__content__tab--goodBad .tabGoodBad__link {
        margin: 0 auto;
    }
}
.deviceRating {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px;
}
.deviceRating__stars {
    display: flex;
}
.deviceRating__stars .svg-rating-stars {
    height: 20px;
    width: 100px;
}
.deviceRating__review {
    font-size: 1.4rem;
    line-height: 1.4;
}
.articleContainer {
    margin: 0 auto;
    max-width: 810px;
    position: relative;
    width: 100%;
}
.articleContentWrapper {
    margin-top: 16px;
}
.articleContent {
    margin: 0 auto;
    max-width: 782px;
}
.articleMain {
    position: relative;
}
.articleMain .articlePart hr {
    border: 0;
    border-top: 1px solid #e9eef2;
    border-top: 1px solid var(--line-color, #e9eef2);
}
.articlePart {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 782px;
}
.articlePart.articleOfferTable {
    margin-top: 40px;
    padding: 0 5px;
}
.articlePartBanner {
    margin: 32px 0;
}
.articleMain .articleOfferTable {
    margin: 0 10px;
}
.articleHeroImage {
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 106;
}
.articleHeroImage > img {
    display: block;
    height: 100%;
    width: 100%;
}
.articleHeroImage > figcaption {
    background: hsla(0, 0%, 100%, 0.522);
    bottom: 0;
    color: #272526;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 2px;
    position: absolute;
    right: 0;
}
.article-header {
    margin-bottom: 8px;
}
.articleAuthor {
    align-items: center;
    display: flex;
}
@media (max-width: 576px) {
    .articleAuthor {
        margin-top: 5px;
    }
}
.articleMetaInfo {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 8px 0;
    width: 100%;
}
.articlePartUpdate {
    display: flex;
}
.belowHeroImage {
    align-items: start;
    display: flex;
    justify-content: space-between;
    margin: 16px auto;
    max-width: 782px;
}
@media only screen and (max-width: 576px) {
    .belowHeroImage {
        flex-direction: column;
        margin-bottom: 8px;
        margin-top: 8px;
        grid-gap: 8px;
        gap: 8px;
    }
}
.articleAuthorLink {
    align-items: center;
    border-bottom: 0;
    display: flex;
}
.articleAuthorLink,
.articleAuthorLink:hover,
.articleAuthorLink:hover:after {
    text-decoration: none;
}
.articleAuthorLink .articleAuthorInfos {
    color: #333;
    color: var(--text-b-color, #333);
    display: flex;
    flex-direction: column;
}
.articleAuthorLink .articleAuthorInfos .articleAuthorName {
    font-size: 16px;
    font-weight: 700;
}
.articleAuthorLink .articleAuthorInfos .articleAuthorName:hover {
    cursor: pointer;
}
.articleAuthorLink .articleAuthorInfos .articleAuthorPosition {
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    text-decoration: none;
}
.articleAuthorImage {
    border-radius: 50%;
    height: 50px;
    margin-right: 10px;
    overflow: hidden;
    width: 50px;
}
.articleAuthorImage img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.articlePublishedDate {
    color: #272526;
    color: var(--text-a-color, #272526);
    color: #333;
    color: var(--text-b-color, #333);
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
}
.articlePublishedDate,
.articleUpdate {
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.articleUpdate {
    background-color: #e60039;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #272526;
    color: var(--text-a-color, #272526);
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.6;
    line-height: 1.2;
    padding: 5px 8px;
}
@media only screen and (max-width: 576px) {
    .articleUpdate {
        font-size: 1.6rem;
    }
}
.articleUpdateLabel {
    text-transform: uppercase;
}
.language-option,
.language-option > p {
    align-items: baseline;
    display: flex;
    font-weight: 300;
    justify-content: flex-end;
    grid-gap: 10px;
    color: var(--text-b-color);
    flex-wrap: wrap;
    font-size: 1.4rem;
    gap: 10px;
    line-height: 0;
}
.language-switcher > a {
    color: var(--text-b-color);
    font-weight: 700;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--text-b-color);
    text-decoration-color: var(--text-b-color);
    text-decoration-thickness: 1px;
}
.articleMetaOptions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    grid-gap: 8px;
    gap: 8px;
}
@media only screen and (max-width: 576px) {
    .articleMetaOptions {
        flex-direction: column;
    }
}
.article-header,
.articleContent,
.articlePostContent,
.belowHeroImage,
.breadcrumbs--simple,
.howWeReview {
    position: relative;
}
@media (max-width: 842px) {
    .article-header,
    .articleContent,
    .articlePostContent,
    .belowHeroImage,
    .breadcrumbs--simple,
    .howWeReview {
        margin-left: 16px;
        margin-right: 16px;
    }
}
#comments,
.articleContent a[id],
.articleContent div[id],
.articleContent p[id] {
    scroll-margin-top: 56px;
    scroll-margin-top: var(--main-bar-height, 56px);
}
.articlePartContent .gallery__copyright {
    color: #aaa;
    color: var(--text-d-color, #aaa);
    font-size: 1.2rem;
    white-space: nowrap;
}
.articlePartContent .gallery__wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: repeat(var(--gallery-cols, 1), 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-template-rows: repeat(var(--gallery-rows, 1), 1fr);
}
@media only screen and (max-width: 782px) {
    .articlePartContent .gallery__wrapper {
        display: flex;
    }
}
.articlePartContent .gallery__slide {
    box-sizing: border-box;
    padding: 6px;
}
.articlePartContent .gallery__slide figure {
    align-items: center;
    background-color: #fff;
    background-color: var(--bg-a-color, #fff);
    border: 1px solid #e9eef2;
    border: 1px solid var(--line-color, #e9eef2);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
}
.articlePartContent .gallery__slide figure > span {
    display: flex;
    justify-content: center;
    width: 100%;
}
.articlePartContent .gallery__slide figure img {
    aspect-ratio: 16/9;
    max-height: max(140px, 465px/1);
    max-height: max(140px, 465px / var(--gallery-cols, 1));
    min-height: 140px;
    min-width: 138px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.articlePartContent .gallery__slide figure img:hover {
    cursor: pointer;
}
.articlePartContent .gallery__slide figure figcaption {
    box-sizing: border-box;
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;
    margin: auto;
    padding: 4px;
    text-align: left;
    width: 100%;
    word-break: break-word;
}
.articlePartContent h2 {
    margin-top: 2em;
}
@media (max-width: 576px) {
    .articlePartContent h2 {
        margin: 20px 0 10px;
    }
}
.articlePartContent h3 {
    margin-top: 2em;
}
@media (max-width: 576px) {
    .articlePartContent h3 {
        margin: 20px 0 10px;
    }
}
.articlePartContent ol,
.articlePartContent ul {
    margin: 16px 0;
}
.articlePartContent ol ol,
.articlePartContent ol ul,
.articlePartContent ul ol,
.articlePartContent ul ul {
    margin: 0;
}
.articlePartContent p + ol,
.articlePartContent p + ul {
    margin-top: -8px;
}
.articlePartContent ul li {
    list-style: square;
    padding: 4px 0;
}
.articlePartContent ol li {
    list-style: decimal;
}
.articlePartContent li {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1.5;
    margin-bottom: 4px;
    margin-left: 20px;
}
.articlePartContent figure {
    clear: both;
    margin: 16px 0;
    text-align: center;
}
.articlePartContent figure > h2 {
    text-align: left;
}
.articlePartContent .scrollContent {
    margin: 16px 0;
    overflow: auto;
}
.articlePartContent .scrollContent > h2 {
    margin-top: 16px;
}
@media (max-width: 768px) {
    .articlePartContent .scrollContent > h2 {
        margin-bottom: 8px;
    }
}
.articlePartContent img {
    height: auto;
    margin: 0 auto;
    width: 100%;
}
.articlePartContent img.img-ignore-size,
.articlePartContent img.noScale,
.articlePartContent img[src*="amazon-kaufen-button"],
.articlePartContent img[src*="ap-buy-amazon"] {
    width: auto;
}
.articlePartContent blockquote {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    margin: 16px 0;
    padding: 30px 50px;
    position: relative;
}
@media only screen and (max-width: 576px) {
    .articlePartContent blockquote {
        padding: 30px 15px;
    }
}
.articlePartContent blockquote:before {
    background: url(../sprites.svg#quote-amaranth) no-repeat;
    content: "";
    height: 20px;
    left: 21px;
    position: absolute;
    top: 29px;
    width: 20px;
}
@media only screen and (max-width: 576px) {
    .articlePartContent blockquote:before {
        left: 0;
        top: 10px;
    }
}
.articlePartContent blockquote,
.articlePartContent blockquote > p {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
}
@media only screen and (max-width: 576px) {
    .articlePartContent blockquote,
    .articlePartContent blockquote > p {
        font-size: 1.6rem;
    }
}
.articlePartContent blockquote > p {
    margin: 0;
}
.articlePartContent blockquote.instagram-media,
.articlePartContent blockquote.twitter-tweet {
    max-width: 100% !important;
    width: 100% !important;
}
.articlePartContent blockquote.instagram-media:before,
.articlePartContent blockquote.twitter-tweet:before {
    display: none;
}
.articlePartContent blockquote.twitter-tweet {
    border: 1px solid #cfd9de;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    max-width: 300px;
    padding: 40px 16px 16px;
}
.articlePartContent blockquote.twitter-tweet > p {
    font-size: 16px;
    font-weight: 300;
    margin: 10px;
}
.articlePartContent .gdpr-placeholder {
    background-color: #e9eef2;
    background-color: var(--bg-c-color, #e9eef2);
    margin-top: 16px;
    padding: 10px;
}
.articlePartContent .gdpr-placeholder p {
    line-height: 1;
}
.articlePartContent .gdpr-placeholder .twitter-icon {
    position: absolute;
    right: 16px;
    top: 0;
    --svg-icon-max-width: 25px;
}
.articlePartContent > iframe {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
}
.articlePartContent h2 + *,
.articlePartContent h3 + * {
    margin-top: 0;
}
@media (max-width: 576px) {
    .articlePartContent .entry-table-default td,
    .articlePartContent .entry-table-default th {
        padding: 14px 12px;
    }
}
.articlePartIntroContent > li,
.articlePartIntroContent > p,
.articlePartIntroContent > ul {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-weight: 600;
    line-height: 1.6;
}
@media only screen and (max-width: 576px) {
    .articlePartIntroContent > li,
    .articlePartIntroContent > p,
    .articlePartIntroContent > ul {
        font-size: 1.6rem;
    }
}
.articlePartIntroContent > nav {
    margin-bottom: 16px;
}
.articlePartIntroContent > nav:after,
.articlePartIntroContent > nav:before {
    border-top: 1px solid #e9eef2;
    border-top: 1px solid var(--line-color, #e9eef2);
    content: "";
    display: block;
}
.articlePartIntroContent > nav h2 {
    font-size: 1.8rem;
    line-height: 1.6;
    margin: 8px 0;
}
@media only screen and (max-width: 576px) {
    .articlePartIntroContent > nav h2 {
        font-size: 1.6rem;
    }
}
.articlePart figcaption {
    color: #272526;
    color: var(--text-a-color, #272526);
    color: #333;
    color: var(--text-b-color, #333);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 16px;
    margin-top: 0.8rem;
    text-align: center;
}
.articleMain:not(.articleMainMarkedDisabled) .marker {
    background-color: #b6d1e2;
    background-color: var(--highlight-bg-color, #b6d1e2);
}
.articlePartMarked > p {
    margin: 0;
    text-align: right;
}
@media (max-width: 768px) {
    .articlePartMarked > p {
        border-bottom: 1px solid #e9eef2;
        border-top: 1px solid #e9eef2;
        margin-top: 1rem;
        padding: 0.75rem 0;
        text-align: center;
    }
    .articleMarkedLabel {
        display: block;
        margin-bottom: 0.5rem;
    }
}
.articleMain .articleMarkedNo,
.articleMain .articleMarkedYes {
    min-width: 0;
}
.articleMarkedYes {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
@media (max-width: 768px) {
    .articleMarkedYes {
        margin-left: 0;
        margin-right: 1rem;
    }
}
.articleMain.articleMainMarkedDisabled .articleMarkedNo,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes {
    background: #b6d1e2;
    border: 1px solid #b6d1e2;
    border-radius: 8px 8px 8px 2px;
    color: #272526;
}
.articleMain.articleMainMarkedDisabled .articleMarkedNo:not([disabled]):not(.disabled):active,
.articleMain.articleMainMarkedDisabled .articleMarkedNo:not([disabled]):not(.disabled):hover,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes:not([disabled]):not(.disabled):active,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes:not([disabled]):not(.disabled):hover {
    background: #272526;
    border-color: #272526;
    color: #b6d1e2;
}
.articleMain.articleMainMarkedDisabled .articleMarkedNo:not([disabled]):not(.disabled):active,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes:not([disabled]):not(.disabled):active {
    background: #b6d1e2;
}
.articleMain.articleMainMarkedDisabled .articleMarkedNo.disabled,
.articleMain.articleMainMarkedDisabled .articleMarkedNo[disabled],
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes.disabled,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes[disabled] {
    background: #e5eff5;
    color: #b3b3b3;
    cursor: default;
    pointer-events: none;
}
.articleMain.articleMainMarkedDisabled .articleMarkedNo.disabled:active,
.articleMain.articleMainMarkedDisabled .articleMarkedNo.disabled:hover,
.articleMain.articleMainMarkedDisabled .articleMarkedNo[disabled]:active,
.articleMain.articleMainMarkedDisabled .articleMarkedNo[disabled]:hover,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes.disabled:active,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes.disabled:hover,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes[disabled]:active,
.articleMain:not(.articleMainMarkedDisabled) .articleMarkedYes[disabled]:hover {
    cursor: default;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.articleMain.articleMainMarkedDisabled .articleMarkedYes {
    background: #fff;
    border: 1px solid #666;
    border-radius: 8px 8px 8px 0;
    color: #666;
}
.articleMain.articleMainMarkedDisabled .articleMarkedYes:not([disabled]):not(.disabled):active,
.articleMain.articleMainMarkedDisabled .articleMarkedYes:not([disabled]):not(.disabled):hover {
    background: #666;
    border-color: #666;
    color: #fff;
}
.articleMain.articleMainMarkedDisabled .articleMarkedYes:not([disabled]):not(.disabled):active {
    background: #d9d9d9;
}
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes {
    background: #282c34;
    border: 1px solid #fff;
    color: #fff;
}
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes:not([disabled]):not(.disabled):active,
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes:not([disabled]):not(.disabled):hover {
    background: #3d424b;
    border-color: #fff;
}
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled,
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled] {
    background: #aaa;
    border-color: #aaa;
    color: #666;
    cursor: default;
    pointer-events: none;
}
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled:active,
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled:hover,
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled]:active,
html.darkmode .articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled]:hover {
    cursor: default;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes {
        background: #282c34;
        border: 1px solid #fff;
        color: #fff;
    }
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes:not([disabled]):not(.disabled):active,
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes:not([disabled]):not(.disabled):hover {
        background: #3d424b;
        border-color: #fff;
    }
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled,
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled] {
        background: #aaa;
        border-color: #aaa;
        color: #666;
        cursor: default;
        pointer-events: none;
    }
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled:active,
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled:hover,
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled]:active,
    html:not(.lightmode) .articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled]:hover {
        cursor: default;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled,
.articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled] {
    background: #aaa;
    border-color: #aaa;
    color: #666;
    cursor: default;
    pointer-events: none;
}
.articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled:active,
.articleMain.articleMainMarkedDisabled .articleMarkedYes.disabled:hover,
.articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled]:active,
.articleMain.articleMainMarkedDisabled .articleMarkedYes[disabled]:hover {
    cursor: default;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.articleMain.articleMainMarkedDisabled .articleMarkedNo {
    background-color: #b6d1e2;
}
.articlePartVideo {
    margin-bottom: 16px;
    margin-top: 16px;
}
[id*="twitter-widget"] {
    flex-grow: 0 !important;
    margin: 0 auto !important;
}
.deviceLink {
    align-items: center;
    background-color: #fff;
    background-color: var(--bg-b-color, #fff);
    border: 1px solid #e9eef2;
    border-radius: 4px;
    display: flex;
    margin: 20px 0;
    padding: 10px 20px;
    text-decoration: none;
}
.deviceLink > .svg-icon {
    flex-shrink: 0;
    height: 30px;
    margin-left: 16px;
    width: 30px;
}
@media (max-width: 40em) {
    .deviceLink > .svg-icon {
        margin-left: 16px;
    }
}
@media (max-width: 576px) {
    .deviceLink > .svg-icon {
        margin-left: 8px;
    }
}
img.deviceLinkImage {
    background-size: contain;
    display: inline-block;
    flex-shrink: 0;
    height: 80px;
    margin-right: 16px;
    width: 80px;
}
@media (max-width: 576px) {
    img.deviceLinkImage {
        height: 60px;
        width: 60px;
    }
}
@media (max-width: 40em) {
    img.deviceLinkImage {
        margin-right: 8px;
    }
}
@media (max-width: 576px) {
    img.deviceLinkImage {
        margin: 4px 4px 4px 0;
    }
}
.deviceLinkText {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
}
.deviceLinkText > h2 {
    color: #272526;
    color: var(--text-a-color, #272526);
    margin: 0 0 -0.8rem;
}
.deviceLinkText > span {
    color: #1770aa;
    color: var(--link-color, #1770aa);
    font-size: 1.4rem;
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
.deviceLinkText > span:hover {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
@media (max-width: 40em) {
    .deviceLinkText > span {
        display: inline-block;
        margin-top: 4px;
    }
}
.deviceLink:after,
.deviceLink:before {
    content: "";
    display: table;
}
.deviceLink:after {
    clear: both;
}
.deviceLink {
    zoom: 1;
}
.articleInstallAppContainer + .articleInstallAppContainer {
    margin-top: 16px;
}
.articleInstallApp {
    align-items: center;
    background-color: #fff;
    background-color: var(--bg-b-color, #fff);
    border: 1px solid #e9eef2;
    border-radius: 4px;
    display: flex;
    margin: 20px 0;
    padding: 10px 20px;
}
.articleInstallApp,
.articleInstallApp:hover {
    text-decoration: none;
}
.articleInstallAppIcon {
    background-size: contain;
    display: inline-block;
    flex-shrink: 0;
    height: 80px;
    margin-right: 16px;
    width: 80px;
}
@media (max-width: 576px) {
    .articleInstallAppIcon {
        height: 60px;
        width: 60px;
    }
}
@media (max-width: 40em) {
    .articleInstallAppIcon {
        margin-left: 8px;
        margin-right: 0;
        order: 1;
    }
}
@media (max-width: 576px) {
    .articleInstallAppIcon {
        margin-bottom: 4px;
        margin-left: 4px;
        margin-top: 4px;
        order: 1;
    }
}
.articleInstallAppNotIcon {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
}
@media (max-width: 40em) {
    .articleInstallAppNotIcon {
        align-items: flex-start;
        flex-direction: column;
        order: 0;
        width: 100%;
    }
}
@media (max-width: 576px) {
    .articleInstallAppNotIcon {
        align-self: stretch;
    }
}
.articleInstallAppTitle {
    color: #333;
    color: var(--text-c-color, #333);
    color: #272526;
    color: var(--text-a-color, #272526);
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 1.2;
}
@media only screen and (max-width: 576px) {
    .articleInstallAppTitle {
        font-size: 2.2rem;
    }
}
@media (max-width: 576px) {
    .articleInstallAppTitle {
        align-items: center;
        display: flex;
        width: 100%;
    }
}
.articleInstallApp img {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    width: 137px;
}
@media (max-width: 40em) {
    .articleInstallApp img {
        margin: 0;
        width: 100px;
    }
}
.articleInstallApp:after,
.articleInstallApp:before {
    content: "";
    display: table;
}
.articleInstallApp:after {
    clear: both;
}
.articleInstallApp {
    zoom: 1;
}
div.reviewTestedOn {
    margin-bottom: 16px;
    margin-top: 16px;
}
div.reviewTestedOn table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
}
div.reviewTestedOn thead {
    border-bottom: 1px solid #1770aa;
    color: #666;
    text-transform: uppercase;
}
div.reviewTestedOn td {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    padding: 0.5rem;
    text-align: left;
}
.scrollContent > h3 {
    text-align: left;
}
.scrollContent > .entry-table-default {
    border-collapse: separate;
    border-spacing: 2px;
}
.scrollContent > .entry-table-default td,
.scrollContent > .entry-table-default thead th:not(:first-of-type) {
    text-align: center;
}
.scrollContent > .entry-table-default td:nth-of-type(odd) {
    background-color: #e9eef2;
    background-color: var(--bg-c-color, #e9eef2);
    color: #333;
    color: var(--text-c-color, #333);
}
.scrollContent > .entry-table-default td:nth-of-type(2n) {
    background-color: transparent;
}
.entry-table-default {
    box-sizing: border-box;
    width: 100%;
}
.entry-table-default,
.entry-table-default p {
    color: #272526;
    color: var(--text-a-color, #272526);
    color: inherit;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}
.entry-table-default th {
    background: #bdc4ca;
    color: #0a2c49;
    font-weight: 700;
    line-height: 1.5;
}
html.darkmode .entry-table-default th {
    background: #666;
    color: #fff;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .entry-table-default th {
        background: #666;
        color: #fff;
    }
}
.entry-table-default td,
.entry-table-default th {
    padding: 4px 8px;
}
@media (max-width: 576px) {
    .entry-table-default td,
    .entry-table-default th {
        padding: 2px 4px;
    }
}
.tableWrapper {
    margin: 16px 0;
    padding: 0 32px;
}
.tableWrapper h2 {
    margin-left: -32px;
    margin-right: -32px;
}
@media (max-width: 992px) {
    .tableWrapper {
        overflow-x: auto;
        padding: 0;
    }
    .tableWrapper h2 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 16px;
    }
}
h3 + .tableDevice {
    margin-top: 0;
}
.tableDevice > table tbody > tr:nth-of-type(odd) {
    background-color: #e9eef2;
}
.deviceSpecs.separateNext,
.tableDevice tbody > tr.separateNext,
.tableDevice thead > tr {
    border-bottom: 2px solid #aaa;
}
.tableDevice tbody > tr.separatePrevious {
    border-top: 2px solid #aaa;
}
.al-amazon,
.al-deutsche_telekom,
.al-eins_und_eins,
.al-o2,
.al-vodafone {
    align-items: center;
    background: #fff;
    border-bottom: 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    display: inline-flex;
    font-size: 1.4rem;
    padding: 7px 10px;
    text-decoration: none;
    width: 100%;
}
.al-amazon:hover,
.al-deutsche_telekom:hover,
.al-eins_und_eins:hover,
.al-o2:hover,
.al-vodafone:hover {
    text-decoration: none;
}
.al-amazon > span,
.al-deutsche_telekom > span,
.al-eins_und_eins > span,
.al-o2 > span,
.al-vodafone > span {
    margin: 0 auto;
}
.al-amazon:before,
.al-deutsche_telekom:before,
.al-eins_und_eins:before,
.al-o2:before,
.al-vodafone:before {
    content: "";
    height: 26px;
    width: 80px;
}
.al-amazon:hover,
.al-deutsche_telekom:hover,
.al-eins_und_eins:hover,
.al-o2:hover,
.al-vodafone:hover {
    text-decoration: underline;
}
.al-amazon {
    border: 2px solid #fa2;
    box-shadow: 0 1px 0 0 #fff6af;
}
.al-amazon:before {
    background: url(/img/amazon/amazon-ir1.png) no-repeat bottom;
    background-size: contain;
}
.al-o2 {
    border: 2px solid #0019a5;
    box-shadow: 0 1px 0 0 #92b2ff;
}
.al-o2:before {
    background: url(/img/offerbuttons/o2_logo.png) no-repeat bottom;
    background-size: contain;
}
.al-vodafone {
    border: 2px solid #e60000;
    box-shadow: 0 1px 0 0 #ff8279;
}
.al-vodafone:before {
    background: url(/img/offerbuttons/Vodafone_icon.png) no-repeat bottom;
    background-size: contain;
}
.al-deutsche_telekom {
    border: 2px solid #e20074;
    box-shadow: 0 1px 0 0 #ff8fcc;
}
.al-deutsche_telekom:before {
    background: url(/img/offerbuttons/Telekom_Logo_2013.png) no-repeat bottom;
    background-size: contain;
}
.al-eins_und_eins {
    border: 2px solid #003d8f;
    box-shadow: 0 1px 0 0 #9dacff;
}
.al-eins_und_eins:before {
    background: url(/img/offerbuttons/eins_und_eins_logo.png) no-repeat bottom;
    background-size: contain;
}
.comparison-table-wrapper {
    --scroll-top: 0;
    --tr-offset-height: 0;
    border-right: 1px solid #efeff4;
    margin-top: 16px;
}
.comparison-table-wrapper .scrollContent {
    margin-top: 0;
}
@media only screen and (max-width: 576px) {
    .comparison-table-wrapper {
        margin: 1.6rem -1.2rem;
    }
}
.articlePartContent .comparison-table {
    border-collapse: separate;
    width: 100%;
}
.articlePartContent .comparison-table__arrows {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
}
.articlePartContent .comparison-table__arrow-left,
.articlePartContent .comparison-table__arrow-right {
    align-items: center;
    background-color: #fff;
    background-color: var(--white-to-black-color, #fff);
    border: 2px solid #fff;
    border: 2px solid var(--white-to-black-color, #fff);
    border-radius: 12px;
    box-shadow: 1px 1px 0 0 #666;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 40px !important;
    justify-content: center;
    width: 48px;
}
.articlePartContent .comparison-table__arrow-left:disabled,
.articlePartContent .comparison-table__arrow-right:disabled {
    background-color: #aaa;
    border: none;
    cursor: default;
}
.articlePartContent .comparison-table__arrow-left:disabled span,
.articlePartContent .comparison-table__arrow-right:disabled span {
    opacity: 0.3;
}
.articlePartContent .comparison-table__arrow-left-icon {
    content: "";
    speak: none;
    background: url(../sprites.svg#angle-left) no-repeat;
    display: inline-block;
    height: 1em;
    height: 0.5em;
    line-height: 1em;
    text-decoration: none;
    width: 1em;
}
html.darkmode .articlePartContent .comparison-table__arrow-left-icon {
    background: url(../sprites.svg#angle-left-white) no-repeat;
    height: 0.5em;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .articlePartContent .comparison-table__arrow-left-icon {
        background: url(../sprites.svg#angle-left-white) no-repeat;
        height: 0.5em;
    }
}
.articlePartContent .comparison-table__arrow-right-icon {
    content: "";
    speak: none;
    background: url(../sprites.svg#angle-right) no-repeat;
    display: inline-block;
    height: 1em;
    height: 0.5em;
    line-height: 1em;
    text-decoration: none;
    width: 1em;
}
html.darkmode .articlePartContent .comparison-table__arrow-right-icon {
    background: url(../sprites.svg#angle-right-white) no-repeat;
    height: 0.5em;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .articlePartContent .comparison-table__arrow-right-icon {
        background: url(../sprites.svg#angle-right-white) no-repeat;
        height: 0.5em;
    }
}
.articlePartContent .comparison-table thead td,
.articlePartContent .comparison-table thead th {
    height: 50px;
}
.articlePartContent .comparison-table th {
    font-size: 1.4rem;
    padding: 5px;
    vertical-align: middle;
    white-space: nowrap;
}
.articlePartContent .comparison-table td,
.articlePartContent .comparison-table th {
    border-bottom: 1px solid #efeff4;
    border-left: 1px solid #efeff4;
    font-weight: 500;
    padding: 4px;
}
.articlePartContent .comparison-table tbody > tr > td {
    vertical-align: top;
}
.articlePartContent .comparison-table tbody tr > td:nth-child(2n) {
    background-color: #f8f8f8;
    background-color: var(--bg-table-highlight, #f8f8f8);
}
.articlePartContent .comparison-table tbody tr > td:nth-child(odd) {
    background-color: #fff;
    background-color: var(--bg-table-head-left, #fff);
}
.articlePartContent .comparison-table thead > tr > th {
    background-color: #e9eef2;
    background-color: var(--bg-table-head-top, #e9eef2);
    border-top: 1px solid #efeff4;
    color: #272526;
    color: var(--text-c-color, #272526);
    font-weight: 600;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    min-width: 200px;
    text-align: center;
}
.articlePartContent .comparison-table tbody > tr.tr-sticky > td,
.articlePartContent .comparison-table thead > tr > th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    top: calc(var(--scroll-top, 0) + var(--tr-offset-height, 0));
    will-change: top;
    z-index: 1;
}
.articlePartContent .comparison-table thead > tr > :first-child {
    background-color: #e9eef2 !important;
    background-color: var(--bg-table-head-top, #e9eef2) !important;
    border-top: 1px solid #efeff4;
}
.articlePartContent .comparison-table tbody > tr.tr-sticky > :first-child,
.articlePartContent .comparison-table thead > tr > :first-child {
    left: 0 !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    top: calc(var(--scroll-top, 0) + var(--tr-offset-height, 0));
    vertical-align: middle;
    will-change: top;
    z-index: 100 !important;
}
.articlePartContent .comparison-table tr > th:first-child {
    -webkit-animation: shadow-outside linear;
    animation: shadow-outside linear;
    background-color: #fff;
    background-color: var(--bg-table-head-left, #fff);
    font-weight: 600;
    left: 0;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    min-width: 90px;
    position: -webkit-sticky;
    position: sticky;
    white-space: break-spaces;
    z-index: 2;
    animation-timeline: scroll(nearest inline);
}
.articlePartContent .comparison-table__pros-cons > ul {
    margin: 10px 0;
    padding: 0;
}
.articlePartContent .comparison-table__pros-cons > ul > li {
    font-size: 1.2rem;
    line-height: 1.4;
    list-style: none;
    margin: 5px;
    padding-left: 21px;
    position: relative;
}
.articlePartContent .comparison-table__pros-cons > ul > li:before {
    left: 0;
    position: absolute;
}
.articlePartContent .comparison-table__list--pros > li:before {
    background: url(/styles/svg/icons.svg?v=7#plus);
}
.articlePartContent .comparison-table__list--cons > li:before,
.articlePartContent .comparison-table__list--pros > li:before {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 1em;
    justify-content: center;
    line-height: 1;
    padding-bottom: 0.1em;
    text-align: center;
    width: 1em;
}
.articlePartContent .comparison-table__list--cons > li:before {
    background: url(/styles/svg/icons.svg?v=7#minus);
}
.articlePartContent .comparison-table__image:not(:first-child) {
    text-align: center;
}
.articlePartContent .comparison-table__img {
    max-height: 120px;
    width: auto;
}
.articlePartContent .comparison-table__stars {
    margin: 10px 0;
}
.articlePartContent .comparison-table__stars figure {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.articlePartContent .comparison-table__stars figure > svg {
    max-height: 50px;
    max-width: 100px;
}
.articlePartContent .comparison-table__go-to-review {
    display: block;
    font-size: 1.4rem;
    text-align: center;
}
.articlePartContent .comparison-table__offers-list {
    margin: 0;
    padding: 0;
}
.articlePartContent .comparison-table__offers-list > li {
    list-style: none;
    margin: 0 0 5px;
}
.articlePartContent .comparison-table td.comparison-table__product {
    text-align: center;
    vertical-align: middle;
}
.articlePartContent .comparison-table td.comparison-table__product-link,
.articlePartContent .comparison-table__product-link > a {
    font-size: 1.4rem;
}
@-webkit-keyframes shadow-outside {
    0% {
        box-shadow: none;
    }
    1% {
        box-shadow: 10px 0 15px -5px rgba(0, 0, 0, 0.1);
    }
    to {
        box-shadow: 10px 0 15px -5px rgba(0, 0, 0, 0.1);
    }
}
@keyframes shadow-outside {
    0% {
        box-shadow: none;
    }
    1% {
        box-shadow: 10px 0 15px -5px rgba(0, 0, 0, 0.1);
    }
    to {
        box-shadow: 10px 0 15px -5px rgba(0, 0, 0, 0.1);
    }
}
.reviewGoodBad {
    background-color: #e9eef2;
    background-color: var(--bg-c-color, #e9eef2);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0;
    padding: 8px;
}
.reviewBad,
.reviewGood {
    display: inline-block;
    flex: 1 1 100px;
    width: 100%;
}
.reviewBad > p,
.reviewGood > p {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 16px;
}
@media only screen and (max-width: 576px) {
    .reviewBad > p,
    .reviewGood > p {
        font-size: 1.6rem;
    }
}
.reviewBad > ul,
.reviewGood > ul {
    margin-bottom: 8px;
    margin-top: 8px;
}
.reviewBad > ul > li,
.reviewGood > ul > li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style: none;
    margin-left: 0;
}
.reviewBad .check,
.reviewBad .mark,
.reviewGood .check,
.reviewGood .mark {
    color: #666;
    font-weight: 700;
}
.reviewBad .check:before,
.reviewGood .check:before {
    background: url(/styles/svg/icons.svg?v=7#plus);
}
.reviewBad .check:before,
.reviewBad .mark:before,
.reviewGood .check:before,
.reviewGood .mark:before {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 1em;
    justify-content: center;
    line-height: 1;
    padding-bottom: 0.1em;
    text-align: center;
    width: 1em;
}
.reviewBad .mark:before,
.reviewGood .mark:before {
    background: url(/styles/svg/icons.svg?v=7#minus);
}
.reviewBad .check:before,
.reviewBad .mark:before,
.reviewGood .check:before,
.reviewGood .mark:before {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}
.reviewGood {
    margin-right: 0.5rem;
}
@media (max-width: 768px) {
    .reviewGood {
        margin-bottom: 16px;
    }
}
.goodBadContent {
    display: block;
    margin-left: 1.6rem;
}
.reviewRating {
    border-radius: 8px;
    margin-top: 32px;
    padding: 4px;
    position: relative;
}
.reviewRating > .ratingStars {
    width: 100%;
}
.reviewRating > .ratingStars > svg {
    color: #ffc800;
    height: 34px;
    max-width: 100%;
}
@media (max-width: 768px) {
    .reviewRating > .ratingStars {
        display: flex;
        justify-content: center;
        margin: 1rem 0;
    }
}
.finalVerdict > h2 {
    margin-top: 16px;
}
.finalVerdictDesc > p:first-child {
    margin-top: 0;
}
.affiliateOffersHint {
    color: #4d4d4d;
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4;
    margin: 10px 0;
}
.affiliateOffersHint:before {
    content: "* ";
}
.np-product-offers__label {
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}
.np-product-offers__label:after {
    content: " *";
}
.acba68f2 + .acba68f2 {
    margin-top: 0;
}
.acba68f2 + .acba68f2 .np-product-offers__label {
    display: none;
}
.acba68f2 {
    margin: 10px 0;
}
.acba68f2 .np-product {
    --offer-link-bg: #e60039;
    background-color: #fff;
    background-color: var(--bg-b-color, #fff);
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(9, 30, 66, 0.25);
}
.acba68f2 .np-product--only-buttons {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.acba68f2 .np-product__go-to-device {
    color: #333;
    color: var(--text-c-color, #333);
    text-decoration: none;
}
.acba68f2 .np-product__go-to-device:hover {
    text-decoration: underline;
}
.acba68f2 .np-product__tariff {
    align-items: center;
    background: #c7d3e0;
    border-radius: 4px;
    color: #4b4949;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.acba68f2 .np-product__tariff:before {
    content: "";
    speak: none;
    background: url(/styles/svg/icons.svg?v=7#calc) no-repeat;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    margin-right: 3px;
    text-decoration: none;
    width: 1em;
}
.acba68f2 .np-product__tariff:hover {
    cursor: pointer;
}
.acba68f2 .np-product__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px;
    grid-gap: 6px;
    gap: 6px;
}
.acba68f2 .np-product__image {
    align-items: center;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 160px;
    width: 100%;
}
@media only screen and (max-width: 576px) {
    .acba68f2 .np-product__image {
        max-width: 320px;
    }
}
.acba68f2 .np-product__image > img {
    display: block;
    height: auto;
    width: 100%;
}
.acba68f2 .np-product__header {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 300px;
    flex-direction: column;
    max-width: 520px;
}
@media only screen and (max-width: 576px) {
    .acba68f2 .np-product__header {
        padding: 0 16px;
    }
}
.acba68f2 .np-product__header p:first-child {
    color: #333;
    color: var(--text-c-color, #333);
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4;
    line-height: 1.6;
    margin: 6px 0 10px;
}
@media only screen and (max-width: 576px) {
    .acba68f2 .np-product__header p:first-child {
        font-size: 2.2rem;
        font-size: 1.6rem;
        margin: 0 0 10px;
    }
}
.acba68f2 .np-product__description {
    color: #272526;
    color: var(--text-a-color, #272526);
    color: #aaa;
    color: var(--offer-text-color, var(--text-a-color, #aaa));
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    line-height: 1.4;
    margin-bottom: 8px;
    text-wrap: balance;
}
.acba68f2 .np-product__footer {
    flex-grow: 1;
    margin: 0 auto;
    max-width: 260px;
    min-width: 200px;
}
@media only screen and (max-width: 576px) {
    .acba68f2 .np-product__footer {
        max-width: 100%;
        padding: 0 16px;
        width: 100%;
    }
}
.acba68f2 .np-product__offers {
    margin: 0;
}
.acba68f2 .np-offer {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 0 10px;
}
.acba68f2 .np-offer :before {
    display: none;
}
.acba68f2 .np-offer--no-alt:first-child {
    margin-top: 10px;
}
.acba68f2 .np-offer__link {
    align-items: center;
    background: #e60039;
    background: var(--offer-link-bg, #e60039);
    border-bottom: 0;
    border-radius: 15px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: space-between;
    min-width: 160px;
    padding: 4px 8px;
    text-decoration: none;
}
.acba68f2 .np-offer__link:hover {
    --offer-link-bg: #b3002c;
    --offer-link-bg: var(--offer-link-bg-hover, #b3002c);
    cursor: pointer;
    text-decoration: none;
}
@media only screen and (max-width: 576px) {
    .acba68f2 .np-offer__link {
        width: 100%;
    }
}
.acba68f2 .np-offer__link--AMAZON .np-offer__store-logo {
    background: url(/styles/svg/sprites.svg#amazon-icon-white) no-repeat bottom;
    background-size: contain;
}
.acba68f2 .np-offer__link--DEUTSCHE_TELEKOM .np-offer__store-logo,
.acba68f2 .np-offer__link--T_MOBILE .np-offer__store-logo {
    background: url(/styles/svg/sprites.svg?v2#t-mobile-white) no-repeat bottom;
    background-size: contain;
}
.acba68f2 .np-offer__link--EBAY .np-offer__store-logo {
    background: url(/styles/svg/sprites.svg?v2#ebay-white) no-repeat bottom;
    background-size: contain;
}
.acba68f2 .np-offer__alt {
    color: #aaa;
    color: var(--offer-text-color, var(--text-a-color, #aaa));
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 4px;
    text-align: center;
}
.acba68f2 .np-offer__store-logo {
    background: url(/styles/svg/sprites.svg#shopping-cart-white) no-repeat 50%;
    background-size: 75%;
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    margin: 0 8px 0 4px;
    width: 24px;
}
.acba68f2 .np-offer__price {
    background: #fff;
    border-radius: 18px;
    color: #272526;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    margin-left: 4px;
    padding: 4px 8px;
}
.acba68f2 .np-offer__link-cta {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 200px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
.acba68f2 .np-offer__store-name {
    color: #272526;
    color: var(--text-a-color, #272526);
    color: #aaa;
    color: var(--offer-text-color, var(--text-a-color, #aaa));
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 4px auto 0;
}
.cheapest-price-badge {
    background-color: #7cac00;
    color: #fff;
    display: inline-block;
    font-size: 0;
    height: 30px;
    line-height: 30px;
    margin-left: -10px;
    padding: 0 1rem;
    position: relative;
    vertical-align: middle;
}
.cheapest-price-badge:before {
    border-left: 10px solid transparent;
    border-right: 0 solid transparent;
    border-top: 10px solid #000;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
}
.cheapest-price-badge .svg-icon-pig {
    height: 25px;
    vertical-align: middle;
    width: 25px;
}
.cheapest-price-badge > span {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    margin-left: 4px;
    text-transform: uppercase;
    vertical-align: middle;
}
.offer-all {
    margin: -8px 0 16px;
    text-align: right;
}
.offer-all > a {
    border-bottom: 0;
    vertical-align: center;
}
.offer-all > a,
.offer-all > a:hover {
    text-decoration: none;
}
.offer-all .offer-all-link {
    color: #1770aa;
    color: var(--link-color, #1770aa);
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
.offer-all .offer-all-link:hover {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
.offer-all .svg-icon-arrow-right {
    height: 30px;
    vertical-align: middle;
    width: 30px;
}
.reviewScreenshot {
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 1rem;
}
.quickSurvey {
    margin: 16px 0;
}
.quickSurvey img {
    display: inline-block;
    width: auto;
}
@-webkit-keyframes saved-flash {
    0% {
        background-color: rgba(118, 156, 17, 0.8);
        color: #fff;
    }
    50% {
        background-color: rgba(118, 156, 17, 0.8);
        color: #fff;
    }
    to {
        background-color: transparent;
        color: inherit;
    }
}
@keyframes saved-flash {
    0% {
        background-color: rgba(118, 156, 17, 0.8);
        color: #fff;
    }
    50% {
        background-color: rgba(118, 156, 17, 0.8);
        color: #fff;
    }
    to {
        background-color: transparent;
        color: inherit;
    }
}
@-webkit-keyframes warning-flash {
    0% {
        background-color: rgba(254, 0, 0, 0.8);
        color: #fff;
    }
    50% {
        background-color: rgba(254, 0, 0, 0.8);
        color: #fff;
    }
    to {
        background-color: transparent;
        color: inherit;
    }
}
@keyframes warning-flash {
    0% {
        background-color: rgba(254, 0, 0, 0.8);
        color: #fff;
    }
    50% {
        background-color: rgba(254, 0, 0, 0.8);
        color: #fff;
    }
    to {
        background-color: transparent;
        color: inherit;
    }
}
.contrib-draft-status {
    line-height: 1;
    padding-right: 4px;
    text-align: right;
}
.contrib-draft-status__disabled,
.contrib-draft-status__saved {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1.5 !important;
    visibility: hidden;
}
.contrib-draft-status--active .contrib-draft-status__saved {
    visibility: visible;
}
.contrib-draft-status--active .contrib-draft-status__disabled {
    display: none;
}
.contrib-draft-status--disabled .contrib-draft-status__disabled {
    -webkit-animation: warning-flash 1s 1;
    animation: warning-flash 1s 1;
    visibility: visible;
}
.contrib-draft-status--disabled .contrib-draft-status__saved,
.contribRating > .contribRatingSourceSelf {
    display: none;
}
.contribRating.contribRatingRated > .contribRatingSourceSelf {
    display: inline;
}
.contribRatingShowAllBtn ~ .contribRatingSource,
.contribRatingShowAllBtn ~ .contribRatingSource.contribRatingSourceSelf {
    display: none;
}
.contribRatingShowAll > .contribRatingShowAllBtn ~ .contribRatingSource,
.contribRatingShowAll > .contribRatingShowAllBtn ~ .contribRatingSource.contribRatingSourceSelf {
    display: inline;
}
.contribRatingShowAll:not(.contribRatingRated) > .contribRatingShowAllBtn ~ .contribRatingSource.contribRatingSourceSelf,
.contribRatingShowAll > .contribRatingShowAllBtn {
    display: none;
}
.contribRatingBtn,
.contribRatingShowAllBtn {
    border: 0;
    border-radius: 20px;
    color: var(--text-a-color, #272526);
    color: #272526;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1;
    margin-left: -0.45rem;
    padding: 8px 16px;
    vertical-align: middle;
}
.contribRatingBtn > span,
.contribRatingShowAllBtn > span {
    vertical-align: middle;
    white-space: nowrap;
}
.contribRatingBtn:not(.contribRatingBtnOwn):hover {
    background-color: #d9eef8;
    color: #272526;
    color: var(--text-a-color, #272526);
    cursor: pointer;
}
.contribRatingShowAllBtn {
    background-color: transparent;
    border-bottom: 0;
}
.contribRatingShowAllBtn,
.contribRatingShowAllBtn:hover {
    color: #272526;
    color: var(--text-a-color, #272526);
    text-decoration: none;
}
.contribRatingShowAllBtn:hover {
    cursor: pointer;
    text-decoration: underline;
}
.contribRatingBtn {
    background-color: #e9eef2;
    margin-right: 0.7rem;
}
.contribRatingBtn:not(.contribRatingThanks) > span.icon-thumb-up:before {
    margin-right: 10px;
}
.contribRatingBtn.contribRatingThanks {
    display: flex;
    grid-gap: 5px;
    gap: 5px;
    max-height: 30px;
}
.contribRatingBtn.contribRatingThanks span {
    display: flex;
    grid-gap: 3px;
    gap: 3px;
}
.contribRatingRated > .contribRatingBtn {
    background-color: #769c11;
    color: #fff;
}
.contribRatingRated > .contribRatingBtn .icon-thumb-up:before {
    background: url(../sprites.svg#thumb-up-white) no-repeat;
    padding-left: 0.75rem;
    padding-right: 0.25rem;
}
.contribRatingRated > .contribRatingSource.contribRatingSourceSelf + .contribRatingSource:before,
.contribRatingSource:not(.contribRatingSourceSelf) + .contribRatingSource:before {
    content: ", ";
}
.contribRatingSource {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}
.contribRatingSource > span {
    border-bottom: 0;
    padding: 0.25rem 0;
}
.contribRatingSource > span,
.contribRatingSource > span:hover {
    color: #272526;
    color: var(--text-a-color, #272526);
    text-decoration: none;
}
.contribRatingSource > span:hover {
    cursor: pointer;
    text-decoration: underline;
}
.commentsList .comment {
    list-style: none;
    margin-left: 0;
    margin-top: 2rem;
    position: relative;
}
.commentsList .comment > hr {
    border: none;
    border-top: 1px solid #e9eef2;
    border-top: 1px solid var(--line-color, #e9eef2);
    margin: 0 0 1rem;
    padding: 0;
}
.commentsList > .comment:first-of-type {
    margin-top: 0;
}
@media (max-width: 768px) {
    .articleCommentsCard {
        padding: 0 16px;
    }
}
.comment .comment {
    margin-left: 60px;
}
@media (max-width: 768px) {
    .comment .comment {
        margin-left: 25px;
    }
}
.commentAuthorImage {
    float: left;
}
.commentAuthorImage .user-level {
    height: 25px;
    width: 25px;
}
.comment:after,
.comment:before {
    content: "";
    display: table;
}
.comment:after {
    clear: both;
}
.comment {
    zoom: 1;
}
.commentAuthorImage .userCommentImage {
    border-bottom: 0;
    padding-top: 2px;
    text-decoration: none;
}
.commentAuthorImage .userCommentImage:hover {
    text-decoration: none;
}
.commentAuthorImageWithBadges .userCommentImage {
    padding: 0;
}
.commentAuthorImageWithBadges .userCommentImage img {
    border: 2px solid #1770aa;
}
.commentContainer {
    margin-left: 60px;
    margin-top: -0.5rem;
}
@media (max-width: 768px) {
    .commentContainer {
        margin-left: 50px;
    }
}
.commentContainer > header {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    padding-right: 2rem;
    padding-top: 0.2rem;
    position: relative;
    word-wrap: break-word;
}
.commentContainer > header > div > span:first-child {
    color: #1770aa;
    color: var(--link-color, #1770aa);
    text-decoration: underline;
    vertical-align: middle;
}
.commentContainer > header > div > span:first-child:hover {
    cursor: pointer;
}
.commentContainer > header .timestamp {
    display: inline-block;
    vertical-align: middle;
}
.commentContainer > header .user-badges {
    top: -2px;
    vertical-align: middle;
}
.commentContainer > header .user-badges > li {
    margin: 0 0 0 0.2rem;
}
.commentContainer > header .user-badge {
    font-size: 1rem;
}
.commentContainer > header .user-badge .svg-icon {
    height: 1.4em;
    width: 1.4em;
}
.commentContainer > header .user-badge svg {
    top: 0 !important;
}
.commentContainer > .commentBody a {
    word-break: break-all;
}
.commentContainer > .commentBody p {
    word-wrap: break-word;
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}
.commentLink {
    border-bottom: 0;
    cursor: pointer;
    padding: 0.5rem;
    position: absolute;
    right: -0.5rem;
    top: 2px;
    top: 0.2rem;
}
.commentLink,
.commentLink:hover {
    text-decoration: none;
}
.commentLink .svg-icon {
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px;
    --svg-icon-color: #666;
}
.commentLinkPopup > label {
    display: block;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}
.commentLinkPopup > input {
    box-sizing: border-box;
    width: 100%;
}
.commentBody > p:first-of-type {
    margin-top: 8px;
}
.commentContainer > footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.articleWriteComment,
.commentContainer > footer,
.commentSubscribeBox,
.footerButtonsWrapper {
    position: relative;
    z-index: 99;
}
.articleCommentRating {
    line-height: 1;
    margin: 0;
}
.articleCommentRating > .contribRatingSource {
    vertical-align: -1px;
}
.contribRatingBtn {
    margin-left: 0;
}
.commentThumbs {
    align-items: center;
    display: flex;
}
.commentButtons {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
.commentButtons > * {
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
}
.commentButtons > button:first-child {
    margin-right: 8px;
}
@media (max-width: 576px) {
    .topCommentThumbs {
        display: block;
    }
}
.submenu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 2000;
}
.submenu li {
    background: #fff;
    border-bottom: 1px solid #aaa;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    line-height: 1.2;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.submenu > li:hover {
    background: #d9eef8;
    cursor: pointer;
    transition: background 0.15s;
}
.adminOptions {
    display: inline-block;
    list-style: none;
    position: relative;
}
.adminOptions .dropdown {
    margin: 0;
}
.adminOptions > li {
    list-style: none;
}
.commentTextArea {
    box-sizing: border-box;
    height: 60px;
    margin: 10px 0;
    max-width: 100%;
    padding: 10px;
    vertical-align: top;
    width: 100%;
}
.commentEditTextarea {
    box-sizing: border-box;
    margin-top: 1rem;
    width: 100%;
}
.newComment,
.replyFormDiv {
    margin-top: 1rem;
}
.replyFormDiv {
    margin-left: 60px;
    margin-top: 16px;
}
.footerButtonsWrapper {
    flex-wrap: wrap;
    text-align: right;
}
.footerButtonsWrapper button:first-child {
    margin-right: 10px;
}
.commentSubscribeBox > ul {
    box-sizing: border-box;
    display: flex;
    padding: 10px 0;
    width: 100%;
}
@media only screen and (max-width: 576px) {
    .commentSubscribeBox > ul {
        flex-wrap: wrap;
    }
}
.commentSubscribeBox > ul > li {
    align-items: center;
    color: #272526;
    color: var(--text-a-color, #272526);
    display: inline-flex;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    list-style: none;
    margin-left: 0;
}
.commentSubscribeBox > ul > li:last-of-type {
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
}
@media (max-width: 30em) {
    .commentSubscribeBox > ul > li:last-of-type {
        margin-top: 0.5rem;
    }
}
.commentSubscribeBox p {
    margin: 0;
}
.subscriptionCheckboxLabel {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}
.subscriptionCheckboxLabel > input,
.subscriptionCheckboxLabel > span {
    vertical-align: middle;
}
@media (max-width: 30em) {
    .commentSubscribeBoxTop > ul > li,
    .commentSubscribeBoxTop > ul > li:last-of-type {
        padding-left: 0;
        text-align: left;
    }
}
.comment-header {
    display: flex;
    width: 100%;
}
.comment-header__draft-notice {
    align-self: flex-end;
    flex-grow: 1;
}
.commentExpand {
    display: none;
    margin: 0 auto;
}
.commentExpand > svg {
    height: 20px;
    width: 20px;
}
.commentCollapsed .children,
.commentCollapsed .commentBody,
.commentCollapsed .commentThreadLine,
.commentCollapsed .replyFormDiv,
.commentCollapsed footer {
    display: none;
}
.commentCollapsed .commentExpand {
    display: block;
}
.commentThreadLine {
    border-left: 2px solid #e1e1e1;
    bottom: 0;
    height: calc(100% - 80px);
    left: 18px;
    position: absolute;
    width: 8px;
    z-index: 100;
}
.commentThreadLine:hover {
    border-color: #333;
    cursor: pointer;
}
html.darkmode .commentThreadLine {
    border-color: #666;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .commentThreadLine {
        border-color: #666;
    }
}
.articleComments,
.articleTopComments {
    margin: 10px 0;
}
.articleComments {
    margin-top: 32px;
}
.articleComments,
.articleComments .moreComments {
    margin-bottom: 16px;
}
.articleComments .commentsList {
    margin-top: 16px;
}
.articleWriteComment {
    text-transform: uppercase;
}
.existingComments {
    margin-bottom: 16px;
}
.articleTopComments li {
    background-color: #f8f8f8;
    margin-bottom: 1.5rem;
    padding: 1rem;
}
html.darkmode .articleTopComments li {
    background-color: #3d424b;
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .articleTopComments li {
        background-color: #3d424b;
    }
}
.articleTopComments .goToComment {
    margin-left: 1.5rem;
    vertical-align: middle;
}
.articleTopComments .ratingArea {
    align-items: center;
    border: 0;
    color: #272526;
    color: var(--text-a-color, #272526);
    display: flex;
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}
.articleTopComments .ratingArea .icon-thumb-up:before {
    padding-right: 15px;
}
.articleTopComments .ratingArea .contribRatingBtnNum {
    background-color: #e9eef2;
    color: #272526;
    line-height: 1;
    padding: 0.45rem;
}
.articleCommentsBtnBottom li {
    text-align: center;
}
.articleStatus {
    border: 2px solid #fe351b;
    color: #272526;
    color: var(--text-a-color, #272526);
    color: #fe351b;
    margin: 0;
    padding: 0.5rem;
}
.articleAdminBox,
.articleStatus {
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}
.articleAdminBox {
    align-items: center;
    box-sizing: border-box;
    color: #272526;
    color: var(--text-a-color, #272526);
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    position: relative;
    z-index: 110;
}
@media (max-width: 576px) {
    .articleAdminBox {
        align-items: start;
        padding: 1rem;
    }
}
.articleAdminBox__counts {
    display: flex;
    flex-direction: row;
}
@media (max-width: 576px) {
    .articleAdminBox__counts {
        flex-direction: column;
    }
}
.articleAdminBox__buttons {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    align-items: start;
    gap: 8px;
    justify-content: center;
}
@media (max-width: 576px) {
    .articleAdminBox__buttons {
        flex-direction: column;
    }
}
.articleAdminBox.articleAdminBoxShow {
    width: 100%;
}
.articleAdminBoxContent {
    background-color: hsla(0, 0%, 100%, 0.9);
    box-shadow: 0 11px 14px 0 rgba(0, 0, 0, 0.4);
    display: none;
    position: absolute;
    top: 100%;
}
html.darkmode .articleAdminBoxContent {
    background-color: rgba(61, 61, 61, 0.9);
}
@media (prefers-color-scheme: dark) {
    html:not(.lightmode) .articleAdminBoxContent {
        background-color: rgba(61, 61, 61, 0.9);
    }
}
.articleAdminBoxContent p {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 4px;
    margin-top: 4px;
}
.articleAdminBoxShow > .articleAdminBoxContent {
    display: table;
}
.articleAdminBoxRow {
    display: table-row;
}
.articleAdminBox > .articleAdminBoxBtn:after {
    content: "";
    speak: none;
    content: "+";
    display: inline-block;
    height: 1em;
    line-height: 1em;
    margin-left: 0.5rem;
    text-decoration: none;
    vertical-align: -1px;
    width: 1em;
}
.articleAdminBox.articleAdminBoxShow > .articleAdminBoxBtn:after {
    content: "-";
}
.articleAdminBoxBtnDownload {
    margin-left: 0.5rem;
}
@media (max-width: 576px) {
    .articleAdminBoxBtnDownload {
        margin-left: 0;
    }
}
.articleAdminBoxRow:nth-of-type(2n) {
    background-color: hsla(0, 0%, 67%, 0.4);
}
.articleAdminBoxRow:nth-of-type(odd) {
    background-color: hsla(0, 0%, 40%, 0.4);
}
.articleAdminBoxLabel,
.articleAdminBoxValue {
    display: table-cell;
    padding: 1rem;
}
.articleAdminBoxLabel {
    padding-right: 2rem;
}
.articleAdminBoxValue > :first-child {
    margin-top: 0;
}
.articleAdminBoxValue > :last-child {
    margin-bottom: 0;
}
.articleAdminHistoryTitle {
    color: #272526;
    color: var(--text-a-color, #272526);
    font-family: Quicksand, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 0 !important;
}
@media only screen and (max-width: 576px) {
    .articleAdminHistoryTitle {
        font-size: 1.6rem;
    }
}
.articleAdminHistory > thead > tr > th {
    font-weight: 700;
}
.articleAdminHistory > tbody > tr > td,
.articleAdminHistory > thead > tr > th {
    border-bottom: 1px solid #aaa;
    padding: 0.5rem;
}
.articleAdminHistory > tbody > tr > td:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.1);
}
.rfc-draft-reminder {
    background: #f8f8f8;
    border: 4px solid #8aa913;
    border-radius: 6px;
    margin: 20px 0 10px;
    padding: 10px;
    position: relative;
}
.rfc-draft-reminder:after,
.rfc-draft-reminder:before {
    border: solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.rfc-draft-reminder:after {
    border-color: #f8f8f8 rgba(233, 238, 242, 0) rgba(233, 238, 242, 0);
    border-width: 20px;
    right: 110px;
}
@media (max-width: 576px) {
    .rfc-draft-reminder:after {
        right: 30px;
    }
}
.rfc-draft-reminder:before {
    border-color: #8aa913 rgba(138, 169, 19, 0) rgba(138, 169, 19, 0);
    border-width: 26px;
    right: 104px;
}
@media (max-width: 576px) {
    .rfc-draft-reminder:before {
        right: 24px;
    }
}
.rfc-draft-reminder > header {
    color: #333;
    color: var(--text-c-color, #333);
    font-family: Montserrat, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 10px 0;
}
@media only screen and (max-width: 576px) {
    .rfc-draft-reminder > header {
        font-size: 2.2rem;
    }
}
.rfc-draft-reminder__content > p {
    margin: 10px 0;
}
.rfc-draft-reminder__content > ol {
    list-style-type: decimal;
    margin-left: 2em;
    margin-top: 0;
}
.rfc-draft-reminder__close {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 3px;
}
.rfc-modal-welcome__buttons {
    text-align: right;
}
.rfc-modal-welcome__buttons > button {
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 7px;
}